﻿*{ padding:0; margin:0;}*
div,span,a,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del,b{padding:0; margin:0;}
body,input,textarea,select{ font-size:12px;    font-family: -apple-system,BlinkMacSystemFont,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:#666;  }
ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
a{ color:#666; font-weight:normal; text-decoration:none;}
p{ color:#666;}


*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



.qa-bj1{ width:100%; float:left; height:5773px; background:url(../images/1.jpg) center no-repeat;}

.qa-bj2{ width:100%; float:left; height:4655px; background:url(../images/2.jpg) center no-repeat;}
.qa-bj3{ width:100%; float:left; height:5216px; background:url(../images/3.jpg) center no-repeat;}
.qa-bj4{ width:100%; float:left; height:2769px; background:url(../images/4.jpg) center no-repeat;}
.qa-bj5{ width:100%; float:left; height:3490px; background:url(../images/5.jpg) center no-repeat;}
.qa-bj6{ width:100%; float:left; height:2794px; background:url(../images/6.jpg) center no-repeat;}
.qa-bj7{ width:100%; float:left; height:2755px; background:url(../images/7.jpg) center no-repeat;}
.qa-bj8{ width:100%; float:left; height:3338px; background:url(../images/8.jpg) center no-repeat;}
.qa-bj9{ width:100%; float:left; height:5757px; background:url(../images/9.jpg) center no-repeat;}
.qa-bj10{ width:100%; float:left; height:2769px; background:url(../images/10.jpg) center no-repeat;}

.qa-bj11{ width:100%; float:left; height:5666px; background:url(../images/11.jpg) center no-repeat;}
.qa-bj12{ width:100%; float:left; height:4400px; background:url(../images/12.jpg) center no-repeat;}






/*头部*/
.header{width:100%; float:left;height:80px; background:#fff; position:fixed; z-index:99999;box-shadow: 0 2px 12px 0 rgba(0,0,0,.08)}
.logo{ position:absolute; left:28px; overflow:hidden;height:80px;}
.logo h1 img{ width:160px; float:left; margin-top:-10px;}


/*导航*/
.nav{ width:1100px; margin:0 auto;}
.nav ul{ float:left; }
.nav ul li{ float:left;height:80px; padding:0px 30px; position:relative;  }
.nav ul li.nav-ac a.a-on{color: #1d78ff;}
.nav ul li a.a-on{ font-size:18px; color:#333;  display:block; float:left; text-align:center;  line-height:80px; position:relative;transition: all 0.5s ease-out 0s; }
.nav ul li a.a-on i{ margin-left:8px;transition: all 0.5s ease-out 0s;}
.nav ul li span{ position:absolute; top:120px; background:#fff; width:200px; text-align:center; left:50%; margin-left:-100px;visibility: hidden;opacity: 0; -webkit-transition: all .4s;-o-transition: all .4s;
 transition: all .4s;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08); padding:10px 0px;}
.nav ul li span a{ display:block; float:left; width:100%; font-size:14px;color:#333; line-height:46px;transition: all 0.5s ease-out 0s; }
.nav ul li:hover span{ top: 80px; visibility: visible; opacity: 1;-webkit-transition: all .4s;  -o-transition: all .4s; transition: all .4s; z-index:99 }
.nav ul li span a:hover{color:#1d78ff; background:#ddebff}
.nav ul li:hover a.a-on{ color:#1d78ff }
.nav ul li:hover .a-on i{    transform: rotate(-180deg);}
.nav ul li a.a-on:before{content:"";position: absolute;z-index: 1;left: 50%;right: 50%;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; bottom:0px;background-color: #3385ff;height: 2px;}
.nav ul li:hover a.a-on:before{ left: 0;right: 0;}
 
 
/*海报*/
.banner{ float:left; width:100%; position:relative; margin-top:80px;	 } 
.banner-nr{float:left; width:100%; height:800px;} 
.banner-bj-pc{ position:absolute; top:0px; width:100%; height:100%; position:absolute;}
.banner-bj-yd{ position:absolute; top:0px; width:100%; height:100%; position:absolute; display:none;}
 
.banner .swiper-container{ width:100%; float:left; height:100%;}
.banner .swiper-button-prev{ left:-60px;transition: all 0.5s ease-out 0s;}
.banner .swiper-button-next{ right:-60px; transition: all 0.5s ease-out 0s;}
.banner:hover .swiper-button-prev{left:30px; }
.banner:hover .swiper-button-next{right:30px; }
.banner .swiper-button-prev,.banner .swiper-button-next{ width:48px; height:48px; background:rgba(255,255,255,0.9); text-align:center; color:#1d78ff; line-height:46px; font-size:20px;transition: all 0.5s ease-out 0s; outline:none; border-radius:50px;}
.banner .swiper-button-prev:hover{ color:#fff; background:#1d78ff }
.banner .swiper-button-next:hover{color:#fff; background:#1d78ff}
.banner .swiper-pagination-bullet{ width:20px; height:4px; background:rgba(255,255,255,0.5); border-radius:0px; opacity:1; outline:none;}
.banner .swiper-pagination-bullet-active{ background:#fff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 4px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:100px;}
.banner-text{width:1600px; margin:0 auto; display:table; height:800px; position:relative; z-index:66; }
.banner-tp{display: table-cell; vertical-align: middle;}
.banner-tp h6{width:100%; float:left; font-size:48px; color:#fff;text-transform: uppercase;opacity: 0;transform: translateY(50px);transition:all 0.5s ease-out 0s;}
.banner-tp h2{width:100%; float:left; font-size:72px; margin:10px 0px 10px 0px; color:#fff; font-weight:bold; opacity: 0;transform: translateY(50px);transition:all 0.5s ease-out 0s;}
.banner-tp h4 a{ position: absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:33;}

.banner-tp p{width:60%; float:left; font-size:18px; color:#fff;opacity: 0;transform: translateX(50px);transition:all 0.6s ease-out 0s; margin:10px 0px;}
.banner-tp span{width:100%; float:left; margin-top:40px;opacity: 0;transform: translateY(50px);transition:all 0.8s ease-out 0s; position: relative;
z-index: 333333; }
.banner-tp span a{ float:left; width:160px; height:50px; line-height:50px; background:#fff; border-radius:5px; color:#1d78ff; text-align:center; font-size:18px;transition: all 0.5s ease-out 0s;}
.banner-tp span a:hover{ background:#1d78ff; color:#fff;transform: scale(1.05);}

.swiper-slide-active .banner-tp h6{opacity: 1;transform: none;transition-delay: 0.5s;}
.swiper-slide-active .banner-tp h2{opacity: 1;transform: none;transition-delay: 0.3s;}
.swiper-slide-active .banner-tp p{opacity: 1;transform: none;transition-delay: 0.6s;}
.swiper-slide-active .banner-tp span{opacity: 1;transform: none;transition-delay: 0.8s;}

.banner-p-s{ float:right; width:50%; position:absolute; right:0px; top:25%;opacity: 0;transform: translateY(50px);transition:all 0.5s ease-out 0s;}
.banner-p-s img{ width:100%; float:left;}
.swiper-slide-active .banner-p-s{opacity: 1;transform: none;transition-delay: 0.5s;}



.banner-yd{ float:left; width:100%;transform: translateY(50px);transition:all 0.5s ease-out 0s; margin-top:10px; display:none;}
.banner-yd img{ width:50%; margin-left:25%; float:left;}
.swiper-slide-active .banner-yd{opacity: 1;transform: none;transition-delay: 0.5s;}



.banner-tp ul.b2-a{ float:left; width:100%;opacity: 0;transform: translateY(50px);transition:all 0.6s ease-out 0s; margin-top:20px; position:relative; }
.swiper-slide-active .banner-tp ul.b2-a{opacity: 1;transform: none;transition-delay: 0.6s;}
.banner-tp ul.b2-a dl{ display:inline-block; text-align:center; margin-right:30px;transition: all 0.5s ease-out 0s}
.banner-tp ul.b2-a dl dd{ text-align:center; font-size:18px; color:#f0f0f2; padding-top:10px;}
.banner-tp ul.b2-a dl:hover{transform: translateY(-5px);}

.banner-tp ul.b3-a{ float:left; width:50%;opacity: 0;transform: translateY(50px);transition:all 0.6s ease-out 0s; margin-top:10px; position:relative;}
.swiper-slide-active .banner-tp ul.b3-a{opacity: 1;transform: none;transition-delay: 0.6s;}
.banner-tp ul.b3-a li{ width:50%; font-size:24px; color:#fff; float:left; margin-top:15px;}
.banner-tp ul.b3-a li img{ float:left; width:26px; margin-right:12px; margin-top:5px;}
.banner-tp ul.b3-a li b{ font-weight:normal; float:left;}
/*广告位*/
.ba-ad{ width:100px; height:375px; position:absolute; top:50%; right:160px; z-index:666; margin-top:-187.5px;}
.ba-ad img{ float:left; border-radius:5px; width:100%;}
.ba-ad b{ position:absolute; top:-12px; right:-12px; width:24px; height:24px; line-height:24px; background:#fff; border-radius:50%; text-align:center; cursor:pointer;color: #1d78ff;transition: 284ms ease-in-out;}
.ba-ad b i{ font-weight:normal; font-size:12px;}
.ba-ad b:hover{transform: rotate(180deg); background:#1d78ff; color:#fff;}
.ba-ad.ateler{ display:none;}

/*数字化优势*/
.home-sz{ float:left; width:100%; position:absolute; bottom:-70px;}
.digital{ float:left; width:100%; background:#fff; padding:20px 0px; margin-top:-70px; position:relative; z-index:55;box-shadow: 0px 4px 3px 0px rgba(25,55,99,0.03), 0px 4px 15px 0px rgba(26,58,95,0.05), 0px 4px 30px 0px rgba(34,51,109,0.03);}
.digital ul{ float:left; width:100%;}
.digital ul li{ float:left; width:20%; text-align:center;}
.digital ul li h6{ float:left; width:100%;}
.digital ul li h6 span{ font-size:36px; font-family:din;color:#1d78ff ; font-weight:bold;}
.digital ul li h6 b{ font-size:18px; color:#1d78ff; font-weight:normal; vertical-align: 15px;}

.digital ul li h2{ float:left; width:100%;font-size:18px; color:#333; margin:5px 0px 5px 0px;}
.digital ul li p{ float:left; width:100%; font-size:14px; color:#999;}

/*电话*/
.tel-qa{ position:absolute; right:30px; top:15px;} 
.tel-qa h5{ background:url(../images/xz/tel-icon.gif) no-repeat -6px 2px; background-size:37px; padding-left:30px; float:left; margin-top:12px; margin-right:15px;}
.tel-qa h5 a{ font-size:22px; color:#1d78ff;font-family: din;}
.tel-qa h5 a:hover{ color:#005aff}
.tel-qa span a{ width:120px; float:right; height:46px; line-height:46px; font-size:16px;  background:#1d78ff; text-align:center; border-radius:5px; color:#fff;transition: all 0.5s ease-out 0s; margin-top:2px;}
.tel-qa span a:hover{ opacity:0.8;}



/*漂浮*/
.kefu{ position:fixed; z-index:99999; bottom:14%; right:30px; width:48px;}
.kefu ul li{ float:left; position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{width:48px; height:48px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:48px; color:#333; border-radius:50px;box-shadow: 0 4px 16px rgba(28,67,125,.08);transition: all 0.5s ease-out 0s;}
.kefu ul li:hover a.kf-gy{ background:#1d78ff; color:#fff;border:1px solid #1d78ff;}

.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #1d78ff; background-size:20px;}

.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #1d78ff; background-size:20px;}

.kefu ul li a.kf-c1{ background:url(../images/kf-c1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-c2.png) center no-repeat #1d78ff; background-size:20px;}

.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #1d78ff; background-size:20px;}

.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:28px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #1d78ff; background-size:28px;}
.kefu ul li a.kf-a h3{ height:46px; line-height:46px; padding:12px;}
.kefu ul li a.kf-a svg{ font-size:20px;display: block; vertical-align: middle;}

.kf-tel{ font-size:20px; font-family:din;}
.kefu ul li span{ position:absolute;box-shadow: 0 4px 16px rgba(28,67,125,.08); padding: 16px 24px; color: #161616;  font-size: 14px; line-height: 22px; white-space: nowrap; top:0px;
text-align: center; background: #fff; border: 1px solid hsla(226,9%,73%,.12); border-radius: 4px; transition: all .3s ease; opacity: 0;visibility: hidden; right:100px;}
.kefu ul li span a{ color:#1d78ff;}	
.kefu ul li:hover span{ visibility: visible;
    opacity: 1;
    right: 60px; }


.kefu ul li.kf-top span{ top:20px;}
.kefu ul li span:after{position: absolute;  box-sizing: border-box;  background-color: inherit;  width: 12px;  height: 12px;top:20px;  transition: all 250ms ease-in-out 0s;   right: -4.25px; transform: rotate(315deg);  border-right: 1px solid hsla(226,9%,73%,.12);  border-bottom: 1px solid hsla(226,9%,73%,.12);  content: "";}

.kefu ul li span h2{ font-size:14px; color:#333;}
.kefu ul li span dl{ float:left; width:100px;}
.kefu ul li span dl:last-child{ float:right;}
.kefu ul li span dl dt{ float:left; width:100%;}
.kefu ul li span dl dt img{ float:left; width:100%;}
.kefu ul li span dl dd{ float:left; width:100%; font-size:12px;}
.kf-gz{ width:210px; float:left;}

/*解决方案*/
.home-fa{ background:url(../images/jjfa-bj.jpg) center no-repeat; background-size:cover; float:left; width:100%; padding-top:80px; padding-bottom:60px;}

.bdfw-nr{ width:100%; float:left; animation-duration:1.1s;  position:relative;  }
.bdfw-nr .swiper-container{  width:100%; float:left;overflow: initial; padding-top:80px; }
.bdfw-nr .swiper-pagination-bullet-active{ background:none; color:#1d78ff !important;transform: translateY(-3px);}
.bdfw-nr .swiper-pagination-bullet-active:before{ }
.bdfw-nr .swiper-pagination-bullet-active:after{ transform:rotate(180deg); opacity:1 !important; }
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{transition: all 0.5s ease-out 0s; outline:none; margin:0px 40px; font-size:18px; width:auto; height:46px; line-height:46px;color: #3d4461; padding-left:60px;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{content:""; position:absolute; left:0px; top:0px; margin-left:0px;  width:46px; height:46px; }
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1):before{ background:url(../images/fa-icon1.png) center no-repeat;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2):before{ background:url(../images/fa-icon2.png) center no-repeat;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3):before{ background:url(../images/fa-icon3.png) center no-repeat;}
.bdfw-nr .swiper-pagination-bullet{  background:none; opacity:1; border-radius:0px;font-size:14px; color:#333; position:relative; overflow:hidden; text-transform:uppercase;}
.bdfw-nr .swiper-pagination-bullet:before{content:""; position:absolute; left:50%; top:20px; margin-left:-19px;  width:38px; height:38px; background-size:38px;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:auto; top:0px; padding-left:30px;}
.bdfw-nr .swiper-slide-active .jjfa-js{ display:block;}







.jjfz-gd{ position:absolute; top:0px; width:100%;}
.jjfz-gd .swiper-pagination{ width:100%;}
.jjfz-gd .swiper-pagination-bullet{transition: all 0.5s ease-out 0s; outline:none; margin:0px 40px; font-size:18px; width:auto; height:46px; line-height:46px;color: #3d4461; padding-left:60px;}
.jjfz-gd .swiper-pagination-bullet:before{content:""; position:absolute; left:0px; top:0px; margin-left:0px;  width:46px; height:46px; }
.jjfz-gd .swiper-pagination-bullet:nth-child(1):before{ background:url(../images/fa-icon1.png) center no-repeat;}
.jjfz-gd .swiper-pagination-bullet:nth-child(2):before{ background:url(../images/fa-icon2.png) center no-repeat;}
.jjfz-gd .swiper-pagination-bullet:nth-child(3):before{ background:url(../images/fa-icon3.png) center no-repeat;}

.bdfw-nr .swiper-button-next{ right:0px;}
.bdfw-nr .swiper-button-prev{ left:0px;}

.bdfw-nr .swiper-button-next,.bdfw-nr .swiper-button-prev{width:30px; height:30px; background:rgba(255,255,255,1); text-align:center; color:#1d78ff; line-height:30px; font-size:20px;transition: all 0.5s ease-out 0s; outline:none; border-radius:50px; top:0px; margin-top:0px; display:none;}

.bdfw-nr .swiper-button-next:hover,.bdfw-nr .swiper-button-prev:hover{ background:#1d78ff; color:#fff;}

.jjfa-san{float:left; width:100%; margin-bottom:30px;}
.jjfa-san ul{float:left; width:100%; text-align:center;}
.jjfa-san ul li{ display:inline-block;    transition: all 0.5s ease-out 0s; margin:0px 40px;}
.jjfa-san ul li:hover{transform: translateY(-3px);}
.jjfa-san ul li img{ width:46px; margin-right:10px;}
.jjfa-san ul li b{ font-size:18px; font-weight:normal; color:#3d4461;transition: all 0.5s ease-out 0s;vertical-align: 15px;}
.jjfa-san ul li:hover a b{ color:#1d78ff} 

.jjfa-js{ float:left; width:100%; display:none;}
.jjfa-js dl{float:left; width:100%;}
.jjfa-js dl dt{float:left; width:48%; border-radius:10px; overflow:hidden;}
.jjfa-js dl dt img{float:left; width:100%;}
.jjfa-js dl dd{ float:right; width:46%; margin-right:3%; margin-top:30px;}
.jjfa-js dl dd h3{ font-size:40px; color:#333;float:left; width:100%; margin-bottom:30px;}
.jjfa-js dl dd p{ font-size:18px; line-height:36px; color:#666;float:left; width:100%;}
.jjfa-js dl dd h5{float:left; width:100%; margin-top:30px;}
.gy-an-a{ width:180px; float:left; display:block; height:50px; line-height:50px; font-size:18px; background:#1d78ff; text-align:center; border-radius:3px; color:#fff;transition: all 0.5s ease-out 0s;animation:scale 1s ease infinite;}
.gy-an-a:hover{opacity: 0.8;}
@keyframes scale{
    0%,
    100% {
      -webkit-transform: scale(1);
    }
    50% {
      -webkit-transform: scale(.9);
    }
  }



/*产品价值*/
.product-main{ background:url(../images/product-bj.jpg) center no-repeat fixed; float:left; width:100%; background-size:cover; overflow:hidden;} 

.qw-nr{ width:100%; float:left; animation-duration:1.1s;  position:relative; margin-top:10px; background:rgba(255,255,255,0.8); border-radius:10px; overflow:hidden; }
.qw-nr .swiper-container{  width:100%; float:left;overflow: initial; }
.qw-nr .swiper-pagination{}
.qw-nr .swiper-pagination-bullet-active{ background:#ddebff !important; color:#1d78ff !important; font-weight:bold;}
.qw-nr .swiper-pagination-bullet-active:before{ }
.qw-nr .swiper-pagination-bullet-active:after{ transform:rotate(180deg); opacity:1 !important; }
.qw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width:100%; margin:0px; height:60px; outline:none; margin-bottom:20px; font-size:20px; line-height:60px; padding-left:10px;}
.qw-nr .swiper-pagination-bullet{ float:left; background:none; opacity:1; border-radius:0px;font-size:14px; color:#333; position:relative; overflow:hidden; text-transform:uppercase;}
.qw-nr .swiper-pagination-bullet:before{content:""; position:absolute; left:20px; top:13px; margin-left:0px;  width:34px; height:34px; background-size:38px;}
.qw-nr .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:auto; top:0px;  width:220px; height:100%; background:url(../images/jz-logo.png) no-repeat left bottom  #f1f3fb; padding-top:40px;}

.qw-nr .swiper-pagination-bullet:nth-child(1):before{ background:url(../images/jz1.png);}
.qw-nr .swiper-pagination-bullet:nth-child(2):before{ background:url(../images/jz2.png);}
.qw-nr .swiper-pagination-bullet:nth-child(3):before{ background:url(../images/jz3.png);}

.qw-nr .swiper-pagination-bullet-active:after{content:""; position:absolute; width:3px; height:60px; background:#1d78ff; left:0px;}

.qw-nr .swiper-slide{ padding-left:260px;}
.qw-zy{ float:left; width:100%;  height:390px; padding:20px 40px 20px 20px;border-radius: 20px 20px 20px 20px; display:none; }

.qw-nr .swiper-slide-active .qw-zy{ display:block; }


.cp-jz{ float:left; width:60%; margin-top:20px; background:url(../images/gy-dian.png) no-repeat right top;}
.cp-jz h2{float:left;width:100%;font-size: 32px;font-weight: bold;color: #4B4B4D; margin-bottom:20px;}
.cp-jz h2 b{ font-size:50px; margin:0px 10px; color:#1d78ff}
.cp-jz p{float:left;width:100%;font-size: 18px;color: #666;line-height: 36px; margin-top:25px;}
.cp-jz h3{ float:left; width:100%; margin-top:48px;}


.ct-yt{ float:right; width:30%;}
.ct-a{ width:100%; float:left;background: #fff;border-radius:10px; padding:20px;}
.ct-a h2{width:100%; float:left; font-size:22px;color: #4B4B4C; }
.ct-a p{width:100%; float:left;color: #B3B3B3;font-size: 16px;text-align:left;line-height: 27px; margin-top:10px;}

.yt-a:before{content:""; width:144px; height:72px; background:url(../images/jz-zx.png) center no-repeat; position:absolute; top:-80px; left:50%; margin-left:-72px; -webkit-animation: up_down 1000ms linear infinite;-moz-animation: up_down 1000ms linear infinite;-ms-animation: up_down 1000ms linear infinite;animation: up_down 1000ms linear infinite; background-size:120px}
.yt-a{ width:100%; float:left; border:1px dashed #1d78ff; background:#fff; border-radius:10px; padding:20px;box-shadow: 0px 0px 20px 0px rgba(12,30,69,0.03); min-height:120px; margin-top:60px; position:relative;}
.yt-a h2{width:100%; float:left; font-size:22px;color: #1d78ff; margin-top:0px;}
.yt-a h2 b{  padding:10px 0px; border-radius:30px;}
.yt-a p{width:100%; float:left;color: #1d78ff;font-size: 18px;line-height: 27px; margin-top:10px;}


/*新增留言*/

.ly-body{background:url(../images/ly-bj.jpg) center no-repeat; background-size:cover;width:100%;float:left; margin-top:80px; padding:40px 0px 0 0;}
.ly-center{ width:1400px; margin:0 auto;}
.ly-left{ float:right; width:35%; margin-right:3%;}
.glpt-bt{float:left; width:100%; margin-top:2vw;}
.glpt-bt h3{width:100%;float:left; text-align:center;font-size: 28px;font-weight: bold; color:#fff; }
.glpt-bt ul{ float:left; width:100%; margin-top:15px;border-top:1px solid rgba(255,255,255,0.2); margin-top:20px; padding-top:20px; }
.glpt-bt ul li{ float:left; width:50%; line-height:32px; font-size:16px; color:#fff; padding-left:10px;}

.glpt-nr{float:left; width:90%;background:#1d78ff; border-radius:1vw; margin-top:3vw; margin-left:5%; }
.glpt-nr h3{width:100%;float:left; text-align:center;font-size: 24px;font-weight: bold; color:#fff; margin-top:15px; }
.glpt-nr ul{ float:left; width:100%; margin-top:15px; padding:0px 10px;}
.glpt-nr ul li{ float:left; width:25%; padding:0px 10px; margin-bottom:20px;}
.glpt-nr ul li p{float:left; width:100%; border-radius:5px; overflow:hidden;}
.glpt-nr ul img{ float:left; width:100%;}


.ly-right{ float:left; width:35%; background:#fff; border-radius:1vw; padding:2vw; margin-top:15px; margin-bottom:40px;}
.ly-right h2{width:100%;float:left; text-align:center;font-size: 28px;color: #1d78ff;font-weight: bold;}
.ly-right p{width:100%;float:left; text-align:center;font-weight: bold;font-size: 18px; color:#266BFF; margin-top:15px;}

.ly-right ul{width:100%;float:left;margin-top:25px;}
.ly-right ul li{width:100%;float:left;margin-bottom:30px; position:relative;}
.ly-right ul li b{ position:absolute; right:20px; color:red; height:20px; line-height:20px; font-size:14px; top:50%; margin-top:-8px;}
.ly-right ul li font{ position:absolute; right:20px; color:#266BFF; height:56px; line-height:56px; font-size:16px; cursor:pointer;}
.ly-right ul li.nr{height:85px;}
.ly-right ul li input,..ly-right ul li textarea{-webkit-appearance: none;}

.ly-right ul li input:focus, ..ly-right ul li textarea:focus{ border:1px solid #ddd}

.ly-right strong a{display:inline-block;float:left;width:100%;background:#266BFF;font-size:18px;color:#fff;line-height:50px;text-align:center;transition: all 0.5s ease-out 0s;height: 50px;border-radius: 30px;}
.ly-right strong a:hover{ opacity:0.7;}


.yd-hz{ float:left; width:100%; display:none;}


/*在线留言*/
.zxly{width:990px;float:right;position:fixed;bottom:-500px; left:50%; margin-left:-495px;z-index:9999991;background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;-webkit-box-shadow: 0px 1px 22px rgba(0,0,0,0.1);box-shadow: 0px 1px 22px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);transition: all 0.5s ease-out 0s; margin-bottom:-260px;}

.zxly-img{width:440px;float:left;}
.zxly-img img{width:100%;float:left;}
.zxly-nr{width:550px;float:left;position:relative; padding:20px 60px;}
.zxly-nr h2{width:100%;float:left; text-align:center;font-size: 24px;color: #4D4D4D;font-weight: bold;margin-top:20px;}
.zxly-nr p{width:100%;float:left; text-align:center;font-weight: bold;font-size: 18px; color:#266BFF; margin-top:15px;}
.zxly-nr ul{width:100%;float:left;margin-top:25px;}
.zxly-nr ul li{width:100%;float:left;margin-bottom:30px; position:relative;}
.zxly-nr ul li b{ position:absolute; right:20px; color:red; height:20px; line-height:20px; font-size:14px; top:50%; margin-top:-10px;}
.zxly-nr ul li.nr{height:85px;}
.srk{width:100%;float:left;outline:none;font-size:16px;color:#000;padding:0 10px;line-height:54px;border:1px solid #E6E6E6;background:none;border-radius:0px;}
.zxly-nr ul li input,.zxly-nr ul li textarea{-webkit-appearance: none;}

.zxly-nr ul li input:focus, .zxly-nr ul li textarea:focus{ border:1px solid #ddd}





.srk2{width:100%;height:100%;float:left;outline:none;font-size:14px;color:#999;padding:10px;border:1px solid #eee;background:none;}
.zxly-nr strong{width:100%;float:left;margin-bottom:15px;}
.zxly-nr strong a{display:inline-block;float:left;width:100%;background:#266BFF;font-size:18px;color:#fff;line-height:50px;text-align:center;transition: all 0.5s ease-out 0s;height: 50px;border-radius: 30px;}
.zxly-nr strong a:hover{ opacity:0.7;}
.zxly-nr em{position:absolute;top:16px;right:15px;float:right;background:url(../images/cha2.png) center no-repeat; background-size:cover;width:18px;height:18px;cursor:pointer;transition: 284ms ease-in-out;}
.zxly-nr em:hover{transform: rotate(180deg);}
.hei-yz{ opacity:0; background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; z-index:-99; left:0px; top:0px; }
.hei-yz.ateler{ opacity:1;z-index:99999;}

.ateler.zxly{bottom:50%;}
body.vhw{overflow:hidden;}
@-webkit-keyframes up_down{
    0% {-webkit-transform:translateY(0px);}
    50% {-webkit-transform:translateY(5px);}
    100% {-webkit-transform:translateY(0px);}
}
@-moz-keyframes up_down{
    0% {-moz-transform:translateY(0px);}
    50% {-moz-transform:translateY(5px);}
    100% {-moz-transform:translateY(0px);}
}
@-ms-keyframes up_down{
    0% {-ms-transform:translateY(0px);}
    50% {-ms-transform:translateY(5px);}
    100% {-ms-transform:translateY(0px);}
}
@keyframes up_down{
    0% {transform:translateY(0px);}
    50% {transform:translateY(5px);}
    100% {transform:translateY(0px);}
}
/*客户案例*/

.case{ float:left; width:100%; overflow:hidden; padding-bottom:40px;}
.case .swiper-container{width:792px;margin: 0 auto;  overflow: visible;}
.case dl{ float:left; width:100%; position:relative; margin-bottom:40px; overflow:hidden;transition: all 0.5s ease-out 0s;}
.case dl dt{float:left; width:100%; overflow:hidden;}
.case dl dt img{float:left; width:100%;}
.case dl:hover{transform: translateY(-3px); }
.case dl dd{float:left; width:100%;  background:#f7f8fa; padding:20px;transition: all 0.5s ease-out 0s;}
.case .swiper-slide.swiper-slide-active dl dd{ bottom:0px; opacity:1;}
.case dl dd h3{float:left; width:100%; font-size:24px; color:#333; margin-bottom:10px; background:url(../images/bt-dian.png) no-repeat 0px 10px; padding-left:25px;transition: all 0.5s ease-out 0s;}
.case dl dd p{float:left; width:100%; font-size:14px; color:#666; line-height:26px;transition: all 0.5s ease-out 0s; min-height:78px;-webkit-line-clamp: 3; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis;}
.case dl:hover dd h3{ color:#1d78ff;}
.case dl:hover dd p{ color:#333;}

.case .swiper-pagination-bullet{ background:#ccc; opacity:1; width:12px; height:12px;border:2px solid #fff; outline:none;}
.case .swiper-pagination-bullet-active{ background:#fff; border:2px solid #1d78ff; opacity:1;}
.case .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0px;}
.case .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 8px;}
.case-list{ float:left; width:100%;}
.case .swiper-button-prev{ left:-24px;}
.case .swiper-button-next{ right:-24px;}
.case .swiper-button-prev,.case .swiper-button-next{ width:48px; height:48px; background:rgba(255,255,255,1); text-align:center; color:#1d78ff; line-height:46px; font-size:20px;transition: all 0.5s ease-out 0s; outline:none; border-radius:50px;    box-shadow: 0 4px 16px rgba(28,67,125,.08);}
.case .swiper-button-prev:hover{ color:#fff; background:#1d78ff }
.case .swiper-button-next:hover{color:#fff; background:#1d78ff}


/*.case .swiper-slide {transition: 300ms; transform: scale(0.9);}
.case .swiper-slide-active,.swiper-slide-duplicate-active{   transform: scale(1);}*/
/*公用标题*/

.gy-bt{float:left; text-align:center; width:100%; padding:40px 0px 30px 0px;}
.gy-dbt{ color:#1d78ff; font-size:42px; font-weight:bold;}
.gy-xbt{color:rgba(0,0,0,.45); font-size:20px; margin-top:15px;}

.news-ali{float:left; text-align:center; width:100%; margin-bottom:40px;}
.news-ali ul li{ display:inline-block;}
.news-ali ul li a{ width:148px; height:48px; border:1px solid #eee; font-size:18px; display:inline-block; text-align:center; line-height:46px; background:#fff; color:#454545; border-radius:40px; margin:0px 20px;    transition: all 0.5s ease-out 0s;}
.news-ali ul li a:hover{ background:#1d78ff; border:1px solid #1d78ff; color:#fff;transform: scale(1.05);}


.cp-ys{ float:left; width:100%; position:relative; padding-bottom:100px; height:560px; margin-top:20px;}
.cp-sdys{ position:absolute; width:368px;height:368px; left:50%; margin-left:-184px;}

.cp-yxz{ width:368px; height:368px;  position:absolute; left:50%; margin-left:-184px;  }
.cp-yxz h5{background:url(../images/p-yuan.png) center no-repeat;width:368px; height:368px; float:left;  animation: rotateCycle___1E1xY 30s linear infinite;}

@keyframes rotateCycle___1E1xY{0%{transform:rotate(0)}to{transform:rotate(1turn)}}

.cp-yxz img{ position:absolute; top:50%; left:50%; margin:-62px 0px 0 -62px; z-index:2;}
.cp-sdys dl{ position:absolute; z-index:3;}
.cp-sdys dl dt{ width:60px; height:60px; border:1px solid #dae9ff; background:#fff; border-radius:50%;box-shadow: 0 9px 24px rgba(29,120,255,0.09);}
.cp-sdys dl dt img{width:100%; float:left;}

.cp-sdys dl dd{ font-size:24px; color:#333; }
.cp-sdys dl dd h3{ font-size:24px; color:#333; width:100%; float:left;}
.cp-sdys dl dd p{ font-size:18px; color:#666; margin-top:8px; width:100%; float:left;}


.cp-sdys dl.cp-xf1{ width:380px; left:-330px; top:80px;}
.cp-sdys dl.cp-xf1 dt{ float:left; margin-right:20px; position:absolute; right:-15px;}
.cp-sdys dl.cp-xf1 dd{ float:left; width:300px; text-align:right;}

.cp-sdys dl.cp-xf2{ width:380px; left:320px; top:80px;}
.cp-sdys dl.cp-xf2 dt{ float:left; margin-right:20px; }
.cp-sdys dl.cp-xf2 dd{ float:left; width:300px;}

.cp-sdys dl.cp-xf3{ width:380px; left:50%; margin-left:-190px; bottom:-130px; }
.cp-sdys dl.cp-xf3 dt{ float:left; position:absolute; left:50%; margin-left:-30px;  }
.cp-sdys dl.cp-xf3 dd{ float:left; width:100%; text-align:center;padding-top:70px;}
/*新闻*/
.news{background:url(../images/news-bj.jpg) center no-repeat; background-size:cover; float:left; width:100%; padding-bottom:80px;}
.news-left{ float:left; width:660px;box-shadow: 0 1px 13px rgba(0,102,204,0.1);}

.news-left .swiper-container{ width:100%; float:left; height:100%;}
.news-left .swiper-button-prev{ left:-40px; top:38%;transition: all 0.5s ease-out 0s;}
.news-left .swiper-button-next{ right:-40px; top:38%;transition: all 0.5s ease-out 0s;}
.news-left:hover .swiper-button-prev{left:0px; }
.news-left:hover .swiper-button-next{right:0px; }

.news-left .swiper-button-prev,.news-left .swiper-button-next{ width:34px; height:46px; background:rgba(0,0,0,0.5); text-align:center; color:#fff; line-height:46px; font-size:20px;transition: all 0.5s ease-out 0s; outline:none;}


.news-left .swiper-button-prev:hover,.news-left .swiper-button-next:hover{ background:#005aff;}



.news-left dl{float:left; width:100%;}
.news-left dl dt{float:left; width:100%; overflow:hidden;}
.news-left dl dt img{float:left; width:100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-left dl dt:hover img{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1); }
.news-left dl dd{ float:left; width:100%; background:#fff; padding: 20px;}
.news-left dl h2{ float:left; width:100%; font-size:18px; color:#333;-webkit-line-clamp: 1;line-height:30px; height:30px;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all; text-overflow: ellipsis;transition: all 0.5s ease-out 0s;}
.news-left dl p{ float:left; width:100%; font-size:14px; color:#666; -webkit-line-clamp: 1;line-height:30px; height:30px;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all; text-overflow: ellipsis; margin:8px 0px;transition: all 0.5s ease-out 0s;}
.news-left dl h6{ float:left; width:100%; font-size:14px; color:#005aff;}
.news-left dl h6 b{ margin-left:15px;}
.news-left dl:hover h2{color:#005aff}
.news-left dl:hover p{color:#333}
.news-left .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:150px;}
.news-left .swiper-pagination-bullet{ border:2px solid rgba(0,0,0,0); outline:none;}
.news-left .swiper-pagination-bullet-active{ }
.news-left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 8px;}

.news-right{ float:right; width:830px;}
.news-sz{float:left; width:100%;}
.news-sz dl{float:left; width:46%;}
.news-sz dl:last-child{float:right; }
.news-sz dl dt{ position:relative; float:left; width:100%; overflow:hidden;}
.news-sz dl dt img{ float:left; width:100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-sz dl:hover dt img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); }
.news-sz dl dt font{ position:absolute; right:0px; bottom:0px; padding:8px 15px; background:rgba(0,0,0,0.5); font-size:14px; font-family:din; color:#fff;}
.news-sz dl:hover dt font{ background:#1d78ff;}

.news-sz dl dd{  float:left; width:100%; font-size:18px; color:#333;-webkit-line-clamp: 1;line-height:30px; height:30px;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all; text-overflow: ellipsis; margin:20px 0px; transition: all 0.5s ease-out 0s;}
.news-sz dl:hover dd{ color:#1d78ff;}
.news-x{ float:left; width:100%; border-top:1px solid #d2d2d7; margin-top:15px;}
.news-x ul{ float:left; width:100%; }
.news-x ul li{ float:left; width:100%; border-bottom:1px solid #d2d2d7;}
.news-x ul li a{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center; position:relative; padding:20px 0px 20px 15px; transition: all 0.5s ease-out 0s;}
.news-x ul li a:before{content:""; width:3px; height:3px; background:#666; position:absolute; top:50%; margin-top:-1.5px; left:0px; transition: all 0.5s ease-out 0s;}
.news-x ul li a:hover{ padding-left:28px;}
.news-x ul li a:hover:before{ width:10px; background:#1d78ff}
.news-x ul li a:hover h6,.news-x ul li a:hover p{ color:#1d78ff}
.news-x ul li a h6{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; font-size:16px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-x ul li a p{ width:80px; font-family:din; text-align:center; font-size:14px;}



/*合作*/
.hz-nr{float:left; width:100%; padding-bottom:25px; }

.hz-nr h2{float:left; width:100%; text-align:center; font-size: 28px; color:#333;}
.hz-nr p{float:left; width:100%; text-align:center;color: rgba(0,0,0,.45); font-size: 20px; margin-top:15px; margin-bottom:30px; }
.hz-nr ul{float:left; margin:0px -15px;}
.hz-nr ul li{float:left; width:16.66%; padding:0px 15px; margin:15px 0;}
.hz-nr ul li span{float:left;width:100%; border:1px solid #eee; border-radius:5px; overflow:hidden;transition: all 0.5s ease-out 0s;}
.hz-nr ul li span img{float:left; width:100%;}
.hz-nr ul li span:hover{transform: translateY(-3px); border:1px solid #e1ecff;box-shadow: 0px 4px 3px 0px rgba(25,55,99,0.03), 0px 4px 15px 0px rgba(26,58,95,0.05), 0px 4px 30px 0px rgba(34,51,109,0.03);}
/*底部*/
.footer{float:left; width:100%; background:#083284; }
.footer-nr{float:left; width:100%;}
.public-center{ width:1600px; margin:0 auto;}

.footer-top{float:left; width:100%; padding-top:40px; padding-bottom:20px; }

.f-logo{ float:left; width:100%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:30px; margin-bottom:20px;}
.f-logo h3{float:left; width:100%;  }
.f-logo h3 i{ width:1px; height:30px; background:rgba(255,255,255,0.1); display:inline-block; margin:0px 20px;}
.f-logo h3 b{ font-size:18px; color:#fff; font-weight:normal; line-height:30px;vertical-align: 10px;}
.f-logo h5{float:left; width:100%; font-size:18px; color:#fff; margin-top:15px; font-weight:bold;}

.f-nav{float:left; width:50%; }
.f-nav dl{float:left;width:33.33% }
.f-nav dl dt{float:left; width:100%; margin-bottom:10px; }
.f-nav dl dt a{color:#fff; font-size:18px;}
.f-nav dl dd{float:left; width:100%; line-height:34px;}
.f-nav dl dd a{ color:rgba(255,255,255,0.7); font-size:14px;transition: all 0.5s ease-out 0s;}
.f-nav dl dd a:hover{color:#fff;}
.f-tel{float:left; width:380px;}
.f-tel h6{float:left; width:100%;color:#fff; font-size:18px; margin-bottom:10px;}
.f-tel h3{float:left; width:100%; font-size:24px; color:#181818; font-family:din; margin-bottom:10px; }
.f-tel h3 a{color:#fff; }
.f-tel p{float:left; width:100%;color:rgba(255,255,255,0.7); font-size:14px; margin:5px 0px; }

.f-ewm{float:right; width:220px; }

.f-ewm h6{float:left; width:100%;color:#fff; font-size:16px;margin-bottom:10px;}
.f-ewm dl{ float:left;  }
.f-ewm dl:last-child{ float:right;}
.f-ewm dl dt{}
.f-ewm dl dt img{ max-width:100px;}
.f-ewm dl dd{color:#fff; text-align:center; margin-top:10px; }


/*链接*/
.f-link{ float:left; width:100%; padding:15px 0px;}
.f-link span b{ font-weight:normal; color:#fff; float:left;margin:8px 10px 8px 0;}
.f-link span a{color:rgba(255,255,255,0.7); position:relative; padding-right:30px;transition: all 0.5s ease-out 0s; margin:8px 0px; display:block; float:left;}
.f-link span a:before{content:"|"; position:absolute; right:15px; font-size:10px;color:rgba(255,255,255,0.7);}
.f-link span a:hover{color:#fff;}
.f-link span a:last-child:before{content:"";}
/*版权*/
.f-bottom{float:left; width:100%; border-top:1px solid rgba(255,255,255,0.1); text-align:center; padding:15px 0px;}
.f-bottom p,.f-bottom p a{ color:rgba(255,255,255,0.7);transition: all 0.5s ease-out 0s; }
.f-bottom p a:hover{ color:#fff;}
@font-face{ font-family:din; src:url("../font/DIN-Medium.otf");}


/*微信二维码跳出*/
.weixin{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; top:0px; left:0px;  }
.weixin.ateler{opacity: 1;z-index:999999;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.weixin span{position:absolute;left:50%;top:50%;width:300px;height:180px;background:#fff;padding:20px;margin-top:-90px;margin-left:-150px;z-index:2;}
.weixin span dl{ float:left; width:120px; text-align:center;}
.weixin span dl:last-child{ float:right;}
.weixin span dl dt{ float:left; width:100%;}
.weixin span dl dt img{ float:left; width:100%;}
.weixin span dl dd{ float:left; width:100%; font-size:12px;}

.weixin span b{display:inline-block;width:100%;float:left;font-size:14px;color:#000;text-align:center;margin-top:20px;font-weight:normal;}
.weixin h2{position:absolute;left:0px;top:0px;bottom:0px;width:100%;float:left;cursor:pointer;}
.weixin h2 a{cursor:url(../images/cha2.png) 25 25, auto;width:100%;height:100%;float:left;display:block;background-size:cover;background-position:50% 50%;}

@-webkit-keyframes returnToNormal {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
  }
  to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}

@keyframes returnToNormal {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
  }
  to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }}
/*手机导航*/
.mobile-m{ overflow:hidden;}
.mobile-nav{ width:60px; height:60px; float:left; display:none; cursor:pointer; border-radius:0px; z-index:102; position:relative; position:absolute; right:10px; top:0px;}
.mobile-nav i{-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;width:28px; height:3px; background:#333; display:block; position:absolute;left:20px;}
.mobile-nav i.menu_a1{ top:20px;  transition: all 0.5s ease-out 0s;}
.mobile-nav i.menu_a2{ top:29px; width:20px; left:28px; }
.mobile-nav i.menu_a3{ top:38px;  transition: all 0.5s ease-out 0s; }
.rot i.menu_a3{ top:29px; right:3px; -webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.rot i.menu_a1{ top:29px; right:3px;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.rot i.menu_a2{ display:none;}


.main-sidebar{ background:#fff;  position:fixed; top:0px; bottom:0px; width:100%; left:0px; overflow-x:hidden; overflow-y:auto; display:none; transition:all 0.5s ease-out 0s;  z-index:9999;}
.main-sidebar::-webkit-scrollbar {width:0px;}
.main-sidebar::-webkit-scrollbar-thumb { width:0px;}
.main-sidebar .sidebar-menu{ float:left; width:100%; padding:70px 0px 20px 0px;}
.main-sidebar.active .sidebar-menu{padding:60px 0px 20px 0px;}
.main-sidebar .sidebar-menu li{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,.05); padding:0px 0px 0px 0px; }

.main-sidebar .sidebar-menu li a{ display:block; float:left; width:100%; padding:0px 20px; }
.main-sidebar .sidebar-menu li a.on-c{ padding:20px 20px; font-size:16px; position:relative;}
.main-sidebar .sidebar-menu li a.on-c b{}
.main-sidebar .sidebar-menu li a.on-c b{ float:right; width:12px; height:12px; position:relative; overflow:hidden; margin-top:5px;  }
.main-sidebar .sidebar-menu li a.on-c b:before{ content:""; display:inline-block; float:left; position:absolute; left:0px; top:5px; width:100%; background:#999; height:2px;}
.main-sidebar .sidebar-menu li a.on-c b:after{content:""; display:inline-block; float:left; position:absolute; left:5px; top:0px;  width:2px; background:#999; height:100%; transition:284ms ease-in-out;}
.main-sidebar .sidebar-menu li.active a.on-c b:before{ transform:rotate(0deg);}

.main-sidebar .sidebar-menu li.active a.on-c b:after{transform:rotate(90deg);}
.main-sidebar .sidebar-menu li .treeview-menu{ display:none; float:left; width:100%; padding-top:0px; margin-top:-5px; margin-bottom:15px; }
.main-sidebar .sidebar-menu li a{ font-size:14px; color:#333}
.main-sidebar .sidebar-menu li .treeview-menu p a{ float:left; width:100%; line-height:44px; color:rgba(0,0,0,.7);}
.main-sidebar .sidebar-menu li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.main-sidebar .sidebar-menu li .treeview-menu p a:hover{ color:#1d78ff;}
.main-sidebar .sidebar-menu li.on-nav a.on-c{ color:#1d78ff}
.main-sidebar .sidebar-menu li.active .treeview-menu{display: block;}
.main-sidebar .sidebar-menu li.active a.on-c{color:#1d78ff}
.menu-text{ float: left; height: 30px; line-height: 30px; margin-left: 55px; width:40px; margin-top:15px;}
.menu-text b{ font-size: 14px; color: #333;}

.menu-text b.text-close{ display: none;}
.rot .menu-text b.text-close{ display:block;}
.rot .menu-text b.text-display{ display:none;}

.wu-nr.pa-bottom{ padding-bottom:0px;}


/*新增*/
.home-tx{ background:#f0f9ff; background-size:cover; float:left; width:100%; padding-top:80px; padding-bottom:0px;}
.s-jjfa{ float:left; width:100%; padding-bottom:0px;}
.s-jf-list{ float:left; width:100%;}
.s-jf-list ul{ margin:0px -15px;}
.s-jf-list ul li{ float:left; width:25%; padding:0px 15px; margin:15px 0px;}
.s-jf-list ul li dl{ float:left; width:100%; position:relative; border-radius:8px; overflow:hidden;}
.s-jf-list ul li dl dt{ float:left; width:100%;}
.s-jf-list ul li dl dt img{ float:left; width:100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.s-jf-list ul li dl:hover dt img{-webkit-transform: scale3d(1.03,1.03,1);transform: scale3d(1.03,1.03,1);}
.s-jf-list ul li dl dd{ position:absolute; left:0px; width:100%; z-index:2; height:100%;}
.s-jf-list ul li dl dd h3{ font-size:26px; color:#fff;text-shadow: rgba(0,0,0,.1) 3px 3px 3px; float:left; width:100%; padding:10px 15px; }
.s-jf-list ul li dl dd h3 b{position:relative; }
.s-jf-list ul li dl dd h3 b:before{content:""; width:0%; height:2px; background:#fff; position:absolute; left:0px; bottom:-5px; transition:all 0.5s ease-out 0s;  }
.s-jf-list ul li dl:hover dd h3 b:before{ width:100%;}
.s-jf-list ul li dl dd p{ width:40px; height:40px; border-radius:50%; background:#fff; left:50%; position:absolute; top:80%; margin:-20px 0px 0px -20px; text-align:center; font-size:18px; line-height:40px; color:#1d78ff; opacity:0; transition:all 0.5s ease-out 0s;}
.s-jf-list ul li dl:hover dd p{ opacity:1; top:50%;}

.hglpt-nr{ width:100%; float:left; animation-duration:1.1s;  position:relative;  }
.hglpt-nr .swiper-container{  width:100%; float:left;overflow: initial; padding-top:80px; }
.hglpt-nr .swiper-pagination-bullet-active{ background:none; color:#fff !important; font-weight:bold;}
.hglpt-nr .swiper-pagination-bullet-active:before{ }
.hglpt-nr .swiper-pagination-bullet-active:after{ transform:rotate(180deg); opacity:1 !important; }
.hglpt-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{transition: all 0.5s ease-out 0s; outline:none; margin:0px 40px; font-size:18px; width:auto; height:46px; line-height:46px;color: #3d4461; padding-left:60px;}
.hglpt-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{content:""; position:absolute; left:0px; top:0px; margin-left:0px;  width:46px; height:46px; }
.hglpt-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1):before{ background:url(../images/fa1.png) center no-repeat;}
.hglpt-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2):before{ background:url(../images/fa2.png) center no-repeat;}
.hglpt-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3):before{ background:url(../images/fa3.png) center no-repeat;}
.hglpt-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4):before{ background:url(../images/fa4.png) center no-repeat;}
.hglpt-nr .swiper-pagination-bullet{  background:none; opacity:1; border-radius:0px;font-size:14px; color:#333; position:relative; overflow:hidden; text-transform:uppercase; width:25%; float:left; margin:0px;}
.hglpt-nr .swiper-pagination-bullet:before{content:""; position:absolute; left:50%; top:20px; margin-left:-19px;  width:38px; height:38px; background-size:38px;}
.hglpt-nr .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:auto; top:0px; padding-left:30px;}
.hglpt-nr .swiper-slide-active .jjfa-js{ display:block;}


.gtfz-gd{ position:absolute; top:0px; width:100%; float:left; }
.gtfz-gd .swiper-pagination{ width:100%; background:#fff; border-radius:6px;box-shadow: 0 12px 20px 0 rgba(29,120,255,.1); overflow:hidden}
.gtfz-gd .swiper-pagination-bullet{transition: all 0.5s ease-out 0s; outline:none; margin:0px; font-size:18px; width:25%; height:60px; line-height:60px;color: #3d446e; border-radius:6px; }
.gtfz-gd .swiper-pagination-bullet:before{content:"";  margin-left:0px;  width:30px; height:30px; position:absolute; top:15px; margin-left:-80px; }
.gtfz-gd .swiper-pagination-bullet:nth-child(1):before{ background:url(../images/fa1.png) center no-repeat; background-size:30px; }
.gtfz-gd .swiper-pagination-bullet:nth-child(2):before{ background:url(../images/fa2.png) center no-repeat;background-size:30px;}
.gtfz-gd .swiper-pagination-bullet:nth-child(3):before{ background:url(../images/fa3.png) center no-repeat;background-size:30px;}
.gtfz-gd .swiper-pagination-bullet:nth-child(4):before{ background:url(../images/fa4.png) center no-repeat;background-size:30px;}

.gtfz-gd .swiper-pagination-bullet-active{ background:url(../images/fa-hover.jpg) center no-repeat; background-size:cover;}
.gtfz-gd .swiper-pagination-bullet-active:nth-child(1):before{ background:url(../images/fa1-1.png) center no-repeat; background-size:30px; }
.gtfz-gd .swiper-pagination-bullet-active:nth-child(2):before{ background:url(../images/fa2-1.png) center no-repeat; background-size:30px; }
.gtfz-gd .swiper-pagination-bullet-active:nth-child(3):before{ background:url(../images/fa3-1.png) center no-repeat; background-size:30px; }
.gtfz-gd .swiper-pagination-bullet-active:nth-child(4):before{ background:url(../images/fa4-1.png) center no-repeat; background-size:30px; }


.szhd-js{ width:100%; background:#fff; border-radius:6px;box-shadow: 0 9px 24px rgba(29,120,255,0.09); float:left; padding:40px; position:relative; overflow:hidden; display:none;}
.szhd-js:after{content:"";width:80px;height:80px;background:#1d78ff;position:absolute;top:-40px;left:-40px;z-index:0;border-radius:100px;-webkit-animation:zoom 5s infinite linear;-moz-animation:zoom 5s infinite linear;animation:zoom 5s infinite linear;opacity:.25}

.szh-left{ width:50%; float:left;}
.szh-left h3{ font-size:42px; color:#1d78ff; font-weight:bold;float:left; width:100%;}
.szh-left p{ font-size:28px; color:#3d446e; margin:20px 0px 30px 0px; float:left; width:100%;}
.szh-left dl{display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom:20px;float:left; width:100%;}
.szh-left dl dt{ width:36px; float:left; margin-right:12px;}
.szh-left dl dt img{ float:left; width:100%; border-radius:3px;}
.szh-left dl dd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; color:#8b8fa8; font-size:20px; padding:5px 0px 0px 0px;}
.szh-right{ float:right; width:46%; overflow:hidden;border-radius:8px;}
.szh-right img{ float:left; width:100%; }

.gy-an-sy{ float:left; width:100%;}
.gy-an-sy a{ width:auto; padding:0px 40px;float:left; display:block; height:50px; line-height:50px; font-size:18px; background:#1d78ff; text-align:center; border-radius:3px; color:#fff;transition: all 0.5s ease-out 0s;}
.gy-an-sy a:hover{opacity: 0.8;background: #1d78ff;transform: scale(1.02);}

.swiper-slide-active .szhd-js{ display:block}
.pj-an{ display:none; float:left; width:100%; text-align:center;}
.pj-an .gy-an-sy{ text-align:center}
.pj-an .gy-an-sy a{ display:inline-block; float:none;}
.gg_1 .szh-left h3{ margin-bottom:40px;}
.gg_1 .gy-an-sy{ margin-top:30px;}
.gg_1 .szh-left{ width:38%;}
.gg_1 .szh-right{ width:58%;}

.gg_2 .szh-left h3{ margin-bottom:20px;}
.gg_2 .szh-left{ width:40%;}
.gg_2 .szh-right{ width:56%;}
.gg_2 .szh-left dl{ width:50%}
.gg_2 .szh-left dl.ts-aa{width:100%;}

.gg_3 .szh-left h3{ margin-bottom:20px;}
.gg_3 .szh-left{ width:45%;}
.gg_3 .szh-right{ width:46%;}

.hglpt-nr .swiper-button-prev{ left:-24px;}
.hglpt-nr .swiper-button-next{ right:-24px;}
.hglpt-nr .swiper-button-prev,.hglpt-nr .swiper-button-next{ width:48px; height:48px; background:rgba(255,255,255,1); text-align:center; color:#1d78ff; line-height:46px; font-size:20px;transition: all 0.5s ease-out 0s; outline:none; border-radius:50px;    box-shadow: 0 4px 16px rgba(28,67,125,.08); display:none;}
.hglpt-nr .swiper-button-prev:hover{ color:#fff; background:#1d78ff }
.hglpt-nr .swiper-button-next:hover{color:#fff; background:#1d78ff}

.h-bdfw{ float:left; width:100%; background:#f2f8ff;}

.h-kjt{float:left; width:100%; margin-bottom:40px;}
.h-kjt img{float:left; width:100%;}
@keyframes zoom{
0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}
}

@media (max-width: 1680px){
.public-center{ width:100%;padding:0px 60px;}	
.banner-text{ width:100%; padding:0px 100px;}	
.news-left{ width:40%;}
.news-right{ width:56%;}

.f-ewm{ margin-right:60px;}
	
.f-tel{ width:20%;}

.nav{ width:100%; padding:0px 320px 0px 200px; float:left;}
.nav ul{ width:100%;}
.nav ul li{ width:12.5%; padding:0px; text-align:center;}
.nav ul li a.a-on{ float:none;}
.tel-qa h5 a{ font-size:20px;}
.tel-qa span a{ width:100px; height:42px; line-height:42px;margin-top: 4px;}
.ba-ad{ right:100px;}

.jjfa-js dl dd h3{ font-size:32px;}
.banner-text,.banner-nr{ height:80vh;}	
.ly-center{ width:90%; padding:0px 120px; float:left; margin-left:5%;}
.ly-right{ margin-bottom:40px;}
.glpt-nr{ border-radius:1vw;}
.ly-right{ width:40%;}
.glpt-bt ul li{ font-size:14px;}
.ly-left{ width:38%;}
.banner-p-s{ width:44%; right:100px;}
.banner-tp ul.b3-a{ width:60%;}
.banner-text.banner-1 .banner-tp{ width:50%}
.banner-tp h6{ font-size:34px;}
.banner-tp p{ width:100%;}
}

@media (max-width: 1440px){
/*.banner-text,.banner-nr{ height:760px;}*/	
.banner-tp h2{ font-size:62px;}

.f-nav{ width:46%;}
.f-tel{ width:30%;}
.f-ewm{ margin-right:40px;}
.ct-a p{ font-size:14px;}
.yt-a p{ font-size:16px;}
.glpt-bt ul li{ padding-left:0px;}
.ly-left{ width:40%; margin-bottom:40px;}
.ly-center{ width:100%; margin-left:0px;}
.ly-right{ padding:3vw;}
.szh-left p{ font-size:24px;}
.szh-left h3{ font-size:36px;}
.szh-left dl dd{ font-size:18px;}

}


@media (max-width: 1366px){
.f-tel p{ font-size:12px;}	
.public-center{ width:100%;padding:0px 20px;}
.logo{ left:18px;}
.nav ul li a.a-on{ font-size:14px;}
.nav{ padding:0px 320px 0px 180px; float:left;}
.tel-qa{ right:20px;}
.tel-qa h5 a{ font-size:18px;}
.tel-qa h5{background: url(../images/xz/tel-icon.gif) no-repeat -6px 1px;background-size: 35px; margin-top:16px;}

/*.banner-text,.banner-nr{ height:740px;}	*/
.ba-ad{ width:80px; height:300px;} 
.jjfa-js dl dd{ margin-top:0px;}
.jjfa-js dl dd p{ font-size:16px; line-height:30px;}
.jjfa-js dl dd h3{ margin-top:0px;}
.digital ul li h6 span{ font-size:30px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:80px;}

.gy-dbt{ font-size:36px;}
.gy-xbt{ font-size:18px;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ font-size:16px;}

.ct-yt{ width:35%;}
.kefu{ right:20px;}
.gy-an-a{ font-size:16px; width:160px; height:46px; line-height:46px;}
.qw-nr .swiper-slide{ padding-left:240px;}
.f-nav{ width:50%;}
.f-tel{ width:25%;}
.f-ewm{ margin-right:70px;}
.ly-right h2{ font-size:24px;}
.ly-right p{ margin-top:10px;}
.s-jf-list ul{ margin:0px -10px;}
.s-jf-list ul li{ padding:0px 10px; margin:10px 0px;}
.s-jf-list ul li dl dd h3 b{ font-size:22px;}

.szh-left p{ margin-bottom:20px;}
.szh-left dl dt{ width:30px;}
.szh-left dl dd{ font-size:16px;}
.gtfz-gd .swiper-pagination-bullet{ height:52px; line-height:52px;}
.gtfz-gd .swiper-pagination-bullet:before{ width:24px; height:24px; background-size:cover; margin-left:-70px;}
.gtfz-gd .swiper-pagination-bullet:nth-child(1):before{ background:url(../images/fa1.png) center no-repeat; background-size:20px; }
.gtfz-gd .swiper-pagination-bullet:nth-child(2):before{ background:url(../images/fa2.png) center no-repeat;background-size:20px;}
.gtfz-gd .swiper-pagination-bullet:nth-child(3):before{ background:url(../images/fa3.png) center no-repeat;background-size:20px;}
.gtfz-gd .swiper-pagination-bullet:nth-child(4):before{ background:url(../images/fa4.png) center no-repeat;background-size:20px;}


.gtfz-gd .swiper-pagination-bullet-active:nth-child(1):before{ background:url(../images/fa1-1.png) center no-repeat; background-size:20px; }
.gtfz-gd .swiper-pagination-bullet-active:nth-child(2):before{ background:url(../images/fa2-1.png) center no-repeat; background-size:20px; }
.gtfz-gd .swiper-pagination-bullet-active:nth-child(3):before{ background:url(../images/fa3-1.png) center no-repeat; background-size:20px; }
.gtfz-gd .swiper-pagination-bullet-active:nth-child(4):before{ background:url(../images/fa4-1.png) center no-repeat; background-size:20px; }
.hglpt-nr .swiper-container{ padding-top:72px;}

.szhd-js{ min-height:420px;}

}
@media (max-width: 1280px){
.f-ewm{ display:none;}	
.f-nav{ width:70%;}
.f-tel{ width:30%;}
.tel-qa h5{ display:none;}
.nav{    padding: 0px 160px 0px 180px;}
.jjfa-js dl dd h3{ margin-bottom:10px;}
.cp-jz p{ margin-top:0px;}
.cp-jz h3{ margin-top:20px;}
.ct-a p{ font-size:14px;}
.cp-jz{background: url(../images/gy-dian.png) no-repeat right top; background-size:60px;}
.hz-nr ul li{ padding:0px 10px; margin:10px 0px;}
.hz-nr ul{ margin:0px -10px;}

.jjfz-gd .swiper-pagination-bullet{line-height:30px;  height:30px; margin:0px 20px; padding-left:40px;}
.jjfz-gd .swiper-pagination-bullet:before{ width:30px; height:30px; }
.jjfz-gd .swiper-pagination-bullet:nth-child(1):before,.jjfz-gd .swiper-pagination-bullet:nth-child(2):before,.jjfz-gd .swiper-pagination-bullet:nth-child(3):before{background-size:30px;}

.cp-jz h2{ font-size:26px;}
.cp-jz h2 b{ font-size:42px;}

.banner-text, .banner-nr{height: 80vh;}
.szh-left p{ font-size:22px;}
.banner-text{ padding:0px 40px;}
.banner-p-s{ right:40px;}
.banner .swiper-button-prev, .banner .swiper-button-next{ display:none;}
}

@media (max-width: 1200px){
.yt-a p{ font-size:16px; line-height:24px;}	
.cp-jz p{ font-size:16px; line-height:28px;}
.qw-zy{ padding-right:20px;}
.qw-nr .swiper-container-horizontal>.swiper-pagination-bullets{ width:180px;}
.qw-nr .swiper-slide{ padding-left:200px;}

.cp-jz{ width:100%;}
.ct-yt{ width:100%; margin-top:20px;}
.ct-a{ width:46%; border:1px solid #eee;}
.yt-a{ width:46%; margin-top:0px; float:right;min-height:inherit;}
.ct-a p{ line-height:24px;}
.yt-a:before{ display:none;}
.yt-a:after{content:"";  background:url(../images/jz-zx1.png) center no-repeat; width:40px; height:80px; position:absolute; left:-50px; top:50%; margin-top:-40px; background-size:cover;}
.qw-zy{ height:auto;}
.cp-jz {  background: url(../images/gy-dian.png) no-repeat right top;  background-size: 40px;}

.cp-yxz{ width:320px; height:320px; margin-left:-160px;}
.cp-sdys{ width:320px; height:320px;margin-left:-160px;}
.cp-yxz img{ margin:-60px 0 0 -60px;}
.cp-yxz h5{ width:320px; height:320px; background-size:cover; left:-160px;}
.cp-sdys dl.cp-xf2{ left:290px;}
.cp-sdys dl dd p{ font-size:16px;}
.ly-center{ padding:0px 100px 0px 40px;}
.ly-right{ width:46%;}
.ly-left{ width:44%;}
.banner-tp ul.b3-a{ width:70%;}
}

@media (max-width: 1024px){
.nav{ display:none;}	
.mobile-nav{ display:block;}


.header{ height:60px; overflow:hidden;}
.logo{ width:140px; left:0px; margin-left:0px;}
.logo h1 img{ width:100%;margin-top: -14px;}
.tel-qa span a{ font-size:14px; margin-top:0px;}
.tel-qa{ top:9px; right:70px;}
.banner .swiper-button-prev, .banner .swiper-button-next{ display:none;}
.banner-text{ padding:0px 30px;}
.ba-ad{ right:30px;}
.ba-ad{ display:none;}
.banner-tp h2{ font-size:48px;}
.banner-tp h6{ font-size:28px;}
.banner-tp p{ font-size:16px;}
.banner-text, .banner-nr{ height:680px;}
.banner{ margin-top:60px;}

.jjfa-js dl dd h3{ font-size:26px;}
.jjfa-js dl dd p{ font-size:14px; line-height:26px;}
.jjfa-js dl dd h5{ margin-top:20px;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 20px;}
.hz-nr ul li{ width:25%;}
.case .swiper-button-prev, .case .swiper-button-next{ display:none;}

.news-ali ul li a{ margin:0px 10px;}
.zxly{ width:100%; left:0px; margin-left:0px;}
.zxly-img{ width:50%;}
.zxly-nr{ width:50%;padding: 20px 30px;}
.ly-body{ margin-top:60px;}
.glpt-nr ul{ padding-bottom:1vw;}
.glpt-nr h3{ font-size:18px;}
.glpt-nr ul li{ padding:0px 0.5vw; margin-bottom:0.5vw;}
.glpt-bt h3{ font-size:24px;}
.glpt-bt ul li{ font-size:14px;}
.ly-right ul li{ margin-bottom:20px;}
.ly-right ul{ margin-top:15px;}
.gg_2 .szh-left dl{ width:100%;}
.banner-tp ul.b2-a dl dt img{ width:60px;}
.banner-tp ul.b2-a dl dd{ font-size:16px;}
.banner-tp ul.b3-a li{ font-size:16px;}
.banner-tp ul.b3-a{ width:60%;}
.banner-tp ul.b3-a li img{ width:20px; margin-top:0px;}
}
@media (max-width: 960px){
.f-nav{ display:none;}	
.f-tel{ width:100%;}	


.f-bottom{ padding:15px;}
.kefu ul{ padding:0px 10px;}
.kefu ul li{ width:25%; padding:0px 0px;}
.kefu{ right:0px; width:100%; bottom:0px; z-index:9999; background:#Fff; padding-top:15px; border-top:1px solid #eee;}
.kefu ul li.kf-top{ position:fixed; bottom:80px; right:20px; width:40px; padding:0px;}
.kefu ul li a.kf-gy{ width:100%; height:40px; border:0px;box-shadow:0 4px 16px rgb(28 67 125 / 0%); padding-top:8px;}
.kefu ul li a.kf-e1{ background-size:22px;box-shadow: 0 4px 16px rgba(28,67,125,.08);}
.kefu ul li a.kf-a1:before{ content:"免费体验";color:#1d78ff;}

.kefu ul li:hover a.kf-gy{ border:0px; color:#1d78ff}
.kefu ul li a:hover.kf-e1{background-size:22px;}
.kefu ul li span{ display:none;}

.kefu ul li a.kf-a1{background: url(../images/kf-a3.png) center top no-repeat #fff;background-size:18px;}
.kefu ul li a:hover.kf-a1{ background: url(../images/kf-a3.png) center top no-repeat #fff;background-size:18px;}

.
.kefu ul li a:hover.kf-b1{ background-size:18px;}

.kefu ul li a.kf-b1:before{ content:"电话咨询";color:#333;}
.kefu ul li a.kf-b1{background: url(../images/kf-b1.png) center top no-repeat #fff;background-size:18px;}
.kefu ul li a:hover.kf-b1{background: url(../images/kf-b1.png) center top no-repeat #fff;background-size:18px;}


.kefu ul li a.kf-c1{ background: url(../images/kf-c1.png) center top no-repeat #fff; background-size:18px;}
.kefu ul li a.kf-c1:before{ content:"在线客服";color:#333;}
.kefu ul li a:hover.kf-c1{  background: url(../images/kf-c1.png) center top no-repeat #fff;background-size:18px;color:#1d78ff}

.kefu ul li a.kf-d1{ background: url(../images/kf-d1.png) center top no-repeat #fff; background-size:18px;}
.kefu ul li a.kf-d1:before{ content:"关注我们";color:#333;}
.kefu ul li a:hover.kf-d1{background: url(../images/kf-d1.png) center top no-repeat #fff;  background-size:18px; color:#1d78ff}

.digital{ overflow-y:hidden; overflow-x:auto;}
.digital ul{ width:1000px;}
.digital ul li{ width:200px;}
.jjfa-js dl dd h5{ text-align:center;}
.jjfa-js dl dd h5 .gy-an-a{ float:none;    display: inline-block;}
.jjfa-js dl dt{ width:100%;}
.jjfa-js dl dd{ margin-right:0px; width:100%; padding-top:30px;}
.home-fa{ background:#fff;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ line-height:30px; padding-left:40px; height:30px;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{ width:30px; height:30px; }
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1):before{background-size:30px;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2):before{background-size:30px;}
.bdfw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3):before{background-size:30px;}
.bdfw-nr .swiper-container{ padding-top:60px;}


.news-ali{ overflow:hidden; overflow:auto;}
.news-ali ul{ width:860px;}
.cp-ys{ height:auto;}
.cp-sdys dl{ position:static; float:left; width:100%; background:#fff; border-radius:10px; padding:20px;}
.cp-sdys dl dd p br{ }
.cp-sdys dl.cp-xf1{ width:100%; left:0px; margin:0px;}
.cp-sdys dl.cp-xf2{ width:100%;left:20px; margin:20px 0 20px 0; }
.cp-sdys dl.cp-xf2 dd{ width:100%;padding-left:80px;}
.cp-sdys dl.cp-xf3{ width:100%;left:0px; margin:0px; position:static;}
.cp-sdys{ position:static; width:100%; margin:0px; height:auto;}

.cp-sdys dl.cp-xf1 dt{ position:absolute; left:20px; margin-top:15px;}
.cp-sdys dl.cp-xf2 dt{ left:20px; position:absolute;margin-top:15px; }
.cp-sdys dl.cp-xf1 dd{ width:100%; text-align:left; padding-left:80px;}
.cp-sdys dl.cp-xf3 dt{ left:20px; margin:0px;margin-top:15px;}
.cp-sdys dl.cp-xf3 dd{width:100%; text-align:left; padding-left:80px; padding-top:0px;}
.cp-yxz{ display:none;}

.zxly-img{display:none;}
.zxly{ margin-bottom:0px;border-radius:10px 10px 0px 0px}
.ateler.zxly{ bottom:-5px;}
.zxly-nr{width:100%;}
.zxly-nr h2{margin-top:0px;}
.zxly-nr ul li{margin-bottom:20px;}
.zxly-nr h2{font-size:20px;}
.zxly-nr p{font-size:16px;}

.footer{ margin-bottom:68px;}

.ly-left{ width:100%; margin-bottom:0px; margin-right:0px}
.ly-right{ width:100%;}
.glpt-nr{ display:none;}
.ly-center{ padding:0px 80px;}
.yd-hz,.yd-hz .glpt-nr{ display:block;}
.glpt-nr{ border-radius:15px 15px 0px 0px; margin-top:0px;}
.glpt-nr ul li{ padding:0px 6px; margin-bottom:12px;}
.glpt-nr{ width:100%; margin-left:0px;}
.glpt-bt{ margin-top:0px;}

.szhd-js:after{ left:auto; right:-40px;}
.szhd-js{ padding:20px;}
.szh-left{ width:100%;}
.szh-right{ width:100%; margin-top:0px;} 
.szh-left .gy-an-sy{ display:none;}
.pj-an{ display:block;}
.pj-an .gy-an-sy{ margin-top:20px;}
.gg_1 .szh-left{ width:100%;}
.gg_1 .szh-left h3{ margin-bottom:20px;}
.gg_1 .szh-left dl{ width:33.33%;}
.gg_1 .szh-right{ width:100%;}
.gg_2 .szh-left{ width:100%;}
.gg_2 .szh-left dl{ width:50%}
.gg_2 .szh-right{ width:100%;}
.gg_3 .szh-left{ width:100%;}
.gg_3 .szh-right{ width:100%;}
.banner-tp ul.b3-a li{ width:100%;}
.banner-p-s{ top:30%;}
}

@media (max-width: 860px){
/*.jjfz-gd{ overflow-y:hidden; overflow-x:auto; height:50px;}	
.jjfz-gd .swiper-pagination{ width:810px;  text-align:left; padding:0px;}	
.jjfz-gd .swiper-pagination-bullet:nth-child(1){ width:260px;}
.jjfz-gd .swiper-pagination-bullet:nth-child(2){width:250px;}
.jjfz-gd .swiper-pagination-bullet:nth-child(3){width:300px;}
.jjfz-gd .swiper-pagination-bullet{ margin:0px;}
.bdfw-nr .swiper-pagination-bullet-active{transform: translateY(0px);}*/

.bdfw-nr .swiper-button-next,.bdfw-nr .swiper-button-prev{ display:block;}
.bdfw-nr .swiper-button-next{background:#1d78ff; color:#fff;}
.bdfw-nr .swiper-pagination-bullet{ display:none;}
.bdfw-nr .swiper-pagination-bullet-active{ display:inline-block;}
.bdfw-nr .swiper-pagination-bullet-active{transform: translateY(0px);}
.bdfw-nr .swiper-container{ padding-top:50px;}
.qw-nr{ background:#fff;}
.qw-nr .swiper-pagination-bullet-active{ background:#fff !important;}
.qw-nr .swiper-slide{ padding-left:0px;}
.qw-nr .swiper-container-horizontal>.swiper-pagination-bullets{ width:100%; height:auto; padding-top:0px; background:#f1f3fb}
.qw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width:33.33%; margin-bottom:0px;}
.qw-nr .swiper-pagination-bullet-active:after{ width:100%; height:3px;}
.qw-zy{ padding-top:60px;}

.case .swiper-container{ width:90%;}
}

@media (max-width: 768px){
.news-left{ width:100%; margin-bottom:20px;}	
.news-right{ width:100%;}	
.news-sz dl{ width:48%;}
.news-sz dl dd{ font-size:14px; margin:10px 0px;}
.news-x ul li a h6{ font-size:14px;}
.news-x ul li a{ padding:10px 0px 10px 10px}
.news-x{ margin-top:10px;}
.news-x ul li a:hover{ padding-left:20px;}
.szh-left h3{ font-size:32px;}

}

@media (max-width: 640px){
.banner-text, .banner-nr{ height:600px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px;}
.banner-text{ padding:0px 20px;}
.banner-tp span{ margin-top:20px;}
.banner-tp h2{ font-size:36px;}
.banner-tp h6{ font-size:24px;}

.banner-tp p{ width:100%;}
.banner-tp span a{ font-size:14px; width:140px; height:44px; line-height:44px; display:inline-block; float:none;}
.banner-bj-pc{ display:none;}
.banner-bj-yd{ display:block;}
.banner-text{ display:block; padding-top:30px; text-align:center;}
.hz-nr ul li{ width:33.33%;}

.qw-nr .swiper-pagination-bullet:before{ top:15px;}
.qw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ font-size:16px; height:74px; }
.qw-nr .swiper-pagination-bullet:before{ width:28px; height:28px; background-size:cover;}
.qw-nr .swiper-pagination-bullet:nth-child(1):before,.qw-nr .swiper-pagination-bullet:nth-child(2):before,.qw-nr .swiper-pagination-bullet:nth-child(3):before{ background-size:cover;}
.cp-jz{ margin-top:40px;}
.ct-a{ width:100%;}
.yt-a{ width:100%; margin-top:45px;}
.yt-a:after{ display:none;}
.yt-a:before{content: ""; display:block; width:80px; height:40px; background-size:cover; margin-left:-40px; top:-52px;}
.ct-a h2{ font-size:18px;}
.qw-nr .swiper-pagination-bullet:before{ left:50%; margin-left:-14px; top:8px;}
.qw-nr .swiper-pagination-bullet-active:after{ top:0px;}
.qw-nr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ padding-top:24px;}

.news-ali{ overflow:hidden; overflow:auto;}
.news-ali ul{ width:720px; text-align:left;}
.news-ali ul li a{ width:120px; font-size:16px;}


.gy-dbt{ font-size:28px;}
.gy-xbt{ font-size:16px; margin-top:10px;}
.case dl dd h3{-webkit-line-clamp: 1; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis;}
.case dl dd p{-webkit-line-clamp: 3; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis;}
.yt-a h2{ font-size:20px;}
.home-fa{ padding-bottom:40px;}
.cp-jz h3{ text-align:center;}
.cp-jz h3 .gy-an-a{ display:inline-block; float:none;} 
.ly-center{ padding:0px 20px;}
.ly-body{ margin-top:40px;}
.ly-right{ padding:20px; border-radius:15px;}
.glpt-bt ul{ padding-top:10px; margin-top:10px;}
.glpt-bt h3{ font-size:20px;}
.ly-right h2{ font-size:22px;}
.ly-right p{ font-size:16px;}
.s-jf-list ul{ margin:0px -5px;}
.s-jf-list ul li dl{ border-radius:5px;}
.s-jf-list ul li{ width:33.33%; margin:5px 0; padding:0px 5px;}
.s-jf-list ul li dl dd h3 b{ font-size:20px;}
.s-jf-list ul li dl dd p{ width:30px; height:30px; margin:0px; line-height:30px; left:auto; top:auto; bottom:-150px; right:10px;}
.s-jf-list ul li dl:hover dd p{ top:auto; bottom:10px;}

.gg_1 .szh-left dl{ width:50%;}

.gtfz-gd .swiper-pagination-bullet{ height:70px; padding-top:30px; line-height:40px;}
.gtfz-gd .swiper-pagination-bullet:before{ margin-left:-12px; top:8px;}
.gtfz-gd .swiper-pagination-bullet{ font-size:16px;}
.hglpt-nr .swiper-container{ padding-top:90px;}
.gtfz-gd .swiper-pagination-bullet-active{ background:#1d78ff}
.banner-p-s{ display:none;}
.banner-yd{ display:block;}
.banner-tp ul.b2-a dl{ width:25%; margin:0; float:left;}
.banner-tp ul.b3-a li b{ float:left; width:100%;}
.banner-tp ul.b3-a li img{ float:none; display:none;}
.banner-tp ul.b3-a{ text-align:center; width:100%;}
.banner-tp ul.b3-a li{ width:100%;}
}
@media (max-width: 480px){
.news-left dl h2{ font-size:14px;}
.news-left dl p{ font-size:12px; margin:0px;}	
.news-sz dl dt font{ font-size:12px; padding:5px;}	
.news-left dl h6{ font-size:12px; text-align:center;}
.news-x ul li a p{ font-size:12px;}	
.news-left dl dd{ padding:10px;}
.news-left .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:110px;}
.news-left .swiper-button-prev, .news-left .swiper-button-next{ display:none;}

.tel-qa{ top:12px;}
.tel-qa span a{ font-size:12px; width:70px; height:36px; line-height:36px; border-radius:50px;}
.tel-qa{ display:none;}

.digital ul li h2{ font-size:16px;}
.home-sz .public-center{ padding:0px 10px;}
.hz-nr ul li{ width:33.33%;}
.cp-jz h2 b{ font-size:36px;}
.cp-jz h2{ font-size:20px;}

.case dl dd h3{ font-size:20px; background:none; padding-left:0px;}

.cp-sdys dl{ padding:15px;}
.cp-sdys dl dt{ width:52px; height:52px;}
.cp-sdys dl dd h3{ font-size:20px; font-weight:bold;}
.cp-sdys dl dd p{ font-size:14px;}

.gy-bt{ padding:30px 0px 20px 0px;}
.digital{ padding:10px 0px; margin-top:-80px;}
.jjfa-js dl dd h3{ font-size:20px;}
.cp-ys{ margin-top:0px; padding-bottom:30px;}
.hz-nr h2{ font-size:24px;}
.hz-nr p{ margin:10px 0px 10px 0px; font-size:13px;}
.case{ padding-bottom:20px;}
.news-ali{ margin-bottom:20px;}
.case dl{ margin-bottom:30px;}

.banner-text, .banner-nr{ height:600px;}
.qw-zy{border-radius:5px;}
.ct-a,.yt-a{border-radius:5px;}
.ct-a p br{display:none;}
.banner-tp p{font-size: 16px}
.cp-jz p{font-size: 14px}
.glpt-bt h3{ font-size:18px;}
.glpt-bt ul li{ font-size:12px;}
.ly-right h2{ font-size:20px;}

.s-jf-list ul li{ width:50%;}
.szh-left h3{ font-size:28px;}
.szh-left p{ font-size:20px; margin:10px 0px;}
.szh-left dl{ margin-bottom:10px;}
.szh-left dl dd{ font-size:14px;} 
.gg_1 .szh-left dl{ width:100%;}
.gg_2 .szh-left dl{ width:100%;}
.gtfz-gd .swiper-pagination-bullet{ font-size:15px;}
.pj-an .gy-an-sy a{ display:block; width:100%; float:left;}
.szh-left dl dt{ width:24px;}
.szh-left dl dd{ padding-top:2px;}
.szh-right{ margin-top:5px;}
.banner-yd img{ width:80%; margin-left:10%;}
.banner-tp ul.b2-a dl{ width:50%; margin-bottom:10px;}
.banner-tp ul.b2-a dl dd{ padding-top:5px;}
.banner-tp ul.b2-a dl dt img{ width:50px;}
}