*{
    margin:0;
    padding:0;
}
#main{
    width:100%;
    overflow: hidden;
}
#lb{
    width:100%;
    height:478px;
    text-align:center;
    position:relative;
}
#lb .lb_img{
    width:100%;
    text-align:center;
    position:relative;
}
.lb_img img{
    height:478px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
}
#lb ul{
    position: absolute;
    bottom: 10px;
    width: 100%;
}
#lb ul li{
    background:white;
    padding: 7px;
    display: inline-block;
    list-style: none;
    border-radius: 20px;
    cursor:pointer;
}
.yellowColor{
    background: #f7de07!important;
}

/*网络公告*/
#notice{
    width:100%;
    background: #f6f6f6;
    overflow: hidden;
    box-shadow:0 2px 10px #9f9f9f;
}
.notice{
    display:flex;
    width:1220px;
    margin:0 auto;
    align-items: center;
    justify-content: space-between;
}
#news{
    height: 46px;
    display: flex;
    padding: 0 15px;
    align-items: center;
    position: relative;
    color: #5a5a5a;
    width:460px;
}
#news p{
    font-size: 15px;
    font-weight: bold;
}
#news p i{
    font-size:25px;
    vertical-align: middle;
    margin-right:10px;
}
#news .ul{
    font-size: 14px;
    height:47px;
    position: relative;
    overflow: hidden;
    width:65%;
    margin-left:25px;
}
#news ul li{
    list-style:none;
    line-height:50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:dimgrey;
}
/*热门搜索*/
#hot{
    color: dimgrey;
    font-size: 14px;
    width:345px;
}
#hot p{
    margin:0;
}
#hot p a{
    text-decoration:none;
    color:dimgrey;
}
/*搜索框*/
#search form{
    position:relative;
}
#search input{
    width:295px;
    padding: 25px 10px 25px 30px;
    border: 1px solid #3b3b3b0f;
    background: #f6f6f6;
    color: #8f8f8f;
}
#search input:focus{
    outline: none;
    border:1px solid #48b090;
}
#search input:last-of-type{
    width:70px;
    border: none;
    position:relative;
    background:none;
    z-index:9;
    cursor:pointer;
}
#search i{
    color: #808080;
    font-size: 25px;
    margin-left: 20px;
    position: absolute;
    top: 20px;
    right: 27px;
}

/*产品中心*/
#product {
    width: 1300px;
    margin: 30px auto;
    display:flex;
}
#product .product_left{
    width:19.5%;
    border:1px solid lightgrey;
    padding:0 0 15px;
}
#product .product_left h3{
    background: #48b090;
    color:white;
    padding: 15px 35px;
    margin-bottom:25px;
}
#product .product_left ul li{
    list-style:none;
    background-image:url("../images/green4.png");
    background-repeat: no-repeat;
    background-size:88%;
    line-height: 55px;
    padding: 0 25px;
    font-size:16px;
    width:87%;
}
#product .product_left ul li p{
    width:77%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#product .product_left ul a{
    text-decoration: none;
    color:white;
}

.product_right{
    width:80%;
    padding:0 15px;
}
.product_right .product_right_robot{
    text-align: center;
    width: 100%;
}
.product_right .product_right_robot img{
    height: 180px;
}
.product_right .product_right_robot p{
    width: 90%;
    margin: 10px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product_right a{
    text-decoration: none;
    color: black;
    display: inline-block;
    width: 19%;
}

#img,#img1{
    width: 100%;
    margin: -5px auto;
    position: relative;
}
#img img,#img1 img{
    width: 100%;
    margin: 0 auto;
}


/*技术介绍*/
.technology{
    width: 100%;
    background: #e7e7e7;
    text-align:center;
    margin:0 auto;
    padding:50px 0;
}
.technology h2{
    color: #48b090;
    font-size:32px;
    margin:0 0 5px;
}
.technology p{
    font-size:20px;
    background-image:url("../images/01.png");
    height:55px;
    background-repeat: no-repeat;
    background-position:center;
    line-height:50px;
}

/*技术要点*/
#point{
    width:100%;
    padding:30px 0;
    background: #e7e7e7;
}
#point .point{
    width:1200px;
    margin:0 auto 30px;
}
.points{
    display:inline-block;
    vertical-align: top;
}

