/*
* @Title:  共用样式表
* @Author: 锐诺互动-手艺支持-张启宇
* @Date:   2017-5-12 11:01:20
* @Last Modified time:
*/

.ban {
    width: 100%;
    height: 150px;
    background: url("/big5/images/ban.jpg") no-repeat center center;
}

.BMap_bubble_title {font-size: 16px;}
/*二级导航*/

.subPro {
    width: 100%;
    height: 65px;
    position: relative;
}

.subPro .subMenu {
    height: 65px;
    line-height: 65px;
    padding-left: 24px;
    background: url("/big5/images/subMenu-icon.jpg") no-repeat left center;
    float: left;
}

.subPro .subMenu a {
    font-size: 13px;
    color: #5b5b5b;
    padding: 0 10px;
    background: url("/big5/images/subMenu-arrow.jpg") no-repeat left center;
    float: left;
}

.subPro .subMenu span {
    font-size: 13px;
    color: #325cc7;
    padding-left: 13px;
    background: url("/big5/images/subMenu-arrow.jpg") no-repeat left center;
    float: left;
}

.subPro .subNav {
    height: 65px;
    float: right;
    position: relative;
}

.subPro .subNav li {
    margin-left: 35px;
    height: 65px;
    line-height: 65px;
    float: left;
}

.subPro .subNav li a {
    font-size: 13px;
    color: #4f5258;
    height: 65px;
    position: relative;
}

.subPro .subNav li a span {
    width: 0;
    height: 4px;
    background: #ec2b1a;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width 300ms;
    transition: width 300ms;
}

.subPro .subNav li.on a span {
    width: 100%;
}


/*三级导航*/

.innavbg {
    width: 100%;
    height: 65px;
    position: absolute;
    top: 65px;
    left: 0;
    overflow: hidden;
    background: #4c4a4f;
    z-index: 100;
    display: none;
}

.innavbg .thNav {
    width: 390px;
    height: 65px;
    line-height: 65px;
    position: absolute;
    right: -33px;
    top: 0;
}

.innavbg .thNav li {
    float: left;
    padding-right: 35px;
}

.innavbg .thNav li a {
    font-size: 13px;
    color: #fff;
    line-height: 65px;
}

.main-top {
    width: 100%;
    background: #f6f6f5;
    padding-top: 100px;
}

.main-bot {
    width: 100%;
    padding: 55px 0px 80px 0;
    background: #e8e4e3
}

.hop_title {
    width: 100%;
    padding: 0px 0 40px 0;
}

.hop_title h2 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 100;
    line-height: 35px;
    padding-bottom: 10px;
}

.hop_title h2 a {
    font-size: 36px;
    color: #325cc7;
}

.hop_title h3 {
    font-size: 20px;
    color: #474747;
    padding-bottom: 10px;
    font-weight: 500;
}

.hop_title p {
    font-size: 13px;
    color: #8c8f93;
}


/*index*/

.stock {
    width: 100%;
    height: 56px;
    line-height: 56px;
}

.stock h3 {
    font-size: 16px;
    color: #7c849c;
    display: inline-block;
    padding-right: 12px;
    float: left;
}

.stock .up {
    width: 20px;
    height: 15px;
    float: left;
    background: url("/big5/images/stock-up-on.png") no-repeat center;
    margin: 8px 0px 0px 4px;
    transform: rotate(180deg);
}

.stock .uptxt {
    font-size: 36px;
    color: #d5282b;
    font-family: 'dinCond-Medium';
    float: left;
    line-height: 45px;
    letter-spacing: -1px;
}

.stock .down {
    width: 20px;
    height: 15px;
    float: left;
    background: url("/big5/images/stock-down-on.png") no-repeat center;
    margin: 8px 0px 0px 4px;
    transform: rotate(180deg);
}

.stock .downtxt {
    font-size: 36px;
    color: #00A352;
    font-family: 'dinCond-Medium';
    float: left;
    line-height: 45px;
    letter-spacing: -1px;
}

.index .bus {
    width: 1200px;
    height: 340px;
    overflow: hidden;
    padding: 0 360px;
    margin: 0 -360px;
    background: url(/big5/images/img/index/index_05.jpg) no-repeat center bottom;
    font-size: 0px;
}

.index .bus li {
    display: inline-block;
    vertical-align: top;
}

.index .bus li a {
    display: block;
    width: 190px;
    height: 340px;
    margin-left: 10px;
    box-sizing: border-box;
    padding-top: 280px;
    background-repeat: no-repeat;
    background-position: center top;
    transition: all 400ms;
}

.index .bus li a.alink1 {
    background-image: url(/big5/images/img/index/index_01.jpg);
}

.index .bus li a.alink2 {
    background-image: url(/big5/images/img/index/index_02.png);
}

.index .bus li a.alink3 {
    background-image: url(/big5/images/img/index/index_03.png);
}

.index .bus li a.alink4 {
    background-image: url(/big5/images/img/index/index_04.jpg);
}

.index .bus li a.alink5 {
    background-image: url(/big5/images/img/index/index_055.jpg);
}

.index .bus li a .txt {
    width: 100%;
    height: 60px;
    background-color: #fff;
    text-align: center;
}

.index .bus li a .txt em {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 60px;
    margin-right: 10px;
}

.index .bus li a.alink1 em {
    background: url(/big5/images/img/index/index_01_icon.png) no-repeat right center;
}

.index .bus li a.alink2 em {
    background: url(/big5/images/img/index/index_02_icon.png) no-repeat right center;
}

.index .bus li a.alink3 em {
    background: url(/big5/images/img/index/index_03_icon.png) no-repeat right center;
}

.index .bus li a.alink4 em {
    background: url(/big5/images/img/index/index_04_icon.png) no-repeat right center;
}

.index .bus li a.alink5 em {
    background: url(/big5/images/img/index/index_05_icon.png) no-repeat right center;
}

.index .bus li a .txt strong {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: rgb(153, 153, 153);
}

.index .bus>:first-child a {
    margin-left: 0
}

.index .bus li.on a {
    width: 400px;
}

.index .bus li.on a.alink1 {
    background-image: url(/big5/images/img/index/index_01_on.jpg);
}

.index .bus li.on a.alink2 {
    background-image: url(/big5/images/img/index/index_02_on.jpg);
}

.index .bus li.on a.alink3 {
    background-image: url(/big5/images/img/index/index_03_on.jpg);
}

.index .bus li.on a.alink4 {
    background-image: url(/big5/images/img/index/index_04_on.jpg);
}

.index .bus li.on a.alink5 {
    background-image: url(/big5/images/img/index/index_055_on.jpg);
}


.index .con_bot {
    width: 1200px;
    height: 230px;
    padding: 30px 360px 30px 360px;
    margin: 0 -360px;
    background-color: rgb(241, 244, 247);
}

.index .con_bot .news {
    float: left;
    width: 366px;
    height: 230px;
    position: relative;
    padding-bottom: 0px;
}

.index .con_bot .news .bd {
    width: 366px;
    height: 185px;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 54px;
    overflow: hidden;
}

.index .con_bot .news .bd li {
    width: 100%;
}

.index .con_bot .news .bd li a {
    display: block;
    width: 100%;
    height: 100%;
}

.index .con_bot .news .bd li a h4 {
    font-family: 'MONTSERRAT';
    font-weight: normal;
    font-size: 24px;
    color: #325CC7;
    line-height: 0.8em;
}

.index .con_bot .news .bd li a h3 {
    font-size: 16px;
    color: rgb(102, 102, 102);
    line-height: 0.8em;
    margin: 17px 0;
}

.index .con_bot .news .bd li a p {
    font-size: 14px;
    color: rgb(153, 153, 153);
}

.index .con_bot .news .hd {
    float: left;
    width: 140px;
}

.index .con_bot .news .hd li {
    display: inline-block;
    vertical-align: top;
    width: 6px;
    height: 6px;
    background-color: rgb(218, 218, 218);
    border-radius: 3px;
    margin-right: 7px;
}

.index .con_bot .news .hd li.on {
    background-color: #325CC7;
}

.index .con_bot .news .more {
    float: right;
    font-size: 14px;
    color: rgb(119, 119, 119);
    display: block;
    line-height: 0.8em;
}

.index .con_bot .youlife {
    width: 350px;
    height: 230px;
    float: left;
    margin-left: 43px;
}

.index .con_bot .youlife img {
    display: block;
    width: 100%;
    height: 100%;
}

.index .con_bot .incn {
    width: 430px;
    height: 230px;
    float: right;
}

.index .con_bot .incn img {
    display: block;
    width: 100%;
    height: 100%;
}


/*index_hopson*/

.index_hopson {
    padding-top: 70px;
}

.index_hopson img {
    float: left;
}

.index_hopson .des {
    float: right;
    width: 656px;
    height: 430px;
    box-sizing: border-box;
    padding-top: 65px;
    line-height: 0.8em;
}

.index_hopson .des h2 {
    font-size: 24px;
    color: #325CC7;
    margin-bottom: 17px;
    font-weight: normal;
}

.index_hopson .des h3 {
    font-size: 18px;
    color: rgb(102, 102, 102);
    margin-bottom: 50px;
    font-weight: normal;
}

.index_hopson .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-top: 30px;
}

.index_hopson .incn {
    width: 1200px;
    min-height: 100px;
    padding-left: 360px;
    padding-right: 360px;
    margin-left: -360px;
    margin-right: -360px;
    background-color: rgb(232, 228, 227);
    position: relative;
    font-size: 0px;
}

.index_hopson .incn .box {
    position: relative;
}

.index_hopson .incn .toggle {
    position: absolute;
    width: 656px;
    height: 70px;
    top: -70px;
    top: -70px;
    right: 0px;
    font-size: 0px;
}

.index_hopson .incn .toggle a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 70px;
    margin-right: 20px;
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color: #7a7b7e;
    transition: all 400ms;
}

.index_hopson .incn .toggle a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: rgb(231, 228, 227);
}

.index_hopson .incn .toggle a.on {
    background-color: rgb(232, 228, 227);
}

.index_hopson .incn .ec {
    display: none;
}

.index_hopson .incn .ec.on {
    display: block;
}

.index_hopson .incn .ec>p {
    display: inline-block;
    vertical-align: top;
    width: 480px;
    font-size: 20px;
    color: #325CC7;
    line-height: 1.6em;
    padding-top: 40px;
}

.index_hopson .incn .ec ul {
    display: inline-block;
    vertical-align: top;
    width: 720px;
    box-sizing: border-box;
    padding-left: 64px;
    padding-top: 30px;
}

.index_hopson .incn .ec ul li {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 40px;
    margin-right: 10px;
    background-color: #325CC7;
    border-radius: 20px;
    margin-bottom: 30px;
}

.index_hopson .incn .ec ul li p {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}

.about_1-1 {
    width: 100%;
}

.about_1-1 h2 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 100;
    line-height: 35px;
    padding-bottom: 10px;
}

.about_1-1 h3 {
    font-size: 20px;
    color: #474747;
    font-weight: 500;
}

.about_1-1 h4 {
    font-size: 30px;
    color: #808080;
    font-family: 'dincond-Medium';
    font-weight: 500;
    padding: 5px 0px 15px 0;
}

.about_1-1 p {
    font-size: 13px;
    color: #8c8f93;
    padding-bottom: 15px;
}

.about_1-left1 {
    width: 520px;
    height: 215px;
    float: left;
    margin-right: 25px;
    background: url("/big5/images/about/about_1-2.png") no-repeat right bottom;
}

.about_1-right1 {
    width: 652px;
    height: 215px;
    float: right;
}

.about_1-2 {
    width: 100%;
    height: 500px;
    background: url("/big5/images/about/about_1-3.jpg") no-repeat center center;
}

.about_1-2 h3 {
    font-size: 24px;
    color: #3058be;
    font-weight: 500;
    padding: 65px 0px 5px 0;
}

.about_1-2 h4 {
    font-size: 24px;
    color: #c5ced9;
    line-height: 30px;
    padding-bottom: 80px;
}

.about_1-2 li {
    width: 150px;
    height: 120px;
    padding-left: 150px;
    float: left;
}

.about_1-2 li span {
    font-size: 60px;
    color: #325cc7;
    font-family: 'dincond-Medium';
    display: block;
    padding: 40px 0px 20px 0px;
}

.about_1-2 li p {
    font-size: 14px;
    color: #919497;
}

.about_1-2 .about_1-li1 {
    background: url("/big5/images/about/about_1-li1.png") no-repeat left center;
}

.about_1-2 .about_1-li2 {
    background: url("/big5/images/about/about_1-li2.png") no-repeat left center;
}

.about_1-2 .about_1-li3 {
    background: url("/big5/images/about/about_1-li3.png") no-repeat left center;
}

.about_1-3 {
    width: 100%;
    padding: 40px 0px 60px 0;
}

.about_1-left2 {
    width: 520px;
    padding-right: 28px;
    float: left;
}

.about_1-left2 h2 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 100;
}

.about_1-left2 h3 {
    font-size: 16px;
    color: #474747;
    padding: 20px 0px;
}

.about_1-left2 h4 {
    font-size: 30px;
    color: #c0bfbf;
    font-family: 'dincond-Medium';
    padding-top: 15px;
}

.about_1-right2 {
    width: 652px;
    float: right;
}

.about_1-right2 p {
    font-size: 13px;
    color: #8c8f93;
    padding-bottom: 20px;
}

.about_2-1 {
    width: 100%;
}

.about_2-1 h1 {
    font-size: 24px;
    color: #333333;
    font-weight: 500;
    padding-bottom: 30px;
    border-bottom: 2px #d6d6d6 solid;
}

.about_title {
    width: 100%;
    padding-top: 35px;
}

.about_title h2 {
    font-size: 24px;
    color: #325cc7;
    font-weight: 500;
    padding-bottom: 5px;
}

.about_title h3 {
    font-size: 18px;
    color: #474747;
    font-weight: 500;
    padding-bottom: 10px;
}

.about_title p {
    font-size: 13px;
    color: #999999;
    padding: 10px 0px 12px 0;
}

.about_title2 {
    width: 100%;
}

.about_title2 h2 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 100;
    padding-bottom: 20px;
}

.about_title2 h3 {
    font-size: 18px;
    color: #474747;
    font-weight: 500;
    padding-bottom: 10px;
}

.about_title2 h4 {
    font-size: 31px;
    color: #bfbfbf;
    font-family: 'dincond-Medium';
    font-weight: 500;
    letter-spacing: -1px;
    padding-bottom: 10px;
}

.about_title2 h5 {
    font-size: 16px;
    color: #325cc7;
    padding-top: 40px;
    font-weight: 400;
}

.about_title2 p {
    font-size: 13px;
    color: #999999;
    padding: 10px 0px 12px 0;
}

.about_2-left1 {
    width: 660px;
    padding: 0px 40px 40px 0;
    float: left;
}

.about_2-right1 {
    width: 500px;
    height: 240px;
    float: left;
    padding-top: 111px;
}

.about_2-left2 {
    width: 700px;
    height: 360px;
    float: left;
}

.about_2-right2 {
    width: 460px;
    height: 340px;
    padding: 20px 0px 0px 40px;
    float: left;
}

.about_2-h3 {
    width: 180px;
    height: 320px;
    padding: 40px 0px 0px 20px;
    float: left;
    background: #325cc7;
}

.about_2-h3 h3 {
    font-size: 28px;
    color: #fff;
    font-family: 'novecentowide-book';
    line-height: 30px;
    letter-spacing: -1px;
    padding-top: 125px;
    background: url("/big5/images/about/abpout_2-3.jpg") no-repeat left top;
}

.about_2-2 {
    width: 100%;
    background: #e8e4e3;
}

.about_2-list {
    width: 1010px;
    padding: 60px 0px 80px 190px;
    position: relative;
    background: url("/big5/images/about/about_2-4.jpg") repeat-y 198px center;
}

.about_2-list li {
    width: 923px;
    padding: 10px 0 10px 87px;
    background: url("/big5/images/about/about_2-li.png") no-repeat left top;
}

.about_2-list li .about_2-con {
    width: 843px;
    padding: 30px 40px;
    background: #fff;
    position: relative;
}

.about_2-list li .about_2-con em {
    width: 32px;
    height: 32px;
    background: url("/big5/images/about/about_2-7.png") no-repeat center center;
    position: absolute;
    left: -31px;
    top: -1px;
}

.about_2-list li .about_2-con h4 {
    font-size: 32px;
    color: #325cc7;
    font-family: 'dincond-Medium';
    line-height: 32px;
    width: 123px;
    height: 100%;
    float: left;
}

.about_2-list li .about_2-con .about_2-con2 {
    width: 678px;
    float: left;
    padding-left: 40px;
    border-left: 2px #e5e5e5 solid;
}

.about_2-list li .about_2-con .about_2-con2 h3 {
    font-size: 18px;
    color: 474747;
    padding-bottom: 15px;
}

.about_2-list li .about_2-con .about_2-con2 p {
    font-size: 13px;
    color: #999999;
    padding-left: 10px;
    margin-bottom: 5px;
    background: url("/big5/images/about/about_2-6.jpg") no-repeat left 10px;
}

.about-more {
    width: 52px;
    height: 52px;
    background: url("/big5/images/inve-more.png") no-repeat center center;
    margin: 40px 0px 0px 215px;
}

.about_3 {
    width: 100%;
    padding: 40px 0px 00px 0px;
    background: url("/big5/images/about/about_3-1.jpg") repeat-x center 38px;
}

.about_3-ban {
    width: 100%;
    position: relative;
    padding-bottom: 115px;
}

