@charset "utf-8";
html{margin:0;padding:0}
body{overflow-x:hidden;font-family: "微软雅黑";margin:0;padding:0;font-size:14px;line-height: 1.5;color: #000; font-weight: 300;overflow-x: hidden;}
em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.ti2{text-indent:2em}
.ovh{overflow:hidden}
.dn{display:none}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.container{width: 1200px;margin:0 auto;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb40{margin-bottom: 40px;}

/* wel */
.wel{background-color:#f9f9f9;border-bottom: 1px solid #ccc;}
.wel  h1 {color: #666;display: block;; color: #666;padding-left: 5px;line-height:35px; }
.wel  ul  li a{color: #666;padding-left: 5px;}
.wel  ul  li:nth-child(1){margin-right: 25px;}
.header{width:100%;}
.header .header_top .right a:last-child{border-left: 1px solid #666;}
.header .header_top .right a img{vertical-align:middle;margin:-4px 5px 0 0}
.header .nr{padding: 16px 0;}
.header .nr .zb .left img{vertical-align:top}
.logo  img{width: 280px;height:66px;}
.header .nr .right .icon{margin:0 16px 0 0}
.header .nr .right .dz-rx{background: url(../image/htel.png) no-repeat left center; line-height: 24px;padding-left:74px;}
.header .nr .right .dz-rx i{display:block;color:#333;font-size:16px;line-height:20px;font-style:normal}
.header .nr .right p{font-size:30px;color:#333;display: block;line-height:36px;font-weight: 600;    font-family: impact;}
.header .nr .right .num{font-size:18px;color:#666;}

/*导航栏*/
nav {position: relative;z-index: 1000;background: #035bc7;}
nav >  ul{width: 1200px;margin:0 auto;}
nav >  ul {  display:flex;flex-direction:row;align-items:center   }
nav >  ul > li {line-height:72px;flex:1;  text-align: center;position: relative;;}
nav > ul > li >a {display: block;color: #fff;font-size:21px;}
nav > ul > li{background: url(../image/at.png) no-repeat right  0 center;}
nav > ul > li:hover{ background-color: #40a00b; background-image: none; }
nav >ul > li.active{ background-color: #40a00b; background-image: none;  }
nav > ul > li:last-child{background-image: none; }
/* 二级 */
nav > ul > li > ul {position: absolute;width:100%;}
nav > ul >  li > ul {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0)}
nav > ul > li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
nav > ul > li > ul li {width: 100%;float: left;}
nav > ul >  li > ul li a {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;display: block;font-weight: 0!important;line-height: 40px;width: 100%;  color: #035bc7; text-align: center;background: #ececec;font-size: 16px;}
nav > ul >  li > ul li a  span{float: none!important; }
nav > ul >  li > ul li a:hover {color: #40a00b;} 
nav >ul > li span{float: none!important;}

/* banner */
.banner{border: none;}
.slide_banner .hd{ width:100%;position:absolute; z-index:1; bottom:0; left:0; height:30px; }
.slide_banner .hd ul{ text-align:center;}
.slide_banner .hd ul li{ cursor:pointer;background:#134fbf!important;display:inline-block; *display:inline; zoom:1; width:30px; height:6px;margin:0 3px;text-indent: -9999px;/* filter:alpha(opacity=30);opacity:0.3;*/}
.slide_banner .hd ul .on{filter:alpha(opacity=80);opacity:1;}
.slide_banner .prev,
.slide_banner .next{display:none;position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;z-index:1; width:40px; height:60px;cursor:pointer; filter:alpha(opacity=50);opacity:0.5;background:rgba(0,0,0,.7);color:#fff;font-size: 30px; line-height: 60px;text-align: center;font-family: 宋体; -moz-user-select:none; -webkit-user-select:none;-ms-user-select:none;font-weight:bold;user-select:none;}
.slide_banner .next{left:auto; right:10%;}


/* 公共标题 */
.title {margin-bottom: 30px;     }
.title h2{color: #f0f3f6;    font-family: "arial";font-size:72px; font-weight: 600;text-transform: uppercase;text-align: center; display: block; margin: 0 auto;}
.title p{ color: #40a00b;padding-bottom: 65px;  position: absolute;left: 50%; font-weight: 600;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);font-size:48px ;}
.title p  span{color: #1d54c9;}
.title em{display: block;background: url(../image/titline.png) no-repeat center;height:14px;width: 100%;margin: 5px auto 0;}

/* about */
#about .title em{background: url(../image/titline1.png) no-repeat center;}
#about .title p{ color: #fff; padding-bottom: 65px;  position: absolute;left: 50%; font-weight: 600;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);font-size:48px ;}
#about .title p  span{color: #fff;}
#about .title h2{opacity: 0.2;}

/* pro */
#pro{padding: 50px  0;}
#pro .pimg{height:380px;overflow: hidden;}
#pro .pimg img{height:380px;object-fit: cover;width: 100%;display: block;transition:.5s ease-in;}
#pro li:hover  .pimg  img{ transform:scale(1.1,1.1);}
#pro .titlist{margin-bottom: 30px;}
#pro .titlist li a { font-size: 20px; color: #333; padding: 0 20px;line-height: 50px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#pro .titlist li:hover{border-radius: 5px;background-color: #1d54c9;}
#pro .titlist li:hover a{color: #fff;}
#pro .pimglist ul {display: grid; grid-template-columns: 33.3% 33.3% 33.3%; gap: 35px 35px;}
#pro .pimglist ul li{border: 1px solid #ccc;position: relative;   }
#pro  .pimglist li .ceng{display: none;}
#pro  .pimglist li:hover .ceng{display: block;   position: absolute;width: 100%;bottom: 0;background-color:rgba(29, 84, 201, 0.8);height: 100%;   }
#pro  .pimglist li:hover .ceng p{padding: 0 25px;text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:28px;font-weight: 600; padding-top:80px; color: #fff;        }
#pro  .pimglist li:hover .ceng em{display: block;background: url(../image/idot.png) no-repeat center;padding-top:40px;width:30px;height: 30px; margin: 0 auto;      }
#pro  .pimglist li:hover .ceng span{display: block;margin:0  auto;   text-align: center;font-size:20px;padding-top:40px; color: #fff; width: 70px; border-bottom: 1px solid #fff;}

/* about */
#about{ background: url(../image/abbg.jpg) no-repeat center; padding: 50px  0 80px  0; position: relative;     }
#about .des{padding-left:30px;}
#about  .des  p{font-size: 16px;color: #333;line-height:2;text-indent: 2rem;}
#about .img{width: 540px;height: 370px;}
#about .img  img{width: 540px;height: 370px;}
#about  .nr{background-color: #fff;padding: 20px;}
#about  .viewmore{margin: 18px 0 0 0;}


/* 轮播 */
.com_bot .slideBox{ overflow:hidden; zoom:1; position:relative;}
.com_bot .bd ul{ overflow:hidden; zoom:1}
.com_bot .bd ul li{ margin:0 10px;    float:left;display:inline; overflow:hidden; text-align:center;width:282px!important;}
.com_bot .bd ul li .pic img{ height:305px; object-fit: cover;width:278px;display:block;border:2px solid #fff;}
.com_bot .bd ul li .pic a:hover img{ border-color:#999;}
.com_bot .hd{ overflow:hidden;  height:55px; padding:0 10px;  position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.com_bot .hd .prev{ display:block;  width:30px; height:47px;margin-right:5px; margin-top:10px;  overflow:hidden;
cursor:pointer; background:url("../image/jt2.png")  #40a00b  no-repeat  center;}
.com_bot .hd .next{ display:block;  width:30px; height:47px;margin-top:10px;  margin-right:5px; overflow:hidden;
 cursor:pointer; background:url("../image/jt1.png") #40a00b no-repeat  center;}


/* more */
.viewmore{ background:#1d54c9 ; display: block;margin:18px auto 0;transition: all .5s ease;position: relative;cursor: pointer; width:100px;line-height:38px;text-align:center;color:#fff;font-size:16px; border-radius: 5px;}
.viewmore:hover{ background:#1d54c9 ;   }
.viewmore:after , .viewmore a.more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff}
.viewmore:hover{z-index:1;background:0 0;color:#fff}
.viewmore:before{transition:.5s;background: #1d54c9;z-index:-1;color:#fff}
.viewmore:hover:after , .viewmore a.more:hover:before{width:100%;background:#40a00b;  border-radius: 5px; -webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;     }

/* adv*/
#adv{padding:88px 0;background: url(../image/advbg.jpg) no-repeat   top  center;        }
#adv .part b{display: block;font-weight: 600; padding-bottom: 30px; font-size: 30px;color:#0689e7;     padding-bottom: 20px;    }
#adv .part .des{padding: 0 0 0 86px;}
#adv .part ul  li{font-size:24px;line-height:2;  background: url(../image/yidot.png) no-repeat left center;  color: #6f6f6f; padding-left: 30px;    }
#adv .part .right{width: 600px;height: 340px;}
#adv .part .right img{width: 600px;height: 340px;}
#adv .bg1 .right img {width: 600px; height: 304px;}
#adv .bg2{padding:80px 0 0 0;}
#adv .bg3{padding:85px 0 0 0;}
#adv .bg3 .left{padding-top:30px;}
#adv .bg4{padding:140px 0 0 0;}
#adv .bg4 .des {padding: 0 0 0 100px;}
#adv .bg4 .right img {width: 600px; height: 332px;}
#adv .bg2 .des { padding: 0 0 0 100px;}
#adv .bg2 .right img{padding-top: 30px;display: block;   } 

   
/* case */
#case{background:url(../image/casebg.jpg) no-repeat  top  center;padding:68px 0;}
#case .title h2{font-size: 48px;line-height:50px;}
#case .title span{display: block;text-align: center;font-size: 20px;font-family: "impact"; text-transform: uppercase;  color: #fff; letter-spacing: 2px;}
#case .title{margin-bottom: 30px;}
#case ul{padding: 20px;background-color: #fff;box-shadow: 0px 1px 5px #d8d8d8;}
#case li{ width:370px;margin-bottom: 20px;overflow:hidden;}
#case li .img{width:100%;height:240px;  overflow:hidden; }
#case li img{width:100%;height:240px; object-fit: cover;transition:.5s ease-in}
#case li img:hover{transform:scale(1.1,1.1)}
#case li  p{text-align: center;line-height: 45px;background-color: #f7f7f7;font-size: 18px; color: #555; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#case li:hover p{background-color: #1d54c9;color: #fff;  }


/* news */
#news{padding:0 0 50px 0 ; }
#news .title i{display: block;line-height:40px;font-size: 20px;text-align: center;color: #6f6f6f; }
.picBtnTop{position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:612px; position:absolute; right:5px; overflow:hidden; }
.picBtnTop .hd ul li{ width:600px;box-shadow: 1px 2px 3px #ccc;     }
.picBtnTop .hd ul li img{ width:85px; height:60px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
.picBtnTop .hd ul li.on img{ border-color:#f60;  }
/* 左侧的大图 */
.picBtnTop .bd{ width:530px;  height:390px;   position:relative;  }
.picBtnTop .bd li{ position:relative; zoom:1;   height:390px; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;   height:390px;  }
.picBtnTop .bd li .pic img{ width:530px; height:390px; vertical-align:bottom; }
.picBtnTop .bd li .title{ width:530px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }
#news .hd li{margin: 0 0 18px 0;background:#fff}
#news .timebox{width:20%;  padding:16px 0;  background: #ececec; text-align: center;}
#news .timebox hr{width:70%;margin:6px auto;background:#dbdbdb}
#news .news-l-txt{width:80%;padding:0 20px}
#news .news-l-txt a{color:#202020;font-size:16px}
#news .news-l-txt p{margin-top:5px;color:#8b8b8b;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#news .hd li:hover .timebox p{color:#fff}
#news .hd li:hover h3 a{color:#fff}
#news .hd li:hover{ background:#01459d   }
#news .hd li:hover .timebox{ background:#01459d   }
#news .hd li:hover .news-l-txt p {color:#ececec}
#news  .timebox p{text-align: center!important;font-size:24px;}
#news .hd li h3 a{color:#000;font-weight: 600;font-size: 18px;line-height: 35px;}
.r24 {font-size: 1.5rem;}
.fwb { font-weight: bold;}
#news .hd li.on .timebox p{color:#fff}
#news .hd li.on h3 a{color:#fff}
#news .hd li.on{ background:#01459d   }
#news .hd li.on .timebox{ background:#01459d   }
#news .hd li.on .news-l-txt p {color:#ececec}

/* footer */
footer{padding:30px 0;background-color:#1f1f1f;}
footer  .ftnav  .tit{line-height:60px;color: #fff;font-size: 20px;}
footer  .ftnav  ul li a{ color: #c7c7c7;line-height: 24px; }
footer  .part {margin-right:80px;}
footer  .part li{color: #c7c7c7;}
footer  .container{padding: 0 100px;}
footer  h1{width: 196px;height: 176px;}
footer  h1  img{width:100%;height:100%;}
.cop{background-color:#121212}
.cop   p{color: #c7c7c7;line-height: 50px;text-align: center;}
.cop   p a{color: #c7c7c7;}
footer .ftnav ul li a:hover { color:#40a00b;}
footer .ftnav .tit:hover{font-weight: 600; color: #40a00b;}




/*客服系统*/
.side{position:fixed;width:78px;right:0;top:65%;margin-top:-200px;z-index:9999999;border:1px solid #1d54c9;background:#fff;border-bottom:0}
.side ul li{  background: #1d54c9;          width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #406ecf;color:#fff;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#1d54c9;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/right_pic5_on.png)}
.side ul li i.bgs2{background-image:url(../image/right_pic7_on.png)}
.side ul li i.bgs3{background-image:url(../image/right_pic2_on.png)}
.side ul li i.bgs4{background-image:url(../image/right_pic1_on.png)}
.side ul li i.bgs5{background-image:url(../image/right_pic3_on.png)}
.side ul li i.bgs6{background-image:url(../image/right_pic6_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#1d54c9;color:#fff}
.side ul li.sideewm .ewBox.son{width:200px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-205px;top:0;
	background-image:url(../image/ewm.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#1d54c9}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../image/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../image/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}