.point .points:first-of-type{
    width:46%;
}
.point .points:last-of-type{
    width:53%;
}
.point:first-of-type .points:last-of-type,.point:nth-of-type(3) .points:last-of-type{
    text-align:center;
}
.point1 .point_title{
    background-image:url("../images/number1.png");
    background-repeat: no-repeat;
    height:90px;
    background-size:94%;
    padding-left:95px;
    color: #48b090;
}
.point_title h2{
    font-size:21px;
    padding:10px 0 5px;
}
.point_title p{
    font-size:12px;
}
.points ul{
    margin-left:20px;
    font-size:14px;
}
.points img{
	width:80%;
}
.points ul li{
    line-height:35px;
    width:500px;
    color:grey;
}
.points ul li span{
    color:black;
}
.point2 .point_title{
    background-image:url("../images/number2.png");
    background-repeat: no-repeat;
    height:90px;
    background-size:85%;
    padding-left:95px;
    color: #48b090;
}
.point3 .point_title{
    background-image:url("../images/number3.png");
    background-repeat: no-repeat;
    height:90px;
    background-size:94%;
    padding-left:95px;
    color: #48b090;
}
.point4 .point_title{
    background-image:url("../images/number4.png");
    background-repeat: no-repeat;
    height:90px;
    background-size:83%;
    padding-left:95px;
    color: #48b090;
}
.point:nth-of-type(3) .points:last-of-type{
    margin-top:-50px;
}
.point:last-of-type .points:first-of-type{
    margin-top:-100px;
}

/*公司简介*/
#company{
    width:1200px;
    margin:0 auto;
    padding:50px 0;
    display:flex;
}
#company .company{
    width:49%;
}
#company .company:first-of-type{
    width:47%;
}
#company .company img{
    width:100%;
}
#company .company:last-of-type{
    padding:40px 0 0 25px;
}
.company h3 {
    font-size: 20px;
}
.company p:first-of-type{
    font-size:14px;
    line-height: 25px;
    color:dimgrey;
}
.company p:last-of-type{
    text-indent: 2em;
    margin: 20px 0 30px;
    line-height: 30px;
    font-size: 13.4px;
    border-bottom: 1px dashed darkslategrey;
    padding-bottom: 30px;
}
.company a{
    font-size:14px;
    text-decoration: none;
    color: white;
    background: #48b090;
    padding: 10px 25px;
    border-radius: 7px;
}