.about_3-pics {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.about_3-pics li {
    padding-right: 58px;
    width: 540px;
    float: left;
    padding-left: 2px;
    background: url("/big5/images/about/about_3-2.jpg") repeat-y left center;
    position: relative;
}

.about_3-pics li h3 {
    font-size: 48px;
    color: #325cc7;
    font-weight: 500;
    font-family: 'dincond-medium';
    letter-spacing: -1px;
    padding: 25px 0px 30px 30px;
    margin-bottom: 25px;
    background: url("/big5/images/about/about_3-3.jpg") no-repeat left bottom;
}

.about_3-pics li p {
    font-size: 12.5px;
    color: #666666;
    padding-left: 30px;
    margin-bottom: 10px;
    background: url("/big5/images/about/about_3-4.jpg") no-repeat left center;
}

.about_3-pics li i {
    display: none;
    width: 4px;
    height: 20px;
    background: #f6f6f5;
    position: absolute;
    left: -1px;
    bottom: 0;
    z-index: 10;
}

.about_3-pics li>div {
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
}

.about_3-pics .mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=100);
}

.about_3-pics .mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    border-radius: 0px;
    background-color: rgb(230, 230, 230);
}

.about_3-pics .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    border-radius: 0px;
    background-color: #325CC7 !important;
}

.ban-btns a {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 80px;
}

.ban-btns .ban-prev {
    left: -70px;
    background: url("/big5/images/prev.png") no-repeat center center;
}

.ban-btns .ban-next {
    right: -70px;
    background: url("/big5/images/next.png") no-repeat center center;
}

.ban-btns .ban-prev:hover {
    background: url("/big5/images/prev-on.png") no-repeat center center;
}

.ban-btns .ban-next:hover {
    background: url("/big5/images/next-on.png") no-repeat center center;
}

.about_3-img {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}

.about_3-img img {
    display: block;
}

.about_4-left {
    width: 750px;
    padding-bottom: 30px;
}

.about_4-right {
    width: 730px;
    height: 185px;
    padding: 45px 0px 0px 20px;
    background: url("/big5/images/about/about_4-1.jpg") no-repeat center center;
    position: absolute;
    right: -360px;
    bottom: 0;
}

.about_4-right h2 {
    font-size: 18px;
    color: #36363a;
    font-weight: 500;
}

.about_4-right h3 {
    font-size: 18px;
    color: #0c4dc6;
    font-weight: 500;
}

.about_4-right h4 {
    font-size: 30px;
    color: #d3d2d7;
    padding: 5px 0px 10px 0;
}

.about_4-right p {
    font-size: 12.5px;
    color: #8e939e;
    line-height: 18px;
}

.about_4-swi {
    width: 100%;
    padding-bottom: 40px;
}

.about_4-swi li {
    padding-right: 35px;
    float: left;
}

.about_4-swi li a {
    font-size: 16px;
    color: #999999;
}

.about_4-swi li.on a {
    color: #325cc7;
}

.about_4-list ul {
    width: 1220px;
    position: relative;
    top: 0;
    left: -20px;
    font-size: 0px;
}

.about_4-list ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 590px;
    height: 120px;
    box-sizing: border-box;
    padding: 30px 165px 0 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    background: #fff url(../images/img/about/about6_02.png) no-repeat 510px center;
    overflow: hidden;
    transition: all 400ms;
}

.about_4-list ul li h3 {
    font-size: 16px;
    color: #325CC7;
    font-weight: normal;
    line-height: 0.8em;
    margin-bottom: 12px;
}

.about_4-list ul li p {
    font-size: 14px;
    color: rgb(155, 155, 155);
    line-height: 22px;
}

.about_4-list ul li a {
    position: absolute;
    top: 0;
    right: -120px;
    width: 120px;
    height: 120px;
    background-image: url(/big5/images/img/about/about6_02_on.png);
    background-repeat: no-repeat;
    background-position: center 33px;
    background-color: rgb(216, 193, 123);
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    padding-top: 71px;
    transition: all 400ms;
}

.about_4-list ul li:hover {
    background-position: 590px center;
}

.about_4-list ul li:hover a {
    right: 0px;
}

.about_4-list .more {
    margin: 40px auto -20px auto;
    width: 52px;
    height: 52px;
    background: url(/big5/images/img/about/about6_03.png) no-repeat center;
    text-indent: -9999px;
}

.about_5-left {
    width: 766px;
    float: left;
    padding-right: 44px;
    padding-bottom: 50px;
}

.about_5-right {
    width: 390px;
    height: 220px;
    float: right;
}

.about_5-swi {
    width: 100%;
    padding-bottom: 40px;
}

.about_5-swi li {
    padding: 0px 22px 0px 20px;
    float: left;
    background: url("/big5/images/about/about_5-swi.jpg") no-repeat right center;
}

.about_5-swi li a {
    font-size: 16px;
    color: #999999;
}

.about_5-swi li.on a {
    color: #325cc7;
}

.about_5-list {
    width: 100%;
}

.about_5-list ul {
    width: 1210px;
}

.about_5-list li {
    width: 232px;
    height: 232px;
    float: left;
    margin: 0px 10px 10px 0;
    background: #fff;
}

.about_5-list li p {
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.about_5-list li .about_5-img {
    width: 100%;
    height: 180px;
    line-height: 180px;
    text-align: center;
}

.about_5-list li .about_5-img img {
    max-width: 100%;
    vertical-align: middle;
}


/*product*/

.product_1 {
    width: 100%;
    height: 231px;
    position: relative;
}

.pro_1-left {
    width: 262px;
}

.product-title {
    width: 100%;
}

.product-title h3 {
    font-size: 20px;
    color: #484848;
    padding-bottom: 12px;
}

.product-title p {
    font-size: 13px;
    color: #999999;
    padding-bottom: 20px;
}

.pro_1-list {
    width: 907px;
    height: 450px;
    position: absolute;
    right: -9px;
    bottom: -219px;
    z-index: 100;
}

.pro_1-list li {
    width: 293px;
    height: 450px;
    float: left;
    margin-right: 9px;
}

.pro_1-list li img {
    width: 100%;
    display: block;
}

.pro_1-list li .pro_1-con {
    width: 245px;
    height: 189px;
    padding: 30px 24px 0px 24px;
    background: #fff;
    z-index: 10;
}

.pro_1-list li .pro_1-con h3 {
    font-size: 20px;
    color: #36363a;
    padding: 10px 0;
}

.pro_1-list li .pro_1-con h4 {
    font-size: 36px;
    font-family: 'dincond-Medium';
    letter-spacing: -1px;
}

.pro_1-list li .pro_1-con p {
    font-size: 13px;
    color: #868687;
}

.pro_1-list .pro_1-li1 h4 {
    color: #ffb488;
}

.pro_1-list .pro_1-li2 h4 {
    color: #4695a9;
}

.pro_1-list .pro_1-li3 h4 {
    color: #2664a8;
}

.pro_1-list .pro_1-li1 .pro_1-con {
    background: #fff url("../images/product/pro_1-li1.png") no-repeat 195px 124px;
}

.pro_1-list .pro_1-li2 .pro_1-con {
    background: #fff url("../images/product/pro_1-li2.png") no-repeat 195px 124px;
}

.pro_1-list .pro_1-li3 .pro_1-con {
    background: #fff url("../images/product/pro_1-li3.png") no-repeat 195px 124px;
}

.pro_1-bot {
    padding-top: 213px;
}

.pro_1-right {
    width: 596px;
    height: 210px;
    background: url("/big5/images/product/pro-1-right.jpg") no-repeat center center;
    float: right;
}

.pro_1-right h4 {
    font-size: 20px;
    color: #3058be;
    font-family: 'novecentowide-book';
    padding: 35px 0px 5px 20px;
}

.pro_1-right h3 {
    font-size: 16px;
    color: #84958f;
    padding-left: 20px;
}

.pro_1-right a {
    width: 100%;
    height: 100%;
}

.pro_search {
    width: 604px;
    height: 210px;
    float: left;
}

.product-layout {
    width: 263px;
    height: 60px;
    padding-right: 30px;
    margin: 0 9px 10px 0;
    float: left;
    position: relative;
    background: #f3f3f3 url("../images/layout.png") no-repeat 263px center;
    cursor: pointer;
}

.product-layout input {
    font-size: 14px;
    color: #868687;
    width: 243px;
    height: 60px;
    padding-left: 20px;
    line-height: 60px;
    border: none;
    background: none;
}

.product-layout ul {
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    top: 60px;
    left: 0;
    background: #f3f3f3;
    display: none;
    z-index: 20;
}

.product-layout li {
    font-size: 14px;
    color: #868687;
    padding: 5px 0px 5px 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.product-layout li:hover {
    background: #325cc7;
    color: #fff;
}

.product-box {
    width: 293px;
    height: 60px;
    float: left;
}

.product-box input {
    width: 273px;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    background: #f3f3f3;
    border: none;
}

.product-search {
    font-size: 14px;
    color: #fff;
    width: 595px;
    height: 60px;
    line-height: 57px;
    text-align: center;
    margin-top: 10px;
    background: #325cc7 url("../images/search.png") no-repeat 258px center;
}

.product-search:hover {
    color: #fff;
}

.pro_top {
    width: 750px;
    position: relative;
    padding-bottom: 80px;
}

.pro_top a {
    font-size: 13px;
    color: #fff;
    width: 80px;
    height: 56px;
    line-height: 56px;
    padding-left: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pro_top .pro_top-a1 {
    background: #00873c url('../images/update.png') no-repeat 30px center;
}

.pro_top .pro_top-a2 {
    background: #2e56ba url('../images/update.png') no-repeat 30px center;
}

.pro_3-1 {
    width: 100%;
    height: 400px;
    background: url("/big5/images/product/pro_2-2.jpg") no-repeat center center;
}

.pro_3-1>.w1200 {
    height: 400px;
}

.pro_3-1 h3 {
    font-size: 30px;
    color: #325cc7;
    font-weight: 400;
    padding: 160px 0px 8px 0;
}

.pro_3-1 p {
    font-size: 12.5px;
    color: #fff;
}

.pro_3-loc-con {
    width: 380px;
    height: 260px;
    padding: 36px 0px 0px 20px;
    background: #3c7fdf;
}

.pro_3-loc-con p {
    font-size: 13px;
    color: #fff;
    padding-bottom: 30px;
}


/*.pro_2-loc-con p span{font-size:48px;color:#fff;font-family:'NOVECENTOWIDE';letter-spacing:-1px; display:block;padding-bottom:10px;}
*/

.pro_3-loc-con2 {
    width: 360px;
    height: 347px;
    padding-left: 40px;
    background: #325cc7 url("../images/product/pro_2-loc-con2.png") no-repeat right bottom;
}

.pro_3-loc-con2 p {
    font-size: 13px;
    color: #8496d0;
}

.pro_3-loc-con2 p em {
    font-size: 48px;
    color: #fff;
    font-family: 'dincond-medium';
    padding: 40px 0px 5px 0px;
    line-height: 35px;
    display: block;
}

.pro_2-1 {
    width: 100%;
    height: 400px;
    background: url("/big5/images/product/pro_2-2.jpg") no-repeat center center;
}

.pro_2-1>.w1200 {
    height: 400px;
}

.pro_2-1 h3 {
    font-size: 30px;
    color: #00873c;
    font-weight: 400;
    padding: 160px 0px 8px 0;
}

.pro_2-1 h4 {
    font-size: 25px;
    color: #fff;
    font-weight: 400;
}

.pro_2-loc {
    width: 400px;
    height: 670px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro_2-loc-con {
    width: 380px;
    height: 312px;
    padding: 38px 0px 0px 20px;
    background: #00873c;
}

.pro_2-loc-con p {
    font-size: 13px;
    color: #9dc5aa;
    padding-bottom: 30px;
}

.pro_2-loc-con p span {
    font-size: 48px;
    color: #fff;
    font-family: 'NOVECENTOWIDE';
    letter-spacing: -1px;
    display: block;
    padding-bottom: 10px;
}

.pro_2-2 {
    width: 100%;
    padding: 30px 0px 60px 0;
}

.pro_2-2 p {
    font-size: 12.5px;
    color: #888888;
    padding-bottom: 25px;
}

.pro_3 {
    width: 100%;
    height: 400px;
    background: url("/big5/images/product/pro_3-2.jpg") no-repeat center center;
}

.pro_3>.w1200 {
    height: 400px;
}

.pro_3-loc {
    width: 400px;
    position: absolute;
    right: 0;
    bottom: -217px;
}

.pro_3-loc-top {
    width: 380px;
    height: 200px;
    padding: 40px 0px 0px 20px;
    background: url("/big5/images/product/pro_3-1.jpg") no-repeat center center;
}

.pro_3-loc-top h3 {
    font-size: 13px;
    color: #FFF;
}

.pro_3-loc-bot {
    width: 380px;
    height: 320px;
    padding-left: 20px;
    background: #e8e4e3;
}

.pro_3-loc-bot h3 {
    font-size: 16px;
    color: #777777;
    padding: 35px 0px 15px 0;
}

.pro_3-loc-bot a {
    font-size: 13px;
    color: #777777;
    width: 235px;
    height: 50px;
    line-height: 50px;
    padding-left: 23px;
    margin-bottom: 10px;
    border: 2px #325cc7 solid;
    border-radius: 40px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: .3s;
}

.pro_3-loc-bot a:hover {
    background: #325cc7;
    color: #fff;
}

.pro_4-title {
    width: 780px;
    height: 218px;
}

.pro_4-title h3 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 500;
    padding: 56px 0 25px 0;
}

.pro_4-title p {
    font-size: 12.5px;
    color: #999999;
}

.pro_4-1 {
    width: 380px;
    height: 200px;
    padding: 40px 0px 0px 20px;
    background: url("/big5/images/product/pro_4-1.jpg") no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro_4-1 p {
    font-size: 13px;
    color: #adb9e4;
    padding-bottom: 40px;
}

.pro_4-1 p span {
    font-size: 48px;
    color: #fff;
    font-family: 'NOVECENTOWIDE';
    display: block;
    padding-bottom: 10px;
}

.pro_4 {
    width: 100%;
    padding-bottom: 100px;
    background: #f3f3f3
}

.pro_4-list {
    width: 1160px;
    padding-left: 40px;
    background: #fff;
}

.pro_4-list h3 {
    font-size: 20px;
    color: #325cc7;
    font-weight: 500;
    padding: 36px 0;
}

.pro_4-list li {
    width: 360px;
    height: 400px;
    float: left;
    margin-right: 20px;
}

.pro_4-list li img {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.pro_4-list li p {
    font-size: 12.5px;
    color: #8c8f93;
}

.pro_4-a {
    font-size: 13px;
    color: #fff;
    width: 80px;
    height: 56px;
    line-height: 56px;
    padding-left: 80px;
    background: #2e56ba url('../images/update.png') no-repeat 30px center;
}

.pro_4-a:hover {
    color: #fff;
}

.pro_5 {
    width: 100%;
    height: 400px;
    background: url("/big5/images/product/pro_5.jpg") no-repeat center center;
}

.pro_5>.w1200 {
    height: 400px;
}

.pro_5-loc {
    width: 400px;
    height: 560px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro_5-loc-top {
    width: 380px;
    height: 200px;
    padding: 40px 0px 0px 20px;
    background: #325cc7;
}

.pro_5-loc-top p {
    font-size: 13px;
    color: #adb9e4;
    padding-bottom: 30px;
}

.pro_5-loc-top p span {
    font-size: 48px;
    color: #fff;
    font-family: 'NOVECENTOWIDE';
    display: block;
    padding-bottom: 10px;
}

.pro_5-loc-bot {
    width: 380px;
    height: 280px;
    padding: 40px 0px 0px 20px;
    background: #e8e4e3;
}

.pro_5-loc-bot h3 {
    font-size: 16px;
    color: #777777;
    padding: 35px 0px 15px 0;
}

.pro_5-loc-bot a {
    font-size: 13px;
    color: #777777;
    width: 235px;
    height: 50px;
    line-height: 50px;
    padding-left: 23px;
    margin-bottom: 10px;
    border: 2px #d8caa1 solid;
    border-radius: 40px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: .3s;
}

.pro_5-loc-bot a:hover {
    background: #d8caa1;
}

.pro_6 {
    width: 100%;
    height: 400px;
    background: url("/big5/images/product/pro_6.jpg") no-repeat center center;
}

.pro_6>.w1200 {
    height: 400px;
}

.pro_6-loc {
    width: 400px;
    height: 560px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro_6-loc-bot {
    width: 380px;
    height: 280px;
    padding: 40px 0px 0px 20px;
    background: #e8e4e3 url("../images/product/pro_6-2.png") no-repeat center center;
}


/*product-resi*/

.product-resi {
    width: 100%;
    position: relative;
    padding-bottom: 70px;
}

.resi-top {
    width: 100%;
    height: 245px;
    background: #ffffff;
}

.resi-top .resi-title {
    width: 900px;
    float: left;
    padding-top: 40px;
}

.resi-top .resi-title h2 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 500;
}

.resi-top .resi-title h3 {
    font-size: 20px;
    color: #484848;
    font-weight: 500;
    padding: 18px 0px 10px 0;
}

.resi-top .resi-title h4 {
    font-size: 31px;
    color: #c6c6c6;
    font-family: 'dincond-medium';
    font-weight: 500;
    letter-spacing: -1px;
    padding-bottom: 15px;
}

.resi-top .resi-title p {
    font-size: 13px;
    color: #939393;
}

.resi-right {
    width: 300px;
    padding-top: 120px;
    text-align: right;
    float: right;
}

.resi-right h4 {
    font-size: 70px;
    color: #e9e9e9;
    font-family: 'dincond-medium';
    letter-spacing: -3px;
    line-height: 55px;
}

.resi-search {
    width: 100%;
    height: 80px;
    padding-top: 40px;
    position: relative;
}

.resi-search input {
    width: 200px;
    height: 50px;
    line-height: 50px;
    padding: 0 60px 0 40px;
    border: 1px #325cc7 solid;
    border-radius: 50px;
    float: right;
    position: relative;
}

.resi-search a {
    width: 33px;
    height: 33px;
    background: url("/big5/images/resi-search.png") no-repeat center center;
    position: absolute;
    top: 50px;
    right: 27px;
}

.resi-list {
    width: 100%;
}

.resi-list ul {
    width: 1230px;
}

.resi-list li {
    width: 585px;
    height: 214px;
    float: left;
    margin: 0px 30px 30px 0;
    position: relative;
}

.resi-list li .resi-img {
    width: 326px;
    height: 214px;
    float: left;
}

.resi-list li .resi-img img {
    max-width: 100%;
}

.resi-list li .resi-con {
    width: 239px;
    height: 214px;
    padding-left: 20px;
    float: left;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.resi-list li .resi-con h3 {
    font-size: 18px;
    color: #325cc7;
    padding-top: 10px;
}

.resi-list li .resi-con h4 {
    font-size: 14px;
    color: #666666;
    padding: 6px 0px 8px 0;
}

.resi-list li .resi-con p {
    font-size: 12.5px;
    color: #999999;
    line-height: 20px;
}

.resi-list li .resi-con p em {
    font-size: 12.5px;
    color: #666666;
}

.resi-list li .resi-con span {
    width: 18px;
    height: 18px;
    background: url("/big5/images/product/resi-em.png") no-repeat center center;
    position: absolute;
    right: 21px;
    bottom: 21px;
}

.deta-1 {
    width: 100%;
    padding-bottom: 35px;
}

.deta-1-left {
    width: 860px;
    padding-right: 60px;
    float: left;
}

.deta-1-left h2 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 500;
    line-height: 36px;
}

.deta-1-left h3 {
    font-size: 20px;
    color: #484848;
    padding: 8px 0px 15px 0;
}

.deta-1-left p {
    font-size: 13px;
    color: #8e8e8e;
}

.deta-1-right {
    width: 240px;
    padding-top: 80px;
    float: left;
    text-align: center;
}

.deta-1-right img {
    max-width: 100%;
}

.deta-2 {
    width: 100%;
    padding-top: 80px;
    background: #325cc7;
}

.deta-2-left {
    width: 300px;
    float: left;
}

.deta-2-left p {
    font-size: 12.5px;
    color: #fff;
}

.deta-2-left img {
    margin-top: 38px;
}

.deta-2-right {
    width: 900px;
    height: 500px;
    float: right;
}

.deta-main {
    width: 900px;
    height: 500px;
    overflow: hidden;
    position: relative;
}

.deta-main .deta-bot {
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, 0.5);
    filter: Alpha(opacity=50);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 40;
}

.deta-list {
    padding: 10px 0px 0px 10px;
    position: relative;
    z-index: 50;
}

.deta-list li {
    width: 120px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    float: left;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.deta-list li a {
    padding-left: 60px;
    width: 60px;
    line-height: 50px;
    font-size: 14px;
    color: #666666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.deta-list li.on a {
    color: #FFF;
}

.deta-list li .deta-li1 {
    background: #fff url("../images/product/deta-li1.png") no-repeat 15px center;
}

.deta-list li .deta-li2 {
    background: #fff url("../images/product/deta-li2.png") no-repeat 15px center;
}

.deta-list li .deta-li3 {
    background: #fff url("../images/product/deta-li3.png") no-repeat 15px center;
}

.deta-list li.on .deta-li1 {
    background: #325cc7 url("../images/product/deta-li1-on.png") no-repeat 15px center;
}

.deta-list li.on .deta-li2 {
    background: #325cc7 url("../images/product/deta-li2-on.png") no-repeat 15px center;
}

.deta-list li.on .deta-li3 {
    background: #325cc7 url("../images/product/deta-li3-on.png") no-repeat 15px center;
}

.deta-switch {
    width: 900px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
}

.deta-ban {
    width: 900px;
    height: 500px;
    position: relative;
}

.deta-ban .deta-pics {
    width: 100%;
    height: 100%;
    position: relative;
}

.deta-ban .deta-pics li {
    width: 900px;
    height: 100%;
    float: left;
}

.deta-ban .deta-btns {
    width: 68px;
    height: 16px;
    position: absolute;
    right: 40px;
    bottom: 27px;
    z-index: 50;
}

.deta-ban .deta-btns .pageState {
    font-size: 14px;
    color: #fff;
    float: left;
    line-height: 16px;
}

.deta-ban .deta-btns .pageState span {
    color: #fff;
}

.deta-ban .deta-btns .deta-prev {
    width: 12px;
    height: 16px;
    background: url("/big5/images/deta-prev.png") no-repeat center center;
    float: left;
    margin-right: 12px;
}

.deta-ban .deta-btns .deta-next {
    width: 12px;
    height: 16px;
    background: url("/big5/images/deta-next.png") no-repeat center center;
    float: right;
}

.deta-3 {
    width: 100%;
    padding: 50px 0px 40px 0px;
    background: #f3f3f3
}

.deta-left {
    width: 300px;
    float: left;
}

.deta-left h3 {
    font-size: 20px;
    color: #484848;
    padding-bottom: 15px;
    background: url("/big5/images/product/deta-left.png") no-repeat left bottom;
}

.deta-3-right {
    width: 900px;
    float: left;
}

.deta-3-right p {
    font-size: 12.5px;
    color: #908e8e;
    padding-bottom: 20px;
}

.deta-4 {
    width: 100%;
    padding: 60px 0px 70px 0px;
    background: #fff;
}

.deta-4-right {
    width: 900px;
    float: right;
}

.deta-4-right li {
    width: 900px;
    height: 220px;
    margin-bottom: 10px;
}

.deta-4-right li .deta-4-img {
    width: 360px;
    float: left;
}

.deta-4-right li .deta-4-con {
    width: 460px;
    height: 178px;
    padding: 38px 38px 0px 40px;
    border: 2px #eeeeee solid;
    border-left: none;
    float: left;
}

.deta-4-right li .deta-4-con h3 {
    font-size: 16px;
    color: #484848;
    font-weight: 500;
}

.deta-4-right li .deta-4-con h4 {
    font-size: 18px;
    color: #999999;
    font-weight: 500;
    padding: 8px 0px 18px 0;
}

.deta-4-right li .deta-4-con p {
    font-size: 12.5px;
    color: #8e8d8d;
}

#allmap {
    width: 100%;
    height: 400px;
}


/*investors*/

.inve_1-top {
    width: 100%;
    height: 200px;
}

.inve-stock .up {
    width: 26px;
    height: 19px;
    float: left;
    background: url("/big5/images/stock-up.png") no-repeat center;
    margin-left: 4px;
}

.inve-stock .uptxt {
    font-size: 48px;
    color: #d5282b;
    font-family: 'dinCond-Medium';
    float: left;
    line-height: 36px;
}

.inve-stock .down {
    width: 26px;
    height: 19px;
    float: left;
    background: url("/big5/images/stock-down.png") no-repeat center;
    margin-left: 4px;
}

.inve-stock .downtxt {
    font-size: 48px;
    color: #00A352;
    font-family: 'dinCond-Medium';
    float: left;
    line-height: 36px;
}

.inve-stock h3 {
    font-size: 14px;
    color: #6c6b6b;
    padding: 60px 0px 5px 0;
}

.inve-stock h4 {
    font-size: 12.5px;
    color: #7a7a7a;
    font-weight: 500;
}

.inve-stock p {
    font-size: 12.5px;
    color: #7a7a7a;
}

.inve-report {
    width: 920px;
    height: 256px;
    background: #fff;
    position: absolute;
    right: -360px;
    bottom: 0;
}

.inve-report ul {
    height: 100%;
    overflow: hidden;
}

.inve-report li {
    height: 100%;
    float: left;
    margin-right: 100px;
    overflow: hidden;
}

.inve-report li .pic,
.inve-report li .txt {
    float: left;
    height: 100%;
}

.inve-report li .txt {
    padding: 0 0 0 30px;
}

.inve-report li h3 {
    font-size: 48px;
    font-family: "dinCond-Medium";
    line-height: 37px;
    color: #325cc7;
    padding-bottom: 18px;
    padding-top: 60px;
}

.inve-report li h4 {
    font-size: 20px;
    line-height: 20px;
    color: #666;
    margin-bottom: 54px;
}

.inve-report li a {
    font-size: 12.5px;
    color: #666666;
    text-align: center;
    width: 90px;
    height: 38px;
    line-height: 38px;
    border: 1px #666666 solid;
    float: left;
    margin-right: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.inve-report li a:hover {
    background: #325cc7;
    border: 1px #325cc7 solid;
    color: #fff;
}

.inve-top {
    width: 100%;
    padding-bottom: 40px;
}

.inve-top li {
    float: left;
    margin-right: 25px;
}

.inve-top li a {
    font-size: 18px;
    color: #999999;
    font-family: 'NOVECENTOWIDE'
}

.inve-top li.on a {
    color: #325cc7;
}

.inve-list {
    width: 100%;
}

.inve-list ul {
    width: 1220px;
}

.inve-list li {
    width: 466px;
    height: 100px;
    padding: 0px 100px 0 24px;
    margin: 0 20px 10px 0;
    position: relative;
    background: #fff;
    float: left;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.inve-list li h3 {
    font-size: 14px;
    color: #666666;
    padding: 14px 0px 0px 0px;
    z-index: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    line-height: 20px;
}

.inve-list li p {
    font-size: 12.5px;
    color: #999999;
    z-index: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.inve-list li em {
    width: 100px;
    height: 100px;
    float: right;
    display: block;
    background: url("/big5/images/pdf.png") no-repeat 30px 24px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.inve-list li:hover {
    background: #325cc7;
}

.inve-list li:hover h3,
.inve-list li:hover p {
    color: #fff;
}

.inve-list li:hover em {
    background: #d9c276 url("/big5/images/pdf.png") no-repeat -45px 24px;
}

.inve-more {
    width: 52px;
    height: 52px;
    background: url("/big5/images/inve-more.png") no-repeat center center;
    display: block;
    margin: 30px auto 0 auto;
}

.inve_2-con {
    width: 100%;
}

.inve_2-left {
    width: 590px;
    margin-right: 20px;
    float: left;
}

.inve_2-right {
    width: 590px;
    float: left;
}

.inve_2-top {
    width: 100%;
    min-height: 320px;
    border-bottom: 2px #fff solid;
}

.inve_2-top h2 {
    font-size: 18px;
    color: #325cc7;
    padding-bottom: 15px;
}

.inve_2-top p {
    font-size: 12.5px;
    color: #777777;
}

.inve_2-bot {
    width: 100%;
    padding-top: 40px;
}

.inve_2-bot h2 {
    font-size: 18px;
    color: #325cc7;
    padding-bottom: 15px;
}

.inve_2-bot dl {
    float: left;
    margin-right: 35px;
}

.inve_2-bot dt {
    font-size: 18px;
    color: #323232;
    margin-bottom: 15px;
}

.inve_2-bot dd {
    font-size: 12.5px;
    color: #777777;
    padding-bottom: 5px;
}

.inve_3-top {
    width: 100;
    padding-bottom: 40px;
    overflow: hidden;
}

.inve_3-top a {
    font-size: 16px;
    color: #999999;
    float: left;
}

.inve_3-top a.act {
    padding-right: 45px;
    margin-right: 45px;
    background: url("/big5/images/inve_3-top.jpg") no-repeat right center;
}

.inve_3-top a.on {
    color: #325cc7;
}

.inve_3-list {
    width: 100%;
}

.inve_3-list ul {
    width: 1220px;
}

.inve_3-list li {
    width: 590px;
    height: 150px;
    float: left;
    margin: 0px 20px 10px 0;
    background: #fff;
}

.inve_3-list li span {
    font-size: 36px;
    color: #325cc7;
    font-family: 'dincond-Medium';
    text-align: center;
    width: 120px;
    height: 150px;
    line-height: 150px;
    background: #f3f3f3;
    float: left;
}

.inve_3-list li .inve_3-con {
    width: 445px;
    height: 120px;
    padding: 30px 0px 0 25px;
    float: left;
}

.inve_3-list li .inve_3-con a {
    font-size: 14px;
    color: #9d9d9d;
}

.inve_4-list {
    width: 100%;
}

.inve_4-list ul {
    width: 1220px;
}

.inve_4-list li {
    width: 590px;
    height: 140px;
    padding-top: 32px;
    margin: 0px 20px 10px 0;
    float: left;
    background: #fff;
}

.inve_4-list li span {
    font-size: 18px;
    color: #325cc7;
    text-align: center;
    width: 70px;
    height: 100%;
    float: left;
}

.inve_4-list li p {
    font-size: 12.5px;
    color: #999999;
}


/*service*/

.service-list {
    width: 100%;
}

.service-list h2 {
    font-size: 20px;
    color: #325cc7;
    padding-bottom: 40px;
    font-weight: 500;
    text-align: center;
}

.service-list ul {
    width: 1220px;
}

.service-list li {
    width: 224px;
    margin-right: 20px;
    float: left;
}

.service-list li .service-img {
    width: 224px;
    height: 144px;
    padding-top: 80px;
    text-align: center;
}

.service-list li .service-img p {
    font-size: 14px;
    color: #325cc7;
}

.service-list li .service-img img {
    display: block;
    margin: 0 auto 40px auto;
}

.service-list li .service-img:hover img {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
    transition: all 1s;
}

.service-list li.service-li1 .service-img {
    background: url("/big5/images/service-li1.jpg") no-repeat center center;
}

.service-list li.service-li2 .service-img {
    background: url("/big5/images/service-li2.jpg") no-repeat center center;
}

.service-list li.service-li3 .service-img {
    background: url("/big5/images/service-li3.jpg") no-repeat center center;
}

.service-list li.service-li4 .service-img {
    background: url("/big5/images/service-li4.jpg") no-repeat center center;
}

.service-list li.service-li5 .service-img {
    background: url("/big5/images/service-li5.jpg") no-repeat center center;
}

.service-list li.service-li2 .service-img img {
    margin: 0 auto 32px auto;
}

.service-list li.service-li3 .service-img img {
    margin: 0 auto 50px auto;
}

.service-list li .service-con {
    width: 224px;
    padding-bottom: 20px;
}

.service-list li .service-con h3 {
    font-size: 16px;
    color: #474747;
    padding: 15px 0;
}

.service-list li .service-con p {
    font-size: 13px;
    color: #8c8f93;
}

.service-see {
    font-size: 14px;
    color: #666666;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px #666666 solid;
    margin-bottom: 40px;
}

.service-see:hover {
    background: #325cc7;
    color: #fff;
    border: 1px #325cc7 solid;
}

.service-code li {
    width: 330px;
    height: 120px;
    float: left;
}

.service-code li img {
    float: left;
    margin-right: 20px;
}

.service-code li p {
    font-size: 16px;
    color: #474747;
    line-height: 120px;
}


/*tender*/

.tender-title {
    width: 100%;
    height: 60px;
    background: #325cc7;
    margin-top: 20px;
}

.tender-title li {
    float: left;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}

.tender-title li p {
    font-size: 15px;
    color: #fff;
    line-height: 60px;
}

.tender-title .tender-ti1 {
    width: 56px;
    padding-left: 24px;
}

.tender-title .tender-ti2 {
    width: 320px;
    padding-left: 35px;
}

.tender-title .tender-ti3 {
    width: 115px;
}

.tender-title .tender-ti4 {
    width: 145px;
}

.tender-title .tender-ti5 {
    width: 205px;
}

.tender-title .tender-ti6 {
    width: 300px;
}

.tender-list {
    width: 100%;
}

.tender-list li {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.tender-list li div {
    float: left;
    height: 80px;
}

.tender-list li div p {
    font-size: 14px;
    color: #747474;
    line-height: 80px;
}

.tender-list .tender-li1 {
    width: 80px;
    background: #f3f3f3;
    text-align: center;
}

.tender-list .tender-li2 {
    width: 320px;
    padding-left: 35px;
}

.tender-list .tender-li3 {
    width: 115px;
}

.tender-list .tender-li4 {
    width: 145px;
}

.tender-list .tender-li5 {
    width: 205px;
}

.tender-list .tender-li6 {
    width: 300px;
}

.tender-list .tender-li1 p {
    font-size: 36px;
    color: #325cc7;
    font-family: 'dincond-Medium';
}

.tender-list .tender-li4 p,
.tender-list .tender-li5 p {
    color: #9f9c98;
}

.tender-title2 .tender-ti3 {
    width: 250px;
}

.tender-title2 .tender-ti4 {
    width: 500px;
}

.tender-list2 .tender-li2 p {
    color: #9f9c98;
}

.tender-list2 .tender-li3 {
    width: 250px;
}

.tender-list2 .tender-li4 {
    width: 500px;
}

.tender-list2 .tender-li4 p {
    color: #747474;
}

.tender-side {
    width: 100%;
    height: 60px;
    background: url("/big5/images/tender-side.png") no-repeat center center;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}

.tender-side a {
    margin: 0 40px;
    float: right;
    padding-left: 60px;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    color: #325cc7;
}

.tender-side .tender-down {
    background: url("/big5/images/tender-down.png") no-repeat left center;
}

.tender-side .tender-line {
    background: url("/big5/images/tender-line.png") no-repeat left center;
}

.tender-list li:hover .tender-side {
    right: 0;
}

.tender_3 {
    padding-bottom: 90px;
}

.tender_3 ul {
    width: 1220px;
}

.tender_3 li {
    width: 590px;
    height: 137px;
    padding-top: 35px;
    float: left;
    background: #fff;
    margin: 0 20px 10px 0;
}

.tender_3 li .tender_3-left {
    width: 210px;
    padding-left: 24px;
    height: 137px;
    float: left;
}

.tender_3 li .tender_3-left h3 {
    font-size: 18px;
    color: #325cc7;
    font-weight: 500;
}

.tender_3 li .tender_3-right {
    width: 335px;
    height: 137px;
    float: left;
}

.tender_3 li .tender_3-left p {
    font-size: 12.5px;
    color: #999999;
}


/*news*/

.news {
    width: 100%;
    padding-bottom: 90px;
}

.news-title {
    width: 100%;
}

.news-title img {
    width: 100%;
    display: block;
}

.news-title .news-title-con {
    width: 342px;
    padding: 35px 24px;
    background: #fff;
}

.news-title .news-title-con h4 {
    font-size: 36px;
    color: #325cc7;
    font-family: 'dincond-Medium';
    padding-bottom: 18px;
}

.news-title .news-title-con h3 {
    font-size: 20px;
    color: #666666;
    padding-bottom: 10px;
}

.news-title .news-title-con p {
    font-size: 13px;
    color: #9d9d9d;
}

.news .news-left {
    width: 390px;
    padding-right: 20px;
    float: left;
}

.news .news-left .news-left-bot {
    width: 342px;
    padding: 35px 24px;
    background: #325cc7;
    margin-top: 20px;
}

.news .news-left .news-left-bot h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 12px;
}

.news .news-left .news-left-bot p {
    font-size: 13px;
    color: #adb9e4;
}

.news .news-list {
    width: 790px;
    float: left;
}

.news .news-list li {
    width: 100%;
    height: 125px;
    position: relative;
    background: #fff;
}

.news .news-list li a {
    width: 100%;
    height: 125px;
}

.news .news-list li .news-list-con {
    width: 730px;
    height: 100px;
    padding: 25px 40px 0 20px;
    position: absolute;
    left: top: 0;
    z-index: 10;
    font-size: 13px;
    color: #9d9d9d;
}

.news .news-list li .news-list-con h3 {
    font-size: 16px;
    color: #484848;
    padding-bottom: 10px;
}

.news .news-list li .news-list-con h4 {
    font-size: 36px;
    color: #325cc7;
    font-family: 'dincond-Medium';
    font-weight: 500;
    letter-spacing: -1px;
    width: 120px;
    height: 100px;
    padding-right: 20px;
    text-align: right;
    float: left;
}

.news .news-list li .news-list-con p {
    font-size: 13px;
    color: #9d9d9d;
}

.news .news-list li span {
    width: 0;
    height: 125px;
    background: #325cc7;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: absolute;
    left: ;
    top: 0;
}

.news .news-list li:hover span {
    width: 100%;
}

.news .news-list li:hover .news-list-con h3 {
    color: #adb9e4;
}

.news .news-list li:hover .news-list-con h4 {
    color: #adb9e4;
}

.news .news-list li:hover .news-list-con p {
    color: #adb9e4;
}

.news .news-list li:hover .news-list-con {
    color: #adb9e4;
}

.news_3-left {
    width: 810px;
    float: left;
}

.news_3-left input[type='text'] {
    font-size: 14px;
    color: #999999;
    width: 362px;
    height: 60px;
    line-height: 60px;
    padding-left: 18px;
    margin: 0 10px 20px 0;
    float: left;
    background: #e2e2e2;
    border: none;
}

.news_3-left input[type='submit'] {
    font-size: 14px;
    color: #fff;
    width: 770px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #325cc7;
    border: none;
    cursor: pointer;
}

.news_3-left textarea {
    font-size: 14px;
    color: #999999;
    width: 770px;
    height: 182px;
    padding-top: 18px;
    text-indent: 18px;
    margin-bottom: 20px;
    background: #e2e2e2;
    border: none;
}

.news_3-right {
    width: 390px;
    float: left;
}


/*details*/

.details {
    width: 100%;
    padding-bottom: 100px;
}

.details-left {
    width: 770px;
    padding-right: 40px;
    float: left;
}

.details-right {
    width: 390;
    float: left;
}

.details-title {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: 2px #e0e0e0 solid;
}

.details-title h3 {
    font-size: 20px;
    color: #666666;
    padding: 28px 0 25px 0;
}

.details-title h4 {
    font-size: 36px;
    color: #325cc7;
    font-family: 'dincond-Medium';
    font-weight: 500;
    line-height: 30px;
}

.details-title p {
    font-size: 13px;
    color: #797a81;
    float: left;
    line-height: 32px;
}

.share {
    height: 32px;
    float: left;
    margin-left: 30px;
}

.share em {
    font-size: 13px;
    color: #797a81;
    line-height: 30px;
    float: left;
}

.share a {
    width: 32px;
    height: 32px;
    margin-left: 10px;
    float: left;
}

.share .wx {
    background: url("/big5/images/wx_on.png") no-repeat 0 0;
}

.share .wb {
    background: url("/big5/images/wb_on.png") no-repeat 0 0;
}

.share .qzone {
    background: url("/big5/images/qzone.png") no-repeat 0 0;
}

.share .qq {
    background: url("/big5/images/qq.png") no-repeat 0 0;
}

.details-con {
    width: 100%;
    padding-bottom: 10px;
}

.details-con p {
    font-size: 13px;
    color: #9d9d9d;
    margin-bottom: 25px;
}
.details-con img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
}

.details-bot {
    width: 342px;
    padding: 35px 24px;
    background: #fff url("../images/details-bot.jpg") no-repeat center top;
}

.details-bot a {
    font-size: 13px;
    color: #9d9d9d;
}

.details-bot a:hover {
    color: #325cc7;
}

.details .inve-more {
    background: url("/big5/images/ru.png") no-repeat center center;
}

.news_3-right {
    width: 390px;
    height: 385px;
    padding-top: 55px;
    background: #fff;
    text-align: center;
}

.news_3-right h2 {
    font-size: 18px;
    color: #325cc7;
    padding-bottom: 10px;
}

.news_3-right h3 {
    font-size: 16px;
    color: #666666;
}

.news_3-right p {
    font-size: 13px;
    color: #999999;
}

.news_3-right span {
    font-size: 16px;
    color: #666666;
    display: block;
    padding-top: 60px;
    margin-top: 35px;
}

.news_3-right .news-address {
    background: url("/big5/images/address.png") no-repeat center top;
}

.news_3-right .news-mail {
    background: url("/big5/images/mail.png") no-repeat center top;
    padding-top: 50px;
}


/*join*/

.join_1-left {
    width: 860px;
    padding-right: 40px;
    float: left;
    height: 349px;
    ;
}

.join_1-left h3 {
    font-size: 13px;
    color: #323232;
    padding-bottom: 5px;
}

.join_1-left p {
    font-size: 12.5px;
    color: #909090;
    padding-bottom: 25px;
}

.join_1-right {
    width: 300px;
    height: 349px;
    float: right;
}

.join_1-bot {
    width: 100%;
    height: 345px;
}

.join_1-bot .join_1-1 {
    width: 300px;
    height: 173px;
    float: left;
    background: #325cc7;
    text-align: center;
}

.join_1-bot .join_1-1 h4 {
    font-size: 30px;
    color: #fff;
    font-family: 'dincond-Medium';
    padding: 45px 0px 10px 0px;
}

.join_1-bot .join_1-1 h3 {
    font-size: 24px;
    color: #fff;
    ;
}

.join_1-bot .join_1-2 {
    width: 300px;
    float: left;
}

.join_1-bot .join_1-3 {
    width: 600px;
    height: 173px;
    background: url("/big5/images/hoin_1-4.jpg") no-repeat center center;
    float: right;
}

.join_1-bot .join_1-3 p {
    font-size: 18px;
    color: #fff;
    padding: 75px 0px 0px 35px;
}

.join_2-list {
    width: 100%;
    padding-bottom: 90px;
}

.join_2-list ul {
    width: 1220px;
}

.join_2-list li {
    width: 292px;
    height: 512px;
    float: left;
    margin-right: 11px;
}

.join_2-list li .join_2-img {
    width: 292px;
    height: 290px;
    position: relative;
    cursor: pointer;
}

.join_2-list li .join_2-img em {
    width: 292px;
    height: 290px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-opacity: 0;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.join_2-list li .join_2-li1 {
    background: url("/big5/images/join/jion_2-li1-on.png") no-repeat center center;
}

.join_2-list li .join_2-li2 {
    background: url("/big5/images/join/jion_2-li2-on.png") no-repeat center center;
}

.join_2-list li .join_2-li3 {
    background: url("/big5/images/join/jion_2-li3-on.png") no-repeat center center;
}

.join_2-list li .join_2-li4 {
    background: url("/big5/images/join/jion_2-li4-on.png") no-repeat center center;
}

.join_2-list li .join_2-img:hover em {
    -webkit-opacity: 1;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.join_2-list li .join_2-con {
    width: 242px;
    height: 197px;
    padding: 25px 25px 0px 25px;
    background: #fff;
}

.join_2-list li .join_2-con h3 {
    font-size: 18px;
    color: #333333;
    padding-bottom: 20px;
}

.join_2-list li .join_2-con p {
    font-size: 12.5px;
    color: #999999;
}


/*.join_2-list ul{width:1220px;}
.join_2-list li{width:590px;height:210px;margin:0px 20px 20px 0;float:left;background:#fff;}
.join_2-list li h3{font-size:16px;color:#333333;padding:30px 0px 20px;}
.join_2-list li p{font-size:12.5px;color:#999999;}
.join_2-list li span{width:100px;height:210px;float:left;display:block;}
.join_2-list .jion_2-li1 span{background:url("/big5/images/jion_2-li1.jpg") no-repeat left center;}
.join_2-list .jion_2-li2 span{background:url("/big5/images/jion_2-li2.jpg") no-repeat left center;}
.join_2-list .jion_2-li3 span{background:url("/big5/images/jion_2-li3.jpg") no-repeat left center;}
.join_2-list .jion_2-li4 span{background:url("/big5/images/jion_2-li4.jpg") no-repeat left center;}
*/

.join_4-list {
    width: 100%;
    height: 280px;
}

.join_4-list ul {
    width: 1220px;
}

.join_4-list li {
    width: 390px;
    float: left;
    margin-right: 15px;
}

.join_4-bot {
    width: 100%;
    height: 470px;
    margin: 50px 0px 80px 0;
    background: url("/big5/images/join_4-bot.jpg") no-repeat top center;
}

.join_4-bot li {
    width: 300px;
    height: 470px;
    float: left;
}

.join_4-bot li .join_4-img {
    width: 120px;
    height: 115px;
    text-align: center;
    line-height: 115px;
    margin: 0 auto;
    cursor: pointer;
}

.join_4-bot li .join_4-img img {
    line-height: 115px;
    vertical-align: middle;
    cursor: pointer;
}

.join_4-bot li .join_4-img:hover img {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
    transition: all 1s;
}

.join_4-bot li .jion_4-con {
    width: 240px;
    padding: 50px 30px 0px 30px;
    text-align: center;
}

.join_4-bot li .jion_4-con h3 {
    font-size: 20px;
    color: #666666;
    padding-bottom: 42px;
    margin-bottom: 35px;
    background: url("/big5/images/jion_4-con.jpg") no-repeat center bottom;
}

.join_4-bot li .jion_4-con p {
    font-size: 13px;
    color: #999999;
}

.hopson {
    width: 100%;
    height: 520px;
    position: relative;
}

.hopson-right {
    width: 947px;
    height: 430px;
    position: absolute;
    right: -360px;
    bottom: 0;
}

.hopson-R-top {
    width: 917px;
    height: 154px;
    background: #fff;
    padding: 40px 0px 0px 40px;
}

.hopson-R-top h2 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 100;
}

.hopson-R-top h3 {
    font-size: 13px;
    color: #3d3d3d;
}

.hopson-R-top h4 {
    font-size: 31px;
    color: #808080;
    font-weight: 500;
    font-family: 'dincond-medium';
    padding: 10px 0px 28px 0px;
}

.hopson-P {
    width: 917px;
    height: 100px;
    padding: 20px 0px 0px 40px;
    background: #325cc7;
}

.hopson-P p {
    font-size: 14px;
    color: #fff;
    padding-right: 70px;
    float: left;
}

.hopson-P p span {
    font-size: 36px;
    color: #fff;
    font-size: 'NOVECENTOWIDE';
    font-weight: 600;
    display: block;
    padding: 5px 0px 10px 0;
}

.hopson-list {
    width: 917px;
    height: 80px;
    padding: 37px 0px 0px 40px;
}

.hopson-list li {
    height: 80px;
    position: relative;
    padding: 0px 12px;
    float: left;
    margin-right: 17px;
}

.hopson-list li p {
    font-size: 16px;
    color: #666666;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.hopson-list li span {
    width: 100%;
    height: 4px;
    background: #e8e4e3;
    position: absolute;
    left: 0;
    top: 30px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.hopson-list li.curr p {
    color: #325cc7;
}

.hopson-list li.curr span {
    height: 49px;
}

.hopson-bot {
    width: 100%;
    height: 230px;
    background: #e8e4e3;
    position: relative;
    overflow: hidden;
    display: none;
}

.hopson-item {
    width: 100%;
    height: 230px;
    position: absolute;
    top: -300px;
}

.hopson-con {
    width: 614px;
    height: 200px;
    padding-top: 30px;
    float: left;
}

.hopson-con h3 {
    font-size: 16px;
    color: #333333;
    padding: 4px 0px 15px 0px;
}

.hopson-con p {
    font-size: 12.5px;
    color: #777777;
}

.hopson-add {
    width: 546px;
    height: 155px;
    padding: 75px 0px 0px 40px;
    float: left;
}

.hopson-add a {
    font-size: 12.5px;
    color: #fff;
    width: 70px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #325cc7;
    margin-right: 10px;
    border-radius: 40px;
    float: left;
}

.close {
    width: 40px;
    height: 40px;
    background: url("/big5/images/close.png") no-repeat center center;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10;
}


/*contact*/

.contact {
    width: 100%;
}

.contact h2 {
    font-size: 16px;
    color: #666666;
    padding-bottom: 30px;
    text-align: center;
}

.contact ul {
    width: 1220px;
}

.contact li {
    width: 550px;
    height: 120px;
    padding: 33px 0px 0px 40px;
    margin: 0px 20px 10px 0;
    float: left;
    background: #fff;
}

.contact li h3 {
    font-size: 16px;
    color: #325cc7;
    font-weight: 500;
    padding-bottom: 15px;
}

.contact li p {
    font-size: 12.5px;
    color: #999999;
}


/*legal*/

.legal {
    width: 100%;
    padding-bottom: 80px;
}

.legal h2 {
    font-size: 36px;
    color: #325cc7;
    font-weight: 500;
    padding-bottom: 14px;
}

.legal h3 {
    font-size: 18px;
    color: #323232;
    font-weight: 500;
    padding-bottom: 18px;
}

.legal p {
    font-size: 13px;
    color: #909090;
    padding-bottom: 18px;
}


/*sitemap*/

.sitemap .sitemap-1 {
    float: left;
    width: 150px;
    height: 300px;
    background-color: #fff;
    margin-right: 25px;
    margin-bottom: 145px;
}

.sitemap ul li:last-child {
    margin-right: 0;
}

.sitemap-1 h3 {
    height: 60px;
    background-color: #325cc7;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.sitemap .sitemap-1 ul {
    width: 150px;
    text-align: center;
    margin-top: 25px;
}

.sitemap .sitemap-1 ul li {
    margin-top: 3px;
    font-size: 12.5px;
}

.sitemap .sitemap-1 ul li a:hover {
    color: #325cc7;
}

.news-sear {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 3px #e1e1e1 solid;
}

.news-sear h3 {
    font-size: 24px;
    color: #325cc7;
    font-weight: 500;
    padding-bottom: 18px;
}

.news-sear p {
    font-size: 14px;
    color: #323232
}

.news-sear p em {
    font-size: 14px;
    color: #325cc7;
}


/*
* @state:  改版
* @Title:  共用样式表
* @Author: 锐诺互动-手艺支持-王文辉
* @Date:   2018-12-08 09:00:00
*/


/*about_group*/

.about_group {
    padding-top: 70px;
}

.about_group h1 {
    font-size: 30px;
    font-weight: normal;
    color: #474747;
}

.about_group h5 {
    margin-top: 20px;
    margin-bottom: 25px;
    font-family: 'dincond-Medium';
    font-weight: normal;
    font-size: 48px;
    color: rgb(128, 128, 128);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    letter-spacing: -2px;
}

.about_group p {
    font-size: 14px;
    color: #8c8f93;
    line-height: 1.6em;
    margin-bottom: 25px;
}

.about_group .hopson {
    height: 450px;
    margin-bottom: -85px;
    font-size: 0px;
    position: relative;
}

.about_group .hopson .bg {
    width: 1560px;
    height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #e7e3e2;
}

.about_group .hopson img {
    position: relative;
    z-index: 3;
    display: inline-block;
    vertical-align: top;
    width: 850px;
    height: 450px;
}

.about_group .hopson div {
    position: relative;
    z-index: 3;
    display: inline-block;
    vertical-align: top;
    width: 350px;
    height: 450px;
    box-sizing: border-box;
    background: rgb(50, 92, 199) url(../images/img/about/about_02.jpg) no-repeat center bottom;
    padding: 65px 30px 0 30px;
}

.about_group .hopson div h2 {
    font-family: 'dincond-Medium';
    font-size: 50px;
    color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    margin: 0;
    font-weight: 100;
    letter-spacing: 0px;
    margin-bottom: 25px;
}

.about_group .hopson div strong {
    display: block;
    font-weight: 100;
    font-size: 32px;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.about_group .hopson div em {
    font-size: 24px;
    color: #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    font-weight: normal;
    line-height: 0.8em;
}

.about_group .data {
    /* height: 367px; */
    padding: 87px 360px 99px 360px;
    margin: 0 -360px;
    background-color: #e7e3e2;
    font-size: 0px;
    position: relative;
    overflow: hidden;
}

.about_group .data ul {
    display: inline-block;
    vertical-align: top;
    width: 850px;
    font-size: 0px;
}

.about_group .data ul li {
    display: inline-block;
    vertical-align: top;
    width: 283px;
    height: 80px;
    box-sizing: border-box;
    margin-top: 60px;
    padding-left: 96px;
    position: relative;
}

.about_group .data ul li .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 40px;
}

.about_group .data ul li.li1 .icon {
    background: #fff url(../images/img/about/about_03.png) no-repeat center;
}

.about_group .data ul li.li2 .icon {
    background: #fff url(../images/img/about/about_0555.png) no-repeat center;
}

.about_group .data ul li.li3 .icon {
    background: #fff url(../images/img/about/about_05.png) no-repeat center;
}

.about_group .data ul li.li4 .icon {
    background: #fff url(../images/img/about/about_06.png) no-repeat center;
}

.about_group .data ul li.li5 .icon {
    background: #fff url(../images/img/about/about_07.png) no-repeat center;
}

.about_group .data ul li.li6 .icon {
    background: #fff url(../images/img/about/about_08.png) no-repeat center;
}
.about_group .data ul li:nth-child(3) .icon {
    background: #fff url(../images/img/about/about_0666.png) no-repeat center;
}

.about_group .data ul li.li6 .bold {
    display: none;
}

.about_group .data ul li .bold {
    display: block;
    font-family: 'dincond-Medium';
    font-size: 46px;
    color: #325CC7;
    font-weight: normal;
    padding-top: 16px;
    padding-bottom: 12px;
    letter-spacing: -2px;
}

.about_group .data ul li p {
    display: block;
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    font-weight: normal;
    margin-bottom: 0px;
}

.about_group .data ul li.li6 .ov {
    width: 186px;
    max-height: 132px;
    overflow: auto;
}

.about_group .mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=100);
}

.about_group .mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
}

.about_group .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    border-radius: 0px;
    background-color: #325CC7 !important;
}

.about_group .mCSB_inside>.mCSB_container {
    margin-right: 16px
}

.about_group .data img {
    display: inline-block;
    vertical-align: top;
    width: 350px;
    height: 367px;
}


/*about_culture1*/

.about_culture1 h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.about_culture1 h5 {
    margin-top: 20px;
    margin-bottom: 25px;
    font-family: 'dincond-Medium';
    font-weight: normal;
    font-size: 48px;
    color: rgb(128, 128, 128);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    letter-spacing: -2px;
}

.about_culture1 .toggle {
    font-size: 0px;
    margin-bottom: 95px;
    margin-top: 50px;
}

.about_culture1 .toggle a {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
    line-height: 0.8em;
}

.about_culture1 .toggle :first-child {
    padding-left: 0px;
    padding-right: 40px;
    border-left: none;
}

.about_culture1 .toggle a.on {
    color: #325CC7;
}

.about_culture1 .des {
    height: 300px;
    position: relative;
}

.about_culture1 .des .xian {
    position: absolute;
    z-index: 1;
    width: 1920px;
    height: 4px;
    background-color: rgb(220, 220, 220);
    top: 93px;
    left: -360px;
}

.about_culture1 .des ul {
    font-size: 0px;
    height: 300px;
    position: relative;
    z-index: 2;
}

.about_culture1 .des ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 400px;
    height: 300px;
    box-sizing: border-box;
    padding: 0 100px;
    text-align: center;
}

.about_culture1 .des ul li .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 55px;
    background: #F6F6F5 url(../images/img/about/about2_01.png) no-repeat center;
}

.about_culture1 .des ul li strong {
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    left: 100px;
    width: 200px;
    font-family: 'MONTSERRAT';
    font-size: 50px;
    color: rgb(199, 199, 199);
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.about_culture1 .des ul li em {
    display: block;
    font-weight: normal;
    position: absolute;
    top: 160px;
    left: 100px;
    width: 200px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 1.6em;
}

.about_culture1 .des ul li.even strong {
    top: 160px;
}

.about_culture1 .des ul li.even em {
    top: 0px;
}

.about_culture1 .des ul li .icon1 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_03.png) no-repeat center;
}

.about_culture1 .des ul li .icon2 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_04.png) no-repeat center;
}

.about_culture1 .des ul li .icon3 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_05.png) no-repeat center;
}

