@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#000;text-align:center;background:#fef6ec;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1000{width:1000px;}
.mt30{margin-top:30px;}
.fl{float:left;}
.fr{float:right;}
.list_18 li{background:url(images/dot.gif) no-repeat left 16px;padding-left:10px;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
.red,.red a:link,.red a:visited,.red a:hover{color:#d0001d;}
/*header*/
.header{height: 60px;background:#fff;}
.header span{float:left;}
.header span img{margin-top: 7px;}
.header div.fr a{font-size: 16px;line-height:56px;border-bottom: 4px solid #fff;text-decoration:none;display: inline-block;margin:0 15px;}
.header div.fr a.home,.header div.fr a:hover{border-bottom: 4px solid #d0001d;color:#d0001d}
.header span a:hover{text-decoration:none;}
/*top*/
.topbg{background:url(images/topbg.jpg) no-repeat top center;}
.top .w1000{height: 480px;position: relative;}
.top .w1000 span{position: absolute;}
.top .w1000 span.tit_js{left:242px;top:110px;}
.top .w1000 span.uav{animation:1s infinite wrjdh;}
.top .w1000 span.uav,.top .w1000 span.uav2{left:410px;top:49px;}
@keyframes wrjdh{
0%{transform:translate(0,0)}
50%{transform:translate(10px,10px)}
100%{transform:translate(0,0px)}
}
/*p1Con*/
.p1Con{background:#fff;width:960px;padding:20px;}
.p1Con .fl{width: 530px;}
.p1Con .fr{width: 420px;}
.pic1{font-size: 20px;font-weight: bold;}
.pic1 em{overflow: hidden;width: 530px;height: 350px;display: block;margin-bottom: 16px;}
.pic1 img{width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.pic1 img:hover,.pic2 img:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.pic1 span{background:url(images/icon1.png) no-repeat 3px top;display: inline-block;padding-left: 36px;}
.pic2 li{float:left;width: 200px;margin:0 0 15px 10px;display: inline;height:203px}
.pic2 li img{
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.pic2 li em{overflow: hidden;width: 200px;height: 133px;display: block;margin-bottom:10px;}
.pic2 span{font-family: \5B8B\4F53;font-size:14px;width: 184px;display: block;line-height: 190%;padding:0 8px;}
.pic2 span i{background:url(images/icon2.png) no-repeat left center;width: 20px;height: 20px;display: inline-block;margin-right: 5px;vertical-align: middle;}
/*p2Con*/
.p2bg{background:url(images/p2bg.jpg) no-repeat;height: 660px;}
.tit1{background:url(images/tit1.png) no-repeat center;height: 110px;text-align: right;}
.tit1 h1{width:202px;margin-left: 396px;}
.tit1 h1 span{font-size:24px;line-height:26px;padding-top:47px;float:left;width: 90px;margin-right:7px;}
.tit1 h1 em{float:left;font-size: 52px;padding-top: 20px;line-height: 52px;}
.tit1 h1 em i{font-style: normal;color:#d0001d;}
.tit1 strong{float:right;font-family:"Arial";font-weight: normal;font-size: 16px;display: inline-block;margin-right: 14px;padding-top: 60px;}
.pic3{margin-top: 5px;}
.pic3 li{float:left;width:230px;height:220px;margin:20px 10px 0 10px;background:#fff;border-radius: 4px;}
.pic3 li:hover{
	box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
.pic3 li img{display: block;margin-bottom: 12px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.pic3 span{font-family: \5B8B\4F53;font-size:14px;width: 214px;padding:0 8px;display: block;line-height: 190%}
.pic3 span i{background:url(images/icon2.png) no-repeat left center;width: 20px;height: 20px;display: inline-block;margin-right:6px;vertical-align: middle;}
.tit2{background:url(images/tit2.png) no-repeat center;}
/*p3Con*/
.p3Con{background:#fff;margin-top:13px;padding: 12px 0;}
.pic4{width:980px;height:260px;overflow:hidden;margin-left: 5px;}
.pic4 li{float:left;width:340px;height:100%;font-size:14px;position: relative;
	-webkit-transition:width 0.5s ease-out;
	-moz-transition:width 0.5s ease-out;
	-ms-transition:width 0.5s ease-out;
	transition:width 0.5s ease-out;overflow: hidden;}
.pic4 li img{display:block; border-left:#fff 10px solid;}
.pic4:hover li:not(:hover){width:206px;}
.pic4 li:hover{width:360px;}
.pic4 li{width:206px;}
.pic4 li:first-child{width:360px;}
.pic4 li em{background:url(images/vbg.png) no-repeat;width: 50px;height: 50px;position: absolute;top:89px;left:45%;}
.pic4 li img{display: block;margin-bottom: 10px;}
.pic4 span{font-family: \5B8B\4F53;font-size:14px;width:324px;padding:0 8px;display: block;line-height:0}
.pic4 span i{background:url(images/icon2.png) no-repeat left center;width: 20px;height: 20px;display: inline-block;margin-right:6px;vertical-align: middle;}
/*p4Con*/
.p4bg{background:#c30a0a;padding-bottom: 36px;}
.tit3{background:url(images/tit3.png) no-repeat center;}
.tit3 h1 em i{color:#ffba01;}
/*p5Con*/
.p5Con{position: relative;margin-top: 23px;}
.p5Con .arrow-left{background: url(images/btn_left.png) no-repeat left top;position: absolute;left:0px;top: 168px;width:19px;height:35px;z-index: 999}
.p5Con .arrow-right{background: url(images/btn_right.png) no-repeat left bottom;position: absolute;right:0px;top: 168px;width:19px;height:35px;z-index: 999}
.swiper-container-p5{width: 961px;height:411px;overflow: hidden;}
.swiper-container-p5 .swiper-slide div{width: 220px;height:410px;background:#fff;margin:0 10px;float:left;border-radius: 5px;}
.swiper-container-p5 .swiper-slide div:hover{
	box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
.swiper-container-p5 .swiper-slide img{display:block;margin-bottom: 12px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.swiper-container-p5 .swiper-slide div span{font-family: \5B8B\4F53;font-size:14px;width:204px;padding:0 8px;display: block;line-height:180%}
.swiper-container-p5 .swiper-slide div span i{background:url(images/icon2.png) no-repeat left center;width: 20px;height: 20px;display: inline-block;margin-right:6px;vertical-align: middle;}
.pagination5{display: none;}
/*p6Con*/
.p6bg{background:url(images/p6bg.jpg) no-repeat;height: 620px;}
.p6Con{position: relative;margin-top:31px;}
.p6Con .arrow-left{background: url(images/btn_left.png) no-repeat left top;position: absolute;left:0px;top: 168px;width:19px;height:35px;z-index: 999}
.p6Con .arrow-right{background: url(images/btn_right.png) no-repeat left bottom;position: absolute;right:0px;top: 168px;width:19px;height:35px;z-index: 999}
/*p7Con*/
.p7Con{width:1000px;height:667px;position: relative;margin-top: 20px;overflow: hidden;}
.p7Con .arrow-left{background: url(images/btn_prev.png) no-repeat left top;position: absolute;left:20px;bottom:15px;width: 16px;height:29px;z-index: 999}
.p7Con .arrow-right{background: url(images/btn_next.png) no-repeat left bottom;position: absolute;right:20px;bottom:15px;width:16px;height:29px;z-index: 999}
.swiper-container-p7{height:667px;width:1000px;}
.swiper-container-p7 .swiper-slide{position: relative;}
.swiper-container-p7 .swiper-slide span{background:url(images/box_kuai.png);width: 100%;height:60px;bottom:0px;left:0;text-align: center;position: absolute;font-size:24px;line-height: 60px;}
.swiper-container-p7 .swiper-slide em{overflow: hidden;width:1000px;height:667px;display: block;margin-bottom: 16px;}
.swiper-container-p7 .swiper-slide img{width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.swiper-container-p7 .swiper-slide img:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.pagination7{display:none;}
/*copyright*/
#copyright{clear:both;margin:0 auto;padding:50px 0;text-align:center;font-family: \5B8B\4F53;width:100%;color:#d0001d;}
/*d2*/
.topbg2{background:url(images/topbg2.jpg) no-repeat top center;}
.d2bg{background:url(images/d2bg.jpg) no-repeat bottom center;}
.d2bg .w1000{background:#fff;padding:14px 0 40px 0;}
.d2nav{width: 940px;height: 46px;line-height: 46px;font-size: 14px;font-family: \5B8B\4F53;border-bottom: 1px solid #ccc}
.d2nav a{margin:0 8px;}
.pic5{width: 960px;margin:5px auto 0 auto;}
.pic5 li{float:left;width:300px;height:270px;margin:20px 10px 0 10px;background:#fef6ec;border-radius: 4px;}
.pic5 li img{display: block;margin-bottom: 12px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.pic5 span{font-family: \5B8B\4F53;font-size:14px;width:284px;padding:0 8px;display: block;line-height: 190%}
.pic5 span i{background:url(images/icon2.png) no-repeat left center;width: 20px;height: 20px;display: inline-block;margin-right:6px;vertical-align: middle;}
.pic5 li:hover{
	box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
.page_n{text-align:center;font-size: 14px;padding-top: 40px;margin-top: 40px;}
.page_n a{ border:#dedbd5 1px solid;padding:8px 12px;text-decoration:none;margin:0 9px;background:#f7f6f3;}
.page_n a.common_current_page{ background:#cc3333;border:1px solid #e19f00;color:#fff; text-decoration:none;}
/*---------MEDIA QUERIES Mobile phone--------------*/
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	body,.w1000{width:1000px !important;}
}