/*公司新闻*/
#companyNews{
    width:1200px;
    margin:80px auto 30px;
    display:flex;
    /*border:1px solid red;*/
}
#companyNews .companys{
    width:30.5%;
}
.companys hr{
    border:1px solid #48b090;
    width:120px;
    margin-top:10px;
}
.industry_news{
    margin:0 5% 0 4%;
}
.companys h2{
    font-weight:initial;
    font-size:23px;
    width:100%;
    position:relative;
    padding:10px 0 0;
    border-bottom:1px solid lightgrey;
}
.companys h2 span{
    color: #a5a5a5;
    font-size:14px;
    margin-left:10px;
}
.companys h2 a{
    position:absolute;
    right:0;
    color: #666666;
    text-decoration:none;
}
.companys h2 a:hover{
    color: #e98454;
}
.companys img{
    margin:23px 0 5px;
	width:100%;
	height:40%;
}
.company_news ul{
    margin:0;
}
.company_news ul li{
    list-style: none;
    /*line-height: 30px;*/
    border-bottom: 1px dashed lightgrey;
    padding: 15px 0;
    font-size:14px;
    position:relative;
}
.company_news ul li a{
    text-decoration:none;
    color:#424242;
    width:265px;
    /*a标签溢出隐藏，显示省略号*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.company_news ul li:hover,.company_news ul li:hover a{
    color: #b8223a;
}
.company_news ul li span{
    position:absolute;
    right:0;
}
.company_news ul li:last-of-type{
    border:none;
}

.trouble{
    margin:20px 0 0;
    height:489px;
    overflow: hidden;
    position: relative;
}
.trouble ul{
    position:absolute;
    width:100%;
}
.trouble ul li{
    list-style:none;
    padding: 5px 5px;
    border-bottom:1px dashed grey;
}
.trouble ul li a{
    text-decoration:none;
    background-image:url("../images/ia_200000076.png");
    background-repeat: no-repeat;
    padding-left:33px;
    font-size:14px;
    color: #6a6a6a;
}
.trouble ul li a:hover{
    color: #fe8164;
}
.trouble ul li p{
    font-size:12px;
    color: #979797;
    padding-left:33px;
    margin:15px 0 5px;
    background-image:url("../images/ia_200000077.png");
    background-repeat: no-repeat;
    line-height:23px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

/*友情链接*/
#links{
    width:1200px;
    margin:0 auto 20px;
}
#links a{
    color:grey;
    font-size:12px;
}
.banner{width:100%;height:25.7rem;margin-bottom:1.5rem;position:relative;}
.banner img{width:100%;height:100%;z-index:995;-webkit-animation: banner-img 2s 1;animation: banner-img 2s 1;}
@keyframes banner-img { from { width:105%;height:105%;margin:-1.5% 0 0 -1.5%;} to {width:100%;height:100%;margin:0 0 0 0;} }
@-webkit-keyframes banner-img { from { width:105%;height:105%;margin:-1.5% 0 0 -1.5%;} to {width:100%;height:100%;margin:0 0 0 0;} }
.banner ul{overflow:hidden;width:100%;height:100%;}
.banner ul li{width:100%;height:100%;transition:.6s;position:absolute;top:0;left:0;display:none;overflow:hidden;text-align:center;}
.banner ul li .bneulMain{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.4);}
.banner ul li .bneulTit{position:absolute;top:50%;left:50%;    transform: translate(-50%,-50%);-webkit-animation: banner-tit 1.5s 1;animation: banner-tit 1.5s 1;opacity:1;background:url('/images/banner_tit1.png') no-repeat center center;background-size:100% 100%;width:31rem;height:11.85rem;}
.banner ul li .bneulTit2{position:absolute;top:50%;left:50%;    transform: translate(-50%,-50%);-webkit-animation: banner-tit 1.5s 1;animation: banner-tit 1.5s 1;opacity:1;background:url('/images/banner_tit2.png') no-repeat center center;background-size:100% 100%;width:31rem;height:11.85rem;}
.banner ul li .bneulTit3{position:absolute;top:50%;left:50%;    transform: translate(-50%,-50%);-webkit-animation: banner-tit 1.5s 1;animation: banner-tit 1.5s 1;opacity:1;background:url('/images/banner_tit3.png') no-repeat center center;background-size:100% 100%;width:31rem;height:11.85rem;}
@keyframes banner-tit { from { top:70%;opacity:0;} to {TOP:50%;opacity:1;    transform: translate(-50%,-50%);}}
@-webkit-keyframes banner-tit { from { top:70%;opacity:0;} to {TOP:50%;opacity:1;    transform: translate(-50%,-50%);}}
.banner .bnepre{position: absolute; bottom:1.2rem; right:calc(50% + 6rem);  width:3.1rem; /* -webkit-box-shadow: 0 0 1.6rem rgba(0,0,0,0.1); */ -moz-box-shadow: 0 0 1.6rem rgba(0,0,0,0.1); /* box-shadow: 0 0 1.6rem rgba(0,0,0,0.1); */ color: #fff; /* border-radius: 50%; */ text-align: center; xoverflow: hidden; cursor: pointer; font-weight: 600; font-size:1rem!important; z-index: 997;}
.banner .bnepre:hover{transition: all .3s ease; color: #0a418c;}
.banner .bnenext{position: absolute; bottom:1.2rem; left:calc(50% + 6rem); width:3.1rem; color: #fff; /* border-radius: 50%; */ text-align: center; overflow: hidden; cursor: pointer; font-weight: 600; font-size:1rem!important; z-index: 997;}
.banner .bnenext:hover{transition: all .3s ease; color:#0a418c;}
.banner .bnemark{overflow:hidden;position:absolute;left:50%;bottom:1.2rem;-webkit-transform: translateX(-50%); transform: translateX(-50%);z-index:997;}
.banner .bnemark .bearli{width:3rem;float:left;height:.2rem;background-color:rgba(0,0,0,0.2);cursor:pointer;}
.banner .bnemark .bearleft{border-radius:.2rem 0 0 .2rem;margin-right:.7rem;}
.banner .bnemark .bearright{border-radius:0 .2rem .2rem 0;margin-left:.7rem;}