.about_culture1 .img {
    position: relative;
    z-index: 2;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 0 -360px;
}

.about_culture1 .img .cn {
    font-size: 32px;
    color: #fff;
    letter-spacing: 6px;
    padding-top: 180px;
    padding-bottom: 20px;
}

.about_culture1 .img .en {
    font-family: 'dincond-Medium';
    font-size: 40px;
    color: #fff;
    opacity: 0.3;
    filter: alpha(opacity=30);
    text-transform: uppercase;
    letter-spacing: 0px;
}


/*about_culture2*/

.about_culture2 h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.about_culture2 h5 {
    margin-top: 20px;
    margin-bottom: 25px;
    font-family: 'dincond-Medium';
    font-weight: normal;
    font-size: 48px;
    color: rgb(128, 128, 128);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    letter-spacing: -2px;
}

.about_culture2 .toggle {
    font-size: 0px;
    margin-bottom: 95px;
    margin-top: 50px;
}

.about_culture2 .toggle a {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
    line-height: 0.8em;
}

.about_culture2 .toggle :first-child {
    padding-left: 0px;
    padding-right: 40px;
    border-left: none;
}

.about_culture2 .toggle a.on {
    color: #325CC7;
}

.about_culture2 .des {
    height: 300px;
    position: relative;
}

