@charset "utf-8";
/* CSS Document */
html{color:#333;background:#fff}
*{margin:0;padding:0; font-size:14px;text-align: left;}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei";
    font-weight: normal;
	font-size:14px;
	letter-spacing:1px;
	text-align: left;
}
table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none;}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
strong {    font-weight: bold;
}
.w-100{width:100%; height:auto; overflow:hidden;}
.w-1100{width:1100px; margin:0 auto; overflow:hidden;}
.w-1200{width:1200px; margin:0 auto; overflow:hidden;}
.w-1200-1{width:1200px; margin:0 auto;}
.w-1236{width:1236px; margin:0 auto; overflow:hidden;}
.w-1280{width:1280px; margin:0 auto;}
.mar-top{ margin-top:20px;}
.line01{ width: 100%; border-top:#d8d8d8 1px solid; }
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mt-4{ margin-top:4px;}
.mt-6{ margin-top:6px;}
.mt-8{ margin-top:8px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-25{ margin-top:25px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-50{ margin-top:50px;}
.mt-60{ margin-top:60px;}
.mt-65{ margin-top:65px;}
.mt-70{ margin-top:70px;}
.mt-80{ margin-top:80px;}
.mt-90{ margin-top:90px;}
.mt-100{ margin-top:100px;}
.mt-110{ margin-top:110px;}
.mt-120{ margin-top:120px;}
.mt-130{ margin-top:130px;}
.mt-140{ margin-top:140px;}
.mt-150{ margin-top:150px;}
.mt-160{ margin-top:160px;}
.mt-170{ margin-top:170px;}
.mt-180{ margin-top:180px;}
.mt-250{ margin-top:250px;}

.mb-10{ margin-bottom:10PX;}
.mb-20{ margin-bottom:20PX;}
.mb-30{ margin-bottom:30px;}
.mb-40{ margin-bottom:40px;}
.mb-50{ margin-bottom:50px;}
.mb-60{ margin-bottom:60px;}

.bg-tc{ background-position:top center; background-repeat:no-repeat;}
.bg-tl{ background-position:top left; background-repeat:no-repeat;}
.bg-tr{ background-position:top right; background-repeat:no-repeat;}
.f-s13{ font-size:13px;}
.f-s14{ font-size:14px;}
.f-s15{ font-size:15px;}
.f-s16{ font-size:16px;}
.f-s17{ font-size:17px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.t-align-r{ text-align:right;}
.t-align-l{ text-align:left;}
.t-align-c{ text-align:center;}

.t-color-w{ color: #ffffff; }
.f-s18{ font-size: 18px; }
.f-s14{ font-size: 14px; }

/*TOP*/
.h-top01{ height: 34px; width: 100%; border-bottom:1px solid #d2d2d2; }
.h-top01-l{ float:left; width: 710px; height: 33px; line-height: 33px; color: #595959; font-size: 15px;}
.h-top01-r{ float: right; width: 243px; }
.h-top01-r a{ display: block; float: left; margin-top:7px;padding: 0px 10px; height: 18px; line-height: 18px; color: #595959; border-right:1px solid #595959; }
.h-phone{ float: right; width: 295px; }
.h-menu{
  width: 100%;
  height: 55px;
  background-color: #178af5;
}
/*END TOP*/ 

/*HOME MIDDLE*/
.h-tit01{ width: 100%; height:102px; }
.h-tit01 h2{ display: block; height: 45px; line-height: 45px; font-size: 26px; color: #188af5; text-align: center; }
.h-tit01 p{ display: block; height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #188af5;text-transform: uppercase;}
.h-tit01 .t1-line0{ width: 45px; margin: 0 auto; height: 10px; border-bottom: #188af5 3px solid; }
.h-line01{ border-bottom: #e5e5e5 1px solid; width: 100%; height: 2px;}

.h-tit02{ width: 100%; height:82px; }
.h-tit02 h2{ display: block; height: 45px; line-height: 45px; font-size: 26px; color: #636162; text-align: center; }
.h-tit02 p{ display: block; height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #636162;text-transform: uppercase;}
.h-tit02 .t1-line0{ width: 45px; margin: 0 auto; height: 10px; border-bottom: #636162 3px solid; }
.h-line02{ border-bottom: #e5e5e5 1px solid; width: 100%; height: 2px;}

.h-m1{ 
  width: 100%; 
  padding: 15px 0px; 
  border-top:1px dashed #188af5; 
  border-bottom: 1px dashed #188af5; 
}

.h-classify {
  *text-align:center; 
  width:1200px; 
  margin:0 auto; 
  padding-bottom:20px;
  padding-top:20px;
}
.h-classify ul {
  display:table;
  margin-left:auto;
  margin-right:auto;
}
.h-classify ul li{
  float:left;
  *float:none;
  *display:inline;
  *zoom:1; 
  margin-left:10px; 
  margin-right:10px; 
  width: 148px;
  height: 33px; 
  border: 1px solid #188af5;
  overflow:hidden; 
  position:relative; 
  z-index:10;
  text-align: center;
} 
.h-classify ul li a{
  display: block;
  width: 100%;
  height: 33px;
  line-height: 33px;
  font-size: 17px;
  color: #188af5;
  text-align: center;
}
.h-classify ul li:hover{
  background-color: #188af5;
  color: #fff;
}
.h-classify ul li:hover a{
  color: #fff;
}
.h-classify-hover{
	background-color: #188af5 !important;
    color: #fff !important;
	}
.h-classify-hover a{
	 color: #fff !important;
	}
.h-pro001{ 
  width: 1200px; 
  height: auto; 
  margin: 0 auto; 
  overflow: hidden;
}
.h-pro001 ul{ 
  width: 1300px; 
  padding:40px 0px; 
}
.h-pro001 ul li{ 
  float: left; 
  width: 292px; 
  height: 390px; 
  margin-right: 10px; 
}
.h-pro001 ul li .line01{
  width: 100%;
  height: 4px;
  background: url(../images/bg04.jpg) repeat-x top center;
}
.h-pro001 ul li .tu{ 
  width: 290px; 
  height: 213px; 
  overflow: hidden; 
  position: relative; 
  border: #e6e4e5 1px solid; 
}
.h-pro001 ul li .tu .tu01{ 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:10;
  width: 290px; 
  height: 250px; 
}
.h-pro001 ul li .tu .uptu{ 
  position:absolute; 
  top:0px; 
  left:0px;
  z-index:30;
  width: 290px; 
  height: 213px; 
  background-color: rgba(0, 71, 157, 0.53);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s ease-out; 
  -moz-transition: all 0.2s ease-out; 
  transition: all 0.2s ease-out;
}

.h-pro001 ul li:hover .tu .uptu{ 
  top:0px; 
  left:0px;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  -webkit-transition: all 0.2s ease-out; 
  -moz-transition: all 0.2s ease-out; 
  transition: all 0.2s ease-out;
}
.h-pro001 ul li .tu .uptu .tit001{
  width: 238px;
  height: 165px; 
  margin: 0 auto; 
  padding-top: 40px; 
}
.h-pro001 ul li .tu .uptu .tit001 a h3{ 
  display: block; 
  margin-top:18px;
  height: 40px; 
  font-size: 20px; 
  color: #fff; 
  text-align: center; 
}
.h-pro001 ul li .tu .uptu .tit001 p{
  display: block;
  margin: 0 auto;
  width:126px;
  height: 32px;
  border: 1px solid #fff;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 32px;
}
.h-pro001 ul li .tit-01{ 
  width: 289px; 
  height: 111px; 
  padding-bottom: 30px;
  border: #e6e4e5 1px solid; 
}
.h-pro001 ul li .tit-01 a h3{ 
  display: block; 
  margin-top:5px; 
  height: 42px; 
  font-size: 17px; 
  color: #3b3b3b; 
  line-height: 45px; 
  text-align: center;
}

.h-pro001 ul li .tit-01 .phone01{ 
  height: 40px; 
  font-size: 13px; 
  color: #1496f3; 
  text-align: center; 
  letter-spacing: 0px;
}
.h-pro001 ul li .tit-01 .qt01{
  width: 250px;
  height: 25px;
  margin: 0 auto;
}
.h-pro001 ul li .tit-01 .qt01 .qt01-l{
  float: left;
  width: 103px;
  height: 23px;
  border: 1px solid #e5e5e5;
  font-size: 13px;
  color: #646464;
  text-align: center;
  line-height: 23px;
}
.h-pro001 ul li .tit-01 .qt01 .more a{
  display: block;
  float: right;
  width:92px;
  height: 25px;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
  text-indent: 29px;
  background: url(../images/more3-1.jpg) no-repeat;
}
.h-pro001 ul li .tit-01 .qt01 .more a:hover{
  background: url(../images/more3-2.jpg);
  text-indent: 10px;
}
.part01{
  width: 100%;
  height: 832px;
  background:url(../images/bg01.jpg) no-repeat top center;
  overflow: hidden;
}
.part01-1{
  margin-left:500px;
  margin-top: 89px;
  width: 316px;
  height: 100px;
  font-size: 38px;
  color: #fff;
}
.part01-2{
  margin-left:433px;
  margin-top:85px;
  height: 80px;
  width: 769px;
  color: #f28202;
  font-size: 19px;
  letter-spacing: 0px;
}
.part01-3{
  margin-left:453px;
  margin-top:18px;
  width: 750px;
  height: 95px;
  font-size: 15px;
  color: #2c2c2c;
  line-height: 170%;
  overflow: hidden;

}
.part01-4{
  float: left;
  margin-left:120px;
  margin-top:175px;
  width: 270px;
  height: 93px;
  font-size: 38px;
  color: #f28202;
}
.part01-5{
  float: left;
  margin-top:149px;
  margin-left:81px;
  width: 720px;
  height: 149px;
  font-size: 15px;
  line-height: 170%;
  overflow: hidden;
}
.part02{
  width: 100%;
  height: 416px; 
  background-color: #f9f9f9;
}
.part02-bg1{
  margin-left:50px;
  margin-top:47px;
  background: url(../images/tu2-1.jpg) no-repeat top center;
}
.part02-bg2{
  margin-left:40px;
  margin-top:47px;
  background: url(../images/tu2-2.jpg) no-repeat top center;
}
.part02-bg3{
  margin-left:40px;
  margin-top:47px;
  background: url(../images/tu2-3.jpg) no-repeat top center;
}
.part02-1{
  width: 340px;
  height: 369px;
}
.part02-1 .nr{
  float: left;
  margin-top: 193px;
  margin-left: 65px;
  width: 206px;
  height: 114px;
}
.part02-1 .nr .l01{
  float: left;
  margin-top:3px;
  width: 5px;
  height: 21px;
  background-color: #f9b418;
}
.part02-1 .nr .p1-r01{
  float: right;
  width: 192px;
  height: auto;
}
.part02-1 .nr .p1-r01 h4{
  display: block;
  width: 100%;
  height: 28px;
  font-size: 16px;
  color: #282828;
}
.part02-1 .nr .p1-r01 p{
  display: block;
  width: 100%;
  height: 26px;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  font-size: 14px;
  color: #030303;
  line-height: 26px;
}
.part02-1 .nr .p1-r01 .more a{
  float: left;
  margin-top:19px;
  width: 91px;
  height: 24px;
  border: 1px solid #fab418;
  font-size: 14px;
  color: #fab418;
  text-align: center;
  line-height: 24px;
  border-radius: 15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
}
.part02-1 .nr .p1-r01 .more:hover a{
  background-color: #fab418;
  color: #fff;
}
.part03{
  width: 100%;
  height: 814px;
  background: url(../images/bg02.jpg) no-repeat top center;
}
.part03-1{
  float: left;
  margin-top:103px;
  width: 272px;
  height: 206px;
}
.part03-1 h4{
  height: 64px;
  font-size: 26px;
  color: #5a6783;
}
.part03-1 p{
  font-size: 17px;
  color: #7b7b7b;
}
.part03-1-zi{
  font-size: 17px;
  color: #5a73a7;
}
.part03-2{
  float: left;
  margin-top:103px;
  margin-left:157px;
  width: 272px;
  height: 206px;
}
.part03-2 h4{
  height: 64px;
  font-size: 26px;
  color: #5a6783;
}
.part03-2 p{
  font-size: 17px;
  color: #7b7b7b;
}
.part03-2-zi{
  font-size: 17px;
  color: #5a73a7;
}
.part03-3{
  float: left;
  width: 272px;
  height: 206px;
}
.part03-3 h4{
  height: 64px;
  font-size: 26px;
  color: #f15b67;
}
.part03-3 p{
  font-size: 17px;
  color: #7b7b7b;
}
.part03-3-zi{
  font-size: 17px;
  color: #f15b67;
}
.part03-4{
  float: right;
  margin-top:170px;
  width: 272px;
  height: 206px;
}
.part03-4 h4{
  height: 64px;
  font-size: 26px;
  color: #5a73a7;
  text-align: right;
}
.part03-4 p{
  font-size: 17px;
  color: #7b7b7b;
  text-align: right;
}
.part03-4-zi{
  font-size: 17px;
  color: #5a73a7;
}
.part04-1{
  margin:0 auto;
  width: 1070px;
  height: 50px;
  background-color: #ff6f3d;
  font-size: 22px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
}
.part04-2{
  width: 100%;
  height: 485px;
  background: url(../images/bg03.jpg) no-repeat top center;
}
.part04-3{
  width: 100%;
  height: 125px;
}
.part04-3-l{
  float: left;
  width: 482px;
  height: auto;
  font-size: 20px;
  color: #ffc001;
  letter-spacing:0px;
}
.part04-3-r{
  float: right;
  margin-top:30px;
  width: 482px;
  height: auto;
  font-size: 20px;
  color: #3a3a3a;
  letter-spacing:0px;
}
.part05{
  width: 100%;
  height: auto;
  background: url(../images/bg05.jpg) no-repeat bottom center;
}
.h-case01{
  width: 1200px;
  height: auto;
  overflow: hidden;
}
.h-case01 ul{
  width: 1300px;
  padding-top:80px;
  padding-bottom: 50px;
}
.h-case01 ul li{
  float: left;
  margin-right: 32px;
  margin-bottom: 70px;
  width: 378px;
  height: 340px;
}
.h-case01 ul li .tu{
  width: 378px;
  height: 268px;
  overflow: hidden;
}
.h-case01 ul li .tu a{
  margin: 0px;
  padding:0px;
}
.h-case01 ul li .tu .tu01{
  width: 378px;
  height: 368px;
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
  overflow: hi
}
.h-case01 ul li:hover .tu .tu01{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;
}
.h-case01 ul li a{
  display: block;
  margin-top: 17px;
  height: 30px;
  width: 100%;
  font-size: 16px;
  color: #292927;
}
.h-case01 ul li .date01{
  width:100%;
  height: 13px;
  font-size: 13px;
  color: #252a26;
}
.part06-1{
  float: right;
  width: 813px;
  height: 206px;
  border-bottom: 3px solid #e5e5e5;
}
.part06-1 .p06-1{
  float: left;
  margin-top:35px;
  margin-left:44px;
  width: 630px;

}
.part06-1 .p06-1 a{
  display: block;
  width: 100%;
  height: 44px;
  font-size: 18px;
  color: #414040;
  overflow: hidden;
}
.part06-1 .p06-1:hover a{
  color: #015cb5;
}
.part06-1 .p06-1 p{
  display: block;
  width: 490px;
  height: 45px;
  font-size: 14px;
  color:#9e9e9e;
  line-height: 170%;
  overflow: hidden;
}
.part06-1 .date01{
  float: left;
  margin-top:38px;
  width: 91px;
  height: 95px;
  font-size: 14px;
  color: #b0b0b0;
  line-height: 91px;
}
.part06-1 .img01{
  float: right;
  margin-top: 35px;
}
.h-news01{
  margin-top:52px;
}
.h-news01 li{
  margin-bottom:30px;
  width: 100%;
  height: 70px;
  border-bottom: 3px solid #e5e5e5;
}
.h-news01 li p{
  display: block;
  float: left;
  width: 143px;
  height: 39px;
  background-color: #313131;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 39px;
}
.h-news01 li:hover p{
  background-color: #026c21;
}
.h-news01 li a{
  display: block;
  float: left;
  margin-left:22px;
  width: 870px;
  height: 38px;
  font-size: 16px;
  color: #313131;
  line-height: 38px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out; 
  -moz-transition: all 0.2s ease-out; 
  transition: all 0.2s ease-out;
}
.h-news01 li:hover a{
  color: #026c21;
  text-indent: 10px;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}
.h-news01 li .date01{
  float: left;
  width: 95px;
  height: 38px;
  font-size: 14px;
  color: #afafaf;
  line-height: 20px
}

.h-huoban{
  width:1200px;
  height: auto;
  overflow: hidden;
}
.h-huoban ul{
  width: 1300px;
  padding-top: 30px;
}
.h-huoban ul li{
  float: left;
  margin-right: 13px;
  margin-bottom: 8px;
  width: 227px;
  height: 37px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.h-huoban ul li a{
  display: block;
  width: 100%;
  height: 37px;
  font-size: 14px;
  color: #313131;
  line-height: 37px;
  text-align: center;
}
.h-huoban ul li:hover a{
  background-color: #026c21;
  color: #fff;
}

/*END hOME MIDDLE*/

/*内页*/
.NY-title001{ width:100%; height: 450px; background-position: top center; }
/*end内页*/


/*bOTTOM*/
.b-link{ height: 50px; width: 100%; border-bottom: 1px solid #e5e5e5; }
.b-link h5{ display: block; float: left; height: 50px; line-height: 50px; font-size: 15px; color: #171717; margin-right: 15px; }
.b-link a{ display: block; float: left; height: 50px; line-height: 50px; font-size: 15px; color: #171717; margin-right: 10px; }

.h-foot01{
  width: 100%;
  height: 683px;
  background:url(../images/foot-bg.jpg) no-repeat top center;
}
.h-f-tit01{
  margin-top:37px;
}
.h-f-tit01 h4{
  width: 100%;
  height: 38px;
  font-size: 27px;
  color: #bbbbbb;
  text-align: center;
}
.h-f-tit01 p{
  height: 20px;
  font-size: 17px;
  color: #bbbbbb;
  text-align: center;
}
.h-foot012{
  margin-top:278px;
}
.h-1110{
  margin:0 auto;
  width: 1110px;
  height: auto;
}
.h-foot012-1{
  float: left;
  width: 340px;
  height: 155px;
}
.h-foot012-1 h4{
  width: 100%;
  height: 16px;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
}
.h-foot012-1 p{
  padding-top:23px;
  height: auto;
  line-height: 120%;
  font-size: 14px;
  color: #171717;
}
.h-f01zi01{
  width:100%;
  height: 24px;
  font-size: 18px;
  color: #000000;
  line-height: 24px;
}
.h-foot3{
  float: left;
  width: 150px;
  height: auto;
}
.h-foot3 h4{
  height: 24px;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}
.h-f-class01{
  margin-top:18px;
}
.h-f-class01 a{
  display: block;
  margin-bottom:9px;
  width: 100%;
  height: 26px;
  font-size: 15px;
  color: #6b6b6b;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all 0.2s ease-out; 
  -moz-transition: all 0.2s ease-out; 
  transition: all 0.2s ease-out;
}
.h-f-class01 a:hover{
  background-color: #015cb5;
  color: #fff;
  text-indent: 10px;
  line-height: 26px;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}
.h-foot4{
  float: right;
  margin-right: 70px;
  width: 330px;
  height: auto;
}
.h-foot4 h4{
  margin-bottom: 15px;
  height: 24px;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}
.h-foot4 a{
  display: block;
  float: left;
  width: 105px;
  height: 18px;
  font-size: 15px;
  color: #7b7b7b;
}
.h-foot4 a:hover{
  color: #005db4;
}
.h-bq{
  margin: 0 auto;
  width: 600px;
  height: 30px;
  border:1px solid #e5e5e5;
  text-align: center;
  line-height: 30px;
  color: #7b7b7b;
  font-size: 15px;
}
.h-bq a{
  color: #7b7b7b;
}
.h-bq a:hover{
  color: #015db4;
}

/*END bOTTOM*/


/*首页渐出效果*/

.js .animate-box {
  opacity: 0;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*END 首页渐出效果*/

/*效果*/
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDownbig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownbig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownbig {
  -webkit-animation-name: fadeInDownbig;
  animation-name: fadeInDownbig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}


/*首页渐出效果*/
.js .animate-box {
  opacity: 0;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*END 首页渐出效果*/

/*my动画*/
@keyframes mymove01
{
30%  {top:130px; left:0px; height: 100px; line-height: 100px;background-color: rgba(227, 34, 53, 0.6);}
70%  {top:50px; left:0px; height: 50px; line-height: 50px; background-color: rgba(9,93,178,0.6);}
100% {height: 38px;}
}

@-moz-keyframes mymove01 /* Firefox */
{
30%  {top:130px; left:0px; height: 100px; line-height: 100px;background-color: rgba(227, 34, 53, 0.6);}
70%  {top:50px; left:0px; height: 50px; line-height: 50px; background-color: rgba(9,93,178,0.6);}
100% {height: 38px;}

@-webkit-keyframes mymove01 /* Safari and Chrome */
{
30%  {top:130px; left:0px; height: 100px; line-height: 100px;background-color: rgba(227, 34, 53, 0.6);}
70%  {top:50px; left:0px; height: 50px; line-height: 50px; background-color: rgba(9,93,178,0.6);}
100% {height: 38px;}
}

@-o-keyframes mymove01 /* Opera */
{
30%  {top:130px; left:0px; height: 100px; line-height: 100px;background-color: rgba(227, 34, 53, 0.6);}
70%  {top:50px; left:0px; height: 50px; line-height: 50px; background-color: rgba(9,93,178,0.6);}
100% {height: 38px;}
}
/*end my动画*/
.ny-class-bg{
	width: 100%;
	height: 68px;
	background-color: #026c21;
	overflow: hidden;
}