.about{ background-color:#eee; padding:40px 0 40px 0;}
.about h1{ text-align:center; font-size:48px; line-height:80px;}
.about h2{ text-align:center; font-size:16px; line-height:24px;}
.about h3{ text-align:center;}
.about h4{ text-align:center;}
.about ul{width:1200px; padding-top:60px;}
.about ul li{ width:215px; text-align:center; float:left; height:300px; }
.about ul li:hover{ background-color:#0193de;}
.about ul li h4{ font-size:16px; font-weight:bold; text-align:center; line-height:30px;}
.about ul li h5{ font-size:12px;}

.btn-a{ padding:10px 40px 10px 40px; background-color:#0193de; color:#fff; font-size:16px; }
.about ul li:hover .btn-a{ background-color:#d02927; color:#fff;}
.about ul li:hover h4{ color:#fff;}

.well{ width:1200px; padding-top:60px;}
.well-item{ position: relative; float: left; width: 215px; height:360px; border:0px solid #333;border-radius:10px; margin:0 10px; cursor:pointer;text-align:center; padding-top:10px;}
.correct{ width: 100%;height:360px; }
.opposite{position: absolute;width: 100%;}
.opposite div{ width: 100%;}
.opposite-content{display: table;width: 100%;width:215px; height:350px;background-color: #eee;}
.opposite-content-text{ display: table-cell; text-align: center;}
.opposite-content-text h4{ font-size:18px; font-weight:bold; text-align:center; line-height:30px; padding-top:40px;}
.opposite-content-text h5{ font-size:14px;}
.opposite-content-text .p1{ padding-top:10px;}
.opposite-content-text .p2{ padding-top:35px;}


.test{
  -webkit-animvertical-align: middle; ation: flipInYtest 05s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.test2{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes flipOutYtest {
  f30m {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px)5rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}


.afont_1{ font-size:16px; font-weight:bold; color:#000;}
.afont_2{ font-size:12px;}

.index_case{ background:url(/imagesnew/casebj.jpg) no-repeat; background-position:center center;}
.index_case h1{ text-align:center; font-size:48px; line-height:100px; color:#fff; padding-top:40px;}
.index_case h2{ text-align:center; font-size:16px; line-height:24px; color:#fff; margin-bottom:40px;}
.index_case ul{width:96%; padding:0 0 0 0;clear:both;}
.index_case ul li{float:left; margin-left:15px; margin-right:15px; width:23%;}


.case-item-container {
            width: 100%;
        }
            .case-item-container a {
                display: block;
                width: 100%;
                position: relative;
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0 0 15px #fff;
            }
            .case-item-container a img{
                width:100%;
            }
            .case-item-container a div{
                position:absolute;
                text-align:center;
                width:100%;
                font-size:20px;
                color:#fff;
				 background-color:rgba(0,0,0,0.6);
                height:0;
                bottom:0;
                left:0;
                transition:all ease 0.5s;
                line-height:50px;
            }
           .case-item-container a:hover div {
                    transition: all ease 0.5s;
                    height:50px;
                }
            .case-item-container > div {
                font-size: 16px;
                color: #fff;
                padding: 20px 0;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-align:center;
            }







.cfont{ height:80px;}

.icase{ width:100%;padding:80px 0 0 0;}
/*.index_case ul li{ background:#000;float:left; width:25%;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.index_case ul li .ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
 .ZoomInImg_img img{ width:100%;}
.index_case ul li:hover .ZoomInImg_img{opacity:.3;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.index_case ul li .ZoomInImg_caption{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.index_case ul li .ZoomInImg_caption,.ZoomInImg .ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.index_case ul li .ZoomInImg_caption_p{font-size:18px;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.index_case ul li:hover .ZoomInImg_caption_p{color:#fff;opacity:1;}]*/


.cbtn{ text-align:center;}
.btn-b{ padding:10px 180px 10px 180px; background-color:#e4e4e4; color:#333; font-size:16px; border-radius: 30px; }
.btn-b:hover{ background-color:#0093dd; color:#fff;}

.innews{ background-color:#eee;}
.innews h1{ text-align:center; font-size:48px; line-height:80px; padding-top:30px;}
.innews h2{ text-align:center; font-size:16px; line-height:24px;}
.innews ul{ width:1200px; padding-top:50px;}
.innews ul li{ height:410px;}
.i_n_li_1{ width:450px; float:left; background-color:#fff;}
.i_n_li_2{ width:300px; float:left; background:url(/imagesnew/news.jpg) no-repeat;}
.i_n_li{ height:40px; border-bottom:1px dashed #e5e4e4; line-height:40px; padding:0 10px 0 10px;}
.i_n_li a:hover{ text-decoration:underline; color:#000;}
.i_n_li a{ color:#333;}
.i_n_li span{ float:right; font-size:12px; color:#999;}

.i_yu{ background-color:#333; height:90px;}


.btn, .btn-fill-vert，.btn-fill-vert:before, .btn-fill-vert:after,.btn-fill-vert.btn-blue:before, .btn-fill-vert.btn-blue:after{-webkit-transition: all 0.3s;transition: all 0.3s;}
.btn { display: inline-block;line-height:45px; padding: 0 100px;font-size:18px; position: relative;opacity: .999; border-radius: 5px; font-family:微软雅黑; cursor:pointer;}
.btn-fill-vert {background-color: #e5e5e5;border: 1px solid #e5e5e5;color: #a6a6a6;overflow: hidden;}
.btn-fill-vert:before, .btn-fill-vert:after {content: '';width: 100%;height: 0;opacity: 0;position: absolute; left: 0;z-index: -1;}
.btn-fill-vert:before {top: 50%;}
.btn-fill-vert:after { bottom: 50%;}
.btn-fill-vert:hover {color: #fff;}
.btn-fill-vert:hover:before, .btn-fill-vert:hover:after { height: 50%; opacity: 1;}
.btn-fill-vert.btn-blue:before, .btn-fill-vert.btn-blue:after {background-color: #3498db;}
.btn-fill-vert.btn-blue:hover { border-color: #3498db;}
/*
     FILE ARCHIVED ON 10:22:43 Jan 19, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:50:51 May 07, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.448
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.012
  esindex: 0.008
  cdx.remote: 10.253
  LoadShardBlock: 689.689 (3)
  PetaboxLoader3.datanode: 568.535 (4)
  PetaboxLoader3.resolve: 169.194 (2)
  load_resource: 145.186
*/