.about_culture2 .des .xian {
    position: absolute;
    z-index: 1;
    width: 1920px;
    height: 4px;
    background-color: rgb(220, 220, 220);
    top: 93px;
    left: -360px;
}

.about_culture2 .des ul {
    font-size: 0px;
    height: 300px;
    position: relative;
    z-index: 2;
}

.about_culture2 .des ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 300px;
    box-sizing: border-box;
    padding: 0 3px;
    text-align: center;
}

.about_culture2 .des ul li .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 55px;
    background: #F6F6F5 url(../images/img/about/about2_01.png) no-repeat center;
}

.about_culture2 .des ul li strong {
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    left: 3px;
    width: 194px;
    font-family: 'MONTSERRAT';
    font-size: 50px;
    color: rgb(199, 199, 199);
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.about_culture2 .des ul li em {
    display: block;
    font-weight: normal;
    position: absolute;
    top: 160px;
    left: 3px;
    width: 194px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 1.6em;
}

.about_culture2 .des ul li.even strong {
    top: 160px;
}

.about_culture2 .des ul li.even em {
    top: 0px;
}

.about_culture2 .des ul li .icon1 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_08.png) no-repeat center;
}

.about_culture2 .des ul li .icon2 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_09.png) no-repeat center;
}

.about_culture2 .des ul li .icon3 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_10.png) no-repeat center;
}

.about_culture2 .des ul li .icon4 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_11.png) no-repeat center;
}

.about_culture2 .des ul li .icon5 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_12.png) no-repeat center;
}

.about_culture2 .des ul li .icon6 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_13.png) no-repeat center;
}

.about_culture2 .img {
    position: relative;
    z-index: 2;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 0 -360px;
}

.about_culture2 .img .cn {
    font-size: 32px;
    color: #325CC7;
    letter-spacing: 6px;
    padding-top: 180px;
    padding-bottom: 20px;
}

.about_culture2 .img .en {
    font-family: 'dincond-Medium';
    font-size: 40px;
    color: #fff;
    opacity: 0.3;
    filter: alpha(opacity=30);
    text-transform: uppercase;
    letter-spacing: 0px;
}


/*about_culture3*/

.about_culture3 h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.about_culture3 h5 {
    margin-top: 20px;
    margin-bottom: 25px;
    font-family: 'dincond-Medium';
    font-weight: normal;
    font-size: 48px;
    color: rgb(128, 128, 128);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    letter-spacing: -2px;
}

.about_culture3 .toggle {
    font-size: 0px;
    margin-bottom: 95px;
    margin-top: 50px;
}

.about_culture3 .toggle a {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
    line-height: 0.8em;
}

.about_culture3 .toggle :first-child {
    padding-left: 0px;
    padding-right: 40px;
    border-left: none;
}

.about_culture3 .toggle a.on {
    color: #325CC7;
}

.about_culture3 .des {
    height: 300px;
    position: relative;
}

.about_culture3 .des .xian {
    position: absolute;
    z-index: 1;
    width: 1920px;
    height: 4px;
    background-color: rgb(220, 220, 220);
    top: 93px;
    left: -360px;
}

.about_culture3 .des ul {
    font-size: 0px;
    height: 300px;
    position: relative;
    z-index: 2;
}

.about_culture3 .des ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    padding: 0 70px;
    text-align: center;
}

.about_culture3 .des ul li .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 55px;
    background: #F6F6F5 url(../images/img/about/about2_01.png) no-repeat center;
}

.about_culture3 .des ul li strong {
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    left: 70px;
    width: 160px;
    font-family: 'MONTSERRAT';
    font-size: 50px;
    color: rgb(199, 199, 199);
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.about_culture3 .des ul li em {
    display: block;
    font-weight: normal;
    position: absolute;
    top: 160px;
    left: 70px;
    width: 160px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 1.6em;
}

.about_culture3 .des ul li.even strong {
    top: 160px;
}

.about_culture3 .des ul li.even em {
    top: 0px;
}

.about_culture3 .des ul li .icon1 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_15.png) no-repeat center;
}

.about_culture3 .des ul li .icon2 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_16.png) no-repeat center;
}

.about_culture3 .des ul li .icon3 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_17.png) no-repeat center;
}

.about_culture3 .des ul li .icon4 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_18.png) no-repeat center;
}

.about_culture3 .des ul li .icon5 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_19.png) no-repeat center;
}

.about_culture3 .des ul li .icon6 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_20.png) no-repeat center;
}

.about_culture3 .img {
    position: relative;
    z-index: 2;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 0 -360px;
}

.about_culture3 .img .cn {
    font-size: 32px;
    color: #325CC7;
    letter-spacing: 6px;
    padding-top: 180px;
    padding-bottom: 20px;
}

.about_culture3 .img .en {
    font-family: 'dincond-Medium';
    font-size: 40px;
    color: #fff;
    opacity: 0.3;
    filter: alpha(opacity=30);
    text-transform: uppercase;
    letter-spacing: 0px;
}


/*about_culture4*/

.about_culture4 h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.about_culture4 h5 {
    margin-top: 20px;
    margin-bottom: 25px;
    font-family: 'dincond-Medium';
    font-weight: normal;
    font-size: 48px;
    color: rgb(128, 128, 128);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    letter-spacing: -2px;
}

.about_culture4 .toggle {
    font-size: 0px;
    margin-bottom: 95px;
    margin-top: 50px;
}

.about_culture4 .toggle a {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
    line-height: 0.8em;
}

.about_culture4 .toggle :first-child {
    padding-left: 0px;
    padding-right: 40px;
    border-left: none;
}

.about_culture4 .toggle a.on {
    color: #325CC7;
}

.about_culture4 .des {
    height: 300px;
    position: relative;
}

.about_culture4 .des .xian {
    position: absolute;
    z-index: 1;
    width: 1920px;
    height: 4px;
    background-color: rgb(220, 220, 220);
    top: 93px;
    left: -360px;
}

.about_culture4 .des ul {
    font-size: 0px;
    height: 300px;
    position: relative;
    z-index: 2;
}

.about_culture4 .des ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: 300px;
    box-sizing: border-box;
    padding: 0 0px;
    text-align: center;
}

.about_culture4 .des ul li .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 55px;
    background: #F6F6F5 url(../images/img/about/about2_01.png) no-repeat center;
}

.about_culture4 .des ul li strong {
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 240px;
    font-family: 'MONTSERRAT';
    font-size: 50px;
    color: rgb(199, 199, 199);
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.about_culture4 .des ul li em {
    display: block;
    font-weight: normal;
    position: absolute;
    top: 160px;
    left: 0px;
    width: 240px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 1.6em;
}

.about_culture4 .des ul li.even strong {
    top: 160px;
}

.about_culture4 .des ul li.even em {
    top: 0px;
}

.about_culture4 .des ul li .icon1 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_20.png) no-repeat center;
}

.about_culture4 .des ul li .icon2 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_21.png) no-repeat center;
}

.about_culture4 .des ul li .icon3 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_22.png) no-repeat center;
}

.about_culture4 .des ul li .icon4 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_23.png) no-repeat center;
}

.about_culture4 .des ul li .icon5 div {
    width: 100%;
    height: 100%;
    background: url(/big5/images/img/about/about2_24.png) no-repeat center;
}

.about_culture4 .img {
    position: relative;
    z-index: 2;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 0 -360px;
}

.about_culture4 .img .cn {
    font-size: 32px;
    color: #eebb33;
    letter-spacing: 6px;
    padding-top: 180px;
    padding-bottom: 20px;
}

.about_culture4 .img .en {
    font-family: 'dincond-Medium';
    font-size: 40px;
    color: #fff;
    opacity: 0.3;
    filter: alpha(opacity=30);
    text-transform: uppercase;
    letter-spacing: 0px;
}


/*about_brand*/

.about_brand {
    padding: 0px;
}

.about_brand .topimg {
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 0 -360px;
}

.about_brand .des {
    height: 650px;
    position: relative;
    line-height: 0.8em;
}

.about_brand .des .des_lt {
    position: absolute;
    width: 336px;
    top: 163px;
    left: 0px;
}

.about_brand .des .des_rt {
    position: absolute;
    width: 298px;
    top: 163px;
    right: 100px;
    text-align: center;
}

.about_brand .des .des_cb {
    position: absolute;
    width: 990px;
    top: 480px;
    /* text-align: left; */
    /* margin: auto; */
    left: 0;
    right: 0;
    margin: auto;
}

