@charset "utf-8";
/* CSS Document */

body {margin:0 auto; padding:0; font-size:12px; font-family:\5FAE\8F6F\96C5\9ED1;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input{padding:0px; margin:0px; }
ul { list-style:none; }
img { border:0px; }
a {text-decoration:none; }
a {outline: none;}
a:active {outline: none;star:expression(this.onFocus=this.blur());}
.clearfloat{display:block;clear:both;height:0px;margin:0px;padding:0px;border:0px;}

.main{width:100%;margin:0 auto;}
.project-title{border-bottom:dashed 1px #cccccc;margin:20px 0;}
.project-title h3{width:220px;height:45px;line-height:45px;float:left;text-align:center;background:url(../images/project_img_01.png) right bottom no-repeat;}
.project-title h3 span{display: block;background: #dcdddd;width: 211px;color:#171717;font-size:18px;font-weight:500;}
.project-title .about-table{float:right;width:340px;text-align:right;}
.project-title .about-table ul li{float:left;height:30px;line-height:30px;width:100px;text-align:center;color:#333;border:solid 1px #333333;border-radius:30px;margin-left:10px;cursor:pointer;}
.project-title .about-table ul li.hover{color:#da0c05;border:solid 1px #da0c05;}

/*
.project-title .about-page{float:right;width:360px;text-align:right;}
.project-title .about-page a{display:inline-block;border:solid 1px #333333;border-radius:50%;width:37px;height:37px;line-height:37px;text-align:center;font-size:15px;font-weight:bold;color:#666;margin:0 5px;}
.project-title .about-page a:hover{color:#da0c05;border:solid 1px #da0c05;}
.project-title .about-page a.current{color:#da0c05;border:solid 1px #da0c05;}
.project-title .about-page a.last{height:26px;width:26px;line-height:26px;text-align:center;}
*/

.more{display:block;width:100%;height:50px;line-height:50px;text-align:center;font-size:16px;color:#666666;background:#f2f2f2;border:solid 1px #cccccc;margin:20px 0;}

.content-one{margin:20px 0;}
.content-one .videos{float:left;width:565px;}
.content-one .con-one-right{float:right;width:600px;}
.content-one .con-one-right p{font-size:14px;color:#666;line-height:25px;margin-bottom:25px;width:575px;}
/*隐形滚动条
.antiscroll-wrap{display: inline-block;position: relative;overflow: hidden;}
.antiscroll-scrollbar {
  background: rgba(149, 149, 149, 1);
  -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
  box-shadow: 0 0 1px #fff;-webkit-box-shadow: 0 0 1px #fff;-moz-box-shadow: 0 0 1px #fff;
  position: absolute;opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;-moz-transition: linear 300ms opacity;-o-transition: linear 300ms opacity;}
.antiscroll-scrollbar-shown{opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.antiscroll-scrollbar-horizontal{height: 7px;margin-left: 2px;bottom: 2px;left: 0;}
.antiscroll-scrollbar-vertical{width: 5px;margin-top: 2px;right: 2px;top: 0;}
.antiscroll-inner{overflow: scroll;}
.antiscroll-inner::-webkit-scrollbar{width: 0;height: 0;}
.antiscroll-inner::scrollbar{width: 0;height: 0;}
.box, .box .antiscroll-inner{width: 605px;height: 280px;}*/

.nano{height:100%;overflow:hidden;position:relative;width:100%;}
.nano > .nano-content{bottom:0;left:0;overflow-x:hidden;overflow-y:scroll;position:absolute;right:0;top:0;}
.nano > .nano-content:focus{outline: thin dotted;}
.nano > .nano-pane{border-radius:5px;bottom:0;opacity:0.99;position:absolute;right:0;top:0;transition:all 0.2s ease 0s;width:5px;}
.nano > .nano-pane > .nano-slider{background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;border-radius:3px;position:relative;height:50px;}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {opacity: 0.99;}
.nano{height:280px;}
.nano > .nano-content{padding-right:20px;}
.nano > .nano-pane{}
.nano > .nano-pane > .nano-slider{background:#000;opacity:0.5;filter:alpha(opacity=50);}

.content-two{margin:20px 0;}
.content-two ul li{float:left;width:400px;line-height:30px;}
.content-two ul li a img{margin-right:10px;position:relative;top:-2px;}
.content-two ul li a{display:block;width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333333;}
.content-two ul li a:hover{text-decoration:underline;}

.content-three{margin:20px 0;}
.content-three .three-left{float:left;width:800px;}
.content-three .three-left p{color:#666;font-size:14px;line-height:28px;}

/* 新增华环智能体样式 */
.smart-icons-container {
    margin: 30px 0;
    text-align: center;
    width: 100%;
}
.smart-icons {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 auto;
}
.smart-icon {
    width: 220px;
    text-align: center;
    margin: 0 10px 30px;
    transition: transform 0.3s;
}
.smart-icon:hover {
    transform: translateY(-5px);
}
.smart-icon a {
    display: block;
    text-decoration: none;
}
.smart-icon img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 2px solid #e5e5e5;
    transition: border-color 0.3s;
}
.smart-icon:hover img {
    border-color: #d90c04;
}
.smart-icon span {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}