body , div , ul , li , a , p , span , img , ol , form , input , label ,  dl , dt , dd , h1 , h2 , h3 , h4 , h5 , h6, textarea , button{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
}

/*清除浮动*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}

.clearfix {
	zoom: 1;
}

a{
    color: #333;
}
.container{
    width: 1200px;
    margin: 0 auto;
    height: 80px;
}
.db{
    background: #f2f2f2;
    height: 30px;
    line-height: 30px;
    font-size: 12px ;
    color: #666;
}
.i-dh{
    display: flex;
    flex-direction: row;
}
.i-hy{
    flex: 1;
}
.i-sy{
    width: 320px;
    text-align: right;
}
.tb{
    padding: 20px 0;
}
.logo{
    width: 320px;
    margin-right:12px;
    float: left;
    font-size: 0;
}
.logo img{
    width: 320px;
}
.i-dhl{
    background: #ffffff;
    float: left;
    height: 70px;
    line-height: 70px;
}
.i-dhl-ul{
    width: 840px;
    margin: 0 auto;
}
.i-dhl-li{
    width: 120px;
    float: left;
    text-align: center;
    color: #333333;
    position: relative;
    font-size: 22px;
}
.i-dhl-li a{
    display: inline-block;
    color: #333333;
    height: 100%;
    width: 100%;
}
.i-dhl-li-ul{
    display: none;
    position: absolute;
    top: 56px;
    left: -10px;
    z-index: 11;
    background: #333;
    width: 150px;
    line-height: 50px;
    font-size: 14px;
    font-weight: normal;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
	opacity:0.8;
	color:#FFFFFF;
}
.i-dhl-li:hover .i-dhl-li-ul {
    display: block;
}

.i-dhl-li-ul-li{

}
.i-dhl-li-ul-li a{
    padding: 0 10px;
    margin-left: -10px;
    color:#FFFFFF;
    text-align: center;
}
.i-dhl-li-ul-li a:hover{
    padding: 0 10px;
    margin-left: -10px;
    background: #000;
    text-align: center;
}

.i-dhl-li-ul li ul li a{
color:#fff;
}
.i-dhl-li-ul li ul li a:hover{
color:#ccc;
}


.i-yyfa{
}
.i-a-yy{
margin:0 auto;
    padding: 20px 0 ;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b2b2b2;
}
.i-yy-ul{
    position: absolute;
    margin: 0 -20px 0 0;
}
.i-yy-li{
    width: 590px;
    height: 310px;
    float: left;
    margin-bottom: 10px;
    border: 2px solid transparent;
}
.i-yy-li:hover{
    border-color: #ffffff;
    float: left;
}
.i-yy-li-pic{
    width: 590px;
    height: 300px;
    margin: 10px 0px;
}
.i-yy-li-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.i-yy-li-bt{
    font-size: 28px;
    background: rgba(0,0,0,0.62);
    position:relative;
    text-align: left;
    padding: 8px 20px 8px 10px;
    width: 560px;
    bottom:64px;
    color: #fff;
}
.i-yy-li-bt1{
    font-size: 28px;
    background: rgba(0,0,0,0.62);
    position: relative;
    text-align: left;
    padding: 8px 20px 8px 10px;
    width: 560px;
    bottom:64px;
    color: #fff;
}
.xw{
    position: absolute;
    left: 1080px;
    top: 2500px;
    float: left;
    width: 500px;
}
.i-xw:after{
    position: absolute;
    left: 1020px;
    top: 2555px;
    content: " ";
    display: inline-block;
    background: #b2b2b2;
    width: 300px;
    height: 1px;
    bottom: 0;
    right: -25px;
}
.i-more1{
    position: absolute;
    left: 470px;
    top: 3430px;
    width: 400px;
    height: 50px;
}
.i-more1 a{
    background-size: 100% 100%;
    height: 50px;
    margin: 2px auto 0;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    display: block;
    width: 220px;
    color: #333333;
    border: 1px solid #333333;
    border-radius: 1px;
    margin-top: 20px;
}
.i-more2{
    position: absolute;
    left: 1000px;
    top: 3430px;
    width: 400px;
    height: 50px;
}
.i-more2 a{
    background-size: 100% 100%;
    height: 50px;
    margin: 2px auto 0;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    display: block;
    width: 220px;
    color: #333333;
    border: 1px solid #333333;
    border-radius: 1px;
    margin-top: 20px;
}
.al{
    position: absolute;
    left: 580px;
    top: 2500px;
    float: left;
    width: 500px;
}
.i-al:after{
    position: absolute;
    left: 520px;
    top: 2555px;
    content: " ";
    display: inline-block;
    background: #b2b2b2;
    width: 300px;
    height: 1px;
    bottom: 0;
    right: -25px;
}
.i-a-al{
    color:#000000 ;
    font-size: 30px;
}
.i-cases{
    line-height: 120px;
}
.i-ala{
    color: #b2b2b2;
    font-size: 32px;
    letter-spacing: 2px;
}
.i-alb{
    color: #b2b2b2;
    font-size: 28px;
    padding: 20px;
    position: relative;
}
.i-a{
    background: #ffffff;
    padding: 50px 0;
    height: 1070px;
}
.i-a-ul{
    position: absolute;
    left: 480px;
    top: 2600px;
    float: left;
    width: 600px;
    margin: 0 auto;
    padding: 15px 0 15px 15px;
    background: #ffffff;
}
.i-a-li{
    width: 360px;
    margin-right: 15px;
    margin-top: 20px;
    float: left;
}
.i-a-bt{
    line-height: 10px;
    padding: 20px 0;
    margin: 0 5px;
    text-align: left;
}
.i-a-nr{
    margin-left: 5px;
    margin-top: -5px;
    text-align: left;
    font-size: 14px;
    padding: 0 0px;
    line-height: 22px;
    color: #888;
}
.i-a-xw-ul{
    position: absolute;
    left: 1000px;
    top: 2620px;
    margin-top: 15px;
}
.i-a-xw-li{
    font-size: 14px;
    color: #888;
    line-height: 22px;
    margin-bottom: 10px;
}
.i-xwa{
    margin: 13px 0;
    text-align: left;
    font-size: 14px;
    padding: 0 0px;
    line-height: 22px;
    color: #0C0C0C;
}
.i-a-xw-li-tp{
    width: 20px;
    float: left;
    text-align: center;
}
.i-a-xw-li-bt{
    width: 280px;
    float: left;
}
.i-a-xw-li-sj{
    width: 85px;
    float: left;
    text-align: right;
}
.i-cpbj{
    padding: 40px 0 ;
}
.i-cpbja{
    padding: 40px 0 ;
}
.i-pc{
    text-align: center;
    color: #888;
}
.i-cp-a{
    text-align: center;
    line-height: 120px;
}
.i-xg{
    color: #b2b2b2;
    font-size: 28px;
    letter-spacing: 2px;
}
.i-cpzx{
    color: #b2b2b2;
    font-size: 28px;
    letter-spacing: 2px;
    padding: 20px;
    position: relative;
}
.i-cp{
    color: #000;
    font-size: 28px;
    letter-spacing: 2px;
	 padding: 20px 0px 20px 30px;
}
.i-cpzx:after{
    position: absolute;
    content: " ";
    display: inline-block;
    background: #b2b2b2;
    width: 350px;
    height: 1px;
    bottom: 0;
    right: -20px;
}
.i-cpxx{
    color: #b2b2b2;
    font-size: 28px;
    letter-spacing: 2px;
    padding: 20px;
    position: relative;
}
.i-cpxx:after{
    position: absolute;
    content: " ";
    display: inline-block;
    background: #b2b2b2;
    width: 286px;
    height: 1px;
    bottom: 0;
    right: -20px;
}
.i-cpkh{
    text-align: center;
    font-size: 14px;
    margin: 30px 0 50px 0;
    color: #888;
}
.i-cp-ul{
    margin: 0 -20px 0 0;
}
.i-cp-li{
    width: 380px;
    height: 420px;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    border: 2px solid transparent;
}
.i-cp-li:hover{
    border-color: #ffffff;
    float: left;
}
.i-cp-li1{
    width: 253px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #eee;
}
.i-cp-li1:hover{
    border-color: #027cd1;
    float: left;
}
.i-cp-li-pic{
    width: 380px;
    height: 380px;
}
.i-cp-li-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.i-cp-li-bt{
    font-size: 18px;
    text-align: center;
    color: #666;
    margin: 20px 0;
}
.i-more{
     width: 1200px;
     height: 50px;
 }
.i-more a{
    background-size: 100% 100%;
    height: 50px;
    margin: 2px auto 0;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    display: block;
    width: 220px;
    color: #333333;
    border: 1px solid #333333;
    border-radius: 1px;
}
.i-mora{
    margin-top: 50px;
    height: 50px;
}
.i-mora a{
    background-size: 100% 100%;
    height: 50px;
    margin: 2px auto 0;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    display: block;
    width: 220px;
    color: #333333;
    border: 1px solid #333333;
    border-radius: 1px;
}
.i-news{
    display: flex;
    flex-direction: row;
}
.i-news-pic{
    width: 490px;
    height: 390px;
    margin-right: 50px;
    margin-top: 12px;
}
.i-news-pic img{
    width: 100%;
    height: 100%;
}
.i-news-ul{
    flex: 1;
}
.i-news-li{
    border-bottom: 1px dashed #c5c5c5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.i-news-li a{
    display: flex;
    flex-direction: row;
}
.i-news-time{
    width: 80px;
    background: #027cd1;
    color: #fff;
    padding: 8px 0;
    margin-right: 20px;
}
.i-news-day{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}
.i-news-ny{
    text-align: center;
    line-height: 25px;
}
.i-news-bt{
    color: #ffffff;
    font-size: 32px;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    width: 400px;
    padding: 150px 0 50px;
}
.i-news-bta{
    color: #ffffff;
    font-size: 32px;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    width: 400px;
    padding: 40px 0;
}
.i-news-nr{
    letter-spacing: 2px;
    line-height: 28px;
    font-size: 15px;
    color: #CCCCCC;
    width: 1120px;
    word-wrap: break-word;
}
.i-lj a{
    background-size: 100% 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    display: block;
    width: 180px;
    color: #ffffff;
    background: #00DD00;
    border-radius: 5px;
    float: left;
    margin: 40px 50px;
}
.i-lx a{
    background-size: 100% 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    display: block;
    width: 180px;
    color: #ffffff;
    background: #00DD00;
    border-radius: 5px;
    float: left;
    margin: 40px 50px;
}

/*产品中心*/
.i-b{
    background: #ecf1f2;
    padding: 50px 0;
	margin-top: 150px;
}
.i-b-ul{
    width: 1200px;
    margin: 0 auto;
    padding: 15px 0 15px 15px;
    background: #f6f6f6;
	height:250px;
	
}
.i-b-li{
    width: 385px;
    margin-right: 15px;
    float: left;
}
.i-b-bt{
    padding: 5px 0;
    margin: 5px 10px 0 0px;
    text-align: left;
    color: #888888;
	font-size: 16px;
}
.i-b-nr{
    margin-top: 5px;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #0C0C0C;
}
.i-b-xw-ul{
    margin-top: 15px;
}
.i-b-xw-li{
    font-size: 14px;
    color: #888;
    line-height: 22px;
    margin-bottom: 10px;
}
.i-b-xw-li-tp{
    width: 20px;
    float: left;
    text-align: center;
}
.i-b-xw-li-bt{
    width: 280px;
    float: left;
}
.i-b-xw-li-sj{
    width: 85px;
    float: left;
    text-align: right;
}
.introduce{
    margin-top: 100px;
}
.i-cases{
    width: 1200px;
    margin: 0 auto;
}
.i-a-ses{
    padding: 20px 0 ;

}
.i-ses-ul{
    position: absolute;
    margin: 0 -20px 0 0;
}
.i-ses-li{
    width: 590px;
    height: 310px;
    float: left;
    margin-bottom: 10px;
    border: 5px solid transparent;
}
.i-ses-li:hover{
    border-color: #ffffff;
    float: left;
}
.i-ses-li-pic{
    width: 100%;
    height: 300px;
    margin: 10px 0px;
}
.i-ses-li-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.i-ses-li-bt{
    font-size: 24px;
    background: rgba(0,0,0,0.62);
    position: relative;
    text-align: left;
    padding: 8px 2px 8px 10px;
    width: 97%;
    height: auto;
    color: #fff;
    line-height: 30px;
    bottom: 85px;
	
}
.i-file{
	width:1200px;
	margin:0 auto;
}
.i-file-cp{
    color: #000;
    font-size: 28px;
    letter-spacing: 2px;
}
.i-file-a{
    text-align: center;
    line-height: 120px;
}
.i-file-xg{
    color: #b2b2b2;
    font-size: 28px;
    letter-spacing: 2px;
}
.i-file-cpxx{
    color: #b2b2b2;
    font-size: 28px;
    letter-spacing: 2px;
    padding: 20px;
    position: relative;
}
.i-file-cpxx:after{
    position: absolute;
    content: " ";
    display: inline-block;
    background: #b2b2b2;
    width: 300px;
    height: 1px;
    bottom: 0;
    right: -20px;
}
.i-file-ses{
    text-align: center;
    margin: -10px -10px 60px;
}
.i-file-li{
	display: inline-block;
    width: 14%;
    padding: 10px;
}
.i-file-li a{
	display: block;
    background-size: cover;
    background-repeat: no-repeat;
    height: 182px;
    position: relative;
}
.i-file-li a .name{
    position: absolute;
    bottom: 0;
    color: #FFF;
    background: rgba(0,0,0,0.6);
    width: 100%;
    padding-bottom: 5px;
    text-align: center;
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.foot{
    width: 100%;
    background: #1d2024;
}
.i-foot{
    padding: 20px 0;
    text-align: center;
    color: #bbbbbb;
    line-height: 10px;
    font-size: 14px;
}
.fool{
    margin-top: 120px;
    color: #444444;
}
.a-fool{
    color: #444444;
    padding: 10px 0;
}
.i-foot:after{
    content: " ";
    display: inline-block;
    background: #b2b2b2;
    width: 100%;
    height: 1px;
    right: -25px;
}
.i-fool{
    float: left;
    margin-top: 10px;
    margin-right: 60px;
}
.i-fool1{
    float: left;
    margin-top: 10px;
    margin-right: 40px;
}
.i-dbdh{
     text-align: center;
    height: 50px;
    line-height: 70px;
}
.i-dbdh-ul{
    width: 800px;
    margin: 0 auto;
}
.i-dbdh-li{
    width: 80px;
    float: left;
    text-align: center;
    color: #ffffff;
    position: relative;
    font-size: 16px;
}
.i-dbdh-li a{
    display: inline-block;
    color: #ffffff;
    height: 100%;
    width: 100%;
}
.i-dbdh-li-ul{
    display: none;
    position: absolute;
    top: 56px;
    left: -10px;
    z-index: 11;
    background: #ffffff;
    width: 153.3px;
    line-height: 50px;
    font-size: 14px;
    font-weight: normal;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
}
.i-dbdh-li:hover .i-dhl-li-ul {
    display: block;
}

.i-dbdh-li-ul-li{

}
.i-dbdh-li-ul-li a:hover{
    padding: 0 10px;
    margin-left: -10px;
    background: #b2b2b2;
    text-align: center;
}
.bc{
    text-align: center;
    width: 1200px;
    padding: 20px 0;
    margin-right: auto;
    margin-left: auto;
	
}
.bc>li{
    display: inline-block;
}
.bc>li>a{
    display: block;
    width: 250px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border: #cccccc 1px solid;
    border-radius: 20px;
    font-size: 14px;
    color: #b3b3b3;
    margin-left: 10px;
	margin-bottom:10px;
}
.bc>li>a:hover,.bc>li>a.on{
    display: block;
    background: #888888;
    border: #888888 1px solid;
    color: #fff;
}


/* 案例列表 */
.newsList{
    border-top:0px solid #ebebeb;
	border-right:0px solid #ebebeb;
}
.newsList>li{
    border-left:0px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
    width: 48%;
    float: left;
	margin:0px 1%;
}
.newsList>li>a{
    display: block;
    padding: 20px 20px 0px 0px;
    height: 140px;
    overflow: hidden;
}
.newsList>li>a .img{
    width: 160px;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}
.newsList>li>a .cont{
    margin-left: 172px;
	word-wrap:break-word;
	text-align:left;
}
.newsList>li>a .cont>h3{
    color:#000;
    font-size: 18px;
    padding-bottom: 10px;
}
.newsList>li>a .cont>p{
    font-size: 14px;
    color: #333;
    line-height: 2em;
    padding-bottom: 10px;
}
.newsList>li>a .cont>.date{
    font-size: 14px;
    color: #333;
    text-align: right;
}

DIV.quotes {
    margin: 30px 0; TEXT-ALIGN: center; width:100%;color: #333;
}
DIV.quotes A {
    color: #333; BORDER: #ddd 1px solid; PADDING: 3px 10px; MARGIN-RIGHT: 10px; TEXT-DECORATION: none
}
DIV.quotes A:hover {
    color: #333; BORDER: #a0a0a0 1px solid; PADDING: 3px 10px; MARGIN-RIGHT: 10px;
}
DIV.quotes A:active {
    color: #333; BORDER: #a0a0a0 1px solid; PADDING: 3px 10px; MARGIN-RIGHT: 10px;
}
DIV.quotes SPAN.current {
    color: #fff; BORDER: #333333 1px solid; PADDING: 3px 10px; FONT-WEIGHT: bold; MARGIN-RIGHT: 10px; BACKGROUND-COLOR: #333333;
}
DIV.quotes SPAN.disabled {
    color: #333; BORDER: #f3f3f3 1px solid; PADDING: 3px 10px; MARGIN-RIGHT: 10px;
}