* {
    padding: 0;
    margin: 0;
}


/* 第一部分 */

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.nav {
    width: 100%;
}

.top {
    width: 1700px;
    height: 80px;
    margin: 0 110px 0 110px;
}

.logo {
    float: left;
    margin: 17px 42px 17px 0;
}

.address {
    float: left;
    border: 0px;
    width: 54px;
    background-color: transparent;
    margin: 34px 435px 34px 2px;
    color: #ffffff;
    font-size: 14px;
}

.touming {
    background-color: #11a55b;
    color: #fff;
}

.nav .top select {
    /*三角1：先将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*三角2：在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/index/select.png) no-repeat scroll right center transparent;
    /*三角3：为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
    margin-left: 14xp;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {
    display: none;
}

.gongneng {
    float: left;
    width: 974px;
    height: 80px;
}

.gongneng .list1 {
    float: left;
}

.gongneng .list1 li a:hover {
    border-bottom: 1px solid #ffffff;
}

.gongneng .list1 li {
    float: right;
    margin-left: 72px;
    height: 80px;
    line-height: 80px;
}

.gongneng .list1 .spe {
    margin-left: 0;
}

.gongneng .list1 li a {
    display: block;
    height: 68px;
    width: auto;
    color: #ffffff;
    font-size: 16px;
}

.gongneng .phone {
    float: left;
    margin-left: 100px;
    width: 118px;
    height: 80px;
}

.gongneng .phone span {
    display: block;
    margin-right: 0px;
    height: 80px;
    line-height: 80px;
    color: #ffffff;
    font-size: 16px;
}


/* 第二部分 */

button {
    border: 0px;
}

.part2 {
    width: 100%;
    background-color: #f9f9f9;
}

.banner {
    width: 1140px;
    margin: 0 190px;
    padding-top: 70px;
}

.title1 {
    text-align: center;
    margin-bottom: 50px;
}

.title1 h2 {
    color: #000000;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 6px;
}

.title1 p {
    color: #000000;
    font-size: 18px;
    text-align: center;
}

.what {
    height: 215px;
}

.part2 .banner .what li {
    float: left;
    margin-right: 82px;
}

.part2 .banner .what .last1 {
    margin-right: 0;
}

.part2 .banner .what p {
    text-align: center;
    margin-top: 20px;
    color: #333333;
    font-size: 18px;
}

.allread {
    width: 100%;
    background-color: #f9f9f9;
}

.read .reading {
    float: left;
    padding-top: 1px;
    padding-left: 180px;
    padding-right: 40px;
    width: 400px;
}

.read .read3 {
    height: 500px;
}

.read .reading h3 {
    color: #000000;
    font-size: 22px;
    font-weight: 500;
}

.read .reading p {
    display: block;
    margin-top: 12px;
    color: #999;
    font-size: 14px;
    text-align: justify;
    line-height: 25px;
}

.read .reading a {
    margin-top: 15px;
    font-size: 12px;
}

.read .reading a:last-of-type {
    margin-top: 30px;
}

.read .reading a .readmore {
    border: none;
    background-color: transparent;
}

.read .read3 .computer {
    margin-top: 62px;
}


/* 第三部分 */

.daili {
    width: 100%;
    background-color: #ffffff;
}

.daili .title2 {
    margin-top: 130px;
    margin-bottom: 77px;
    text-align: center;
}

.daili .title2 h2 {
    color: #000000;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 5px;
}

.daili .title2 p {
    color: #000000;
    font-size: 17px;
}

.daili .morelogo {
    width: 100%;
    height: 395px;
}

.daili .morelogo .logo2 {
    float: left;
}

.daili .morelogo .simple {
    float: left;
    width: 252px;
    height: 395px;
    background: url(../images/index/green_03.png);
}

.daili .morelogo .logo3 {
    float: left;
}

.daili .morelogo .logo2 .tx {
    float: left;
    width: 252px;
    height: 395px;
    display: flex;
    flex: 2;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.daili .morelogo .logo2 .bd {
    float: left;
    border-left: 1px solid #f0f0f0;
    width: 252px;
    height: 395px;
}

.morelogo .title3 {
    text-align: center;
}

.morelogo .title3 p {
    color: #888;
    font-size: 16px;
    font-weight: 100;
}

.morelogo .title3 h2 {
    color: #000000;
    font-size: 24px;
}

.morelogo .title3 {
    color: #666666;
    font-size: 14px;
}

.logo2 .bd {
    border-left: 1px solid #000;
}

.simple .emp1 {
    border-right: 1px solid #bbf2be;
    width: 1px;
    height: 26px;
    margin: 0 auto;
    margin-top: 50px;
}

.simple h2 {
    margin-top: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
}

.simple .t1 {
    margin-top: 6px;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
}

.simple .t2 {
    margin-top: 30px;
    margin-left: 25px;
    margin-right: 25px;
    text-align: justify;
    color: #ffffff;
    font-size: 13px;
    line-height: 23px;
}


/* 掌贝 */

.logo3 .zb,
.logo3 .aly,
.logo3 .wx {
    float: left;
    width: 252px;
    height: 395px;
    display: flex;
    flex: 2;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.logo3 .zb .txlogo,
.logo3 .aly .alylogo,
.logo3 .wx .wxlogo {
    margin-top: 35px;
}

.logo3 .zb .title4,
.logo3 .aly .title5,
.logo3 .wx .title6 {
    color: #666666;
    font-size: 14px;
    text-align: center;
}

.logo3 .zb .title4 h2,
.logo3 .aly .title5 h2,
.logo3 .wx .title6 h2 {
    color: #000000;
    font-size: 24px;
}

.logo3 .zb .title4 p,
.logo3 .aly .title5 p,
.logo3 .wx .title6 p {
    color: #888;
    font-size: 16px;
    font-weight: 100;
}


/* 第四部分 */

.map {
    position: relative;
    margin-top: 17px;
    width: 100%;
    height: 930px;
    background: url(../images/index/map.png);
    background-size: cover;
    background-position-x: -100px;
}

.map .company {
    text-align: center;
}

.map .company h3 {
    color: #e6e5e5;
    font-size: 32px;
    font-weight: 300;
}

.map .company p {
    margin-top: 5px;
    color: #5c5d5d;
    font-size: 16px;
    letter-spacing: 20px;
}


/* 三个盒子 */

.map .box30 {
    width: 394px;
    height: 630px;
    float: right;
    margin-right: 180px;
}

.map .box30 .box1 {
    position: relative;
    width: 223px;
    height: 206px;
    margin-left: 171px;
    border-bottom: 5px solid #44dd6c;
}

.map .box30 .box2 {
    position: relative;
    width: 308px;
    height: 206px;
    margin-left: 86px;
    border-bottom: 5px solid #44dd6c;
}

.map .box30 .box3 {
    position: relative;
    width: 394px;
    height: 206px;
    border-bottom: 5px solid #44dd6c;
}


/* 盒子内容1 */

.map .box30 .box1 h1 {
    position: absolute;
    right: 113px;
    bottom: 72px;
    color: #11a55b;
    font-size: 70px;
    line-height: 62px;
    font-weight: 300;
}

.map .box30 .box1 h4 {
    position: absolute;
    right: 1px;
    bottom: 72px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 300;
}

.map .box30 .box1 p {
    position: absolute;
    right: 1px;
    bottom: 40px;
    color: #ffffff;
    font-size: 15px;
}


/* 盒子内容2 */

.map .box30 .box2 .no2 {
    position: absolute;
    right: 90px;
    bottom: 72px;
    color: #11a55b;
    font-size: 70px;
    line-height: 62px;
    font-weight: 300;
}

.map .box30 .box2 .text2 {
    position: absolute;
    right: 1px;
    bottom: 72px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 300;
}

.map .box30 .box2 .many2 {
    position: absolute;
    right: 1px;
    bottom: 40px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
}


/* 盒子内容3 */

.map .box30 .box3 .no3 {
    position: absolute;
    right: 163px;
    bottom: 72px;
    color: #11a55b;
    font-size: 70px;
    line-height: 62px;
    font-weight: 300;
}

.map .box30 .box3 .text3 {
    position: absolute;
    right: 1px;
    bottom: 72px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 300;
}

.map .box30 .box3 .many3 {
    position: absolute;
    right: 1px;
    bottom: 40px;
    color: #ffffff;
    font-size: 15px;
}


/* 第五部分 */

.anli {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 100px;
}

.anli .title7 {
    margin-top: 105px;
    text-align: center;
}

.anli .title7 h2 {
    color: #000;
    font-size: 32px;
    font-weight: 300;
}

.anli .title7 h6 {
    color: #000;
    font-size: 17px;
    margin-top: 5px;
    font-weight: 300;
}

.anli .lei {
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
    height: 50px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.anli .lei ul {
    padding: 10px 0;
}

.anli .lei li {
    float: left;
    width: 83px;
    height: 32px;
    margin-right: 14px;
    text-align: center;
}

.anli .lei li a {
    display: block;
    color: #666;
    font-size: 12px;
    width: 86px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
}

.anli .lei .lastit {
    margin-right: 0;
}

.anli .lei li a:hover,
.anli .lei li a.active {
    color: #fff;
    background-color: #11a55b;
    transition: all 0.5s ease 0s;
}

.anli .sixbox {
    width: 80%;
    margin: 40px auto;
}

.anli .sixbox li {
    float: left;
    margin-right: 35px;
    margin-bottom: 50px;
    width: 376px;
    height: 460px;
    background-color: #fff;
    border: 1px solid #eee;
}

.anli .sixbox li a {
    display: block;
    width: 100%;
    height: 100%;
}

.anli .sixbox li a img {
    display: block;
    width: 375px;
    height: 300px;
}

.anli .sixbox .xob3 {
    margin-right: 0px;
}

.anli .sixbox .xob6 {
    margin-right: 0px;
}

.anli .sixbox li .boxtext {
    margin: 18px 0 0 25px;
    height: 74px;
    border-bottom: 1px solid #eee;
    margin-right: 40px;
}

.anli .sixbox li p {
    display: block;
    margin-top: 7px;
    margin-left: 40px;
}

.anli .sixbox li .boxtext h4 {
    color: #282b31;
    font-size: 18px;
    font-weight: 400;
}

.anli .sixbox li .boxtext h5 {
    display: block;
    margin-top: 8px;
    color: #999;
    font-size: 13px;
    font-weight: 500
}

.anli .sixbox li p {
    display: block;
    margin-top: 7px;
    margin-left: 25px;
    color: #999;
    font-size: 12px;
}

.anli .sixbox li:hover {
    box-shadow: 5px 0px 5px #eee;
}

.ku {
    text-align: center;
}


/* 第六部分 */

.news {
    width: 100%;
    background-color: #f3f3f3;
}

.news .title8 {
    padding-top: 60px;
    text-align: center;
}

.news .title8 h2 {
    color: #000;
    font-size: 30px;
    font-weight: 300;
}

.news .title8 p {
    color: #000;
    font-size: 18px;
    font-weight: 100;
}

.news .newbox {
    height: 544px;
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
}


/* 第一个大盒子 */

.news .newbox .nbox1 {
    position: relative;
    float: left;
    margin-right: 13px;
    width: 390px;
    height: 460px;
    background-image: url(../images/index/nashouji.png);
    background-size: cover;
    cursor: pointer;
}

.news .newbox .nbox1 p {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 55px;
    line-height: 55px;
    color: #ffffff;
    font-size: 14px;
    background-color: #202b32;
    text-align: center;
    opacity: 0;
}

.news .newbox .nbox1:hover p {
    opacity: 1;
    transition: all 0.5s ease 0s;
}


/* 第二个大盒子 */

.news .newbox .nbox2 {
    float: left;
    margin-right: 10px;
}

.news .newbox .nbox2 .nebox1 {
    position: relative;
    margin-bottom: 10px;
    width: 400px;
    height: 225px;
    background-color: #fff;
    padding: 35px;
    box-sizing: border-box;
}

.netext1 {
    position: relative;
    padding-bottom: 25px;
}

.netext1::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    bottom: 0;
    left: 0;
}

.netext1 h5 {
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 15px;
}

.netext1 h6 {
    color: #666;
    font-size: 12px;
    font-weight: 100;
    line-height: 19px;
}

.nebox1 h1 {
    color: #999;
    font-size: 34px;
}

.nebox1 h4 {
    color: #999;
    font-size: 16px;
}

.nefooter {
    overflow: hidden;
    padding-top: 20px;
    padding-left: 3px;
}

.nefooter p:first-of-type {
    color: #aaa;
    font-size: 30px;
}

.nefooter p:last-of-type {
    color: #aaa;
    font-size: 13px;
}

.nefooter-left {
    float: left;
}

.nebox1 .jt {
    float: right;
    margin: 5px 10px 0px 0px;
}


/* 第三个大盒子 */

.newbox .nbox3 {
    float: left;
}

.nbox3 .nebox3 {
    position: relative;
    width: 400px;
    height: 150px;
    background-color: #fff;
    margin-bottom: 5px;
    padding: 30px;
    box-sizing: border-box;
}

.nebox3-item {
    float: left;
    width: 80px;
    height: 70px;
    text-align: left;
    border-right: 1px solid #eee;
    padding-top: 16px;
}

.nbox3 .nebox3 h2 {
    color: #999;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
}

.nbox3 .nebox3 h2:after {
    content: "";
    display: block;
    width: 18px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 0;
    bottom: -3px;
}

.nbox3 .nebox3 h4 {
    color: #999;
    font-size: 14px;
    font-weight: 100;
}

.netext2 {
    display: block;
    float: right;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin-right: 20px;
}


/* 第七部分 */

.mostlogo {
    background-color: #fff;
    margin-bottom: 50px;
}

.mostlogo .mate {
    margin-top: 98px;
    text-align: center;
}

.mostlogo .mate h2 {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
}

.mostlogo .mate p {
    color: #000;
    font-size: 18px;
}

.mostlogo .alllogo {
    position: relative;
    width: 80%;
    margin: 52px auto;
}

.mostlogo .alllogo ul {
    overflow: inherit;
    display: flex;
    flex: 5;
    justify-content: center;
}

.mostlogo .alllogo li {
    width: 260px;
    height: 106px;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    position: relative;
}

.mostlogo .alllogo li:first-of-type {
    border-left: none;
}

.mostlogo .alllogo ul:last-of-type li {
    border-bottom: none;
}

.mostlogo .alllogo ul:first-of-type li::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #ccc;
    border-radius: 50%;
    position: absolute;
    left: -3px;
    bottom: -3px;
    z-index: 4;
}

.mostlogo .alllogo ul:first-of-type li::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: -20px;
    bottom: -21px;
    z-index: 3;
}

.mostlogo .alllogo ul:first-of-type li:first-of-type::after,
.mostlogo .alllogo ul:first-of-type li:first-of-type::before {
    display: none;
}

.mostlogo .alllogo .flogo {
    border-right: none;
}

.xian1 {
    position: absolute;
    left: 32px;
    top: 152px;
}

.xian2 {
    position: absolute;
    left: 332px;
    top: 152px;
}

.xian3 {
    position: absolute;
    left: 632px;
    top: 152px;
}

.xian4 {
    position: absolute;
    left: 932px;
    top: 152px;
}

.xian5 {
    position: absolute;
    left: 1232px;
    top: 152px;
}

.dian1 {
    position: absolute;
    left: 298px;
    top: 152px;
}

.dian2 {
    position: absolute;
    left: 600px;
    top: 152px;
}

.dian3 {
    position: absolute;
    left: 900px;
    top: 152px;
}

.dian4 {
    position: absolute;
    left: 1200px;
    top: 152px;
}


/* 第八部分 */

.weiba {
    position: relative;
    width: 100%;
    height: 240px;
    background-color: #373d41;
}

.weiba .ob1 h3 {
    margin-left: 360px;
    margin-top: 60px;
    font-weight: 400;
    color: #d7d8d9;
    font-size: 16px;
}

.weiba .ob1 .bo1 {
    float: left;
    height: 80px;
    margin-right: 15px;
    margin-left: 360px;
}

.weiba .ob1 .bo2 {
    float: left;
    height: 80px;
}

.weiba .ob1 .bo1 li {
    width: 100px;
    margin-top: 18px;
}

.weiba .ob1 .bo2 li {
    width: 100px;
    margin-top: 18px;
}

.weiba .ob1 .bo1 li a {
    color: #9b9ea0;
    font-size: 12px;
}

.weiba .ob1 .bo2 li a {
    color: #9b9ea0;
    font-size: 12px;
}

.weiba .ob1 .bo1 li a:hover {
    color: #11a55b;
}

.weiba .ob1 .bo2 li a:hover {
    color: #11a55b;
}

.bxian {
    float: left;
    margin-left: 0px;
    width: 0px;
    height: 80px;
    border: 1px solid #4b5054;
}


/*  */

.weiba .ob2 h3 {
    margin-left: 638px;
    margin-top: -23px;
    font-weight: 400;
    color: #d7d8d9;
    font-size: 16px;
}

.weiba .ob2 .bo3 {
    float: left;
    height: 80px;
    margin-right: 15px;
    margin-left: 61px;
}

.weiba .ob2 .bo4 {
    float: left;
    height: 80px;
}

.weiba .ob2 .bo3 li {
    width: 100px;
    margin-top: 18px;
}

.weiba .ob2 .bo4 li {
    width: 100px;
    margin-top: 18px;
}

.weiba .ob2 .bo3 li a {
    color: #9b9ea0;
    font-size: 12px;
}

.weiba .ob2 .bo4 li a {
    color: #9b9ea0;
    font-size: 12px;
}

.weiba .ob2 .bo3 li a:hover {
    color: #11a55b;
}

.weiba .ob2 .bo4 li a:hover {
    color: #11a55b;
}

.bxian2 {
    float: left;
    margin-left: 0px;
    width: 0px;
    height: 80px;
    border: 1px solid #4b5054;
}


/*  */


/*  */

.weiba .ob3 h3 {
    margin-left: 916px;
    margin-top: -20px;
    font-weight: 400;
    color: #d7d8d9;
    font-size: 16px;
}

.weiba .ob3 .bo5 {
    float: left;
    height: 80px;
    margin-right: 15px;
    margin-left: 61px;
}

.weiba .ob3 .bo5 li {
    float: left;
    width: 100px;
    margin-top: 18px;
}

.weiba .ob3 .bo5 li a {
    color: #9b9ea0;
    font-size: 12px;
}

.weiba .ob3 .bo5 li a:hover {
    color: #11a55b;
}

.bxian3 {
    float: left;
    margin-left: -30px;
    width: 0px;
    height: 80px;
    border: 1px solid #4b5054;
}


/*  */

.weiba .ob4 h3 {
    margin-left: 877px;
    margin-top: -20px;
    font-weight: 400;
    color: #d7d8d9;
    font-size: 16px;
}

.weiba .ob4 .bo6 {
    float: left;
    height: 80px;
    margin-right: -25px;
    margin-left: 23px;
}

.weiba .ob4 .bo6 li {
    float: left;
    width: 100px;
    margin-top: 18px;
    margin-left: 0px;
}

.weiba .ob4 .bo6 .bb {
    margin-left: 0px;
}

.weiba .ob4 .bo6 li a {
    color: #9b9ea0;
    font-size: 12px;
}

.weiba .ob4 .bo6 li a:hover {
    color: #11a55b;
}

.bxian4 {
    float: left;
    margin-left: 0px;
    margin-right: 60px;
    width: 0px;
    height: 80px;
    border: 1px solid #4b5054;
}


/*  */

.weiba .ob5 h3 {
    margin-top: -22px;
    margin-left: 1116px;
    margin-bottom: 18px;
    color: #d7d8d9;
    font-size: 16px;
    font-weight: 400;
}

.weiba .ob5 .bo7 li a {
    color: #eaeaea;
    font-size: 18px;
    height: 50px;
}

.weiba .ob5 .bo7 li img {
    vertical-align: middle
}

.weiba .ob5 .bo7 li span {
    height: 25px;
    padding-bottom: 1px;
    vertical-align: middle
}

.weiba .ob5 .bo7 li {
    margin-bottom: 17px;
    height: 25px;
    line-height: 25px;
}

.weiba .ma {
    position: absolute;
    top: 40px;
    right: 360px;
}

.weiba .pp p {
    position: absolute;
    bottom: 54px;
    right: 360px;
    color: #7e7f80;
    font-size: 13px;
}


/* last */

.butt {
    width: 100%;
    height: 46px;
    text-align: center;
    line-height: 46px;
    color: #777777;
    font-size: 12px;
    background-color: #2a2e31;
}

.guding {
    position: fixed;
    right: 20px;
    bottom: 445px;
    z-index: 20;
    width: 45px;
    height: 200px;
}

.guding li {
    margin-top: 4px;
}