.about_brand .des h5 {
    font-size: 18px;
    color: rgb(102, 102, 102);
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.about_brand .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.about_brand .des .img {
    position: absolute;
    z-index: 2;
    width: 400px;
    height: 400px;
    top: 40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.about_brand .des .img div {
    position: absolute;
    z-index: 1;
    width: 400px;
    height: 400px;
    top: 0;
    left: 0;
    background: url(/big5/images/img/about/about3_02.png) no-repeat center;
}

.about_brand .des .img img {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.about_brand .media {
    height: 480px;
    padding-left: 360px;
    padding-right: 360px;
    margin: 0 -360px;
    background-color: rgb(231, 227, 226);
}

.about_brand .media .photo {
    position: relative;
    float: left;
    margin-left: 133px;
    margin-top: 45px;
    width: 280px;
    height: 392px;
    box-shadow: 5px 5px 10px 0 #ccc;
}

.about_brand .media .photo .look {
    position: absolute;
    top: 192px;
    left: 137px;
    width: 50px;
    height: 50px;
    background-color: #325CC7;
    background-image: url(/big5/images/img/about/about3_04.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 25px;
    text-indent: -9999px;
    transition: all 400ms;
}

.about_brand .media .photo .download {
    position: absolute;
    top: 192px;
    left: 204px;
    width: 50px;
    height: 50px;
    background-color: #f3872c;
    background-image: url(/big5/images/img/about/about3_05.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 25px;
    text-indent: -9999px;
    transition: all 400ms;
}

.about_brand .media .video {
    position: relative;
    float: right;
    margin-top: 45px;
    width: 726px;
    height: 392px;
    box-shadow: 5px 5px 10px 0 #ccc;
    background-color: #fff;
    box-sizing: border-box;
    border: 16px solid #fff;
}

.about_brand .media .video img {
    width: 100%;
    height: 100%;
    display: block;
}

.about_brand .media .video .bg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 400ms;
}

.about_brand .media .video .play {
    position: absolute;
    z-index: 3;
    top: 120px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    border-radius: 40px;
    background-image: url(/big5/images/img/about/about3_06.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: all 400ms;
}

.about_brand .media .video .txt {
    position: absolute;
    z-index: 4;
    top: 220px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.about_brand .media .video:hover .bg {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.about_brand .media .video .play:hover {
    background-color: #fff;
}


/*about_event*/

.about_event {
    padding-top: 70px;
    padding-bottom: 50px;
}

.about_event .w1200 {
    position: relative;
    padding-bottom: 1px;
}

.about_event .control {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 137px;
    width: 2px;
    height: 100%;
    background-color: #ccc8c7;
}

.about_event .control div {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1px;
    width: 52px;
    height: 52px;
    border-radius: 26px;
    background: #F6F6F5 url(../images/img/about/about4_01.png) no-repeat center;
    margin-left: -26px;
    text-indent: -9999px;
}

.about_event .control button {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 1px;
    width: 52px;
    height: 52px;
    border-radius: 26px;
    background: #F6F6F5 url(../images/img/about/about4_02.png) no-repeat center;
    margin-left: -26px;
    text-indent: -9999px;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
}

.about_event ul {
    padding-top: 45px;
    margin-bottom: 100px;
    position: relative;
    z-index: 2;
}

.about_event ul li {
    margin-bottom: 20px;
    min-height: 80px;
    font-size: 0px;
}

.about_event ul li .year {
    display: inline-block;
    vertical-align: top;
    width: 147px;
    height: 79px;
    box-sizing: border-box;
    padding-right: 36px;
    padding-top: 52px;
    text-align: right;
    font-family: 'DINCond-Bold';
    font-size: 30px;
    color: #325CC7;
    background: url(/big5/images/img/about/about4_04.png) no-repeat right 55px;
}

.about_event ul li .event {
    display: inline-block;
    vertical-align: top;
    width: 1026px;
    margin-left: 27px;
    box-sizing: border-box;
    padding-left: 26px;
    background: url(/big5/images/img/about/about4_03.png) no-repeat left 48px;
}

.about_event ul li .event .des {
    padding: 40px;
    background-color: #fff;
}

.about_event ul li .event .des .tit {
    margin-bottom: 20px;
    font-size: 18px;
    color: #474747;
}

.about_event ul li .event .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    padding-left: 11px;
    position: relative;
}

.about_event ul li .event .des p::before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0px;
    width: 3px;
    height: 3px;
    background-color: rgb(153, 153, 153);
    border-radius: 2px;
}


/*product_estate*/

.product_estate h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_estate p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
}

.product_estate ul {
    margin-top: 45px;
    width: 1200px;
    height: 120px;
    font-size: 0px;
    position: relative;
    z-index: 2;
}

.product_estate ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.product_estate ul li a {
    width: 236px;
    height: 310px;
    display: block;
    position: relative;
    overflow: hidden;
}

.product_estate ul li a div {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 120px;
    background-color: #fff;
    top: 0;
    left: 0;
    transition: all 400ms;
}

.product_estate ul li a em {
    position: relative;
    z-index: 2;
    font-family: 'dincond-Medium';
    display: block;
    font-size: 26px;
    color: rgb(192, 192, 192);
    line-height: 1em;
    padding-top: 20px;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 100;
    transition: all 400ms;
}

.product_estate ul li a strong {
    position: relative;
    z-index: 2;
    font-size: 18px;
    color: rgb(102, 102, 102);
    padding-left: 20px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
    transition: all 400ms;
}

.product_estate ul li a:hover div {
    top: -120px;
}

.product_estate ul li a:hover em {
    color: #fff;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.product_estate ul li a:hover strong {
    color: #fff;
}

.product_estate ul>li:first-child {
    margin-left: 0;
}

.product_estate ul>li.li1 {
    background-image: linear-gradient(0deg, rgb(240, 119, 119) 0%, rgb(255, 255, 255) 170%);
}

.product_estate ul>li.li2 {
    background-image: linear-gradient(0deg, rgb(255, 199, 88) 0%, rgb(255, 255, 255) 170%);
}

.product_estate ul>li.li3 {
    background-image: linear-gradient(0deg, rgb(38, 203, 122) 0%, rgb(255, 255, 255) 170%);
}

.product_estate ul>li.li4 {
    background-image: linear-gradient(0deg, rgb(189, 145, 250) 0%, rgb(255, 255, 255) 170%);
}

.product_estate ul>li.li5 {
    background-image: linear-gradient(0deg, rgb(108, 165, 205) 0%, rgb(255, 255, 255) 170%);
}

.product_estate ul>li.li1 a {
    background: url(/big5/images/img/product/product_01.png) no-repeat 10px 90%;
}

.product_estate ul>li.li2 a {
    background: url(/big5/images/img/product/product_02.png) no-repeat 10px 90%;
}

.product_estate ul>li.li3 a {
    background: url(/big5/images/img/product/product_03.png) no-repeat 10px 90%;
}

.product_estate ul>li.li4 a {
    background: url(/big5/images/img/product/product_04.png) no-repeat 10px 90%;
}

.product_estate ul>li.li5 a {
    background: url(/big5/images/img/product/product_05.png) no-repeat 10px 90%;
}

.product_estate ul>li.li1.on {
    background-image: none;
    background-color: rgb(240, 119, 119);
}

.product_estate ul>li.li2.on {
    background-image: none;
    background-color: rgb(255, 199, 88);
}

.product_estate ul>li.li3.on {
    background-image: none;
    background-color: rgb(38, 203, 122);
}

.product_estate ul>li.li4.on {
    background-image: none;
    background-color: rgb(189, 145, 250);
}

.product_estate ul>li.li5.on {
    background-image: none;
    background-color: rgb(108, 165, 205);
}

.product_estate .img {
    height: 560px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 0 -360px;
}


/*product_estate_select*/

.product_estate_select ::-webkit-scrollbar {
    width: 4px;
    height: 7px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.product_estate_select ::-webkit-scrollbar-thumb {
    background-color: rgb(206, 210, 223);
}

.product_estate_select ::-webkit-input-placeholder {
    color: rgb(153, 153, 153);
}

.product_estate_select :-moz-placeholder {
    color: rgb(153, 153, 153);
}

.product_estate_select ::-moz-placeholder {
    color: rgb(153, 153, 153);
}

.product_estate_select :-ms-input-placeholder {
    color: rgb(153, 153, 153);
}

.product_estate_select .w1200 {
    padding-bottom: 60px;
}

.product_estate_select .title {
    min-height: 136px;
    position: relative;
    box-sizing: border-box;
    padding-right: 450px;
    margin-bottom: 57px;
}

.product_estate_select .title h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_estate_select .title p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
}

.product_estate_select .title .filter {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 390px;
}

.product_estate_select .title .filter>div {
    width: 390px;
    height: 60px;
    position: relative;
}

.product_estate_select .title .filter>div input {
    width: 330px;
    height: 60px;
    background-color: #fff;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 0 20px;
    display: block;
    font-size: 18px;
    color: rgb(153, 153, 153);
}

.product_estate_select .title .filter>div button {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: none;
    outline: none;
    text-indent: -9999px;
}

.product_estate_select .title .filter>div.area {
    margin-bottom: 16px;
    position: relative;
    z-index: 3;
}

.product_estate_select .title .filter>div.area button {
    background: rgb(206, 210, 223) url(../images/img/product/product_d_01.png) no-repeat center;
}

.product_estate_select .title .filter>div.area ul {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 390px;
    max-height: 300px;
    overflow: auto;
    background-color: #fff;
}

.product_estate_select .title .filter>div.area ul a {
    display: block;
    height: 50px;
    text-indent: 20px;
    font-size: 18px;
    color: rgb(153, 153, 153);
    line-height: 50px;
    transition: all 400ms;
}

.product_estate_select .title .filter>div.area ul a:hover {
    background-color: rgb(206, 210, 223);
}

.product_estate_select .title .filter>div.sel input {
    font-size: 16px;
    color: rgb(153, 153, 153);
}

.product_estate_select .title .filter>div.sel button {
    background: rgb(206, 210, 223) url(../images/img/product/product_d_02.png) no-repeat center;
}

.product_estate_select h5 {
    height: 46px;
    border-top: 2px solid rgb(226, 226, 226);
}

.product_estate_select h5 em {
    display: block;
    width: 180px;
    height: 46px;
    background-color: #325cc7;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    border-radius: 23px;
    margin-top: -24px;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
}

.product_estate_select .developed img {
    margin-bottom: 55px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.product_estate_select .onsale ul {
    width: 1216px;
    font-size: 0px;
}

.product_estate_select .onsale ul li {
    display: inline-block;
    vertical-align: top;
}

.product_estate_select .onsale ul li a {
    width: 390px;
    height: 406px;
    margin-top: 15px;
    margin-right: 15px;
}

.product_estate_select .onsale ul li a img {
    width: 390px;
    height: 260px;
    display: block;
}

.product_estate_select .onsale ul li a .text {
    overflow: hidden;
    background-color: #fff;
    height: 146px;
    box-sizing: border-box;
    padding: 20px 20px 0 20px;
    background-repeat: no-repeat;
    background-position: 330px center;
    transition: all 400ms;
}

.product_estate_select .onsale ul li a .text strong {
    font-size: 18px;
    color: #325cc7;
    font-weight: normal;
    display: block;
    line-height: 0.8em;
    transition: all 400ms;
}

.product_estate_select .onsale ul li a .text em {
    font-size: 16px;
    color: rgb(102, 102, 102);
    font-weight: normal;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 0.8em;
}

.product_estate_select .onsale ul li a .text p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
}

.product_estate_select .onsale ul li a:hover .text {
    background-color: #325cc7;
    background-position: 330px center;
    background-image: url(/big5/images/img/product/product_d_05.png);
}

.product_estate_select .onsale ul li a:hover .text strong {
    font-size: 24px;
    color: #fff;
    padding-top: 40px;
}

.product_estate_select .onsale ul li a:hover .text em {
    display: none;
}

.product_estate_select .onsale ul li a:hover .text p {
    display: none;
}

.product_estate_select .onsale .more {
    margin: 50px auto 0 auto;
    width: 52px;
    height: 52px;
    display: block;
    background: url(/big5/images/img/product/product_d_06.png) no-repeat center;
    text-indent: -9999px;
}


/*product_estate_select_d*/

.product_estate_select_d {
    padding-top: 70px;
    font-size: 0px;
}

.product_estate_select_d .topimg {
    text-align: center;
    position: relative;
    margin-bottom: 80px;
}

.product_estate_select_d .topimg img {
    display: inline-block;
    width: 180px;
}
.product_estate_select_d .topimg h3 {
    margin: 10px auto 0;
    font-size: 20px;
    color: #325cc7;
    width: 50%;
}

.product_estate_select_d .topimg::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 400px;
    width: 40px;
    height: 2px;
    background-color: rgb(223, 223, 223);
}

.product_estate_select_d .topimg::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 400px;
    width: 40px;
    height: 2px;
    background-color: rgb(223, 223, 223);
}

.product_estate_select_d .w1200>p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
}

.product_estate_select_d .w1200>p strong {
    display: block;
    padding-bottom: 10px;
}

.product_estate_select_d .slide {
    margin-top: 45px;
    display: inline-block;
    vertical-align: top;
    width: 720px;
    height: 420px;
    overflow: hidden;
    position: relative;
}

.product_estate_select_d .slide .bd li {
    width: 720px;
    height: 420px;
}

.product_estate_select_d .slide .bd li img {
    width: 720px;
    height: 420px;
    display: block;
}

.product_estate_select_d .slide .toggle {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 141px;
    height: 62px;
    background-color: rgb(64, 65, 69);
}

.product_estate_select_d .slide .toggle a {
    float: left;
    width: 70px;
    height: 62px;
    background: url(/big5/images/img/product/product_d_d_02.png) no-repeat center;
}

.product_estate_select_d .slide .toggle a.next {
    float: right;
    background: url(/big5/images/img/product/product_d_d_03.png) no-repeat center;
}

.product_estate_select_d .slide .toggle::before {
    content: "";
    width: 1px;
    height: 28px;
    background-color: rgb(107, 107, 110);
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 70px;
}

.product_estate_select_d .slide .pageState {
    font-family: 'MONTSERRAT';
    position: absolute;
    bottom: 0;
    right: 176px;
    height: 62px;
    line-height: 62px;
    font-size: 26px;
    color: #fff;
    font-weight: normal;
}

.product_estate_select_d .slide .pageState span {
    font-family: 'MONTSERRAT';
    font-size: 26px;
    color: #fff;
    font-weight: normal;
}

.product_estate_select_d .text {
    margin-top: 45px;
    display: inline-block;
    vertical-align: top;
    width: 480px;
    height: 420px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 50px 40px 0 40px;
}

.product_estate_select_d .text strong {
    display: block;
    font-size: 24px;
    color: #325cc7;
    margin-bottom: 20px;
    font-weight: normal;
}

.product_estate_select_d .text em {
    display: block;
    font-weight: normal;
    margin: 20px 0 35px 0;
    font-size: 18px;
    color: rgb(102, 102, 102);
}

.product_estate_select_d .text div {
    margin-top: 15px;
    box-sizing: border-box;
    padding-left: 36px;
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
}

.product_estate_select_d .text div.pos {
    background: url(/big5/images/img/product/product_d_d_05.png) no-repeat;
}

.product_estate_select_d .text div.phone {
    background: url(/big5/images/img/product/product_d_d_06.png) no-repeat;
    margin-bottom: 30px;
}

.product_estate_select_d #map {
    height: 360px;
}

.product_estate_select_d .back {
    position: fixed;
    z-index: 999;
    right: 30px;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 50px;
    background: url(/big5/images/img/product/product_d_d_back.png) no-repeat center 11px;
    line-height: 65px;
    font-size: 14px;
    text-align: center;
    color: rgb(153, 153, 153);
    transition: all 400ms;
}

.product_estate_select_d .back:hover {
    border-color: #325CC7;
    background-color: #325CC7;
    background-image: url(/big5/images/img/product/product_d_d_back_hover.png);
    color: #fff;
}


/*product_business*/

.product_business .w1200 {
    width: auto;
    max-width: 1400px;
    min-width: 1304px;
    padding-bottom: 60px;
}

.product_business .title {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.product_business .title h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_business .title p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 10px;
}

.product_business .title .filter {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 390px;
}

.product_business .title .filter>div {
    width: 390px;
    height: 60px;
    position: relative;
}

.product_business .title .filter>div input {
    width: 330px;
    height: 60px;
    background-color: #fff;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 0 20px;
    display: block;
    font-size: 18px;
    color: rgb(153, 153, 153);
}

.product_business .title .filter>div button {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: none;
    outline: none;
    text-indent: -9999px;
}

.product_business .title .filter>div.sel input {
    font-size: 14px;
    color: rgb(204, 204, 204);
}

.product_business .title .filter>div.sel button {
    background: rgb(206, 210, 223) url(../images/img/product/product_d_02.png) no-repeat center;
}

.product_business .items {
    margin-top: 70px;
    width: 100%;
}

.product_business .items h5 {
    height: 46px;
    border-top: 2px solid rgb(226, 226, 226);
    width: 1200px;
    margin: 0 auto;
}

.product_business .items h5 em {
    display: block;
    width: 202px;
    height: 46px;
    background-color: #325cc7;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    border-radius: 23px;
    margin-top: -24px;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
}

.product_business .items .slide {
    height: 350px;
    width: 100%;
    position: relative;
}

.product_business .items .slide>a {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 0px;
    width: 52px;
    height: 52px;
    background: url(/big5/images/img/product/product2_01.png) no-repeat center;
}

.product_business .items .slide>a.next {
    left: auto;
    right: 0px;
    background-image: url(/big5/images/img/product/product2_02.png);
}

.product_business .items .slide .bd {
    width: 1200px;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
}

.product_business .items .slide .bd ul {
    min-width: 1215px;
    font-size: 0px;
}

.product_business .items .slide .bd ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.product_business .items .slide .bd ul li a {
    display: block;
    width: 390px;
    height: 350px;
    cursor: auto;
}

.product_business .items .slide .bd ul li a img {
    display: block;
    width: 390px;
    height: 260px;
}

.product_business .items .slide .bd ul li a .text {
    transition: all 400ms;
    width: 390px;
    height: 90px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
}

.product_business .items .slide .bd ul li a .text h6 {
    transition: all 400ms;
    font-weight: normal;
    font-size: 18px;
    color: #325cc7;
    line-height: 0.8em;
    margin-bottom: 15px;
    /* width: 270px; */
}

.product_business .items .slide .bd ul li a .text strong {
    transition: all 400ms;
    font-size: 16px;
    color: rgb(102, 102, 102);
    display: block;
    font-weight: normal;
    line-height: 0.8em;
    width: 270px;
}

.product_business .items .slide .bd ul li a .text em {
    transition: all 400ms;
    position: absolute;
    z-index: 3;
    top: 20px;
    right: 20px;
    width: 80px;
    height: 26px;
    box-sizing: border-box;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 13px;
    font-size: 13px;
    color: rgb(153, 153, 153);
    text-align: center;
    line-height: 24px;
    font-weight: normal;
}

.product_business .items .slide .bd ul li a:hover .text {
    background-color: #325cc7;
}

.product_business .items .slide .bd ul li a:hover h6 {
    color: #fff;
}

.product_business .items .slide .bd ul li a:hover strong {
    color: #fff;
}

.product_business .items .slide .bd ul li a:hover em {
    color: #fff;
    border-color: #fff;
}


/*product_business_d*/

.product_business_d {
    font-size: 0px;
}

.product_business_d h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_business_d p strong {
    font-size: 18px;
    color: rgb(102, 102, 102);
    font-weight: normal;
}

.product_business_d p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 10px;
}

.product_business_d .slide {
    margin-top: 45px;
    display: inline-block;
    vertical-align: top;
    width: 720px;
    height: 420px;
    overflow: hidden;
    position: relative;
}

.product_business_d .slide .bd li {
    width: 720px;
    height: 420px;
}

.product_business_d .slide .bd li img {
    width: 720px;
    height: 420px;
    display: block;
}

.product_business_d .slide .toggle {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 141px;
    height: 62px;
    background-color: rgb(64, 65, 69);
}

.product_business_d .slide .toggle a {
    float: left;
    width: 70px;
    height: 62px;
    background: url(/big5/images/img/product/product_d_d_02.png) no-repeat center;
}

.product_business_d .slide .toggle a.next {
    float: right;
    background: url(/big5/images/img/product/product_d_d_03.png) no-repeat center;
}

.product_business_d .slide .toggle::before {
    content: "";
    width: 1px;
    height: 28px;
    background-color: rgb(107, 107, 110);
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 70px;
}

.product_business_d .slide .pageState {
    font-family: 'MONTSERRAT';
    position: absolute;
    bottom: 0;
    right: 176px;
    height: 62px;
    line-height: 62px;
    font-size: 26px;
    color: #fff;
    font-weight: normal;
}

.product_business_d .text {
    margin-top: 45px;
    display: inline-block;
    vertical-align: top;
    width: 480px;
    height: 420px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 50px 40px 0 40px;
}

.product_business_d .text strong {
    display: block;
    font-size: 24px;
    color: #325cc7;
    margin-bottom: 15px;
    line-height: 0.8em;
    font-weight: normal;
}

