@media screen and (max-width: 1660px) { 
.w1600{ margin:0 auto; width:1200px;}
.w1400{ margin:0 auto; width:1200px;}
}
.header_main { width: 100%; height:92px; z-index: 20; width: 100%; background:url(../images/p15_02.png);}
.header_main1{ position: fixed; left: 0; top: 0;width: 100%;z-index: 9999;}
.header_main2{ position:absolute; left: 0; top: 0;width: 100%;z-index: 9999;}
.header_main3{ position:absolute;}
.header_main.hea_tou{ background:#0263ce;}
.hea_tou.xc { width: 100%; height:92px; z-index: 20; width: 100%; background:#fff;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}


.header_main .header { width:100%;}
.header { }
.header .logo { display: inline-block; margin-left: 60px; margin-top: 18px; }
.header .logo .img2{ display:none;} 
.hea_tou.xc .header .logo .img2{ display:block;} 
.hea_tou.xc .header .logo .img1{ display:none;} 
.header .search-box { position: relative;z-index: 66; margin-right:30px; }
.header .search-box .butn { display: block; cursor: pointer; width: 70px; height:70px; padding-top:22px; }
.header .search-box .butn i { width: 40px; height: 45px; background-position: 0 -235px; margin: 0 auto; }
.header .search-box .butn.hov { background: url(../images/ico_60.png) no-repeat center #f91747; }
.header .search-box .butn.hov i { display: none; }
.header .share-sub { position: absolute; right: 70px; top: 0; width: 0; height: 92px; overflow: hidden; background: #ededed; }
.header .share-sub .sub-btn { border: none; width: 48px; height: 70px; background-position: -42px 0;margin-top: 10px; cursor:pointer; }
.header .share-sub .tex { width: 200px; font-size: 14px; height: 15px; line-height: 14px; padding: 37px 10px 38px; color: #666; border: none; background: #ededed;/*margin-top: 10px;*/outline: none; }
.header .lang-box { margin-top: 21px; margin-right: 39px; }
.header .lang-box a { display: inline-block; text-align: center; color: #fff; font-size: 12px; margin-left: 29px; }
.header .lang-box .stt { display: inline-block; line-height: 30px; font-size: 14px; color: #777; margin-right: 4px; }
.header .nav { display:inline-block;position: absolute;right:120px;top: 0;}
.header .nav ul{ display:inline-block;position: relative;}
.header .nav li {text-align: center; height:92px;font-size: 16px;float: left;display:block; line-height:92px; position: relative; }
.header .nav li a {position: relative;color: #fff; line-height:92px; padding:0 38px;text-shadow:0px 1px 2px rgba(1, 30, 45, .5);}
.header .nav li i {display:block;width:0px;height:4px;background-color: #e94b45; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position:absolute;bottom:-1px; left:0; }
.header .nav li:hover i,.header .nav li.hover i{ width:100%; display:none;}
.header .nav li:hover a, .header .nav li.hover a { color: #fff; font-weight: bold; }
.header .nav a {height:100px;font-size:18px;color: #fff;line-height:18px;/* width: 100%; */display:block;}
.header .nav a:hover { color: #0068b7; }
.header .nav .sub-box { background-color:rgba(255, 255, 255, 1); width:100%; position: absolute; left:0; top:92px; display: none; }
.header .nav li:hover .sub-box{ display:block;} 
.header .nav .sub-box p {width: 100%;}
.header .nav .sub-box .img1{ width: 45%;display: block;padding: 3%;padding-left: 0;}
.header .nav .sub-box p a { border-bottom: 1px solid #ddd;
color: #333 !important;
line-height: 46px !important;
height: 46px !important;
padding: 0;
font-weight: 100;
text-align: center;
overflow: hidden;
vertical-align: top;
font-size: 14px;
display: block;
background: none;
transition: ease-in-out 0.2s;
text-shadow: none;
float: left;
width: 100%;
text-align: center;
margin-bottom: 0;}
.header .nav .sub-box p a:hover {background:#e94b45;text-indent: 6px;color:#fff!important;}
/*.header_main2 .header .nav li a{ color:#333;}
.header_main2 .header .nav li:hover a,.header_main2 .header .nav li.hover a{color: #e94b45; }
.header_main2 .header .nav li:hover .sub-box a,.header_main2 .header .nav li.hover .sub-box a{ color:#333;}
.header_main2 .header .nav .sub-box { background-color: rgba(255, 255, 255, 1);}
.header_main2 .header .nav .sub-box p{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.header_main2 .header .nav li .sub-box a:hover{color: #e94b45;}

.header_main2 .header .search-box .butn i { width: 45px; height: 45px; background-position:-73px -235px; margin: 0 auto;}

.header_main3 .header .nav li a{ color:#333;}
.header_main3 .header .nav li:hover a,.header_main3 .header .nav li.hover a{color: #e94b45; }
.header_main3 .header .nav li:hover .sub-box a,.header_main3 .header .nav li.hover .sub-box a{ color:#333;}
.header_main3 .header .nav .sub-box { background-color: rgba(255, 255, 255, 1);}
.header_main3 .header .nav .sub-box p{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.header_main3 .header .nav li .sub-box a:hover{color: #e94b45;}*/
.hea_tou.xc .header .nav a { height: 92px;}
.header_main3 .header .search-box .butn i { width: 45px; height: 45px; background-position:-73px -235px; margin: 0 auto;}

.hea_tou.xc .header .nav li a { color: #333; text-shadow:none;}
.hea_tou.xc .header .nav li:hover a,.hea_tou.xc .header .nav li.hover a {
  color:#e94b45;}
.hea_tou.xc .header .nav .sub-box p a { color: #333;}
.hea_tou.xc .header .nav .sub-box p a:hover { color:#e94b45;}
.hea_tou.xc .header .search-box .butn i { background-position: 0 -0px;}

@media screen and (max-width: 1660px) { 
.header .nav li a {  padding: 0px 24px;}

}

.togbtn .ico{position:absolute;top:50%;margin-top:-30px;cursor:pointer;width:60px;height:60px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;z-index:22}
.togbtn .ico.prev{background:url("../images/prev.png") no-repeat center center;}
.togbtn .ico.prev:hover{background:url("../images/prev_h.png") no-repeat center center}
.togbtn .ico.next{background:url("../images/next.png") no-repeat center center;}
.togbtn .ico.next:hover{background:url("../images/next_h.png") no-repeat center center;}
/*.banner .togbtn .prev{left:7%}
.banner .togbtn .next{right:7%}*/
.wrap{width:100%;height:100%;position:relative;z-index:1}
.wrap .mouse-ico{position:absolute;width:18px;height:108px;left:50%;margin-left:-7px;bottom:58px;z-index:20;background:url("../images/mouseLine.png") no-repeat top center;animation:mousemove 3s linear 1s infinite}
.wrap .mouse-ico span{position:absolute;bottom:0;width:18px;height:28px;background-position:0 -128px}
#menu{position:fixed;left:1%;top:50%;margin-top:-64px;z-index:10;}
#menu li{width:6px;height:6px;margin:7px 0;transition:all ease 0.3s;background:#b8b8b8;border-radius: 12px;}
#menu li.active{background:#e94b45;}
#menu li a{display:block;width:100%;height:100%}
#menu li:hover,#menu li.active{width:15px;background:#e94b45;transition:all ease 0.3s;}
.wel-number{position:fixed;z-index:10;left:2.2%;top:50%;margin-top:80px;padding-top:86px;background:url("../images/wel22.png") no-repeat top center;font-size:14px;font-family:arial;color:#535353;text-align:center;line-height:26px;background-size:1px 70px}
.wel-number .num{font-size:24px;font-family:arial;color:#ff6f00}
.wrap .section_1 .banner{position:relative;width:100%;overflow:hidden}
.wrap .section_1 .banner .list{float:left;width:100%;position:relative;overflow:hidden}
.wrap .section_1 .banner .list .bannerimg{position:absolute;top:0px;left:0;margin:0 auto;text-align:center;width:100%;min-height:100%}
.wrap .section_1 .banner .list .item{position:absolute;left:0;top:0;text-align:center;width:100%;overflow:hidden;background-position:center 80px;background-repeat:no-repeat;color:#fff;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box;}
.wrap .section_1 .banner .list a{display:block;overflow:hidden;width:100%;height:100%}
.wrap .section_1 .banner .list .item .img{
	position:absolute;left:0;top:0;
	width: 100%;
	height:100%;
    transform-origin:top left;
    -webkit-transform-origin:top left;
    -moz-transform-origin:top left;
    -o-transform-origin:top left;
    transform:scale(1);
    -webkit-transform:scale(1);
    -webkit-transition:transform 20s ease-out;
    -moz-transition:transform 20s ease-out;
    -ms-transition:transform 20s ease-out;
    transition:transform 20s ease-out;
	background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box;
}
/*.wrap .section_1 .banner .list .item.onactive .img{transform:scale(1.05);
    -webkit-transform:scale(1.05);}*/
.wrap .section_1 .banner .video-container{ width:100%; height:100%; position:relative;}
.wrap .section_1 .banner .list .block{display:block}
.wrap .section_1 .banner .tip{height:25px;text-align:center;position:absolute;left:150px;bottom:6%;z-index:3;}
.wrap .section_1 .banner .tip span{display:inline-block;width:6px;height:6px;color:#fff;text-align:center;line-height:26px;margin:0 5px;cursor:pointer;font-size:14px; border:#fff solid 2px; border-radius:20px;}
.wrap .section_1 .banner .tip span.cur{ border:#b44525 solid 2px; width:30px;}
.wrap .section_1 .banner .togbtn .prev{ width:18px; height:16px; position:absolute; right:116px; bottom:6%; cursor:pointer;display: none; z-index:66; opacity:0.5;} 
.wrap .section_1 .banner .togbtn .prev span{ display:block; width:18px; height:16px; background-position:-62px -197px;}
.wrap .section_1 .banner .togbtn .next{width:18px; height:16px; position:absolute; right:80px; bottom:6%; cursor:pointer;display: none; z-index:66; opacity:0.5;} 
.wrap .section_1 .banner .togbtn .next span{ display:block; width:18px; height:16px; background-position:-94px -197px;}
.wrap .section_1 .banner:hover .togbtn .prev{ display:block;}
.wrap .section_1 .banner:hover .togbtn .next{ display:block;}
.wrap .section_1 .banner .togbtn .prev:hover{opacity:1;}
.wrap .section_1 .banner .togbtn .next:hover{opacity:1;}
.wrap .section_1 .banner .video-container #video{
  width: 100%;
  height: 100%;
  transform: scale(1.1,1.1);
}
.wrap .section_1 .banner .video-container .tw{position: absolute;left: 12%;top: 19%;width: 39.6%;}
.wrap .section_1 .banner .video-container .tw img{ display: block; width:100%;}

.xiahua{background:url(../images/t3_03.png) no-repeat center center; width:21px; height:30px; position:absolute; left:50%; bottom:4%; margin-left:-10px;webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite;}
@keyframes bounce-down {
      25% {transform: translateY(-3px);}
      50%{transform: translateY(0);}
      75% {transform: translateY(3px);}
      100% {transform: translateY(0);}
     }
/*关于我们*/
.section_1 .section_2_1{ width:100%; height:100%; position:relative;background:url(../images/x1.jpg) no-repeat center center;}
.section_1 .section_2_11 .section_2_111 { width: 52%;}
.section_1 .sec_z{ padding-top:34%;}
.section_1 .sec_z .list li.li5 i{ display:block;}
.section_1 .sec_z .list li.li7 i{ display:none;}
.section_2{ width:100%; background-size:cover;}
.section_2 .screen-main{position:absolute;top:50%;left:50%;width:80%;height:430px;margin-left:-40%;margin-top:-215px;}
.section_2_1{ width:100%; height:100%; position:relative;background:url(../images/t7.jpg) no-repeat center center;}
.section_2_1 .w1400{ height:100%;}
.section_2_11{ display:inline-block; width:100%; position:relative; height:100%;}
.section_2_11 .section_2_111{ float:left; width:42%;}
.sec_z{ padding-top:30%;}
.sec_z .img{ display: block; width:312px;}
.sec_z h3{ font-size:50px; color:#fff; line-height:50px; font-weight:bold; position:relative; z-index:3; margin-top:-24px;}
.sec_z .x{ font-size:18px; color:#fff; line-height:26px; padding-top:4%;}
.sec_z .list{ display:inline-block; width:100%; padding-top:10%;}
.sec_z .list li{ float:left; position:relative; padding:0 4%; text-align:center;transition:all ease 0.36s;}
.sec_z .list li img{ display:block; margin:0 auto;}
.sec_z .list li p{font-size:14px; color:#fff; line-height:14px; padding-top:14px;}
.sec_z .list li i{ display:block; width:1px; height:20px; position:absolute; right:0; top:6px; background-color:#a7b7c8;}
.sec_z .list li.li1{ padding-left:0;}
.sec_z .list li.li5 i{ display:none;}
.sec_z .list li:hover{transform:translateY(-3px); transition:all ease 0.36s;}
.section_1 .section_2_11 .section_2_111 .sec_z .list li {
  
  padding: 0 2.6%;
}
.section_1 .section_2_11 .section_2_111 .sec_z .list li.li1{ padding-left: 0; }

.sec_z .a1{ display:block; width:170px; height:45px; background-color:#e94b45; border-radius:50px; text-align:center; margin-top:15%;}
.sec_z .a1:hover{ background-color:#c73833;}
.sec_z .a1 p{ display:inline-block;}
.sec_z .a1 p span{ float:left; display:block; font-size:16px; color:#fff; line-height:45px;}
.sec_z .a1 p i{ display:block; float:left;width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 8px;
border-color: transparent transparent transparent #fff;margin-top: 19px;margin-left: 14px;}
.section_2_112{ position:absolute; right:0; bottom:0; width:44%;}
.section_2_112 img{ display:block; width:100%;}

.section_2_113{ position:absolute; left:18%; bottom:2%;}
.section_2_113 ul{ display:inline-block;}
.section_2_113 ul li{ width:116px; float:left; margin:0 20px;}
.section_2_113 ul li img{ display:block; width:100%;}



@media screen and (max-width: 1660px) { 
.sec_z h3{ font-size:40px; line-height:40px;}
.section_2_112 {  width: 40%;}
.sec_z .a1{ width:160px; height:40px;}
.sec_z .a1 p span{ line-height:40px;}
.section_2_113 ul li{ width:100px;}
.sec_z .x {
    font-size: 16px;
}

}
@media screen and (max-width: 1200px) { 
	
}
.w1440{ margin:0 auto; width:1440px;}

/*产品*/
.section_3{position:relative;background:url(../images/t10.jpg) no-repeat center center;background-size:cover;}
.section_3 .w1400{ height:100%; position:relative;display:flex; justify-content: center; align-items: center;}
.section_3_1{ width:100%; }
.section_3_1 .sec_z { padding-top:0%;}
.section_3_1 .sec_z .x{ width:70%;}
.section_3_1 .sec_z .a1 { margin-top: 24%;}
.section_3_1 .parHd{ width:36%; float:left;}
.section_3_1 .parHd ul{ padding-top:10%;}
.section_3_1 .parHd ul li{ width:100%; display:inline-block; margin-top:5%;}
.section_3_1 .parHd ul li i{ display:block; width:15px; height:4px; float:left; border-radius:5px; margin-top:9px;}
.section_3_1 .parHd ul li p{ float:left; font-size:20px; color:#fff; line-height:20px; padding-left:12px;}
.section_3_1 .parHd ul li.on i{ background-color:#e94b45;}
.section_3_1 .parHd ul li.on p{ font-weight:bold;}

.section_3_1 .parBd{ width:55.6%; float:right;}
.section_3_1 .parBd .slideBox{ position:relative;}
.section_3_1 .parBd .slideBox li{ position:relative;}
.section_3_1 .parBd .slideBox li .m{ display:block; width:99.6%; border:#9db1c8 solid 1px;}
.section_3_1 .parBd .slideBox li .m img{ display:block; border:#3a6491 solid 9px;width: 97.7%;}
.section_3_1 .parBd .slideBox li:hover .m{ border:#e94b45 solid 1px;}
.section_3_1 .parBd .slideBox li h3{ font-size:20px; color:#fff; line-height:20px; padding-top:24px;}
.section_3_1 .parBd .slideBox li:hover h3{color:#e94b45;}
.section_3_1 .parBd .slideBox .sPrev{ display:block; width:36px; height:36px; background-color:#666; border-radius:50px; position:absolute; right:64px; bottom:-10px;display:flex; justify-content: center; align-items: center;}
.section_3_1 .parBd .slideBox .sNext{ display:block; width:36px; height:36px; background-color:#666; border-radius:50px; position:absolute; right:0px; bottom:-10px;display:flex; justify-content: center; align-items: center;}
.section_3_1 .parBd .slideBox .sPrev:hover,.section_3_1 .parBd .slideBox .sNext:hover{background-color:#e94b45;}
.section_3_1 .parBd .slideBox .sPrev span{ display:block; width:9px; height:14px; background-position:-105px -84px;}
.section_3_1 .parBd .slideBox .sNext span{ display:block; width:9px; height:14px; background-position:-127px -84px;}

@media screen and (max-width: 1660px) { 
.w1440{ margin:0 auto; width:1200px;}
.section_3_1 .sec_z .x{ width:80%;}
.section_3_1 .parBd .slideBox li .m img { width: 97.3%;}
}
@media screen and (max-width: 1366px) { 
}

/*新闻中心*/
.section_4{background:url(../images/t11.jpg) no-repeat center center;background-size:cover;}
.section_4_1{ display:inline-block; width:100%; height:100%; position:relative;}
.section_4_1 .w1400{ height:100%;}
.section_4_1 .section_4_112{ width:49%; position:absolute; right:0; bottom:10%;}
.section_4_111{ width:37%;}
.section_4_111 .x{ width:80%; padding-top:8%;}
.section_4_111 .sec_z .a1 { margin-top:22%;}
.section_4_111 .sec_z { padding-top:50%;}

@media screen and (max-width: 1660px) { 
.section_4_111 .sec_z {
    padding-top: 46%;
}
}

.section_5{position:relative;background:url(../images/t12.jpg) no-repeat center center;background-size:cover;}
.section_5 .w1400{ height:100%; position:relative;display:flex; justify-content: center; align-items: center;}

.sec_z1{ width:100%; display:inline-block;}
.sec_im{ width:52%; float:left;}
.sec_z1 .img{ display: block; width:312px;}
.sec_z1 h3{ font-size:50px; color:#fff; line-height:50px; font-weight:bold; position:relative; z-index:3; margin-top:-24px;}
.sec_z1 .x{ font-size:18px; color:#fff; line-height:26px; padding-top:4%;}
.sec_z1 .a1{ display:block; float:right; width:170px; height:45px; background-color:#e94b45; border-radius:50px; text-align:center; margin-top:3%; }
.sec_z1 .a1:hover{ background-color:#c73833;}
.sec_z1 .a1 p{ display:inline-block;}
.sec_z1 .a1 p span{ float:left; display:block; font-size:16px; color:#fff; line-height:45px;}
.sec_z1 .a1 p i{ display:block; float:left;width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 8px;
border-color: transparent transparent transparent #fff;margin-top: 19px;margin-left: 14px;}

.section_5_1{ width:100%; position:relative;}
.section_5_1 .swiper{ position:relative; width:100%; padding-bottom:90px; margin-top:5%;}
.section_5_1 .swiper-slide{float:left; position:relative;}
.section_5_1 .swiper-slide img{ display:block; width:100%;}
.section_5_1 .swiper-slide .txt{ background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; opacity:0;transition: all 0.36s ease;}
.section_5_1 .swiper-slide .txt .tit{ font-size:24px; color:#fff; line-height:24px; padding-top:30%;}
.section_5_1 .swiper-slide .txt p{ width:80%; margin:0 auto; font-size:16px; color:#fff; line-height:28px; padding-top:4%;}
.section_5_1 .swiper-slide:hover .txt{ opacity:1;}
.section_5_1 .swiper-container-horizontal .swiper-pagination-progressbar{ top:auto; bottom:26px;height: 2px;background:rgba(255, 255, 255, 0.3);width: 90%;}
.section_5_1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:#fff; height:2px;}
.section_5_1 .swiper .swiper-button-next{ border-radius:50%; width:36px !important; height:36px !important;color:#666;right: auto;left: 10px;}
.section_5_1 .swiper .swiper-button-prev{ border-radius:50%; width:36px !important; height:36px !important;color:#666;left: auto;right: 10px;}
.section_5_1 .swiper .swiper-button-prev span{ display:block;width: 9px;height: 14px;background-position: -105px -84px; margin:0 auto;}
.section_5_1 .swiper .swiper-button-next span{ display:block; width: 9px;height: 14px;background-position: -127px -84px; margin:0 auto;}
.section_5_1 .swiper .swiper-button-next:hover,.section_5_1 .swiper .swiper-button-prev:hover { background-color: #e94b45;}
.swi_n{position: absolute;right:46px;bottom:24px; z-index:12;}



@media screen and (max-width: 1660px) { 
  .section_5_1 .swiper { margin-top: 3%;}
  .sec_z1 h3{ font-size:40px; line-height:40px; }
}

.js-circles{
-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
 width:100%; height:100%;display: block;position: absolute;will-change: transform; z-index:0;  position:absolute; left: 0px; top: 0px;transition-duration: 1s; background-color:#f5f5f5;}

.section_6{background:url(../images/t16.jpg) no-repeat center center;background-size:cover;}
.section_6 .w1400{ height:100%; position:relative;display:flex; justify-content: center; align-items: center;}
.section_6_1{ width:100%; margin:0 auto; position:relative; z-index:2;}
.section_6_11{ width:58%; float:left;}
.section_6_11 .sec_z{ padding-top:0;}
.section_6_11 .sec_z .a1{ margin-top:10%;}
.floor_6_111{ display:inline-block; padding-top:10%; width:100%;}
.floor_6_111 dl{ float:left; position:relative; padding:0 7%;}
.floor_6_111 dl dt{ display:inline-block;}
.floor_6_111 dl dt span{font-size:40px; line-height:40px;color:#e94b45; display:block; float:left; font-family:"Arial";}
.floor_6_111 dl dt i{ display:block; float:left;font-size:14px; line-height:14px;color:#fff; padding-left:6px;padding-top: 18px;}
.floor_6_111 dl dd{font-size:14px; line-height:14px;color:#fff;}
.floor_6_111 dl b{ display:block; width:1px; height:54px; background-color:#7588a2; position:absolute; right:0; top:4px;}
.floor_6_111 dl.dl1{ padding-left:0;}
.floor_6_111 dl.dl4{ padding-right:0;}
.floor_6_111 dl.dl4 b{ display:none; }

.section_6_12{ width:35.4%; float:right; position:relative; margin-top:7%;}
.section_6_12 i{ display:block; width:100%; height:266px; margin-top:12px; margin-left:12px; background-color:#1863b8;}
.section_6_12 video{ display:block; width:100%; position:absolute; left:0; top:0; height:266px;}
.section_6_12 .hd{ display:none;}
.section_6_12 .bd{ width:100%;}
.section_6_12 .bd ul{ display:inline-block; width:100%;}
.section_6_12 .bd ul li{ width:340px; float:left; margin-right:60px;transition:all ease 0.36s;}
.section_6_12 .bd ul li img{ display:block; width:100%;}
.section_6_12 .bd ul li h3{ font-size:26px; line-height:34px; margin-top:50px; height:64px;}
.section_6_12 .bd ul li p{ font-size:14px; line-height:24px; margin-top:24px; color:#333; height:90px;}
.section_6_12 .bd ul li i{ font-size:20px; line-height:20px; color:#333;}
.section_6_12 .bd ul li:hover{transform:translateY(-3px); transition:all ease 0.36s;}

@media screen and (max-width: 1660px) { 
.floor_6_111 dl dt span { font-size: 36px; line-height: 36px;}
.floor_6_111 dl{ padding:0 5%;}

}
.section_7{background:url(../images/t17.jpg) no-repeat center center;background-size:cover;}
.section_7 .w1400{ height:100%; position:relative;display:flex; justify-content: center; align-items: center;}
.section_7_1{ width:100%; display:inline-block; position:relative;    padding-top: 5%; }
.section_7_1 .sec_z { padding-top:0%;}
.section_7_1 .sec_z .img1{ width:90%;}
.section_7_1 .parHd{ width:21%; float:left;}
.section_7_1 .parHd ul{ padding-top:20%;}
.section_7_1 .parHd ul li{ width:100%; display:inline-block; margin-top:5%;}
.section_7_1 .parHd ul li i{ display:block; width:15px; height:4px; float:left; border-radius:5px; margin-top:9px;}
.section_7_1 .parHd ul li p{ float:left; font-size:20px; color:#fff; line-height:20px; padding-left:12px;}
.section_7_1 .parHd ul li.on i{ background-color:#e94b45;}
.section_7_1 .parHd ul li.on p{ font-weight:bold;}

.section_7_1 .parBd{ width:78.6%; float:right;}
.section_7_1 .parBd .slideBox{ position:relative;}
.section_7_1 .parBd .slideBox li{ position:relative; width:336px; margin-left:30px; }
.section_7_1 .parBd .slideBox li a{ display:block;padding:26px; background-color:#fff;}
.section_7_1 .parBd .slideBox li .n{ display:block;font-size:14px; color:#333; line-height:14px; font-family:'Arial';}
.section_7_1 .parBd .slideBox li .n span{ display:inline-block;font-size:40px; color:#333; line-height:40px; padding-right:10px;}
.section_7_1 .parBd .slideBox li:hover .n{ color:#fff;}
.section_7_1 .parBd .slideBox li:hover .n span{ color:#fff;}
.section_7_1 .parBd .slideBox li .m{ display:block; width:100%; margin-top:20px;}
.section_7_1 .parBd .slideBox li .m img{ display:block; width: 100%;}
.section_7_1 .parBd .slideBox li:hover a{ background-color:#e94b45;}
.section_7_1 .parBd .slideBox li h3{ font-size:20px; color:#333; line-height:24px; padding-top:26px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.section_7_1 .parBd .slideBox li h4{font-size:14px; color:#666; line-height:24px; margin-top:14px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height:50px;}
.section_7_1 .parBd .slideBox li:hover h3{color:#fff;}
.section_7_1 .parBd .slideBox li:hover h4{color:#fff;}
.section_7_1 .parBd .slideBox li .i p{ font-size:14px; color:#666; line-height:14px; display:inline-block; padding-top:12px;}
.section_7_1 .parBd .slideBox li .i p span{ display:block; float:left; font-size:14px; color:#666; line-height:14px; }
.section_7_1 .parBd .slideBox li .i p i{ display:block; width:5px; height:7px; background-position:-154px -87px; float:left; margin-left:10px; margin-top:6px;}
.section_7_1 .parBd .slideBox li:hover .i p span{ color:#fff;}
.section_7_1 .parBd .slideBox li:hover .i p i{  background-position:-168px -87px;}

.section_7_1 .parBd .slideBox .sPrev{ display:block; width:36px; height:36px; background-color:#666; border-radius:50px; position:absolute; left:-300px; bottom:0px;display:flex; justify-content: center; align-items: center;}
.section_7_1 .parBd .slideBox .sNext{ display:block; width:36px; height:36px; background-color:#666; border-radius:50px; position:absolute; left:-240px; bottom:0px;display:flex; justify-content: center; align-items: center;}
.section_7_1 .parBd .slideBox .sPrev:hover,.section_7_1 .parBd .slideBox .sNext:hover{background-color:#e94b45;}
.section_7_1 .parBd .slideBox .sPrev span{ display:block; width:9px; height:14px; background-position:-105px -84px;}
.section_7_1 .parBd .slideBox .sNext span{ display:block; width:9px; height:14px; background-position:-127px -84px;}



.section_8{background:url(../images/t17.jpg) no-repeat center center;background-size:cover;}
.section_8 .w1400{ height:100%; position:relative;display:flex; justify-content: center; align-items: center;}
.section_8_1{ width:100%; display:inline-block; position:relative;    padding-top: 5%; }
.section_8_122{ width:34%; float:left;}
.section_8_122 .sec_z{ padding-top:0;}
.section_8_122 .sec_z i{ display:block; width:45px; height:4px; border-radius:6px; background-color:#e94b45; margin-top:6%;}
.section_8_14{ padding-top:8%;}
.section_8_14 p{ font-size:20px; color:#fff; line-height:40px; font-family:"Arial";}

.section_8_13{ width:55%; float:right;}
.section_8_13 .index_map{width:100%; height:240px;}
.section_8_13 .bnav{ width:100%; padding-top:6%;}
.section_8_13 .bnav ul{ display:inline-block; width:100%;}
.section_8_13 .bnav ul li{ float:left; padding-right:12%;}
.section_8_13 .bnav ul li a{ display:block; font-size:18px; color:#fff; line-height:18px;}
.section_8_13 .bnav ul li i{ display:block; width:20px; height:1px; background-color:#fff; margin-top:12px;}
.section_8_13 .bnav ul li .drop{ padding-top:10px;}
.section_8_13 .bnav ul li .drop a{font-size:14px; color:#bbb; line-height:30px;}
.section_8_13 .bnav ul li a:hover{ color:#fff; font-weight:bold;}

.section_8_13 .bnav ul li.li5{ padding-right:0;}

.section_7_102 { display: inline-block; padding-top: 17%; width: 100%;}
.section_7_121{ float:left; width:37.8%; margin-left:5.8%; position:relative;}
.section_7_121 p{ font-size:74px; color:#333; font-weight:bold; line-height:66px; font-family:"Arial";}
.section_7_121 i{ display:block; width:118px; height:2px; background-color:#333; top:106px; position:absolute; left:130px;}
.section_7_121 span{display:block;font-size:60px; color:#333; font-weight:bold; line-height:60px; padding-top:30px; }
.section_7_122{ float:left; width:56%;}
.section_7_13{ width:100%;}
.section_7_13 .bd{}
.section_7_13 .bd ul{ display:block; width:180px; height:180px; border-radius:5px; background-color:#fff; position:relative;}
.section_7_13 .bd ul img{ display:block; width:100%; border-radius:5px;}
.section_7_13 .bd ul i{ display:block;width: 0;height: 0;border-style: solid;border-width: 12px 8px 0 8px;border-color: #fff transparent transparent transparent; position:absolute; left:12px; bottom:-12px;}
.section_7_13 .bd ul.ul2 i{left: 70px;}
.section_7_13 .bd ul.ul3 i{left: 130px;}
.section_7_13 .bd ul.ul4{ margin-left:60px;}
.section_7_13 .bd ul.ul4 i{left: 130px;}
.section_7_13 .bd ul.ul5{ margin-left:100px;}
.section_7_13 .bd ul.ul5 i{left: 150px;}
.section_7_13 .hd{ padding-top:30px;}
.section_7_13 .hd ul{ display:inline-block; width:100%;}
.section_7_13 .hd ul li{ width:43px; height:43px; margin-right:17px; float:left;}
.section_7_13 .hd ul li .img1{ display:block;width:43px;}
.section_7_13 .hd ul li .img2{ display:block;width:43px; display:none;}
.section_7_13 .hd ul li.on .img1{ display:none;}
.section_7_13 .hd ul li.on .img2{ display:block;}

.section_7_14{ padding-top:50px; font-size:16px; color:#fff; line-height:16px;}
.section_7_14 p{font-size:32px; color:#fff; line-height:32px; font-family:"Arial"; padding-top:8px;}
.section_7_15{ padding-top:50px; color:#fff;}
.section_7_15 a{ color:#fff; padding-right:2%;}

@media screen and (max-width: 1660px) { 
.section_7_1 .parBd .slideBox .sPrev { left: -256px;}
.section_7_1 .parBd .slideBox .sNext { left: -200px;}
.section_7_1 .parBd .slideBox li {
    width: 295px;
    margin-left: 20px;
}
.section_8_13 .bnav ul li {
    float: left;
    padding-right: 10%;
}
.section_8_13 .bnav ul li .drop a {
    line-height: 26px;
}
.section_8_13 .index_map{height:200px;}
}

.fi_tb{width: 48px;
position:absolute;
right: 10px;
bottom: 10%;
z-index: 999;}
.fi_tb .ico {
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  overflow: hidden;
  transition: all ease 300ms;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 1px;
  padding: 0px;
  background: url(../images/fix-ico.png) no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
}
.fi_tb a{width:48px; height: auto; background: #e94b45; text-align: center; display: block; margin-bottom: 6px; position: relative; padding-top: 8px; border-radius:50px; padding-bottom: 7px;}
.fi_tb .fix_top .ico {
  background-position: 0 -128px;
}
.fi_tb .fix_top:hover .ico, .fi_tb .fix_top.hover .ico {
  background-position: -32px -128px;
}
.fi_tb a h3 {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  display: none;
}
.fi_tb a:hover {
  background-color: #e35c00;
  overflow: visible;
}


/* footer */
.bot1 .footerM{}
.bot2 .footerM{background:#20262f;}
.bot3 .footerM{background:#f7f7f7;}
.footerM{height:370px;overflow:hidden; width:100%;background:#313131;}
.footer{ padding-top:65px; text-align:center;}

.footer .foot_jz .qimg{ float:right; text-align:right;    width:30%;}
.footer .foot_jz .qimg img{ }
.footerM .f_left{position:relative;float:left;width:21.4%;height:430px;}
.footerM .f_left .left_box{padding-top:70px;}
.footerM .f_left .btlogo{display:block; background-color:#fff; padding:20px 0;}
.footerM .f_left .btlogo .img1{display:block;width:200px;height:116px;margin:0 auto;}
.footerM .f_left .btlogo .img2{display:block;width:180px;height:21px;margin:0 auto;margin-top:18px;}
.footerM .f_left .tel_box{padding-top:80px;}
.footerM .f_left .tel_box .zx{display:block;width:198px;height:18px;font-size:16px;line-height:18px;text-align:center;margin:0 auto;color:#fff;background:url("../images/btline.png") no-repeat center center;}
.footerM .f_left .tel_box .webTel{margin-top:20px;font-family:arial;font-size:30px;line-height:30px;text-align:center;color:#fff;}
.qimg .section_7_13 {
  width: 100%;
  margin-top: 40px;
}

.qimg .section_7_13 p{ float: left; margin-left: 20px; text-align: center; color: #fff; width: 120px; }

.qimg .section_7_13 .bd ul {
  width: 150px;
  height: 150px;}
.qimg .section_7_13 .bd ul.ul5 {
  margin-left: 130px;
}
.qimg .section_7_13 .bd ul.ul5 i {
  left: 130px;
}
.footerM .tel{ font-size:16px; color:#fff; line-height:16px;}
.footerM .tel p{ font-size:36px; color:#e94b45; line-height:36px; display:block; padding-top:8px;}
.footerM .tel span{ font-size:14px; color:#ccc; line-height:24px; background:url(../images/f5_06.png) left top no-repeat; padding-left:30px; display:block; margin-top:16px; padding-right:20px;}
.footerM .ewm{ float:right; width:150px; text-align:center; font-size:14px; color:#ccc;}
.footerM .ewm img{ display:block; width:150px; height:150px; padding-bottom:8px;}

.footerM .f_right{ width:100%; position:relative;height:479px;}
.footerM .footer_1{padding-top:64px;}
.footerM .foot_jz .bnav{float:left; width:70%;}
.footerM .footer_1 .qrcode{float:left;display:block; width:40%;}
.footerM .foot_jz .list{display:inline-block; width:100%;}
.footerM .foot_jz .list li{float:left; margin-right:6%;display:block;list-style:none;line-height:32px;text-align:left;overflow:hidden;}
.footerM .foot_jz .list .li1{padding-left:0;}
.footerM .foot_jz .list li dt{ height:36px;}
.footerM .foot_jz .list li dt a{display:block;font-size:18px;line-height:18px;color:#fff;}
.footerM .foot_jz .list dd{}
.footerM .foot_jz .list dd a{display:block;width:100%;font-size:14px;line-height:30px;color:#ccc;}
.footerM .foot_jz .list li a:hover{color:#fff;}
.footerM .foot_jz .list .drop a:hover{color:#fff;}
.footerM .f_right .qimg{}
.footerM .f_right .btlogo{ display:block; padding-bottom:24px;}
.footerM .f_right .qrcode .tit1{display:block;font-size:14px;line-height:22px;text-align:left;color:#fff; margin-top:18px;background:url("../images/r3_03.png") no-repeat 0 0; padding-left:32px;}
.footerM .f_right .qrcode .tit2{display:block;font-size:14px;line-height:22px;text-align:left;color:#fff; margin-top:18px;background:url("../images/r3_06.png") no-repeat 0 0; padding-left:32px;}
@media screen and (max-width: 1660px) { 
.footer .foot_jz .qimg {
    width: 30%;
}
.footerM .foot_jz .list li{margin-right:3%;}
.qimg .section_7_13 p{width: 100px;}	
}

.bottom_copy1{background:#313131;width:100%;height:60px;color:#cdd6d7;font-size:12px;line-height:60px; border-top:#464646 solid 1px;}
.bottom_copy1 a{color:#cdd6d7;}
.bottom_copy1 a:hover{text-decoration:underline;color:#e94b45;}
.bottom_copy1 span{ padding-right:6px;}

#navigation .toggle {position: absolute;top: 20px;right: 20px;width: 26px;height: 25px;background: url(../images/sprite.png) -79px -234px no-repeat;cursor: pointer;}
#navigation .toggle:hover {opacity: .8}
.isTouch #navigation .toggle:hover {opacity: 1}

#navigation {opacity: 0;-webkit-transition: opacity 0s 0.5s;-moz-transition: opacity 0s 0.5s;-o-transition: opacity 0s 0.5s;transition: opacity 0s 0.5s; display:none;}
#navigation{ -webkit-transform: translate3d(0, 0, 0);overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;width: 300px;background:#0095a3;z-index:2;}
.navActive #navigation{opacity: 1;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.wwrapper {width: 100vw;height: 100vh;}
#wrapper {-webkit-transition: left .33s cubic-bezier(.694, .0482, .335, 1);-moz-transition: left .33s cubic-bezier(.694, .0482, .335, 1);-o-transition: left .33s cubic-bezier(.694, .0482, .335, 1);transition: left .33s cubic-bezier(.694,.0482,.335,1);background:#fff;}
#wrapper{ position: relative;left: 0;width: 100%;min-height: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);z-index:100;}
.navActive #wrapper{left:-300px;overflow: hidden;background:#fff;}
.g_navbox{position:absolute;top:88px;left:0;width:100%;}
.g_navbox .g_nav{background:#0095a3;position: absolute;top: 0px;width: 100%;box-sizing: border-box;}
.g_navbox .g_navitm{position:relative;padding-top:7px;padding-bottom:7px;cursor:pointer;}
.g_navbox .g_navitm a{padding-left:50px;padding-right:0;position:relative;display:block;width:90px;padding-bottom:8px; font-size: 16px;line-height: 24px;letter-spacing: 2px;color: #fff;}
.g_navbox .g_navitm a.g_navname:hover{color:#e94b45;}
.g_navitm .g_navname::before{content: '';display: block;width: 3px;height: 20px;position: absolute;left: 0;top: 2px;background: #fff;transform: translateX(-100%);transition: all 0.3s;}
.g_navbox .g_navitm.g_navitmatv .g_navname::before{transform: translateX(0%);}
.g_navitm .g_navname:hover::before{transform: translateX(0%);}
.g_navbox .g_navitm .g_subnav a{padding-left:17%;font-size:14px;line-height:24px;color:#ccc;}
.g_navbox .g_navitm .g_subnav a:hover{color:#fff;}
.g_navbox .g_navitm i.fa{position:absolute;right:30px;top:14px;display:block;width:6px;height:11px;background:url("../images/gnav_t.png") no-repeat center center;background-size:6px 11px;cursor:pointer;}
.g_navbox .g_navitm.g_navitmatv .g_navname{color:#e94b45;} 
.g_navbox .g_navitm.g_navitmatv i.fa{transform:rotate(90deg);}


.g_navbox .g_navitm.on .g_navname::before{transform: translateX(0%);}
.g_navbox .g_navitm.on .g_navname{color:#e94b45;} 
.g_navbox .g_navitm.on i.fa{transform:rotate(90deg);}



.g_navej{display:none;}
.g_navejbox{position:relative;background: rgba(0,0,0,0.3);padding-top: 6px;opacity: 1;transition: all .5s cubic-bezier(.77,0,.175,1) .3s;}
.g_navitm.g_navitmatv .g_navejbox{opacity:1;}
.g_navejbox::before{content: '';display: block;background: rgba(0,0,0,0.3);width: 100%;height: 6px;position: absolute;left: 0;bottom: -6px;}
.g_navejbox .g_ejitm a{padding-left: 44px;padding-right: 50px;display: block;width:200px;font-size:14px;line-height:22px;text-indent:8px;}
.g_navejbox .g_ejitm a:hover{color:#e94b45;}

.g_navfoot{position:absolute;left:0;bottom:0;width:100%;padding-left:30px;padding-right:30px;box-sizing: border-box;}
.g_navfoot .g_inp{background: #fff;border-radius: 16px;overflow: hidden;height: 35px;position: relative;}
.g_navfoot .g_inp .g_inptext{float:left;height: 32px;font-size:14px;position: absolute;top: 1px;left:4px;transform: translateY(0%);display: block;width: calc(100% - 70px);margin-left: 18px;border: none;-webkit-appearance: none;outline: none;color:#999;}
.g_navfoot .g_inp .g_inpbtn{width: 40px;height: 100%;right: 10px;border:none;cursor: pointer;position: relative;background:url("../images/g_inpbtn.png") no-repeat center center;}
.g_conter{margin-top:32px;margin-left:8px;}
.g_conter .g_conitm{font-size:14px;line-height:18px;margin-bottom:14px;color:#fff;}
.g_conioc{padding-left:10px;padding-right:10px;margin-bottom:52px;margin-top:24px;}
.w_gbnm{position:relative;}
.g_conioctmig{width:32px;margin:auto;}
.g_conioctmig img{width:100%;cursor:pointer;}
.g_conioctm p{font-size: 12px;color: #fff;margin-top: 6px;line-height: 14px;}
.g_navfoot .tan{position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);width: 80px;display: none;}
.g_navfoot .tan img{width:100%;}



.ewmbox{width:300px;height:320px;padding-top:20px;background:#fff;z-index:9999;position:fixed;left:50%;top:50%;margin:-170px 0 0 -150px;text-align:center;font-size:16px;display:none}
.ewmbox .close{width:32px;height:32px;position:absolute;top:-25px;right:-40px;cursor:pointer;border-radius:100%;background:#f3f3f3 url(../images/dialogClose.png) no-repeat center center;transition:all ease 300ms}
.ewmbox .close:hover{transform:rotate(180deg)}
.ewmbox img{width:260px;height:260px;display:block;margin:0 auto 10px}
.dialog-layout{width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background:#000;opacity:0.3;filter:alpha(opacity=30)}
.erro{text-align:center;min-height:400px;color:red;font-size:18px;padding-top:20px;background:#fff;}

/*友情链接*/
.bottom_copy{}
.friendLink{line-height:16px;margin-top:6px;}
.friendLink .link{float:left;}
.friendLink .item{float:left;margin-left:12px;cursor:pointer;}
.friendLink .item:first-child{margin-left:0;}
.friendLink .link{margin-right:3px;}
.friendLink .item:hover{color:#ff7000;}
.bottom_copy .bt{line-height:30px;}
.btns{ clear:left; padding-top:3%; padding-left:10%;}
.btns .bt{ width:100%;}
.btns .bt .links-info{ font-weight:bold; display:block; line-height:20px;float: left;}
.btns .bt ul{ display:inline-block; padding-left:6px;}
.btns .bt ul li{ float:left; padding-right:10px;line-height:20px;}

.about_showvideo {  z-index:999;position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6) ; top:0px; left:0px;display:none;}
#about_closevideo {font-size:28px; color:#fff; position:absolute; width:30px; height:30px; text-align:center; line-height:30px; right:20%; top:20%; cursor:pointer; *color:#000;transition: all 0.3s ease-out 0s;}
#about_closevideo:hover {border:1px solid #fff; border-radius:50%; transform:rotate(360deg);*border:1px solid #000; }



/*index css end*/

.fix_top{position:fixed;bottom:12%;right:3%;display:block;width:80px;height:80px;background:url("../images/go_top.png") no-repeat center center;background-size:80px 80px;z-index:1000;cursor:pointer;display:none;}



/*chrome */
::-webkit-scrollbar-track-piece{width:5px; background-color:#f8f8f8;}
::-webkit-scrollbar{width:5px; background-color:#aeaeae;}
::-webkit-scrollbar-thumb{width:5px; background-color:#656565;}
::-webkit-scrollbar-thumb:hover{width:5px; background-color:#e94b45;}


/* Underline From Center1 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #db261d; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 2px solid #db261d; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}


@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*animated*/
.onactive .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.active .animated.fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.active .opacityA {
  -webkit-animation-name: opacityA;
  animation-name: opacityA;
}
.hvr-light {
  overflow: hidden;
  position: relative;
}
.hvr-light:before {
  content: "";
  position: absolute;
  width: 90px;
  height: 370px;
  top: -0px;
  left: -200px;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-32deg);
  -ms-transform: skewX(-32deg);
  -moz-transform: skewX(-32deg);
  transform: skewX(-32deg);
}
.hvr-light:hover:before {
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  -ms-transition: left 1s;
  transition: left 1s;
  left: 1300px;
}
.hvr-light:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
@keyframes opacityA {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.active .scale {
  -webkit-animation-name: scale;
  animation-name: scale;
}
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.active .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.active .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes rotates {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotates {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.active .start {
  -webkit-animation-name: start;
  animation-name: start;
  animation-iteration-count: infinite;
}
@-webkit-keyframes start {
  0%,
  30% {
    opacity: .5;
    -webkit-transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    -webkit-transform: translate(0, -6px);
  }
}
@-moz-keyframes start {
  0%,
  30% {
    opacity: .5;
    -moz-transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    -moz-transform: translate(0, -6px);
  }
}
@keyframes start {
  0%,
  30% {
    opacity: .5;
    transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    transform: translate(0, -6px);
  }
}
@keyframes mousemove {
  0% {
    transform: translateY(-5px);
  }
  25% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-5px);
  }
}
.onactive .flyInDown {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInUp {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInRight {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .flyInLeft {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .Swing1 {
  -webkit-animation-name: Swing1;
  animation-name: Swing1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes Swing1 {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
  }
}
@-moz-keyframes Swing1 {
  0% {
    -moz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-o-keyframes Swing1 {
  0% {
    -oz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
/*# sourceMappingURL=css.css.map */


input::-webkit-input-placeholder { /* WebKit browsers */
    color:#333;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#333;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#333;
}
 input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#333;
}
 textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #333;
    }
    textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #333;
    }
    textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #333;
    }
    textarea::-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #333;
    }
	
	input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
　　 color: #333;
}
input::-webkit-input-placeholder { /* WebKit browsers*/ 
　　color:#333;
　　}