﻿#play_box{
    position: relative;
    overflow:hidden;
    width:100%;
}
#play_box img{
    display: none;
    width: 100%;
    opacity:0;
    height:0;
    transition: all linear .5s;
}

#play_box img.current{
    display: block;
    opacity:1;
    height:auto;
}

#iconlist{
    position: absolute;
    bottom:26px;
    left:50%;
    transform: translateX(-50%);
}

#iconlist li{
    float:left;
    margin: 0 7px;
    width:10px;
    height:10px;
    color:#fff;
    background: #b1aca7;
    border-radius: 10px;
    cursor: pointer;
}

#iconlist li.current{
    background:#fff;
}
.pa-compay{
    position: absolute;
    width: 100%;
    left:0;
    top:0;
}
.compay-cont{
    width: 57%;
    padding-top: 11%;
}
.compay-cont>h1{
    font-size: 36px;
    color:#fff;
    font-weight: 400;
}
.compay-cont>p{
    padding: 30px 0;
    line-height: 26px;
    font-size: 16px;
    color:#fff;
}
.compay-cont>a{
    width: 136px;
    height: 40px;
    line-height: 35px;
    border:2px solid #fff;
    font-size: 16px;
    color:#fff;
    text-align: center;
}
/*核心业务*/
.core-big{
    padding-bottom: 80px;
}
.core-tle{
    padding: 60px 0 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.core-tle h1{
    font-size: 28px;
    color:#333;
    font-weight: 400;
}
.core-tle>a{
    font-size: 16px;
    color:#333;
}
.core-tle>a:hover{
    color:#e9ad01;
}
.core-ul{
    width: 100%;
}
.core-ul li{
    float: left;
    width: 24%;
    padding: 0 2%;
    height: 312px;
    margin-right: 1.25%;
    /*background: #f0f3f4;*/
    cursor: pointer;
}
.core-ul li:last-child{
    margin-right: 0;
}
.core-ul li h4{
    padding: 40px 0 20px 56px;
    font-size: 16px;
    color:#333;
    font-weight: 400;
    border-bottom: 1px solid #fff;
}
.z1{
    background: url("../images/zz-1.png") no-repeat left 32px;
    color:#fff!important;
}
.z2{
    background: url("../images/zz-2.png") no-repeat left 32px;
    color:#fff!important;
}
.z3{
    background: url("../images/z-3.png") no-repeat left 32px;
}
.z4{
    background: url("../images/z-4.png") no-repeat left 32px;
}
.core-ul li p{
    padding: 20px 0 40px;
    line-height: 26px;
    font-size: 16px;
    color:#666;
    text-align: left;
}
.core-ul li>a{
    font-size: 14px;
    color:#666;

}
.core-ul li>a em{
    width: 21px;
    height: 20px;
    background: url("../images/big-arr.png") no-repeat center center;
    margin: 0 0 -4px 10px;

}

.core-ul li:hover{
    background: url("../images/h-bg.png") no-repeat center center;
}
.core-ul li:hover h4{
    color:#fff;
}
.core-ul li:hover .z1{
    background: url("../images/zz-1.png") no-repeat left center;
}
.core-ul li:hover .z2{
    background: url("../images/zz-2.png") no-repeat left center;
}
.core-ul li:hover .z3{
    background: url("../images/zz-3.png") no-repeat left center;
}
.core-ul li:hover .z4{
    background: url("../images/zz-4.png") no-repeat left center;
}

.core-ul li:hover p{
    color:#fff;
}
.core-ul li:hover>a{
    color:#fff;
    text-decoration: underline;
}
.core-ul li:hover>a em{
    background: url("../images/big-arr1.png") no-repeat center center;
}
/*主要项目*/
.pro-ul{
    width: 100%;
}
.pro-ul li{
    position: relative;
    float: left;
    width: 32%;
    margin-right: 1.6%;
    margin-bottom: 20px;
}
.pro-ul li:nth-child(3n){
    margin-right: 0;
}
.pro-ul li img{
    width: 100%;
}
.pro-pa{
    position: absolute;
    width: 100%;
    padding-top: 26%;
    top:0;
    left:0;
    text-align: center;
}
.pro-pa h6{
    font-size: 20px;
    color:#fff;
    font-weight: 400;
    text-align: center;
}
.pro-pa p{
    line-height: 30px;
    font-size: 16px;
    color:#fff;
    text-align: center;
}

/*新闻中心*/
.new-ul{
    width: 100%;
}
.new-ul li{
    float: left;
    width: 32%;
    margin-right: 1.6%;
}
.new-ul li:nth-child(3n){
    margin-right: 0;
}
.new-img{
    width: 100%;
}
.new-img img{
    width: 100%;
    vertical-align: middle;
}
.new-cont{
    width: 100%;
    padding: 30px 5% 0;
    height: 206px;
    background: #f1f3f4;
}
.new-cont span{
    display: block;
    font-size: 15px;
    color:#878787;
}
.new-cont h6{
    padding: 30px 0 20px;
    font-size: 20px;
    color:#222;
    font-weight: 400;
}
.new-cont>p{
    height:56px;
    line-height: 26px;
    font-size: 14px;
    color:#999;
    overflow: hidden;
}
.hz-ul{
    width: 100%;
}
.hz-ul li{
    float: left;
    width: 23.4%;
    margin-right: 1.6%;
}
.hz-ul li:last-child{
    margin-right: 0;
}
.hz-ul li img{
    width: 100%;
}

/*服务*/
.bg-banner{
    position: relative;
    width: 100%;
}
.bg-banner img{
    width: 100%;
    vertical-align: middle;
}
.bg-size{
    position: absolute;
    width: 100%;
    left:0;
    top:36%;
}
.bg-size h1{
    font-size: 36px;
    color:#fff;
    font-weight: 400;
    text-align: center;
}
.bg-size p{
    font-size: 24px;
    color:#fff;
    text-align: center;
}
.bg-size p span{
    width: 36px;
    height: 12px;
    border-bottom: 2px solid #fff;
    margin: 0 8px 7px;
}
.service-ul{
    width: 100%;
    padding: 70px 0;
}
.service-ul li{
    position: relative;
    float: left;
    width: 23%;
    padding: 30px 0 35px;
    margin-right: 2.5%;
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 1px 1px 30px #e3e3e3;
    cursor: pointer;
}
.service-ul li:nth-child(4n){
    margin-right: 0;
}
.service-ul li div{
    width:29%;
    margin: 0 auto;
}
.service-ul li div img{
    width: 100%;
}
.service-ul li p{
    padding-top: 30px;
    font-size: 18px;
    color:#333;
    text-align: center;
}

.service-ul li .pa-service{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
  
}
.service-ul li:hover .pa-service{
    display: block;
}
.pa-service em{
    display: block;
    width: 52px;
    padding-top: 26%;
    margin: 0 auto;
}
.ser-sub-big{
    padding: 60px 0;
}
.ser-cont{
    width: 62%;
}
.ser-cont h1{
    padding: 30px 0;
    font-size: 32px;
    color:#333;
    font-weight: 400;
}
.ser-cont>p{
    padding: 10px 0;
    line-height: 30px;
    font-size: 16px;
    color:#333;
}
.ser-img{
    width: 33%;
}
.ser-img img{
    width: 100%;
    vertical-align: middle;
}

/*关于我们*/
.about-big{
    position: relative;
    padding: 60px 0 ;
}
.nav-sub{
    position: absolute;
    left:0;
    top:-36px;
    width: 100%;
    padding: 0 2%;
    height: 76px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 1px 1px 30px #e3e3e3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-sub-ul li a{
    padding: 0 10px;
    margin: 0 18px;
    line-height: 74px;
    font-size: 16px;
    color:#666;

}
.nav-sub-ul li.active a{
    color:#fdc82f;
    border-bottom: 2px solid #fdc82f;
}
.crumbs a{
    font-size: 14px;
    color:#333;
}
.crumbs i{
    margin: 0 6px;
}
.crumbs span{
    font-size: 14px;
    color:#333;
}

.us-1 h1{
    padding: 40px 0 20px;
    font-size: 32px;
    color:#333;
    font-weight: 400;
}
.us-1>p{
    padding: 14px 0;
    line-height: 30px;
    font-size: 15px;
    color:#333;
}
.us-img>div{
    width: 49%;
}
.us-img>div img{
    width: 100%;
}
.qy-ul{
    width: 100%;
}
.qy-ul li{
    float: left;
    width: 31.6%;
    margin-right: 2.5%;
    border-bottom: 2px solid #bebebe;
}
.qy-ul li .qy-img{
    width: 100%;
}
.qy-ul li .qy-img img{
    width: 100%;
    vertical-align: middle;
}
.qy-ul li:nth-child(3n){
    margin-right: 0;
}
.qy-cont{
    width: 100%;
}
.qy-cont h6{
    padding: 30px 0 14px;
    font-size: 22px;
    color:#333;
    font-weight: 400;
}
.qy-cont>p{
    padding-bottom: 30px;
    font-size: 18px;
    color:#666;
}
.jg-img{
    width: 100%;
}
.jg-img img{
    width: 100%;
}

/*行业*/
.industry-big{
    padding: 60px 0 20px;
}

.industry-ul{
    width: 100%;
}
.industry-ul li{
    float: left;
    width: 48%;
    margin-right: 4%;
}
.industry-ul li:nth-child(2n){
    margin-right: 0;
}
.industry-ul li .indus-img{
    width: 100%;
}
.industry-ul li .indus-img img{
    width: 100%;
}
.indus-cont{
    width: 100%;
    height: 336px;
    padding: 40px 0 80px;
    overflow: hidden;
}
.indus-cont h4{
    font-size: 24px;
    color:#333;
    font-weight: 400;
}
.indus-cont p{
    padding: 20px 0 36px;
    line-height: 30px;
    font-size: 16px;
    color:#666;
}
.indus-cont a{
    width: 164px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    background: #333;
}

/*行业详情页*/
.indus-1 h1{
    padding-bottom: 20px;
    font-size: 32px;
    color:#333;
    font-weight: 400;
}
.indus-list{
    padding: 60px 0;
}
.indus-list .cljz-cont{
    width: 47%;
}
.indus-list .cljz-cont p{
    padding: 15px 0;
    line-height: 26px;
    font-size: 16px;
    color:#666;
}
.cljz-img{
    width: 50%;
}
.cljz-img img{
    width: 100%;
    vertical-align: middle;
}

.xmbj-cont{
    width: 100%;
}
.xmbj-cont h3{
    padding: 40px 0 10px;
    font-size: 26px;
    color:#333;
    font-weight: 400;
}
.xmbj-cont p{
    padding: 10px 0;
    line-height: 25px;
    font-size: 16px;
    color:#666;
}
.other-list{
    padding: 60px 0;
}
.other-list h1{
    color:#fff;
    padding-bottom: 36px;
}
.other-ul{
    width: 100%;
}
.other-ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.other-ul li:nth-child(3n){
    margin-right: 0;
}
.other-ul li .other-img{
    width: 100%;
}
.other-ul li .other-img img{
    width: 100%;
}
.other-ul li p{
    padding-top: 30px;
    font-size: 22px;
    color:#fff;
}
/*轮播图容器*/
.banner-big{
    width: 100%;
    height: 660px;
}
.focusBox{
    float: left;
    position: relative;
    width:100%;
    height:660px;
    overflow: hidden;
}
.focusBox .pic img {
    width:100%;
    height:660px;
    display: block;
}
.focusBox>a{
    position: absolute;
    top:40%;
    z-index: 10;
    width: 62px;
    height: 62px;
    border-radius: 31px;
    background: url("../images/al1.png") repeat center center;
}
.focusBox>a em{
    display: block;
    width: 7px;
    margin: 30% auto 0;
}
.focusBox>a.next{
    left:0;
}
.focusBox>a.prev{
    right:0;
}
.focusBox>a:hover{
    background: url("../images/ar1.png") repeat center center;
}
.ind-cont{
    padding-top: 30px;
}
.ind-cont h4{
    padding-bottom: 20px;
    font-size: 24px;
    color:#333;
    font-weight: 400;
}
.ind-cont p{
    line-height: 30px;
    font-size: 16px;
    color:#666;
}
/*联系我们*/
.tact-ul{
    width: 100%;
}
.tact-ul li{
    float: left;
    width: 32%;
    padding: 40px 0 36px;
    margin-right: 2%;
    background: #f0f3f4;
}
.tact-ul li:nth-child(3n){
    margin-right: 0;
}
.tact-ul li em{
    display: block;
    width: 68px;
    margin: 0 auto;
}
.tact-ul li em img{
    width: 100%;
}
.tact-ul li h6{
    padding: 26px 0 16px;
    font-size: 18px;
    color:#333;
    font-weight: 400;
    text-align: center;
}
.tact-ul li p{
    font-size: 16px;
    color:#666;
    text-align: center;
}
.map-img{
    width: 100%;
    margin-top: 26px;
}
.map-img img{
    width: 100%;
}

.tact-tle{
    padding: 28px 2% 26px;
    border-top: 2px solid #009e96;
}
.tact-tab-ul{
    width: 100%;
    margin-bottom: 40px;
    border-bottom:1px solid #ececec;
}
.tact-tab-ul li{
    width: 100%;
    padding: 28px 2%;
    border-top:1px solid #ececec;

}

.tab-li span{
    font-size: 16px;
    color:#666;
}
.tab-li span:first-child{
    font-size: 18px;
    color:#333;
}
.tab-li span:last-child{
    float: right;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    border:1px solid #b8b8b8;
    margin-bottom: -6px;
    cursor: pointer;
}
.tab-li span:last-child em{
    display: block;
    width: 11px;
    height: 7px;
    margin: 4px auto;
}
.tab-licont{
    display: none;
    width: 100%;
    padding: 28px 2%;
}
.tab-licont h6{
    padding: 20px 0 10px;
    font-size: 15px;
    color:#333;
}
.tab-licont p{
    line-height: 26px;
    font-size: 15px;
    color:#333;
}
.consul-cont{
    padding-bottom: 20px;
}
.consul-size{
    width: 45.5%;
}
.consul-size>p{
    padding: 20px 0;
    line-height: 30px;
    font-size: 16px;
    color:#666;
}
.consul-img{
    width: 50%;
}
.consul-img img{
    width: 100%;
    vertical-align: middle;
}

/*全球化*/
.globa-cont{

}
.globa-cont p{
    padding: 10px 0;
    line-height: 26px;
    font-size: 16px;
    color:#666;
}

.globa-img{
    position: relative;
    width: 100%;
}
.aypa{
    position: absolute;
    width: 20px;
    height: 20px;
    background: url("../images/ruan.png") no-repeat center center;
}
.ay1{
    bottom:17%;
    right:14%;
}
.ay2{
    bottom:18%;
    right:22%;
}
.ay3{
    bottom: 32%;
    right: 22%;
}
.ay4{
    bottom: 32%;
    right: 25.5%;
}
.ay5{
    bottom: 37%;
    right: 19%;
}
.ay6{
    bottom: 39.5%;
    right: 21%;
}
.ay7{
    bottom: 43.5%;
    right: 22%;
}
.ay8{
    bottom: 49.5%;
    right: 27%;
}
.ay9{
    bottom: 45%;
    right: 27.5%;
}
.ay10{
    bottom: 45.5%;
    right: 24.5%;
}
.ay11{
    bottom: 48%;
    right: 25.5%;
}
.ay12{
    bottom: 49%;
    right: 22.5%;
}
.ay13{
    bottom: 51.5%;
    right: 23.5%;
}
.ay14{
    bottom: 51%;
    right: 21.5%;
}
.ay15{
    bottom: 52.5%;
    right: 22.5%;
}
.ay16{
    bottom: 54.5%;
    right: 25.5%;
}
.ay17{
    bottom: 56.5%;
    right: 22.5%;
}
.ay18{
    bottom: 59%;
    right: 23.5%;
}
.ay19{
    bottom: 59%;
    right: 25.5%;
}

.ay20{
    bottom: 55%;
    right: 19.5%;
}
.ay21{
    bottom: 34%;
    right: 23%;
}
.ay22{
    bottom: 37%;
    right:20.5%;
}

.ay23{
    bottom: 55%;
    right:75.5%;
}

.aypa>span{
    display: none;
    position: absolute;
    bottom:164%;
    left:50%;
    transform: translateX(-50%);
    z-index: 30;
    padding: 10px 24px;
    width:80px;
    font-size: 14px;
    color:#333;
    background: #fff;
    border:1px solid #e68c1d;
    border-radius: 3px;
    width: auto !important;
    word-break: keep-all;
    white-space: nowrap;
}
.aypa>span:before{
    content:"";
    position: absolute;
    bottom:-7px;
    left:50%;
    transform: translateX(-50%);
    z-index: 40;
    width: 9px;
    height: 10px;
    background: url("../images/arr.png") no-repeat center center;
}
.aypa:hover span{
    display: block;
}
.globa-img img{
    width: 100%;
}

/*新闻中心*/
.nw-ul{
    width: 100%;
}
.nw-ul li{
    float: right;
    width: 100%;
    margin: 0 2% 20px 0;
    background: #fff;
}
.nw-ul li p{
    height:51px;
    line-height:51px;
    width: 100%;
    margin: 0 2% 20px 0;
    background: #fff;
    border-bottom:1px solid #cacaca;

}
    .nw-ul li p:hover {
    color:#ff0000;
    }
.nw-ul li p em{
    display:inline-block;
    margin-right:8.33%;

}
.nw-ul li:nth-child(3n){
    margin-right: 0;
}
.nw-img{
    width: 100%;
}
.nw-img img{
    width: 100%;
}
.nw-cont{
    padding: 0px 0 20px;
    /*height: 245px;*/
    overflow: hidden;

}
.nw-cont>p{
    line-height: 25px;
    font-size: 16px;
    color:#666;
}
.nw-cont>h4{
    padding: 20px 0;
    height: 94px;
    line-height: 28px;
    font-size: 17px;
    color:#333;
    font-weight: 400;
}

/*新闻中心--详情页*/
.new-left{
    float: left;
    width: 66%;
}

.nesub-tle{
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}
.nesub-tle h1{
    font-size: 32px;
    color:#333;
    font-weight: 400;
}
.nesub-tle p{
    padding: 28px 0 34px;
    font-size: 18px;
    color:#666;
}

.nesub-cont{
    padding: 20px 0 40px;
    border-bottom: 1px solid #e6e6e6;
}
.nesub-cont>p{
    padding: 10px 0;
    line-height: 26px;
    font-size: 16px;
    color:#333;
}
.nesub-cont>p img{
    width: 100%;
}

.nesub-down{
    width: 100%;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nesub-down .newsubyi{
    font-size: 16px;
    color:#333;
}
.nesub-down .newsubyi a{
    font-size: 16px;
    color:#333;
}
.nesub-down>a{
    padding: 16px 54px;
    border:1px solid #333;
    font-size: 14px;
    color:#333;
}
.new-right{
    float: right;
    width: 24%;
}
.new-right h4{
    padding-bottom: 20px;
    font-size: 24px;
    color:#333;
    font-weight: 400;
}
.nedynamic{
    width: 100%;
}

.nedynamic li{
    padding: 18px 0;
    border-bottom: 1px solid #e3e3e3;
}
.nedynamic li em{
    float: left;
    width: 22%;
}
.nedynamic li em img{
    width: 100%;
}

.nedy-cont{
    float: left;
    width: 78%;
    padding: 0 4%;
}
.nedy-cont p{
    font-size: 12px;
    color:#333;
}
.nedy-cont h6{
    padding-top: 6px;
    font-size: 14px;
    color:#333;
    font-weight: 400;
}