.product_business_d .text em {
    display: block;
    font-weight: normal;
    margin: 15px 0 20px 0;
    font-size: 18px;
    color: rgb(102, 102, 102);
}

.product_business_d .text div {
    margin-top: 15px;
    padding-left: 36px;
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
}

.product_business_d .text div.province {
    font-size: 16px;
    color: #325cc7;
    padding-left: 0px;
    line-height: 0.8em;
    margin: 27px 0;
}

.product_business_d .text div.total_area,
.product_business_d .text div.bus_area {
    background: url(/big5/images/img/product/product2_d_02.png) no-repeat left top;
}

.product_business_d .text div.pro {
    background: url(/big5/images/img/product/product2_d_03.png) no-repeat left top
}

.product_business_d .text div.pos {
    background: url(/big5/images/img/product/product_d_d_05.png) no-repeat left top
}

.product_business_d #map {
    height: 360px;
}


/*product_property_service*/

.product_property_service {
    padding-top: 70px;
    line-height: 0.8em;
}

.product_property_service .toggle {
    text-align: center;
    font-size: 0px;
    margin-bottom: 66px;
}

.product_property_service .toggle a {
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
}

.product_property_service .toggle :first-child {
    border-left: none;
}

.product_property_service .toggle a.on {
    color: #325CC7;
}

.product_property_service .des {
    font-size: 0px;
    min-height: 620px;
    padding-bottom: 30px;
    position: relative;
}


.product_property_service .des .le{
    float: left;
    width: 680px;
}
.product_property_service .des .le .v_logo{
    margin-bottom: 20px;
}

.product_property_service .des h4 {
    font-size: 24px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_property_service .des .text {
    display: inline-block;
    vertical-align: top;
    /* width: 730px; */
    box-sizing: border-box;
    /* padding-right: 50px; */
}

.product_property_service .des .text p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 14px;
    text-align: justify;
}
.product3-news2 .iux{
    float: right;
    padding-bottom: 30px;
}
.product_property_service.product3-news2 .des {
    min-height: auto;
}

.product_property_service.product3-news2 .des .le{
    width: 650px;
}
.product_property_service .des .le .exBox{
    height: 290px;
    box-sizing: border-box;
    background: url(/big5/images/product/product3-news1-ewBox.png) no-repeat center top;
    padding-top: 40px;
    margin-top: 20px;
}
.product_property_service .des .le .exBox .ul {
    margin: auto;
    /* width: 150px; */
    text-align: center;
}
.product_property_service .des .le .exBox .ul .li {
    display: inline-block;
    margin: 0 20px;
}
.product3-news1 .img img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
}
.product_property_service .des .le .exBox .ew{
    display: block;
    width: 150px;
    border: 4px solid #FFF;
}
.product_property_service .des .le .exBox .wx-ic{
    display: block;
    margin: 10px auto 8px;
}
.product_property_service .des .le .exBox h6{
    color: #6d6c6c;
    font-size: 14px; 
    font-weight: 400;
    text-align: center;
    line-height: 33px;
}
.product_property_service .des .posBox{
    width: 470px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.product_property_service .des .posBox .bom{
    height: 154px;
    background-color: #dd6e37;
    padding: 30px;
    box-sizing: border-box;
}
.product_property_service .des .posBox .bom h5{
    color: #eef1f7;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.3;
}
.product_property_service .des .posBox .bom h6{
    color: #ffffff;
    font-size: 30px;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'dincond-Medium';
    opacity: .23;
    filter: alpha(opacity=23);
}
.product_property_service .des ul {
    display: inline-block;
    vertical-align: top;
    width: 470px;
    height: 453px;
    box-sizing: border-box;
    padding-top: 50px;
    padding-left: 30px;
    background-color: #f0793e;
    font-size: 0px;
}

.product_property_service .des ul li {
    display: inline-block;
    vertical-align: top;
    width: 212px;
    height: 70px;
    box-sizing: border-box;
    margin-bottom: 60px;
    padding-left: 85px;
    position: relative;
    color: #fff;
}

.product_property_service .des ul li .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 70px;
}

.product_property_service .contBom{
    height: 400px;
    background-position: center top;
}
.product_property_service .contBom strong{
    display: block;
    padding-top: 155px;
    padding-bottom: 16px;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    line-height: 0.8em;
}
.product_property_service .contBom em{
    display: block;
    font-family: 'MONTSERRAT';
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    line-height: 0.8em;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.product_property_service .des ul li.li1 .icon {
    background: #fff url(../images/img/product/product3_01.png) no-repeat center;
}

.product_property_service .des ul li.li2 .icon {
    background: #fff url(../images/img/product/product3_02.png) no-repeat center;
}

.product_property_service .des ul li.li3 .icon {
    background: #fff url(../images/img/product/product3_03.png) no-repeat center;
}

.product_property_service .des ul li.li4 .icon {
    background: #fff url(../images/img/product/product3_04.png) no-repeat center;
}

.product_property_service .des ul li.li5 .icon {
    background: #fff url(../images/img/product/product3_05.png) no-repeat center;
}

.product_property_service .des ul li strong {
    display: inline-block;
    font-family: 'dincond-Medium';
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 4px;
}

.product_property_service .des ul li em {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 1.6em;
    opacity: 0.4;
    filter: alpha(opacity=40);
    font-weight: normal;
}

.product_property_service .des ul li.li5 {
    width: 396px;
}

.product_property_service .helife {
    height: 352px;
    padding: 0 360px;
    margin: 0 -360px;
    background-color: rgb(232, 228, 227);
    font-size: 0px;
    padding-top: 70px;
}

.product_property_service .helife .left {
    width: 350px;
    display: inline-block;
    vertical-align: top;
}

.product_property_service .helife .left img {
    display: block;
}

.product_property_service .helife .center {
    display: inline-block;
    vertical-align: top;
    width: 556px;
    box-sizing: border-box;
    padding-right: 50px;
}

.product_property_service .helife .center>div {
    margin-bottom: 37px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-left: 75px;
}

.product_property_service .helife .center>div em {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'MONTSERRAT';
    display: block;
    font-size: 50px;
    color: #fa880e;
    font-weight: normal;
    line-height: 0.7em;
}

.product_property_service .helife .center>div.item2 em {
    color: #f5b61e;
}

.product_property_service .helife .center>div.item3 em {
    color: #4a74d4;
}

.product_property_service .helife .center>div strong {
    display: block;
    font-weight: normal;
    font-size: 18px;
    color: rgb(125, 125, 125);
    margin-bottom: 15px;
}

.product_property_service .helife .center>div p {
    font-size: 14px;
    color: rgb(125, 125, 125);
    line-height: 1.6em;
}

.product_property_service .helife .right {
    display: inline-block;
    vertical-align: top;
    width: 294px;
    height: 352px;
    background: url(/big5/images/img/product/product3_07.png) no-repeat center top;
    box-sizing: border-box;
    padding-top: 110px;
}

.product_property_service .helife .right div {
    width: 154px;
    height: 174px;
    background-color: rgb(248, 243, 241);
    margin-left: auto;
    margin-right: auto;
}

.product_property_service .helife .right img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
}

.product_property_service .helife .right strong {
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: rgb(108, 108, 108);
    text-align: center;
    line-height: 0.8em;
    margin-top: 8px;
}

.product_property_service .img {
    padding: 0 360px;
    margin: 0 -360px;
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
}
.product_property_service.product3-news1 .img {
    height: auto;
}

.product_property_service .img strong {
    width: 140px;
    margin-left: -10px;
    text-align: center;
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    margin-top: 9px;
}

.product_property_service .img em {
    display: block;
    font-family: 'MONTSERRAT';
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    line-height: 0.8em;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.product_property_service .cardYux {
    position: relative;
    overflow: hidden;
    height: 570px;
}
.product_property_service .cardYux .list{
    float: left;
    width: 374px;
}
.product_property_service .cardYux .list.list-R{
    float: right;
}
.product_property_service .cardYux .list.list-L .li{
    /* text-align: right; */
}
.product_property_service .cardYux .list .li .lo{
    display: inline-block;
  
}
.product_property_service .cardYux .list .li h3{
    color: #444444;
    font-size: 18px;
    line-height: 1.3;
    padding: 8px 0;
    font-weight: 400;
}
.product_property_service .cardYux .list .li p{
    color: #999999;
}
.product_property_service .cardYux .list .li.i1{
    height: 184px;

}
.product_property_service .cardYux .list .li.i2{
    height: 197px;
    animation-delay: .25s;
}
.product_property_service .cardYux .list .li.i3{
    animation-delay: .5s;
}

.product_property_service .cardYux .ox{
    position: absolute;
    left: 0;
    top: 63px;
    right: 0;
    margin: auto;
}

/*product_property_community*/

.product_property_community {
    padding-top: 70px;
    line-height: 0.8em;
}

.product_property_community .toggle {
    text-align: center;
    font-size: 0px;
    margin-bottom: 66px;
}

.product_property_community .toggle a {
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
}

.product_property_community .toggle a:first-child {
    border-left: none;
}

.product_property_community .toggle a.on {
    color: #325CC7;
}

.product_property_community .des {
    font-size: 0px;
}

.product_property_community .des h4 {
    font-size: 24px;
    color: rgb(102, 102, 102);
    margin-bottom: 25px;
    font-weight: normal;
}

.product_property_community .des .text {
    position: relative;
    padding-bottom: 1px;
}

.product_property_community .des .text p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 32px;
    width: 743px;
}

.product_property_community .des .text :first-child {
    width: auto;
}

.product_property_community .des .text .technical {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 400px;
    height: 177px;
    background-color: #325CC7;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
}

.product_property_community .des .text .technical .cn {
    padding-bottom: 15px;
    font-size: 24px;
    color: #fff;
}

.product_property_community .des .text .technical .en {
    font-family: 'dincond-Medium';
    font-size: 30px;
    color: #fff;
    opacity: 0.23;
    filter: alpha(opacity=23);
    line-height: 1em;
    text-transform: uppercase;
}

.product_property_community .helife {
    height: 424px;
    padding: 0 360px;
    margin: 0 -360px;
    background-color: rgb(232, 228, 227);
}

.product_property_community .helife h4 {
    font-size: 24px;
    color: rgb(102, 102, 102);
    padding-top: 60px;
    padding-bottom: 80px;
    font-weight: normal;
    text-align: center;
}

.product_property_community .helife .three {
    min-height: 160px;
    font-size: 0px;
    background: url(/big5/images/img/product/product3_10.png) no-repeat left 17px;
}

.product_property_community .helife .three>div {
    display: inline-block;
    vertical-align: top;
    width: 400px;
    text-align: center;
    padding-top: 130px;
}

.product_property_community .helife .three>div.item2 {
    padding-top: 0px;
}

.product_property_community .helife .three>div em {
    font-weight: normal;
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: rgb(102, 102, 102);
    margin-bottom: 13px;
}

.product_property_community .helife .three>div strong {
    font-weight: normal;
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: rgb(102, 102, 102);
}

.product_property_service .img {
    overflow: hidden;
    height: 388px;
    background-repeat: no-repeat;
    background-position: center;

}
.product_property_service .img .app{
    margin-left: 36px;
}

.product_property_service .img .w1200 div {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    padding-top: 200px;
}

.product_property_service .img img {
    display: block;
}

.product_property_service .img strong {
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    line-height: 0.8em;
    margin-top: 12px;
}


/*product_investment*/

.product_investment h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_investment p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
}

.product_investment ul {
    margin-top: 45px;
    width: 1200px;
    height: 200px;
    font-size: 0px;
    position: relative;
    z-index: 2;
}

.product_investment ul li {
    display: inline-block;
    vertical-align: top;
}

.product_investment ul li a {
    width: 285px;
    height: 400px;
    display: block;
    margin-left: 20px;
    position: relative;
    background-color: #325CC7;
    overflow: hidden;
}

.product_investment ul>li:first-child a {
    margin-left: 0;
}

.product_investment ul li a div {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 200px;
    background-color: rgb(231, 231, 231);
    top: 0;
    left: 0;
    transition: all 400ms;
}

.product_investment ul li a span {
    transition: all 400ms;
    position: relative;
    z-index: 2;
    display: block;
    height: 82px;
    margin-left: 35px;
}

.product_investment ul>li.li1 a span {
    background: url(/big5/images/img/product/product4_01_icon.png) no-repeat left bottom;
}

.product_investment ul>li.li2 a span {
    background: url(/big5/images/img/product/product4_02_icon.png) no-repeat left bottom;
}

.product_investment ul>li.li3 a span {
    background: url(/big5/images/img/product/product4_03_icon.png) no-repeat left bottom;
}

.product_investment ul>li.li4 a span {
    background: url(/big5/images/img/product/product4_04_icon.png) no-repeat left bottom;
}

.product_investment ul>li.li5 a span {
    background: url(/big5/images/img/product/product4_05_icon.png) no-repeat left bottom;
}

.product_investment ul li a strong {
    transition: all 400ms;
    position: relative;
    z-index: 3;
    font-size: 18px;
    color: rgb(102, 102, 102);
    padding-left: 35px;
    font-weight: normal;
    display: block;
    margin: 18px 0 9px 0;
}

.product_investment ul li a em {
    transition: all 400ms;
    position: relative;
    z-index: 4;
    font-family: 'dincond-Medium';
    display: block;
    font-size: 24px;
    color: rgb(187, 187, 187);
    line-height: 1em;
    padding-left: 35px;
    text-transform: uppercase;
    font-weight: 100;
}

.product_investment ul li a img {
    display: block;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0px;
}

.product_investment ul li a:hover div {
    top: -200px;
}

.product_investment ul>li.li1 a:hover span {
    background: url(/big5/images/img/product/product4_01_icon_on.png) no-repeat left bottom;
}

.product_investment ul>li.li2 a:hover span {
    background: url(/big5/images/img/product/product4_02_icon_on.png) no-repeat left bottom;
}

.product_investment ul>li.li3 a:hover span {
    background: url(/big5/images/img/product/product4_03_icon_on.png) no-repeat left bottom;
}

.product_investment ul>li.li4 a:hover span {
    background: url(/big5/images/img/product/product4_04_icon_on.png) no-repeat left bottom;
}

.product_investment ul>li.li5 a:hover span {
    background: url(/big5/images/img/product/product4_05_icon_on.png) no-repeat left bottom;
}

.product_investment ul li a:hover strong {
    color: #fff;
}

.product_investment ul li a:hover em {
    color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.product_investment .img {
    height: 426px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 0 -360px;
}


/*product_investemnt_d1*/

.product_investemnt_d1 {
    padding-top: 70px;
    line-height: 0.8em;
}

.product_investemnt_d1 .toggle {
    text-align: center;
    font-size: 0px;
    margin-bottom: 66px;
}

.product_investemnt_d1 .toggle a {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
}

.product_investemnt_d1 .toggle :first-child {
    padding-left: 0px;
    padding-right: 40px;
    border-left: none;
}

.product_investemnt_d1 .toggle a.on {
    color: #325CC7;
}

.product_investemnt_d1 .des h4 {
    font-size: 24px;
    color: rgb(102, 102, 102);
    margin-bottom: 25px;
    font-weight: normal;
}

.product_investemnt_d1 .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 30px;
}

.product_investemnt_d1 .img {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 70px -360px 0 -360px;
}

.product_investemnt_d1 .img .since {
    float: left;
    height: 400px;
    line-height: 400px;
    font-family: 'dincond-Medium';
    font-size: 60px;
    color: rgb(83, 83, 83);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    letter-spacing: -3px;
}

.product_investemnt_d1 .img .bus {
    float: right;
    width: 400px;
    height: 400px;
    background-color: rgb(232, 230, 226);
    box-sizing: border-box;
    padding: 40px;
    position: relative;
    line-height: 0.8em;
}

.product_investemnt_d1 .img .bus a {
    position: absolute;
    top: -56px;
    right: 0;
    width: 160px;
    height: 56px;
    background-color: #325CC7;
    background: #325cc7 url(../images/img/product/product4_06.png) no-repeat 30px center;
    text-indent: 75px;
    line-height: 56px;
    font-size: 14px;
    color: #fff;
}

.product_investemnt_d1 .img .bus .tit {
    font-size: 18px;
    color: #325CC7;
    margin-bottom: 19px;
}

.product_investemnt_d1 .img .bus p {
    line-height: 0.8em;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: 2px solid rgb(216, 201, 160);
    text-indent: 1em;
    line-height: 46px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    margin-top: 10px;
    border-radius: 50px;
    transition: all 400ms;
}

.product_investemnt_d1 .img .bus p:hover {
    background-color: rgb(216, 201, 160);
}

.product_investemnt_d1 .back {
    position: fixed;
    z-index: 999;
    right: 30px;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 50px;
    background: url(/big5/images/img/product/product_d_d_back.png) no-repeat center 11px;
    line-height: 65px;
    font-size: 14px;
    text-align: center;
    color: rgb(153, 153, 153);
    transition: all 400ms;
}

.product_investemnt_d1 .back:hover {
    border-color: #325CC7;
    background-color: #325CC7;
    background-image: url(/big5/images/img/product/product_d_d_back_hover.png);
    color: #fff;
}


/*product_investemnt_d2*/

.product_investemnt_d2 {
    padding-top: 100px;
    line-height: 0.8em;
}

.product_investemnt_d2 .toggle {
    text-align: center;
    font-size: 0px;
    margin-bottom: 66px;
}

.product_investemnt_d2 .toggle a {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
}

.product_investemnt_d2 .toggle :first-child {
    padding-left: 0px;
    padding-right: 40px;
    border-left: none;
}

.product_investemnt_d2 .toggle a.on {
    color: #325CC7;
}

