@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.content{width:1400px;margin:0 auto}
 @media screen and  (max-width:1440px){
     .content{width:1200px;margin:0 auto}    
        }

.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s}
.pic:hover img{-webkit-transform:scale(1.08) rotate(0) translateY(0);-ms-transform:scale(1.08) rotate(0) translateY(0);transform:scale(1.08) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}






.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit span{display: block;font-size: 45px;color: #222222;line-height: 45px;position: relative;font-weight: bold;}
.tit i{display: block;font-size: 26px;color: #222222;line-height: 26px;margin-top: 26px;}

.search{height:70px;margin-top: 18px;border-bottom: 2px solid #ebebeb;}
.search p{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #666666;}
.search p b{ font-weight: normal;padding-left: 32px;background: url(../images/hot.png) no-repeat left;color: #666666; }
.search p a{color: #666666;margin-right: 24px;}
.search p a:hover{color: #2253b4;}
.s_box{float:right;width:300px;height:70px;border-bottom: 2px solid #2253b4;}
.s_box .input1{width:204px;height:70px;line-height:70px;color:#666;padding:0 20px 0 0;float:left;border:0;outline:0;border:0;background: 0;}
.s_box .input2{width:16px;height:17px;border:0;background:url(../images/sea.png) no-repeat center;float:right;position:relative;z-index:2;margin-top:30px;cursor:pointer;outline:0;border:0;}



.yz{ padding: 80px 0 94px;}
.yz h2{ display: block;text-align: center;font-weight: normal;color: #222222;font-size: 45px;line-height: 45px; }
.yz_t{ margin-top: 56px; }
.yz_t li{ float: left;width: 300px;margin-right: 170px;height: 232px;}
.yz_t li:first-child{ margin-left: 72px; }
.yz_t li:last-child{ margin-right: 0; }
.yz_t li img{ display: block;width: 78px;height: 78px;margin: 0 auto; }
.yz_t li b{ display: block;text-align: center;font-size: 22px;color: #444444;line-height: 22px;padding-top: 28px; }
.yz_t li span{display: block;font-size: 14px;line-height: 20px;color: #282828;text-align: center;padding-top: 20px;opacity: 0.8;}
.yz_t li.on b{ color: #2253b4; }
.yz_con img{ display: block;width: 100%; }
.yz_qie{ display: block; width: 100%; overflow: hidden; }
.video-box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; font-size: 0; z-index: 9999; background: rgba(0, 0, 0, .9); display: none }
.video-box .video { width: 800px; height: 640px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.video-box .video { width: 800px; height: 640px }
.video-box .video iframe{ width: 800px; height: 640px }
.video-box .close-video { position: absolute; top: calc(54px); right: 5%; width: 30px; height: 30px; cursor: pointer; background: url(../images/close.png) no-repeat center }


 @media screen and (max-width: 1440px) {
  .yz_t li{ float: left;margin-right: 100px;}
  .yz_t li:first-child{ margin-left: 50px; }
          }


.sl{position:relative;height:53.2rem;background-image:url(../images/sl_bg.jpg);background-position:center top;background-size:100% auto;background-repeat:no-repeat;padding-top: 5.6rem;box-sizing: border-box;}

.sl_con{position: relative;}
.sl-l{float:left;margin-left:3.2%;padding-top:4rem}
.slt dl{position:relative;height:10rem;width: 25rem;padding: 1.4rem 2.4rem 0;box-sizing: border-box;z-index: 50;}
.slt dl dt{height: 4.2rem;background: url(../images/sl_line.png) no-repeat left bottom;background-size: 20.4rem 0.15rem;}
.slt dl dt i{width:3.5rem;height:3.5rem;display: inline-block;vertical-align: -0.8rem;overflow: hidden;}
.slt dl dt i img{width:3.5rem;height:3.5rem;display:block;}
.slt dl:hover dt i img:nth-child(1){margin-top: -3.5rem;}
.slt dt em{position:relative;color:#282828;font-weight:400;font-size:0.9rem;line-height:0.9rem;display: inline-block;margin-left: 0.9rem;}
.slt dt em b{display:block;font-weight:700;font-size: 1.1rem;line-height: 1.1rem;margin-bottom: 0.3rem;margin-top: 0.5rem;}
.slt dl dd  p{display:block;margin-top:.6rem;color:#282828;font-weight:400;font-size:0.8rem;line-height:1.2rem;opacity: 0.8}
.slt dl:hover{background: #2253b4;}
.slt dl:hover dt{background: url(../images/sl_lineh.png) no-repeat left bottom;}
.slt dl:hover dt em,.slt dl:hover dt em b,.slt dl:hover  dd p{ color: #fff; }

.sl .sl-l dl:nth-of-type(1){left:6.4rem}
.sl .sl-l dl:nth-of-type(3){left:5rem}
.sl .sl-c{position:absolute;left:50%;margin-left:-600px;padding-top:4rem;width:1200px}
.sl .sl-c .tp{margin-top:1.3rem;text-align:center}
.sl .sl-c .tp img{display:inline-block;width:24.15rem;height: 29rem;}
.sl .sl-r{float:right;margin-right:3.2%;padding-top:4rem}
.sl .sl-r dl:nth-of-type(1){right:6.4rem}
.sl .sl-r dl:nth-of-type(3){right:5rem}
.slt dl:hover dt i img{animation-duration:1.5s;animation-name:flipInY;}

 @media screen and (max-width: 1440px) {
        
        .slt dl{position:relative;height:11rem;}
          .slt dl dd  p{ font-size:1rem;line-height:1.4rem;}
          }
 @media screen and (max-width: 1601px) {
        
        .slt dl{position:relative;height:11rem;}
          .slt dl dd  p{ font-size:0.9rem;line-height:1.4rem;}
          }
          
.so dt{ display: block;float: left;width: 50%;}
.so dt img{ width: 100%;display: block;height: 43.2rem;  }
.so dd{ float: right;width: 50%;height: 43.2rem; }
.so dd li{ height: 21.6rem;background: url(../images/so_bg1.jpg) no-repeat center;background-size: 100% 21.6rem;padding-left: 4.4rem;box-sizing: border-box; width: 100%;}
.so dd li:last-child{background: url(../images/so_bg2.jpg) no-repeat center;background-size: 100% 21.6rem;}
.so dd li img{ display: none;}
.so dd li span a{ display: block;padding-top: 5.7rem;box-sizing: border-box;font-size: 1.2rem;line-height: 1.2rem;color: #282828; }
.so dd li i{ display: block;font-size: 0.7rem;line-height: 1.3rem;color: #282828;opacity: 0.5;padding-top: 1.4rem;width: 30rem;height: 6rem; }
.so dd li .zx{     background: #ffd230;width: 6.5rem;height: 1.6rem;box-sizing: border-box;display: block;line-height: 1.6rem;border:1px solid #ffd230;font-size: 0.7rem;color: #282828;opacity: 1;text-align: center;border-radius: 1rem;transition:all 0.5s; }
.so dd li.cur{ background: url(../images/so_dd.jpg) no-repeat center;background-size: 100% 21.6rem; }
.so dd li.cur img{ display: block;width: 3.2rem;height: 3.2rem;padding-top: 2.8rem;}
.so dd li.cur span a{ color: #fff;padding-top: 1.8rem; }
.so dd li.cur i{color: #fff;}
/*.so dd li.cur .zx{ background: #e9eef7;border-color: #e9eef7; }*/
.so dd li.cur .zx {
    background: #ffd230;
    border-color: #ffd230;
}
.so dd li .zx:hover{ transform:translateY(-5px);}
 @media screen and (max-width: 1601px) {
       .so dd li i{font-size: 0.9rem;line-height: 1.5rem; }
       .so dd li .zx{ width: 8rem;height: 2rem;box-sizing: border-box;display: block;line-height: 2rem;font-size: 0.9rem;}
          }
          
.fw{ padding-top: 96px; }
.fw .tit span{font-size: 40px;line-height: 40px;}
.fw .tit i{ margin-top: 13px;font-size:20px;line-height: 20px;color: #666666;  }
.fw_con{ margin-top: 65px; }
.fw_con li{ float: left;position: relative;width:
  32%;margin-right:2%;margin-bottom: 35px; }
/*.fw_con li:nth-child(3n-1){ width: 38.7%; }*/
.fw_con li:nth-child(3n){ margin-right: 0; }
.fw_con li p{ display: block;border-bottom: 2px solid #d5d5d5;box-sizing: border-box; height: 14rem;}
/*.fw_con li:nth-child(3n-1) p{ width: 73.06%;margin: 0 auto; }*/
.fw_con li p>img{ display: block;width: 3rem;height: 3rem;padding-top: 1rem;margin: 0 auto; }
.fw_con li p b{ display: block;font-weight: normal;text-align: center;font-size: 1.6rem;color: #000000;line-height: 1.6rem;padding-top: 1.6rem; }
.fw_con li p span{display: block;font-weight: normal;text-align: center;font-size: 0.8rem;color: #000000;line-height: 1.4rem;padding: 1rem 1rem 0; opacity: 0.66;  }

.fw_con li em img{ display: block;width: 1rem;height: 1rem;margin: 2rem auto 0; }
.fw_con li i img{ display: none; }
.fw_con li.cur p{display: none; }
.fw_con li.cur i img{ position: absolute;left:0;top:0;width: 100%;border-bottom: 2px solid #0b87e0;box-sizing: border-box;display: block; height:14rem;}

.case{margin-top: 50px;background: url(../images/case_bg.jpg) no-repeat top;}
.case_z{ padding-top:166px;padding-left: 660px;  }
.case_z h2{ display: block;font-size: 40px;color: #ffffff;font-weight: bold;line-height: 40px; }
.case_z p span{display: block;float: left; font-size: 20px;color: #fff;padding-left: 42px;line-height: 28px;background: url(../images/case_t.png) no-repeat left;margin-right: 45px;margin-top: 32px; }
.case_z p span:last-child{ margin-right: 0; }
.case_z .more{ width: 150px;height: 40px;box-sizing: border-box;display: block;line-height: 40px;font-size: 20px;color: #282828;text-align: center;border-radius:20px; background: #ffd230;margin-top: 40px;}
.case_t{ margin-top: 74px; position: relative;}
.case_t:after{width: 100%;height: 36px;position: absolute;left:0;background: url(../images/case_d.png) no-repeat center;background-size: 100%;bottom: -36px;content: "";}
.case_t li{ float: left; width: 16.66%;height: 122px;border-right: 1px solid #a3a3a3;border-top: 1px solid #a3a3a3;padding-top: 20px;box-sizing: border-box;background: #fff;box-sizing: border-box;margin-top: -1px;position: relative;}
.case_t li:after{width: 0;height: 5px;position: absolute;left:0;background:#1e64bc;bottom: 0px;content: "";transition: all 0.5s;}
.case_t li.cur:after{width: 100%;}
.case_t li:nth-of-type(6n){border-right: 0;}
.case_t li em{ display: block;width: 56px;height: 46px; overflow: hidden;margin: 0 auto;}
.case_t li em img{ display: block;width: 56px;height: 46px;transition: all 0.5s; }
.case_t li.cur em img:nth-child(1){ margin-top: -46px; }
.case_t li span{ display: block;font-size: 20px;line-height: 20px;color: #282828;padding: 12px 0 0; text-align: center;}
.case_t li.cur span{ color: #1e64bc;font-weight: bold; }
.case_con{ margin-top: 50px; }
.case_con .case_l{ float: left;width: 354px;background: url(../images/case_dd.jpg) no-repeat center;background-size: 100%; height: 665px;}
.case_con .case_l h3{ padding: 94px 30px 0; }
.case_con .case_l h3 em{ display: block;font-size: 45px;line-height: 54px;font-weight: bold;color: #fff; }
.case_con .case_l h3 i{ display: block;font-size: 16px;font-weight: bold;padding-top: 60px;color: #fff; }
.case_con .case_l h3 img{ display: block;margin-top: 70px;width: 53px;height: 53px; }
.case_con .case_r{ float: right;width: 1014px; }
.case_con .case_r dl{height: 323px;margin-bottom: 19px;}
.case_con .case_r dt{ display: block;float: left;width: 449px;height: 323px;overflow: hidden; }
.case_con .case_r dt img{ display: block;width: 449px;height: 323px;}
.case_con .case_r dd{float: left;width:565px;height: 323px;background: #f5f5f5;padding: 54px 50px 0;box-sizing: border-box; }
.case_con .case_r dd h4 a{ display:block;font-size: 18px;color: #282828;line-height: 28px;font-weight: bold; }
.case_con .case_r dd h4 a:hover{ color:#0063af;}
.case_con .case_r dd p{ display: block;font-size: 14px;line-height: 22px;color: #666666;padding-top: 25px; }
.case_con .case_r .more{ width: 150px;height: 40px;box-sizing: border-box;display: block;line-height: 40px;font-size: 14px;color: #282828;text-align: center;border-radius:20px; background: #ffd230;margin-top: 30px;transition:all 0.5s;}
.case_con .case_r .more:hover{ background: #ffd230;transform:translateY(-5px); }
.case_con .case_r dl:nth-child(2) dt{float: right;}

 @media screen and (max-width: 1440px) {
    .case_z{padding-left: 550px;}
    .case_con .case_l{ width:303px;height:570px;   }
     .case_con .case_r{ width: 870px; }
    .case_con .case_r dl{height:276px;margin-bottom:18px;  }
    .case_con .case_r dt{ display: block;width: 384px;height: 276px; }
    .case_con .case_r dt img{  display: block;width: 384px;height: 276px;  }
    .case_con .case_r dd{height: 276px;width:486px;padding: 30px 30px 0; }
    .case_con .case_l h3 i{ font-size: 14px; }
          
}
.ys{ padding-top: 80px; }

.ys .tit span{color: #000000;}
.ys .tit i{font-size:22px;line-height: 22px;color: #000000;opacity: 0.66;  }
.ys_con{margin-top: 35px;position: relative;height: 819px; }
.ys_s li{ display: block;width: 1920px;height: 819px; overflow: hidden;margin-left: -260px;position: relative;}
.ys_s li em{ position: absolute;bottom:284px;right: 260px;font-size: 24px;color: #fff; }
.ys_s li b{ font-size: 35px;color: #fff; }
.ys_s li img{ display: block;width: 1920px;height: 819px;}
.ys_t{ position:absolute;right: 0;bottom:0; }
.ys_t li{ float: left;width: 250px;height: 186px;background: rgba(255,255,255,0.95);transition: all 0.5s;padding: 0 45px;box-sizing: border-box;}
.ys_t li.cur{width: 400px;box-sizing: border-box;background: #2253b4;}
.ys_t li b{font-size:22px;color: #040000;line-height:22px;display: block;font-weight: bold;position: relative;padding-top: 45px;}
.ys_t li b:after{ position: absolute;left:0px;top:102px;width: 35px;height: 3px;background:#2253b4;content: ""; transition: all 0.3s;}
.ys_t li em{display: block;font-size: 12px;line-height: 16px;color: #040000;font-weight: normal;margin-top:66px;text-transform: uppercase;opacity: 0.5;}
.ys_t li i{ display: none; }
.ys_t li.cur b{ font-size: 26px;color: #ffffff;line-height: 26px;padding-top: 42px; }
.ys_t li.cur em{ display: none; }
.ys_t li.cur i{ display: block;font-size: 15px;line-height: 24px;color: #ffffff;opacity: 0.66;padding-top: 16px; }
 @media screen and (max-width: 1440px) {
       .ys_t li{width: 210px;padding: 0 30px;}
        .ys_t li.cur{ width:360px;  }
        .ys_s li{ margin-left: -360px; }
        .ys_s li em{right: 360px;} 
       
        }

.coop{height: 640px;padding-top: 100px;box-sizing: border-box;background: url(../images/coop_bg.jpg) no-repeat center bottom;}
.coop .tit span{color: #000000;}
.coop .tit i{font-size:22px;line-height: 22px;color: #000000;opacity: 0.66;  }
.coop .nr{ width: 1200px;margin:0 auto; }
.coop_con{ margin-top: 54px; }
.coop_con li{ float: left;width: 180px;height: 101px;margin-right: 24px;margin-bottom: 12px;} 
.coop_con li:nth-child(6n){ margin-right: 0; }
.coop_con li i{ display: block;width: 180px;height: 101px;box-sizing: border-box; border:1px solid #c1c1c1; overflow: hidden;}
.coop_con li i img{ display: block;width: 180px;height: 101px; }
.coop .more{ display: block;font-size: 26px;line-height: 26px;color: #282828;font-weight: bold;text-align: center;padding-top: 50px; }
.coop .more:hover{ color:#0063af;}



.news{padding:94px 0 30px;box-sizing: border-box;}
.news .tit span{ display: block;color: #000000; }
.news_t{height: 50px;border-bottom: 1px solid #bebebe;box-sizing: border-box;margin-top: 56px;}
.news_t span a{ float: left;margin-right: 42px; font-size: 16px;color: #282828;font-weight: bold;display: block;}
.news_t span a img{ display: inline-block;width: 28px;height: 28px;margin-right: 8px;vertical-align: -8px; }
.news_t em a{ float: right;font-size: 16px;color: #282828;font-weight: bold;display: block;text-transform: uppercase;}
.news_t span.cur a{ color: #2253b4; }
.news_con{ margin-top: 48px; height: 500px;}
.news_bd dl{float:left;width: 31.42%;padding: 30px 23px 45px;margin-right: 2.87%;border:1px solid #d1d1d1;box-sizing: border-box;position: relative;height: 500px;}
.news_bd dl:nth-child(3n){ margin-right: 0; }
.news_bd dt h4{display: block;font-size: 16px;line-height: 30px;color: #1d1d1d;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_bd dt em{display: block;font-size: 14px;line-height: 14px;color: #1d1d1d;font-weight: normal;opacity: 0.6;padding: 24px 0;}
.news_bd dt i{ display: block;width: 100%;overflow: hidden; }
.news_bd dt img{width:100%;display: block;}
.news_bd dd {font-size:14px;color: #1d1d1d;line-height:25px;padding-top:30px;opacity: 0.6;}
.news_bd dl:hover{ background: #2253b4;border-color: #2253b4; }
.news_bd dl:hover h4,.news_bd dl:hover em,.news_bd dl:hover dd{ color: #fff; }
.news_bd dl:hover:after{ background: url(../images/news_yy.jpg) no-repeat center;background-size: 100%;content: "";width: 100%;height: 15px;bottom:-15px;position: absolute;left:0; }
.news_z{margin-top: 40px;}
.news_s ul{float: left;width: 33%;margin-right: 1.8%;}
.news_s li{height:36px;line-height:36px;}
.news_s li a{font-size:16px;color: #1d1d1d;vertical-align: top;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:83.48%;line-height:36px;}
.news_s li em{display: block;float: right;color: #1d1d1d;font-size:16px;opacity: 0.6;}
.news_s li:hover a{color: #2253b4}




.abt{ background: url(../images/abt.jpg) no-repeat center top;padding-top: 600px; height: 1067px;box-sizing: border-box;}
.abt_con{width: 1500px;padding: 0 50px;box-sizing: border-box;background: #fff;margin-left: -50px;height: 466px;position: relative;}
.abt_con:before{ position: absolute;left:-20px;top:217px;width: 20px;height: 76px;background: url(../images/abt_line.png) no-repeat center;content: ""; }
.abt_l{ float: left;width: 1180px; }
.abt_l h4{ display: block;font-size: 32px;line-height: 32px;color: #222222;padding-top: 94px; }
.abt_l h4 b{ color: #2253b4; }
.abt_l p{ display: block;font-size: 16px;line-height: 34px;color: #222222;padding-top: 48px;height: 180px; }
.abt_l span a{ float: left;margin-right: 50px; font-size: 16px;color: #282828;font-weight: bold;display: block;}
.abt_l span a img{ display: inline-block;width: 36px;height: 36px;margin-right: 12px;vertical-align: -12px; }
.abt_con em img{ display: block;width: 265px;height: 351px;margin-right: -50px;margin-top: -120px;position: relative;z-index: 20;float: right; }
.abt_l span a:hover img{animation-duration:1s;animation-name:flipInY;}
.abt_l span a:hover{ color:#0063af;}

 @media screen and (max-width: 1440px) {
  .abt_con{ width: 1280px;padding: 0 40px;margin-left: -40px; }
  .abt_l{ width: 1010px; }
  .abt_con em img{ display: block;width: 227px;height: 300px;margin-right: -40px;margin-top: -120px;position: relative;z-index: 20;float: right; }
          }



@-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 }


@media screen and (min-width: 1263px) {
  html {
    font-size: calc(1263px * 20 / 1903);
  }
}
@media screen and (min-width: 1349px) {
  html {
    font-size: calc(1349px * 20 / 1903);
  }
}
@media screen and (min-width: 1463px) {
  html {
    font-size: calc(1463px * 20 / 1903);
  }
}
@media screen and (min-width: 1543px) {
  html {
    font-size: calc(1543px * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1583px * 20 / 1903);
  }
}
@media screen and (min-width: 1643px) {
  html {
    font-size: calc(1643px * 20 / 1903);
  }
}
@media screen and (min-width: 1663px) {
  html {
    font-size: calc(1663px * 20 / 1903);
  }
}
@media screen and (min-width: 1903px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}