.width1200{ min-width:1200px;}
.indexcontent{ margin:0 auto; width:1200px;}
.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
a.bs:hover{ text-decoration:underline;}
.block{ display:block;}
.fl {
  float: left;
}

.fr {
  float: right;
}
.enlarge8{
  -moz-transition:all 0.8s; /* Firefox 4 */
  -webkit-transition:all 0.8s; /* Safari and Chrome */
  -o-transition:all 0.8s; /* Opera */
  transition:all 0.8s;
  cursor: pointer;
}

.enlarge4{
  -moz-transition:all 0.4s; /* Firefox 4 */
  -webkit-transition:all 0.4s; /* Safari and Chrome */
  -o-transition:all 0.4s; /* Opera */
  transition:all 0.4s;
  cursor: pointer;
}
.ellipsis{
  overflow: hidden; /*自动隐藏文字*/
  text-overflow: ellipsis;/*文字隐藏后添加省略号*/
  white-space: nowrap;/*强制不换行*/
}
.ellipsis2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.clearfix::after {
  content: "";
  clear: both;
  overflow: hidden;
  display: block;
  height: 0;
  visibility: hidden;
}

.clear {
  clear: both;
  font-size: 1px;
  width: 1px;
  height: 0;
  visibility: hidden;
  zoom: 1;
}

