body{
    color: #09090b;
    /*background: url("../images/bg.gif") repeat-y;*/
}


.centerBox {
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
    max-width: 1360px;
}

.text-ellipsis {
    white-space: nowrap;       /* 防止文本换行 */
    overflow: hidden;          /* 隐藏溢出的内容 */
    text-overflow: ellipsis;   /* 显示省略符号来代表被修剪的文本 */
}
.center{
    max-width: 1680px;
    margin: auto;
}

.zjcen{
    padding: 0px 5.5%;
}

.Overseas{
    width: 100%;
    height: auto;
}






.swiperBanner{
    width: 100%;
    height:auto;
    /*background: red;*/
    margin-top: 100px;
}

.swiperBanner .swiper {
    width: 100%;
    height: 100%;
}

.swiperBanner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperBanner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiperBanner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 30px;
}
/*.indexFocus .swiper-slide img{*/
/*    width: 960px;*/
/*}*/

.indexFocus .swiper-button-prev:after,.indexFocus  .swiper-button-next:after{
    content: '';
}

/*.indexFocus .swiper-slide-active img{*/
/*    width: 960px;*/
/*}*/











.yuYan{
    float: right;
    display: flex;
    width: 90px;
    height: 100px;
}
.yyTitle{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.yyTitle .icon-duoyuyan{
    font-size: 18px;
}


.yuYan ul{
    display: none;
    position: absolute;
    width: 100px;
    padding-left:20px;
    top: 80px;
    z-index: 99999;
    background: #fff;
}
.yuYan ul li{
    width: 100%;
    height: auto;
    padding: 10px 0;
}

.pageBanner{
    width: 100%;
    height: auto;
    margin-top: 100px;
    text-align: center;
}

.pageBanner img{
    max-width: 100%;
    height: auto;
}
.curMeau{
    width: 100%;
    height: 100px;
    padding:0px 5.5%;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.erji{
    width: auto;
    display: flex;
}
.erji .curMeauTypeName{
    width: auto;
    height: 100px;
    line-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-right: 30px;
}

.erji .curMeauTypeName span:nth-child(1){
    width: auto;
    height: 98px;
    line-height: 100px;
    color: #333;
    text-align: center;
    font-size: 16px;
}

.erji .cur{
    width: auto;
    height: 100px;
    line-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}


.erji .cur span:nth-child(1){
    width: auto;
    height: 98px;
    line-height: 100px;
    color: #26358a;
    text-align: center;
    font-size: 16px;
}

.erji .cur span:nth-child(2){
    width: 40px;
    height: 2px;
    background: #91c547;
}
.location{
    display: flex;
    align-items: center;
    height: 100px;
}
.location span{color: #333; }
.location span:nth-child(1){color: #999999; margin: 0px 5px; margin-bottom: 3px;}
.location a{color: #333}


.aboutBox{
    width: 100%;
    height: auto;
    margin-top: 100px;
}

 .lmTitle{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}

.aboutCon{
    color: #666666;
    padding: 20px 0;
    line-height: 28px;
}
.aboutImgBox{
    width: 100%;
    height: 360px;
}

.yuanLiao{
    width: 100%;
    height: 638px;
    background: url("../img/bg1.jpg") no-repeat;
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yuanLiaoText{
    flex: 2;
    padding-right:100px;
}
.yuanLiaoImg{
  flex: 1.5;
}
.yuanLiaoImg img{
   max-width: 100%;
}
.yuanLiaoCon{
    margin-top: 50px;
    color: #666666;
    line-height: 28px;
}

.fzlc{
    width: 100%;
    height: 758px;
    padding-top: 80px;
    background: url("../img/fzlc.jpg") no-repeat left top;
    background-size: 100%;
}
.fzlcText{
    width: 50%;
    height: auto;
    padding: 20px 0;
}

.fzlcText1{
    display: none;
}

.chanpin{
    width: 100%;
    height:auto;
    background: url("../img/cpbg1.jpg") repeat-x center top;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 50px;
}


.chanpin ul{
    width: 100%;
    height: 380px;
    display: flex;
    justify-content: flex-start;
    margin-top:50px;
}
.chanpin ul li{
    width: 30%;
    height: auto;
    margin-right:30px;
}
/*.chanpin ul li:first-child{*/
/*    margin: 0;*/
/*}*/
.chanpin ul li:last-child{
    margin: 0;
}
.chanpin ul li .cpImg{
    width: 100%;
}
.chanpin ul li .cpImg img{
    max-width: 100%;
}
.chanpin ul li .cpText{
    width: 100%;
    height: auto;
    color: #333;
    padding-top: 30px;
}

.chanpin:nth-child(1){

}

.service{
    width: 100%;
}
.service ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 100px;
}
.service ul li{
    max-width: 48%;
    margin-bottom: 80px;
}
.service ul li .ywfwImg{
    width: 100%;
}
.service ul li .ywfwImg img{
    max-width: 100%;
}
.service ul li .ywfwTitle{
    width: 100%;
    display: flex;
    align-items: center;
    height: 60px;
    margin-top: 20px;
}
.service ul li .ywfwTitle ico{
    width: auto;
    max-width: 45px;
}
.service ul li .ywfwTitle ico img{
    max-width: 100%;
}
.service ul li .ywfwTitle span{
    width:auto;
    font-size:26px;
    padding-left: 10px;
    font-weight: bold;
}
.service ul li .yefwText{
    width:auto;
    font-size:14px;
    color: #666666;
    margin-top: 15px;
    line-height: 26px;
}

.news{
    width: 100%;
}
.news ul{
    width: 100%;
}
.news ul li{
    width: 100%;
}
.news ul li a{
    width: 100%;
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
    color: #333;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}

.news ul li a .newsDate{
    width: auto;
    display: flex;
    font-size: 18px;
    color: #999999;
    align-items:center;
    height: 100px;
    font-style: italic;
}
.news ul li a .newsDate span:nth-child(1){
    font-size:40px;
    color: #333;
    padding-right: 5px;
}

.news ul li a .newsLeft{
    width: auto;
    padding: 0 50px;
    padding-right: 100px;
}
.news ul li a .newsLeft .newsTitle{
    width: 100%;
    font-size: 22px;
}
.news ul li a .newsLeft .newsText{
    color: #666;
    padding: 20px 0;
    font-size: 14px;
    font-weight: normal;
}
.newsDate1{
    display: none;
}


.news ul li a .newsRight{
    width: 360px;
    height: auto;
}
.news ul li a .newsRight img{
    max-width: 360px;
    height: auto;
}
.news ul li a:hover{

    border-bottom: 1px solid #91c547;
}

.news ul li a:hover .newsLeft .newsTitle{
    color: #91c547;
}

.news ul li a:hover .newsLeft .newsText{
    color: #333;
}





.fenye{
    width: 100%;
    text-align: center;
    margin: 30px 0;
}
.fenye a{
    border: 1px solid #eeeeee;
    padding: 5px 10px;
    color: #666666;
    font-size: 14px;
    margin: 0 3px;
}
.fenye a:hover{
    border: 1px solid #91c547;
    color: #fff;
    background: #91c547;
}


.weizhi{
    margin: auto;
    max-width: 1360px;
    height: auto;
    margin-top: 100px;
}

.newsDetail{
    margin: auto;
    max-width: 1360px;
    margin-top: 0px;
    background: #fff;
    padding: 50px
}
.newsDetail .detailTitle{
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0;
}
.newsDetail .detailDates{
    width: 100%;
    font-size: 14px;
    color: #999999;
    text-align: center;
    padding: 20px 0;
}
.newsDetail .detailDates span{
    padding: 0 10px;
}
.newsDetail .detailContent{
    width: 100%;
    font-size: 14px;
    padding: 20px 0;
    line-height: 28px;
}

.contact2{
    width: 100%;
    height: auto;
    background: url("../img/bg.gif") no-repeat center bottom;
    background-size: cover;
    min-height: 320px;
    margin-top: 100px;
}
.contact2 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;

}
.contact2 ul li{
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 20px;
    background: rgb(233,234,243,0.5);
}
.contact2 ul li ico{
    font-size: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #91c547;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact2 ul li strong{
    font-size: 18px;
    padding-top:20px;
    padding-bottom: 5px;
}
.contact2 ul li text{
     font-size: 16px;
    color: #666666;
    text-align: center;
 }

.ditu{
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.ditu img{
    max-width: 100%;
}

.indexText{
    width: 100%;
    height: auto;
    padding: 120px 0;
    text-align: center;
    color: #666666;
}
.indexText p:nth-child(1){
    color: #333;
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 10px;
}

.indexFocus{
    width: 100%;
    height:auto;
    background: #f5f5f5;
    padding: 50px 0;
}
.indexFocusTypeName{
    width: 100%;
    height:auto;
    background: #f5f5f5;
    color: #333;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    padding-top: 60px;
}

.footbq{
    width: 100%;
    background: #000;
    text-align: center;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

.footbq a{
    color: #89898a;
}
.swiper-button-next, .swiper-button-prev{
    top: 240px;
}

.product{
    width: 100%;
    height: 100px;
    background: #f1f3f5;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product .ico{
    width: 100px;
    height: 30px;
    text-align: center;
}
.product .ico img{
    height: 30px;
}

.product .productName{
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 12px;
    text-align: center;
    color: #333333;
    padding: 10px 0;
}
.center1{
    width: 100%;
    background: #fff;
    height: auto;
    display: flex;
    flex-direction: column;
    color: #333;
    padding: 60px 0;
}
.center1 .Title1{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 36px;
}
.center1 .Title2{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    letter-spacing: 5px;
    padding: 10px 0;
}
.center1 .Title3{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
}
.center1 .anniu{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.center1 .anniu a{
    width: auto;
    padding: 5px 15px;
    border: 1px solid #bababa;
    color: #333;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 20px;
}

.center1 .anniu a:nth-child(1){
    width: auto;
    padding: 5px 20px;
    border: 0;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    background: #333;
    margin-right: 0px;
}

.center1 .cImg{
    text-align: center;
    padding: 20px 0;
}
.center2{
    width: 100%;
    height: auto;
    background: #f5f5f5;
    padding: 30px 0;
}

.center2 .icoList{
    margin: auto;
    width: 90%;
    height: auto;
    background: #fff;
    border-radius:6px;
    padding: 60px 0;
}

.icoTypeName{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.icoList ul{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-between;
}
.icoList ul li{
    width: 30%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 30px 0;
}

.icoList ul li .ico{
    font-size: 55px;
    color: #333;
}
.icoList ul li .text{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding: 10px 0;
}
.icoList ul li .textSmall{
    font-size: 14px;
    color: #666666;
}
.focusImg{
    width: 90%;
    height: auto;
    margin: 80px auto;
}


.focusImg .swiper {
    width: 100%;
    height: 100%;
}

.focusImg .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.focusImg .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:10px;
}
.swiper-pagination-bullet-active{
    background: #fff;
}

.center2 .tigong{
    margin: auto;
    width: 90%;
    height: auto;
    background: #fff;
    border-radius:6px;
    padding: 60px 0;
}

.tigong ul{
    width: 100%;
    height: auto;
    margin: 20px 0;
    display: flex;
    padding: 0 30px;
    justify-content: space-between;
}
.tigong ul li{
    width: 33%;
    padding: 2%;
    height: auto;
}
.tigong ul li .imgBox{
    width: 100%;
    height: auto;
}
.tigong ul li .imgBox img{
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.tigong ul li .textBox{
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    padding-top: 22px;
}
.tigong ul li .textBox2{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.banner6{
    width: 100%;
    height: 759px;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url("../img/banner6.jpg") no-repeat;
    background-size: cover;
}



.banner6 div{
    margin: 8px 0;
}
.banner6 .banner6_1{
    font-size: 36px;
    font-weight: bold;
    color: #333;
}
.banner6 .banner6_2{
    font-size: 16px;
    color: #666;
}
.banner6 .banner6_3{
    margin: 30px 0;
}
.banner6 .banner6_3 a{
    color: #fff;
    background: #333;
    padding: 10px 20px;
    border-radius: 6px;
}










.center2 .tigong1{
    margin: auto;
    width: 90%;
    height: auto;
    background: #fff;
    border-radius:6px;
    padding: 60px 0;
    margin-top: 40px;
}

.tigong1 ul{
    width: 100%;
    height: auto;
    margin: 20px 0;
    display: flex;
    padding: 0 30px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tigong1 ul li{
    width: 50%;
    height: auto;
    padding: 2%;
    margin: 20px 0;
}
.tigong1 ul li .imgBox{
    width: 100%;
    height: auto;
}
.tigong1 ul li .imgBox img{
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.tigong1 ul li .textBox{
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    padding-top: 22px;
}
.tigong1 ul li .textBox2{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666666;
    text-align: center;
}


.indexCanshu{
    width: 100%;
    height: 180px;
    background: #f1ede4;
    background: url("../skin/images/bg1.png") no-repeat center center;
    background-size: contain;
    background-color: #f1ede4;
}

.indexCanshu ul{
    display: flex;
    justify-content: space-between;
    height: 180px;
    align-items: center;

}

.indexCanshu ul li{
    display: flex;
    flex-direction: column;
}

.indexCanshu ul li .canshutop{
    color: #b09a6e;
}

.indexCanshu ul li .canshutop text:nth-child(1){
    color: #b09a6e;
    font-size: 40px;
    font-weight: bold;
}
.indexCanshu ul li .canshutop text:nth-child(2){
    color: #b09a6e;
    font-size:14px;
    padding-top: 30px;
    font-weight: normal;
}

.indexCanshu ul li .canshutop1{
    color: #666;
    line-height:22px;
}

.indexCanshu ul li .canshutop1 p{
    color: #666;
    line-height:22px;
}

.yewubantu{
    width: 100%;
    height: auto;
    margin: 100px 0;
}

.yewubantu .bantuTitle{
    width: 100%;
    height: auto;
    text-align: center;

}


.yewubantu .bantuTitle h2{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
}

.yewubantu .bantuTitle text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #666666;
}

.yewubantu .yewutuBox{
    display: flex;
    justify-content: space-between;
    margin-top:60px;
}


.yewubantu .yewutuBox .yewutu{
    width: 30%;
}
.yewubantu .yewutuBox .yewutu .tuimg{
    width: 100%;
}
.yewubantu .yewutuBox .yewutu .tuimg img{
    max-width: 100%;
}
.yewubantu .yewutuBox .yewutu .tutext{
    width: auto;
    margin-top:-50px;
    z-index: 999;
    color: #fff;
    text-align: center;
}


.chanpintixi{
    width: 100%;
    height: 680px;
    background: url("../skin/images/bg2.jpg") no-repeat center top;
    display: flex;
    align-items: center;
}

.chanpintixi .wenzicent{
    width: 100%;
    height: 390px;
    background: url("../skin/images/wenzi.png") no-repeat left top;
}


.liuda{
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 90px 0;
}
.liuda h2{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: center;
}
.liuda ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.liuda ul li{
    width: 400px;
    background: #f8f6f1;
    padding: 60px 0;
}
.liuda ul li{
    width: 400px;
    background: #f8f6f1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.liuda ul li h2{
    color: #b09a6e;
    font-size: 24px;
}

.liuda ul li .textbox3{
    color: #666;
    font-size: 16px;
    text-align: center;
}


.liuda ul li:nth-child(2n){
    background: #f1ede4;
}

.footbox{
    width: 100%;
    height: auto;
    background: url("../skin/images/footbg.jpg") no-repeat;
    background-size: cover;
}
.footbox .centerBox{
    display: flex;
    justify-content: space-between;
    padding: 80px 0;
}

.footbox1{
    width: auto;
}

.footbox1 h3{
    width: auto;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.footbox1 h3{
    width: auto;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.dianhua{
    width: auto;
    display: flex;
    margin-top: 30px;
}

.dianhua .iconbox{
    width: auto;
    background: rgb(255,255,255,0.3);
   width: 60px;
    height: 60px;
    font-size: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.dianhua .text2{
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
}
.dianhua .text2 span:nth-child(1){
padding-left: 5px;
}
.dianhua .text2 span:nth-child(2){
    color: #fff;
    font-size: 36px;
    font-weight: bold;
}
.footbox2{
    width: 460px;
}
.footbox2 h3{
    width: auto;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.footbox2 h3{
    width: auto;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.kehufankui{
    color: #fff;
    padding-top: 40px;
    font-size: 16px;
}
.kehufankui p:nth-child(2){
    padding-top: 30px;
}

.wenzicent .asd1{
    width:300px;
    height: 100px;
    margin-left: 400px;
}


.wenzicent .asd2{
    width:300px;
    height: 100px;
    margin-top: 0px;
    margin-left: 450px;
}
.wenzicent .asd3{
    width:350px;
    height: 100px;
    margin-top: 0px;
    margin-left: 450px;
}
.wenzicent .asd4{
    width:500px;
    height: 100px;
    margin-top: 0px;
    margin-left: 350px;
}




.showimg{
    display:block;
    position:absolute;
    /*margin-left: 920px;*/
    /*margin-top: 220px;*/
    z-index:999;
    width:auto;
    max-width: 350px;
    height:auto;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #dedbd6;
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    visibility: hidden;
    margin-left: 300px;
}

.showimg .leftsanjiao{
    margin-left: -10px;
    width: 10px;
    height: 17px;
    background: url("../skin/images/sj.png") no-repeat;
}
.showimg .leftneirong{
    width: 100%;
    padding:20px;
    height: auto;
}

.neiyebanner{
    width: 100%;
    height: auto;
    margin-top: 100px;
}
.neiyebanner img{
    width: 100%;
    height: auto;
    max-width: 100%;
    /*margin-top: 100px;*/
}

.neiyebanner{
    width: 100%;
    text-align: center;
}

.neiyebanner img{
    max-width: 100%;
    text-align: center;
}
.daohangright{
    width: auto;
}

.indexBanner{
    width: 100%;
    height: 720px;
    margin-top: 100px;
    background: url("../images/bannerbg.png") no-repeat center top;
}
.bannercenter{
    width: 100%;
    height: 720px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bannercenter .bannerTitle1{
    font-size: 50px;
    font-weight: bold;
    color: #09090b;
}
.bannercenter .bannerTitle2{
    font-size: 24px;
    color: #09090b;
    padding: 30px 0;
}
.bannercenter .bannerTitle3{
    font-size: 16px;
    max-width: 50%;
    color: #7c7c7c;
}
.bannercenter .bannerBotton{
    width: 160px;
    height: 55px;
    background: #d71c1c;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-top: 30px;
    font-weight: bold;
    font-size: 16px;
}

.width100{
    width: 100%;
}
.index02{
    display: flex;
}
.index02Left{
    width: 340px;
    min-height: 300px;
    font-size: 120px;
    font-weight: bold;
    border-right: 1px solid #f2f2f2;
    text-align: center;
    padding-top: 100px;
}
.index02Right{
    width: 1020px;
    min-height: 300px;
    padding-top: 130px;
    padding-left: 10px;
    padding-bottom: 50px;
    border-bottom: 2px solid #333;
}
.index02Right h2{
    font-size: 40px;
    font-weight: bold;
    padding-bottom: 30px;
}
.index02Right text{
    font-size: 18px;
}

.aboutbg{
    width: 100%;
    height: 679px;
    margin-top: 150px;
    background: url("../images/aboutbg.jpg") no-repeat center top;
}
.aboutbox{
    display: flex;
}
.aboutboxleft{
    width: 330px;
    height:679px;
    line-height: 679px;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.aboutboxright{
    width: 900px;
    height:679px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.aboutboxright p{
    padding: 10px 0;
}

.indexMap{
    margin-top: 100px;
}
.indexMaptop{
    display: flex;
    justify-content: space-between;
}
.indexMaptopBox{
    width: 50%;
}
.indexMaptopBox{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.indexMaptopBox01{
    width: auto;
}
.indexMaptopBox01 span:nth-child(1){
    width: auto;
    font-size: 50px;
    font-weight: bold;
}
.indexMaptopBox01 sup{
    width: auto;
    font-size: 36px;
    font-weight: bold;
}
.indexMaptopBox02{
    font-size: 18px;
}

.indexMapimg img{
    padding: 30px 0;
    max-width: 100%;
}

.service{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service01{
    width: 45%;
    height: 230px;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.service01img{

}

.service01title{
    font-size: 30px;
    font-weight: bold;
    padding: 10px 0;
}

.service01title1{
    font-size: 18px;
}
.servicetitle{
    width: 100%;
    font-size: 50px;
    font-weight: bold;
    padding: 60px 0;
}

.imgclist{
    width: 100%;
    height: 680px;
    margin-top: 30px;

    background: url("../images/imgc.jpg") no-repeat center top;
}
.imgclist1{
    width: 100%;
    display: flex;
    height: 680px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.imgclist1title{
    width: 100%;
    height: auto;
    font-size: 50px;
    color: #fff;
    text-align: center;
}
.imgclistbox{
    width: 100%;
    height: 200px;
    /*background: red;*/
    margin-top: 50px;
}











/* 本例子css */
.txtScroll-left1{ width:100%;  position:relative;  overflow-x:hidden;   }
.txtScroll-left1 .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
/*.txtScroll-left1 .hd .prev,.txtScroll-left1 .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/arrow.png") no-repeat;}*/
/*.txtScroll-left1 .hd .next{ background-position:0 -50px;  }*/
/*.txtScroll-left1 .hd .prevStop{ background-position:-60px 0; }*/
/*.txtScroll-left1 .hd .nextStop{ background-position:-60px -50px; }*/
/*.txtScroll-left1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }*/
/*.txtScroll-left1 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }*/
/*.txtScroll-left1 .hd ul li.on{ background-position:0 0; }*/
.txtScroll-left1 .bd1{ padding:10px; width:100%; overflow:hidden;    }
.txtScroll-left1 .bd1 ul{ overflow:hidden; zoom:1; display: flex; }
.txtScroll-left1 .bd1 ul li{
    margin-right:20px;
    height:60px;
    line-height:24px;
    border-radius: 30px;
    background: rgb(255,255,255,0.2);
    display: flex;
    align-items: center;
    /*display: block;*/
  /* 不设置固定宽度 */
  box-sizing: border-box;
}
.txtScroll-left1 .bd1 ul li .luoyuan{
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #fff;
    margin: 0 20px;
}
.txtScroll-left1 .bd1 ul li .wenziluoyuan{
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    padding-right: 30px;
}
.txtScroll-left1 .bd1 ul li span{ color:#999;  }





.txtScroll-left{ width:100%;  position:relative;  overflow-x:hidden;  }
/*.txtScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }*/
/*.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }*/
/*.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }*/
/*.txtScroll-left .hd ul li.on{ background-position:0 0; }*/
.txtScroll-left .bd{ padding:10px; width:100% overflow:hidden;   display: flex }
.txtScroll-left .bd ul li{
    margin-right:20px;
    height:60px;
    line-height:24px;
    border-radius: 30px;
    background: rgb(255,255,255,0.2);
    display: flex;
    align-items: center;
}
.txtScroll-left .bd ul li .luoyuan{
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #fff;
    margin: 0 20px;
}
.txtScroll-left .bd ul li .wenziluoyuan{
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    padding-right: 30px;
}
.txtScroll-left .bd ul li span{ color:#999;  }


.Overseas{
    width: 100%;
    height: auto;margin-top: 150px;
}
.Overseas1{
    /*width: 100%;*/
    min-height: 100px;
    display: block;
}

.Overseas1typename{
    /*width: 100%;*/
    font-size: 50px;
    font-weight: bold;
}
.ullists{
    width: 100%;
}

.ullists ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 80px;
}

.ullists ul li{
    width: 49%;
    display: flex;
    flex-direction: column;
    background: #f7f7f7;
    padding: 30px;
    margin: 15px 0;
}

.ullists ul li .biaotili{
    width: 100%;
    font-weight: bold;
    font-size: 30px;
}

.ullists ul li .biaotili1{
    width: 100%;
    font-size: 18px;
    color: #666666;
    padding: 20px 0;

}


.ullists ul li .biaotili2{
    width: 100%;
    font-size: 16px;
    color: #000;
    line-height: 30px;
}
.index03{
    margin: 150px 0;
}

.index031{
    display: flex;
    justify-content: space-between;
}

.index031li{
    width: auto;
    display: flex;
    align-items: center;
}
.index031li .yuanquan{
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2270b2;
    border-radius: 50%;
}
.index031li .biaotitext{
    font-size: 40px;
    padding-left: 25px;
}

.Clients{
    margin: 80px 0;
}
.Clientstitle{
    font-size: 50px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.Clients ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Clients ul li{
    width: 205px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin-top: 30px;
    box-shadow:0 2px 8px #0000001a;
    border-radius: 10px;
}
.Clients ul li img{
    max-width: 100%;
}

.footer{
    width: 100%;
    min-height: 200px;
    background: #2e2e2e;
    padding-top: 150px;
}
.footer .centerBox{
    display: flex;
    justify-content: space-between;
}
.footerleft{
    width: 450px;
    height: auto;
}
.footerlogo{
    width: 450px;
    height: auto;
}


@font-face {
    font-family: "iconfont6"; /* Project id 4942677 */
    src: url('http://at.alicdn.com/t/c/font_4942677_ise0ett9z9.woff2?t=1749278303329') format('woff2'),
    url('http://at.alicdn.com/t/c/font_4942677_ise0ett9z9.woff?t=1749278303329') format('woff'),
    url('http://at.alicdn.com/t/c/font_4942677_ise0ett9z9.ttf?t=1749278303329') format('truetype');
}

.iconfont6 {
    font-family: "iconfont6" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrows-top:before {
    content: "\e602";
}

.icon-arrows-bottom:before {
    content: "\e603";
}

.icon-youxiang:before {
    content: "\e908";
}

.youxiang{
    width: auto;
    display: flex;
    align-items: center;
    margin-top: 60px;
}
.youxiangtb{
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 45px;
    color: #fff;
    background: #434343;
    border-radius: 50%;
}
.youxiangwenzi{
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.youxianghao{
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    margin-top: 20px;
}

.footerright{
    width: 850px;
    height: auto;
    min-height: 400px;
}

.caidan{
    width: 100%;
    height: auto;
}

.caidan .yiji{
    width: 100%;
    height: 100px;
    line-height: 100px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #3c3c3c;
}
.caidan .yiji span{
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.caidan .yiji icon{
    font-size: 16px;
    color: #fff;
}

.caidan .erji{
    width: 100%;
    height: auto;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    display: flex;
    padding: 20px 0;
    line-height: 35px;
    flex-direction: column;
}

.hide{
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.caidan .erji p{

    display: flex;
    flex-direction: column;
}
.caidan .erji span:nth-child(2){
    color: #8e8e8e;
}