.product_investemnt_d2 .des h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}
.product_investemnt_d2 .des h5,.product_equity h5 {
    font-size: 18px;
    color: rgb(102, 102, 102);
    line-height: 1.2;
    font-weight: normal;
    margin: 5px 0 20px;
}


.product_investemnt_d2 .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 30px;
}

.product_investemnt_d2 .img {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 70px -360px 0 -360px;
}

.product_investemnt_d2 .img .since {
    float: left;
    height: 400px;
    line-height: 400px;
    font-family: 'dincond-Medium';
    font-size: 60px;
    color: rgb(83, 83, 83);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    letter-spacing: -3px;
}

.product_investemnt_d2 .img .bus {
    float: right;
    width: 400px;
    height: 400px;
    position: relative;
}

.product_investemnt_d2 .img .bus a {
    position: absolute;
    top: -56px;
    right: 0;
    width: 160px;
    height: 56px;
    background-color: #325CC7;
    background: #325cc7 url(../images/img/product/product4_06.png) no-repeat 30px center;
    text-indent: 75px;
    line-height: 56px;
    font-size: 14px;
    color: #fff;
}

.product_investemnt_d2 .back {
    position: fixed;
    z-index: 999;
    right: 30px;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 50px;
    background: url(/big5/images/img/product/product_d_d_back.png) no-repeat center 11px;
    line-height: 65px;
    font-size: 14px;
    text-align: center;
    color: rgb(153, 153, 153);
    transition: all 400ms;
}

.product_investemnt_d2 .back:hover {
    border-color: #325CC7;
    background-color: #325CC7;
    background-image: url(/big5/images/img/product/product_d_d_back_hover.png);
    color: #fff;
}


/*product_investemnt_d3*/

.product_investemnt_d3 {
    padding-top: 70px;
    line-height: 0.8em;
}

.product_investemnt_d3 .toggle {
    text-align: center;
    font-size: 0px;
    margin-bottom: 66px;
}

.product_investemnt_d3 .toggle a {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    border-left: 2px solid rgb(153, 153, 153);
}

.product_investemnt_d3 .toggle :first-child {
    padding-left: 0px;
    padding-right: 40px;
    border-left: none;
}

.product_investemnt_d3 .toggle a.on {
    color: #325CC7;
}

.product_investemnt_d3 .des h4 {
    font-size: 24px;
    color: rgb(102, 102, 102);
    margin-bottom: 25px;
    font-weight: normal;
}

.product_investemnt_d3 .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 30px;
}

.product_investemnt_d3 .img {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 70px -360px 0 -360px;
}

.product_investemnt_d3 .img .since {
    float: left;
    height: 400px;
    line-height: 400px;
    font-family: 'dincond-Medium';
    font-size: 60px;
    color: rgb(83, 83, 83);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    letter-spacing: -3px;
}

.product_investemnt_d3 .img .bus {
    float: right;
    width: 400px;
    height: 400px;
    background-color: rgb(232, 230, 226);
    box-sizing: border-box;
    padding: 75px 40px 0 40px;
    position: relative;
    line-height: 0.8em;
}

.product_investemnt_d3 .img .bus a {
    position: absolute;
    top: -56px;
    right: 0;
    width: 160px;
    height: 56px;
    background-color: #325CC7;
    background: #325cc7 url(../images/img/product/product4_06.png) no-repeat 30px center;
    text-indent: 75px;
    line-height: 56px;
    font-size: 14px;
    color: #fff;
}

.product_investemnt_d3 .img .bus p {
    line-height: 0.8em;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: 2px solid rgb(216, 201, 160);
    text-indent: 1em;
    line-height: 46px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    margin-top: 10px;
    border-radius: 50px;
    transition: all 400ms;
}

.product_investemnt_d3 .img .bus p:hover {
    background-color: rgb(216, 201, 160);
}

.product_investemnt_d3 .back {
    position: fixed;
    z-index: 999;
    right: 30px;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 50px;
    background: url(/big5/images/img/product/product_d_d_back.png) no-repeat center 11px;
    line-height: 65px;
    font-size: 14px;
    text-align: center;
    color: rgb(153, 153, 153);
    transition: all 400ms;
}

.product_investemnt_d3 .back:hover {
    border-color: #325CC7;
    background-color: #325CC7;
    background-image: url(/big5/images/img/product/product_d_d_back_hover.png);
    color: #fff;
}


/*product_investemnt_d4*/

.product_investemnt_d4 {
    padding: 70px 0px 60px 0;
}

.product_investemnt_d4 .w1200 {
    width: auto;
    max-width: 1400px;
    min-width: 1304px;
}

.product_investemnt_d4 .des {
    width: 1200px;
    margin: 0 auto;
}

.product_investemnt_d4 .des h4 {
    font-size: 24px;
    color: #325CC7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_investemnt_d4 .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 30px;
}

.product_investemnt_d4 .tit {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 20px;
    font-size: 20px;
    color: rgb(102, 102, 102);
}

.product_investemnt_d4 .slide {
    height: 340px;
    width: 100%;
    position: relative;
}

.product_investemnt_d4 .slide>a {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 0px;
    width: 52px;
    height: 52px;
    background: url(/big5/images/img/product/product2_01.png) no-repeat center;
}

.product_investemnt_d4 .slide>a.next {
    left: auto;
    right: 0px;
    background-image: url(/big5/images/img/product/product2_02.png);
}

.product_investemnt_d4 .slide .bd {
    width: 1200px;
    height: 340px;
    margin: 0 auto;
    overflow: hidden;
}

.product_investemnt_d4 .slide .bd ul {
    min-width: 1215px;
    font-size: 0px;
}

.product_investemnt_d4 .slide .bd ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.product_investemnt_d4 .slide .bd ul li a {
    width: 390px;
    height: 340px;
    display: block;
    cursor: auto;
}

.product_investemnt_d4 .slide .bd ul li a img {
    display: block;
    width: 390px;
    height: 280px;
}

.product_investemnt_d4 .slide .bd ul li a div {
    width: 390px;
    height: 60px;
    background-color: rgb(220, 222, 226);
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #6f7175;
}

.product_investemnt_d4 .back {
    position: fixed;
    z-index: 999;
    right: 30px;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 50px;
    background: url(/big5/images/img/product/product_d_d_back.png) no-repeat center 11px;
    line-height: 65px;
    font-size: 14px;
    text-align: center;
    color: rgb(153, 153, 153);
    transition: all 400ms;
}

.product_investemnt_d4 .back:hover {
    border-color: #325CC7;
    background-color: #325CC7;
    background-image: url(/big5/images/img/product/product_d_d_back_hover.png);
    color: #fff;
}


/*product_investemnt_d5*/

.product_investemnt_d5 {
    padding: 70px 0px 60px 0;
}

.product_investemnt_d5 .w1200 {
    width: auto;
    max-width: 1400px;
    min-width: 1304px;
}

.product_investemnt_d5 .des {
    width: 1200px;
    margin: 0 auto;
}

.product_investemnt_d5 .des h4 {
    font-size: 24px;
    color: #325CC7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_investemnt_d5 .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 32px;
    width: 743px;
}

.product_investemnt_d5 .items {
    margin-top: 70px;
    width: 100%;
}

.product_investemnt_d5 .items h5 {
    height: 46px;
    border-top: 2px solid rgb(226, 226, 226);
    width: 1200px;
    margin: 0 auto;
}

.product_investemnt_d5 .items h5 em {
    display: block;
    width: 180px;
    height: 46px;
    background-color: #325cc7;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    border-radius: 23px;
    margin-top: -24px;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
}

.product_investemnt_d5 .items .tit {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    color: rgb(102, 102, 102);
}

.product_investemnt_d5 .items .slide {
    height: 340px;
    width: 100%;
    position: relative;
}

.product_investemnt_d5 .items .slide>a {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 0px;
    width: 52px;
    height: 52px;
    background: url(/big5/images/img/product/product2_01.png) no-repeat center;
}

.product_investemnt_d5 .items .slide>a.next {
    left: auto;
    right: 0px;
    background-image: url(/big5/images/img/product/product2_02.png);
}

.product_investemnt_d5 .items .slide .bd {
    width: 1200px;
    height: 340px;
    margin: 0 auto;
    overflow: hidden;
}

.product_investemnt_d5 .items .slide .bd ul {
    min-width: 1215px;
    font-size: 0px;
}

.product_investemnt_d5 .items .slide .bd ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.product_investemnt_d5 .items .slide .bd ul li a {
    width: 390px;
    height: 340px;
    display: block;
    cursor: auto;
}

.product_investemnt_d5 .items .slide .bd ul li a img {
    display: block;
    width: 390px;
    height: 280px;
}

.product_investemnt_d5 .items .slide .bd ul li a div {
    width: 390px;
    height: 60px;
    background-color: rgb(220, 222, 226);
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #6f7175;
}

.product_investemnt_d5 .back {
    position: fixed;
    z-index: 999;
    right: 30px;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 50px;
    background: url(/big5/images/img/product/product_d_d_back.png) no-repeat center 11px;
    line-height: 65px;
    font-size: 14px;
    text-align: center;
    color: rgb(153, 153, 153);
    transition: all 400ms;
}

.product_investemnt_d5 .back:hover {
    border-color: #325CC7;
    background-color: #325CC7;
    background-image: url(/big5/images/img/product/product_d_d_back_hover.png);
    color: #fff;
}


/*product_investemnt_d6*/

.product_investemnt_d6 {
    padding: 70px 0px 60px 0;
}

.product_investemnt_d6 .des h4 {
    font-size: 24px;
    color: #325CC7;
    margin-bottom: 25px;
    font-weight: normal;
}

.product_investemnt_d6 .des p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
    margin-bottom: 32px;
    width: 743px;
}

.product_investemnt_d6 .back {
    position: fixed;
    z-index: 999;
    right: 30px;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 50px;
    background: url(/big5/images/img/product/product_d_d_back.png) no-repeat center 11px;
    line-height: 65px;
    font-size: 14px;
    text-align: center;
    color: rgb(153, 153, 153);
    transition: all 400ms;
}

.product_investemnt_d6 .back:hover {
    border-color: #325CC7;
    background-color: #325CC7;
    background-image: url(/big5/images/img/product/product_d_d_back_hover.png);
    color: #fff;
}


/*join_talents*/

.join_talents {
    padding: 70px 0px 0 0;
}

.join_talents h4 {
    font-size: 24px;
    color: #325CC7;
    margin-bottom: 75px;
    font-weight: normal;
    text-align: center;
}

.join_talents .fourdes {
    width: 1200px;
    height: 420px;
    position: relative;
}

.join_talents .fourdes div {
    width: 466px;
    position: absolute;
    text-align: right;
}

.join_talents .fourdes div.des1 {
    top: 0;
    left: 0;
}

.join_talents .fourdes div.des2 {
    top: 0;
    right: 0;
    text-align: left;
}

.join_talents .fourdes div.des3 {
    top: 240px;
    left: 0;
}

.join_talents .fourdes div.des4 {
    top: 240px;
    right: 0;
    text-align: left;
}

.join_talents .fourdes div.des1 h5 {
    font-size: 18px;
    color: #f9791a;
    font-weight: normal;
    margin-bottom: 10px;
}

.join_talents .fourdes div.des2 h5 {
    font-size: 18px;
    color: #f7bf35;
    font-weight: normal;
    margin-bottom: 10px;
}

.join_talents .fourdes div.des3 h5 {
    font-size: 18px;
    color: #55bedc;
    font-weight: normal;
    margin-bottom: 10px;
}

.join_talents .fourdes div.des4 h5 {
    font-size: 18px;
    color: #568ff4;
    font-weight: normal;
    margin-bottom: 10px;
}

.join_talents .fourdes img {
    position: absolute;
    z-index: 2;
    top: 4px;
    left: 0;
    right: 0;
    margin: auto;
}

.join_talents .fourdes div p {
    font-size: 14px;
    color: rgb(144, 144, 144);
    line-height: 1.6em;
}

.join_talents .img {
    height: 290px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 360px;
    margin: 0 -360px 0 -360px;
}

.join_talents .img .cn {
    font-size: 28px;
    color: #325CC7;
    padding-top: 113px;
    margin-bottom: 12px;
    padding-left: 207px;
}

.join_talents .img .en {
    font-family: 'dincond-Medium';
    font-size: 40px;
    color: rgb(161, 161, 161);
    opacity: 0.4;
    filter: alpha(opacity=40);
    text-transform: uppercase;
    letter-spacing: -2px;
    padding-left: 207px;
}

.main {
    padding-top: 100px;
    background: #f6f6f5;
}

.main .tp h3 {
    font-size: 36px;
    color: #315cc9;
    margin-bottom: 25px;
}

.main .tp {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.main .tp h4 {
    font-size: 14px;
    color: #8c8f93;
    width: 711px;
}

.main .bt {
    margin: 0 auto;
    background: url(/big5/images/new/main.jpg) no-repeat center;
    width: 100%;
    max-width: 1920px;
    height: 569px;
}

.main .nav {
    width: 1200px;
    margin: 0 auto;
    background-color: #f6f6f5;
    height: 288px;
    padding-left: 41px;
    padding-top: 12px;
}

.main .nav ul li {
    float: left;
}

.main .nav ul li h3 {
    font-size: 18px;
    color: #4c4d50;
    font-weight: bold;
}

.main .nav ul li h4 {
    color: #727579;
    font-size: 14px;
    font-family: 'MONTSERRAT';
}

.main .nav ul li:nth-child(1) {
    margin-right: 133px;
    text-align: center;
}

.main .nav ul li:nth-child(1) h3 {
    margin-top: 8px;
    margin-bottom: 5px;
}

.main .nav ul li:nth-child(2) {
    margin-right: 128px;
    text-align: center;
}

.main .nav ul li:nth-child(2) h3 {
    margin-top: 8px;
    margin-bottom: 5px;
}

.main .nav ul li:nth-child(3) {
    margin-right: 31px;
}

.main .nav ul li:nth-child(4) {
    margin-right: 31px;
    padding-top: 26px;
    text-align: left;
}

.main .nav ul li:nth-child(4) h3 {
    margin-top: 55px;
    margin-bottom: 7px;
}








/* 8/29 */
/* product_equity */
.product_equity h4 {
    font-size: 32px;
    color: #325cc7;
    margin-bottom: 25px;
    font-weight: normal;
}
.product_equity p {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 1.6em;
}
.product_equity ul {
    margin: 45px -20px 60px 0;
    overflow: hidden;
}
.product_equity li {
    float: left;
    width: 590px;
    height: 420px;
    overflow: hidden;
    background-color: #fff;
    margin-right: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.product_equity li .img {
    width: 100%;
    height: 340px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.product_equity li .name h3 {
    line-height: 78px;
    font-size: 20px;
    color: #325cc7;
    /* text-align: center; */
    font-weight: 600;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-weight: normal;
    font-size: 18px;
    color: #325cc7;
    padding: 0 20px;
}
.product_equity li:hover {
    background-color: #325cc7;
}
.product_equity li:hover .name h3 {
    color: #fff;
}



/* 2020-10-15 */
.product3-news3 {
    width: 100%;
    min-height: 450px;
    background: url(/big5/images/product/ico1.png) no-repeat center bottom #f6f6f5;
}
.product3-news3 .cardYux {
    width: 100%;
    height: auto;
    /* height: 390px; */
    /* background: url(/big5/images/images/000.jpg) no-repeat center;
    background-size: cover; */
    margin-bottom: 100px;
}
.product3-news3 .detailed .li {
    width: 33.3333%;
    float: left;
    margin-bottom: 46px;
    display: none;
}
.product3-news3 .detailed .icon {
    float: left;
    width: 100px;
    height: 101px;
    margin-right: 16px;
}
.product3-news3 .detailed .icon img {
    border-radius: 8px;
}
.product3-news3 .detailed .text {
    width: 230px;
    float: left;
}
.product3-news3 .detailed .text h3 {
    font-size: 16px;
    color: #f9a225;
    line-height: 1.3;
    padding: 6px 0 4px;
}
.product3-news3 .detailed .text p {
    font-size: 12px;
    color: #666666;
}

.product_property_service.product3-news1 .des ul li {
    height: auto;
    margin-bottom: 20px;
}
.product_property_service.product3-news1 .des ul li.li5 {
    width: 212px;
}
.product_property_service.product3-news1 .des ul li.li5 .icon {
    background: #fff url(../images/img/product/product3_066.png) no-repeat center;
}
.product_property_service.product3-news1 .des ul li.li6 .icon {
    background: #fff url(../images/img/product/product3_05.png) no-repeat center;
}
.product_property_service.product3-news1 .des ul li em {
    width: 90%;
}

#baiMap {
    width: 100%;
    height: 360px;
  }
  #baiMap a {
    display: inline-block;
  }
  #baiMap img {
    display: inline-block;
    max-width: none;
  }
  .BMapLabel {
    border: none !important;
  }
  .BMap_scaleCtrl {
    display: none;
  }
  .bMap-posTit:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 6px solid #FFF;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .bMap-posTit {
    width: 230px;
    height: 56px;
    background-color: #FFF;
    text-align: center;
    line-height: 56px;
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    left: -106px;
    top: -63px;
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .1);
    border-radius: 4px;
  }

  
.gdfw_group {
    padding-bottom: 100px;
}
.gdfw_group .hop_title{
    padding-bottom: 25px;
}
.gdfw_group p {
    font-size: 14px;
    color: #8c8f93;
    line-height: 1.6em;
    margin-bottom: 25px;
}
.gdfw_group p a{
    color: inherit;
    display: inline;
    transition: all .3s;
}
.gdfw_group p a:hover{
    color: #325cc7;
}
.gdfw_group .img{
    padding-top: 15px;
}



<!--耗时1774367915.1399秒-->