.content{ font-size:14px; color:#666666; line-height:30px;}
.content *{ line-height:30px;}
.content p{ padding:10px 0;}
.content img{ max-width:100%;}

.pages { font-size: 16px; line-height: 50px; text-align: center;}
.pages a { text-decoration: none; color: #888; /*background: #eeeeee;*/ border:#e0e0e0 1px solid; padding:8px 15px; margin-right: 10px }
.pages a.active { background: #2495ff; color: #fff; border:#2495ff 1px solid;  }
.pages a:hover {  background: #2495ff; color: #fff; border:#2495ff 1px solid;  text-decoration: none;  }
.pages a.wz{  padding:9px 20px;}

.top1{ border-bottom:#e0e0e0 1px solid;}
.top1 .indexcontent{ height:120px; position:relative;}
.top1 .top_logo{ position:absolute; left:0; top:12px;}
.top1 .top_txt{ position:absolute; left:106px; top:30px; border-left:#e0e0e0 1px solid; padding-left:20px; padding-top:16px;}
.top1 .top_txt .txt1{ font-size:20px; color:#333333; font-weight:bold; line-height:30px;}
.top1 .top_txt .txt2{ font-size:12px; color:#2495ff; line-height:24px;}
.top1 .top1_img{ position:absolute; right:0; bottom:-1px;}
.top1 .top_dh{ position:absolute; right:50px; top:52px; background:url(../images/top1_dh_ico.png) left center no-repeat; padding-left:62px; font-size:14px; color:#222222; line-height:20px;}
.top1 .top_dh span{ font-weight:bold; color:#2495ff;}

.i_bg{ background:url(../images/i_bg.jpg) top center no-repeat; height:2506px;}
.i_title{ /*background:url(../images/i_title_bg.jpg) center bottom 12px repeat-x;*/ position:relative;}
.i_title:after{content: "";width:880px;height: 10px; position: absolute; right: 0px; bottom:12px; background:url(../images/i_title_bg.jpg) center repeat-x;}
.i_title .ico1{ background:url(../images/i_title_ico1.png) #fff left center no-repeat;}
.i_title .ico2{ background:url(../images/i_title_ico2.png) #fff left center no-repeat;}
.i_title .ico3{ background:url(../images/i_title_ico3.png) #fff left center no-repeat;}
.i_title .ico4{ background:url(../images/i_title_ico4.png) left center no-repeat;}
.i_title .ico5{ background:url(../images/i_title_ico5.png) left center no-repeat;}
.i_title .txt{ padding-left:84px; display:inline-block; min-height:64px; padding-right:30px;}
.i_title .txt .txt1{ font-size:20px; color:#222222; font-weight:bold; line-height:34px;}
.i_title .txt .txt1 span{ font-size:30px; color:#2495ff;}
.i_title .txt .txt2{ font-size:20px; color:#cccccc; font-weight:bold; line-height:30px; text-transform:uppercase;}

.i_fwxm li{ float:left; width:385px; margin-left:22px; margin-bottom:40px; /*transition: all 0.2s;*/position: relative;top: 0;left: 0;}
.i_fwxm li img{ width:385px; height:385px;}
.i_fwxm li .txt{ font-size:16px; color:#222222; height:100px; line-height:100px; text-align:center; background:#f9f9f9;}
.i_fwxm li:hover{ /*top: -10px;*/ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);}
.i_fwxm li:hover .txt{ background:#2495ff; color:#fff; font-weight:bold; transition: all 0.3s;}
.i_fwxm li:nth-child(3n+1){ margin-left:0;}

.i_liyou_img1{ float:left; display:block;}
.i_liyou_img2{ float:right; display:block;}
.i_liyou_list{ width:500px;}
.i_liyou_list1{ float:right; margin-right:66px;}
.i_liyou_list2{ float:left; margin-left:66px;}
.i_liyou_list li{ border-bottom:#e0e0e0 1px dashed; padding:20px 0;}
.i_liyou_list li .xh{ width:56px; height:40px; line-height:40px; padding-left:14px; background:url(../images/i_liyou_xh_ico.png) #b2daff right 6px center no-repeat; font-size:24px; color:#fff; font-weight:bold;}
.i_liyou_list li .txt{ width:402px; line-height:24px; padding:8px 0; font-size:18px; color:#666666;}
.i_liyou_list li .txt span{ font-weight:bold;}
.i_liyou_list li.on .xh{background:url(../images/i_liyou_xh_ico.png) #0976db right 6px center no-repeat; position:relative;}
.i_liyou_list li.on .txt span{ color:#2495ff;}

.i_liyou_list1 li .xh{ float:left;}
.i_liyou_list1 li .txt{ float:right;}
.i_liyou_list2{ float:left; margin-left:66px;}
.i_liyou_list2 li .xh{ float:right;}
.i_liyou_list2 li .txt{ float:left;}
.i_liyou_list1 li.on .xh:after{content: "";width:8px;height: 16px; position: absolute; left: -8px;top:12px; background:url(../images/i_liyou_img1.png) center no-repeat;}
.i_liyou_list2 li.on .xh:after{content: "";width:8px;height: 16px; position: absolute; right: -8px;top:12px; background:url(../images/i_liyou_img2.png) center no-repeat;}

.i_case_nav a{ border:#fff 1px solid; padding:10px 12px; font-size:14px; color:#222222; border-radius:20px;}
.i_case_nav a:hover{ border:#0760b2 1px solid; color:#2495ff;}

.i_case_box{ float:left; width:123px; height:400px; overflow:hidden; margin-right:1px;}
.i_case_box a{ display:block; height:400px; position:relative;}
.i_case_box .title{ position:absolute; left:0; bottom:-80px; width:100%; height:80px; padding:25px 25px; background:rgba(0,0,0,0.6); font-size:16px; color:#ffffff; box-sizing:border-box;}
.i_case_box .title:after{content: ""; width:40px; height: 80px; position: absolute; right:0; top:0; background:url(../images/case_ico.jpg) center no-repeat;}
.i_case_box .mb{ position:absolute; left:0; top:0; width:100%; height:400px; background:rgba(0,0,0,0.6); font-size:16px; color:#ffffff; opacity:1;}
.i_case_box .mb .mb_txt{ width:40px; margin:0 auto; border-bottom:#fff 2px solid; font-size:30px; color:#fff; text-align:center; line-height:56px; padding-top:315px;}
.i_case_box.on{ width:700px;}
.i_case_box.on .title{ bottom:0;}
.i_case_box.on .mb{ position:absolute; left:0; top:0; width:100%; height:400px; background:rgba(0,0,0,0.6); font-size:16px; color:#ffffff; opacity:0;}

.box{ width:  1200px; height: 400px; overflow: hidden;}
.box .i_case_box{ width: 123px;  float: left; transition: all 0.3s;}
/*.box .i_case_box{ width: 5%; }*/
.box .i_case_box.on{ width: 700px; }

.i_sjtd{background:url(../images/i_sjtd_bg.jpg) center no-repeat; height:750px;}
.i_sjtd_nav a{ border:transparent 1px solid; padding:10px 30px; font-size:14px; color:#222222; border-radius:20px;}
.i_sjtd_nav a.on{ border:#0760b2 1px solid; color:#2495ff;}

.i_sjtd_box{ height:400px; position:relative;}
.i_sjtd_box .i_sjtd_img{ position:absolute; left:0; top:0; width:300px; height:400px; box-shadow: 0px 0px 10px #ccc;}
.i_sjtd_box .i_sjtd_txt .txt1{ position:absolute; left:380px; top:0; width:96px; border-right:#999999 1px solid; height:120px; padding-top:30px; box-sizing:border-box; font-size:18px; color:#333333; line-height:35px;}
.i_sjtd_box .i_sjtd_txt .txt1 span.title1{ font-size:20px; font-weight:bold;}
.i_sjtd_box .i_sjtd_txt .txt2{ position:absolute; left:500px; top:0; width:640px; font-size:16px; color:#222222; line-height:30px; padding-top:10px;}

.i_sjtd_list_c{ position:absolute; right:0; bottom:0; padding:0 50px;}
.i_sjtd_list li{ float:left; width:360px; height:200px; background:#fff; margin:0 10px; cursor:pointer;}
.i_sjtd_list li img{ float:left; display:block; width:150px; height:200px; background:#000;}
.i_sjtd_list li .txt{ float:right; width:170px; padding-right:20px}
.i_sjtd_list li .txt .txt1{ font-size:18px; color:#222222; font-weight:bold; line-height:26px; padding-top:15px;}
.i_sjtd_list li .txt .txt2{ font-size:14px; color:#999999; line-height:24px; width:120px; border-bottom:#0976db 1px solid; padding-bottom:5px;}
.i_sjtd_list li .txt .txt3{ font-size:12px; color:#222222; line-height:30px; padding-top:5px; height:120px; overflow:hidden;}
.i_sjtd_list_c .prev{ position:absolute; left:0; bottom:0; width:40px; height:80px; text-align:center; line-height:80px; background:rgba(0,0,0,0.2); cursor:pointer;}
.i_sjtd_list_c .next{ position:absolute; right:0; bottom:0; width:40px; height:80px; text-align:center; line-height:80px; background:rgba(0,0,0,0.2); cursor:pointer;}
.i_sjtd_list_c .prev:hover{ background:#378fe0;}
.i_sjtd_list_c .next:hover{ background:#378fe0;}

.i_news_nav{ float:left; width:180px;}
.i_news_nav li{ height:120px; background:#999999; margin-bottom:20px; padding:16px 20px 0 20px; box-sizing:border-box; cursor:pointer;}
.i_news_nav li .txt1{ font-size:18px; color:#ffffff; font-weight:bold; line-height:30px;}
.i_news_nav li .txt2{ font-size:12px; color:#ffffff; line-height:25px; text-transform:uppercase;}
.i_news_nav li.on{ background:#0976db;}

.i_news_list{ float:right; width:1000px;}
.i_news_list li{ float:left; width:500px; height:80px; padding:20px 0; border-bottom:#e0e0e0 1px solid; margin-bottom:19px;}
.i_news_list li .i_news_date{ float:left; width:92px; border-right:#e0e0e0 1px solid; height:80px;}
.i_news_list li .i_news_date .txt1{ font-size:30px; color:#999999; padding-top:8px; line-height:40px; text-align:center;}
.i_news_list li .i_news_date .txt2{ font-size:16px; color:#999999; line-height:30px; text-align:center;}
.i_news_list li .txt{ float:right; width:370px; margin-right:10px;}
.i_news_list li .txt .txt1{ font-size:16px; color:#666666; font-weight:bold; line-height:30px;}
.i_news_list li .txt .txt2{ font-size:14px; color:#999999; line-height:30px;}

.footer{ background:#262626;}
.footer .footer_txt1{ padding:50px 20px 20px 20px; position:relative;}
.footer .footer_txt1 .title{ font-size:24px; color:#cccccc; font-weight:bold; line-height:50px;}
.footer .footer_txt1 .txt{ font-size:14px; color:#aaaaaa; line-height:40px; padding-top:10px;}
.footer .footer_txt1 .footer_ewm{ position:absolute; right:0; top:60px;}
.footer .footer_txt2{ border-top:#333333 1px solid; padding:15px 0;}
.footer .footer_txt2 .txt1{ float:left; width:1000px; font-size:14px; color:#aaaaaa;}
.footer .footer_txt2 .txt1 a{ color:#aaaaaa}
.footer .footer_txt2 .txt2{ float:right; width:200px; font-size:14px; color:#aaaaaa; text-align:right;}
.footer .footer_txt2 .txt2 a{ color:#aaaaaa}

/*新闻列表页*/
.n_banner{ background:url(../images/news_banner.jpg) center no-repeat; height:450px;}
.n_weizhi{ background:#f9f9f9; height:60px;}
.n_weizhi_txt{ background:url(../images/n_weizhi_ico.png) left center no-repeat; padding-left:22px; font-size:12px; color:#999999; line-height:60px;}
.n_weizhi_txt a{ color:#999999;}
.n_bg{ background:url(../images/n_bg.jpg) top center repeat-y;}

.n_nav{ padding:20px 0; text-align:center; line-height:40px;}
.n_nav a{ padding:10px 30px; font-size:12px; color:#222222; border:#fff 1px solid; border-radius:20px; margin:0 10px; transition:0.3s;}
.n_nav a.on,.n_nav a:hover{ border:#2495ff 1px solid; color:#2495ff;}

.news_list{ border-top:#e0e0e0 1px solid;}
.news_list li{ border-bottom:#e0e0e0 1px solid; padding:29px 20px;}
.news_list li .news_list_img{ float:left; width:300px; height:200px;}
.news_list li .news_list_txt{ float:left; width:850px;}
.news_list li .news_list_txt .riqi{ float:left; width:172px; margin-top:20px; padding:33px 0; border-right:#666666 1px solid;}
.news_list li .news_list_txt .riqi .txt1{ font-size:48px; color:#666666; line-height:64px; text-align:center; transition:0.3s;}
.news_list li .news_list_txt .riqi .txt2{ font-size:18px; color:#666666; line-height:30px; text-align:center;}
.news_list li .news_list_txt .txt{ float:left; width:580px; padding-left:40px; padding-top:40px;}
.news_list li .news_list_txt .txt .txt1{ font-size:16px; color:#222222; font-weight:bold; line-height:30px;}
.news_list li .news_list_txt .txt .txt1 a{ color:#222222;}
.news_list li .news_list_txt .txt .txt2{ font-size:12px; color:#666666; line-height:25px; max-height: 75px;}
.news_list li:hover{ background:#f9f9f9;}
.news_list li:hover .news_list_txt .riqi .txt1{ color:#2495ff;}
.news_list li:hover .news_list_txt .txt .txt1 a{ color:#2495ff;}

/*新闻详情页*/
.news_i_title1{ font-size:18px; color:#080808; line-height:40px; padding-top:40px; text-align:center;}
.news_i_title2{ font-size:12px; color:#999999; line-height:50px; text-align:center; border-bottom:#e0e0e0 1px solid;}
.news_i_c{ padding:0 45px;}
a.news_i_a{ float:left; display:block; width:358px; height:48px; margin:0 5px; border:#e0e0e0 1px solid; line-height:48px; text-align:center; font-size:16px; color:#222222; transition:0.3s;}
a.news_i_a:hover{ border:#2495ff 1px solid; color:#2495ff;}


.inside_banner>div{
  height: 450px;
}


.ab1{
  padding: 40px 0 100px;
}
.ab1 .img{
  width: 550px;
  height: 450px;
  overflow: hidden;
}
.ab1 .img img{
  object-fit: cover;
}
.ab1 .img:hover img{
  transform: scale(1.1);
}
.ab1 .ctn{
  width: 600px;
}
.ab1 .ctn h2{
  font-size: 24px;
  font-weight: 800;
  color: #2495ff;
}
.ab1 .ctn h2 span{
  font-size: 20px;
  color: #e0e0e0;
  text-transform: uppercase;
}
.ab1 .ctn .txt{
  font-size: 12px;
  color: #222222;
  text-indent: 1em;
  padding-top: 20px;
}
.ab1 .ctn .txt p{
  line-height: 23px;
}

.ab-list {
  width: 1080px;
  margin: 0 auto 55px;
}
.ab-list li{
  width: 106px;
  height: 106px;
  border: 3px solid #2495ff;
  text-align: center;
  border-radius: 50%;
  margin-right: 130px;
  transition: all .4s
}
.ab-list li:hover{
  margin-top: -15px;
}
.ab-list li:last-of-type{
  margin-right: 0;
}
.ab-list li h4{
  font-size: 18px;
  font-weight: 800;
  color: #222222;
  margin-top: 5px;
}
.ab-list li img{
  margin: 18px auto 0;
}


.inside-title .img{
  margin-right: 20px;
}
.inside-title h2{
  font-size: 20px;
  font-weight: 800;
}
.inside-title h4{
  color: #cccccc;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 800;
}
.inside-title .ctn{
  width: 1130px;
  position: relative;
}
.inside-title .ctn::before,
.inside-title .ctn::after{
  content: '';
  display: block;
  width: 890px;
  background-color: #e0e0e0;
  position: absolute;
  right: 0;
}
.inside-title .ctn::before{
  height: 2px;
  bottom: 20px;
}
.inside-title .ctn::after{
  height: 4px;
  bottom: 10px;
}
.comsw{
  padding: 40px 0 80px;
  position: relative;
}
.comsw .swiper-slide{
  overflow: hidden;
  height: 320px;
  position: relative;
}
.comsw .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.comsw .swiper-slide img:hover{
  transform: scale(1.1) translate(-50%,-50%);
}

.comsw span{
  display: block;
  width: 40px;
  height: 80px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 9;
  cursor: pointer;
}
.comsw span.comsw-prev{
  background: rgba( 0, 0, 0,.4) url(../images/comsw-l.png) no-repeat center;
  left: 0;
}
.comsw span.comsw-next{
  background: rgba( 0, 0, 0,.4) url(../images/comsw-r.png) no-repeat center;
  right: 0;
}
.comsw span:hover{
  background-color: rgb( 9, 118, 219 );
}

.honor{
  padding-bottom: 60px;
}
.honor-t{
  padding: 30px 0 80px;
}

.honor-list{
  width: 1120px;
  margin: 0 auto;
}
.honor-list li{
  width: 304px;
  text-align: center;
  margin-bottom: 60px;
  margin-right: 100px;
}
.honor-list li:nth-child(3n){
  margin-right: 0;;
}
.honor-list li .img{
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  height: 370px;
  line-height: 370px;
  text-align: center;
}
.honor-list li .img img{
  object-fit: cover;
  max-width: 100%;
  height: auto;
}

.inside-page{
  text-align: center;
}
.inside-page a{
  display: inline-block;
  width: 118px;
  line-height: 58px;
  text-align: center;
  border: 1px solid #e0e0e0;
  font-size: 16px;
  color: #999999;
  margin-right: 20px;
}
.inside-page a:last-child{
  margin-right: 0;
}
.inside-page a:hover{
  background-color: #2495ff;
  border-color: #2495ff;
  color: #fff;
}

.zzjg{
  padding: 40px 0 100px;
  /*text-align: center;*/
}
.cuture-list li{
  width: 360px;
  margin-right: 60px;
  margin-bottom: 70px;
  text-align: center;
  height: 470px;
}
.cuture-list li:nth-child(3n){
  margin-right: 0;
}
.cuture-list li img{
  width:100%;
  height: 360px;
  object-fit: cover;
}
.cuture-list li h3{
  font-size: 16px;
  font-weight: 800;
  margin: 20px auto 0;
}
.cuture-list li h4{
  color: #666666;
}

.zxns-t{
  padding: 38px 0;
  width: 1180px;
  margin: 0 auto;
}
.zxns-t .img{
  width: 560px;
  height: 300px;
  overflow: hidden;
}
.zxns-t .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zxns-t .img:hover img{
  transform: scale(1.1);
}
.zxns-t .ctn{
  width: 580px;
  font-size: 12px;
  padding-top: 20px;
}
.zxns-t .ctn h3{
  font-size: 16px;
  font-weight: 800;
  color: #0976db;
  margin-top: 20px;;
}

.zxns-b{
  width: 1180px;
  margin: 0 auto;
  padding-bottom: 70px;
  overflow: hidden;
  min-height: 500px;
}

.zxns-b h2{
  padding: 20px 35px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  background: url(../images/zxns-icon.png) #fff no-repeat 96% center;
  margin-bottom: -1px;
  font-size: 18px;
  color: #333333;
}
.zxns-b h2:hover{
  background-image: url(../images/zxns-icon-on.png)
}
.zxns-b h2.on{
  background: #0976db url(../images/zxns-icon-up.png) no-repeat 96% center;
  color: #fff;
}
.zxns-item .ctn{
  padding: 35px;
  border: 1px solid #e0e0e0;
  margin-bottom: -1px;
  display: none;
  background:#fff;

}
.zxns-item .ctn h3{
  font-size: 16px;
  color: #2495ff;
  margin-bottom: 25px;
}
.zxns-item .ctn .txt{
  color: #333;
}

.contact-t{
  padding: 45px 0 50px;
}

.contact-m .img{
  width: 560px;
  height: 300px;
  overflow: hidden;
}
.contact-m .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-m{
  padding-bottom: 38px;
}
.contact-m .img:hover img{
  transform: scale(1.1);
}

.contact-m .ctn{
  padding-top: 38px;
  width: 580px;

}
.contact-m .ctn h2{
  font-size: 20px;
  font-weight: 800;
  color: #2495ff;
}
.contact-m .ctn h4{
  font-size: 16px;
  font-weight: 800;
  margin: 8px 0;
}
.contact-m .ctn .txt{
  font-size: 12px;
}

.map-box{
  padding-bottom: 70px;
  position: relative;
}
.map-box ul{
  width: 400px;
  height: 380px;
  background-color: #fff;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  right: 20px;
  top: 50px;
}
.map-box ul li{
  padding: 28px 0;
  padding-left: 50px;
  border-top: 1px solid #e0e0e0;
  color: #666666;
  font-size: 12px;
  background: url(../images/address.png) no-repeat 5px center;
  cursor: pointer;
}
.map-box ul li:last-of-type{
  border-bottom: 1px solid #e0e0e0;
}
.map-box ul li h3{
  font-size: 18px;
  font-weight: 800
}
.map-box ul li:hover{
  background-image: url(../images/address-on.png);
}
.map-box ul li:hover h3{
  color: #2495ff;
}
.map-box ul::-webkit-scrollbar {width:4px;height:4px;}
.map-box ul::-webkit-scrollbar-track {background:#e0e0e0;}
.map-box ul::-webkit-scrollbar-thumb {background:#0976db;}

.case-list a{
  background-color: #f9f9f9;
  text-align: center;
  width: 380px;
  padding: 10px 0;
  margin-right: 20px;
  margin-bottom: 20px;
}
.case-list a:nth-child(3n){
  margin-right: 0
}
.case-list a .img{
  width: 354px;
  height: 220px;
  overflow: hidden;
  margin: 0 auto;
}
.case-list a .img img{
  width: 100%;
  height: 220px;
}
.case-list a .img img:hover{
  transform: scale(1.1);
}
.case-list a h3{
  color: #444444;
  margin-top: 5px;
}
.case-list a h4{
  width: 350px;
  margin: 5px auto;
  background-color: #fff;
}
.case-list a h4:hover{
  color: #fff;
  background-color: #2495ff;
}

.case-box{
  padding-top: 20px;
}
.case-l{
  width: 208px;
  border: 1px solid #e0e0e0;
}
.case-l h2{
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  text-align: center;
  background-color: #0976db;
  line-height: 60px;
  border: 1px solid #0976db;
  margin-left: -1px;
  margin-right: -1px;
}
.case-l a{
  display: block;
  line-height: 53px;;
  padding-left: 30px;
  font-size: 12px;
  color: #666666;
  position: relative;
}
.case-l a::after{
  content: '>';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%); 
  line-height: 60px;
}
.case-l a::before{
  content: '';
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.case-l a:hover,.case-l a.on{
  color: #222222;
  font-weight: 800;
  background-color: #f9f9f9;
}
.case-l a:hover::before,.case-l a.on::before{
  background-color: #2495ff;
}

.case-r{
  width: 960px;
}
.case-r a{
  background-color: #f9f9f9;
  text-align: center;
  width: 380px;
  padding: 10px 0;
  margin-right: 20px;
  margin-bottom: 20px;
}
.case-r a:nth-child(2n){
  margin-right: 0
}
.case-r a .img{
  width: 354px;
  height: 220px;
  overflow: hidden;
  margin: 0 auto;
}
.case-r a .img img{
  width: 100%;
  height: 100%;
}
.case-r a .img img:hover{
  transform: scale(1.1);
}
.case-r a h3{
  color: #444444;
  margin-top: 5px;
}
.case-r a h4{
  width: 350px;
  margin: 5px auto;
  background-color: #fff;
}
.case-r a h4:hover{
  color: #fff;
  background-color: #2495ff;
}

.caseinfo-l{
  width: 640px;
}

.caseinfo-l .gallery-top{
  margin-bottom: 15px;
}
.caseinfo-l .gallery-top span{
  width: 40px;
  height: 80px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  cursor: pointer;
}
.caseinfo-l .gallery-top span.case-prev{
  background:rgba(0,0,0,.2) url(../images/comsw-l.png) no-repeat center;
  left: 0;
}
.caseinfo-l .gallery-top span.case-next{
  background:rgba(0,0,0,.2) url(../images/comsw-r.png) no-repeat center;
  right: 0;
}
.caseinfo-l .gallery-top span:hover{
  background-color: rgba( 9, 118, 219,1 );
}

.caseinfo-l .gallery-top img{
  width: 640px;
  height: 420px;
} 
.caseinfo-l .gallery-thumbs .swiper-slide{
  width: 125px;
  height: 80px;
  cursor: pointer;
  border: 1px solid transparent;
}
.caseinfo-l .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{
  border-color: #2495ff;
}
.caseinfo-l .gallery-thumbs .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.caseinfo-r{
  width: 480px;
  background-color: #f9f9f9;
  padding: 25px 30px;
  min-height: 465px;
}
.caseinfo-r h2{
  font-size: 18px;
  font-weight: 800;
  color: #444444;
}
.caseinfo-r span{
  color: #999999;
  font-size: 12px;
}
.caseinfo-r .item{
  color: #666666;
  font-size: 12px;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0;
}
.caseinfo-r .item:first-of-type{
  margin-top: 8px;
  border-top: 1px solid #e0e0e0;
}
.case-lx{
  padding-left: 60px;
  background: url(../images/top1_dh_ico.png) no-repeat left center;
  line-height: 24px;
}
.case-lx em{
  font-style: normal;
  color: #2495ff;
  font-weight: 800;
}
.caselxbox .case-zx{
  width: 115px;
  line-height: 35px;
  text-align: center;
  background-color: #2495ff;
  color: #fff;
  margin-top: 8px
}
.caseinfo-list{
  padding: 38px 0 90px;
}
.caseinfo-list li{
  margin-bottom: 20px;
  position: relative;
}
.caseinfo-list li .img{
  width: 100%;
  height: 700px;
  overflow: hidden;
}
.caseinfo-list li .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.caseinfo-list li .img img:hover{
  transform: scale(1.1);
}
.caseinfo-list li .ctn{
  padding: 20px;
  min-height: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba( 23, 63, 101,.502);
  color: #fff;
  z-index: 9;  
}
.caseinfo-list li .ctn h2{
  font-size: 18px;
  font-weight: 800;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.caseinfo-list li .ctn h2::after{
  content: '';
  display: block;
  width: 200px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom:0; 
}

.fixed-box{
  position: fixed;
  right: 10px;
  top: 390px;
  z-index: 9;
}
.fixed-box a{
  display: block;
  width: 70px;
  height: 70px;
  margin-bottom: 1px;
}
.fixed-box a.a1{
  background:#e0e0e0 url(../images/fix1.png) no-repeat center;
}
.fixed-box a.a2{
  background:#e0e0e0 url(../images/fix2.png) no-repeat center;
}
.fixed-box a.a3{
  background:#e0e0e0 url(../images/fix3.png) no-repeat center;
}
.fixed-box a.a4{
  background:#e0e0e0 url(../images/fix4.png) no-repeat center;
}
.fixed-box a.a5{
  background:#e0e0e0 url(../images/fix5.png) no-repeat center;
}
.fixed-box a.a6{
  background:#e0e0e0 url(../images/fix6.png) no-repeat center;
}
.fixed-box a:hover{
  background-color: #0976db;
}
.fixed-box .phone-box{
  
  position: relative;
}
.fixed-box .phone-box .phone{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 180px;
  height: 70px;
  background-color: #666;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 70px;
  top: 0px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  opacity: 0;
}
.fixed-box .phone-box .phone span{
  font-weight: 800;
}

.fixed-box .phone-box:hover .phone{
  opacity: 1;
}
.fixed-box .ecode{
  position: relative;
}
.fixed-box .ecode .img{
  position: absolute;
  left: -155px;
  top: -45px;
  width: 150px;
  display: none;
}
.fixed-box .ecode .img img{
  width: 100%;
  object-fit: cover;
}
.fixed-box .ecode:hover .img{
  display: block;
}
.xd-box{
  border-radius: 10px;
  background-color: rgb( 255, 255, 255 );
  box-shadow: 0px 0px 30px 10px rgb( 12, 4, 8,.1);
  position: absolute;
  width: 560px;
  height: 680px;
  z-index: 3;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 25px 40px;
  text-align: center;
  display: none;
}
.xd-box h2{
  font-size: 24px;
  color: #0875d9;
  font-weight: 800;
  display: inline-block;
  padding: 0 43px;
  position: relative;
  margin-bottom: 5px;
}
.xd-box h2::before,.xd-box h2::after{
  content: '';
  display: inline-block;
  width: 34px;
  height: 2px;
  background-color: #2495ff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.xd-box h2::before{
  left: 0;
}
.xd-box h2::after{
  right: 0;
}
.xd-box .txt{
  color: #333;
  margin-bottom: 23px;
}
.xd-box .txt span{
  font-weight: 800;
  color: #0875d9;
}
.xd-box .item {
  margin-bottom: 20px;
}
.xd-box .item label{
  text-align: left;
  display: block;
  padding-left: 12px;
}
.xd-box .item input{
  display: block;
  height: 40px;
  width: 100%;
  text-indent: 1em;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
}
.xd-box .item textarea{
  display: block;
  width: 100%;
  height: 100px;
  padding: 14px;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.xd-box input.btn{
  display: block;
  width: 300px;
  height: 50px;
  color: #fff;
  font-size: 16px;
  text-indent: 0;
  background-color: #2495ff;
  margin: 30px auto;
}
.xd-box .close{
  position: absolute;
  right: 30px;
  top: 10px;
  cursor: pointer;
  width: 20px;
  text-align: center;
  font-weight: 800;
  color: #0875d9;
}

.i_sjtd_box2{
  background-color: #fff;
  padding: 10px 60px;
  box-sizing: border-box;
  height: 425px;
}
.i_sjtd_box2 .ctn{
  max-width: 380px;
  padding-top: 40px;
  margin-left: 80px;
}
.i_sjtd_box2 .ctn h2{
  font-size: 18px;
  color: #222222;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative;
}
.i_sjtd_box2 .ctn h2::before{
  content: '';
  display: block;
  width: 70px;
  height: 2px;
  background-color: #2495ff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.i_sjtd_box2 .ctn .txt{
  color: #666666;
}