body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration:none}
em,i{font-style: normal;}


   .topWrap{height:202px;font-family:"Microsoft Yahei";position: relative;z-index: 3;background: url(../image/t_bj.jpg) repeat-x center top;    border-bottom: 4px solid #40b715;}
        .header{width:1200px;margin: 0 auto; position: relative;font-family:"Microsoft Yahei";box-sizing: border-box;}
        .t_top{height:116px;padding-top:14px;position: relative;}
        .logo{float:left;height:85px;}
        .logo img {height:85px;}
        .t_wz{float:left;width:454px;position: relative;margin:10px 0 0 25px;padding-left:20px;height: 85px;background: url(../image/t_x.jpg) no-repeat left 7px;}
        .t_wz span{display: block;height:38px;line-height:38px;color: #2b2b2b;font-size:30px;font-weight:bold;}
        .t_wz em{display: block;font-size:16px;height:30px;line-height:30px;color: #333333;}
        .t_tel {height:60px;float: right;margin-top:16px;}
        .t_tel p{padding-left: 65px;font-size: 20px;color: #333333;background: url(../image/tel.png) no-repeat left 0px;font-weight: bold;}
        .t_tel span{display:block;font-size: 20px;color: #333333;line-height: 30px;height: 36px;line-height: 36px;font-weight: bold;}
        .nav {height:72px;margin:0 auto;position: relative;}
        .nav li {float:left;height:72px;width:auto!important;position: relative;z-index:9;box-sizing: border-box;padding:0 42px;background: url(/static/image/navline.png) no-repeat 0px 25px;}
        .nav li a{font-size:16px;color: #ffffff;display:block;height:72px;line-height:72px;position: relative;z-index: 2;position: relative;}
        .nav li:after{content: "";display:block;width:102%;height:0px;background: #40b715;position: absolute;left:0;bottom:0;transition:all 0.5s;}
        .nav li:hover:after,.nav .cur:after{height:100%;}
        .nav li:hover a,.nav .cur a { }
        .nav li:last-child{/* background:none; */}
        .nav i{position: absolute;left:50px;top:22px;z-index:10}
        
        .nav li p{position: absolute;width: 150px;text-align: center;left: 0;top: 74px;z-index:10; background:rgba(255,255,255,1); border-radius:0 0 7px 7px;margin-left:0px;opacity:0;transition:all 0.3s;}
        .nav  li p>a{display: block;height: 40px;line-height: 40px;font-size: 13px;color: #333;background:none;}
        .nav  li p>a:first-child{border-top:0;}
        .nav  li p>a:last-child{}
        .nav  li p>a:hover{font-weight:bold;}
        .nav li:hover p{opacity:1;}
        em,i{font-style: normal;}
        
.zk{background:url(../image/zk.jpg);height:480px}
.zk .zk_left{width:490px;float:left;}
.zk .zk_left h1{font-size:48px;font-weight:bold;color:black;}
.zk .zk_left .zk_fu{font-size:20px;text-indent:0px;}
.zk .zk_left .kuai{width:84px;height:54px;border-bottom:3px solid #000;}
.zk .zk_left p{text-indent:30px}
.zk .zk_right{ width: 700px;float: left;margin-left:10px}  
.zk .zk_right .guide ul{ height:110px;}
.zk .zk_right .guide li{float:left; position:relative; font:20px "Microsoft YaHei UI"; color:#333; width:230px; text-align:center;}
.zk .zk_right .guide li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#d9d9d9;}
.zk .zk_right .guide li:last-child:before{ background:none;}
.zk .zk_right .guide li span{ display:block; font:16px "Microsoft YaHei UI"; color:#044299;}
.zk .zk_right .guide li span b{ font-size:60px; font-weight:normal;}
.zk .zk_right .guide li em{display:inline-block;width:28px;height:28px;background:#f15733;border-radius:28px;font:16px "Microsoft YaHei UI";text-align:center;line-height:28px;color:#fff;bottom: 35px;position: relative;}



.yz_c{padding-top:57px;}
.yz_c .tit{text-align: center;height: 98px;}
.yz_c .tit h2{font-size:48px;color: #1a1a1a;height: 64px;line-height: 50px;}
.yz_c .tit h2 img{vertical-align:bottom;}
.yz_c .tit h2 span{padding-right:77px;background: url(../image/yz_a1.png) no-repeat top;padding-top: 40px;}
.yz_c .tit p{font-size:18px;color: #333333;height: 32px;line-height: 32px;}
.yz_nr dl{float:left;width:286px;margin-right:18px;height: 406px;position: relative;}
.yz_nr dt{font-size:0;line-height: 0;overflow: hidden;width:286px;}
.yz_nr dt em img{width:286px;height: 195px;transition: all 0.5s}
.yz_nr dd{height: 211px;border:1px solid #eaebeb;border-top:0;position: absolute;left:0;bottom:0;text-align: center;transition: all 0.5s;background: #fff;width:100%;overflow: hidden;box-sizing: border-box;}
.yz_nr dt i{position: absolute;left:102px;top:145px;z-index: 9;transition:1s}
.yz_nr dd h4{padding-top:77px;height: 133px;background: url(../image/yz_a2.png) no-repeat center bottom;}
.yz_nr dd h4 span{display: block;height: 42px;line-height: 42px;font-size:32px;color: #1a1a1a;font-weight: bold;}
.yz_nr dd h4 em{display: block;font-size:20px;color: #1a1a1a;height: 27px;line-height: 27px;font-weight:normal;}
.yz_nr dl:hover dd{text-align: left;padding-left:22px;height: 308px}
.yz_nr dl:hover dd h4{padding-top:35px;height: 95px;background-position: left bottom;}
.yz_nr dl:hover dt i{opacity: 0;transition: 0.2s}
.yz_nr dl:hover dd p{display: block;}
.yz_nr dl:hover dt em img{transform: scale(1.1)}
.yz_nr dl dd p{font-size:16px;color: #6e6e6e;line-height: 30px;padding-top:15px;width:240px;display: none}
.yz_nr dl:last-child{margin:0;}


.titis{overflow: hidden;text-align: center;height:144px;}
.titis h2 {height:67px;line-height:67px;font-size:48px;color: #333333;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px;}


.pro_n1{background: #fff;height: 1143px;box-sizing: border-box;/* padding-top:86px; */}
.pro_n1 .content{position: relative;height: 110px}

.pro_n1 .content ul{}
.pro_n1 .content ul li{float:left;width: 250px;margin: 0 24px;}

.pro_n1 .content ul  i{display: block;margin: 35px 0;width: 250px;height:50px;/* background:#18aee7; */border-radius: 30px;text-align: center;line-height: 50px;box-shadow: 0 0 5px 2px #dbdddf; background:url(../image/pin_ico.png) no-repeat 200px 16px}
.pro_n1 .content ul  i a{font-size: 16px;}

.pro_n1 .content ul  i a:before{font-size: 16px;color: #a6a6a6;/* font-weight: bold; */}


.pro_n1 .content ul  i:hover{display: block;margin: 35px 0;width: 250px;height:50px;/* background:#18aee7; */border-radius: 30px;text-align: center;line-height: 50px;box-shadow: 0 0 5px 2px #0967d0;background:url(../image/pin_ico_hover.png) no-repeat 200px 16px}
.pro_n1 .content ul  i:hover a{font-size: 16px;color: #0967d0;/* font-weight: bold; */}


.pro_n1 .content1{position: relative;height: 717px;width: 1200px;margin: 0 auto;}
.pro_n1 .content1 ul{}

.pro_n1 .content1 ul li{float:left;}
.pro_n1 .content1 ul li a{width:378px;height:481px;background:#f0eeee;margin: 10px 10px 0 10px; display:block}
.pro_n1 .content1 ul li a img{   width: 368px; height: 410px;margin: 5px 5px;background:#f0eeee;}
.pro_n1 .content1 ul li a p{width: 368px;height: 61px;display:block;font-size: 18px;line-height:61px;color: #000;}
.pro_n1 .content1 ul li a strong{font-weight: bold;color:#0967d0;padding-left: 20px;padding-right: 5px;}
.pro_n1 .content1 ul li a span{display:block;border: 1px solid #7d7d7d;width: 120px;height:40px;line-height:40px;float: right;margin-top: 8px;text-align: center;color: #7d7d7d;font-size: 16px;}


.pro_n1 .content1 ul li a p:before{width: 368px;height: 61px;display:block;font-size: 18px;line-height:61px;color: #000;}
.pro_n1 .content1 ul li a strong:before{font-weight: bold;color:#0967d0;padding-left: 20px;padding-right: 5px;}
.pro_n1 .content1 ul li a span:before{display:block;border: 1px solid #7d7d7d;width: 120px;height:40px;line-height:40px;float: right;margin-top: 8px;text-align: center;color: #7d7d7d;font-size: 16px;}

.pro_n1 .content1 ul li a:hover{background:#0967d0;color:#fff}
.pro_n1 .content1 ul li a:hover p{color:#fff}
.pro_n1 .content1 ul li a:hover strong{color:#fff}
.pro_n1 .content1 ul li a:hover span{color:#fff;border: 1px solid #fff;}

.pro_n2{background: #fff;box-sizing: border-box;padding-bottom:86px;}
.pro_n2 .content{position: relative;height: 110px;margin-top: 50px;}
.pro_n2 .content ul {width:920px;padding-left:150px;display:block}
.pro_n2 .content ul .li1{ float: left;
    width: 162px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: url(../image/al_ico1.png) no-repeat left;
    padding-left: 30px;
    margin-right: 45px;
    border-right: 2px solid #898989;}
    .pro_n2 .content ul .li1:hover{background: url(../image/al_ico1_hover.png) no-repeat left;}
    .pro_n2 .content ul .li1 a:hover{color:#0967d0}
    
    
    .pro_n2 .content ul .li2{ float: left;
    width: 162px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: url(../image/al_ico2.png) no-repeat left;
    padding-left: 30px;
    margin-right: 45px;
    border-right: 2px solid #898989;}
    .pro_n2 .content ul .li2:hover{background: url(../image/al_ico2_hover.png) no-repeat left;}
    .pro_n2 .content ul .li2 a:hover{color:#0967d0}
    
    .pro_n2 .content ul .li3{ float: left;
    width: 162px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: url(../image/al_ico3.png) no-repeat left;
    padding-left: 30px;
    margin-right: 45px;
    border-right: 2px solid #898989;}
    .pro_n2 .content ul .li3:hover{background: url(../image/al_ico3_hover.png) no-repeat left;}
    .pro_n2 .content ul .li3 a:hover{color:#0967d0}
    .pro_n2 .content ul .li4{ float: left;
    width: 162px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: url(../image/al_ico4.png) no-repeat left;
    padding-left: 30px;
   
    }
    .pro_n2 .content ul .li4:hover{background: url(../image/al_ico4_hover.png) no-repeat left;}
    .pro_n2 .content ul .li4:hover a{color:#0967d0}



.pro_n2 .content1{position: relative;height: 497px;width: 1200px;margin: 0 auto;}
.pro_n2 .content1 ul{}

.pro_n2 .content1 ul li{float:left;}
.pro_n2 .content1 ul li a{width:290px;height:240px;background:#f0eeee;margin: 0px 0px 10px 0px;display:block;}
.pro_n2 .content1 ul li a img{width: 290px;height: 192px;/* margin: 5px 5px; */background:#f0eeee;}
.pro_n2 .content1 ul li a .xiao{width: 290px;height: 50px;display:block;font-size: 12px;color: #000;}
.pro_n2 .content1 ul li a .xiao div{width:205px;float:left}
.pro_n2 .content1 ul li a .xiao div b{display: block; float: left;    padding-top: 5px;padding-left: 15px;
    font-size: 14px;    width: 100%;}
.pro_n2 .content1 ul li a .xiao div i{display: block;float: left;;padding-left: 15px;}
.pro_n2 .content1 ul li a .xiao span{display:block;/* border: 1px solid #7d7d7d; */width: 80px;height: 30px;line-height: 30px;float: right;margin-top: 8px;text-align: center;color: #ffffff;font-size: 14px;background: #b3b3b3;margin-right: 5px;}


.pro_n2 .content1 ul li a p:before{width: 368px;height: 61px;display:block;font-size: 18px;line-height:61px;color: #000;}
.pro_n2 .content1 ul li a strong:before{font-weight: bold;color:#0967d0;padding-left: 20px;padding-right: 5px;}
.pro_n2 .content1 ul li a span:before{display:block;border: 1px solid #7d7d7d;width: 120px;height:40px;line-height:40px;float: right;margin-top: 8px;text-align: center;color: #7d7d7d;font-size: 16px;}

.pro_n2 .content1 ul li a:hover{background:#0967d0;color:#fff}
.pro_n2 .content1 ul li a:hover b{color:#fff}
.pro_n2 .content1 ul li a:hover i{color:#fff}
.pro_n2 .content1 ul li a:hover span{color:#fff;background:#fe7e19}




.pro_n2 .content2{width:600px;height:490px;float:left;margin-right:10px}
.pro_n2 .content2 a{width:600px;height:490px;background:#f0eeee;margin: 0px 0px 10px 0px;display:block;}
.pro_n2 .content2 a img{width: 600px;height: 393px;/* margin: 5px 5px; */background:#f0eeee;}
.pro_n2 .content2 a .xiao{width: 600px;height: 100px;display:block;font-size: 14px;color: #000;}
.pro_n2 .content2 a .xiao div{width: 400px;float:left;}
.pro_n2 .content2 a .xiao div b{
    display: block;
    float: left;
    padding-top: 17px;
    padding-left: 15px;
    font-size: 18px;
    width: 400px;
    }
.pro_n2 .content2 a .xiao div i{display: block;float: left;;padding-left: 15px;}
.pro_n2 .content2 a .xiao span{display:block;/* border: 1px solid #7d7d7d; */width: 120px;height: 50px;line-height: 50px;float: right;margin-top: 22px;text-align: center;color: #ffffff;font-size: 16px;background: #b3b3b3;margin-right: 30px;}


.pro_n2 .content2 a p:before{width: 368px;height: 61px;display:block;font-size: 18px;line-height:61px;color: #000;}
.pro_n2 .content2 a strong:before{font-weight: bold;color:#0967d0;padding-left: 20px;padding-right: 5px;}
.pro_n2 .content2 a span:before{display:block;border: 1px solid #7d7d7d;width: 120px;height:40px;line-height:40px;float: right;margin-top: 8px;text-align: center;color: #7d7d7d;font-size: 16px;}

.pro_n2 .content2 a:hover{background:#0967d0;color:#fff}
.pro_n2 .content2 a:hover b{color:#fff}
.pro_n2 .content2 a:hover i{color:#fff}
.pro_n2 .content2 a:hover span{color:#fff;background:#fe7e19}

.container{width: 1200px;margin: 0 auto;}
.w100{width: 100%;}
.tr05{transition: 0.5s;-webkit-transition: 0.5s;}
.bhh{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.hezuo-t{;font-size: 18px;color: #3d3d3d;font-weight: bold;background: url("../img/ll1.png") bottom left no-repeat;padding-bottom: 8px;text-indent: 0px;}
.hezuo-t span{font-weight: lighter;}
.he-lun{;padding-top: 15px;}
.swiper-container-he{width: 1040px;margin-left: 80px;}
.he-lun-son{/* background: #e4e4e4; */padding: 30px 0 30px 0;}
.swiper-container-he a{display: block;width: 100%;}
.swiper-container-he a .i{text-align: center;width: 100%;height: 105px;background: #fff;border: 2px solid #d0d0d0;overflow: hidden;box-sizing: border-box}
.swiper-container-he a .i img{/* height: 70px!important; */position: relative;/* top: 15px; */max-width: 90%;}
.swiper-button-prev-he{background: url("../image/hep.png") center no-repeat!important;}
.swiper-button-next-he{background: url("../image/hen.png") center no-repeat!important;}
.swiper-container-he a .t{padding: 6px 2%;text-align: center;color: #d7d4d4;}
.swiper-container-he a:hover .i{border-color: #ff6600}
.swiper-container-he a:hover .t{color: #ff6600}
.he-pp{width: 60px;height: 40px;top: 54%;}


.ip-con-1{width: 1200px;height: 470px;border: 0px solid #ddd;box-sizing: border-box;border-radius:0px;overflow: hidden;}
.ip-l-1{width:800px;height: 100%;float: left;background: #fff;}
.ip-r-1{width:400px;height: 100%;padding: 0 33px;box-sizing: border-box;background: #808080;float: right;}

.ip-r-1 .p4{margin-top: 50px;font-size: 30px;font-weight: lighter;}
.ip-r-1 .p1{margin-top: 5px;font-size: 24px;color: #fff;border-bottom: 1px solid #ddd;padding-bottom: 15px;opacity: 0.8}
.ip-r-1 .p2{font-size: 14px;color: #c9c8c8;line-height: 1.6;margin-top: 20px;word-break: break-all;}
.ip-r-1 .p3{margin-top: 30px;text-align: right;}
.ip-r-1 .p3 a{display: inline-block;color: #d1d1d1;background: url("../img/cam.png") right center no-repeat;
    padding-right: 25px;}
.ip-r-1 .p3 a:hover{color: #fff;}
.lc-l{width: 150px;height: 140px;background: #00a0e9;float: left;text-align: left;}
.lc-l p{font-size: 25px;/* text-align: left; */padding-left: 20px;color: #fff;}
.lc-l p span{font-size: 25px;display: inline-block;border-bottom: 4px solid #e0e0e0;padding-bottom: 8px;}
.lc-l p.p1{margin-top: 35px;/* text-align: left; */padding-left: 20px;color: #fff;}
.lc-r{
    width: 1050px;
    float: right;
    height: 140px;
    background: #eeeeee;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    }
.lc-r li{height: 140px;}
.lc-r li.li-f{width: 70px;font-size: 14px;color: #3d3d3d;text-align: center;line-height: 190px;
    white-space: nowrap;
    transition: 0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    background-size: auto;background-position: top 36px center;background-repeat: no-repeat;}
.lc-r li:nth-child(1).li-f{background-image: url("../image/lc1.png");}
.lc-r li:nth-child(3).li-f{background-image: url("../image/lc2.png");}
.lc-r li:nth-child(5).li-f{background-image: url("../image/lc3.png");}
.lc-r li:nth-child(7).li-f{background-image: url("../image/lc4.png");}
.lc-r li:nth-child(9).li-f{background-image: url("../image/lc5.png");}
.lc-r li:nth-child(11).li-f{background-image: url("../image/lc6.png");}
.lc-r li:nth-child(13).li-f{background-image: url("../image/lc7.png");}
.lc-r li:nth-child(15).li-f{background-image: url("../image/lc8.png");}
.lc-r li.li-jt{width: 40px;background: url("../image/lcjt.png") top 43px center no-repeat;}
.lc-r li.li-f:hover{color: #a40018;}

.imgfit{display: flex;justify-content: center;align-items: center;}
.imgfitl{display: flex;justify-content: left;align-items: center;}
.imgfitr{display: flex;justify-content: right;align-items: center;}
.fitobj{object-fit: cover;height: 100%!important;width: 100%!important}
.fitobj2{object-fit: contain;height: 100%!important;width: 100%!important}
.bhh{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.none{display: none}
.imglimit img{max-width: 100%;}

.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f34{font-size: 34px;}
.f36{font-size: 36px;}
.f40{font-size: 40px;}
.fw{font-weight: bold;}
.cb{color: #bbb}
.cd{color: #ddd}
/********margin*********/
.m5{margin: 5px 0}
.m10{margin: 10px 0}
.m20{margin: 20px 0}
.m30{margin: 30px 0}
.m40{margin: 40px 0}
.m50{margin: 50px 0}
.m60{margin: 60px 0}
.m70{margin: 80px 0}
/*margin-top*/
.mt3{margin-top: 3px!important;}
.mt2{margin-top: 3px!important;}
.mt5{margin-top: 5px!important;}
.mt8{margin-top: 8px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt75{margin-top: 75px!important;}
.mt80{margin-top: 80px!important;}
.mt100{margin-top: 100px!important;}
.mt150{margin-top: 150px!important;}
/*margin-bottom*/
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}

/********padding*********/
.p5{padding: 5px 0}
.p10{padding: 10px 0}
.p20{padding: 20px 0}
.p30{padding: 30px 0}
.p40{padding: 40px 0}
.p50{padding: 50px 0}
.p60{padding: 60px 0}
/*padding-top*/
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}
.pt40{padding-top: 40px!important;}
.pt50{padding-top: 50px!important;}
.pt60{padding-top: 60px!important;}
.pt70{padding-top: 70px!important;}
/*padding-bottom*/
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.pb50{padding-bottom: 50px!important;}
.pb60{padding-bottom: 60px!important;}
.pb70{padding-bottom: 70px!important;}


/*text-align*/
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}

/*.layui-layer-molv .layui-layer-btn a*/
.margin{margin: 0 auto}
.h100{height: 100%}

/*overflow*/
.of{overflow: hidden;}


.w80{width: 80%;margin-left: 10%}
.w60{width: 60%;margin-left: 20%;}
.w95{width: 95%;margin: 0 auto}
.w90{width: 90%;margin: 0 auto}
.w98{width: 98%;margin: 0 auto}
.cf{color: #fff}
.c3{color: #333}
/*line-height*/
.l16{line-height: 1.6}
.l18{line-height: 1.8}
.l20{line-height: 2.0}
.l23{line-height: 2.3}
.l25{line-height: 2.5}

.line2{overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.line3{overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.w100{width: 100%;}
.hauto{height: auto;}
/*text-indent*/
.ti2{text-indent: 2em}
.ti1{text-indent: 1em}
.ti05{text-indent: 0.5em}
.c9{color: #999}
.c6{color: #666}
.c8{color: #888}
.c3{color: #333}
/**/
.fwl{font-weight: lighter}
.bd{background: #ddd}
.bf5{background: #f5f5f5}

/*message*/
.imes{padding: 50px 0;background: url("../image/mesbg.jpg") bottom center no-repeat;background-size: cover}
.imes-l{width: 630px;float: left;}
.imes-l .p1{color: #63c241;font-size: 49px;}

.imes-four{width: 488px;margin-left: auto;margin-right: auto;margin-top: 20px;}
.imes-four li{width: 116px;float: left;height: 101px;position:relative;background: rgba(0,0,0,0);}
.imes-four li:nth-child(n+2){margin-left: 8px;}
.imes-four li .a{z-index: 1;position: absolute;left: 0;bottom: 0;width: 116px;height: 91px;
    background: url("../image/kuang.png") center no-repeat;}
.imes-four li .b{z-index:2;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
.imes-four li .b .i{width: 23px;height: 23px;margin-left: auto;margin-right: auto;border-radius: 50%;
    background-color: #fff;background-repeat: no-repeat;background-position: center;background-size: auto;
    background-image: url("../image/dh1.png")}
.imes-four li .b .p-1{margin-top: 13px;font-size: 16px;color: #fefefe;text-align: center;}

/*.imes-four li:hover .b .p-1{color: #a40018}*/
/*.imes-four li:hover .b .i{background-color: #a40018}*/
.imes-b-l{float: left;padding-left: 65px;background: url("../image/h-t11.png") left center no-repeat;
    margin-left: 80px;}
.imes-b{margin-top: 40px;}
.imes-b-r{float: left;margin-left: 35px;}
.imes-b-r a{display: block;width: 193px;height: 47px;text-align: center;line-height: 47px;
    background: #63c241;color: #fff;font-size: 18px;border-radius: 5px;}
.imes-b-r a:hover{background: #fff;color: #a40018}
/**/
.imes-r{width: 500px;float: right;overflow: hidden}
#i-form{margin-top: 30px;}
#i-form li{width: 500px;height: 50px;background: #fff;border-radius: 5px;overflow: hidden;}
#i-form li:nth-child(n+2){margin-top: 9px;}
#i-form li .l{width: 50px;height: 50px;background-color: #e6e6e6;float: left;
    background-repeat: no-repeat;background-position: top 13px center;background-size: auto}
#i-form li .r{width: 448px;float: left;position: relative;}
#i-form li .r input{display: block;width: 100%;outline: none;border: none;height: 50px;padding: 0 20px;
    box-sizing: border-box;font-size: 16px;}
#i-form li.area{height: 80px;}
#i-form li.area  .l{height: 100%;}
#i-form li.area  .r textarea{display: block;width: 100%;height: 70px;outline: none;border: 0px solid #dddd;
    padding: 10px 20px 0 20px;box-sizing: border-box;font-size: 16px;}
#i-form li .r img{position: absolute;height: 50px;right: 0;top: 0;}
#i-form button{display: block;width: 500px;height: 50px;background: #63c241;outline: none;border: none;
    margin-top: 8px;border-radius: 5px;font-size: 16px;color: #fafafa;}
#i-form button:hover{background: #a40018}
#i-form li .l.li1{background-image: url("../image/im1.png")}
#i-form li .l.li2{background-image: url("../image/im2.png")}
#i-form li .l.li3{background-image: url("../image/im3.png")}
#i-form li .l.li4{background-image: url("../image/im4.png")}

/*大标题*/
.big-title .bt1{color:#282828;}
.bt-pro{background: url("../img/btpro .png") center top no-repeat;}
.bt-ca{background: url("../img/btbg2.png") center top no-repeat;}
.bt-ab{background: url("../img/btab.png") center top no-repeat;}
.big-title .bt1 span{color: #0b0b0b;font-size: 50px;display: inline-block;position: relative}
/*.big-title .bt1 span::before{content: "";width: 116px;height: 50px;position: absolute;left: -130px;*/
/*top: 21px;background: url("../img/btl.png") center no-repeat;}*/
/*.big-title .bt1 span::after{content: "";width: 116px;height: 50px;position: absolute;right: -130px;*/
    /*top: 21px;background: url("../img/btr.png") center no-repeat;}*/
/*.big-title .bt2{color:#111;margin-top: 4px;}*/
/*.big-title .bt3{margin-top: 10px;}*/

/*首页优势*/
.fivenum1 .count-title{font-size: 51px;font-weight: bold;color: #0967d0;}
.fivenum1 { display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;}
.fivenum1 .p-num{width: 160px;}
.fivenum1 li{background: url("../image/nbg1.png") right center no-repeat;padding-right: 20px;}
.fivenum1 li:last-child{background: none;width: 210px;padding-right: 0}
.fivenum1 li:last-child .p-num{width: 230px;}
.fivenum1 li:nth-child(4) .p-num{width: 200px;}
.fivenum1 .jia{font-weight: bold;font-size: 51px;color: #0967d0;}
.fivenum1 .p2{font-size: 18px;color: #4f4f4f;font-weight: lighter;}
.fivenum1 .t{width: 33px;height: 33px;text-indent: 4px;line-height: 33px;color: #fff;font-size: 18px;display: inline-block;border-radius: 16.5px;
    background: #000;position: relative;top: -35px;}


/**/
.com-con p{color: #7f7f7f}
.isl1{background: none;padding: 0;}
.slcl1 li{border: 1px solid #eee;background: #eeeeee;}
.slcl1 li[data=xz]{border-color: #0168d0}
.slcr1 li .i{box-sizing: border-box;border: 1px solid #eee;}
.slcr1 li .t{background: #eee}
.big-title .bt1.bts {
    background: url(../image/bt-adv.png) center no-repeat;
}
/**/
.iadvimg{padding:150px 0 0px 0;margin-top: 30px;
    background: url("../image/advbg.jpg") top center no-repeat;}
.iadvimg-top{display: flex;justify-content: space-between;background:url("../image/advd.png") top center no-repeat;
;padding: 30px 113px 0;box-sizing: border-box;}
.iadvimg-top li{font-size: 33px;color: #fff;font-weight: bold;letter-spacing: 2px;text-indent: -2px;}
.iadvimg-top li[data=xz]{color: #63c241}
.iadvimg-bot{width: 1080px;margin-left: 60px;height: 520px;margin-top: 40px;position: relative;box-sizing: border-box;background: #fff;box-sizing: border-box;box-shadow: 1px 1px 8px rgba(0,0,0,0.3)}
.iadvimg-bot li{height: 100%;width: 100%;position: absolute;left: 0;top: 0;background: #fff;padding: 3px;box-sizing: border-box;
    opacity: 0}
.iadvimg-bot li .l{width:380px;float: left;padding-right: 30px;box-sizing: border-box;}

.iadvimg-bot li[data=xz]{opacity: 1;}
.iadvimg-bot li .l p{text-indent: 40px;}
.iadvimg-bot li .l p.p1{font-size: 36px;color: #000;font-weight: bold;margin-top: 70px;}
.iadvimg-bot li .l p.p2{font-size: 24px;text-transform: uppercase;color: #4d4d4d;font-weight: bold;white-space: nowrap;
    background: url("../image/adv1.png") left bottom 8px no-repeat;margin-top: 8px;}
.iadvimg-bot li .l p.p3{font-size: 20px;color: #333;font-weight: bold;margin-top: 55px;}
.iadvimg-bot li .l dl{margin-left: 40px;margin-top: 15px;}
.iadvimg-bot li .l dl dt{font-size: 14px;color: #000000;padding: 5px 0 5px 0px;line-height: 1.6;word-break: break-all}
.iadvimg-bot li .r{width: 685px;height: 100%;float: right;}
/*品质*/
.big-title .bt1.btys{background: url("../image/ysbg.png") top center no-repeat}
.iys{padding: 50px 0 70px 0;background: url("../image/bt-ys.jpg")  center no-repeat;background-size: cover;}
.ysli li{width: 294px;float: left;padding: 15px 15px 30px 15px;background: #fff;box-sizing: border-box;overflow: hidden;}
.ysli li:nth-child(n+2){margin-left: 8px;}
.ysli li:nth-child(1){border-top-left-radius: 70px;}
.ysli li:nth-child(4){border-top-right-radius: 70px;}
.ysli li .i{width: 100%;height: 284px;}
.ysli li:nth-child(1) .i{border-top-left-radius: 60px;}
.ysli li:nth-child(4) .i{border-top-right-radius: 60px;}
.ysli li .t{color: #333;margin-top: 30px;
    background: url("../image/ysline.png") bottom left no-repeat;padding-bottom:14px;}
.ysli li dl{margin-top: 20px;height: 130px;}
.ysli li dl dt{color: #565656;line-height: 1.6;min-height: 44px;
    background: url("../image/yss.png") left top 5px no-repeat;padding-left: 37px;box-sizing: border-box;}
.ysli li dl dt:nth-child(2){margin-top: 20px;}
/**/
.ysli li:hover{background:#a40018}
.ysli li:hover .t{color: #fff;opacity: 0.9;}
.ysli li:hover dl dt{color: #fff;opacity: 0.8}


/*关于我们*/
.iab{height: 680px;position: relative;}
.iab-son{position:absolute;width: 100%;height: 100%;left: 0;top: 0;}
.iab1{z-index: 1;background: url("../image/iabg.jpg") center no-repeat;}
.big-title .bt1.btab {
    background: url(../image/btab1.png) center no-repeat;
}
.iab2{z-index: 2}
.iab2-c{width: 600px;float: right;background: rgba(255,255,255,0.9);padding: 20px;box-sizing: border-box;margin-top: 100px;}
.iab2-box{border: 1px solid #ddd;padding: 30px;box-sizing: border-box;}
.iab2-box .p1{color: #000000;font-size: 40px;}
.iab2-box .p2{color: #000000;font-size: 18px;margin-top: 5px;}
.iab2-box .p3{color: #7d7d7d;font-size: 14px;margin-top: 20px;line-height: 1.6;}
.iab2ul{margin-top: 30px;}
.iab2ul li{float: left;}
.iab2ul li .p-1{font-size: 46px;color: #000;}
.iab2ul li .p-1 span{font-size: 16px;}
.iab2ul li .p-2{font-size: 16px;color: #333;text-indent: 10px;}
.iab2ul li:nth-child(1){margin-right: 50px;}

/*车间展示*/
.i-lun-type-2-c{background: #fff;box-sizing: border-box;padding: 30px 20px 20px 20px;}
/*.four-t{border-bottom: 5px solid #949494;padding-bottom: 10px;}*/
.four-t{width: 230px;float: left;}
.four-t li{width: 230px;height: 70px;background: #ebebeb;padding-left: 30px;box-sizing: border-box;overflow:hidden;}
.four-t li:nth-child(n+2){margin-top: 5px;}
.four-t-li-r{}
.four-t-li-r p{white-space: nowrap;text-align: left;}
.four-t-li-r .p1{color: #404043;margin-top: 15px;font-size: 20px;font-weight: bolder;}
.four-t-li-r .p2{color: #555353;font-size: 12px;font-weight: lighter;margin-top: 0px;text-transform: uppercase}

.four-t li:nth-child(1) .four-t-li-l{background-image: url("../image/l2-1.png");}
.four-t li:nth-child(2) .four-t-li-l{background-image: url("../image/l2-2.png");}
.four-t li:nth-child(3) .four-t-li-l{background-image: url("../image/l2-3.png");}
.four-t li:nth-child(4) .four-t-li-l{background-image: url("../image/l2-4.png");}

.four-t li[data=xz]{background: url(../image/ddd.png);}
.four-t li[data=xz] .four-t-li-r .p1{color: #fff;}
.four-t li[data=xz] .four-t-li-r .p2{color: #fff;}

.i-lun-con-son-four{display: none}
.swiper-four a{display: block;width: 100%;box-sizing: border-box;border: 1px solid #e5e5e5;overflow: hidden;padding-bottom: 0px;position: relative;}
.swiper-four a .i{width: 100%;height: 217px;border-bottom: 0px solid red;}
/**/
.i-lun-con-four{position: relative;width: 860px;float: right;}

.i-lun-con-son-four .swiper-button-prev-ca-i{width: 30px;height: 60px;border-radius: 0%;background:rgba(0,0,0,0.5) url("../image/p1.png") center no-repeat;left: -45px;
    background-size: 25px!important;
    transition: 0.3s;-moz-transition:0.3s;opacity: 0.6;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
}
.i-lun-con-son-four .swiper-button-next-ca-i{width: 30px;height: 60px;background:rgba(0,0,0,0.5) url("../image/ne1.png") center no-repeat;right: -45px;
    background-size: 25px!important;transition: 0.3s;-moz-transition:0.3s;border-radius: 0%;
    -webkit-transition:0.3s;
    -o-transition:0.3s;opacity: 0.6}
.i-lun-con-son-four .swiper-button-prev-ca-i:hover{opacity: 1}
.i-lun-con-son-four .swiper-button-next-ca-i:hover{opacity: 1}







/*底部*/
.footer {
    width: 100%;
    position: relative;
    padding: 50px 0;
}
.foot1{
    width: 525px;
    height: 255px;
    float: left;
    border-right: 1px solid #0071dc;
}
.foot1 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot1 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #ff6600;
    margin: 16px 0;
}
.foot1 ul li{
    color: #666666;
    font-size: 14px;
    line-height:30px;
}
.foot1 p{
    padding-top: 40px;
    color: #666666;
    font-size: 14px;
}
.foot1 p a{
    color: #666666;
    font-size: 14px;
}
.foot2{
    width: 263px;
    float: left;
    height: 255px;
    border-right: 1px solid #0071dc;
    margin-left: 75px;
}
.foot2 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot2 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #ff6600;
    margin: 16px 0;
}
.foot2 ul{
    width: 84%;
}
.foot2 ul li{
    width: 50%;
    float: left;
    line-height: 30px;
}
.foot2 ul li a{
    color: #666666;
    font-size: 14px;
}
.foot2 ul li:hover a{
    color: #fff;
}
.foot3{
    width: 273px;
    float: right;
}
.foot3 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot3 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #ff6600;
    margin: 16px 0;
}
.foot3 .wei{
    width: 49%;
    float: left;
}
.foot3 .wei:nth-child(2){
    float: right;
}
.foot3 .wei p{
    color: #666666;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}
/**/
.f-menu{height: 55px;background: #0967d0;overflow: hidden;border-bottom: 2px solid #40b715;}
.f-menu li{width: 120px;float: left;background: url("../image/menu-l.png") right center no-repeat}
.f-menu .container{background: url("../image/menu-l.png") left center no-repeat}
.f-menu li a{display: block;width: 100%;height: 55px;text-align: center;line-height: 55px;font-size: 14px;color: #fff;}
.f-menu li a:hover{background: #40b715;font-weight: bolder;color: #fff}
/*底部*/
.footer{padding: 50px 0;}
.fo-l{width: 330px;float: left;}
.fo-l .p1{color: #0bae06}
.fo-l .p2{color: #fff;letter-spacing: 1px}
.focate{margin-top: 30px}
.focate a{display: inline-block;width: 35%;border: 1px solid rgba(255,255,255,0.3);padding: 7px 0;text-align: center;color: rgba(255,255,255,0.8);
margin-top: 5px;margin-right: 20px;border-radius: 3px;}
.focate a:hover{color: #fff;font-weight: bolder}
.fo-l1{float: left;width: 260px;margin-top:80px}
.fo-l1 .wei{
    width: 47%;
    float: left;
}
.fo-l1 .wei:nth-child(2){
    float: right;
}
.fo-l1 .wei p{
    color: #666666;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}
.fo-l2{width: 300px;float: left;margin-left: 40px;}
.fotel{width: 165px;margin-top: 100px}
.fotel li{float: left;border-radius: 35px;}
.fotel li:nth-child(1){width: 35px;height: 35px;background: url("../image/ftel.png") center no-repeat;}
.fotel li:nth-child(2){width: 130px;height: 35px;background:#0bae06;text-align: center;line-height: 35px;
color: #fff;font-size: 14px;}
.fo-l2 .p1{color: #f0c34d;font-size: 36px;white-space: nowrap}
.fo-l3{width: 270px;float: right;margin-top: 64px}
.fo-l3 li{font-size: 14px;color: #bbb;padding: 3px 0}
.fo-l3 li:nth-child(1){font-size: 16px;margin-bottom: 10px}

.beian{padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.1);text-align: center;font-size: 14px;color: #bbb;}
.beian a{font-size: 14px;color: #bbb;}
.beian a:hover{color: #fff;}
.foot-box{background: #2d2c2c;}
.foot-c{padding: 20px 10px;box-sizing: border-box;background: #1a1a1a;}
.foot-c li{float: left;width: 360px}
.foot-c li .li-l{width: 70px;height: 70px;float: left;border-right: 1px solid #b5b5b5;}
.foot-c li .li-r{width: 280px;float: right;}
.foot-c li:nth-child(3){width: 440px;}
.foot-c li:nth-child(3) .li-r{width: 350px}

.foot-c li:nth-child(1) .li-l{background: url("../image/fo1.png") left center no-repeat;}
.foot-c li:nth-child(2) .li-l{background: url("../image/fo2.png") left center no-repeat;}
.foot-c li:nth-child(3) .li-l{background: url("../image/fo3.png") left center no-repeat;}
.foot-c li .li-r .p1{font-size: 18px;color: #a4a4a4;font-weight: bolder;padding-top: 10px;}
.foot-c li .li-r .p2{font-size: 18px;color: #a4a4a4;font-weight: lighter;margin-top: 5px;}

.foot-bl{width: 450px;float: left;}
.foot-bl .p2{line-height: 1.8;margin-top: 5px;color: #fff;opacity: 0.6}
.foot-bm{width: 400px;float: left;}
.foot-bm-l{width: 27px;float: left;}
.foot-bm-l span{display: block;width: 100%;text-align: center;font-size: 14px;color: #fff;line-height: 1.2}
.foot-bm-l{border-radius: 27px;border: 1px solid #ddd;padding: 15px 0}
.foot-bm-r{width: 350px;float: right;}
.foot-bm-r li{width: 50%;float: left;margin-top: 7px;}
.foot-bm-r li a{display: block;font-size: 14px;color: #fff;opacity: 0.8}
.foot-bm-r li a:hover{opacity: 1}
.foot-br{width: 330px;float: right;}
.foot-br .wei{width: 155px;float: left;}
.foot-br .wei:nth-child(2){float: right;}
.foot-br .wei img{display: block;width: 155px;float: left;/* height: 130px; */object-fit: contain;}
.foot-br .wei p{/* width: 20px; */font-size: 14px;/* line-height: 1.4; */color: #fff;opacity: 0.8;/* float: right; *//* margin-top: 20px; */text-align: center;height: 30px;}



#gotop{position: fixed;z-index: 15;width: 50px;height: 50px;transition: 0.5s;background: #ccc url("../image/top.png") center no-repeat;
    right: 50px;bottom: 100px;cursor: pointer;display: none;background-size: 27px;
}
#gotop:hover{background: #9aa1a8 url("../image/top.png") center no-repeat;background-size: 27px;}
/*.no_data{font-size:40px;*/
/*color: #ff6600;*/
/*font-weight: lighter;*/
/*text-align: center;*/
/*line-height: 120px;*/
/*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);text-align: center}*/










@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:20px;}
   

}
@media screen and (max-width:1920px) and (min-width:1600px) {
    html {font-size:20px;}
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }