@charset "utf-8";
/* CSS Document */
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none; color:#000;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: "微软雅黑","Microsoft Yahei",Tahoma,Arial,Helvetica,"宋体";
}
.wrap{
	width:98%;
    max-width: 1200px;
	margin:0 auto;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.header{border-top:#114BA1 solid 5px;position: fixed;z-index: 100;width:100%;height:100px; 
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
background-color: rgb(255,255,255);background-color: rgba(255,255,255,0.92);}
.logo{float:left;margin-top: 25px; background:url(../images/logo1-1.png) no-repeat left top; padding-left:80px;  }
.logo span{display:inline-block; font-size:32px; font-weight:bold; margin-bottom:20px;}
.logo i { display:block; font-size:13px; font-weight:normal;letter-spacing:2px; text-align:center; color:#4F4F4F;}
.logo a{color:#000;}
.menu{float:right;position:relative;}
.menu .hotline{position:absolute;left:590px; top:20px;  color:#F00; background:url(../images/tel.jpg) no-repeat left center; padding-left:33px; }
.menu li{
	display:inline-block;
}
 .menu li:first-child{
   	margin-left:0;
 }
 .menu li a{
  	display: block;
	padding: 58px 26px 18px 26px;
	color: #232323;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
 }
.english{background:url(../images/en.png) no-repeat 0 60%; }
.menu li a:hover ,.menu li.active a{
	border-bottom:3px solid #C70000;
	color: #C70000;
 } 
 #nav .current a {
	 border-bottom:3px solid #C70000;
}
.toggleMenu {
    display:  none;
   	padding:4px 5px 0px 5px;
    border-radius:2em; 
    -webkit-border-radius:2em;
    -moz-border-radius:2em;
    -o-border-radius:2em; 
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.productsclass-img{margin-top:50px;text-align:center;}
.productsclass-img li a{float:left; margin-right:20px;margin-top:20px; width:15%; padding:12px 0; background-color:#0231CC; color:#FFF;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;-o-transition: all .3s linear;-ms-transition: all .3s linear;transition: all .3s linear;}
.productsclass-img li a:hover{ background-color:#D10000;}

.bottomA48 a{display:block;width:48%; margin-right:2%;float:left;}

@media screen and (max-width:800px) {
	/*.mbheight{height:70px;}  手机端隐藏banner 需要添加空白 */
    .header{height: 63px;}
    .logo{margin-top: 3px;padding-top:3px;}
	.menu {
		position:static;
		margin:10px 0;
        
	}
    .active {
        display: block;
    }
    
	.logo span { font-size:28px;}
	.logo i { font-size:12px; letter-spacing:1px;}

    .menu li a{
        color:#FFF;
    	text-align:left;
        padding:12px 12px 12px 20px;
    	border-radius:0;
    	-webkit-border-radius:0;
    	-moz-border-radius:0;
    	-o-border-radius:0;
    }
    .nav {
	     list-style: none;
	     *zoom: 1;
	     width:100%;
		 height:2000px;
		 position: absolute;
		 right:0px;
		 top:62px;
		 background-color:#1F58CC;
		 z-index: 9999;
         display:none; /* 防止手机端加载闪烁出现 */
    }
   .menu li a span.messages{
    	text-align:center;
    	top:15px;
    }
    .nav li ul{
    	width:100%;   	
    }
    .menu ul{
    	margin:0;
        margin-top: 1px;
    }
	.menu li.current {
		border-bottom:1px solid #FFF;
	}
    .nav > li.hover > ul {
        width:100%;
    }
    .nav > li {
        float: none;
        display:block;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    .nav li a{
    	border-bottom:1px solid #FFF;
    }
     .nav li:first-child a{
     	border-top:none;
		border-bottom: none !important;
     }
    
   .menu li a:hover, .menu li.active a {
    border-bottom: 3px solid #FFF;
	color:#C70000;
}
    
    
 }



/* 幻灯片样式*************************************************** */

.apple-banner {
	width: 100%;
	height: 720px;
	overflow: hidden;
}
.apple-banner .swiper-container {
	margin-top: -40px;
	width: 100%;
	height: 800px;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: gray;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}
/*内容样式*/

.slide1 {
	background: #000 url(../images/banner2.jpg) no-repeat center 50%;
	background-size: auto 100%;
}
.slide1M {
	background: #000 url(../images/banner2M.jpg) no-repeat center 50%;
	background-size: auto 100%;
}

.slide1 .title {
	text-align: center;
	margin-top: 390px;
	font-size: 43px;
	line-height:60px;
	font-weight: normal;
	color: #fff;
}

.slide2 {
	background: #000 url(../images/banner1.jpg) no-repeat center 50%;
	background-size: auto 100%;
}
.slide2M {
	background: #000 url(../images/banner3M.jpg) no-repeat center 50%;
	background-size: auto 100%;
}

.slide2 .title {
	padding-top: 380px;
	text-align: center;
	font-size: 42px;
	line-height:60px;
	font-weight: normal;
	color: #FFF;
}

.slide2 h2 {
	bottom: 200px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	position: absolute;
	width: 100%;
    color:#FFF;
}

.slide3 {
	background: #000 url(../images/banner2.jpg) no-repeat center 50%;
	background-size: auto 100%;
}

.slide3 .title {
	text-align: center;
    color:#FFF;
	margin-top: 330px;
	font-size: 36px;
	font-weight: normal;
}


.more{display: inline-block;width:180px;line-height: 40px;height: 40px;text-align: center;background-color: #FF0000;color:#FFF;font-size: 1.1rem;-moz-border-radius:6px;border-radius:6px;}
.more:hover{background-color: #414141;color:#FF0000;}

/* 幻灯片样式结束*************************************************** */



.advantage h4{text-align: center;margin: 50px 0;font-size: 2em;color:#114ba1;}
.advantage-list h2{padding:6px 0;font-size: 1.4em;}
.advantage-list h5{margin-top: 10px;}
.advantage-list .otherOne{background-color: #D10000;color:#FFF;}
.advantage-list span{padding:1px 20px;font-size: 0px; background-color: #C70000;}
.advantage-list li{float:left;width:23%;  background-color: #F3F3F3; margin-right: 2%;padding:60px 0;	-moz-transition:all .3s linear;	-webkit-transition:all .3s linear; 	-o-transition:all .3s linear; 	-ms-transition:all .3s linear;transition:all .3s linear;-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);box-shadow: 0px 2px 3px rgba(0,0,0,0.2);-moz-border-radius: 5px 50px 5px 60px;;-webkit-border-radius: 5px 50px 5px 60px;;border-radius: 5px 50px 5px 60px;}
.advantage-list li:hover{background-color: #D10000;color:#FFF;}

.advantage2{color:#FFF;background-color: #C70000; margin-top:40px;width:100%;padding-bottom: 0px;}
.advantage2-1{float:left;width:50%;background-color: #FAFAFA;}
.advantage2-2{float:left;width:50%;height:100%;background-color:#C70000;}
.advantage2-2-info{margin:30px 0 0 5%;}
.advantage2-2-info h2{font-size: 1.5em;margin-bottom: 10px;}
.advantage2-2-info span{display:block;width:20%;height:1%;border-bottom: 1px solid #FFF;}
.advantage2-ok{width:85%;margin-top: 40px;}
.advantage2-ok li{float:left;width:42%;margin-bottom: 9%;padding-left: 42px;height: 38px;line-height: 38px; background: url(../images/arrow.jpg) no-repeat left center;}

.advantage3{color:#FFF;background-color: #272727;width:100%;padding-bottom: 0px;}
.advantage3-1{float:left;width:50%;}
.advantage3-1 p{font-size: 1.6em;text-align: center;margin-top: 100px;line-height: 53px;}
.advantage3-1 span{display: block;font-size: 0.7em;color: #CCC;}
.advantage3-2{float:right;width:50%;height:100%; }

.products{}
.products li{float:left;width:22%;margin-right: 3%; margin-bottom:30px;position:relative;overflow: hidden;}
.products li a{color:#FFF;}
.products li a .p-showinfo{position: absolute;left:2px;bottom: 5px; text-align:center; width:99%; padding:10px 0px; background:rgba(31,88,204,0.8);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.products li a:hover .p-showinfo{display:block;left:0px;background-color: rgb(255,0,0);background-color: rgba(255,0,0,0.65);width: 100%;height: 193px;padding-top: 120px;color: #FFF;line-height: 30px;}
.products li a:hover .p-showinfo h2{padding-top:60px;}
.products li a .p-showinfoB{position: absolute;left:2px;top:0;text-align:center; width:99%; padding:15px 0px;background:rgba(31,88,204,0.8);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.products li a:hover .p-showinfoB{display:block;left:0;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.65);width: 100%;height: 193px;padding-top: 120px;color: #FFF;line-height: 30px;}


.homeabout{width:100%;height:450px; margin-top:60px; background:url(../images/aboutback.jpg) no-repeat center top; background-size:cover; color:#FFF;}
.homeabout-info{ padding-top:100px; line-height:33px;}
.homeabout-info img{float:left; margin-right:30px; margin-bottom:20px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;border-radius: 10px; border:5px solid #FFF;}
.homeabout-info h2{margin-bottom:10px; font-size:24px;}
.homeabout-item{margin-top:15px;}
.homeabout-item li a{float:left; width:180px; margin-right:20px; background-color:#C70000; text-align:center; padding:5px 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; color:#FF0;}
.homeabout-item li a:hover{background-color:#333; color:#F90;}


.banner{width:100%;height: 320px;line-height: 320px;margin-top: 40px; background:url(../images/DJI_0652-1.jpg) no-repeat fixed center center ;color:#FFF;text-align: center;}
.reda{background: rgba(255,0,0,0.55);height: 320px;line-height: 320px;}
.reda span{font-size: 0.5em;}
.banner li{float:left;width:33%;}
.banner h3{font-size: 3em;margin-bottom: 12px;}

.other{width:100%;line-height: 30px;color:#4F4F4F;margin-top: 0;position: relative;}
.other a{color:#333;}
.other p{text-indent: 1em;}
.other-left{width:100%;float:left; line-height:33px; margin-bottom:40px;}
.otherbg{/* background-color: #EEEEEE;*/}

.other-left-1{float:left; text-align:left;}
.other-left-1 h3{font-size: 1.3em;font-weight: bold;margin: 20px 0; color:#114ba1;}
.other-left-2{width:40%;float:right;margin-right: 30px;padding:0px 0;}
.other-left-2 h3{font-size: 1.3em;color:#114ba1;font-weight: bold;margin: 20px 0;}
.other-right{width:26%;background-color: #FFF;float:left;margin-top: -100px;border-radius:5px 5px 0 5px;}
.other-right-1{padding:100px 20px;}
.other-right-1 h3{font-size: 1.6em;color:#FF0000;font-weight: bold;margin: 10px 0;}

.contact-banner{background-color: #C70000;color: #FFF;padding:55px 0;}
.contact-banner-left{float:left;font-size: 1.5em;}
.contact-banner-right{float:right;}
.contact-banner-right a{display: block;width:200px;height: 40px;line-height: 40px;text-align: center; background-color: #C70000;color:#FFF;border:2px solid #FFF;margin-right: 65px;-moz-transition:all .3s linear;	-webkit-transition:all .3s linear; 	-o-transition:all .3s linear; 	-ms-transition:all .3s linear;transition:all .3s linear;}
.contact-banner-right a:hover{background-color: #FFF;color:#C70000;}

.footer{background-color: #212421;margin-top: 8px;padding:40px 0;color:#FFF;font-size: 0.9em;line-height: 33px;}
.address{background:  url(../images/icons.jpg) no-repeat left center;padding:0 10px;}
.telephone{background:  url(../images/icons.jpg) no-repeat -22px center;padding:0 10px;}
.tel{background:  url(../images/icons.jpg) no-repeat -46px center;padding:0 10px;}
.mail{background:  url(../images/icons.jpg) no-repeat -74px center;padding:0 10px;}
.footer a{color: #CCC;}
.footer-ok{float:left;width:22%;margin-right:3%; }
.footer-ok h3{font-size: 1.4em;}
.footer-ok h4{font-weight: bold;}
.footer-bottom{background-color: #000;font-size: 0.9em; color:#A3A3A3;text-align: center;padding:20px 0; padding-bottom:60px;}

.right_context_nav{margin:20px 0px; border-bottom:1px solid #CCC; padding-bottom:20px;}
.right_context_info{margin:30px 6px; line-height:33px;}
.Products li{float: left;
width: 24%;
margin-right:1%;
margin-bottom: 1%;
text-align:center;
}
.demopage li a{display:block; float:left; width:24%; margin-right:1%; margin-bottom:2%;}
.demopage li a p{text-align:center;}
.xiangguan{font-size:24px; font-weight:bold; color:#06F; padding-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px  dashed #CCC;}
.news a{display:block;float:left; width:80%;}
.news span{float:right;20%; color:#666;}
.viewNews-p-l{padding-left:10px;line-height:28px;}
.nextpre{ padding:40px 0px; padding-top:10px;}
.nextpre li{display:block; float:left; width:50%;}
.align-right{text-align:right;}


.footer-Phone a{display:none;}

@media screen and (max-width:800px) {  
	body{font-size:14px;}
	a,a:visited { font-size:14px;}
    .slide1 .title {
     margin-right: 0;
    }
    
	
	
	
    .advantage h4{margin: 10px 0;}
    
    .advantage h4{padding: 20px 0;font-size: 1.4em;}
    .advantage-list li{float:left;width:38%;margin:0 5%;padding:8% 0;margin-bottom: 5%;}
    
    .advantage2-1{width:100%;background-color: #FBFBFB;}
    .advantage2-2{width:100%;height:100%;background-color:#C70000;}
    .advantage2-ok{width:100%;}
    .advantage2-ok li{width:38%;padding-left: 12%;}
    .advantage3-1{width:100%;}
    .advantage3-1 p{font-size: 1.2em;margin: 20px;5px;line-height: 30px;}
    .advantage3-2{width:100%;}
	
	.advantage-list h2 { font-size: 1em;}
	.advantage-list h5 {font-size:0.8em;}
	.homeabout-info h2 { font-size:18px;}
	.apple-banner { height:420px;}
	.apple-banner .swiper-container {height:500px;}
	.slide1 .title { margin-top:200px; font-size:18px; line-height:40px;}
	.more { width:100px; font-size:14px;}
    
    .products li{float:left;width:46%;margin:0 2%;}
	.productsclass-img {margin-top: 0px;}
	.productsclass-img li a {
    float: left;
	margin-left:3%;
    margin-right: 3%;
    margin-top: 1%;
    width: 44%;
    padding: 18px 0;
	}
	
	.slide2 .title { font-size:18px; padding-top:180px;}
	
	.products li a .p-showinfo,.products li a .p-showinfoB{ left:0px; width:100%;padding: 10px 0px;}
    
	.homeabout{ background:#1F58CC;height:auto;}
	.homeabout-info {padding:6px 0px; padding-top:30px; font-size:14px; }
	.homeabout img{max-width:100%;border:none; margin-right:0px;}
	.homeabout-item li a {width: 44%;margin: 3%;}	
    .banner{float:left;width:100%;height:auto;line-height: normal; padding:20px 0; background:rgba(255,0,0,0.75);}
    .reda{height:auto;line-height: normal;}
    .banner li{width:100%;height:60px;line-height: 60px;}
    .banner h3{font-size: 2em;margin-bottom: 12px;}
    
    .otherbg::before {
    background:  rgb(255, 255, 255);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    content: "";
}
    .other-left{width:100%;margin-bottom: 10px;}
    .other-left-1{width:96%;padding:0px 2%;}
	.other-left-1 img{width:100%;}
    .other-left-2{width:96%;padding:0px 2%;margin-right: 0;}
    .other-right{width:100%;margin-top:0px}
    .other-right-1{width:96%;padding:0px 2% !important; padding-bottom:10px;}
	.other-left-1 h3,.other-left-2 h3 { margin:10px 0px;}
    
    .contact-banner{font-size: 0.8em;}
    .contact-banner a{font-size: 1.3em;}
    
    .footer-ok{width:100%;}
	.footer-ok h3{ border-bottom:1px solid #CCC; margin-bottom:10px;}
	.bcenter{text-align:center;}
	.bottomA33 a{display:block; float:left; width:33%;}
	.bottomA48 a{display:block; float:left; width:48%;}
	
	.Products li{width: 98%;}
	.demopage li a {
    display: block;
    float: left;
    width: 48%;
	margin-right:2%;
	margin-bottom:2%;
	}
	.news span{display:none;}
	.viewNews-p-l{padding-left:6px;}
	.nextpre{ padding:10px 0px; }
	.nextpre li{display:block; width:100%; }
	.align-right{text-align:left;}
	.Products li img{width: auto; height:auto}
	.footer-Phone a{display:block; padding:15px 0px ; text-align:center; background-color:#DE0A24; color:#FFF; width:100%; position:fixed; left:0px; bottom:0px;}
}



#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 70px;
    right: 10px;
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: none;
    text-indent: 100%;
    background: url(../images/gotop.png) no-repeat 0px 0px;
}