body{  font-size: 16px;   }
.w90{ width: 90%; margin: 0 auto;}
.container{ width: 70%; margin: 0 auto;}
header{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); width: 100%; background-color: #fff;z-index: 100;position: fixed; top: 0; left: 0;}
/*   */
.LOGO .line{  width: 1px; height: 40px;  background-color: #aaaaaa; margin: 0 20px; }
.topTel{ margin-left: 60px;}
nav{ width: 700px;}
nav li{  width: 20%; text-align: center; position: relative;}
nav a{ line-height: 100px;}nav a.on{ color: #3e6bff;}
nav li:hover>a{ color: #3e6bff;}
nav li  dl{ color: #333; font-size: 14px; z-index: 10; box-shadow: 0 0 10px rgb(0 0 0 / 0.2);}
nav li  dl { position: absolute; min-width: 100%; top:100px; background: #fff; left: 50%; transform: translateX(-50%); -webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22); box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:;
}
nav li  dl dd {height: 50px;  border-bottom: 1px solid #e5e5e5;   text-align: center;white-space: nowrap;}
nav li  dl dd:last-child {border-bottom: 0}
nav li  dl dd a {font-size: 16px;color: #333  ; line-height: 50px; display: block; padding: 0 15px; }
nav li  dl dd a:hover { color: #fff; background-color: #3e6bff;   }
/* nav li  dl:before {content: "";position: absolute;border-width: 0 9px 9px;border-style: solid;border-color: transparent transparent #fff;top: -9px;left: 50%;margin-left: -9px} */
nav li  dl { visibility: hidden; opacity: 0; filter: alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
nav li:hover dl { visibility: visible; opacity: 1; filter: alpha(opacity=100); transform: translateX(-50%)  translateY(0); -ms-transform: translateX(-50%)  translateY(0); -o-transform: translateX(-50%)  translateY(0); -webkit-transform: translateX(-50%)  translateY(0); -moz-transform: translateX(-50%)  translateY(0); }

.wapMenu{
        width: 100%;
        height: calc(100vh - 61px);
        background: #fff;
        position: fixed;
        top: 60px;
        right: 0;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-direction: column;
        display: flex;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
    }
        .wapMenu li{  width: 100%;   text-align: left;border-top: 1px solid #e5e5e5; position: relative;}
        .wapMenu li>a{ line-height: 60px; font-size: 16px; padding-left: 20px; display: block;}
        .wapMenu li .show{ width: 60px; height: 60px; position: absolute; top: 0 ;right: 20px; z-index: 10;}
        .wapMenu li .show .iconfont{ font-size: 26px;}
        .wapMenu li dl{ display: none;}
        .wapMenu li dd{ border-top: 1px solid #e5e5e5;   }
        .wapMenu li dd a{ line-height: 42px;font-size: 14px; padding-left: 40px;}
        .wapMenu.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }

.idxwrapper{height: 800px;}
.idxbanner{height: 800px; margin-top: 100px;}
.idxbanner .bannerbg{position: relative;height: 100%}
.idxbanner .pcbanner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 0;background-size: cover;}
.idxbanner .bannerbg .container{position: absolute;left: 0;right: 0;top: 0;bottom: 0;} 
.idxbanner .banner-txt{position: relative;z-index: 2;}
.idxbanner .banner-txt .h1{font-size: 65px;color: #fff; padding-bottom: 20px ;}
.idxbanner .banner-txt .h2{font-size: 32px;color: #fff;margin-top:40px; }
.idxbanner .banner-txt .h3{font-size: 22px;color: #fff;margin-top:40px;  width: 50%;}
.idxbanner .banner-txt .more{margin-top:40px; display:  block; width: 160px; background: #ffffff; text-align: center; color: 141418; height: 45px; line-height: 45px; font-size: 16px;}
.banneritem{width: 25%;height: 100%;display: inline-block;position: relative;overflow: hidden; -webkit-transition: all .5s ease;transition: all .5s ease;letter-spacing: .8px;}
.banneritem .ban_img{width:100vw;height: 100%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center top;}
.banneritem1 .ban_img {left: 0;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.banneritem2 .ban_img {left: -100%;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.banneritem3 .ban_img {left: -200%;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.banneritem4 .ban_img {left: -300%;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
@-webkit-keyframes four_blocks{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes four_blocks{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}
.idxbanner .swiper-slide-active .ban_img{animation: four_blocks 3s 1;-webkit-animation: four_blocks 3s 1;}
.idxbanner .swiper-slide-active .banner-txt{animation: fadeInUp 1.5s ;-webkit-animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idxbanner .mbanner{height: 100%;background-size: cover;background-position: center;}
.weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}


.ptb-60{ padding: 60px 0;}
.educationUl li{     overflow: hidden;  transition: all .36s; height: 280px;  width: 23%;
     box-shadow: 0 0 10px rgba(0, 148, 209, 0.1); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
     .educationUl li img{ width: 23%;}
     .educationUl li>div,.educationUl li>img{ position: relative; z-index: 10;}
     .educationUl li .mask {
        position: absolute !important;
        left:0 ;
        top: 0;
        width: 100%;
        height: 100%;
        
        z-index: 2 !important;
        -webkit-transition: all 250ms ease-out 0ms;
        transition: all 250ms ease-out 0ms;
        opacity: 0;
        visibility: hidden;
        -moz-transition: all 250ms ease-out 0ms;
        -ms-transition: all 250ms ease-out 0ms;
        -o-transition: all 250ms ease-out 0ms;
      }
      .educationUl li .mask:before,
      .educationUl li .mask:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color:#3e6bff;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        z-index: 1;
        pointer-events: none;
        -webkit-transition: all 250ms ease-out 0ms;
        transition: all 250ms ease-out 0ms;
        opacity: 0;
        visibility: hidden;
      }
      .educationUl li .mask:before {
        -webkit-clip-path: polygon(0% 17.7%, 0% 0%, 100% 0%, 100% 82.5%);
                clip-path: polygon(0% 17.7%, 0% 0%, 100% 0%, 100% 82.5%);
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
      }
      .educationUl li .mask:after {
        -webkit-clip-path: polygon(0% 17.5%, 0% 100%, 100% 100%, 100% 82.3%);
                clip-path: polygon(0% 17.5%, 0% 100%, 100% 100%, 100% 82.3%);
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
      } 
      .educationUl li:hover .mask {
        -webkit-transition: all 250ms ease-out 0ms;
        transition: all 250ms ease-out 0ms;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
                transform: none !important;
      }
      .educationUl li:hover .mask:before,
      .educationUl li:hover .mask:after {
        -webkit-transform: none;
                transform: none;
        -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms;  opacity: 1; visibility: visible; }
.educationUl li:hover{ color: #fff; box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); transform: translateY(-10px); -webkit-transform: translateY(-10px); 
    -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.educationUl li:hover  img{ filter: grayscale(100%) brightness(500%); }

.educationUl li:hover{ background-color: #3e6bff;}

.products{ padding-bottom: 100px;}
.indxproductsUl{ position: relative;  
        /*  box-shadow:8px 8px 15px rgb(0 0 0 / 0.2); */
     
}
.indxproductsUl::before{  
        

    width: calc(100% + 70px); height: 59px; content: ''; display: block; position: absolute; left: 0; bottom: -59px;
    background-image: linear-gradient(rgba(0,0,0,0.1), transparent); 

    clip-path: polygon(calc(100% - 70px) 0,100% 100%, 5% 100%, 0 0);



        /* background: url(../images/indxproductsUlbg1.png) no-repeat right bottom;   */
      }
 .indxproductsUl::after{ width: 70px; height:calc(100% + 60px); content: ''; display: block; position: absolute; right:   0; right:  -70px;
        background-image: linear-gradient(to right,rgba(0,0,0,0.1), transparent); 

        clip-path: polygon(100% 5%,100% 100%, 0 calc(100% - 60px) , 0 0);
        /* background: url(../images/indxproductsUlbg2.png) no-repeat top left;              */
}  
.indxproductsUl .tip{
 writing-mode:vertical-lr;
 -webkit-writing-mode:vertical-lr;
 -ms-writing-mode:vertical-lr;
 position: absolute;
 top: 40px;
 left: 40px;
 opacity: 0;
 transform:translateY(-20px) ;
 transition:all .36s ;
 -webkit-transform:translateY(-20px) ;
 -moz-transform:translateY(-20px) ;
 -ms-transform:translateY(-20px) ;
 -o-transform:translateY(-20px) ;
 -webkit-transition:all .36s ;
 -moz-transition:all .36s ;
 -ms-transition:all .36s ;
 -o-transition:all .36s ;
}
 
.indxproductsUl li.on{ width: 45%;}
.indxproductsUl li{ width: 27.5%; text-align: center;}     
.indxproductsUl li:nth-child(1){ background-color: #fff;}
.indxproductsUl li:nth-child(2){ background-color: #3c3c3c;}
.indxproductsUl li:nth-child(3){ background-color: #3e6bff;}
.indxproductsUl li .txt{ line-height: 2.8;  }
.indxproductsUl li.on { text-align: left;}
  .indxproductsUl li.on .tip{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } 
.indxproductsUl li.on .pic{ text-align: right;} 
.indxproductsUl li .pic img{ height: 98px;} 

.indxproductsUl li:nth-child(1):hover{ background-color: #3e6bff; color: #fff;}
.indxproductsUl li:nth-child(3):hover{ background-color: #fff; color: #333;}

.newsmore{ border: 1px solid #3e6bff; transition: all .36s; color: #fff; padding: 5px 15px ; border-radius:20px  ; color: #3e6bff; -webkit-border-radius:20px  ; -moz-border-radius:20px  ; -ms-border-radius:20px  ; -o-border-radius:20px  ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newsmore:hover{ color: #fff; background-color: #3e6bff; box-shadow: 0 0 10px rgb(0 0 0 / 0.2);}
.news .swiper-slide a{ border: 1px solid #e5e5e5;}
.news .swiper-slide .img img{ width: 100%; height:260px ; object-fit: cover;}
.news .swiper-slide:hover .img  img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
 .news .swiper-slide:hover { color: #3e6bff;}/*
.news .swiper-slide .tit span{
         background-image: linear-gradient(currentColor 0, currentColor 0);
        background-image: linear-gradient(currentColor 0 0);
        background-position: 0 calc(100% - 1px);
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
        -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
        -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
        -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
        -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
      }
.news .swiper-slide:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px} */
.news .swiper-slide:hover .iconfont{ transform: translateX(-20px); font-weight: bold; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); }

footer{ background-color: #272e36; color: rgba(255, 255, 255, 0.5);}
footer .top{ border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
 
footer .icon-dianhua{ font-size: 50px;}
footer a:hover{ color: #fff;}
footer .bot{ padding: 25px 0;}



.h_nav{ height: 60px; width: 60px; background-color:#3e6bff; padding: 18px 8px ;    align-items: flex-end; display: none;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite;  }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite}
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   
         position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.neiBan{ height: 440px; margin-top: 100px; }
.neiBan .container{ justify-content: center;}
.cover{object-fit: cover; width: 100%; height: 100%; }
.productuL li .img{ width: 500px; height: 340px;}
.productuL li .txt{ width: calc(100% - 550px);}
.productuL li .txt span{ color: #3e6bff; border: 1px solid #3e6bff; width: 160px; height: 54px;}
.productuL li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.productuL li:hover .txt span {   background-color: #3e6bff; color: #fff; 
}
.productuL li{ border-bottom: 1px solid #e5e5e5;}
.productuL li:last-child{ margin-bottom: 0;}
.educationGbook{ border-top: 1px solid #e5e5e5; background-color: #fff;}
.gbookForm .input_name,.gbookForm .input_tel{ border: 1px solid #aaa; width: 24%; height: 50px;
 padding-left: 50px;}
 .gbookForm .input_name{ background: url(../images/input_name.png) no-repeat center left 14px;}
 .gbookForm .input_tel{ background: url(../images/input_tel.png) no-repeat center left 14px;}
 .gbookForm .input_submit{width: 24%; height: 50px; border: 1px solid #3e6bff;}
 

.page-aside {
	position: fixed;
	right: -6px;
	bottom: 180px;
	transform: translateX(100%);
	z-index: 6;
	opacity: 0;
	transition: transform .3s, opacity .3s
}

.page-aside.show {
	transform: translateX(0);
	opacity: 1
}

.page-aside .img {
	max-width: 100%
}

.page-aside-item {
	width: 54px;
	text-align: center;
	height: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	background-color: rgba(0, 0, 0, .5);
	margin: 4px 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-right: 6px;
	transition: transform .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-aside-item .icon {
	width: 44%
}
.proInfoTop .txt{ width: 50%;}
.proInfoTop .img{ width: 40%;}
.border{ border: 1px solid #e5e5e5;}
.border-bottom{ border-bottom: 1px solid #e5e5e5;}
.colorInfo{ color: #0a0056;}
.proInfoToplink:hover{ margin-left: 20px;  }
 
.serviceBox{ width: 90%; left: 5%; top: 50%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.serviceBox .txt{  width: 40%; }
.serviceBox .img{ width: 46%;}
.serviceUl li{   width: 20%; padding:80px 30px; align-items: center; position: relative;}
.serviceUl li::after{ width: 0; height: 3px; background-color: #3e6bff; position: absolute; display: block; content: ''; left: 0; bottom: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.serviceUl li:nth-child(2n){ background-color: #e0f1fb;}
.serviceUl li img{  height: 60px;  }
.serviceUl li:hover::after{ width: 100%;}
.serviceUl li:hover img{ animation: jello 1.2s; -webkit-animation: jello 1.2s; }
@keyframes jello {

        from,
        11.1%,
        to {
            -webkit-transform: none;
            -moz-transform: none;
            transform: none
        }
    
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }
    
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            -moz-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }
    
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }
    
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }
    
        66.6% {
            -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
            -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg)
        }
    
        77.7% {
            -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
        }
    
        88.8% {
            -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
            -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
            transform: skewX(-.1953125deg) skewY(-.1953125deg)
        }
    
    }

.newslist li{ border-bottom: 1px solid #e5e5e5;}
.newslist li .img{ width: 280px; height: 200px;}
.newslist li .txt{ width: calc(100% - 310px);}
/* .newslist li:last-child{ margin-bottom: 0 !important;} */
.newslist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.location{ color: #666;}
.location a{ color: #666; margin: 0 8px;}
.location span{ margin-left: 8px;}


a.none{pointer-events: none; color: #aaa;  }
.newspage a{ width: 33%;  }
.newspage a:hover { color: #3e6bff;}

.aboutClass{  height: 80px; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, .08); z-index: 10; }
.aboutClass a{ width: 300px; height: 80px; text-align: center; line-height: 80px; background: url(../images/aboutClassLine.png) no-repeat center right;}
.aboutClass a:last-child{ background: none;}
.aboutClass a:hover{  color: #3e6bff;}
.aboutOne{ background: url(../images/aboutBg.jpg) no-repeat center bottom; background-size: 100% auto;}
.aboutOne .line{ height: 3px; width: 12%;}
.w44{ width: 44%;}
.contactline{height: 3px; width: 80px;}
.contactUl li{ width: 32%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.zhanwei{ margin-top: -100px; padding-top: 100px;}
.contactUl li:hover{  box-shadow: 0 10px 10px rgb(0 0 0 / 0.2); transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }

.bottomfooter{ position: fixed; z-index: 100; bottom: 0; left: 0; width: 100%;   height: 50px;   background: rgba(24,11,10,0.2);  display: none;}
.bottomfooter a{ width: 48%; height: 38px; margin: 0 1%;}

.footLOGO{ margin-left: 35px;}


/*右侧浮动*/
.ycfdlm{ position:fixed; right:0; top:40%; z-index:9000;}
.hadey{ width:100%; position:relative;}
.hadey ul{ height:234px;}
.hadey ul li{overflow:hidden; width:70px; cursor:pointer; text-align:center; padding:15px 0;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.hadey ul li:nth-child(2n+1){ background:#577eff;}
.hadey ul li:nth-child(2n){ background:#3e6bff;}
.hadey ul li .diyi{ width:100%; overflow:hidden;}
.hadey ul li .diyi small{ display:block; width:30px; height:26px; margin:0 auto; overflow:hidden; background:url(../images/icon.png) no-repeat;}
.hadey ul li .diyi small.ll_a{ background-position:-17px -532px;}
.hadey ul li .diyi small.ll_b{ background-position:-86px -532px;}
.hadey ul li .diyi small.ll_c{ background-position:-160px -534px;}
.hadey ul li .diyi small.ll_d{ background-position:-230px -534px;}
.hadey ul li .diyi span{ display:block; color:#fff; padding-top:8px; line-height:1.2; font-size:12px;}

.hadey ul li .weixin{ position:absolute; right:80px; top:220px; display:none;}
.hadey ul li .weixin img{ display:block; width:100px; height:100px;}
.hadey ul li:hover .weixin{ display:block;}

.hadey ul li.dianhua{ position:relative;}
.hadey ul li.dianhua .munber{ position:absolute; left:0; top:25px;
	 font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; width:160px; overflow:hidden; display:none; color:#fff; text-align:center;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.hadey ul li.trans:hover{ margin-left:-10px; padding-right:10px;}
.hadey ul li.dianhua:hover{ width:240px; margin-left:-170px;}
.hadey ul li.dianhua:hover .diyi{ width:80px;}
.hadey ul li.dianhua:hover .munber{ display:block; left:80px;}


.hadey ul li:hover .diyi span{ color:#fff;}

#goTopBtn{ width:70px; background:#3e6bff; cursor:pointer; padding:12px 0; text-align:center; transition:300ms;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
#goTopBtn em{ width:30px; height:26px; background:url(../images/icon.png) -300px -534px no-repeat; display:block; margin:0 auto;}
#goTopBtn span{ display:block; text-align:center; overflow:hidden; color:#fff; font-size:12px; line-height:1.2; padding-top:6px;}
#goTopBtn:hover{ margin-left:-10px; padding-right:10px;}
@media screen and (max-width:750px) { .ycfdlm{ display: none; }}


.caselist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 30px;}
.caselist li:nth-child(3n){ margin-right: 0;}
.caselist .img img{ height: 250px;}
@media screen and (max-width:1000px) {
    .caselist .img img{ height: 200px;}
}

@media screen and (max-width:750px) {
    .caselist li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
    .caselist .img img{ height:160px;}

}