@charset "UTF-8";

/*cn*/

.multiline_text,
.list_newspic li .txt h3,
.cont_inforight .recent_info li h3,
.list_investreport li .cont dl dd h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.single_text,
.recent_news li .txt span,
.sec_pro3 .pro_relate li .txt,
.list_solution dd h3,
.channel_itemdol li .txt span,
.invest_sec2 .left .item li a,
.invest_sec2 .left .item li em,
.invest_sec1 .right ul li .txt,
.recurit_sec2top .left span,
.recurit_sec2top .right span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input[text]:focus {
    background-color: #fff;
}

.box_sizing {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.trans,
.page a,
.inner_bannertxtwrap .location a,
.news_search .btn,
.cont_inforight .recent_info li h3,
.roundabout-moveable-item .label,
.relate_prodot .relate_hiddenpro,
.small_pro li a,
.small_pro li .img em,
.big_pro li .img em,
.sec_pro3 .pro_relate li .img em,
.sec_pro3 .pro_relate li .txt,
.list_solution dd h3,
.float_btn li a,
.invest_sec4 .img em,
.invest_sec2 .left .item li a,
.invest_sec2 .left .item li em,
.invest_sec1 .left a .img em,
.invest_sec1 .right ul li .img em,
.menu_level3 li a,
.menu_level3 li a:after,
.news_txtdl dt,
.news_txtdl dt b,
.news_txtdl dt i,
.news_txtdl dd,
.list_investform .last_btn input,
.invest_download .list_investdownloadwrap li a,
.special_board dl a,
.special_board dl dt .img em,
.special_board dl dd .txt h3,
.list_newspicdl dt h3,
.list_newspicdl .dd2 .img em,
.invest_sec1 .right ul li .txt,
.invest_sec2 .invest_report,
.invest_sec3 .invest_service li a,
.invest_sec2 .right .invest_stock,
.invest_sec2 .left,
.list_investreport li .cont dl a,
.recurit_sec2 .recurit_sec2list li .img em,
.recurit_sec5 .recurit_sec5list li,
.recurit_sec3list li a,
.recurit_sec2 .recurit_sec2list li .txt {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.imgem,
.recent_news li .img em,
.list_newspic li .img em,
.small_pro li .img em,
.big_pro li .img em,
.sec_pro3 .pro_relate li .img em,
.list_solution dt em,
.channel_itemdl dt em,
.channel_itemdol li .img em,
.invest_sec4 .img em,
.invest_sec1 .left a .img em,
.invest_sec1 .right ul li .img em,
.list_investreport li .cont dl dt em,
.special_board dl dt .img em,
.list_newspicdl .dd2 .img em,
.recurit_sec2 .recurit_sec2list li .img em,
.recurit_sec3list li .img em,
.sec_video .img em,
.sec_video .img video,
.list_news dl dt em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.inner_banner {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.inner_banner .w_1140 {
    width: 96%;
    margin: 0 auto;
    max-width: 1140px;
    overflow: hidden;
    position: relative;
    padding-bottom: 450px;
    height: 0;
}

.inner_banner .w_1140 .inner_bannertxt {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    overflow: hidden;
}

.inner_banner .w_1140 .inner_bannertxt img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.inner_menu ul li {
    float: left;
    margin-right: 76px;
}

.inner_menu ul li:last-child {
    margin-right: 0;
}

.inner_menu ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 20px 0px;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.inner_menu ul li span {
    color: #333333;
    -webkit-transition: color 0.25s ease 0s;
    transition: color 0.25s ease 0s;
}

.inner_menu ul .on a span {
    color: #006bb9;
}

.inner_menu ul li a {
    position: relative;
    overflow: hidden;
}

.sec_video .img video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.inner_menu ul li a:hover span {
    color: #006bb9;
}

.recurit_title {
    text-align: center;
    margin-bottom: 29px;
}

.recurit_title b {
    display: block;
    line-height: 40px;
    padding-bottom: 16px;
    font-size: 30px;
    color: #333333;
}

.recurit_title i {
    display: block;
    line-height: 14px;
}

.recurit_title i img {
    width: 14px;
}

.recurit_sec1 {
    padding: 30px 0 72px;
}

.recurit_sec1 .recurit_sec1txt {}

.recurit_sec1 .recurit_sec1txt li {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    float: left;
    width: 46.49%;
}

.recurit_sec1 .recurit_sec1txt .li2 {
    float: right;
    width: 48%;
}

.recurit_sec1 .recurit_sec1list {}

.recurit_sec1 .recurit_sec1list li {
    width: 27.04%;
    float: left;
    text-align: center;
    padding: 0 4.64%;
    position: relative;
}

.recurit_sec1 .recurit_sec1list li:after {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/recurit_iconbg.png) no-repeat center;
    width: 28px;
    margin-right: -14px;
    margin-top: -25px;
    height: 7px;
    top: 50%;
    content: "";
}

.recurit_sec1 .recurit_sec1list li.li3:after {
    display: none;
}

.recurit_sec1 .recurit_sec1list li .img {
    width: 100%;
    margin-bottom: 27px;
}

.recurit_sec1 .recurit_sec1list li .img img {
    width: 89.5%;
}

.recurit_sec1 .recurit_sec1list li .txt {
    font-size: 20px;
    color: #666666;
}

.recurit_sec1 .recurit_ad {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.recurit_sec1 .recurit_ad a {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 228px;
    overflow: hidden;
}

.recurit_sec1 .recurit_ad .txt {
    text-align: center;
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
}

.recurit_sec1 .recurit_ad .txt .title {
    line-height: 35px;
    margin-bottom: 22px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.recurit_sec1 .recurit_ad .txt .more {
    margin: 0 auto;
    width: 202px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 33.5px;
    background: #006bb9;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.recurit_sec1 .recurit_ad .txt .more i {
    padding-left: 18px;
    font-size: 14px;
    font-family: "SimSun";
}

.recurit_sec1 .recurit_ad a:hover .txt .more {
    -webkit-box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05);
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05);
    background: #0aaae7;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.recurit_sec1 .recurit_ad a:hover .txt .title {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.recurit_sec2 {
    background: #f5f5f5;
    padding: 74px 0 0px;
}

.recurit_sec2 .w_1140 {
    overflow: hidden;
}

.recurit_sec2 .sub_title {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    text-align: center;
}

.recurit_sec2top {
    margin-top: 96px;
    position: relative;
    z-index: 2;
}

.recurit_sec2top .left,
.recurit_sec2top .right {
    position: relative;
    width: 44.74%;
    height: 86px;
}

.recurit_sec2top .left span,
.recurit_sec2top .right span {
    display: block;
    background: #a5cf4f;
    line-height: 30px;
    padding: 28px 0px 28px 13.5%;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
}

.recurit_sec2top .left:before,
.recurit_sec2top .right:before {
    position: absolute;
    top: -17px;
    width: 120px;
    height: 120px;
    content: "";
}

.recurit_sec2top .left {
    float: left;
}

.recurit_sec2top .left span {
    margin-left: 120px;
}

.recurit_sec2top .left:before {
    left: 0;
    background: url(../images/recurit_arrow1.png) no-repeat left center;
}

.recurit_sec2top .right {
    float: right;
}

.recurit_sec2top .right span {
    margin-right: 120px;
    background: #88b231;
    padding-left: 17.5%;
    text-align: center;
}

.recurit_sec2top .right:before {
    right: 0;
    background: url(../images/recurit_arrow2.png) no-repeat right center;
}

.recurit_sec2top .center {
    position: absolute;
    left: 43.07%;
    top: -65px;
    width: 13.86%;
}

.recurit_sec2bot {
    position: relative;
    margin-top: 138px;
}

.recurit_sec2bot .left,
.recurit_sec2bot .right {
    float: left;
    width: 48.68%;
    padding: 0px 4% 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    padding-bottom: 999em;
    margin-bottom: -999em;
}

.recurit_sec2bot .left .title,
.recurit_sec2bot .right .title {
    margin-top: -42px;
}

.recurit_sec2bot .left .title {
    position: relative;
    width: 100%;
    height: 86px;
}

.recurit_sec2bot .left .title:before {
    position: absolute;
    top: -17px;
    width: 120px;
    height: 120px;
    content: "";
    left: -46px;
    background: url(../images/recurit_arrow1.png) no-repeat left center;
}

.recurit_sec2bot .left .title span {
    display: block;
    background: #a5cf4f;
    line-height: 30px;
    padding: 28px 0px 28px 30%;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recurit_sec2bot .right .title {
    position: relative;
    width: 100%;
    height: 86px;
}

.recurit_sec2bot .right .title:before {
    position: absolute;
    top: -17px;
    width: 120px;
    height: 120px;
    content: "";
    right: -46px;
    background: url(../images/recurit_arrow2.png) no-repeat right center;
}

.recurit_sec2bot .right .title span {
    display: block;
    background: #a5cf4f;
    line-height: 30px;
    padding: 28px 0px 28px 13.5%;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    margin-right: 64px;
    background: #88b231;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.recurit_sec2bot .center {
    position: absolute;
    left: 43.07%;
    top: -108px;
    width: 13.86%;
}

.recurit_sec2bot .left {
    float: left;
}

.recurit_sec2bot .left ul li {
    float: left;
    width: 50%;
}

.recurit_sec2bot .right {
    float: right;
}

.recurit_sec2bot ul {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 12px;
    margin-bottom: 28px;
    padding-top: 60px;
}

.recurit_sec2bot ul li {
    padding-left: 16px;
    position: relative;
    line-height: 24px;
    margin-bottom: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #666666;
}

.recurit_sec2bot ul li:after {
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    content: "";
    background: #666666;
}

.recurit_sec2bot .txt {
    line-height: 34px;
    font-size: 16px;
    color: #666666;
    padding-bottom: 78px;
}

.recurit_sec3 {
    padding-top: 74px;
    padding-bottom: 31px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.recurit_sec3 .txt {
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    max-width: 885px;
    width: 96%;
    margin: 0 auto 30px;
}

.recurit_sec3 .img {
    text-align: center;
}

.recurit_sec3 .img img {
    max-width: 100% !important;
    height: auto !important;
}

.recurit_sec5 {
    padding: 73px 0 86px;
}

.recurit_sec5 .txt {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    max-width: 885px;
    width: 96%;
    margin: 0 auto 92px;
    text-align: center;
}

.recurit_sec5btn {
    font-size: 0;
    text-align: center;
}

.recurit_sec5btn .btn {
    display: inline-block;
    line-height: 96px;
    height: 96px;
    overflow: hidden;
    border: 2px solid #006bb9;
    color: #fff;
    font-size: 20px;
    width: 27.72%;
    border-radius: 50px;
    margin: 0 1.32%;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.recurit_sec5btn .btn:hover {
    opacity: 0.8;
    -webkit-box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2);
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.recurit_sec5btn .btn1 {
    background: #006bb9;
    color: #fff;
}

.recurit_sec5btn .btn i {
    font-family: "SimSun";
    padding-left: 20px;
}

.recurit_sec5btn .btn2 {
    background: #fff;
    color: #006bb9;
}

.recurit_sec4 {
    width: 100%;
    background: #f5f5f5;
    padding-top: 72px;
    padding-bottom: 75px;
}

.recurit_sec4 .txt {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    max-width: 885px;
    width: 96%;
    margin: 0 auto 0px;
    text-align: center;
}

.recurit_sec4 .txt .left {
    float: left;
    width: 46.32%;
}

.recurit_sec4 .txt .right {
    float: right;
    width: 46.32%;
}

.recurit_sec4bot {
    position: relative;
    width: 98%;
    margin: 73px auto 0;
    max-width: 950px;
}

.recurit_sec4bot .left,
.recurit_sec4bot .right {
    width: 20.21%;
    text-align: center;
}

.recurit_sec4bot .left .img,
.recurit_sec4bot .right .img {
    margin-bottom: 39px;
}

.recurit_sec4bot .txt {
    line-height: 32px;
    font-size: 22px;
}

.recurit_sec4bot .left {
    float: left;
}

.recurit_sec4bot .left .img img {
    width: 100%;
}

.recurit_sec4bot .left .txt {
    color: #9dc54b;
}

.recurit_sec4bot .right {
    float: right;
}

.recurit_sec4bot .right .img img {
    width: 100%;
}

.recurit_sec4bot .right .txt {
    color: #006bb9;
}

.recurit_sec4bot .center {
    position: absolute;
    top: 16px;
    left: 17.05%;
    right: 17.05%;
}

.recurit_sec4bot .center .line1,
.recurit_sec4bot .center .line2 {
    width: 54.79%;
    height: 46px;
    position: absolute;
}

.recurit_sec4bot .center .line1 img,
.recurit_sec4bot .center .line2 img {
    width: 100%;
}

.recurit_sec4bot .center .line1 {
    left: 0;
    top: 66px;
    top: 30%;
}

.recurit_sec4bot .center .line2 {
    right: 0;
    top: 112px;
    top: 50%;
}

.recurit_sec4bot .center .img {
    width: 35.46%;
    margin: 0 auto;
    position: relative;
}

.recurit_sec4bot .center .img img {
    width: 100%;
}

.inner_cont {
    padding-top: 50px;
    padding-bottom: 60px;
}

.recurit_page {
    min-height: 200px;
    margin-top: 32px;
    margin-bottom: 40px;
}

.recurit_page table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid #d4d3d3;
}

.recurit_page table tr {
    border-bottom: 1px solid #d4d3d3;
}

.recurit_page table thead tr {
    background: #019add;
    color: #fff;
    font-size: 15px;
}

.recurit_page table thead tr th {
    color: #fff;
}

.recurit_page table td,
.recurit_page table th {
    padding: 16px 0;
    text-align: left;
    color: #666666;
    font-size: 15px;
}

.recurit_page table a {
    color: #666666;
    display: block;
    font-size: 14px;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.recurit_page table a:hover {
    text-decoration: underline;
    color: #019add;
}

.recurit_page table th:nth-child(4n-3),
.recurit_page table td:nth-child(4n-3) {
    width: 40.98%;
    padding-left: 3%;
}

.recurit_page table th:nth-child(4n-2),
.recurit_page table td:nth-child(4n-2) {
    width: 19.54%;
    text-align: center;
}

.recurit_page table th:nth-child(4n-1),
.recurit_page table td:nth-child(4n-1) {
    width: 22.28%;
    text-align: center;
}

.recurit_page table th:nth-child(4n),
.recurit_page table td:nth-child(4n) {
    width: 14.74%;
    text-align: center;
}

.list_recuritsearch {
    width: 96%;
    margin: 0 auto 43px;
    max-width: 564px;
    position: relative;
    padding-right: 134px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.list_recuritsearch .text {
    display: block;
    width: 100%;
    border: 1px solid #d4d3d3;
    height: 41px;
    line-height: 20px;
    padding: 9.5px 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #444;
}

.list_recuritsearch .btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #fff;
    width: 125px;
    height: 41px;
    padding-left: 25px;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    background: #006bb9 url(../images/recurit_search.png) no-repeat 22px center;
}

.list_recuritsearch .btn:hover {
    opacity: 0.8;
}

.list_recuritcondition {
    border: 1px solid #d4d3d3;
}

.recurit_condition {
    padding: 13px 1.67%;
    border-bottom: 1px solid #d4d3d3;
    position: relative;
}

.recurit_condition dt {
    float: left;
    width: 92px;
    margin-left: -100%;
    overflow: hidden;
    padding-left: 30px;
    font-size: 14px;
    color: #555555;
}

.recurit_condition dd {
    padding-left: 10px;
    float: left;
    width: 100%;
}

.recurit_condition dd .wrap {
    padding-left: 140px;
}

.recurit_condition dd a {
    display: block;
    float: left;
    margin-right: 60px;
    line-height: 25px;
    height: 25px;
    font-size: 14px;
    color: #555555;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.recurit_condition dd a.on,
.recurit_condition dd a:hover {
    color: #019add;
}

.recurit_condition1 dt {
    background: url(../images/recurit_condition1.png) no-repeat left center;
}

.recurit_condition2 dt {
    background: url(../images/recurit_condition2.png) no-repeat left center;
}

.recurit_condition3 dt {
    background: url(../images/recurit_condition3.png) no-repeat left center;
}

.recurit_condition2 {
    border-bottom: none;
}

.page {
    text-align: center;
    font-size: 0;
}

.page a {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #dcdcdc;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #444444;
}

.page .prev,
.page .next {
    padding: 0 17px;
    position: relative;
}

.page .text {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #dcdcdc;
    width: 38px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.page .pagenum {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid transparent;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #444444;
}

.page .on,
.page a:hover {
    background: #006bb9;
    border-color: #006bb9;
    color: #fff;
}

.hidden_recurit {
    width: 96%;
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
}

.hidden_recuritwrap .close_icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    cursor: pointer;
    background: url(../images/close.png) no-repeat center;
}

.hidden_recuritwrap {
    padding: 0 8% 75px;
}

.hidden_recuritwrap .title {
    font-size: 24px;
    line-height: 30px;
    color: #444444;
    padding: 53px 0 28px 0;
    font-weight: normal;
}

.hidden_recuritwrap .meta {
    font-size: 16px;
    color: #555555;
    line-height: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid #cacaca;
}

.hidden_recuritwrap .meta span {
    display: inline-block;
    padding-left: 34px;
    margin-right: 50px;
    height: 24px;
    line-height: 24px;
}

.hidden_recuritwrap .meta .span1 {
    background: url(../images/recurit_condition1.png) no-repeat left center;
}

.hidden_recuritwrap .meta .span2 {
    background: url(../images/recurit_condition2.png) no-repeat left center;
}

.hidden_recuritwrap .meta em {
    float: right;
}

.recurit_need {
    margin-bottom: 20px;
    margin-top: 20px;
    max-height: 312px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    text-align: justify;
    padding: 0px 0px 0 0;
}

.recurit_need dl {
    margin-bottom: 26px;
}

.download_btn a {
    display: inline-block;
    padding: 0 56px 0 23px;
    height: 43px;
    line-height: 43px;
    background: #019add url(../images/jlIcon.png) no-repeat 134px center;
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.download_btn a:hover {
    opacity: 0.8;
}

.hidden_recurit {
    display: none;
}


/*新闻页面*/

.inner_bannertxtwrap {
    position: absolute;
    left: 0;
    top: 157px;
}

.inner_bannertxtwrap .inner_bannertitle {
    line-height: 1.25;
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 48px;
    color: #fff;
}

.inner_bannertxtwrap .location {
    font-size: 16px;
    color: #fff;
}

.inner_bannertxtwrap .location a {
    color: #fff;
}

.inner_cont {
    width: 100%;
    background: #f5f5f5;
}

.list_newspage {
    overflow: hidden;
}

.recent_news li {
    float: left;
    width: 48.6%;
    margin-right: 2.63%;
}

.recent_news li a {
    display: block;
    position: relative;
}

.recent_news li .img {
    width: 100%;
    padding-bottom: 60.47%;
    overflow: hidden;
    position: relative;
}

.recent_news li .txt {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 2;
    background: url(../images/recent_bg.png) repeat-x center bottom;
}

.recent_news li .txt span {
    display: block;
    line-height: 24px;
    height: 24px;
    padding: 25px 4% 25px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.recent_news .li2 {
    margin-right: 0;
}

.news_search {
    background: #e6e6e6;
    padding: 26px 25px;
    margin: 50px 0;
}

.news_search .title {
    float: left;
    width: 100px;
    margin-left: -100%;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #333333;
}

.news_search .news_searchform {
    float: left;
    width: 100%;
}

.news_search .news_searchformwrap {
    margin-left: 100px;
}

.news_search .text1 {
    float: left;
    width: 21.45%;
    height: 40px;
    line-height: 20px;
    padding: 10px 37px 10px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url(../images/news_dateicon.jpg) no-repeat right center;
    font-size: 15px;
    color: #444;
}

.news_search .span {
    float: left;
    display: block;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    width: 39px;
    text-align: center;
    font-size: 15px;
    color: #666666;
}

.news_search .text2 {
    float: left;
    margin-left: 2%;
    width: 25.28%;
    height: 40px;
    padding: 10px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 15px;
    color: #444;
}

.news_search .btn {
    float: right;
    display: block;
    width: 22.36%;
    height: 40px;
    text-align: center;
    background: #006bb9;
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.news_search .btn:hover {
    background: #00a5ec;
}

.news_search .text3 {
    width: 72.28%;
}

.list_newspic {
    padding-bottom: 20px;
}

.list_newspic li {
    float: left;
    width: 31.58%;
    margin-right: 2.63%;
    margin-bottom: 30px;
}

.list_newspic li a {
    display: block;
    padding: 8.16% 6.94%;
    background: #fff;
}

.list_newspic li .img {
    margin-bottom: 26px;
    width: 100%;
    height: 0;
    padding-bottom: 65.81%;
    overflow: hidden;
    position: relative;
}

.list_topicpage .list_newspic li .img {
    padding-bottom: 61.97%;
}

.list_newspic li .txt {
    padding-bottom: 4px;
    height: 84px;
}

.list_topicpage .list_newspic li .txt {
    padding-bottom: 4px;
    height: 52px;
}

.list_newspic li .txt h3 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #333333;
    line-height: 34px;
    max-height: 68px;
    overflow: hidden;
}

.list_newspic li .txt h4 {
    font-size: 13px;
    color: #666666;
}

.list_newspic li:nth-child(3n) {
    margin-right: 0;
}


/*新闻页面 end*/


/*新闻详情页面*/

.inner_banner2 {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.inner_banner2 .w_1140 {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 180px;
}

.inner_banner2 .w_1140 .inner_bannertxtwrap {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -24px;
}

.inner_banner2 .w_1140 .inner_bannertxt {
    float: left;
    line-height: 1.2;
    font-size: 40px;
    color: #fff;
}

.inner_banner2 .w_1140 .page_btn {
    float: right;
}

.inner_banner2 .w_1140 .page_btn a {
    display: block;
    float: left;
    width: 42px;
    height: 42px;
}

.inner_banner2 .w_1140 .page_btn .prev {
    margin-right: 10px;
    background: url(../images/banner_arrow.png) no-repeat left center;
}

.inner_banner2 .w_1140 .page_btn .next {
    background: url(../images/banner_arrow.png) no-repeat right center;
}

.cont_infoleft {
    float: left;
    width: 100%;
}

.cont_infoleftwrap {
    margin-right: 290px;
}

.cont_inforight {
    float: left;
    width: 270px;
    margin-left: -270px;
    background: #fff;
}

.cont_inforight .title {
    font-size: 18px;
    color: #666666;
    border-bottom: 1px solid #efefef;
    padding: 35px 10.37% 18px;
}

.cont_inforight .title span {
    padding-right: 19px;
    background: url(../images/info_righticon.jpg) no-repeat right center;
}

.cont_inforight .recent_info li {
    border-bottom: 1px solid #efefef;
}

.cont_inforight .recent_info li a {
    display: block;
    padding: 23px 10.37%;
}

.cont_inforight .recent_info li a:hover h3 {
    color: #006bb9;
}

.cont_inforight .recent_info li h3 {
    margin-bottom: 21px;
    line-height: 2.13;
    font-size: 16px;
    color: #555555;
    text-transform: capitalize;
}

.cont_inforight .recent_info li h4 {
    font-size: 12px;
    color: #bbbbbb;
}

.post_article {
    background: #fff;
    margin-bottom: 20px;
}

.turn_page {
    background: #fff;
}

.post_article {
    padding: 35px 4.71% 84px;
}

.article_header {
    margin-bottom: 40px;
}

.article_header .title {
    margin-bottom: 18px;
    font-size: 30px;
    line-height: 48px;
    color: #333333;
}

.article_header .meta {
    border: 1px solid #efefef;
    border-width: 1px 0;
    line-height: 24px;
    padding: 10.5px 0;
}

.article_header .meta .meta_left {
    float: left;
}

.article_header .meta .meta_left li {
    float: left;
    font-size: 13px;
    color: #999999;
}

.article_header .meta .meta_left li span {
    padding-left: 24px;
    background: url(../images/meta_time.png) no-repeat left center;
}

.article_header .meta .meta_left .li2 {
    margin-left: 35px;
    margin-right: 20px;
}

.article_header .meta .meta_left .li2 span {
    padding-left: 27px;
    background: url(../images/meta_view.png) no-repeat left center;
}

.article_header .meta .meta_right {
    float: right;
    font-size: 14px;
    color: #999999;
}

.article_header .meta .meta_right em {
    float: left;
}

.article_header .meta .meta_right a {
    float: left;
    padding: 0 8px;
    color: #333333;
}

.article_header .meta .share_right {
    float: right;
    margin-left: 38px;
}

.article_header .meta .share_right em {
    float: left;
    display: block;
    font-size: 14px;
    color: #999999;
}

.article_header .meta .share_right a {
    display: block;
    float: left;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 7.5px !important;
}

.article_header .meta .share_right .share_weibo {
    background: url(../images/info_shareicon1.png) no-repeat center !important;
}

.article_header .meta .share_right .share_qq {
    background: url(../images/info_shareicon2.png) no-repeat center !important;
}

.article_header .meta .share_right .share_weixin {
    background: url(../images/info_shareicon3.png) no-repeat center !important;
}

.article_header .meta .share_right .share_youtube {
    background: url(../images/info_shareicon4.png) no-repeat center !important;
}

.atticle_cont {
    overflow: hidden;
}

.atticle_cont * {
    overflow: hidden;
    color: #555555;
    line-height: 2.13;
}

.atticle_cont ul li {
    overflow: initial;
    list-style: disc;
    margin-left: 18px;
}

.atticle_cont ol li {
    list-style: decimal;
    margin-left: 18px;
}

.atticle_cont {
    padding-bottom: 34px;
    font-size: 16px;
}

.atticle_cont b {}

.atticle_cont img {
    width: 100% !important;
    height: auto !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.article_share em {
    float: left;
    height: 62px;
    line-height: 62px;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    margin-right: 10px;
}

.article_share a {
    float: left;
    width: 62px !important;
    height: 62px !important;
    display: block;
    margin: 0 15px 0 0 !important;
    padding: 0 !important;
}

.article_share .share_weibo {
    background: url(../images/share_icon1.png) no-repeat center !important;
}

.article_share .share_qq {
    background: url(../images/share_icon2.png) no-repeat center !important;
}

.article_share .share_weixin {
    background: url(../images/share_icon3.png) no-repeat center !important;
}

.article_share .share_youtube {
    background: url(../images/share_icon8.png) no-repeat center !important;
}

.turn_page {
    background: #fff;
}

.turn_page dt {
    float: left;
    width: 12.94%;
}

.turn_page dt a {
    display: block;
    height: 155px;
    overflow: hidden;
    background: #008dd5;
    text-align: center;
}

.turn_page dt span {
    display: block;
    margin-top: 54px;
    font-size: 14px;
    color: #ffffff;
    padding-top: 30px;
    background: url(../images/all_icon.png) no-repeat center top;
}

.turn_page dd {
    float: left;
    width: 43.53%;
    height: 155px;
    overflow: hidden;
    padding-top: 24px;
    padding: 24px 4% 24px 3.53%;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.turn_page dd em {
    display: block;
    line-height: 24px;
    margin-bottom: 13px;
    font-size: 16px;
    color: #999999;
}

.turn_page dd span {
    display: block;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.turn_page .dd2 {
    text-align: left;
    padding: 24px 3.53% 24px 4%;
}

.turn_page dd a:hover span {
    color: #0099db;
}


/*新闻详情页面 end*/


/*图片列表hover效果*/

.imgbefore,
.list_newspic li .img:before,
.recent_news li .img:before,
.list_solution dt:before,
.news_txtdl dt:before,
.special_board dl dt .img:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.imgbeforehover,
.list_newspic li a:hover .img:before,
.recent_news li a:hover .img:before,
.list_solution a:hover dt:before,
.news_txtdl a:hover dt:before,
.special_board dl a:hover dt .img:before {
    opacity: 1;
}

.imgemhover,
.list_newspic li a:hover .img em,
.recent_news li a:hover .img em,
.list_solution a:hover dt em,
.special_board dl a:hover dt .img em {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

.ahover,
.list_newspic li a:hover,
.recent_news li a:hover,
.list_solution a:hover,
.special_board dl a:hover {
    background: #fafafa;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.list_newspic li .img em,
.list_newspic li a,
.recent_news li a .img em,
.recent_news li a,
.list_solution dt em,
.list_solution a {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.list_newspic li .img {
    position: relative;
    overflow: hidden;
}


/*解决方案页面*/

.solution_title {
    text-align: center;
    margin-bottom: 27px;
}

.solution_title b {
    display: block;
    margin-bottom: 13px;
    line-height: 1.19;
    font-size: 30px;
    color: #222222;
}

.solution_title i {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.solution_about {
    padding: 25px 0 75px;
}

.solution_about dl dt {
    position: relative;
    padding-bottom: 379px;
    height: 0;
    float: right;
    width: 47.37%;
    text-align: center;
}

.solution_about dl dt em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.solution_about dl dd {
    float: left;
    width: 46.67%;
}

.solution_about dl dd h4.title {
    line-height: 1.33;
    padding-top: 14px;
    padding-bottom: 19px;
    font-size: 24px;
    color: #333333;
}

.solution_about dl dd .solution_abouttxt {
    margin-bottom: 49px;
    max-height: 210px;
    overflow: auto;
    line-height: 30px;
    font-size: 16px;
    color: #555555;
}

.solution_about dl dd .solution_abouttxt * {
    list-style: inside;
    line-height: 30px !important;
    font-size: 16px !important;
    color: #555555 !important;
}

.solution_about .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0.1);
}

.solution_about ._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #15a0dc;
}

.solution_about dl dd h5.tel {
    background: url(../images/solution_tel.png) no-repeat left center;
    padding-left: 78px;
    color: #006bb9;
}

.solution_about dl dd h5.tel span {
    display: block;
    line-height: 26px;
    font-size: 16px;
}

.solution_about dl dd h5.tel b {
    display: block;
    line-height: 32px;
    font-size: 28px;
    font-family: "centurygothicbold";
}

.solution_about dl dd img {
    max-width: 100% !important;
    height: auto !important;
}

.solution_relate {
    padding-bottom: 74px;
}

.solution_relate .solution_title {
    margin-bottom: 37px;
}

.solution_txt img {
    max-width: 100% !important;
    height: auto !important;
}

.solution_txt * {
    font-size: 16px !important;
    color: #333333 !important;
    line-height: 1.88 !important;
}

.solution_advantage {
    padding-bottom: 67px;
}

.solution_advantage .js_advantage {
    max-width: 1012px;
    margin: 0 auto;
    width: 96%;
}

.solution_advantage .js_advantage .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.solution_advantage .js_advantage .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 9px;
}

.solution_advantage .js_advantage .owl-dots .owl-dot span {
    display: block;
    width: 15px;
    height: 15px;
    background: #abdaed;
}

.solution_advantage .js_advantage .owl-dots .owl-dot.active span {
    background: #006bb9;
}

.solution_advantage .advantage_dl dt {
    float: left;
    width: 350px;
    margin-left: -100%;
    position: relative;
}

.solution_advantage .advantage_dl dt b {
    float: left;
    margin-right: 8px;
    font-size: 60px;
    line-height: 52px;
    height: 52px;
    color: #006bb9;
    position: relative;
}

.solution_advantage .advantage_dl dt span {}

.solution_advantage .advantage_dl dt span em {
    display: block;
    line-height: 26px;
    padding: 5px 0;
    font-weight: normal;
    font-size: 22px;
    color: #333333;
}

.solution_advantage .advantage_dl dd {
    float: left;
    width: 100%;
}

.solution_advantage .advantage_dl dd .wrap {
    margin-left: 350px;
}

.solution_advantage .advantage_dl dd h4 {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    line-height: 1.88;
}

.solution_advantage .advantage_dl dd h4 b {
    color: #333333;
}

.solution_advantage .advantage_dl dd h4:after {
    position: absolute;
    left: 0;
    top: 15px;
    content: "";
    width: 3px;
    height: 3px;
    background: #666666;
    border-radius: 50%;
}

.js_solutioncase {
    width: 100%;
    height: 600px;
    background: #ddd;
}

@font-face {
    font-family: 'HYQIHEI-35S';
    src: url("../font/HYQIHEI-35S.eot");
    src: url("../font/HYQIHEI-35S.eot?#font-spider") format("embedded-opentype"), url("../font/HYQIHEI-35S.woff") format("woff"), url("../font/HYQIHEI-35S.ttf") format("truetype"), url("../font/HYQIHEI-35S.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.HYQIHEI-35S {
    font-family: 'HYQIHEI-35S';
}

@font-face {
    font-family: 'HYQIHEI-25JF';
    src: url("../font/HYQIHEI-25JF.eot");
    src: url("../font/HYQIHEI-25JF.eot?#font-spider") format("embedded-opentype"), url("../font/HYQIHEI-25JF.woff") format("woff"), url("../font/HYQIHEI-25JF.ttf") format("truetype"), url("../font/HYQIHEI-25JF.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.HYQIHEI-25JF {
    font-family: 'HYQIHEI-25JF';
}

.solution_advantage .advantage_dl dt span i {
    font-family: 'HYQIHEI-35S';
}

.solution_advantage .advantage_dl dt b {
    font-family: 'HYQIHEI-25JF';
}

.exhibition_hall {
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.exhibition_hall h4 {
    font-size: 30px;
    font-family: "微软雅黑";
    text-align: center;
    margin: 0px auto;
    padding-top: 50px;
    color: #000;
}

.tline {
    color: #dedede;
}

.roundabout_box img {
    width: 100%;
}


/**********roundabout**********/

.roundabout_box {
    height: 420px;
    width: 100%;
    margin-bottom: 0;
}

.roundabout-holder {
    list-style: none;
    width: 100%;
    height: 420px;
    margin: 0px auto;
}

.roundabout-moveable-item {
    font-size: 12px !important;
    width: 80.18%;
    height: 420px;
    cursor: pointer;
    background: #f5f5f5;
    overflow: hidden;
}

.roundabout-moveable-item img {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    margin: 0;
}

.roundabout-in-focus {
    cursor: auto;
    /* border-left: 1px #fff solid; border-right: 1px #fff solid; */
}

.roundabout-in-focus000:hover {
    -webkit-box-shadow: 0px 0px 20px #787878;
    -moz-box-shadow: 0px 0px 20px #787878;
    background: #f9f9f9;
}

.roundabout-holder .text {
    color: #999;
}

.roundabout-in-focus000:hover span {
    display: inline;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 8px 20px;
    background: #f9f9f9;
    color: #3366cc;
    z-index: 999;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
}

.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited {
    outline: none;
    text-decoration: none;
}

.roundabout li {
    margin: 0;
}

.roundabout-moveable-item .label {
    z-index: 10;
    margin-top: -60px;
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.roundabout-moveable-item.roundabout-in-focus .label {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.exhibition_hall {
    position: relative;
}

.roundaboutprev,
.roundaboutnext {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 70px;
    margin-top: -50px;
    z-index: 999;
}

.roundaboutprev {
    left: 0;
    background: rgba(0, 0, 0, 0.5) url(../images/round_arrow1.png) no-repeat;
    background-size: contain;
}

.roundaboutnext {
    right: 0;
    background: rgba(0, 0, 0, 0.5) url(../images/round_arrow2.png) no-repeat;
    background-size: contain;
}


/*轮播 修改 */

.roundabout-in-focus {
    border-left: 1px rgba(255, 255, 255, 0.5) solid;
    border-right: 1px rgba(255, 255, 255, 0.5) solid;
    background-clip: padding-box;
}

.roundaboutprev,
.roundaboutnext {
    position: absolute;
    top: 50%;
    width: 56px;
    height: 56px;
    margin-top: -28px;
    z-index: 999;
}

.roundaboutprev {
    left: 3%;
    background: rgba(0, 0, 0, 0) url(../images/zprev.png) no-repeat;
    background-size: contain;
}

.roundaboutnext {
    right: 3%;
    background: rgba(0, 0, 0, 0) url(../images/znex.png) no-repeat;
    background-size: contain;
}

.roundabout-moveable-item a .zhea {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 9;
    transition: all 0.5s ease-out;
}

.roundabout-moveable-item.roundabout-in-focus a .zhea {
    background: rgba(0, 0, 0, 0);
}

.roundaboutprev1,
.roundaboutnext1 {
    position: absolute;
    top: 50%;
    width: 56px;
    height: 56px;
    margin-top: -28px;
    z-index: 999;
}

.roundaboutprev1 {
    left: 3%;
    background: rgba(0, 0, 0, 0) url(../images/zprev_blue.png) no-repeat;
    background-size: contain;
}

.roundaboutnext1 {
    right: 3%;
    background: rgba(0, 0, 0, 0) url(../images/znex_blue.png) no-repeat;
    background-size: contain;
}


/*打点系列1*/

.relate_img img {
    width: 100% !important;
    height: auto !important;
}

.m_relateimg {
    display: none;
}

.m_relateimg img {
    width: 100% !important;
    height: auto !important;
}

.solution_relatecont {
    position: relative;
    z-index: 2;
}

.relate_prodot {
    position: absolute;
}

.relate_prodot .num_box .num {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    position: relative;
    z-index: 4;
    font-size: 14px;
    background: #15a0dc;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.relate_prodot .num_box {
    position: relative;
}

.relate_prodot .num_box:before {
    position: absolute;
    left: -5px;
    top: -5px;
    width: 26px;
    height: 26px;
    background: #15a0dc;
    border: 2px solid #fff;
    content: "";
    border-radius: 50%;
}

.relate_prodot .relate_hiddenpro {
    position: absolute;
    z-index: 10;
    left: -105px;
    bottom: 14px;
    height: 242px;
    width: 228px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    display: none;
}

.relate_prodot:hover .relate_hiddenpro {
    opacity: 1;
    visibility: visible;
    display: block;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.relate_prodot .relate_hiddenpro .img {
    position: relative;
    width: 100%;
    height: 162px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    border-radius: 8px 8px 0 0;
}

.relate_prodot .relate_hiddenpro em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.relate_prodot .relate_hiddenpro a {
    display: block;
    background-color: #15a0dc;
    padding-bottom: 16px;
    border-radius: 8px;
}

.relate_prodot .relate_hiddenpro .title {
    font-size: 15px;
    color: #fff;
    background-color: #15a0dc;
    padding: 0 6%;
    margin-top: 16px;
    min-height: 24px;
    line-height: 24px;
    border-radius: 0 0 8px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.relate_prodot .relate_hiddenpro:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px transparent solid;
    border-right: 11px transparent solid;
    border-top: 11px #15a0dc solid;
    position: absolute;
    left: 50%;
    margin-left: -11px;
}

.relate_prodot .num_box:hover .pulse,
.pc_relatelist>.pro_level2.on>.relate_prodot .num_box .pulse {
    -webkit-animation: warn 1s linear 1s infinite;
    animation: warn 1s linear 1s infinite;
}

.relate_prodot .num_box:hover .pulse1,
.pc_relatelist>.pro_level2.on>.relate_prodot .num_box .pulse1 {
    -webkit-animation: warn 1s linear 1.5s infinite;
    animation: warn 1s linear 1.5s infinite;
}

.relate_prodot .num_box:hover .pulse2,
.pc_relatelist>.pro_level2.on>.relate_prodot .num_box .pulse2 {
    -webkit-animation: warn 1s linear 0.5s infinite;
    animation: warn 1s linear 0.5s infinite;
}

.pc_relatelist>.pro_level2 .num_box {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pc_relatelist>.pro_level2.on>.relate_prodot .num_box {
    z-index: 9;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.relate_prodot .num_box .pulse {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    border: 1px solid #15a0dc;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

.relate_prodot .num_box .pulse1 {
    position: absolute;
    width: 26px;
    height: 26px;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border: 1px solid #15a0dc;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

.relate_prodot .num_box .pulse2 {
    position: absolute;
    width: 34px;
    height: 34px;
    left: 50%;
    top: 50%;
    margin-top: -19px;
    margin-left: -19px;
    border: 1px solid #15a0dc;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
    box-shadow: 1px 1px 30px #15a0dc;
}

@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0.4;
    }
    50% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes warn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0.4;
    }
    50% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

.m_relatelist {
    display: none;
}

.m_relatelist li {
    padding: 5px 0px 5px 0px;
    position: relative;
    line-height: 1.5;
}

.m_relatelist li a {
    display: block;
    padding-left: 30px;
}

.m_relatelist li em {
    position: absolute;
    left: 0;
    top: 5px;
}

.m_relatelist li em {
    padding-right: 10px;
    font-size: 16px;
    color: #555;
}

.m_relatelist li span {
    font-size: 16px;
    color: #555;
}

.relate_prodot1 {
    left: 636px;
    top: 73px;
}

.relate_prodot2 {
    left: 760px;
    top: 101px;
}

.relate_prodot3 {
    left: 582px;
    top: 240px;
}

.relate_prodot4 {
    left: 480px;
    top: 302px;
}

.relate_prodot5 {
    left: 490px;
    top: 204px;
}

.relate_prodot6 {
    left: 462px;
    top: 222px;
}

.relate_prodot7 {
    left: 406px;
    top: 258px;
}

.relate_prodot8 {
    left: 371px;
    top: 279px;
}

.relate_prodot9 {
    left: 331px;
    top: 232px;
}

.relate_prodot10 {
    left: 243px;
    top: 194px;
}

.relate_prodot11 {
    left: 210px;
    top: 214px;
}

.relate_prodot12 {
    left: 118px;
    top: 315px;
}

.relate_prodot13 {
    left: 168px;
    top: 378px;
}

.relate_prodot14 {
    left: 534px;
    top: 383px;
}

.relate_prodot15 {
    left: 617px;
    top: 359px;
}

.relate_prodot16 {
    left: 679px;
    top: 318px;
}

.relate_prodot17 {
    left: 719px;
    top: 292px;
}

.relate_prodot18 {
    left: 747px;
    top: 273px;
}

.relate_prodot19 {
    left: 781px;
    top: 252px;
}

.relate_prodot20 {
    left: 844px;
    top: 333px;
}

.relate_prodot21 {
    left: 892px;
    top: 333px;
}

.relate_prodot22 {
    left: 906px;
    top: 389px;
}

.relate_prodot23 {
    left: 844px;
    top: 429px;
}

.relate_prodot24 {
    left: 786px;
    top: 466px;
}

.relate_prodot25 {
    left: 731px;
    top: 501px;
}

.relate_prodot26 {
    left: 1078px;
    top: 284px;
}

.relate_prodot27 {
    left: 931px;
    top: 81px;
}


/*打点系列1 end*/


/*产品详情页面*/

.common_protitle {
    font-size: 24px;
    color: #333333;
    line-height: 1.25;
}

.sec_pro1 {
    border-top: 4px solid #006bb9;
    padding: 0px 3.95%;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
}

.sec_pro1 .pro_left {
    float: left;
    width: 50.1%;
    padding-top: 66px;
    padding-bottom: 74px;
    min-height: 305px;
}

.sec_pro1 .pro_left .title {
    margin-bottom: 26px;
    line-height: 1.33;
    font-size: 30px;
    color: #333333;
}

.sec_pro1 .pro_left .txt {
    margin-bottom: 30px;
    line-height: 30px;
    max-height: 120px;
    overflow-y: auto;
    font-size: 14px;
    color: #333333;
}

.sec_pro1 .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0.1);
}

.sec_pro1 ._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #15a0dc;
}

.sec_pro1 .pro_right {
    float: right;
    width: 49%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.small_pro li {
    float: left;
    width: 23.09%;
    margin-right: 1.91%;
}

.small_pro li:first-child a {
 
}

.small_pro li a {
    display: block;
    border: 1px solid #dad9d9;
}

.small_pro li .img {
    overflow: hidden;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.small_pro li .img img {
    width: 100%;
    height: auto;
}

.small_pro li .img em {
    background-size: contain;
}

.small_pro .on a,
.small_pro li:hover a {
    border-color: #006bb9;
}

.big_pro li a {
    display: block;
}

.big_pro li .img {
    overflow: hidden;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.big_pro li .img img {
    width: 88%;
    height: auto;
}

.big_pro .item {
    display: none;
}

.sec_pro2 {
    background: #fff;
    overflow: hidden;
}


.sec_pro2 img{max-width:100%!important;height:auto;}
.sec_pro2cont {
    padding: 0px 3.95% 55px 3.95%;
}

.sec_pro2cont .item {
    display: none;
}

.sec_protab {
    height: 67px;
    background: #006bb9;
    padding: 0 3.95%;
    margin-bottom: 33px;
    border-top: 3px solid #006bb9;
}

.sec_protab li {
    float: left;
    margin-right: 15px;
}

.sec_protab li a {
    display: block;
    height: 67px;
    line-height: 67px;
    overflow: hidden;
    padding: 0 27px;
    font-size: 18px;
    color: #fff;
}

.sec_protab .on a {
    background: #fff;
    color: #006bb9;
    border-radius: 5px 5px 0 0;
}

.sec2_protop {}

.sec2_protop .title {
    margin-bottom: 17px;
}

.sec2_protop .sub_title {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.sec2_protop dl {
    padding-bottom: 12px;
}

.sec2_protop dl dt {
    font-size: 18px;
    color: #008dd5;
    line-height: 30px;
}

.sec2_protop dl dd {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.sec2_probot .title {
    font-size: 18px;
    color: #008dd5;
    line-height: 30px;
    margin-bottom: 15px;
}

.sec2_probot .probot_cont img {
    max-width: 100% !important;
    height: auto !important;
}

.sec_pro3 {
    padding: 0px 3.95% 78px 3.95%;
    background: #fff;
    overflow: hidden;
}

.sec_pro3 .title {
    margin-bottom: 34px;
}

.sec_pro3 .pro_relate li {
    float: left;
    width: 23.24%;
    margin-right: 2.29%;
}

.sec_pro3 .pro_relate li a {
    display: block;
}

.sec_pro3 .pro_relate li .img {
    display: block;
    position: relative;
    padding-bottom: 72.39%;
    width: 100%;
    height: 0;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    margin-bottom: 13px;
}

.sec_pro3 .pro_relate li .img em {
    background-size: contain;
}

.sec_pro3 .pro_relate li .txt {
    display: block;
    line-height: 24px;
    height: 24px;
    text-align: center;
    font-size: 13px;
    color: #333333;
}

.sec_pro3 .pro_relate li:nth-child(4n) {
    margin-right: 0;
}


/*产品详情页面 end*/


/*解决方案列表页面*/

.list_solution {
    margin-bottom: 20px;
}

.list_solution a {
    display: block;
    overflow: hidden;
    background: #fff;
}

.list_solution dt {
    float: right;
    width: 50%;
    padding-bottom: 35.09%;
    overflow: hidden;
    position: relative;
}

.list_solution dd {
    float: left;
    width: 50%;
}

.list_solution dd .txt {
    padding: 12% 2% 0px 12.28%;
}

.list_solution dd h3 {
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 24px;
    color: #333333;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.list_solution dd h4 {
    padding-right: 18%;
    font-size: 16px;
    color: #555555;
    line-height: 34px;
    height: 102px;
    margin-bottom: 64px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.list_solution dd h5 {
    font-size: 16px;
    color: #444444;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
}

.list_solution dd h5 span {
    float: left;
    margin-right: 10px;
    color: #444444;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.list_solution dd h5 i {
    float: left;
    text-indent: -999em;
    background: url(../images/introduce_channearrowh.png) no-repeat left center;
    width: 29px;
    height: 24px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.list_solution a:hover dd h5 span {
    color: #006bb9;
}

.list_solution a:hover dd h3 {
    color: #006bb9;
}

.list_solution a:hover dd h5 i {
    background-position: right center;
}

.list_solution:nth-child(2n) dt {
    float: left;
}


/*解决方案列表页面 end*/


/*产品列表页面*/

.pro_search {
    margin-top: 0;
    margin-bottom: 40px;
}

.pro_search .text1 {
    width: 32.2%;
    margin-right: 2.02%;
    -webkit-appearance: none;
    border: 0;
}

.pro_search .text1 option {
    font-size: 13px;
    padding: 5px 0;
    color: #444;
    cursor: pointer;
}

@-moz-document url-prefix() {
    .pro_search .text1 {
        -moz-appearance: none;
        appearance: none;
        background: #fff url(../images/news_dateicon.jpg) no-repeat right center;
    }
}

.channel_item {
    margin-bottom: 15px;
    overflow: hidden;
    height: 242px;
}


/*20181220xg*/

.channel_item .channel_itemdl {
    height: 242px;
}

.channel_item.channel_toggle {
    height: auto;
}

.channel_itemdl a {
    display: block;
    overflow: hidden;
    padding: 32px 3.95% 31px;
    background: #fff;
    position: relative;
}


/*20181207xg*/

.channel_itemdl dt {
    float: left;
    width: 247px;
    box-sizing: border-box;
    margin-right: 34px;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.channel_itemdl a:hover dt {}

.channel_toggle .channel_itemdl a dt {}

.channel_itemdl a:hover dt .img {}

.channel_toggle .channel_itemdl a .img {}

.channel_itemdl a,
.channel_itemdol li .txt span {
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.channel_itemdl dt .img {
    /*1210hz width: 220px;*/
    padding-bottom: 179px;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    position: relative;
}

.channel_itemdl dt em {
    background-size: cover;
}

.channel_itemdl .dd1 {
    padding-right: 14%;
}

.channel_itemdl .dd1 .title {
    margin-top: 0px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    font-size: 24px;
    color: #333333;
}

.channel_itemdl .dd1 .sub_title {
    line-height: 24px;
    height: 120px;
    margin-top: 22px;
    overflow: hidden;
    color: #555555;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.channel_itemdl .dd2 {
    float: right;
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    position: absolute;
    right: 3.95%;
    top: 32px;
}

.channel_itemdl .dd2 .channel_btn {
    padding-right: 28px;
    background: url(../images/pro_arrow1.png) no-repeat right center;
}

.hidden_channel {
    background: #fff;
    padding: 42px 3.95% 38px;
}


/*test*/

.channel_item {
    position: relative;
    -webkit-perspective: 3000px;
    perspective: 3000px;
}

.hidden_channel {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(60deg);
    transform: rotateX(60deg);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    height: 0;
}

.channel_toggle .hidden_channel {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
    height: auto;
}

.channel_itemdol {
    padding-bottom: 29px;
}

.channel_itemdol li {
    margin-bottom: 35px;
    float: left;
    width: 24%;
    margin-right: 1.33%;
}

.channel_itemdol li a {
    position: relative;
    display: block;
    text-align: center;
}


/*图片列表hover效果*/

.channel_itemdl a:hover .sub_title {
    color: #fff;
}

.channel_itemdl a.channel_toggle .sub_title {
    color: #fff;
}

.channel_itemdol li .img b {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -27px;
    display: block;
    font-size: 15px;
    color: #fff;
    background: url(../images/pro_moreicon.png) no-repeat center top;
    line-height: 24px;
    padding-top: 29px;
    transform: translateY(10px) scale(0);
    -webkit-transform: translateY(10px) scale(0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.channel_itemdol li a:hover .img b {
    transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.channel_itemdol li a:hover .img:before {
    opacity: 1;
}

.channel_itemdol li a:hover .img em {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

.channel_itemdol li a:hover .img {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.channel_itemdol li .img,
.channel_itemdol li a .txt span {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.channel_itemdol li a:hover .txt span {
    color: #006bb9;
}

.channel_itemdol li .img {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.channel_itemdol li .img img {
    width: 100%;
    height: auto;
}

.channel_itemdol li .img em {
    background-size: contain;
}

.channel_itemdol li .txt span {
    display: block;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #333333;
}

.channel_itemdol li:nth-child(4n) {
    margin-right: 0;
}

.channel_itemdol li.hot_li a:after {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 38px;
    height: 38px;
    background: url(../images/hot_icon.png) no-repeat center;
    content: "";
}

.channel_more {
    position: relative;
    display: block;
    background: #fff;
    margin: 0 auto 40px;
    width: 102px;
    z-index: 1;
    color: #006bb9;
    padding: 10px 36px 10px 48px;
    height: 30px;
    line-height: 30px;
    border-radius: 28px;
    border: 2px solid #006bb9;
    letter-spacing: 0;
    font-size: 0;
}

.channel_more .padding2 {
    padding: 0 2px;
}

.trans {
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    overflow: hidden;
}

.text-ani .ani-typo {
    display: inline-block;
    font-size: 16px;
    color: #006bb9;
}

.text-ani:after {
    content: "";
    display: block;
    right: 0;
    left: 0;
    background-color: #d50470;
}

.channel_more:after {
    position: relative;
    left: 22px;
    top: 0px;
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    background: url(../images/pro_morearrow2.png) no-repeat left center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.channel_more:hover:after {
    left: 18px;
}

.text-ani:hover .ani-typo {
    -webkit-animation-name: typoAni;
    animation-name: typoAni;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.text-ani:hover .ani-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.text-ani:hover .ani-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}

.text-ani:hover .ani-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}

.text-ani:hover .ani-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}

@-webkit-keyframes typoAni {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    49.9% {
        opacity: 0;
        -webkit-transform: translateX(5px) scale(0.5);
        transform: translateX(5px) scale(0.5)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(-5px) scale(1.6);
        transform: translateX(-5px) scale(1.6)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.channel_lastbtn {
    text-align: right;
    border-top: 1px solid #eeeeee;
    padding-top: 27px;
}

.channel_close {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    text-align: right;
    font-size: 18px;
    color: #333333;
    background: url(../images/pro_arrow2.png) no-repeat right center;
    padding-right: 27px;
}

.channel_toggle .channel_itemdl a {}

.channel_toggle .channel_itemdl a dt .img {
    border-color: transparent;
}


/*.channel_toggle .channel_itemdl a, .channel_itemdl a:hover {background: url(../images/pro_barbg.jpg) no-repeat center; background-size: cover;}*/

.channel_toggle .channel_itemdl a .dd1 .title,
.channel_itemdl a:hover .dd1 .title,
.channel_toggle .channel_itemdl .dd1 .sub_title,
.channel_itemdl a:hover .dd1 .sub_title {
    color: #fff;
}

.channel_toggle .channel_itemdl a .dd2 {
    color: #fff;
}

.channel_toggle .channel_itemdl a .dd2 .channel_btn,
.channel_itemdl a:hover .dd2 .channel_btn {
    background: url(../images/pro_arrow1h.png) no-repeat right center;
    color: #fff;
}

.channel_itemdl a:hover .dd2 {
    color: #fff;
}

.channel_itemdl a:hover dt .img em {}

.float_btn {
    position: fixed;
    left: 50%;
    margin-left: 580px;
    bottom: 60px;
    z-index: 9;
}

.float_btn li {
    margin-bottom: 2px;
}

.float_btn li a {
    display: block;
    width: 58px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    overflow: hidden;
    background-color: #dddddd;
    border-radius: 4px;
}

.float_btn li a:hover {
    background-color: #006bb9;
}

.float_btn li a img {
    width: 58px;
}

.float_btn .bdsharebuttonbox .bds_more {
    width: 58px !important;
    height: 58px !important;
    line-height: 58px !important;
    background: #dddddd url(../images/float_btn2.png) no-repeat center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.float_btn .bdsharebuttonbox .bds_more:hover {
    background-color: #006bb9 !important;
}

.bdshare_popup_box {
    display: none !important;
}

.float_btn li a.on {
    background-color: #006bb9;
}

.float_btn .zclose a.on {
    background-color: #dddddd;
}

.float_btn li.zclose a img {
    width: 23px;
}


/*产品封面20181220xg*/

.channel_itemdl dt em,
.channel_itemdl a .img2 {
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.channel_itemdl .dd1 {
    position: relative;
    z-index: 2;
}

.channel_itemdl a .img2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
}

.channel_itemdl a:hover .img2,
.channel_toggle .channel_itemdl a .img2 {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.channel_itemdl a:hover .img em,
.channel_toggle .channel_itemdl a .img em {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
}


/*产品封面20181220xg*/


/*投资者关系频道页面*/

.invest_commntitle {
    line-height: 1.33;
    font-size: 30px;
    color: #333333;
}

.invest_sec4 a {
    display: block;
    overflow: hidden;
    background: #ffffff;
}

.invest_sec4 a:hover .img em {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.invest_sec4 .txt {
    float: left;
    width: 100%;
    max-height: 360px;
    overflow: hidden;
}

.invest_sec4 .txt .txtwrap {
    padding: 53px 37% 0 3.51%;
}

.invest_sec4 .txt h3 {
    margin-bottom: 22px;
}

.invest_sec4 .txt h4 {
    line-height: 24px;
    margin-bottom: 34px;
    font-size: 14px;
    color: #666666;
}

.invest_sec4 .txt ul li {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding: 6px 0;
}

.invest_sec4 .img {
    float: left;
    width: 33.33%;
    margin-left: -33.33%;
    height: 0;
    padding-bottom: 360px;
    overflow: hidden;
    position: relative;
}

.invest_sec3 {
    margin-bottom: 40px;
    background-attachment: fixed;
    background-size: cover;
    background-position: no-repeat;
    background-position: center;
}

.invest_sec3 .invest_servicewrap {
    height: 270px;
    padding-top: 90px;
}

.invest_sec3 .invest_commntitle {
    margin-bottom: 41px;
    color: #fff;
    text-align: center;
}

.invest_sec3 .invest_service {
    padding: 0 9.21%;
}

.invest_sec3 .invest_service li {
    float: left;
    width: 29.63%;
    margin: 0 1.59%;
}

.invest_sec3 .invest_service li a {
    display: block;
    font-size: 18px;
    color: #fff;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    border: 2px solid #fff;
    text-align: center;
}

.invest_sec2 {
    margin-bottom: 50px;
}

.invest_sec2 .left {
    float: left;
    width: 740px;
    width: 64.91%;
    height: 510px;
    background: #fff;
    padding: 24px 3.51%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.invest_sec2 .left .tit {
    margin-top: 16px;
    margin-bottom: 23px;
}

.invest_sec2 .left .tit li {
    float: left;
    width: 50%;
}

.invest_sec2 .left .tit li a {
    display: block;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e3e3e3;
    text-align: center;
    font-size: 14px;
    color: #333333;
}

.invest_sec2 .left .tit .on a {
    background: #006bb9;
    color: #fff;
    border-color: #d3d0d0;
}

.invest_sec2 .left .item {
    display: none;
}

.invest_sec2 .left .item li {
    line-height: 24px;
    height: 24px;
    padding: 8.5px 0;
}

.invest_sec2 .left .item li a {
    display: block;
    overflow: hidden;
    color: #444444;
}

.invest_sec2 .left .item li a:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.invest_sec2 .left .item li a:hover em {
    color: #006bb9;
}

.invest_sec2 .left .item li span {
    display: block;
    float: left;
    margin-right: 30px;
    font-size: 14px;
    color: #888888;
}

.invest_sec2 .left .item li em {
    display: block;
    font-size: 14px;
    color: #444444;
    text-transform: capitalize;
}

.invest_sec2 .right {
    float: right;
    width: 380px;
    width: 33.33%;
}

.invest_sec2 .right .invest_stock {
    height: 342px;
    background: #e9e9e9;
    overflow: hidden;
    padding: 24px 10.53% 30px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.invest_sec2 .right .invest_stock .tit {
    margin-bottom: 23px;
    margin-top: 16px;
}

.invest_sec2 .right .invest_stock .tit li {
    float: left;
    width: 50%;
    text-align: center;
}

.invest_sec2 .right .invest_stock .tit li a {
    display: block;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    color: #333333;
    background: #fff;
}

.invest_sec2 .right .invest_stock .tit .on a {
    background: #006bb9;
    color: #fff;
}

.invest_sec2 .right .invest_stock .item {
    display: none;
}

.invest_sec2 .right .invest_stock .item dl {
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
}

.invest_sec2 .right .invest_stock .item dl dt {
    float: left;
    line-height: 30px;
    padding-bottom: 10px;
}

.invest_sec2 .right .invest_stock .item dl dt span {
    padding-right: 30px;
    font-size: 30px;
}

.invest_sec2 .right .invest_stock .item dl dd {
    float: right;
    line-height: 18px;
    margin-top: 13px;
    font-size: 14px;
}

.invest_sec2 .right .invest_stock .item dl dd span {
    padding-right: 7px;
}

.invest_sec2 .right .invest_stock .item .stock_down {
    color: #0f990f;
}

.invest_sec2 .right .invest_stock .item .stock_down dt span {
    background: url(../images/downarrow.png) no-repeat right center;
}

.invest_sec2 .right .invest_stock .item .stock_up {
    color: #eb0707;
}

.invest_sec2 .right .invest_stock .item .stock_up dt span {
    background: url(../images/uparrow.png) no-repeat right center;
}

.invest_sec2 .right .invest_stock .item2 .stock_up {
    color: #0f990f;
}

.invest_sec2 .right .invest_stock .item2 .stock_up dt span {
    background: url(../images/uparrow2.png) no-repeat right center;
}

.invest_sec2 .right .invest_stock .item2 .stock_down {
    color: #eb0707;
}

.invest_sec2 .right .invest_stock .item2 .stock_down dt span {
    background: url(../images/downarrow2.png) no-repeat right center;
}

.invest_sec2 .right .invest_stock .item .data {
    padding: 12px 0;
    margin-bottom: 11px;
}

.invest_sec2 .right .invest_stock .item .data li {
    float: left;
    width: 100%;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-size: 14px;
    color: #444444;
}

.invest_sec2 .right .invest_stock .item h5 {
    font-size: 12px;
    color: #888888;
    line-height: 24px;
    text-align: right;
}

.invest_sec2 .invest_report {
    width: 100%;
}

.invest_sec2 .invest_report a {
    display: block;
    height: 148px;
    padding-right: 10%;
    overflow: hidden;
}

.invest_sec2 .invest_report .txt {
    color: #fff;
    text-align: center;
    padding-top: 36px;
}

.invest_sec2 .invest_report .txt h3 {
    margin-bottom: 9px;
    color: #fff;
    text-align: left;
}

.invest_sec2 .invest_report .txt h5 {
    font-size: 14px;
    text-align: left;
}

.invest_sec2 .invest_report .txtwrap {
    display: inline-block;
    padding-left: 99px;
    background: url(../images/invest_reportiarrow.png) no-repeat left center;
}

.invest_sec1 {
    background: #fff;
    margin-bottom: 40px;
    padding-right: 3.51%;
}

.invest_sec1 .left {
    float: left;
    width: 380px;
    width: 34.55%;
}

.invest_sec1 .left a .img {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 420px;
    overflow: hidden;
}

.invest_sec1 .right {
    float: right;
    width: 680px;
    padding-top: 36px;
    width: 61.82%;
}

.invest_sec1 .right .txt h3 {
    margin-bottom: 17px;
}

.invest_sec1 .right .txt h4 {
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.invest_sec1 .right .txt h5 {
    margin-bottom: 31px;
    line-height: 32px;
    font-size: 14px;
    color: #006bb9;
}

.invest_sec1 .right ul li {
    float: left;
    width: 155px;
    margin-right: 20px;
    width: 22.79%;
    margin-right: 2.94%;
}

.invest_sec1 .right ul li a {
    display: block;
    text-align: center;
}

.invest_sec1 .right ul li .img {
    margin-bottom: 13px;
    position: relative;
    padding-bottom: 115px;
    height: 0;
    overflow: hidden;
}

.invest_sec1 .right ul li .txt {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #444444;
}

.invest_sec1 .right ul li:last-child {
    margin-right: 0;
}


/*投资者关系频道页面 end*/


/* 财经日志 */

.menu_level3 {
    margin-bottom: 43px;
    background: #dbdbdb;
}

.menu_level3 li {
    float: left;
    position: relative;
    width: 50%;
}

.menu_level3 li a {
    display: block;
    height: 48px;
    line-height: 48px;
    border-left: 1px solid #e3e3e3;
    background: #dbdbdb;
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-left: -1px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menu_level3 li:after {
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 0;
    height: 0;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #006bb9;
    opacity: 0;
    visibility: hidden;
    margin-left: -8px;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.menu_level3 .on a,
.menu_level3 .current a,
.menu_level3 a:hover {
    background: #006bb9;
    color: #fff;
    border-color: #006bb9;
}

.menu_level3 .on:after,
.menu_level3 .current:after,
.menu_level3 li:hover:after {
    opacity: 1;
    visibility: visible;
}

.list_newstxtpage {
    background: #fff;
    padding: 43px 3.51%;
}

.list_newstxt {
    padding-bottom: 25px;
}

.news_txtdl a {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaebeb;
    overflow: hidden;
    display: table;
}

.news_txtdl a:hover dd {
    color: #006bb9;
}

.news_txtdl dt {
    position: relative;
    overflow: hidden;
    float: left;
    width: 85px;
    height: 77px;
    padding-top: 8px;
    background: #ebf4f7;
    text-align: center;
    margin-right: 27px;
}

.news_txtdl dt b {
    position: relative;
    z-index: 3;
    display: block;
    line-height: 41px;
    height: 41px;
    font-size: 36px;
    color: #006bb9;
}

.news_txtdl dt i {
    position: relative;
    z-index: 3;
    display: block;
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    color: #555555;
}

.news_txtdl dd {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-transform: capitalize;
}

.news_txtdl dt:before {
    background: rgba(0, 154, 220, 0.8);
}

.news_txtdl a:hover dt:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.news_txtdl a:hover dt b {
    color: #fff;
}

.news_txtdl a:hover dt i {
    color: #fff;
}


/* 财经日志 end */


/* H股票信息 */

.list_invest_stockpage {
    background: #fff;
    padding: 45px 3.51% 97px;
}

.list_invest_stockpage .title {
    margin-bottom: 25px;
    text-align: center;
    line-height: 1.33;
    font-size: 30px;
    color: #333333;
}

.list_invest_stockpage .txt {
    margin-bottom: 48px;
    font-size: 16px;
    color: #555555;
    line-height: 34px;
}

.list_invest_stockpage h4 {
    margin-bottom: 41px;
    font-size: 18px;
    color: #555555;
    text-align: center;
}

.list_invest_stockpage .invest_stockwrap {
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
}

.list_invest_stockpage .invest_stockwrap img {
    max-width: 100% !important;
    height: auto;
}

.invest_stockwrap .tit {
    background: #f7f7f7;
    height: 35px;
    line-height: 35px;
    margin-bottom: 30px;
    overflow: hidden;
}

.invest_stockwrap .tit li {
    float: left;
}

.invest_stockwrap .tit li a {
    display: block;
    padding: 0 20px;
    height: 35px;
    border: 1px solid #f7f7f7;
    border-width: 0 1px;
    font-size: 15px;
    color: #000000;
}

.invest_stockwrap .tit .on a {
    background: #fff;
    color: #1463b4;
    border-color: #e7e7e7;
}

.invest_stockwrap .cont {
    text-align: center;
}

.invest_stockwrap .cont .item {
    display: none;
}


/* 联系方式 */

.invest_contacttop {
    position: relative;
    height: 550px;
    margin-bottom: 40px;
}

.invest_contacttop .left {
    float: left;
    width: 100%;
}

.invest_contacttop .left .left_wrap {
    padding-right: 22.81%;
}

.invest_contacttop .left .left_wrap .map {
    width: 100%;
    height: 550px;
}

.invest_contacttop .right {
    width: 35%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 154, 220, 0.9);
    padding: 60px 10px 60px 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.invest_contacttop .right .title {
    margin-bottom: 28px;
    line-height: 1.33;
    font-size: 30px;
    color: #fff;
}

.invest_contacttop .right ul li {
    font-size: 16px;
    line-height: 24px;
    padding: 6px 0;
    color: #fff;
}

.invest_contactbot {
    background: #fff;
    padding: 43px 3.51%;
    font-size: 16px;
    color: #555555;
}

.invest_contactbot p {
    line-height: 24px;
    padding: 9px 0;
}


/* 联系方式  end*/


/* 邮件订阅 */

.list_investformpage {
    padding: 47px 6.75% 68px;
    background: #fff;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 44.3% auto;
}

.list_investform {
    max-width: 460px;
}

.list_investform .title {
    margin-bottom: 35px;
    font-size: 30px;
    color: #333333;
    line-height: 1.33;
}

.list_investform .invest_form {
    margin-bottom: 24px;
}

.list_investform .invest_form dt {
    float: left;
    width: 100%;
}

.list_investform .invest_form dt .wrap {
    margin-left: 89px;
}

.list_investform .invest_form dt .text {
    border: 1px solid #cbcbcb;
    height: 37px;
    line-height: 20px;
    width: 100%;
    padding: 8.5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #555555;
}

.list_investform .invest_form dt textarea {
    border: 1px solid #cbcbcb;
    line-height: 20px;
    width: 100%;
    padding: 8.5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 94px;
    resize: none;
    font-size: 16px;
    color: #555555;
}

.list_investform .invest_form dd {
    float: left;
    width: 89px;
    margin-left: -100%;
    line-height: 37px;
    height: 37px;
    overflow: hidden;
}

.list_investform .invest_form dd label {
    font-size: 16px;
    color: #555555;
}

.list_investform .last_btn {
    padding-left: 89px;
}

.list_investform .last_btn input {
    font-size: 14px;
    color: #fff;
    width: 117px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    margin-right: 11px;
    float: left;
    background: #006bb9;
}

.list_investform .last_btn input:hover {
    opacity: 0.8;
}


/* 邮件订阅 end */


/* 业绩报告 */

.list_investreport {
    background: #fff;
    padding: 36px 3.51%;
}

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

.list_investreport li .title a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 2.08%;
    background: #f7f7f7;
    font-size: 18px;
    color: #555555;
}

.list_investreport li .title i {
    float: right;
    width: 13px;
    height: 60px;
    background: url(../images/report_arrow.png) no-repeat right center;
}

.list_investreport li .cont {
    display: none;
    background: #eaf7fd;
    padding: 50px 6.79%;
}

.list_investreport li .cont dl {
    float: left;
    width: 44.35%;
    margin-right: 11.3%;
    margin-bottom: 10px;
}

.list_investreport li .cont dl a {
    display: block;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.list_investreport li .cont dl dt {
    float: left;
    width: 50%;
    height: 0;
    padding-bottom: 60.5%;
    overflow: hidden;
    position: relative;
}

.list_investreport li .cont dl dd {
    float: left;
    position: relative;
    width: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -41.5px;
    text-align: center;
}

.list_investreport li .cont dl dd h3 {
    margin-bottom: 11px;
    line-height: 24px;
    height: 48px;
    font-size: 18px;
    color: #333333;
}

.list_investreport li .cont dl dd h4 {
    font-size: 14px;
    color: #006bb9;
}

.list_investreport li .cont dl:nth-child(2n) {
    margin-right: 0;
}

.list_investreport li .title.on a {
    background: #006bb9;
    color: #fff;
}

.list_investreport li .title.on i {
    background-image: url(../images/report_arrow2.png);
}


/* 公司治理 */

.list_investcommonpage .invest_company {
    padding-bottom: 20px;
}

.list_investcommonpage .invest_company h3.title {
    text-align: center;
    margin-bottom: 26px;
    font-size: 30px;
    color: #333333;
    line-height: 1.33;
}

.list_investcommonpage .invest_company .txt {
    font-size: 16px;
    color: #555555;
    line-height: 34px;
}

.list_investcommonpage .invest_company .txt p {
    margin-bottom: 14px;
}

.list_investcommonpage .invest_company .img {
    text-align: center;
    padding-top: 4px;
}

.list_investcommonpage .invest_company .img img {
    max-width: 100% !important;
    height: auto !important;
}

.invest_download {
    padding: 60px 0 460px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.invest_download .list_investdownloadwrap {
    height: 280px;
    overflow: auto;
}

.invest_download .list_investdownloadwrap li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.invest_download .list_investdownloadwrap li a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    padding: 15.5px 0;
    text-transform: capitalize;
}

.invest_download .list_investdownloadwrap li a:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 0.8;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0;
}

._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    background: #a4c84a;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    border-radius: 0;
}


/* 公司治理 end*/


/* 董事会 */

.list_invest_boardpage .invest_company {
    padding-bottom: 15px;
}

.board_staff {
    padding-bottom: 38px;
}

.board_staff .sub_title,
.invest_company .sub_title {
    margin-bottom: 26px;
    padding-top: 4px;
    font-size: 24px;
    line-height: 34px;
    color: #555555;
    text-align: left;
}

.invest_company .sub_title {
    margin-bottom: 15px;
}

.board_staff .list_boardstaff li {
    float: left;
    width: 48.77%;
    margin-right: 2.46%;
    margin-bottom: 30px;
}

.board_staff .list_boardstaff li a {
    background: #fff;
    display: block;
    padding: 34px 7.19% 37px;
}

.board_staff .list_boardstaff li h3 {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 19px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdddd;
    color: #555555;
}

.board_staff .list_boardstaff li h3 em {
    font-size: 24px;
}

.board_staff .list_boardstaff li h3 span {
    font-size: 16px;
    padding-left: 28px;
}

.board_staff .list_boardstaff li h4 {
    font-size: 16px;
    color: #555555;
    line-height: 24px;
    padding: 5px 0;
}

.board_staff .list_boardstaff li h4 span:nth-child(1) {
    padding-right: 20px;
}

.board_staff .list_boardstaff li:nth-child(2n) {
    margin-right: 0;
}

.special_board dl {
    margin-bottom: 30px;
}

.special_board dl a {
    display: block;
    background: #fff;
    overflow: hidden;
}

.special_board dl a:hover dd .txt h3 {
    color: #006bb9;
}

.special_board dl dt {
    float: left;
    width: 50%;
}

.special_board dl dt .img {
    position: relative;
    padding-bottom: 63.16%;
    padding-bottom: 360px;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.special_board dl dd {
    float: left;
    width: 50%;
    height: 360px;
    overflow: hidden;
}

.special_board dl dd .txt {
    padding: 43px 7.02% 0px 7.02%;
}

.special_board dl dd .txt h3 {
    margin-bottom: 22px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-size: 24px;
    color: #555555;
}

.special_board dl dd .txt h4 {
    font-size: 16px;
    color: #555555;
    line-height: 34px;
}

.special_board dl:nth-of-type(2n) dt {
    float: right;
}

.list_investcommonpage .special_board .title {
    margin-bottom: 26px;
    font-size: 24px;
    color: #555555;
}


/* 董事会 end*/


/*新闻列表页面*/

.list_newspic2page {
    background: #fff;
    padding: 30px 3.07% 63px;
}

.list_newspic2 {
    padding-bottom: 20px;
}

.list_newspicdl {
    border-bottom: 1px solid #eaebeb;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.list_newspicdl a {
    display: block;
    overflow: hidden;
}

.list_newspicdl a:hover dt h3 {
    color: #006bb9;
}

.list_newspicdl a:hover .dd2 .img em {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.list_newspicdl dt {
    float: left;
    width: 100%;
    margin-top: 17px;
}

.list_newspicdl dt .wrap {
    margin-left: 112px;
    margin-right: 246px;
    padding-top: 4px;
}

.list_newspicdl dt h3 {
    margin-bottom: 8px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #333333;
}

.list_newspicdl dt h4 {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list_newspicdl .dd1 {
    float: left;
    margin-left: -100%;
    text-align: center;
    margin-top: 17px;
    background: #ebf4f7;
    width: 85px;
    height: 76px;
    padding-top: 9px;
}

.list_newspicdl .dd1 b {
    display: block;
    line-height: 41px;
    height: 41px;
    overflow: hidden;
    font-size: 36px;
    color: #006bb9;
}

.list_newspicdl .dd1 span {
    display: block;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    font-size: 14px;
    color: #555555;
}

.list_newspicdl .dd2 {
    float: left;
    width: 200px;
    margin-left: -200px;
}

.list_newspicdl .dd2 .img {
    position: relative;
    width: 200px;
    height: 0;
    padding-bottom: 130px;
    overflow: hidden;
}


/*hover*/

.invest_sec1 .right ul li a:hover .img em,
.invest_sec1 .left a:hover .img em {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.invest_sec1 .right ul li a:hover .txt {
    color: #006bb9;
}

.invest_sec1 .right .txt h5:hover {
    text-decoration: underline;
}

.invest_sec2 .invest_report:hover,
.invest_sec2 .left:hover,
.invest_sec2 .right .invest_stock:hover,
.list_investreport li .cont dl a:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05);
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.invest_sec3 .invest_service li a:hover {
    background: #fff;
    color: #006bb9;
}

.sec1_pro1 {
    padding-top: 42px;
}

.sec1_pro1wrap {
    padding-right: 98px;
    position: relative;
}

.pro_left2 {
    float: left;
    width: 28.42%;
    margin-right: 3.16%;
    margin-top: 45px;
}

.pro_right1 {
    float: left;
    width: 58.63%;
}

.pro_right2 {
    float: right;
    width: 96px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 3%;
}

.pro_right2 .small_pro li {
    width: 100%;
    float: none;
    margin-bottom: 9px;
}

.pro_left2 .title {
    margin-bottom: 18px;
    font-size: 30px;
    color: #333333;
    line-height: 1.33;
    height: 160px;
    overflow: hidden;
}

.list_single {
    padding: 30px 15px;
}

.list_single * {
    /*font-size: 14px;*/
    line-height: 2;
}

.list_single img {
    max-width: 100% !important;
    height: auto !important;
}

.list_single .singlelist {
    float: left;
    min-height: 224px;
    margin-bottom: 30px;
    width: 30%;
    margin-right: 3.33%;
}


/* 联系我们修改 */

.list_single table {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
}

.list_single table thead th {
    word-break: break-all;
    text-align: center;
    font-size: 16px;
    background: #019add;
    color: #fff;
    line-height: 24px;
    padding: 8px 0%;
    font-weight: normal;
    border: 1px solid #fff;
}

.list_single table tbody td {
    word-break: break-all;
    border: 1px solid #7f7f7f;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 0%;
    text-align: center;
}

.list_single table thead th:first-child {
    border-left: 1px solid #006bb9;
}

.list_single table thead th:last-child {
    border-right: 1px solid #006bb9;
}

.list_single table thead tr:first-child th {
    border-top: 1px solid #006bb9;
}

.nav_fixed {
    position: fixed;
    top: 0px;
    z-index: 9;
    width: 100%;
}

.js_prosmallpro {
    position: relative;
    padding: 0 15px;
}

.js_prosmallpro .prev,
.js_prosmallpro .next {
    position: absolute;
    top: 0%;
    width: 10px;
    height: 100%;
    z-index: 9;
}

.js_prosmallpro .prev {
    left: 0;
    background: #fff url(../images/pro_smallarrow1.png) no-repeat center;
}

.js_prosmallpro .next {
    right: 0;
    background: #fff url(../images/pro_smallarrow2.png) no-repeat center;
}


/*人才培养*/

.recurit_sec2 .sub_title {
    padding-bottom: 43px;
    max-width: 885px;
    width: 96%;
    margin: 0 auto 0px;
    padding-right: 11%;
}

.recurit_sec2 .recurit_sec2list li {
    float: left;
    width: 33.33%;
}

.recurit_sec2 .recurit_sec2list li a {
    display: block;
    position: relative;
}

.recurit_sec2 .recurit_sec2list li .img {
    position: relative;
    padding-bottom: 98.9%;
    height: 0;
    overflow: hidden;
}

.recurit_sec2 .recurit_sec2list li .img:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/talent_bg1.png) repeat-x center bottom;
}

.recurit_sec2 .recurit_sec2list li .txt {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 74px;
    line-height: 1.33;
}

.recurit_sec2 .recurit_sec2list li .txt span {
    padding: 0 12%;
    display: block;
    font-size: 30px;
    color: #fff;
}

.recurit_sec2 .recurit_sec2list .li2 .img:after {
    background: url(../images/talent_bg2.png) repeat-x center bottom;
}

.recurit_sec2 .recurit_sec2list .li3 .img:after {
    background: url(../images/talent_bg3.png) repeat-x center bottom;
}

.recurit_sec3list {
    padding-bottom: 60px;
    padding-top: 14px;
}

.recurit_sec3list li {
    float: left;
    width: 24.04%;
    padding: 0 4.64%;
    position: relative;
}

.recurit_sec3list li:after {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/recurit_iconbg.png) no-repeat center;
    width: 28px;
    margin-right: -14px;
    margin-top: -3.5px;
    height: 7px;
    top: 50%;
    content: "";
}

.recurit_sec3list li a {
    display: block;
    position: relative;
}

.recurit_sec3list li .img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.recurit_sec3list li .img:after {
    position: absolute;
    left: 5.11%;
    top: 5.11%;
    right: 5.11%;
    bottom: 5.11%;
    border: 1px dashed rgba(255, 255, 255, 0.7);
    content: "";
    border-radius: 50%;
}

.recurit_sec3list li .txt {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 97px;
    margin-top: -49px;
}

.recurit_sec3list li .txt .icon {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto 28px;
}

.recurit_sec3list li .txt .icon img {
    width: 100%;
}

.recurit_sec3list li .txt span {
    display: block;
    line-height: 30px;
    font-size: 26px;
    color: #fff;
}

.recurit_sec3list .li3:after {
    display: none;
}

.recurit_sec5 {
    padding-bottom: 100px;
    margin-bottom: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.recurit_sec5 .recurit_title b {
    color: #fff;
}

.recurit_sec5 .txt {
    color: #fff;
    margin-bottom: 63px;
}

.recurit_sec5 .recurit_sec5list {
    overflow: hidden;
}

.recurit_sec5 .recurit_sec5list li {
    float: left;
    width: 49.56%;
    margin-right: 0.88%;
    background: rgba(255, 255, 255, 0.85);
    padding: 40px 5.44% 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 999em;
    margin-bottom: -999em;
}

.recurit_sec5 .recurit_sec5list li dl {
    line-height: 2;
    margin-bottom: 30px;
}

.recurit_sec5 .recurit_sec5list li dl dt {
    font-size: 20px;
    color: #333333;
}

.recurit_sec5 .recurit_sec5list li dl dd {
    font-size: 16px;
    color: #666666;
}

.recurit_sec5 .recurit_sec5list li dl:last-child {
    margin-bottom: 55px;
}

.recurit_sec5 .recurit_sec5list .li2 {
    margin-right: 0;
}

.recurit_sec6 {
    padding-bottom: 86px;
}

.recurit_sec1 .recurit_sec1list li {
    width: 28%;
    padding: 0 2%;
}

.recurit_sec1 .recurit_sec1list li .txt {
    color: #333333;
}

.recurit_sec3list li a {
    border-radius: 50%;
}

.recurit_sec5 .recurit_sec5list li:hover,
.recurit_sec3list li a:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2);
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.recurit_sec2 .recurit_sec2list li a:hover .txt {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.recurit_sec2 .recurit_sec2list li a:hover .img em {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}


/*20181105xg*/

.list_suggestionpage {
    background: #fff;
    padding: 47px 0 100px;
}

.list_suggestionwrap {
    max-width: 838px;
    margin: 0 auto;
    width: 96%;
}

.suggestion_title {
    margin-bottom: 20px;
    text-align: center;
}

.suggestion_title b {
    display: block;
    line-height: 1.25;
    margin-bottom: 15px;
    font-size: 32px;
    color: #333333;
}

.suggestion_title i {
    display: block;
    height: 14px;
}

.suggest_dl {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    position: relative;
    margin-top: -1px;
}

.suggest_dl dt {
    float: left;
    width: 287px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: -100%;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    padding: 37px 0 37px 40px;
}

.suggest_dl:nth-of-type(2) dt {
    padding: 25px 0 25px 40px;
}

.suggest_dl dt .require_icon {
    color: #f45600;
}

.suggest_dl dt span {
    color: #888888;
}

.suggest_dl dd {
    float: left;
    width: 100%;
}

.suggest_dl dd .wrap {
    margin-left: 287px;
    background: #fff;
    line-height: 24px;
    padding-left: 4.77%;
    padding-right: 4.77%;
    border-left: 1px solid #e5e5e5;
}

.suggest_dl2 dd .wrap {}

.suggest_dl dd {
    min-height: 24px;
}

.suggest_dl dd .wrap .textarea {
    height: 148px;
    width: 100%;
    font-size: 16px;
    color: #333333;
    resize: none;
    padding-top: 21px;
    padding-bottom: 21px;
}

.suggest_dl dd .wrap .text {
    padding: 37px 0;
    background: none;
    width: 100%;
    font-size: 16px;
    color: #333333;
    height: 24px;
    line-height: 24px;
}

.form_ul {
    padding: 36px 0;
}

.form_item {
    float: left;
    position: relative;
    font-size: 16px;
    color: #333333;
    margin-right: 55px;
}

.form_item .icon_radio {
    float: left;
    margin-right: 10px;
}

.icon_radio input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    border: none;
    background: none;
    -webkit-appearance: none;
    outline: none;
    background: none;
}

.icon_radio label {
    border-radius: 10px;
}

.icon_radio label {
    background-color: #fff;
    border: 2px solid currentcolor;
    box-sizing: border-box;
    color: #b5b5b5;
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 18px;
    border-radius: 10px;
}

.icon_radio label::before {
    background: currentcolor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
}

.icon_radio input:checked+label::before {
    color: #006bb9;
    background: #006bb9;
}

.icon_radio input:checked+label {
    border-color: #006bb9;
}

.form_item .tip {
    float: left;
}

.suggest_ul {
    padding: 10px 0;
}

.suggest_ul li {
    float: left;
    position: relative;
    width: 24.15%;
    height: 130px;
    margin-right: 1.13%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}

.suggest_ul li:last-child {
    margin-right: 0;
}

.suggest_ul li .file_btn {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.suggest_ul li .file_label {
    display: block;
    margin-top: 40px;
    background: url(../images/file_btn.png) no-repeat center top;
    padding-top: 31px;
    font-size: 14px;
    color: #888888;
}

.suggest_btn {
    text-align: center;
    padding-top: 20px;
}

.suggest_btn .btn {
    width: 230px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 18px;
    border-radius: 4px;
    background: #006bb9;
    color: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.suggest_btn .btn:hover {
    opacity: 0.8;
}

.star_ul {
    padding: 38px 0;
}

.star_ul li {
    float: left;
    margin-right: 10px;
    background: url(../images/star_img.png) no-repeat center;
    width: 24px;
    height: 23px;
}

.star_ul li.active {
    background: url(../images/star_imgh.png) no-repeat center;
}


/*星星评分*/


/*容器*/

.xzw_starSys {
    padding: 38px 0;
}

.xzw_starBox {
    position: relative;
    width: 170px;
}


/*极速秒评*/

.xzw_starSys .description {
    clear: both;
    padding: 10px 0px
}

.xzw_starSys .star {
    height: 25px;
    width: 170px;
    position: relative;
    background: url(../images/star.png) repeat-x;
    cursor: pointer;
}

.xzw_starSys .star li {
    float: left;
    padding: 0px;
    margin: 0px
}

.xzw_starSys .star li a {
    display: block;
    width: 34px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    z-index: 5
}

.xzw_starSys .star li a:hover {
    background: url(../images/star.png) 0 -30px repeat-x;
    z-index: 3;
    left: 0
}

.xzw_starSys .star a.one-star {
    left: 0
}

.xzw_starSys .star a.one-star:hover {
    width: 34px
}

.xzw_starSys .star a.two-stars {
    left: 34px
}

.xzw_starSys .star a.two-stars:hover {
    width: 68px
}

.xzw_starSys .star a.three-stars {
    left: 68px
}

.xzw_starSys .star a.three-stars:hover {
    width: 102px
}

.xzw_starSys .star a.four-stars {
    left: 102px
}

.xzw_starSys .star a.four-stars:hover {
    width: 136px
}

.xzw_starSys .star a.five-stars {
    left: 136px
}

.xzw_starSys .star a.five-stars:hover {
    width: 170px
}

.xzw_starSys .current-rating {
    background: url(../images/star.png) 0 -30px repeat-x;
    position: absolute;
    height: 25px;
    z-index: 1;
    top: 0;
    left: 0
}

.xzw_starSys .description {
    display: none;
}


/*解决方案*/

.hidden_prolevel2 {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;
    width: 72%;
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    opacity: 0;
    visibility: hidden;
    background: #fff;
}

.hidden_prolevel2.on {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hidden_prolevel2 .pic {}

.hidden_prolevel2 img {
    width: 100%;
    height: auto;
}

.hidden_prolevel2 .pic em {
    width: 100% !important;
    height: auto !important;
}

.hidden_prolevel2 .close_btn {
    position: absolute;
    right: -45px;
    top: 0;
    display: block;
    background: rgba(0, 0, 0, 0.6) url(../images/pro_close.png) no-repeat center;
    width: 45px;
    height: 45px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
}

.hidden_prolevel2 .close_btn:hover {
    background-color: #15a0dc;
}

.hidden_prolevel2 .relate_prodot {}

.relate_mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    z-index: 10;
}

.relate_mask.on {
    opacity: 1;
    visibility: visible;
}


/*20181113xg*/

.sec_pro2cont table {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
}

.sec_pro2cont table thead th {
    word-break: break-all;
    text-align: center;
    font-size: 16px;
    background: #019add;
    color: #fff;
    line-height: 24px;
    padding: 8px 0%;
    font-weight: normal;
    border: 1px solid #fff;
}

.sec_pro2cont table tbody td {
    word-break: break-all;
    border: 1px solid #7f7f7f;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 0%;
    text-align: center;
}

.sec_pro2cont table thead th:first-child {
    border-left: 1px solid #006bb9;
}

.sec_pro2cont table thead th:last-child {
    border-right: 1px solid #006bb9;
}

.sec_pro2cont table thead tr:first-child th {
    border-top: 1px solid #006bb9;
}


/*20181119xg 搜索*/

.inner_menu.search_menu ul li a {
    padding: 20px 30px;
}

.list_newspicdl.search_pro dt .wrap {
    margin-left: 246px;
    margin-right: 0;
}

.list_newspicdl.search_pro .dd2 {
    margin-left: -100%;
    margin-right: 0;
}

.list_newspicdl.search_pro .dd2 .img em {
    background-size: contain;
}

.list_newspicdl.search_txt dt .wrap {
    margin-left: 0;
    margin-right: 0;
}


/**/


/*图片列表hover效果*/

.sec_pro3 .pro_relate li .img b {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -27px;
    text-align: center;
    display: block;
    font-size: 15px;
    color: #fff;
    background: url(../images/pro_moreicon.png) no-repeat center top;
    line-height: 24px;
    padding-top: 29px;
    transform: translateY(10px) scale(0);
    -webkit-transform: translateY(10px) scale(0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.sec_pro3 .pro_relate li a:hover .img b {
    transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.sec_pro3 .pro_relate li .img:before {
    content: "";
    height: 0;
    display: block;
    width: 100%;
    padding-top: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sec_pro3 .pro_relate li a:hover .img:before {
    opacity: 1;
}

.sec_pro3 .pro_relate li a:hover .img em {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

.sec_pro3 .pro_relate li a:hover .img {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.sec_pro3 .pro_relate li .img,
.sec_pro3 .pro_relate li a .txt span {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sec_pro3 .pro_relate li a:hover .txt {
    color: #006bb9;
}

.sec_pro3 .pro_relate li.hot_li a:after {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 38px;
    height: 38px;
    background: url(../images/hot_icon.png) no-repeat center;
    content: "";
}


/*20181203xg*/

.float_btn {
    z-index: 99;
}

.float_btn li {
    position: relative;
}

.float_btn li .share_more {
    position: relative;
}

.float_btn li:hover a {
    background: #006bb9;
}

.hidden_sharebtn a {
    z-index: 9;
    float: none !important;
    display: inline-block !important;
    width: 31px !important;
    height: 31px !important;
    padding: 13.5px 0 !important;
}

.hidden_sharebtn a.share_facebook {
    margin: 0 !important;
    background: url(../images/footer_share3.png) no-repeat center !important;
}

.hidden_sharebtn a.share_twitter {
    background: url(../images/footer_share1.png) no-repeat center !important;
}

.hidden_sharebtn a.share_linkedin {
    background: url(../images/footer_share2.png) no-repeat center !important;
}

.hidden_sharebtn {
    position: absolute;
    width: 58px;
    right: 0px;
    top: 0;
    background: #006bb9;
    height: 58px;
    border-radius: 4px;
    text-align: center;
    font-size: 0;
    overflow: hidden;
    visibility: visible;
}

.hidden_sharebtn a:hover {
    opacity: 0.8;
}


/*20181204xg媒体联系*/

.list_mediapage {}

.list_mediapage .list_mediadl {
    background: #fff;
}

.list_mediapage .list_mediadl dt {
    float: right;
    width: 47.81%;
}

.list_mediapage .list_mediadl dt .img {
    position: relative;
    padding-bottom: 91.74%;
    height: 0;
    overflow: hidden;
}

.list_mediapage .list_mediadl dt .img em {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.list_mediapage .list_mediadl dd {
    padding: 7.1% 4.39% 0%;
    box-sizing: border-box;
    float: left;
    width: 52.19%;
}

.list_mediapage .list_mediadl dd .title {
    margin-bottom: 27px;
    line-height: 1.11;
    font-size: 36px;
    color: #333333;
}

.list_mediapage .list_mediadl dd .txt {
    margin-bottom: 47px;
    font-size: 16px;
    color: #555555;
    line-height: 2.13;
}

.list_mediapage .list_mediadl dd .email {}

.list_mediapage .list_mediadl dd .email a {
    display: inline-block;
    line-height: 30px;
    padding-left: 43px;
    background: url(../images/media_email.png) no-repeat left center;
    font-size: 24px;
    color: #555555;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.list_mediapage .list_mediadl dd .email a:hover {
    background: url(../images/media_emailh.png) no-repeat left center;
    color: #006bb9;
}


/*20181205xg*/

.recurit_sec1detail {
    max-width: 85%;
    margin: 0 auto;
    text-align: justify;
    font-size: 16px;
    color: #666666;
    line-height: 2.13;
}

.bgwhite {
    background: #fff;
}

.recurit_bgtxt {
    padding: 90px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.recurit_bgtxt .title {
    line-height: 48px;
    font-size: 30px;
    color: #fff;
}

.recurit_bgtxt .down_arrow {
    margin-top: 84px;
    width: 12px;
    height: 31px;
    background: url(../images/recurit_attractdown.png) no-repeat center;
}

.recurit_bgtxt .txt {
    margin-top: 50px;
    padding-bottom: 19px;
    font-size: 16px;
    color: #ffffff;
    line-height: 2.13;
}


/*recurit_widgelist*/

.recurit_widgelist {
    padding: 50px 0 100px;
}

.recurit_widgelist .w_1140 {}

.recurit_widgelist dl {}

.recurit_widgelist dl dt {
    float: right;
    width: 50%;
}

.recurit_widgelist dl dt .img {
    position: relative;
    padding-bottom: 420px;
    height: 0;
    overflow: hidden;
}

.recurit_widgelist dl dt .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_widgelist dl dd {
    float: left;
    width: 50%;
    padding-top: 65px;
    padding-right: 4.39%;
    box-sizing: border-box;
    max-height: 355px;
    overflow-y: auto;
}

.recurit_widgelist dl dd h3 {
    line-height: 30px;
    margin-bottom: 2px;
    font-size: 24px;
    color: #333333;
}

.recurit_widgelist dl dd .txt {
    margin-bottom: 35px;
    font-size: 16px;
    color: #555555;
    line-height: 2.13;
}

.recurit_widgelist dl dd .txt:last-child {
    margin-bottom: 0;
}

.recurit_widgelist dl:nth-child(2n) dt {
    float: left;
}

.recurit_widgelist dl:nth-child(2n) dd {
    padding-left: 4.39%;
    padding-right: 0;
}

.recurit_widgelist dl dd .txt ul li i {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 17px;
    border-radius: 50%;
    font-size: 10px;
}

.recurit_widgelist dl dd .txt ul li span {}

.recurit_widgelist dl dd .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0.1);
}

.recurit_widgelist dl dd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #15a0dc;
}


/*recurit_sec5*/

.recurit_sec5 {}

.recurit_sec5 .recurit_title {
    text-align: left;
    line-height: 1.33;
    font-size: 30px;
    color: #fff;
}

.recurit_sec5 .txt {
    text-align: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 42px;
}


/*recurit_botlist*/

.recurit_secbot {
    padding-bottom: 40px;
}

.recurit_botlist {}

.recurit_botlist li {
    float: left;
    width: 49.39%;
    margin-right: 1.22%;
}

.recurit_botlist li:last-child {
    margin-right: 0;
}

.recurit_botlist li a {
    display: block;
    overflow: hidden;
    position: relative;
}

.recurit_botlist li .img {
    position: relative;
    height: 0;
    padding-bottom: 65.96%;
    overflow: hidden;
}

.recurit_botlist li .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_botlist li .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 10.75% 6.8%;
    z-index: 2;
}

.recurit_botlist li .txt span {
    float: left;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
}

.recurit_botlist li .txt i {
    float: right;
    width: 16px;
    height: 30px;
    background: url(../images/recurit_botarrow.png) no-repeat center;
}


/*3列*/

.recurit_botlist3 li {
    width: 32.63%;
    margin-right: 1.05%;
}

.recurit_botlist3 li .img {
    padding-bottom: 100%;
}


/*recurit_train*/

.recurit_train {
    padding: 100px 0;
}

.recurit_train dl {}

.recurit_train dl dt {
    float: right;
    width: 50%;
}

.recurit_train dl dt .img {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 468px;
}

.recurit_train dl dt .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_train dl dd {
    float: left;
    width: 45.44%;
    padding-top: 5.5%;
}

.recurit_train dl dd .txt {
    max-height: 381px;
    overflow-y: auto;
}

.recurit_train dl dd .txt .title {
    line-height: 1.7;
    margin-bottom: 14px;
    font-size: 20px;
    color: #333333;
}

.recurit_train dl dd .txt .detail {
    margin-bottom: 57px;
    font-size: 16px;
    color: #555555;
    line-height: 2.13;
}

.recurit_train dl dd .txt .detail:last-child {
    margin-bottom: 0;
}

.recurit_train2 dl dt .img {
    padding-bottom: 521px;
}

.recurit_train2 dl dd .txt {
    max-height: 415px;
}

.recurit_train dl dd .txt .detail {}

.recurit_train dl dd .txt .detail ul li i {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 17px;
    border-radius: 50%;
    font-size: 10px;
}

.recurit_cooperate {}

.recurit_cooperate {
    padding: 100px 0;
}

.recurit_cooperate dl {}

.recurit_cooperate dl dt {
    float: left;
    width: 50%;
}

.recurit_cooperate dl dt .img {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 763px;
}

.recurit_cooperate dl dt .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_cooperate dl dd {
    float: right;
    width: 45.44%;
    padding-top: 5.5%;
}

.recurit_cooperate dl dd .txt {
    max-height: 755px;
    overflow-y: auto;
}

.recurit_cooperate dl dd .txt .title {
    line-height: 1.7;
    margin-bottom: 14px;
    font-size: 20px;
    color: #333333;
}

.recurit_cooperate dl dd .txt .detail {
    margin-bottom: 57px;
    font-size: 16px;
    color: #555555;
    line-height: 2.13;
}

.recurit_cooperate dl dd .txt .detail:last-child {
    margin-bottom: 0;
}

.recurit_cooperate2 dl dt .img {
    padding-bottom: 687px;
}

.recurit_cooperate2 dl dd .txt {
    max-height: 621px;
}

.recurit_sec1img {
    padding-top: 45px;
}

.recurit_sec1img li {
    float: left;
    width: 25.09%;
    position: relative;
}

.recurit_sec1img li .img {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}

.recurit_sec1img li .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.recurit_sec1img li .txt {
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    line-height: 34px;
    height: 68px;
    margin-top: -34px;
}

.recurit_sec1img li .txt span {
    font-size: 24px;
    color: #fff;
}

.recurit_sec1img li.li2 {
    width: 49.65%;
}

.recurit_sec1img li.li2 img {
    width: 100%;
    height: auto;
}

.recurit_attracttitle {}

.recurit_attracttxt {}

.recurit_savelist {
    padding: 80px 0px;
}

.recurit_savelist dl {
    background: #f5f5f5;
    position: relative;
}

.recurit_savelist dl dt {
    float: right;
    width: 50%;
}

.recurit_savelist dl dt .img {
    position: relative;
    height: 0;
    padding-bottom: 304px;
    overflow: hidden;
}

.recurit_savelist dl dt .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_savelist dl dd {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.recurit_savelist dl dd .w_1140 {}

.recurit_savelist dl dd .txt {
    margin-top: 63px;
    width: 45.79%;
}

.recurit_savelist dl dd .txt .title {
    margin-bottom: 15px;
    line-height: 1.75;
    font-size: 24px;
    color: #333333;
}

.recurit_savelist dl dd .txt .detail {
    font-size: 16px;
    color: #555555;
    line-height: 2.13;
    max-height: 136px;
    overflow-y: auto;
}

.recurit_savelist dl:nth-child(2n) {
    background: #fff;
}

.recurit_savelist dl:nth-child(2n) dt {
    float: left;
}

.recurit_savelist dl:nth-child(2n) dd .txt {
    float: right;
}

.recurit_lasttitle {
    padding-top: 65px;
    margin-bottom: 16px;
    font-size: 30px;
    color: #333333;
    line-height: 1.6;
}

.recurit_lasttxt {
    padding-bottom: 90px;
    font-size: 16px;
    color: #555555;
    line-height: 2.13;
}


/*recurit_circlelist*/

.recurit_circlelistwrap {
    padding-top: 40px;
}

.recurit_circle {
    padding-top: 100px;
    padding-bottom: 40px;
}

.recurit_circlelist li {
    width: 17%;
    float: left;
    text-align: center;
    padding: 0 4%;
    position: relative;
}

.recurit_circlelist li:after {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/recurit_iconbg.png) no-repeat center;
    width: 28px;
    margin-right: -14px;
    margin-top: -63.5px;
    height: 7px;
    top: 50%;
    content: "";
}

.recurit_circlelist li:hover .img,
.recurit_circlelist li:hover .txt {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
}

.recurit_circlelist li .img,
.recurit_circlelist li .txt {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_circlelist li .img {
    width: 100%;
    margin-bottom: 27px;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
}

.recurit_circlelist li .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_circlelist li .img img {
    width: 89.5%;
}

.recurit_circlelist li .txt {
    font-size: 16px;
    color: #555555;
    line-height: 1.88;
    height: 120px;
    overflow: hidden;
}

.recurit_circlelist li .detail {
    font-size: 20px;
    color: #333333;
    line-height: 1.7;
    height: 68px;
}

.recurit_circlelist li .title {
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    line-height: 34px;
    height: 68px;
    margin-top: -34px;
}

.recurit_circlelist li .title span {
    font-size: 20px;
    color: #fff;
}

.recurit_circlelist li:last-child:after {
    display: none;
}


/*recurit_piclist*/

.recurit_piclist {
    padding-bottom: 80px;
}

.recurit_piclist li {
    float: left;
    width: 25%;
}

.recurit_piclist li a {
    display: block;
    position: relative;
    cursor: default;
}

.recurit_piclist li .img {
    position: relative;
    padding-bottom: 104.17%;
    height: 0;
    overflow: hidden;
}

.recurit_piclist li .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.recurit_piclist li .img:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/talent_bg1.png) repeat-x center bottom;
}

.recurit_piclist li .txt {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 12px;
    line-height: 42px;
    z-index: 2;
    min-height: 84px;
}

.recurit_piclist li .txt span {
    padding: 0 4.17% 0 8.75%;
    display: block;
    font-size: 24px;
    color: #fff;
}

.recurit_piclist .li2 .img:after {
    background: url(../images/talent_bg2.png) repeat-x center bottom;
}

.recurit_piclist .li3 .img:after {
    background: url(../images/talent_bg3.png) repeat-x center bottom;
}


/*20181206xgscroll*/

.transX5 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: 600ms 200ms;
    transition: 600ms 200ms;
}

.transy5 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: 600ms 200ms;
    transition: 600ms 200ms;
}

.is-show .transy5 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.is-show .transX5 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.tran300 {
    -webkit-transition: 600ms 300ms;
    transition: 600ms 300ms;
}

.tran400 {
    -webkit-transition: 600ms 400ms;
    transition: 600ms 400ms;
}

.tran500 {
    -webkit-transition: 600ms 500ms;
    transition: 600ms 500ms;
}

.tran600 {
    -webkit-transition: 600ms 600ms;
    transition: 600ms 600ms;
}


/*图片列表hover效果*/

.recurit_botlist li .img:before,
.recurit_piclist li .img:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_botlist li a:hover .img:before,
.recurit_piclist li a:hover .img:before {
    opacity: 1;
}

.recurit_botlist li a:hover .img em,
.recurit_piclist li a:hover .img em {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

.recurit_sec1 .recurit_sec1list li .img,
.recurit_sec1 .recurit_sec1list li .txt {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_sec1 .recurit_sec1list li:hover .img,
.recurit_sec1 .recurit_sec1list li:hover .txt {
    transform: translateY(5px);
    transform: translateY(5px);
}

.recurit_widgelist dl dd .txt .mCSB_draggerRail,
.recurit_savelist dl dd .txt .detail .mCSB_draggerRail,
.recurit_train dl dd .txt .mCSB_draggerRail,
.recurit_cooperate dl dd .txt .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0.1);
}

.recurit_widgelist dl dd .txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.recurit_savelist dl dd .txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.recurit_train dl dd .txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.recurit_cooperate dl dd .txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #15a0dc;
}


/*20181206关于我们*/

.introduce_sec1title {
    text-align: center;
    margin-bottom: 40px;
}

.introduce_sec1title b {
    display: block;
    line-height: 40px;
    padding-bottom: 16px;
    font-size: 30px;
    color: #333333;
}

.introduce_sec1title i {
    display: block;
    line-height: 14px;
}

.list_introducepage .recurit_bgtxt .txt {
    margin-top: 42px;
}

.introduce_circle {
    padding-top: 41px;
}

.introduce_circle .txt {
    margin-bottom: 13px;
    font-size: 16px;
    color: #555555;
    line-height: 34px;
}

.introduce_circle .txt p {
    margin-bottom: 11px;
}

.introduce_circlewrap {
    padding-right: 2.19%;
}

.introduce_circlewrap .lefttxt {
    float: left;
}

.introduce_circlewrap .lefttxt {
    float: none;
}

.introduce_circlewrap .rightimg {
    position: relative;
    background: url(../images/logo2.jpg) no-repeat center;
}

#echartcontainer {
    height: 455px;
}

.introduce_circlewrap .lefttxt ul {}

.introduce_circlewrap .lefttxt ul li {
    position: relative;
    padding-left: 29px;
    line-height: 24px;
    margin-bottom: 17px;
}

.introduce_circlewrap .lefttxt ul li:after {
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background-color: #e2066c;
    content: "";
}

.introduce_circlewrap .lefttxt ul li i {}

.introduce_circlewrap .lefttxt ul li span {
    display: inline-block;
    width: 72px;
    padding-right: 14px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.introduce_circlewrap .lefttxt ul li em {
    display: inline-block;
    font-size: 16px;
    color: #555555;
}

.introduce_circlewrap .rightimg {
    float: right;
    width: 40.83%;
}

.introduce_circlewrap .rightimg img {
    width: 100%;
}

.introduce_circlewrap .lefttxt ul li.li2:after {
    background-color: #f9b11f;
}

.introduce_circlewrap .lefttxt ul li.li3:after {
    background-color: #99d435;
}

.introduce_circlewrap .lefttxt ul li.li4:after {
    background-color: #61b7eb;
}

.introduce_circlewrap .lefttxt ul li.li5:after {
    background-color: #4198af;
}

.introduce_circlewrap .lefttxt ul li.li6:after {
    background-color: #db853e;
}

.introduce_circlewrap .lefttxt ul li.li7:after {
    background-color: #8da9d3;
}

.introduce_circlewrap .lefttxt ul li.li8:after {
    background-color: #2d9cde;
}

.introduce_circlewrap .lefttxt ul li.li9:after {
    background-color: #b9cd96;
}


/*recurit_widgelist*/

.introduce_widgelist {
    padding: 50px 0 40px;
}

.introduce_widgelist .w_1140 {}

.introduce_widgelist dl {}

.introduce_widgelist dl dt {
    float: right;
    width: 50%;
}

.introduce_widgelist dl dt .img {
    position: relative;
    padding-bottom: 362px;
    height: 0;
    overflow: hidden;
}

.introduce_widgelist dl.pb396 dt .img {
    padding-bottom: 396px;
}

.introduce_widgelist dl dt .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introduce_widgelist dl dd {
    float: left;
    width: 50%;
    margin-top: 60px;
    padding-right: 4.39%;
    box-sizing: border-box;
}

.introduce_widgelist dl dd h3 {
    line-height: 42px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #333333;
}

.introduce_widgelist dl dd .txt {
    max-height: 204px;
    overflow-y: auto;
    font-size: 16px;
    color: #555555;
    line-height: 34px;
}

.introduce_widgelist dl.pb396 dd .txt {
    max-height: 238px;
}

.introduce_widgelist dl:nth-child(2n) dt {
    float: left;
}

.introduce_widgelist dl:nth-child(2n) dd {
    padding-left: 4.39%;
    padding-right: 0;
}

.introduce_widgelist dl dd .txt ul li i {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 17px;
    border-radius: 50%;
    font-size: 10px;
}

.introduce_widgelist dl dd .txt ul li span {}

.recurit_sec1 .recurit_sec1list li .img,
.recurit_sec1 .recurit_sec1list li .txt {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_sec1 .recurit_sec1list li:hover .img,
.recurit_sec1 .recurit_sec1list li:hover .txt {
    transform: translateY(5px);
    transform: translateY(5px);
}

.introduce_widgelist dl dd .txt .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0.1);
}

.introduce_widgelist dl dd .txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #15a0dc;
}

.introduce_num {
    margin-top: 59px;
}

.introduce_num li {
    float: left;
    width: 25%;
    padding-left: 3.51%;
    box-sizing: border-box;
    box-sizing: border-box;
    height: 108px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.introduce_num li em {
    display: block;
    line-height: 31px;
    padding-bottom: 8px;
}

.introduce_num li em b {
    font-size: 36px;
    font-family: "Microsoft Jhenghei";
}

.introduce_num li em i {
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
    line-height: 15px;
    padding-left: 9px;
}

.introduce_num li span {
    display: block;
    line-height: 34px;
    font-size: 16px;
    max-width: 177px;
}

.introduce_num li.li1 {
    padding-left: 0;
    border-left: none;
}

.list_introducepage .recurit_bgtxt .down_arrow {
    margin-top: 33px;
}

.introduce_channelsec1 {
    margin-bottom: 20px;
}

.introduce_channelitem1 {
    float: left;
    width: 66.67%;
}

.introduce_channelitem1 a {
    display: block;
    position: relative;
}

.introduce_channelitem1 .img {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 519px;
}

.introduce_channelitem1 .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introduce_channelitem1 .txt {
    position: absolute;
    left: 6.58%;
    padding-right: 9.87%;
    top: 53px;
    z-index: 2;
    color: #fff;
}

.introduce_channelitem1 .txt .title {
    line-height: 48px;
    margin-bottom: 7px;
    font-size: 30px;
}

.introduce_channelitem1 .txt .detail {
    margin-bottom: 51px;
    font-size: 16px;
    line-height: 34px;
    height: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.introduce_channelitem1 .txt .more {
    background: url(../images/introduce_channearrow.png) no-repeat right center;
    width: 29px;
    height: 24px;
}

.introduce_channelitem2 {
    float: right;
    width: 31.58%;
}

.introduce_channelitem2 a {
    display: block;
    background-color: #fff;
    height: 520px;
}


/*20181221xg1*/

.introduce_channelitem2 .txt .detail {
    margin-bottom: 35px;
    font-size: 16px;
    color: #555555;
    height: 68px;
    overflow: hidden;
    line-height: 34px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.introduce_channelitem2 .img {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 259px;
}

.introduce_channelitem2 .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introduce_channelitem2 .txt {
    padding: 38px 4% 0px 10%;
}

.introduce_channelitem2 .txt .title {
    line-height: 48px;
    padding-bottom: 10px;
    font-size: 30px;
    color: #333333;
    height: 48px;
    overflow: hidden;
}

.introduce_channelitem2 .txt .more {
    background: url(../images/introduce_channearrowh.png) no-repeat left center;
    width: 29px;
    height: 24px;
}

.introduce_channelsec2 {}

.introduce_channelsec2 a {
    display: block;
    background-color: #d6e8f5;
    overflow: hidden;
}

.introduce_channelsec2 dt {
    float: right;
    width: 66.67%;
}

.introduce_channelsec2 dt .img {
    padding-bottom: 280px;
    overflow: hidden;
    height: 0;
    position: relative;
}

.introduce_channelsec2 dt em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introduce_channelsec2 dd {
    float: left;
    width: 33.33%;
    padding: 37px 4.39% 0 4.39%;
    box-sizing: border-box;
}

.introduce_channelsec2 dd .title {
    margin-bottom: 19px;
    line-height: 48px;
    font-size: 30px;
    color: #333333;
}

.introduce_channelsec2 dd h4 {
    line-height: 34px;
    font-size: 16px;
    color: #006bb9;
}

.introduce_channelsec2 dd .txt {
    line-height: 34px;
    height: 68px;
    font-size: 16px;
    color: #555555;
    margin-bottom: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.introduce_channelsec2 dd .more {
    background: url(../images/introduce_channearrowh.png) no-repeat left center;
    width: 29px;
    height: 24px;
}

.introduce_channelitem1 a,
.introduce_channelitem2 a,
.introduce_channelsec2 a,
.introduce_channelitem2 a .txt .title,
.introduce_channelitem1 .txt,
.introduce_channelitem2 .txt,
.introduce_channelsec2 .txt,
.introduce_channelsec2 dd .title,
.introduce_channelsec2 dd .more,
.introduce_channelitem2 .txt .more {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introduce_channelitem1 a:hover .txt,
.introduce_channelsec2 a:hover .txt,
.introduce_channelitem2 a:hover .txt,
.introduce_channelsec2 a:hover dd .title,
.introduce_channelsec2 a:hover dd .more {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.introduce_channelitem2 a:hover .txt .more,
.introduce_channelsec2 a:hover dd .more {
    background-position: right center;
}

.introduce_channelitem2 a:hover .txt .title,
.introduce_channelsec2 a:hover dd .title {
    color: #006bb9;
}

.introduce_channelitem1 a:hover .img em,
.introduce_channelitem2 a:hover .img em,
.introduce_channelsec2 a:hover dt .img em {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}


/*二三级导航*/

.inner_navcont {
    position: relative;
    z-index: 7;
}

.inner_navcont .navigation-inner {
    position: relative
}

.navigation-up {
    height: 70px;
    background: #fff
}

.navigation-up .navigation-v3 {}

.navigation-up .navigation-v3 ul {}

.navigation-down {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%
}

.navigation-down .nav-down-cont {
    width: 100%;
    margin: 0;
    background: #006bb9;
    position: absolute;
    top: 0px;
    box-shadow: 0px 5px 7px 0px rgba(4, 0, 0, 0.2);
}

.navigation-down .nav-down-cont .navigation-down-inner {
    position: relative
}

.navigation-down .menu-1 ul {
    padding: 27px 0 36px;
    line-height: 27px;
}

.navigation-down .menu-1 ul li {
    float: left;
    margin-right: 28px;
}

.navigation-down .menu-1 ul li a {
    display: block;
    color: #fff;
    font-size: 15px;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-down .menu-1 ul li a:hover {
    opacity: 0.8;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}


/*2018/1208xg公司治理*/

.list_companywrap {
    padding-top: 39px;
}

.list_companywrap li {
    float: left;
    width: 49.12%;
    margin-right: 1.76%;
}

.list_companywrap li.li2 {
    margin-right: 0;
}

.list_companywrap li a {
    display: block;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.list_companywrap li .img {
    padding-bottom: 57.14%;
    position: relative;
    height: 0;
    overflow: hidden;
}

.list_companywrap li .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.list_companywrap li .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 1.33;
    padding: 0 7.5% 7.14%;
    box-sizing: border-box;
}

.list_companywrap li .txt span {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    display: block;
    font-size: 30px;
    color: #fff;
}

.list_companywrap li .img:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/gszl_imgbg.png) repeat-x left bottom;
    content: "";
}

.list_companywrap li a:hover em {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.list_companywrap li a:hover .txt span {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}


/*投资者服务*/

.invest_sec3 .invest_commntitle {
    margin-bottom: 50px;
}

.invest_servicelist {
    text-align: center;
    font-size: 0;
}

.invest_servicelist li {
    display: inline-block;
    width: 21.93%;
}

.invest_servicelist a {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 46px;
}

.invest_servicelist a>* {
    display: block;
    text-align: center;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.invest_servicelist a:hover em {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.invest_servicelist a span img {
    height: 49px;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.invest_servicelist a:hover span img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.invest_servicelist a:hover em {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}


/*两端对齐*/

.introduce_channelitem1 .txt .detail {
    text-align: justify;
}

.introduce_widgelist dl.pb396 dd .txt {
    text-align: justify;
}

.introduce_circle .txt {
    margin-bottom: 30px;
}

.introduce_widgelist dl dd .txt {
    text-align: justify;
}

.list_solution dd h4 {
    text-align: justify;
}

.solution_about dl dd .solution_abouttxt * {
    text-align: justify;
}

.solution_advantage .advantage_dl dd h4 {
    text-align: justify;
}

.channel_itemdl .dd1 .sub_title {
    text-align: justify;
}

.sec_pro1 .pro_left .txt {
    text-align: justify;
}

.sec_pro2cont .item {
    text-align: justify;
}

.recurit_sec1 .recurit_sec1txt li {
    text-align: justify;
}

.recurit_centerboxlist li .txt {
    text-align: justify;
}

.recurit_lasttxt {
    text-align: justify;
}

.recurit_bgtxt .txt {
    text-align: justify;
}

.recurit_sec5 .recurit_sec5list li {
    text-align: justify;
}

.recurit_savelist dl dd .txt .detail {
    text-align: justify;
}

.invest_sec1 .right .txt h4 {
    text-align: justify;
}

.list_investcommonpage .invest_company .txt {
    text-align: justify;
}

.invest_sec4 .txt ul li {
    text-align: justify;
}


/*recurit_stafftxt*/

.recurit_staffcont .item {
    display: none;
}

.recurit_stafftxt {
    padding-top: 40px;
    padding-bottom: 90px;
}

.recurit_staffbg {
    padding: 112px 0 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.recurit_staffbg .txt {
    padding-left: 51.75%;
    color: #fff;
    line-height: 1.6;
}

.recurit_staffbg .txt h3 {
    margin-bottom: 12px;
    font-size: 30px;
    font-weight: bold;
}

.recurit_staffbg .txt h4 {
    height: 102px;
    font-size: 30px;
    overflow: hidden;
}

.recurit_stafftxt img {
    max-width: 100% !important;
    height: auto !important;
}

.recurit_stafftxt * {
    font-size: 16px;
    color: #555555;
    line-height: 2.13;
    text-align: justify;
}

.recurit_stafftxt b,
.recurit_stafftxt strong {
    font-weight: bold;
}

.recurit_stafftxt em,
.recurit_stafftxt i {
    font-style: italic;
}

.recurit_staffcirclesec .recurit_title {
    margin-bottom: 45px;
}

.recurit_staffcircle ul {}

.recurit_staffcircle ul li {
    position: relative;
    float: left;
    text-align: center;
    width: 230px;
    /*margin: 0 6.57%; width: 20.18%;*/
}

.recurit_staffcircle ul li .imgwrap {
    margin-bottom: 22px;
    border-radius: 50%;
    padding: 7%;
    background: #f3fcfe;
}

.recurit_staffcircle ul li .img {
    border-radius: 50%;
    padding-bottom: 100%;
    height: 0;
    width: 100%;
    position: relative;
    background: #bfe6f6;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.recurit_staffcircle ul li .img em {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.recurit_staffcirclewrap {
    padding: 0 6.58%;
    position: relative;
}

.recurit_staffcircle {}

.recurit_staffcirclewrap:after {
    position: absolute;
    left: 32.02%;
    top: 0;
    background: url(../images/recurit_iconbg.png) no-repeat center;
    width: 28px;
    margin-right: -14px;
    margin-top: -28px;
    height: 7px;
    top: 50%;
    content: "";
}

.recurit_staffcirclewrap:before {
    position: absolute;
    left: 65.35%;
    top: 0;
    background: url(../images/recurit_iconbg.png) no-repeat center;
    width: 28px;
    margin-right: -14px;
    margin-top: -28px;
    height: 7px;
    top: 50%;
    content: "";
}

.recurit_staffcircle ul li .img img {
    display: block;
    height: 42px;
    margin: 0 auto 14px;
}

.recurit_staffcircle ul li .img span {
    display: block;
    line-height: 30px;
    font-size: 16px;
    color: #555555;
}

.recurit_staffcircle ul li .txt {
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    font-size: 18px;
    color: #333;
}

.recurit_staffcircle ul li .img .icon {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 116px;
    margin-top: -58px;
}

.recurit_staffcircle ul li:last-child:after {
    display: none;
}

.recurit_staffcircle ul li.on {}

.recurit_staffcircle ul li .img:before {
    border-radius: 50%;
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -2px;
    top: -2px;
    content: "";
    background: #006bb9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.recurit_staffcircle ul li .img:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-width: 7.5px 10px 0;
    border-style: solid;
    border-color: #006bb9 transparent transparent;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform-origin: center top;
    transform-origin: center top;
}

.recurit_staffcircle ul li.on .img:before,
.recurit_staffcircle ul li.on .img:after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.recurit_staffcircle ul li.on .img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.recurit_staffcirclewrap .prev,
.recurit_staffcirclewrap .next {
    position: absolute;
    top: 0%;
    width: 20px;
    height: 100%;
    z-index: 9;
    display: none;
}

.recurit_staffcirclewrap .prev {
    left: 0;
    background: url(../images/pro_smallarrow1.png) no-repeat center;
}

.recurit_staffcirclewrap .next {
    right: 0;
    background: url(../images/pro_smallarrow2.png) no-repeat center;
}

.recurit_staffcirclewrap .next.swiper-button-disabled,
.recurit_staffcirclewrap .prev.swiper-button-disabled {
    opacity: 0.6;
    cursor: default;
}


/*20181221xgx*/

.caseview_btn {
    text-align: center;
    margin-top: 15px;
}

.caseview .arrow-left,
.caseview .arrow-right {
    width: 49px;
    height: 49px;
    display: inline-block;
    margin: 0 15px;
}

.caseview .arrow-left {
    background: url(../images/caseview_btn1.png) no-repeat center top;
    background-size: 100%;
}

.caseview .arrow-right {
    background: url(../images/caseview_btn2.png) no-repeat center top;
    background-size: 100%;
}

.caseview .arrow-left:hover,
.caseview .arrow-right:hover {
    background-position: center bottom;
}

.precaseview {
    width: 100%;
    margin-bottom: 57px;
    position: relative;
    text-align: center;
}

.precaseview:after {
    position: absolute;
    left: 0;
    top: 32px;
    width: 100%;
    height: 1px;
    background: #c8d9e6;
    content: "";
}

.precaseview {}

.precaseview .num {
    display: block;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #555555;
}

.precaseview .icon {
    display: block;
    margin: 2px auto 7px;
    background: #b7d0e3;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 3px solid #e6f3ff;
}

.precaseview em {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.precaseview .active-nav .num {
    color: #006bb9;
}

.precaseview .active-nav .icon {
    background: #006bb9;
    border-color: #fff;
}

.precaseview .active-nav em {
    color: #006bb9;
}

.precaseview .swiper-slide {
    cursor: pointer;
}

.precaseview .arrow-left,
.precaseview .arrow-right {
    display: none;
}

.caseviewtxt .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0.1);
}

.caseviewtxt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #15a0dc;
}

.solution_advantage {
    padding: 50px 0;
    margin-bottom: 73px;
    background: #e9f4ff url(../images/case_viewbg.jpg) no-repeat center bottom;
}

.caseviewtxt {
    max-height: 238px;
    overflow-y: auto;
}

.caseviewtxt dd {
    padding-bottom: 34px;
    font-size: 16px;
    color: #333333;
    line-height: 2.13;
}

.caseviewtxt dd b {
    font-weight: bold;
}

.caseview .arrow-left.default,
.precaseview .arrow-left.default {
    opacity: 0.6;
    cursor: default;
}

.caseview .arrow-right.default,
.precaseview .arrow-right.default {
    opacity: 0.6;
    cursor: default;
}

.recurit_staffcont {
    position: relative;
}

.recurit_staffcdetail {
    padding-bottom: 62px;
    font-size: 16px;
    color: #555555;
    line-height: 1.63;
    text-align: justify;
}

.recurit_staffcont .owl-nav {
    max-width: 1140px;
    width: 96%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-top: -21px;
}

.recurit_staffcont .owl-prev,
.recurit_staffcont .owl-next {
    position: absolute;
    top: 0;
    top: 0;
    text-indent: -999em;
    width: 42px;
    height: 42px;
}

.recurit_staffcont .owl-prev {
    left: 0;
    background-size: 100% !important;
    background: url(../images/recurit_staffprev.png) no-repeat center;
}

.recurit_staffcont .owl-next {
    right: 0;
    background-size: 100% !important;
    background: url(../images/recurit_staffnext.png) no-repeat center;
}


/*20181226xg*/

.leader_title {
    font-size: 30px;
    color: #333333;
    text-align: center;
    line-height: 1.33;
    margin-bottom: 35px;
}

.leader_list {
    border-top: 1px solid #dadada;
}

.leader_list li {}

.leader_list li .title {
    line-height: 63px;
    height: 63px;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
}

.leader_list li .title .title_left {
    float: left;
}

.leader_list li .title .title_left b {
    font-size: 18px;
    color: #333333;
}

.leader_list li .title .title_left i {
    padding: 0 20px;
    font-size: 14px;
    color: #cbcaca;
}

.leader_list li .title .title_left em {
    font-size: 14px;
    color: #555555;
}

.leader_list li .title .icon {
    float: right;
    display: block;
    width: 22px;
    height: 60px;
    background: url(../images/organ_arrow.png) no-repeat center;
}

.leader_list li .cont {
    display: none;
    padding: 43px 7.89% 52px;
}

.leader_list li .cont .img {
    margin-left: -100%;
    float: left;
    width: 27.35%;
    height: 0px;
    overflow: hidden;
    padding-bottom: 38.37%;
    position: relative;
}

.leader_list li .cont .img em {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.leader_list li .cont .txt {
    float: left;
    width: 100%;
}

.leader_list li .cont .txt .txtwrap {
    padding-left: 5.61%;
    margin-left: 27.35%;
}

.leader_list li .cont .txt .title2 {
    line-height: 40px;
    font-size: 24px;
    color: #333333;
}

.leader_list li .cont .txt .sub_title {
    line-height: 34px;
    font-size: 16px;
    color: #333333;
    margin-bottom: 30px;
}

.leader_list li .cont .txt .detail {
    font-size: 16px;
    color: #555555;
    line-height: 34px;
    max-height: 238px;
    overflow-y: auto;
}

.leader_list li .title.on .icon {
    background-image: url(../images/organ_arrow1.png);
}

.leader_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #006bb9;
}

.leader_list .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0.1);
}


/*20181227xg*/

.leader_list li .title {
    cursor: pointer;
}

.coptmap {
    margin-left: 20px;
}

.coptmap a {
    color: #fff;
}


/*20190228*/

.list_newspicdlon .dd1 {
    position: relative;
}

.list_newspicdlon .dd1:after {
    /* background: url(../images/list_newspicdlon.jpg) center center no-repeat; */
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


/*20190306*/

.error {
    text-align: center;
    padding-top: 45px;
    padding-bottom: 160px;
}

.error img {
    margin-bottom: 13px;
    max-width: 100%
}

.error p {
    font-size: 24px;
    color: #333;
    line-height: 30px;
}

.error a {
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    display: block;
    width: 260px;
    line-height: 68px;
    font-size: 24px;
    background: #0da0df;
    color: #fff;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 45px auto;
}

.error a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

@media only screen and (max-width: 1300px) {
    .float_btn {
        margin-left: 0;
        left: auto;
        right: 0;
    }
    .inner_menu ul li {
        margin-right: 50px;
    }
    .recurit_piclist li .txt {
        line-height: 38px;
        height: 76px;
    }
    .recurit_piclist li .txt span {
        font-size: 20px;
    }
}


/*人才培养 end*/

@media only screen and (max-width: 1140px) {
    .inner_banner .w_1140 {
        padding-bottom: 39.47%;
    }
    .inner_banner .w_1140 .inner_bannertxt img {
        height: 37px;
    }
    .inner_bannertxtwrap {
        top: 40%;
    }
    .pc_relatelist {
        display: none;
    }
    .m_relatelist {
        display: block;
    }
    .relate_img {
        display: none;
    }
    .m_relateimg {
        display: block;
    }
    .inner_banner2 {
        margin-top: 70px;
    }
    .inner_banner {
        margin-top: 70px;
    }
}

@media only screen and (max-width: 991px) {
    .inner_banner .w_1140 .inner_bannertxt img {
        height: 32px;
    }
    .recurit_sec1,
    .recurit_sec3,
    .recurit_sec4,
    .recurit_sec5 {
        padding: 30px 0;
    }
    .recurit_sec2 {
        padding-top: 30px;
    }
    .recurit_title b {
        font-size: 24px;
        line-height: 1.75;
    }
    .recurit_sec1 .recurit_sec1txt li {
        width: 100% !important;
        float: none;
        margin-bottom: 10px;
    }
    .recurit_sec1 .recurit_sec1list li .txt {
        font-size: 14px;
    }
    .recurit_sec1 .recurit_sec1list li .img {
        margin-bottom: 10px;
    }
    .recurit_sec1 .recurit_sec1list li:after {
        display: none;
    }
    .recurit_sec1 .recurit_sec1list li {
        width: 29%;
        padding: 0 2.16%;
    }
    .recurit_sec1 .recurit_sec1list {}
    .recurit_sec2bot {
        margin-top: 50px;
    }
    .recurit_sec2bot .left,
    .recurit_sec2bot .right {
        float: none;
        width: 100%;
    }
    .recurit_sec2bot .center {
        display: none;
    }
    .recurit_sec2bot .left .title:before {
        left: -4%;
    }
    .recurit_sec2bot .right .title:before {
        right: -4%;
    }
    .recurit_sec2bot .left .title span {
        margin-left: 64px;
    }
    .recurit_sec2bot .txt {
        padding-bottom: 30px;
    }
    .recurit_sec2bot ul {
        padding-top: 30px;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .recurit_sec2bot .left .title span {
        padding-left: 46px;
        font-size: 20px;
    }
    .recurit_sec2bot .right .title span {
        padding-left: 4%;
        text-align: left;
        font-size: 20px;
    }
    .recurit_sec2bot .left ul li {
        width: 100%;
        float: none;
    }
    .recurit_sec4bot .left,
    .recurit_sec4bot .right {
        width: 30%;
    }
    .recurit_sec4bot .txt {
        line-height: 24px;
        font-size: 18px;
    }
    .recurit_sec4bot .left .img,
    .recurit_sec4bot .right .img {
        margin-bottom: 10px;
    }
    .recurit_sec4bot .center {
        left: 25%;
        right: 25%;
    }
    .recurit_sec4 .txt .left,
    .recurit_sec4 .txt .right {
        width: 100%;
        float: none;
    }
    .recurit_sec4bot {
        margin-top: 30px;
    }
    .recurit_sec5 .txt {
        margin-bottom: 20px;
    }
    .recurit_sec5btn .btn {
        height: 60px;
        line-height: 60px;
        width: 46%;
        font-size: 16px;
    }
    .recurit_page table,
    .recurit_page table thead,
    .recurit_page table tbody,
    .recurit_page table th,
    .recurit_page table td,
    .recurit_page table tr {
        display: block;
    }
    .recurit_page table td,
    .recurit_page table th {
        padding-left: 30% !important;
        text-align: left !important;
        width: auto !important;
    }
    .recurit_page table tr td:nth-child(1) {
        background: #019add;
    }
    .recurit_page table .th1 {
        background: #007aff;
        color: #fff;
    }
    .recurit_page table td,
    .recurit_page table th {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .recurit_page table tr {
        margin-bottom: 8px;
    }
    .recurit_page table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .recurit_page table tr {
        border: 1px solid #ccc;
    }
    .recurit_page table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    .recurit_page table td:before {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        left: 6px;
        width: 20%;
        padding-right: 10px;
        text-align: left;
        white-space: nowrap;
    }
    .recurit_page table a {
        color: #fff;
        display: block;
    }
    .recurit_page table td a {
        display: block;
    }
    .recurit_page table td:nth-of-type(1):before {
        color: #fff;
        content: "招聘职位";
    }
    .recurit_page table td:nth-of-type(2):before {
        content: "职位类别";
    }
    .recurit_page table td:nth-of-type(3):before {
        content: "工作地点";
    }
    .recurit_page table td:nth-of-type(4):before {
        content: "发布时间";
    }
    .recurit_condition dd a {
        margin-right: 22px;
    }
    .recurit_page table {
        border: none;
    }
    .hidden_recuritwrap .meta span {
        font-size: 12px;
        margin-right: 10px;
    }
    .hidden_recuritwrap .meta em {
        display: none;
    }
    .hidden_recuritwrap {
        padding: 0 2% 40px;
    }
    .inner_menu ul li a {
        padding: 10px 25px;
    }
    .recurit_title i img {
        width: 10px;
    }
    .recurit_title b {
        line-height: 32px;
        padding-bottom: 8px;
    }
    .recurit_title {
        margin-bottom: 15px;
    }
    .recurit_sec1 .recurit_sec1txt li {
        line-height: 1.75;
    }
    .recurit_sec1 .recurit_ad a {
        padding-bottom: 180px;
    }
    .recurit_sec1 .recurit_ad .txt {
        top: 30px;
    }
    .recurit_sec1 .recurit_ad .txt .more {
        line-height: 60px;
        height: 60px;
    }
    .recurit_sec1 .recurit_ad .txt .title {
        font-size: 22px;
    }
    .recurit_sec2 .sub_title,
    .recurit_sec2bot .txt,
    .recurit_sec3 .txt,
    .recurit_sec4 .txt,
    .recurit_sec5 .txt {
        line-height: 1.75;
    }
    .recurit_sec2bot ul li {
        margin-bottom: 10px;
    }
    .inner_cont {
        padding: 20px 0 30px;
    }
    .list_recuritsearch {
        margin-bottom: 20px;
    }
    .recurit_page {
        margin-bottom: 20px;
    }
    .hidden_recuritwrap .title {
        line-height: 30px;
        padding: 10px 0 10px 0;
        height: 30px;
    }
    .hidden_recuritwrap {
        padding-bottom: 20px;
    }
    /*新闻页面*/
    .inner_bannertxtwrap .inner_bannertitle {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .page .num {
        display: none;
    }
    .page .num.on {
        display: inline-block;
    }
    .page .prev {
        display: none;
    }
    .page .next {
        display: inline-block;
    }
    .news_search {
        padding: 12px 2%;
        margin: 25px 0;
    }
    .news_search .news_searchformwrap {
        margin-top: 40px;
        margin-left: 0;
    }
    /*新闻页面 end*/
    /*新闻详情页面*/
    .inner_banner2 .w_1140 .inner_bannertxt {
        font-size: 32px;
    }
    .cont_infoleftwrap {
        margin-right: 0;
    }
    .cont_infoleft {
        margin-bottom: 20px;
    }
    .cont_inforight {
        margin-left: 0;
        width: 100%;
    }
    .cont_inforight .title {
        padding: 15px 4%;
    }
    .cont_inforight .recent_info li a {
        padding: 10px 4%;
    }
    .cont_inforight .recent_info li h3 {
        margin-bottom: 5px;
    }
    .post_article {
        padding: 20px 4%;
    }
    .article_share {
        display: none;
    }
    .article_header .title {
        font-size: 24px;
    }
    /*新闻详情页面 end*/
    /*解决方案页面 */
    .roundabout_box,
    .roundabout-holder,
    .roundabout-moveable-item {
        height: 315px;
    }
    .roundabout-moveable-item .label {
        font-size: 18px;
    }
    .roundaboutprev,
    .roundaboutnext {
        width: 35px;
        height: 50px;
        margin-top: -25px;
        background-size: 35px 50px !important;
    }
    .solution_advantage .advantage_dl dt {
        width: 100%;
    }
    .solution_advantage .advantage_dl dd .wrap {
        margin-left: 0;
        margin-top: 70px;
    }
    .solution_about dl dt {
        padding-bottom: 70.18%;
    }
    .solution_about dl dt,
    .solution_about dl dd {
        float: left;
        width: 100%;
    }
    .solution_about dl dt {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .solution_title b {
        font-size: 24px;
    }
    .solution_title i img {
        width: 10px;
    }
    .solution_advantage .js_advantage .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
    }
    .solution_about {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .solution_title,
    .solution_relate .solution_title {
        margin-bottom: 10px;
    }
    .solution_title b {
        margin-bottom: 8px;
    }
    .solution_relate,
    .solution_advantage {
        padding-bottom: 25px;
    }
    .solution_about dl dd h4.title {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .solution_about dl dd .solution_abouttxt {
        margin-bottom: 25px;
    }
    /*解决方案页面 end*/
    /* 解决方案页面详情页面 */
    .list_solution dd .txt {
        padding: 6%;
    }
    .list_solution dd h4 {
        margin-bottom: 24px;
        line-height: 26px;
        height: 78px;
        padding-right: 0;
    }
    .list_solution dd h3 {
        font-size: 22px;
        line-height: 1.25;
        height: auto;
        margin-bottom: 12px;
    }
    /* 解决方案页面详情页面  end*/
    /*产品详情页面*/
    .sec_pro3 {
        padding: 0 4% 20px;
    }
    .sec_pro2cont {
        padding: 0 4% 30px;
    }
    .sec2_protop {
        padding-bottom: 10px;
    }
    .common_protitle,
    .sec_pro3 .title {
        font-size: 22px;
        margin-bottom: 15px;
        font-weight: normal;
    }
    .sec2_probot .title {
        margin-bottom: 15px;
    }
    .sec2_protop .title {
        margin-bottom: 10px;
    }
    .sec_protab {
        overflow: hidden;
    }
    .sec_protab li a {
        height: 50px;
        line-height: 50px;
        padding: 0 16px;
    }
    .sec_protab {
        height: 50px;
        margin-bottom: 15px;
    }
    .sec_pro1 .pro_left {
        width: 100%;
        float: none;
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .sec_pro1 .pro_right {
        position: static;
        width: 100%;
    }
    .sec_pro1 .pro_left .title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .sec_pro3 .pro_relate li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }
    .sec_pro3 .pro_relate li:nth-child(2n) {
        margin-right: 0;
    }
    /*产品详情页面 end*/
    /*产品列表页面*/
    .pro_search .text1 {
        margin-bottom: 15px;
    }
    /*20181220xg*/
    .channel_itemdl a {
        padding: 20px;
    }
    .channel_item {
        height: 219px;
    }
    .channel_item .channel_itemdl {
        height: 219px;
    }
    .channel_itemdl .dd1 .title {
        font-size: 18px;
        margin-top: 10px;
    }
    /*  .channel_itemdl .dd2 { margin-top: 10px; position: static; }*/
    .channel_itemdl dt {
        margin-right: 4%;
    }
    /*投资者关系频道页面 */
    .invest_commntitle {
        font-size: 24px;
        line-height: 1.75;
    }
    .invest_sec1 .right .txt h3 {
        margin-bottom: 5px;
    }
    .invest_sec4 .txt h4 {
        margin-bottom: 10px;
    }
    .invest_sec2 .left {
        width: 100%;
        float: none;
        padding: 24px 4%;
    }
    .invest_sec2 .right {
        width: 100%;
        float: none;
    }
    .invest_sec2 .right .invest_stock {
        padding: 24px 4% 30px;
    }
    .invest_sec2 .left {
        height: auto;
    }
    .invest_sec1 {
        padding-right: 0;
        margin-bottom: 20px;
    }
    .invest_sec2,
    .invest_sec3 {
        margin-bottom: 20px;
    }
    .invest_sec1 .left {
        width: 100%;
    }
    .invest_sec1 .left a .img {
        display: none;
    }
    .invest_sec1 .right {
        float: none;
        padding: 24px 4% 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .invest_sec1 .right ul li .img {
        padding-bottom: 74%;
    }
    .invest_sec4 .txt .txtwrap {
        padding: 25px 4%;
    }
    .invest_sec4 .img {
        display: none;
    }
    .invest_sec3 .invest_servicewrap {
        padding: 25px 0;
        height: auto;
    }
    .invest_sec3 .invest_commntitle {
        margin-bottom: 20px;
    }
    .invest_sec3 .invest_service {
        padding: 0 4%;
    }
    .invest_sec3 .invest_service li a {
        font-size: 16px;
    }
    .invest_sec2 .right .invest_stock .item .stock_up dt span {
        background-size: auto 20px;
    }
    .invest_sec2 .invest_report .txtwrap {
        padding-left: 60px;
        background-size: 40px auto;
    }
    /*投资者关系频道页面 end*/
    /* 财经日志 */
    .list_newstxtpage {
        padding: 4%;
    }
    .list_newstxtpage .list_newstxt {
        padding-bottom: 10px;
    }
    .news_txtdl dt {
        width: 75px;
        height: 67px;
        padding-top: 8px;
        margin-right: 15px;
    }
    .news_txtdl dd {
        font-size: 16px;
    }
    /* 财经日志 end*/
    /* H股票信息 */
    .list_invest_stockpage {
        padding: 4%;
    }
    .list_invest_stockpage .title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .list_invest_stockpage .txt {
        margin-bottom: 30px;
    }
    .list_invest_stockpage h4 {
        margin-bottom: 15px;
    }
    /* H股票信息end */
    /* 联系方式 */
    .invest_contacttop .left .left_wrap {
        padding-right: 0;
    }
    .invest_contacttop .right {
        margin-top: 20px;
        width: 100%;
        float: left;
        position: static;
        padding: 4%;
    }
    .invest_contacttop .right .title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .invest_contacttop {
        height: auto;
        margin-bottom: 20px;
    }
    .invest_contacttop .left .left_wrap .map {
        height: 250px;
    }
    .invest_contactbot {
        padding: 4%;
    }
    /* 联系方式  end*/
    /* 邮件订阅 */
    .list_investformpage {
        padding: 4%;
        background-image: none !important;
    }
    .list_investform .title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    /* 邮件订阅 end */
    /* 业绩报告 */
    .list_investreport {
        padding: 4%;
    }
    .list_investreport li .cont {
        padding: 4%;
    }
    .list_investreport li .cont dl a {
        background: none;
    }
    .list_investreport li .cont dl dt {
        width: 100%;
        float: left;
        padding-bottom: 121%;
    }
    .list_investreport li .cont dl dd {
        float: left;
        width: 92%;
        text-align: left;
        padding: 0 4%;
        margin-top: 15px;
        position: static;
    }
    .list_investreport li .cont dl dd h3 {
        color: #333;
        font-size: 16px;
        height: auto;
        margin-bottom: 0;
    }
    .list_investreport li .cont dl dd h4 {
        display: none;
    }
    /* 公司治理 */
    .list_investcommonpage .invest_company .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .list_investcommonpage .invest_company {
        padding-bottom: 20px;
    }
    .invest_download {
        padding: 20px 0;
    }
    /* 公司治理 end*/
    /* 董事会 */
    .board_staff {
        padding-bottom: 10px;
    }
    .list_investcommonpage .special_board .title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .special_board dl dd .txt h4 {
        line-height: 1.5;
    }
    .board_staff .list_boardstaff li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .board_staff .list_boardstaff li a {
        padding: 4%;
    }
    .special_board dl {
        margin-bottom: 20px;
    }
    .board_staff .list_boardstaff li h3 em {
        font-size: 20px;
    }
    .special_board dl dd .txt h3 {
        margin-bottom: 5px;
    }
    .board_staff .sub_title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    /* 董事会 end*/
    /*新闻列表页面*/
    .list_newspic2page {
        padding-bottom: 30px;
    }
    .list_newspic2 {
        padding-bottom: 0;
    }
    .list_newspicdl .dd1 {
        display: none;
    }
    .list_newspicdl dt {
        margin-top: 0;
    }
    .list_newspicdl dt .wrap {
        margin-left: 0;
        margin-right: 140px;
        padding-top: 0;
    }
    .list_newspicdl .dd2 {
        width: 120px;
        margin-left: -120px;
    }
    .list_newspicdl .dd2 .img {
        width: 100%;
        padding-bottom: 78px;
    }
    .list_newspicdl dt h4 {
        height: 24px;
    }
    .list_newspicdl dt h3 {
        margin-bottom: 5px;
    }
    /*内页三级导航*/
    .menu_level3 {
        margin-bottom: 20px;
    }
    .sec1_pro1 {
        padding-top: 20px;
    }
    .sec_pro1 .pro_left {
        min-height: 50px;
    }
    .pro_left2 {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
    }
    .sec1_pro1wrap {
        padding-right: 0;
    }
    .pro_left2 .title {
        font-size: 22px;
        margin-bottom: 10px;
        height: auto;
    }
    .pro_left2 .icon {
        display: none;
    }
    .pro_right1 {
        float: none;
        width: 100%;
        max-width: 558px;
        margin: 0 auto;
    }
    .sec_pro1 .pro_right {
        max-width: 558px;
        margin: 0 auto;
        float: none;
    }
    .pro_right2 {
        float: none;
        width: 100%;
        position: static;
    }
    .pro_right2 .small_pro li {
        float: left;
        width: 23.09%;
        margin-right: 1.91%;
    }
    .list_single .singlelist {
        width: 100%;
        margin-right: 0;
        min-height: auto;
    }
    /*人才培养*/
    .recurit_sec2 .recurit_sec2list li .txt {
        bottom: 20px;
    }
    .recurit_sec2 .recurit_sec2list li .txt span {
        font-size: 22px;
        padding: 0 4%;
    }
    .recurit_sec2 .sub_title {
        padding-bottom: 20px;
    }
    .recurit_sec3list li {
        width: 26.04%;
        padding: 0 3.64%;
    }
    .recurit_sec3list li:after {
        display: none;
    }
    .recurit_sec3list {
        padding-bottom: 10px;
        padding-top: 0px;
    }
    .recurit_sec3list li .txt {
        height: 68px;
        margin-top: -34px;
    }
    .recurit_sec3list li .txt .icon {
        margin-bottom: 10px;
    }
    .recurit_sec3list li .txt span {
        font-size: 16px;
        line-height: 24px;
    }
    .recurit_sec5 .recurit_sec5list li {
        width: 100%;
        margin-right: 0;
        padding-bottom: 20px;
        margin-bottom: 10px;
        padding: 4%;
    }
    .recurit_sec5 .recurit_sec5list li dl {
        margin-bottom: 10px;
    }
    .recurit_sec5 .recurit_sec5list li dl:last-child {
        margin-bottom: 0;
    }
    .recurit_sec5 {
        margin-bottom: 20px;
    }
    .recurit_sec6 {
        padding-bottom: 20px;
    }
    .list_suggestionpage {
        padding: 20px 0;
    }
    .suggestion_title b {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .suggest_dl dt {
        width: 100%;
        padding: 10px 4% !important;
    }
    .suggest_dl dd .wrap {
        margin-top: 50px;
        margin-left: 0;
        padding-left: 4%;
    }
    .suggest_dl dd .wrap .text {
        padding: 10px 0;
    }
    .suggest_dl dd .wrap {
        border-left: none;
    }
    .form_ul {
        padding: 10px 0;
    }
    .xzw_starSys {
        padding: 10px 0;
    }
    .form_item {
        margin-right: 20px;
    }
    .form_item:last-child {
        margin-right: 0;
    }
    .suggest_ul li {
        height: 95px;
    }
    .suggest_ul li .file_label {
        margin-top: 27px;
        padding-top: 22px;
    }
    .article_header .meta .share_right {}
    .article_header .meta .meta_right {
        float: left;
    }
    .list_newspicdl.search_pro dt .wrap {
        margin-left: 140px;
    }
    /*20181204xg媒体联系*/
    .list_mediapage .list_mediadl dd {
        padding-top: 5%;
    }
    .list_mediapage .list_mediadl dd .title {
        font-size: 22px;
        margin-bottom: 4%;
    }
    .list_mediapage .list_mediadl dd .txt {
        line-height: 1.4;
        margin-bottom: 8%;
    }
    .list_mediapage .list_mediadl dd .email a {
        padding-left: 30px;
        font-size: 18px;
        background-size: 22px auto !important;
    }
    /*人力资源*/
    .recurit_bgtxt {
        padding: 30px 0;
    }
    .recurit_bgtxt .title {
        font-size: 24px;
        line-height: 42px;
    }
    .recurit_bgtxt .down_arrow {
        margin-top: 20px;
    }
    .recurit_widgelist {
        padding: 20px 0;
    }
    .recurit_widgelist dl {
        margin-bottom: 20px;
    }
    .recurit_widgelist dl dt {
        float: none !important;
        width: 100%;
    }
    .recurit_widgelist dl dd {
        float: none !important;
        width: 100%;
        padding: 0 !important;
        margin-top: 15px;
    }
    .recurit_widgelist dl dd .txt {
        height: auto;
        line-height: 1.5;
    }
    .recurit_widgelist dl dd h3 {
        margin-bottom: 10px;
    }
    .recurit_widgelist dl dt .img {
        padding-bottom: 56.14%;
    }
    .recurit_sec5 .recurit_title {
        font-size: 24px;
        line-height: 1.75;
    }
    .recurit_secbot {
        padding-bottom: 0;
    }
    .recurit_bgtxt .txt {
        margin-top: 10px;
        padding-bottom: 0;
    }
    .recurit_train {
        padding: 30px 0 10px;
    }
    .recurit_train dl dt,
    .recurit_train dl dd {
        width: 100%;
        float: none;
    }
    .recurit_train dl dd {
        padding-top: 20px;
    }
    .recurit_train dl dd .txt .detail {
        margin-bottom: 20px;
    }
    .recurit_train dl dd .txt {
        height: auto;
    }
    .recurit_cooperate {
        padding: 30px 0;
    }
    .recurit_cooperate dl dt {
        float: none;
        width: 100%;
    }
    .recurit_cooperate dl dd {
        float: none;
        width: 100%;
        padding-top: 20px;
    }
    .recurit_cooperate dl dd .txt {
        height: auto;
    }
    .recurit_cooperate dl dd .txt .detail {
        margin-bottom: 20px;
    }
    .recurit_train dl dt .img {
        padding-bottom: 82.11%;
    }
    .recurit_cooperate dl dt .img {
        padding-bottom: 133.86%;
    }
    .recurit_sec1img li .txt {
        line-height: 24px;
        height: 48px;
        margin-top: -24px;
    }
    .recurit_sec1img li .txt span {
        font-size: 18px;
    }
    .recurit_sec1detail {
        width: 96%;
        max-width: 96%;
    }
    .recurit_sec1img {
        padding-top: 20px;
    }
    .recurit_savelist dl dd .txt {
        margin-top: 20px;
    }
    .recurit_circlelist li .txt {
        line-height: 1.5;
    }
    .recurit_circlelist li .title {
        line-height: 24px;
        margin-top: -24px;
    }
    .recurit_circlelist li .title span {
        font-size: 16px;
    }
    .recurit_circlelist li .txt {
        font-size: 14px;
    }
    .recurit_lasttitle {
        padding-top: 20px;
        font-size: 22px;
    }
    .recurit_lasttxt {
        padding-bottom: 20px;
    }
    .recurit_piclist li {
        width: 50%;
    }
    .recurit_piclist li .txt {
        bottom: 4%;
    }
    .recurit_piclist li .txt span {
        padding: 0 4%;
    }
    .recurit_piclist {
        padding-bottom: 20px;
    }
    .recurit_circle {
        padding-top: 20px;
    }
    .recurit_circlelist li .detail {
        font-size: 18px;
    }
    .recurit_circle .recurit_lasttitle {
        padding-top: 0;
    }
    /*20181206关于我们*/
    .list_introducepage .recurit_bgtxt .txt {
        margin-top: 10px;
    }
    .introduce_sec1title {
        margin-bottom: 20px;
    }
    .introduce_sec1title b {
        font-size: 24px;
        line-height: 42px;
        padding-bottom: 5px;
    }
    .introduce_circle {
        padding-top: 20px;
    }
    .introduce_circlewrap {
        padding-right: 0;
    }
    .introduce_circlewrap .rightimg {
        float: none;
        width: 90%;
        max-width: 454px;
        margin: 0 auto;
    }
    .introduce_circlewrap .lefttxt {
        float: none;
        width: 100%;
    }
    .introduce_circlewrap .lefttxt ul li em {
        display: block;
    }
    .introduce_widgelist {
        padding: 20px 0;
    }
    .introduce_widgelist dl {
        margin-bottom: 20px;
    }
    .introduce_widgelist dl dt {
        float: none !important;
        width: 100%;
    }
    .introduce_widgelist dl dd {
        float: none !important;
        width: 100%;
        padding: 0 !important;
        margin-top: 15px;
    }
    .introduce_widgelist dl dd .txt {
        height: auto;
        line-height: 1.5;
    }
    .introduce_widgelist dl dd h3 {
        margin-bottom: 10px;
    }
    .introduce_widgelist dl dt .img {
        padding-bottom: 63.51%;
    }
    .introduce_widgelist dl.pb396 dt .img {
        padding-bottom: 69.47%;
    }
    .introduce_num {
        margin-top: 20px;
    }
    .introduce_num li em {
        padding-bottom: 5px;
    }
    .introduce_num li {
        width: 50%;
        padding-left: 0;
        border-left: none;
        margin-bottom: 25px;
    }
    .list_introducepage .recurit_bgtxt .down_arrow {
        margin-top: 5px;
    }
    .introduce_channelitem1 {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .introduce_channelitem1 .img {
        padding-bottom: 68.29%;
    }
    .introduce_channelitem2 {
        float: none;
        width: 100%;
    }
    .introduce_channelitem2 .img {
        width: 50%;
        float: left;
        padding-bottom: 280px;
    }
    .introduce_channelitem2 .txt {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding-left: 4%;
    }
    .introduce_channelitem2 a {
        height: auto;
    }
    .introduce_channelsec2 dd,
    .introduce_channelsec2 dt {
        width: 50%;
    }
    .introduce_channelitem2 .txt .title,
    .introduce_channelitem1 .txt .title,
    .introduce_channelsec2 dd .title {
        font-size: 24px;
        line-height: 42px;
    }
    /*二三级导航*/
    .navigation-down .menu-1 ul li {
        width: 30%;
        margin-right: 3.33%;
    }
    .navigation-down .menu-1 ul {
        margin-left: 0 !important;
    }
    /*公司治理*/
    .list_companywrap {
        padding-top: 20px;
    }
    .list_companywrap li .txt span {
        font-size: 22px;
    }
    /*投资者服务*/
    .invest_servicelist li {
        width: 33.33%;
    }
    .invest_servicelist a span img {
        height: 30px;
    }
    .invest_servicelist a {
        font-size: 15px;
        line-height: 40px;
    }
    /*20181214xg*/
    .recurit_savelist {
        padding: 30px 0;
    }
    .recurit_widgelist dl dd .txt {
        margin-bottom: 15px;
        line-height: 2.13;
    }
    .recurit_widgelist dl dd {
        max-height: none;
    }
    .recurit_widgelist dl dd h3 {
        margin-bottom: 0;
    }
    .recurit_savelist dl dd .txt .title {
        margin-bottom: 0;
    }
    /*css20181218*/
    .recurit_savelist dl dd .txt .detail {
        max-height: none;
    }
    .recurit_botlist li .txt {
        padding: 0 4% 6.8%;
    }
    .article_header .title {
        line-height: 1.5;
    }
    .article_header .meta .meta_left li span,
    .article_header .meta .meta_left .li2 span {
        background-size: auto 15px !important;
    }
    .recurit_botlist li .txt span,
    .recurit_widgelist dl dd h3 {
        font-size: 18px;
        line-height: 2;
    }
    #echartcontainer {
        height: 320px;
    }
    /*20181220xg*/
    .recurit_staffbg {
        padding: 10% 0;
    }
    .recurit_staffcirclesec {
        padding: 20px 0 10px;
    }
    .recurit_staffcirclesec .recurit_title {
        margin-bottom: 15px;
    }
    .recurit_staffbg .txt h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .recurit_staffbg .txt h4 {
        font-size: 18px;
        line-height: 1.42;
        height: 102px;
        height: auto;
    }
    .recurit_stafftxt {
        padding: 30px 0;
    }
    .recurit_staffcirclewrap:before,
    .recurit_staffcirclewrap:after {
        display: none;
    }
    .recurit_staffcirclewrap .prev,
    .recurit_staffcirclewrap .next {
        display: block;
    }
    .recurit_staffbg .txt h3 {
        font-weight: normal;
    }
    /*20181220xg*/
    .channel_itemdl .dd1 .sub_title {
        margin-top: 15px;
        height: 72px;
        -webkit-line-clamp: 3;
    }
    .channel_itemdl .dd1 {
        padding-right: 0;
    }
    .channel_itemdl .dd2 {
        margin-bottom: 15px;
        right: auto;
        top: auto;
        left: 274px;
        margin-left: 3%;
        bottom: 4%;
    }
    /*20181221xg*/
    .introduce_channelitem2 .txt .detail {
        margin-bottom: 17px;
    }
    .introduce_channelitem2 .txt .title {
        padding-bottom: 0;
        line-height: 42px;
        height: 42px;
    }
    .recurit_staffcont .owl-dots {
        text-align: center;
        width: 100%;
        padding-bottom: 20px;
    }
    .recurit_staffcont .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        margin: 0 9px;
        background: #abdaed;
    }
    .recurit_staffcont .owl-dots .owl-dot.active {
        background: #006bb9;
    }
    .solution_advantage {
        margin-bottom: 20px;
        padding: 20px 0;
    }
    .precaseview {
        margin-bottom: 10px;
    }
    .caseview .arrow-left,
    .caseview .arrow-right {
        width: 30px;
        height: 30px;
        margin: 0 5px;
    }
    .introduce_channelitem1 .txt {
        top: 6.58%;
    }
    .introduce_channelitem1 .txt .title {
        font-size: 24px;
        line-height: 34px;
    }
    .introduce_channelitem1 .txt .detail {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .recurit_staffcont .owl-nav {
        margin-top: -15px;
    }
    .recurit_staffcont .owl-prev,
    .recurit_staffcont .owl-next {
        width: 30px;
        height: 30px;
    }
    .recurit_staffcdetail {
        padding-bottom: 30px;
    }
    .recurit_staffbg .txt {
        padding-left: 42.75%;
    }
    .recurit_staffcont .owl-dots {
        text-align: center;
        width: 100%;
        padding-bottom: 20px;
    }
    .recurit_staffcont .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        margin: 0 9px;
        background: #abdaed;
    }
    .recurit_staffcont .owl-dots .owl-dot.active {
        background: #006bb9;
    }
    .leader_list li .cont {
        padding: 20px 0;
    }
    .leader_list li .cont .txt .sub_title {
        margin-bottom: 5px;
    }
    .leader_title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .leader_list li .cont .img {
        width: 120px;
    }
    .leader_list li .cont .txt .txtwrap {
        margin-left: 120px;
        padding-left: 2%;
    }
    .leader_list li .cont .txt .title2,
    .leader_list li .cont .txt .sub_title {
        display: none;
    }
    .leader_list li .cont .txt .detail {
        font-size: 16px;
        line-height: 26px;
        max-height: 156px;
        overflow-y: hidden;
    }
    .leader_list li .cont .img {
        padding-bottom: 168.36px;
    }
    /* 解决方案修改 */
    .roundaboutprev,
    .roundaboutnext {
        width: 45px;
        height: 45px;
        margin-top: -22px;
    }
    .roundaboutprev {
        left: 2%;
        background-size: 45px 45px !important;
    }
    .roundaboutnext {
        right: 2%;
        background-size: 45px 45px !important;
    }
    .roundaboutprev1,
    .roundaboutnext1 {
        width: 45px;
        height: 45px;
        margin-top: -22px;
    }
    .roundaboutprev1 {
        left: 2%;
        background-size: 45px 45px !important;
    }
    .roundaboutnext1 {
        right: 2%;
        background-size: 45px 45px !important;
    }
    /*20181228xg*/
    .inner_navcont {
        display: none;
    }
    .hidden_channel {
        padding: 4%;
    }
    .article_header .meta .meta_right a img {
        height: 12px;
    }
    .introduce_circlewrap .rightimg {
        background-size: 110px auto;
    }
}

@media only screen and (max-width: 778px) {
    /*新闻页面*/
    .news_search .news_searchformwrap {
        margin-top: 40px;
        margin-left: 0;
    }
    .news_search .text1,
    .news_search .text2,
    .news_search .btn {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .news_search .text2 {
        margin: 10px 0;
    }
    /*新闻页面 end*/
    /* 解决方案页面详情页面 */
    .list_solution dt,
    .list_solution dd {
        float: none !important;
        width: 100%;
    }
    .list_solution dt {
        padding-bottom: 70.18%;
    }
    .list_solution dd h4 {
        margin-bottom: 12px;
    }
    /* 解决方案页面详情页面  end*/
    /* 董事会 */
    .special_board dl dt {
        width: 100%;
    }
    .special_board dl dt .img {
        padding-bottom: 63.16%;
    }
    .special_board dl dd {
        width: 100%;
        height: auto;
    }
    .special_board dl dd .txt {
        padding: 4%;
    }
    .special_board dl dd .txt h3 {
        font-size: 22px;
    }
    .special_board dl dd .txt h4 {
        line-height: 2;
    }
    .recurit_circlelist {
        padding-top: 20px;
    }
    .recurit_circlelist li {
        width: 40%;
        padding: 0 5%;
        margin-bottom: 15px;
    }
    .recurit_circlelist li:after {
        display: none;
    }
    .recurit_circlelist li .img {
        margin-bottom: 10px;
    }
    .recurit_circlelist li .txt {
        height: auto;
    }
    .introduce_channelitem1 .txt .title {
        font-size: 22px;
    }
    .roundaboutprev {
        left: 0%;
    }
    .roundaboutnext {
        right: 0%;
    }
    .roundaboutprev1 {
        left: 0%;
    }
    .roundaboutnext1 {
        right: 0%;
    }
    /* 董事会 end*/
    /*20190306*/
    .error {
        padding-bottom: 45px;
    }
    .error p {
        font-size: 20px;
    }
    .error a {
        width: 160px;
        line-height: 50px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .inner_banner .w_1140 .inner_bannertxt img {
        height: 25px;
    }
    .inner_menu ul li a {
        padding: 10px 8px;
    }
    /*新闻页面*/
    .inner_bannertxtwrap {
        top: 30%;
    }
    .inner_bannertxtwrap .inner_bannertitle {
        font-size: 24px;
    }
    .news_search {
        margin-top: 10px;
    }
    .recent_news li {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .list_newspic li {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .list_newspic li a {
        padding: 4%;
    }
    /*新闻页面 end*/
    /*新闻详情页面*/
    .inner_banner2 .w_1140 {
        padding-bottom: 30%;
    }
    .inner_banner2 .w_1140 .inner_bannertxt {
        font-size: 24px;
    }
    .inner_banner2 .w_1140 .page_btn a {
        width: 28px;
        height: 28px;
        background-size: auto 28px !important;
    }
    .inner_banner2 .w_1140 .inner_bannertxtwrap {
        margin-top: -14px;
    }
    .article_header .meta .meta_right {
        float: left;
        width: 100%;
    }
    .article_header {
        margin-bottom: 25px;
    }
    .turn_page dd {
        width: 100%;
        height: auto;
    }
    .turn_page dt {
        width: 100%;
    }
    .turn_page dt a {
        height: auto;
        padding: 10px 0;
    }
    .turn_page dt span {
        margin-top: 0;
        padding-top: 25px;
        background-size: 20px auto !important;
    }
    .turn_page dd {
        padding: 15px 4% !important;
        text-align: left;
    }
    /*新闻详情页面 end*/
    /*解决方案页面 */
    .roundabout_box,
    .roundabout-holder,
    .roundabout-moveable-item {
        height: 210px;
    }
    .solution_advantage .advantage_dl dt span em {
        font-size: 20px;
    }
    .solution_advantage .advantage_dl dt span i {
        font-size: 20px;
    }
    /*解决方案页面 end*/
    .channel_itemdl dt {
        width: 100%;
        margin-right: 0;
    }
    .channel_itemdl dt .img {
        padding-bottom: 75.4%;
    }
    .channel_itemdl .dd1 {
        width: 100%;
        float: left;
        padding-right: 0;
    }
    .channel_itemdol li {
        width: 100%;
        margin-right: 0;
    }
    .channel_itemdl .dd1 .sub_title {
        margin-top: 5px;
    }
    /*投资者关系频道页面 */
    .invest_sec1 .right ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .invest_sec1 .right ul li:nth-child(2n) {
        margin-right: 0;
    }
    .invest_sec1 .right ul li .txt {
        font-size: 16px;
    }
    /*投资者关系频道页面 end*/
    .recurit_sec2 .recurit_sec2list li .txt span {
        font-size: 16px;
    }
    .article_header .meta .meta_left .li2 {
        margin-right: 0;
        margin-left: 10px;
    }
    .article_header .meta .share_right em {
        display: none;
    }
    .article_header .meta .share_right {
        margin-left: 10px;
    }
    /*20181204xg媒体联系*/
    .list_mediapage .list_mediadl dt {
        width: 100%;
        float: none;
    }
    .list_mediapage .list_mediadl dd {
        width: 100%;
        float: none;
        padding-bottom: 4%;
    }
    .list_mediapage .list_mediadl dd .txt {
        margin-bottom: 20px;
    }
    /*20181205xg*/
    .recurit_botlist3 li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .recurit_sec1img li .txt span {
        font-size: 16px;
    }
    .recurit_savelist dl {
        padding-bottom: 20px;
    }
    .recurit_savelist dl dt .img {
        padding-bottom: 50%;
    }
    .recurit_savelist dl dt {
        width: 100%;
        float: none !important;
    }
    .recurit_savelist dl dd {
        width: 100%;
        float: none !important;
        position: static;
    }
    .recurit_savelist dl dd .txt {
        width: 100%;
        float: none !important;
    }
    .introduce_num li {
        width: 100%;
        float: none;
        text-align: center;
        height: auto;
    }
    .introduce_num li span {
        max-width: 100%;
    }
    .list_introducepage .recurit_bgtxt .down_arrow {
        margin: 0 auto;
    }
    .introduce_channelitem2 .img {
        float: none;
        width: 100%;
        padding-bottom: 50%;
    }
    .introduce_channelitem2 .txt {
        float: none;
        width: 100%;
        padding: 4%;
    }
    .introduce_channelsec2 dt,
    .introduce_channelsec2 dd {
        float: none;
        width: 100%;
    }
    .introduce_channelsec2 dd {
        padding: 4%;
    }
    .introduce_channelsec2 dd .title {
        margin-bottom: 0px;
    }
    .introduce_channelsec2 dt .img {
        padding-bottom: 50%;
    }
    .introduce_channelitem1 .txt .title {
        margin-bottom: 10px;
    }
    .introduce_channelitem1 .txt .detail {
        margin-bottom: 10px;
    }
    .introduce_channelitem1 .txt {
        top: 6.58%;
    }
    .list_investform .last_btn {
        padding-left: 0;
    }
    /*二三级导航*/
    .navigation-down .menu-1 ul li {
        width: 45%;
        margin-right: 5%;
    }
    .navigation-up .navigation-v3 li {
        margin-right: 10px;
        padding: 8px 0;
    }
    .navigation-up {
        height: auto;
    }
    .navigation-down {
        top: 46px;
    }
    /*公司治理*/
    .list_companywrap li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    /*1210hz产品列表*/
    /*.channel_item { height: 465px;   }*/
    /*20181210xg*/
    .channel_item {
        height: auto !important;
    }
    .hidden_channel {
        display: none;
    }
    .channel_toggle .hidden_channel {
        display: block;
    }
    .list_newspic li .txt {
        height: auto;
    }
    .list_topicpage li .txt .detail {
        display: none;
    }
    .float_btn li a img {
        width: 44px;
    }
    .recurit_piclist li {
        width: 100%;
    }
    .recurit_piclist li .txt {
        min-height: 38px;
        height: auto;
    }
    .recurit_sec1 .recurit_sec1list li {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .recurit_sec1 .recurit_sec1list li .img {
        max-width: 274px;
        margin: 0 auto 15px;
    }
    /*产品封面修改*/
    .channel_itemdl a .img2 {
        display: none !important;
    }
    .channel_itemdl a:hover .img em,
    .channel_toggle .channel_itemdl a .img em {
        opacity: 1 !important;
    }
    .channel_toggle .channel_itemdl a,
    .channel_itemdl a:hover {
        background: #42abec;
    }
    .channel_itemdl dt {}
    .channel_item .channel_itemdl,
    .channel_item .channel_itemdl {
        height: auto;
    }
    .channel_itemdl .dd1 .sub_title {
        display: none;
    }
    .channel_itemdl .dd2 {
        position: static;
        left: 0;
        margin-left: 0;
    }
    .channel_itemdl a {
        padding: 10px;
    }
    /* 解决方案修改 */
    .roundaboutprev,
    .roundaboutnext {
        width: 35px;
        height: 35px;
        margin-top: -18px;
    }
    .roundaboutprev {
        left: 1%;
        background-size: 35px 35px !important;
    }
    .roundaboutnext {
        right: 1%;
        background-size: 35px 35px !important;
    }
    .roundaboutprev1,
    .roundaboutnext1 {
        width: 35px;
        height: 35px;
        margin-top: -18px;
    }
    .roundaboutprev1 {
        left: 1%;
        background-size: 35px 35px !important;
    }
    .roundaboutnext1 {
        right: 1%;
        background-size: 35px 35px !important;
    }
    /*420 end*/
}


/*# sourceMappingURL=common.css.map */