@charset "utf-8";
/* CSS Document */
.section1{ background:url(../img/page1-bg.jpg) no-repeat left top; background-size: cover;}
.section2,
.section4{ background-color:#DD1A20;}
.section5{ background-color:#F1F1F1;}
.section6{ background-color:#535353;}
.page1,
.page2,
.page3,
.page4,
.page5,
.page6{ position:absolute; left:0; top:0; width:100%; height:100%;}
.page1 .slide{ position:relative; width:100%; height:100%; display:table;}
.page1 .slide article{ position:relative; width:100%; padding-top:100%;}
.page1 .slide video{ 
   /* top: -93px; left: 0px; min-width: 0px; width: 1920px; min-height: 999px; height: auto;*/
  width:100%;
  height:auto;
  position: absolute;
  z-index: 9; 
  left:0;
  top:0;
}
.fp-prev,.fp-next{ display:none;}
.waper-slide{ width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; bottom:5%; z-index:99;
	-webkit-transition:all .4s linear 0s;
	-moz-transition:all .4s linear 0s;
	-ms-transition:all .4s linear 0s;
	transition:all .4s linear 0s;
}
.waper-slide:hover{
	transform:  scale(1.08,1.08);
	-webkit-transform:  scale(1.08,1.08);
	-moz-transform: scale(1.08,1.08);
	-ms-transform:  scale(1.08,1.08);
}
.gun-slide{ position:absolute; height:48px; left:58px; bottom:40px; z-index:9;
   animation:ante 1s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate;
   -webkit-animation:ante 1s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate;
}
@keyframes ante
{ 
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
  } 
  50%{
	  transform:translateY(-10px);
	  -webkit-transform:translateY(-10px);
	  }
  to{
	  transform:translateY(0px);
	  -webkit-transform:translateY(0px);
	 }  
}
@-webkit-keyframes ante
{ 
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
  } 
  50%{
	  transform:translateY(-10px);
	  -webkit-transform:translateY(-10px);
	  }
  to{
	  transform:translateY(0px);
	  -webkit-transform:translateY(0px);
	 }  
}
.gun-slide span img{ vertical-align:middle;}
.gun-slide font{ color:#DD1A20; vertical-align:middle; display:inline-block; margin-left:18px;}
.gun-slide2 font{ color:#fff;}

.sect-tit{ position:absolute; left:0; top:178px; width:308px; border-bottom:1px solid #fff; padding-bottom:15px; display:table; z-index:9;}
.sect-tit h2{ color:#fff; position:relative; width:250px; display:table; margin-left:58px;}
.sect-tit2 h2{ width:284px;}
.sect-tit h2 span{ display:inline-block;font-size:28px; font-weight:bold;}
.sect-tit h2 font{ display:inline-block; margin-left:3px; margin-top:3px; font-size:28px; font-weight:bold; font-family:"Arial"; text-transform:uppercase;}
.sect-tit h2 small{ display:inline-block; font-size:12px; position:absolute; right:0; top:5px;  text-transform:uppercase;}
.sect-tit3{ border-color:#DD1A20;}
.sect-tit3 h2{ width:312px; color:#DD1A20}

.page2 .sec-cont{ width:1104px; height:476px; position:absolute; left:50%; margin-left:-552px; top:50%; margin-top:-238px;}
.page2 .page2-left{ 
width:560px;
float:left;
opacity:1;
transform:translateX(0px);
-moz-transform:translateX(0px);
-webkit-transform:translateX(0px);
-ms-transform:translateX(0px);
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
}
.page2 .page2-left h3{ font-size:29px; color:#fff; margin-top:88px;line-height: 42px;font-weight: bold;}
.page2 .page2-left p{ font-size:14px; color:#fff; margin-top:12px; line-height:28px;}
.page2 .page2-left a{ display:block; width:98px; height:29px; margin-top:78px; text-align:center; line-height:29px; background-color:#fff; font-size:14px; color:#DD1A20;}
.page2 .page2-right{
float:right;
opacity:1;
transform:translateX(0px);
-moz-transform:translateX(0px);
-webkit-transform:translateX(0px);
-ms-transform:translateX(0px);
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
}
.page3 .page3-left{ position:absolute; left:0; top:0; width:50%; height:100%; background:url(../img/page3-lft.jpg) no-repeat left top; background-size:100% 100%;}
.page3 .page3-right{ position:absolute; right:0; top:0; width:50%; height:100%;}
.page3 .page3-right .sub-page3-rit{ width:532px; height:410px; position:absolute; left:50%; margin-left:-266px; top:50%; margin-top:-205px; display:table;
opacity:0;
transform:translateX(180px);
-moz-transform:translateY(180px);
-webkit-transform:translateY(180px);
-ms-transform:translateY(180px);
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
}
.page3 .page3-right .sub-page3-rit h3,
.page3 .page3-right .sub-page3-rit h4{ font-family:"Arial"; color:#252525; text-transform:uppercase;}
.page3 .page3-right .sub-page3-rit h3{ font-size:56px; font-weight:bold;}
.page3 .page3-right .sub-page3-rit h4{ font-size:44px;}
.page3 .page3-right .sub-page3-rit h5{ font-size:25px; color:#DD1A20;}
.page3 .page3-right .sub-page3-rit p{ width:425px; margin-top:20px; font-size:14px; color:#7F7F7F; line-height:24px;}

.page3-slide{ width:100%; margin-top:50px; display:table; position:relative;}
.page3-slide .sub-slide{ width:446px; height:128px; margin:0 auto; overflow:hidden;}
.page3-slide .sub-slide .nei-slide{ width:1000%; display:table; position:relative;}
.page3-slide .sub-slide .nei-slide ul{ display:table;}
.page3-slide .sub-slide .nei-slide ul li{ position:relative; float:left; width:88px; height:124px; line-height:124px; font-size:12px; text-align:center; border:1px solid #E4E4E4; border-right:none;
word-wrap:break-word;
-webkit-transition:all .3s linear 0s;
-moz-transition:all .3s linear 0s;
-o-transition:all .3s linear 0s;
transition:all .3s linear 0s;
}
.page3-slide .sub-slide .nei-slide ul li a{ z-index:1;}
.page3-slide .sub-slide .nei-slide ul li span{ position:absolute; left:18px; top:5px; font-size:90px; color:#E7E7E7; font-family:"Arial";  z-index:-1;}

.page3-slide .sub-slide .nei-slide ul li:hover{ background-color:#DD1A20; cursor:pointer;}
.page3-slide .sub-slide .nei-slide ul li:hover a{ color:#FFF;}
.page3-slide .slide-lft,.page3-slide .slide-rit{ display:block; width:18px; height:55px;}
.page3-slide .slide-lft{ position:absolute; left:0; top:50%; margin-top:-27px; background:url(../img/red-left-jt.png) no-repeat center center;}
.page3-slide .slide-rit{ position:absolute; right:0; top:50%; margin-top:-27px; background:url(../img/red-lright-jt.png) no-repeat center center;}

.page4 .waper-works{ width:1200px; height:520px; position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-260px; display:table;
opacity:0;
transform:translateX(80px);
-moz-transform:translateY(80px);
-webkit-transform:translateY(80px);
-ms-transform:translateY(80px);
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
 }
.page4 .waper-main-xxk{ width:100%; display:table;}
.page4 .waper-main-xxk .waper-xk-an{ position:absolute; right:0; top:0;}
.page4 .waper-main-xxk .waper-xk-an li{ float:left; padding:3px 10px; font-size:14px; color:#fff; cursor:pointer;
-webkit-transition:all .3s linear 0s;
-moz-transition:all .3s linear 0s;
-o-transition:all .3s linear 0s;
transition:all .3s linear 0s;
}
.page4 .waper-main-xxk .waper-xk-an li:hover{ background-color:#fff; color:#D6181F;}
.page4 .waper-main-xxk .waper-xk-an li.on{ background-color:#fff; color:#D6181F;}
.page4 .waper-main-xxk .sub-waper-xk{ width:100%; display:table; margin-top:25px;}
.page4 .waper-main-xxk .sub-waper-xk .main-waper-xk{ width:100%; display:table;}
.page4 .waper-main-xxk .waper-workss{ width:100%; display:table;}
.page4 .waper-main-xxk .waper-workss .nei-works{ width:960px; height:464px; margin:180px auto 0; overflow:hidden;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work{ width:1000%; height:464px; display:table; position:relative;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li{ float:left; width:320px;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl{ width:100%;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl dt{ width:100%; height:240px; overflow:hidden;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl dt img{ width:100%; height:240px;
transition: all 3s cubic-bezier(0.45,0.55,0.65,1) 0s;
-webkit-transition: all 3s cubic-bezier(0.45,0.55,0.65,1) 0s;
-moz-transition: all 3s cubic-bezier(0.45,0.55,0.65,1) 0s;
-ms-transition: all 3s cubic-bezier(0.45,0.55,0.65,1) 0s;
}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl dd{ width:100%; height:60px; display:table; background-color:#F4F4F4;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl dd h3{ margin:22px 0 10px 20px;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl dd h3 a{ font-size:16px; color:#000;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl dd h3 a:hover{ color:#D6181F;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl dd p{ margin-left:27px; line-height:20px; display:none;}
.page4 .waper-workss .waper-lft,.page4 .waper-workss .waper-rit{ display:block; width:21px; height:69px;}
.page4 .waper-workss .waper-lft{ position:absolute; left:0; top:50%; margin-top:-39px; background:url(../img/white-left-jt.png) no-repeat center center;}
.page4 .waper-workss .waper-rit{ position:absolute; right:0; top:50%; margin-top:-39px; background:url(../img/white-right-jt.png) no-repeat center center;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl:hover dd{ background-color:#EEEEEE;}
.page4 .waper-main-xxk .waper-workss .nei-works .nei-waper-work li dl:hover img{
transform:scale(1.15,1.15);
-moz-transform:scale(1.15,1.15);
-webkit-transform:scale(1.15,1.15);
-ms-transform:scale(1.15,1.15);
}

.page5 .news{ width:1170px; height:370px; position:absolute; left:50%; margin-left:-585px; top:50%; margin-top:-185px;
opacity:1;
transform:translateX(80px);
-moz-transform:translateY(80px);
-webkit-transform:translateY(80px);
-ms-transform:translateY(80px);
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
}
.page5 .news .news-xxk{ width:100%; display:table;}
.page5 .news .news-xxk .news-xk-an{ position:absolute; top:-86px; right:0;}
.page5 .news .news-xxk .news-xk-an li{ float:left; padding:3px 10px; font-size:12px; color:#D6181F; cursor:pointer;
-webkit-transition:all .3s linear 0s;
-moz-transition:all .3s linear 0s;
-o-transition:all .3s linear 0s;
transition:all .3s linear 0s;
}
.page5 .news .news-xxk .news-xk-an li:hover{ background-color:#D6181F; color:#fff;}
.page5 .news .news-xxk .news-xk-an li.on{ background-color:#D6181F; color:#fff;}
.news-sub-xk .news-slide{ width:100%; height:370px; overflow:hidden;}
.news-sub-xk .news-slide .sub-news-slide{ width:1000%; display:table; position:relative;}
.news-sub-xk .news-slide .sub-news-slide li{ float:left; width:337px; height:228px; margin-right:52px;}
.news-sub-xk .news-slide .sub-news-slide li dl{ width:100%; display:table;}
.news-sub-xk .news-slide .sub-news-slide li dl dt{ float:left; width:58px;}
.news-sub-xk .news-slide .sub-news-slide li dl dt h3{ font-size:58px; font-family:"Arial"; color:#494949;}
.news-sub-xk .news-slide .sub-news-slide li dl dt small{ display:block; width:122%; font-size:13px; color:#494949; text-align:center;}
.news-sub-xk .news-slide .sub-news-slide li dl dd{ float:right; width:254px;}
.news-sub-xk .news-slide .sub-news-slide li dl dd h4{ width:100%; border-bottom:1px solid #494949; padding-bottom:15px; font-size:15px; line-height:23px;}
.news-sub-xk .news-slide .sub-news-slide li dl dd p{ font-size:12px; line-height:23px; margin-top:15px; width:208px;}

.news-sub-xk .news-slide .sub-news-slide li dl dd span a{ display:block; width:25px; height:25px; margin-top:30px; text-align:center; line-height:25px; font-size:14px; border:1px solid #818181; color:#818181;}
.news-sub-xk .news-slide .sub-news-slide li dl dd span a:hover{ color:#fff; background-color:#DC1B20; border-color:#DC1B20;}

.news-sub-xk .news-more{ position:absolute; bottom:0;right:0;}
.news-sub-xk .news-more span,.news-sub-xk .news-more a,.news-sub-xk .news-more font{ float:left;}
.news-sub-xk .news-more span{ width:104px; height:39px; text-align:center; line-height:39px; font-size:18px; border:1px solid #DC1B20; color:#DC1B20; cursor:pointer;}
.news-sub-xk .news-more span:nth-child(2n){ border-left:none;}
.news-sub-xk .news-more span:hover{ background-color:#DC1B20; color:#fff;}
.news-sub-xk .news-more a{ width:60px; height:41px; text-align:center; line-height:41px; background-color:#DC1B20; text-transform:uppercase; color:#fff;}
.news-sub-xk .news-more font{ width:44px; height:39px; text-align:center; line-height:52px; border:1px solid #DC1B20;}

.page6 .contact{ width:1112px; height:334px; position:absolute; left:50%; margin-left:-556px; top:50%; margin-top:-167px;}

.page6 .contact .con-lft,.page6 .contact .con-mid,.page6 .contact .con-rit{ float:left;}
.page6 .contact .con-lft{ width:159px; margin-right:139px;
opacity:0;
transform:scale(0.5,0.5);
-moz-transform:scale(0.5,0.5);
-webkit-transform:scale(0.5,0.5);
-ms-transform:scale(0.5,0.5);
transition:all .8s ease-in-out 0s;
-webkit-transition:all .8s ease-in-out 0s;
-moz-transition:all .8s ease-in-out 0s;
-ms-transition:all .8s ease-in-out 0s;
}
.page6 .contact .con-mid{ width:436px; margin-right:145px;
opacity:0;
transform:scale(0.5,0.5);
-moz-transform:scale(0.5,0.5);
-webkit-transform:scale(0.5,0.5);
-ms-transform:scale(0.5,0.5);
transition:all .8s ease-in-out .3s;
-webkit-transition:all .8s ease-in-out .3s;
-moz-transition:all .8s ease-in-out .3s;
-ms-transition:all .8s ease-in-out .3s;
}
.page6 .contact .con-mid h3{ font-size:24px; color:#FFFFFF; margin-bottom:50px;}
.page6 .contact .con-mid p{width:398px; margin-top:15px; padding-bottom:15px; border-bottom:1px solid #868686; color:#DCDCDC; font-size:16px;}
.page6 .contact .con-mid p span{ color:#898989;}
.page6 .contact .con-mid p img{ vertical-align:middle; display:inline-block; margin-right:10px;}
.page6 .contact .con-mid .sml{ float:left; display:table; margin-top:48px;}
.page6 .contact .con-mid small{ display:block; font-size:12px; color:#838383;}
.page6 .contact .con-rit{ display:table; width:224px; height:326px; background-color:#D0D0D0; padding:4px;
opacity:0;
transform:scale(0.5,0.5);
-moz-transform:scale(0.5,0.5);
-webkit-transform:scale(0.5,0.5);
-ms-transform:scale(0.5,0.5);
transition:all .8s ease-in-out .6s;
-webkit-transition:all .8s ease-in-out .6s;
-moz-transition:all .8s ease-in-out .6s;
-ms-transition:all .8s ease-in-out .6s;
}
.page6 .contact .con-rit .con-hs-bg{ background-color:#DD1A20; width:100%; height:327px; display:table;}
.page6 .contact .con-rit .con-hs-bg h3{ width:169px; height:169px; margin:20px auto 0;}
.page6 .contact .con-rit .con-hs-bg p{ font-size:14px; color:#fff; margin-top:30px; text-align:center;}
.page6 .contact .con-rit .con-hs-bg .wx-con{ width:145px; margin:34px auto 0;}
.page6 .contact .con-rit .con-hs-bg .wx-con a{ display:inline-block; margin-left:17px;}



.moble-nav{ width:100%; position:fixed; left:0; top:0; padding:10px 0; background-color:rgba(0,0,0,0.5); z-index:999; display:none;}
.moble-nav .mob-logo{ float:left; margin-left:1em;}
.moble-nav .mob-logo img{ width:40px;}
.moble-nav .mob-three{ width:40px; height:30px; float:right; margin-top:5px; margin-right:1em; display:table; border:1px solid #DD1A20; border-radius:4px;}
.moble-nav .mob-three span{ display:block; width:25px; height:3px; margin:5px auto 0; background-color:#DD1A20;}
.moble-nav .mob-three:hover{ border-color:#fff;}
.moble-nav .mob-three:hover span{ background-color:#fff;}
.sub-nav-mid{ position:absolute; top:61px; width:100%; background-color:rgba(23,23,24,0.95); display:none;}
.sub-nav-mid ul{ width:100%; padding:15px; display:table;}
.sub-nav-mid ul li a{ display:block; color:#fff; padding:10px 0 10px 1em; font-size:14px;}

.slide-hs-bg{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../img/img50.png) repeat left center; z-index:9;}