body{ position: relative; }
.dxal-content .bd{top:-20px}
.c{ font-size: 70px; color: #1d99ef; margin: 15px 0;display: inline-block!important;}
.fa-phone:before,  .fa-arrow-circle-o-up:before{padding-left:14px;font-size:20px}
.fa-qq:before{padding-left:10px;font-size:22px}
.right{
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 1000;
   display:none;
}
.right .fa{
    width:85px;
    display: grid;
    margin-top: 2px;
    position: relative;
    font-size: 30px;
    padding:10px 17px;
    background-color: #ee4f4f;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.hid{
    text-align:center;
    display: block;
    position: absolute;
    top:0;
    right: 0;
    line-height: 48px;
    background-color: #ee4f4f;
    border-radius: 5px;
    color: #fff;
    z-index: -1;
    transition: width 300ms;
    padding: 5px;
    visibility: hidden;
    color:#fff
}
.right li a{width:71px;height:58px}
.right li a span{color:#fff}
.right li:nth-child(1) span{ width:225px;font-size:12px}
.right li:nth-child(2) span{ width:280px;font-size:12px;padding-left: 2px;}
.fa-arrow-circle-o-up span{font-size:12px; width:225px;}
.hid:hover{
    visibility: inherit;
}
.fa-phone:before,.fa-qq:before,.fa-arrow-circle-o-up:before{
    color: #fff;
}
.row{margin: 0}
.content h2:after {
    border-top: 1px solid #ffffff;
    display: block;
    width: 20px;
    content: "";
    margin: 10px auto;
}
.logo img{z-index: 10;margin-top:40px}
.banner{
    background-size: cover;
    width: 100%;
    position: relative;
     height: 100%;
}
/*顶部导航*/
#header{width: 100%;position: absolute;z-index:999;top:0}
.header{
    margin: auto;
    overflow: hidden;
}

/*顶部介绍*/
.experience{padding:160px 0 195px 0}
.banner .banner-info .thim-click-to-bottom{
    position: absolute;
    top: -49%;
    left: 47.5%;
    font-size: 20px;
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    -webkit-animation: bounce 2s infinite ease-in-out;
    z-index:1000;
}
.fa-long-arrow-down{color: #fff}
@-webkit-keyframes bounce {
    0%, 20%, 60%, 100%  { -ms-transform: translateY(0); }
    0%, 20%, 60%, 100%  { -o-transform: translateY(0); }
    0%, 20%, 60%, 100%  { -moz-transform: translateY(0); }
    0%, 20%, 60%, 100%  { -webkit-transform: translateY(0); }
    40%  { -webkit-transform: translateY(-20px); }
    80% { -webkit-transform: translateY(-10px); }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 1;
	    animation-timing-function: ease-in;
	}
         25%{    opacity: 1;
	     : scale(1.15);
        }
         50%{    opacity: 1;
	     transform: scale(1.30);
        }
	75% {
	    opacity: 0;
	    transform: scale(1.40);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimationTwo { 
  	0% {
	    opacity: 0.4;
	    animation-timing-function: ease-in;
	}
         15%{    opacity: 1;
	  
        }
         40%{    opacity: 1;
	   
        }
	47% {
	    opacity: 0;
	 
	}
	
}
@keyframes imageAnimationThree{
      0%{
            background: -webkit-gradient(linear,0% 60%,88% 100%, from(#dce5ec), to(#3b5060));
            background:-moz-linear-gradient(right,#3b5060,#dce5ec 100%)
      }
      45% {
	  background: -webkit-gradient(linear,0% 30%,44% 50%, from(#dce5ec), to(#3b5060));
          background:-moz-linear-gradient(right,#3b5060,#dce5ec 150%)
      }
      90% {
            background:-webkit-gradient(linear, 0% 30%,39% 50%, from(#e2eff9), to(#1c91eb));
             background:-moz-linear-gradient(right,#e2eff9,#1c91eb  44%);
      }
      100% {
          background: -webkit-gradient(linear,0% 60%,78% 100%, from(#1c91eb), to(#e2eff9));
             background:-moz-linear-gradient(right,#e2eff9,#1c91eb  88%);
      }
}
@keyframes progresBar{
      0%{background-color:#1c91eb;animation-timing-function: ease-in;  content: '';
  position: absolute;
  width:0%;
  height:2px;
  bottom: 0;
  left: 0;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
 
}
    100%{background-color:#1c91eb;width:100%;   transform: scaleX(1);
  transform-origin:right;}
}
/*轮播图*/
.carousel-item img{max-width:100%;}
.carousel-item  li{
    position: absolute;
    top: 30%;
    width: 80%;
    margin: auto;
    left: 8%;
}
.carousel-indicators .active{background-color:rgba(255, 255, 255, 0.5);}
.carousel-indicators .active:after{ animation:progresBar 6s infinite linear 0s;}
.carousel-indicators li::after{bottom:0;height: 2px}
/*动画轮播图
.inner li:first-child{ background: url(../images/banner1.jpg);}
.inner li:nth-child(2){background: url(../images/banner2.jpg);animation-delay: 10s;}
.inner li:nth-child(3){background: url(../images/banner1.jpg);animation-delay: 8s;}
.inner li:nth-child(4){background: url(../images/banner2.jpg);animation-delay: 36s;}
.inner li:nth-child(5){background: url(../images/banner1.jpg);animation-delay: 48s;}
.inner li:nth-child(6){background: url(../images/banner2.jpg);animation-delay: 60s;}
.r li:first-child{animation-delay: .5s;}
.r li{  animation:imageAnimationTwo 20s infinite linear 0s;opacity: 0;}
.r li:nth-child(2){animation-delay: 10.5s;position:absolute;top:30%;left:195px}
.inner img {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.inner li{   
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
    animation:imageAnimation 20s infinite linear 0s;
}
*/
.slide{max-width:100%;margin:0 auto;position:relative;z-index:999;overflow:hidden;}
.slide ul:after{content:'';clear:both;display:block}
.bannerContent h2{font-size: 60px;font-weight: unset;color: #ffffff;}
.bannerContent h2:after{
        content:" ";
        width: 55px;
        height: 3px;
        background-color: #fff;
        display: block;
        margin: 30px 0;
    }
.bannerContent span{display: block;color:#ffffff; line-height: 2;font-size:20px;}
.bannerContent a{font-size: 16px;color: #ffffff;border:1px solid #fff;padding: 8.5px 34px;margin-top: 44px;display: inline-block;border-radius: 25px;}
.bannerContent a:hover, .dxal-content-r div i  a:hover{background-color:#1c91eb;color:#fff;border:1px solid #1c91eb;}
.slide .circle_btn{position:absolute;bottom:4%;right:5%;display:table;margin:0 auto;width:100%;text-align: right}
.slide .circle_btn button{box-sizing:content-box;opacity:.8;outline:0;border:0;padding:1px 40px;background:rgba(255,255,255,.2);margin:2px 5px;overflow:hidden;transition:all 10s;cursor:pointer}
.slide .circle_btn button.active{background:rgba(167,167,167,.8)}
/*公司简介*/
.box{margin:auto;padding: 69px 0}
.box h4, .boxCaseContent h4 ,.box-dxal h4{
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    text-align: center;
}
.box h4:after,.box-dxal h4:after{
    content: "";
    margin:25px auto;
    width: 30px;
    border-bottom: 2px #999999 solid;
    display: block;
}
.gsjj-content{width: 80%;margin: auto}
.gsjj-content,.box-dxal{background-color: #f2f2f2;}
.gsjj-content span{display: block}
.gsjj-content-left:before{
    content: "";
    display: block;
    height: 200px;
    width: 5px;
    background-color:#1d99ef;
    margin-left: 55px;
}
.gsjj-content-left span{
    color:#333333;
    margin-left: 45px;
    font-weight: bold;
    margin-top: 65px;
}
 .gsjj-content-right span:first-child{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-top: 50px;
}
.gsjj-content-right p{margin-top: 60px;color: #333333;line-height: 1.7}
.gsjj-content-right ul{
    margin-top: 70px;
    color: #666666;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
.gsjj-content-right ul li em{font-size: 24px;display:block}
.gsjj-content-right ul li span:nth-child(2){font-size: 70px;color: #1d99ef;margin: 15px 0;display: inline-block;}
.gsjj-content-right ul li span:last-child{font-size: 20px}
.gl{
    background: url(../images/index-3.png)no-repeat 0 0;
    width: 100%;
    height:110px;background-size: contain;
    }
.box-dxal{padding:60px  0 40px 0;position: relative;}
    .dxal-content{
        width: 80%;
        margin:auto;
        overflow: hidden;
        position: relative;
    }
.box-dxal, .boxCase{background-color: #f2f2f2;}

.bd{    position: relative;
    transition: all 1s ease 0s;
    left: 0px;
}
.bd img{max-width:100%;position: absolute;}
.logopic{top:30%;left:23.8%;z-index:3;animation-delay:.5s;position:absolute;max-width: 54%;}
.wyxc{top:11%;left:21%;z-index:3;animation-delay:1s;}
.wyxc_2{top:15%;left:21%;z-index:2;animation-delay:.5s;}
.wyxc_3{top:17%;left:21%;z-index:1;}
.wyxc_4{top:21%;left:0;z-index:0;}
.szf{top:10%;left:5%}
.szf_3{top:33%;left:8%;z-index:3;animation-delay:.5s;}
.up{margin-right:275px;}
.dxal-content-r div{padding: 45px 45px 0 45px;background-color: #fff;text-align: left;border-bottom: 1px solid #f2f2f2;}
.dxal-content-r div h3{font-size: 26px;color: #e63029;font-weight: bold}
.dxal-content-r div h3:after{content: "";display: block;width: 10%;border-bottom: 2px solid #999999;margin-top: 20px;}
.dxal-content-r div span{display: block;padding-top: 34px;font-weight: bold;font-size: 18px}
.arrow{padding:20px 0 50px 0!important;}
.dxal-content span a{font-size: 20px;color: #666666;cursor:pointer}
.dxal-content-r div p{font-size: 14px;line-height: 1.8;color: #666666;margin-top:20px}
.dxal-content-r div i{display: block;padding-bottom:42px;border-bottom: 1px solid #f2f2f2}
.dxal-content-r div i a{
        padding: 8.5px;
        display: block;
        width: 50%;
        border: 1px solid #dfdfdf;
        border-radius: 25px;
        color: #666666;
        text-align: center;
        margin-top:55px;
    }
.dxal-content-r{width:100%;}
.al-category{
       height:704px;
	background-attachment: scroll;
       background: url(../images/zyyw-bg.jpg)no-repeat 50% 30%;
       position: relative;
        background-attachment: fixed; 
       background-size: cover; 
    }
.al-categoryContent{
        width: 80%;
        margin: auto;
        padding:112px 0 165px 0
    }
.al-category h4{font-size:28px;color: white;}
.al-categoryLeft{margin-right:90px}
.al-categoryLeft h4:after{
        content: "";
        display: block;
        width: 5%;
        border-bottom: 3px solid #ffffff;
        margin-top:32px;
        margin-bottom:64px;
    }
.al-categoryLeft span{
        font-size: 24px;
        color: #ffffff;
        margin-bottom: 45px;
        display: block;
    }
.al-categoryLeft p{line-height: 2;color: #ffffff;margin-bottom:51px}
.al-categoryRight{paading-top:125px}
.al-categoryRightContent{
    text-align:center;
    padding:59px 28px 74px 28px;
    height:410px;
    border-right:1px solid rgb(255,255,255,0.1);
}
.al-categoryRightContent:first-child{border-left:1px solid rgb(255,255,255,0.1); border-right:1px solid rgb(255,255,255,0.1);}
.al-categoryRightContent:last-child{ border-right:none;}
.al-categoryRightContent ul{color:#fff;opacity: .8;margin-top:40px}
.al-categoryRightContent h4{font-size:24px;padding-bottom:30px;border-bottom:1px solid rgb(255,255,255,0.1);}
.al-categoryRightContent ul li{margin-top:10px}
.al-categoryRightContent ul li a{color:#fff;opacity: .8;}
.al-categoryRightContent ul li a:hover{
       color:#fff;
       opacity: 1;
}
.new-active{padding:77px 50px;}
.news li{border-bottom:#dddddd 1px solid;width:45%;}
.picture li{width:88%}
.picture li img{margin-bottom: 8px;width:100%;height:267px;}
.picture li span{color: #999999;display: block;margin-top: 14px}
.picture li a{color: #979797;font-size: 25px;}
.picture li h5{height: 62px;margin-top: 15px;}
.picture li h5 a{color:#212529;font-size:16px}
.picture li:first-child{margin-bottom: 0rem;border-bottom: #dddddd 1px solid;height:478px}
.carousel-indicators{width: 15%;bottom: 50px;left: unset;margin-right: 8%;}
.carousel-indicators li{width: 50px;height:2px;opacity: .8;}
.boxCaseContent{
    background:#fff;
    position: relative;
    margin: -111px auto 0 auto;
   width:86%;
}
.boxCaseContent h4{ margin-bottom:100px;text-align: left;}
.left{margin-top: 0rem;position: fixed;z-index: 9999;top:40%;display:none}
.left ul li a{color:#bdbdbd}
.left .active{color:#168eea!important;}
.left .active:after{background-color:#168eea; border:1px solid #168eea;}
.left ul li a:after{
    content:" ";
    border:1px solid #bdbdbd;
    height:10px;
    width:10px;
    display: inline-block;
    margin-left: 15px;
    border-radius:50%;
    height:10px;
    background-color: #fff;
}
.hr1{
    position: absolute;
    border: 1px solid #d1d1d1;
    height: 140px;
    left: 81px;
    z-index: -1;
top:20px;
}
.jfyw div ul li{    text-align: left;}




.new-active-tittle{overflow: hidden;}
.new-active-tittle:after{clear: both;content:" ";display:block}
.new-active-tittle h4{   
            margin-bottom: 100px;
            text-align: left;
            font-size: 28px;
            color: #333333;
            font-weight: bold;
            float: left;
}
.new-active-btn a{color:#747474}
.new-active-btn{float: right}
.new-active-btn:before{
            content: " ";
            display: inline-block;
            width: 90px;
            height: 1px;
            background-color:#747474;
            margin-bottom: 5px;
            margin-right:30px
        }
.new-active-btn span:after{
            content:" ";
            display:inline-block;
            margin:-2px 20px;
            width:1px;
            height:12px;
            background-color: #747474;
        } 
/*新闻动态*/
.news li {
  display: inline-block;
  position: relative;
  color: #0087ca;
}
.new-active li::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color:#ff3f3f;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.new-active li:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.picture li::after{ width: 88%; bottom: 0px;}










.mouse-cursor-gradient-tracking,.mouse-cursor-gradient-trackingTwo{
  position: relative;
  font-size: 12px;
  border: none;
  color: white;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  width:166px;
  padding:9.5px 0;
  border-radius: 25px;
    border: 1px solid #f9fafa;
}
.mouse-cursor-gradient-tracking{ background: -webkit-gradient(linear,0% 60%,88% 100%, from(#dce5ec), to(#3b5060));}
.mouse-cursor-gradient-tracking a,.mouse-cursor-gradient-trackingTwo a{
  position: relative;
  color:#fff;
}

.mouse-cursor-gradient-tracking:hover {
     animation:imageAnimationThree .5s 1 linear 0s;
     background:-webkit-gradient(linear,0% 60%,78% 100%, from(#1c91eb), to(#e2eff9));
}
.mouse-cursor-gradient-trackingTwo{ background:-webkit-gradient(linear,0% 60%,78% 100%, from(#1c91eb), to(#e2eff9));}
.indexTittle{display:inherit}




Firefox
@-moz-document url-prefix() {
.picture li:first-child{height: 493px;}
}