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




.banner { height: auto;max-width: 1920px;margin: 0 auto!important;position: relative;margin-top: -34px;}
.ban_content{ width: 1200px;margin: 0 auto;position: absolute;left:50%;bottom:0;margin-left: -600px; }
.banner .bd li {float: left;width: 100%;line-height: 0;}
.banner .bd li img {width: 100%;}
.banner .bd li a {display: block;}
.banner .hd{z-index:1;margin:0 auto;position:absolute;left:8rem;width:100%;bottom:8%;cursor:pointer}
.banner .hd li{width:8px;height:8px;background:url(/css/../images/ban_ic.png) no-repeat center;display:inline-block;margin:0 20px 0 0;}
.banner .hd li.on{width:28px;height:28px;background:url(/css/../images/ban_ich.png) no-repeat center;vertical-align: middle;}




.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit span{display: block;font-size: 50px;color: #333;line-height: 50px;position: relative;font-weight: normal;}
.tit i{display: block;font-size: 24px;color: #666666;line-height: 24px;padding-top: 18px;position: relative;}





.yz{height: 700px;background: url(/css/../images/yz_bg.jpg) no-repeat center;padding-top: 80px;box-sizing: border-box;}
.yz dd{ float: left;width: 600px; }
.yz dd h3{font-size: 50px;line-height: 50px;color: #333333;position: relative;height: 128px;padding-top:40px;}
.yz dd h3 em{font-size: 24px;line-height: 24px;color: #333333;position: relative;font-weight: normal;padding-top: 20px;display: block;}
.yz dd h3:after{ position: absolute;left:0;bottom:0px;width: 50px;height: 3px;z-index: 10;background: #1e2a74; content: "";}
.yz dd p{margin-top: 32px; display: block; font-size: 16px;line-height: 30px;color: #333333;}
.yz dt{ float:right;width:600px;height: 360px;}
.yz dt iframe{ display:block;width:600px;height: 360px;border-radius: 10px;}
.yz_sz{ margin-top:80px;}
.yz li{float:left;height:92px;border-right:1px solid #aaaaaa;box-sizing:border-box;padding: 0 71px;}
.yz li:first-child{ border-right:1px solid #aaaaaa;box-sizing:border-box; border-left:1px solid #aaaaaa;}
.yz li em{display:block}
.yz li b{display:inline-block;font-size:60px;font-family:Arial;font-weight:700;color:#1e2a74;line-height:1;letter-spacing: -2px;}
.yz li sup{display:inline-block;font-size:20px;color:#1e2a74;line-height:100%;vertical-align:0px;margin-left:6px;}
.yz li span{display:block;font-size:18px;color:#333333;line-height:100%;text-align:left;margin-top:6px;}

@media screen and  (max-width:1440px){
    .yz{ padding-top: 100px; }
    .yz dt{ float:right;width:514px;height: 308px;}
    .yz dt iframe{ display:block;width:514px;height: 308px;border-radius: 10px;}
    .yz dd{ float: left;width: 514px; }
    .yz dd h3{ padding-top: 0; }
    .yz li{ padding: 0 51px; }
    
}



.pro{ padding: 100px 0 80px;}
.pro_bd{ margin-top: 40px;position: relative; }
.pro_bd dl{ float: left;width:48.92%;margin-bottom: 1.5rem; position: relative;}
.pro_bd dl:nth-child(2n){ float: right; }
.pro_bd dt img{ display: block;width: 100%; }
.pro_bd dd{ position: absolute;left:2.5rem;top:3rem; z-index:20;}
.pro_bd dd h4 span{ display: block;font-size:1.5rem;color: #333333;line-height: 1.5rem; font-weight: bold; }
.pro_bd dd h4 span i{ display: block;font-size: 0.7rem;line-height: 0.7rem;color: #333333;opacity: 0.5;text-transform: uppercase;font-family: Arial;margin-top: 0.5rem;font-weight: normal; }
.pro_bd dd p{padding-top: 1.6rem; }
.pro_bd dd p a{ display: block;font-size: 0.8rem;line-height: 1.5rem;color: #333;padding-left: 0.9rem;position: relative; }
.pro_bd dd p a:after{  position: absolute;left:0;top:0.6rem;width: 0.25rem;height: 0.25rem;z-index: 10;background: #1e2a74; content: "";border-radius: 0.25rem }
.pro_bd dl p a:hover { color: #1e2a74;}
.pro_bd .more{ display: block;width: 2.3rem;height: 2.3rem;background: url(/css/../images/pro_ic.png) no-repeat center;margin-top: 1.5rem;background-size:2.3rem 2.3rem; }
.pro_bd dl:hover .more{ background: url(/css/../images/pro_ich.png) no-repeat center;background-size:2.3rem 2.3rem;  }


@media screen and  (max-width:1440px){
 
}

.lc{ padding: 100px 0 90px;background: #f2f2f2; position: relative;}
.lc:after{position: absolute;left:0;bottom:134px;width: 100%;height: 2px;background: #e2e2e2; content: ""; z-index: 50; }
.gccg_l{position:relative;height: 280px; }
.gccg_l h2{ position: absolute;left:0;top:0;font-size: 50px;line-height: 50px;height: 84px;font-weight: normal; }
.gccg_l h2:after{position: absolute;left:0;bottom:0px;width: 50px;height: 3px;background: #cccccc; content: ""; z-index: 50; }
.gccg_l dt{ display: block;width: 500px;height: 280px;overflow: hidden;float: right; }
.gccg_l dt img{ display: block;width: 100%; }
.gccg_l dt iframe{ display: block;width: 500px;height: 280px; }
.gccg_l dd{ float:left;width: 700px;height: 280px;padding: 140px 0 0 0;box-sizing: border-box; }
.gccg_l dd h4{ display: block;font-size: 26px;line-height: 36px;color: #1e2a74; font-weight: normal;}
.gccg_l dd h4 a{color: #1e2a74; }
.gccg_l dd p{ display: block;font-size: 16px;line-height: 30px;color: #666666;margin-top: 18px; }
.gccg_r{ margin: 70px 7% 0; position: relative;}
.gccg_r li{ float: left;width: 16.66%;position:relative;padding-top:6px; }
.gccg_r li span{ display: block;padding-top: 40px;text-align: center;font-size: 18px;color: #333;line-height: 18px;background: url(/css/../images/lc_ic.png) no-repeat center top; position: relative;z-index: 60}
.gccg_r li.on span{ background: url(/css/../images/lc_ich.png) no-repeat center top; }
.gccg_r li.on:after{position: absolute;width: 36px;height:36px;left: 50%;top: 18px;content: "";background: rgba(30, 42, 116, 0.2);border-radius: 50%;z-index: 1;animation: living 1.5s linear infinite;margin-left:-18px;margin-top:-18px;}

@keyframes living {
    0%{
        transform: scale(0.4);
    }
    50%{
        transform: scale(0.8);
    }
    100%{
        transform: scale(1);
    }
}


.gccg_con i{position:absolute;bottom:20px;z-index:99;display:block;width:50px;height:50px;text-align:center;opacity:1;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease}
.gccg_con i img{display:block;width:50px;height:50px;}
.gccg_con i.prev{left:-100px}
.gccg_con i.next{right:-100px}
@media screen and  (max-width:1440px){
 .gccg_l dd{ width:640px;}
}


.pz{ height: 780px;padding-top: 120px;box-sizing: border-box;background: url(/css/../images/pz_bg.jpg) no-repeat center; }
.pz h2{font-weight: normal;font-size: 0;}
.pz h2 span{display: block;font-size: 50px;color: #fff;line-height: 50px;position: relative;font-weight: normal;}
.pz h2 i{display: block;font-size: 24px;color: #fff;line-height: 24px;padding-top: 18px;}
.pz ul{ margin-top: 60px; width: 980px;}
.pz ul li{ float: left;width: 440px; border-top: 1px solid rgba(255,255,255,0.2);height: 180px;padding-top: 45px;box-sizing: border-box;}
.pz ul li:nth-child(2n){ float: right; }
.pz ul li:nth-child(3),.pz ul li:nth-child(4){border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2);}
.pz ul li span{ display: block;float: left; }
.pz ul li span i{ display: block;font-size: 24px;color: #ffffff;line-height: 24px; }
.pz ul li span em{ display: block;font-size: 16px;color: #ffffff;line-height: 30px;opacity: 0.5;margin-top: 14px; }
.pz ul li img{ display: block;width: 54px;height: 54px;float: right; }
.pz ul li:hover  img{animation-duration:3s;animation-name:flipInY;}

.xad{height: 320px;background: url(/css/../images/xad_bg.jpg) no-repeat center;padding-top: 72px;box-sizing: border-box;}
.xad_l{ float: left;width: 600px; }
.xad_l h2 img{ display: block;width: 574px;height: 46px; margin-bottom: 36px;}
.xad_l ul li{ float: left;width: 130px;height: 85px;background: url(/css/../images/xad_dd.png) no-repeat center;padding-top:10px ;font-size: 16px;line-height: 24px;color: #fff; box-sizing: border-box;text-align: center;margin-right: 20px;opacity: 0.5;}
.xad_l ul li.on{ opacity: 1; }
.xad_l ul li.cur{ opacity: 1; }
.xad_r{ float: right;width: 680px; }
.xad_r p img{ display: inline-block;width: 24px;height: 24px;margin-right: 10px;vertical-align: -4px; }
.xad_r p{ font-size: 16px;color: #ffffff;line-height: 16px;color: #fff; }
.xad_r p b{ display: inline-block;font-size: 32px;color: #ffffff;font-family: Arial;line-height: 32px; }
.ly_box{margin-top:30px; position: relative; }
.ly_box ul li{ height:46px; line-height:46px;   width: 220px;margin-bottom: 8px;background: #fff;border-radius: 4px; }
.ly_l{ float: left;width: 220px; }
.ly_box ul li.ly_r{  height:100px;width: 340px;box-sizing: border-box; float: left;margin-left: 10px;background: #fff;border-radius: 4px;}
.ly_box ul li i{ display: inline-block; float: left; font-size: 14px; color: #333;width: 56px;padding-left: 14px;box-sizing: border-box;}
.ly_box ul li input{ display: inline-block; float: left; width: 160px; background: none; height: 46px; line-height: 46px;outline:none; color: #333;font-size: 14px;border:0;}
.ly_box ul li textarea{ display: inline-block; float: left; width: 283px; background: none; height: 100px; line-height: 46px;outline:none; color: #333;font-size: 14px;border:0; box-sizing: border-box;}
.ly_box ul li input:focus{outline:none;background: none; }
.form-btn-submit{float: right;width: 100px;height: 100px;line-height: 100px;background: #fff;font-size: 16px;color:#333333;font-weight: normal;text-align: center;outline: 0;border:0;border-radius: 4px;cursor:pointer;}

    .form-btn-reset,.ly_box ul li span{ display:none;}
    
@media screen and  (max-width:1440px){
  .xad_r{ width: 560px; }
  .ly_box ul li.ly_r{ width: 220px; }
  .ly_box ul li textarea{ width: 163px; }
}


.case{padding: 100px 0;background: #f2f2f2;}
.case_t{height: 140px;}
.case_t .tit{ float: left;text-align: left; }
.case_t .tit i{ color: #333; }
.case_t ul{float: right;margin-top: 30px;}
.case_t ul li{display: inline-block; box-sizing: border-box;font-size: 18px;color: #333333;line-height: 50px; line-height: 50px; }
.case_t ul li a{ font-size: 18px;color: #333333;line-height: 50px; line-height: 50px;display: block; padding: 0 20px;font-weight: bold;}
.case_t ul li.cur a{ background: #1e2a74;color: #fff;border-radius: 3px; }
.case_con dl{ float: left;width: 332px;margin-right: 24px; }
.case_con dl:hover{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); }
.case_con dl:last-child{ margin-right: 0; }
.case_con dt{display: block;width: 332px;height: 250px; overflow: hidden;position: relative;}
.case_con dt img{ display: block;width: 332px;height: 250px; }
.case_con dd{height: 250px;background: #fff;padding: 26px 28px 0;box-sizing: border-box;}
.case_con dd h4 a{display: block;font-size: 24px;color: #333333;line-height: 24px;font-weight: normal;}
.case_con dd p{display: block;font-size: 16px;color: #666666;line-height: 26px;padding-top: 17px;height: 100px;}
.case_con .more{ display: block;width: 46px;height: 46px;background: url(/css/../images/pro_ic.png) no-repeat center; }
.case_con dl:hover .more{ background: url(/css/../images/pro_ich.png) no-repeat center;  }

@media screen and  (max-width:1440px){
  .case_t .tit i{ font-size: 20px; }
  .case_t ul li{display: inline-block; box-sizing: border-box;font-size: 16px;color: #333333;line-height: 50px; line-height: 50px; }
  .case_t ul li a{ font-size: 16px;color: #333333;line-height: 50px; line-height: 50px;display: block; padding: 0 18px;font-weight: bold;}
 .case_con dl{width: 284px;margin-right: 21px;}
  .case_con dt{display: block;width: 284px;height: 214px; overflow: hidden;position: relative;}
  .case_con dt img{ display: block;width: 284px;height: 214px;   }
  .case_con dd h4 a{font-size: 20px;}

}





.ys{ padding-top: 100px;overflow: hidden; }
.ys_t{height: 140px;}
.ys_t .tit{ float: left;text-align: left; }
.ys_t .tit i{ color: #333; }
.ys_t ul{float: right;width: 720px;height: 100px;}
.ys_t li{ float: left;width: 25%;height: 100px;border-right: 1px solid #d6d6d6;box-sizing: border-box; }
.ys_t li:first-child{ border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; }
.ys_t li img{display: block;width: 45px;line-height: 45px;margin: 0 auto;}
.ys_t li:hover  img{animation-duration:3s;animation-name:flipInY;}
.ys_t li span{ display: block;text-align: center;font-size: 24px;color: #333;line-height:24px;margin-top: 20px; }
.ys_t li.on span{color: #1e2a74;font-weight: bold;}
.ys_con{position: relative;height: 620px;}
.ys_con dt{ float: right;width:1200px;display: block;height: 620px;margin-right: -260px;}
.ys_con dt img{width:1200px;display: block;height: 620px;}
.ys_con dd{ float: left;width: 720px;margin-left: -260px;height: 620px;padding: 88px 54px 0 310px;box-sizing: border-box;background: url(/css/../images/ys_dd.jpg) no-repeat center;position: relative;}
.ys_con dd em{ position: absolute;right: 22px;bottom:44px;font-size: 160px;color: #dfdfdf;font-family: Arial;font-weight: bold; }
.ys_con dd h4{ position: relative;font-size: 36px;line-height: 36px;font-weight: normal;color: #333333;position: relative;}
.ys_con dd p{ font-size: 18px;line-height: 36px;color: #333333;margin-top: 32px; height: 184px;}
.ys_con .more{ display: block;width: 150px;height: 50px;line-height: 50px;background:#1e2a74;text-align: center;font-size: 18px;color: #ffffff;font-weight: bold;transition: all 0.5s;border-radius: 3px; }
.ys_con .more:hover{ transform:translateY(-5px); }
.ys_z{z-index:1;margin:0 auto;position:absolute;left:50px;width:100%;bottom:72px;cursor:pointer}
.ys_z li{width:8px;height:8px;background:url(/css/../images/ys_t.png) no-repeat center;display:inline-block;margin:0 10px 0 0;}
.ys_z li.on{width:28px;height:28px;background:url(/css/../images/ys_th.png) no-repeat center;vertical-align: middle;}
@media screen and  (max-width:1440px){
  .ys_con dt{margin-right: -360px;}
  .ys_con dd{ margin-left: -360px;padding: 88px 54px 0 360px; }
    .ys_z{ left: 0px; }
}



.news{ position: relative; padding:100px 0 100px;box-sizing: border-box;}
.news_con{margin-top:48px;}
.news_l{ float: left;width:660px ;}
.news_l dl{width: 660px;height: 370px;position: relative;}
.news_l dt{ position: relative;display: block;width: 660px;height: 370px;}
.news_l dt img{ display: block;width: 660px;height: 370px;}
.news_l dd{ position: absolute;left:0;bottom:0;height: 70px;padding: 0 30px;width: 100%;box-sizing: border-box;line-height: 70px;background: rgba(0,0,0,0.6) }
.news_l dd h3 a{ display: block;font-size:20px ;color: #ffffff;line-height: 70px;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news_l ul{ margin-top: 30px; }
.news_l li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;background: url(/css/../images/news_yuan.png) no-repeat left 16px;}
.news_l li a em{ float: right;font-size: 14px;color: #888888;line-height: 40px;font-family: Arial;}
.news_r{ float: right;width: 660px;}
.news_l h2 a,.news_r h2 a{display: block;height: 52px;line-height: 24px;display: block;font-weight: bold;position: relative;color: #333333;font-size: 24px;}
.news_l h2 em,.news_r h2 em{display: inline-block;font-size: 14px;color: #999999;line-height: 14px;font-family: Arial;margin-left: 6px;font-weight: normal;}
.news1 dl{height: 200px;padding:38px 0;border-bottom: 1px solid #dddddd;box-sizing: border-box; }
.news1 dl:nth-of-type(1){ padding: 0 0 38px;height: 162px; }
.news1 dt{float: right;width: 220px;height: 124px;display: block; }
.news1 dt img{width: 220px;height: 124px;display: block; }
.news1 dd{ width: 440px;float: left;padding: 0 54px 0 0;box-sizing: border-box;}
.news1 h3 a{font-size: 20px;color: #333333;line-height: 20px;padding: 18px 0 14px;font-weight: normal;display: block;transition: all 0.3s;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news1 p{font-size: 16px;color: #888;line-height: 28px;}
.news_l li a:hover,.news1 h3 a:hover{ color: #1e2a74; }


@media screen and  (min-width:230px) and (max-width:1440px){
    .news_l{ float: left;width:570px ;}
    .news_l dl{width: 570px;height: 320px;}
    .news_l dt{ position: relative;display: block;width: 570px;height: 320px;}
    .news_l dt img{ display: block;width: 570px;height: 320px;}
    .news_r{ float: right;width: 570px;}
    .news1 dl{ height: 170px;padding: 23px 0; }
    .news1 dd{ width: 350px;float: left;padding: 0 20px 0 0;box-sizing: border-box;}

}


.history{height:800px;position: relative;padding:100px 0 0;box-sizing: border-box;background: url(/css/../images/abt_bg.jpg) no-repeat center;}
.history .tit{text-align: left; }
.history .tit i:after{ position: absolute;left:0;top:64px;width: 50px;height: 4px;z-index: 10;background: #cccccc; content: "";}
.history .history_con{margin:75px 60px 0;position:relative}
.history .history_con:after{position:absolute;content:"";width:1920px;height:1px;background:#cccccc;left:50%;margin-left:-960px;top:186px}
.history .history_list{position:relative;z-index:2}
.history .history_list li{width:320px;height:430px;float:left;position:relative;}
.history .history_list .bg{line-height:0;overflow:hidden;width:320px;height:430px;opacity:0;-o-transition:all .3s ease;transition:all .3s ease;position:relative}
.history .history_list .bg img{width:320px;height:430px}
.history .history_list .con{width:320px;height:430px;position:absolute;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:115px 60px 0 40px}
.history .history_list .con h3{font-size:30px;font-weight:400;color:#333333;line-height:30px;margin-bottom:78px}
.history .history_list .con p{font-size:16px;line-height:30px;color:#333333;}
.history .history_list .con i{display:block;width:24px;height:24px;box-sizing:border-box;position:absolute;left:40px;top:173px;background: url(/css/../images/abt_ic.png) no-repeat center;}
.history .history_list li.on .bg{opacity:1}
.history .history_list li.on .bg img{border:5px solid #16205c;box-sizing: border-box;}
.history .history_list li.on .bg:after{ position: absolute;left:0;top:0;width: 100%;height: 100%;content: "";background: rgba(0,0,0,0.6); }
.history .history_list li.on .con h3,.history .history_list li.on .con p,.history .history_list li.on .con p span{color:#fff}
.history .history_list li.on .con i{width:1px;height:30px;background:url(/css/../images/abt_ich.png) no-repeat center;top:170px;border:none}
.history .his_prev{position:absolute;width:50px;height:50px;cursor:pointer;top:162px;-o-transition:all .3s ease;transition:all .3s ease;z-index:2;left: -60px;background: url(/css/../images/abt_prev.png) no-repeat center;}
.history .his_next{ position:absolute;width:50px;height:50px;cursor:pointer;top:162px;-o-transition:all .3s ease;transition:all .3s ease;z-index:2;right: -60px; background: url(/css/../images/abt_next.png) no-repeat center;}
.history .his_prev:hover{ background: url(/css/../images/abt_prevh.png) no-repeat center; }
.history .his_next:hover{ background: url(/css/../images/abt_nexth.png) no-repeat center; }


@media screen and  (min-width:230px) and (max-width:1440px){
   .history .history_list li{ width:270px;height:362px ; }
   .history .history_list .bg {width:270px;height:362px ;}
   .history .history_list .bg img{width:270px;height:362px ;}
   .history .history_list .con{width:270px;height:362px ;}
}


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

/*±íµ¥µ¯¿ò*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("/css/../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;
}