html{
    height:100%;
}
body{
    min-height: 100%;
    position: relative;
}
.hide{
    display: none;
}
[v-cloak] { display: none;}
.headerWrapH10 .header{
	height: 70px;
    line-height: 70px;
    width: 1500px;
    margin:0 auto;
	/*overflow:hidden;*/
}
.headerWrapH10 .header h1{
	height:100%;
	line-height:70px;
    /*padding:0 60px 0 0;*/

}
.headerWrapH10 .header h1 a{
	line-height:70px;
}
.headerWrapH10 .header ul li{
    height: 70px;
    line-height:70px;
    margin: 0 5px;
}
.headerWrapH10{
	position: fixed;
    top:0;
    left:0;
    z-index: 20;
    width: 100%;
    height: 70px;
    line-height: 70px;
    box-shadow: 0 3px 5px #eee;
    background:#fff;
	display: none;
}
.headerWrap.h01, .headerWrap.h01 .header{
    /*height: 70px;
    line-height: 70px;*/
}
.headerWrap.h01{
    /*position: fixed;
    top:0;
    left:0;
    z-index: 9999;*/
}
.headerWrap.h01 .header h1{
    /*padding:0 60px 0 0;*/

}
.headerWrap.h01 .header ul li{
    /*height: 70px;
    line-height:70px;
    margin: 0 5px;*/
}
.headerWrap{
    width: 100%;
    height: 110px;
    box-shadow: 0 3px 5px #eee;
    line-height:110px;
    background:#fff;
}
.header{
    width: 1500px;
    margin:0 auto;
    height: 110px;
    line-height:110px;
	/*overflow:hidden;*/
}

.header h1{
    /*padding:20px 0 0 0;*/
    height: 110px;
    width: 230px;
	/*margin-right: 30px;*/
    line-height:110px;
}
/*.header ul{
	float:right;
}*/
.header h1 a{
    display:block;
	height:100%;
	line-height:110px;
}
.header h1 a img{
    /*.display:block;
    width: 100%;*/
	width:170px;
	height:35px;
}
.header ul li{
    height: 110px;
    line-height:110px;
    margin: 0 5px;
	position: relative;
    cursor: pointer;
}
.header ul li a{
    font:normal bold 16px / 21px "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
    display:inline-block;
    padding: 0 26px;
    position: relative;
	border-left:1px solid #ddd;

}
.header ul li:first-child a{
	border-left: 0;
}

.header ul li a.iconLink{
    padding-left: 30px;
    padding-right: 20px;
}
.header ul li a em.iconImg{
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    left: 10px;
    top: 0px;
}
.header ul li a em.iconImg.iconImg1{
    background: url(../img/icon/icon1.png) no-repeat;
    background-size: 100% 100%;
}
.header ul li a em.iconImg.iconImg2{
    background: url(../img/icon/icon2.png) no-repeat;
    background-size: 100% 100%;
}
.header ul li a em.iconImg.iconImg3{
    background: url(../img/icon/icon3.png) no-repeat;
    background-size: 100% 100%;
}
.header ul li a.navLink:after{
	display: block;
	width: 0;
    height: 2px;
    margin-top: 3px;
    background-color: #eb5353;
    content: "";
    -webkit-transition: width .4s ease;
    transition: width .4s ease;
	
}
.header ul li:hover a.navLink,.header ul li.current a.navLink{
	color:#e1474d;
}
.header ul li:hover a.navLink:after,.header ul li.current a.navLink:after{
   	width: 100%;
   	
}
/*.header ul li:hover a{
    background:#eee;
    color:#e1474d;
    border-radius:5px;
}*/
.header ul li:hover a em.iconImg.iconImg1,.header ul li.current a em.iconImg.iconImg1{
    background: url(../img/icon/icon1_hover.png) no-repeat;
    background-size: 100% 100%;
}
.header ul li:hover a em.iconImg.iconImg2,.header ul li.current a em.iconImg.iconImg2{
    background: url(../img/icon/icon2_hover.png) no-repeat;
    background-size: 100% 100%;
}
.header ul li:hover a em.iconImg.iconImg3,.header ul li.current a em.iconImg.iconImg3{
    background: url(../img/icon/icon3_hover.png) no-repeat;
    background-size: 100% 100%;
}
/*.header ul li.current a{
    background:#e1474d;
    color:#fff;
    border-radius:5px;
}
.header ul li.current a em.iconImg.iconImg1{
    background: url(../img/icon/icon1_on.png) no-repeat;
    background-size: 100% 100%;
}
.header ul li.current a em.iconImg.iconImg2{
    background: url(../img/icon/icon2_on.png) no-repeat;
    background-size: 100% 100%;
}*/
.header li i{
    /* width: 14px;
    height: 15px; 
    color:#666;*/
    padding-right:3px;
    display:inline-block;
    font-size: 18px;
}
.header li.udrone i{
    content:"\f124";
    display:inline-block;
}
.header li.contact i{
    content:"\f098";
    display:inline-block;
}
.header ul li .subNavWrap{
	position: absolute;
	left: 4px;
	top: 86px;
}
.headerWrapH10 .header ul li .subNavWrap{
	position: absolute;
	left: 4px;
	top: 70px;
}
.header ul li .subNavList{
    width: 145%;
    background-color: #fff;
    z-index: 10;
    box-shadow: 1px 2px 5px #eee;
    border-top: 1px solid #eee;
    position: relative;
    display: none;
}
.header ul li .subNavList:before{
	content: ''; /*伪类下的属性*/
    display:block;
    position:absolute;
    top: -20px;
    left: 10px;
    width:0;
    height:0;
    overflow:hidden;
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border:10px;
    border-style:dashed dashed solid dashed;
    border-color:transparent transparent #ccc transparent;
}
.header ul li .subNavList:after{
	content: '';/*伪类下的属性*/
    display:block;
    width:0;
    height:0;
    overflow:hidden;
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border:9px;
    border-style:dashed dashed solid dashed;
    border-color:transparent transparent #fff transparent;
    position:absolute;
    left: 11px;
    top: -18px;
}
.header ul li .subNavList .subNavItem{
	width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    box-shadow: 0px 7px 7px -7px #eee; 
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
}
.header ul li .subNavList .subNavItem a{
	font-size: 14px;
	border-left: 0;
    padding: 0;
    font-weight: normal;
}
.header ul li .subNavList .subNavItem:hover {
	box-shadow: 0px 7px 7px -7px #eb5353; 
}
.header ul li .subNavList .subNavItem:hover a{
	color: #eb5353;
	font-weight: bold;
}
.header ul li .subNavList .subNavItem a.on{
	color: #eb5353;
	font-weight: bold;
}
.footerWrap{
    width: 100%;
    background:#1a1c20;
    /*height: 150px;*/
    text-align: center;
    padding:20px 0;
	position: relative;
}
.footerWrap p{
    margin: 5px 0;
}
.footerWrap p a{
    display:inline-block;
    margin: 0 5px;
    position: relative;
}
.footerWrap p a.iconLink{
    padding-left: 12px;
}
.footerWrap p a em.iconImg{
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    left: 0;
    top: 3px;
}
.footerWrap p a em.iconImg.iconImg1{
    background: url(../img/icon/icon1.png) no-repeat;
    background-size: 100% 100%;
}
.footerWrap p a em.iconImg.iconImg2{
    background: url(../img/icon/icon2.png) no-repeat;
    background-size: 100% 100%;
}
.footerWrap p a em.iconImg.iconImg3{
    background: url(../img/icon/icon3.png) no-repeat;
    background-size: 100% 100%;
}
.footerWrap p a:hover{
    text-decoration: underline;
    color:#666;
}
.footerWrap .footQRcodeBox{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.footerWrap .footQRcodeBox.codeLBox{
    left: 28%;
}
.footerWrap .footQRcodeBox.codeRBox{
    right: 28%;
}
.footerWrap .footQRcodeBox .footQRcode{
    width: 100px;
    height: 100px;
}
.conWrap{
    width: 1250px;
    margin:0 auto;
    padding: 80px 0;
}
.conWrap .imgBox{
    width: 100%;
}
.conWrap .imgBox img{
    width: 100%;
    display:block;
}
.conWrap p{
    color:#85868c;
    text-align: justify;
    padding:10px 0;
    line-height:28px;
    font:normal  15px / 27px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}
.conWrap h3{
    font:normal bold 30px / 34px "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
    color:#333333;
    padding:10px 0;
}
.conWrap h4{
    font:normal bold 24px / 34px "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
    color:#333333;
    padding:10px 0;
}
/*新闻模块*/
.newsListBox{
	width: 100%;
	margin-bottom: 40px;
	overflow: hidden;
}
.newsListBox h3.newsBoxTit,.conBoxTit{
	width: 100%;
	text-align: center;
	font-weight: normal;
}
.newsListBox h3.newsBoxTit:before,.newsListBox h3.newsBoxTit:after,.conBoxTit:before,.conBoxTit:after{
	content: '';
	display: inline-block;
	width: 100px;
	height: 1px;
	background-color: #ddd;
	vertical-align: middle;
	margin-left: 20px;
	margin-right: 20px;
}
.conBoxTit:before,.conBoxTit:after{
	background-color: #e1474d;
}
.slideBtnBox{
	width: 100%;
	text-align: right;
	font-size: 0;
	padding-right: 20px;
}
.slideBtnBox .slideBtn{
	display: inline-block;
	padding: 3px 14px;
	border: 1px solid #ddd;
	font-size: 16px;
	font-family: '宋体';
	color: #999;
	cursor: pointer;
	margin-bottom: 10px;
}
.slideBtnBox .slideBtn:hover{
	color: #fff;
	background-color: #eb5353;
	border-color: #eb5353;
}
.slideBtnBox .slideBtn.prev{
	margin-right: -1px;
	border-radius: 4px 0 0 4px;
}
.slideBtnBox .slideBtn.next{
	border-radius: 0 4px 4px 0;
}
.newsListCon{
	width: 100%;
	overflow: hidden;
}
.newsList li{
    width: 25%;
    padding: 0 1%;
    float: left;
	/*height: 380px;*/
}
.newsCoverBox{
	width: 100%;
	position: relative;
}
.newsCoverBox .newsDate{
	position: absolute;
	top: 5px;
	right: 8px;
	display: block;
	padding: 2px 5px;
	background-color: #eb5353;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	border-radius: 3px;
}
.newsCoverBox .newsDate span.year:after,.newsCoverBox .newsDate span.month:after{
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #fff;
	vertical-align: 3px;
    margin-left: 5px;
    margin-right: 3px;
}
.newsCoverBox .newsImg{
	width: 100%;
	border-radius: 3px;
	box-shadow: 0px 2px 5px #eee;
}
.conWrap .newsListBox h3.newsTitle{
	width: 100%;
    max-height: 60px;
    font-size: 18px;
    line-height: 24px;
    color: #666;
    margin: 10px 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: color .35s;
    transition: color .35s;
    cursor: pointer;
}
.conWrap .newsListBox h3.newsTitle:hover{
	color:#e1474d;
}

.moreNewsBox{
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.moreNewsBox .moreNewsBtn{
	display: inline-block;
	padding: 5px 20px;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 8px;
	cursor: pointer;
}
.moreNewsBox .moreNewsBtn:hover{
	border-color: #eb5353;
	color: #eb5353;
}

.solutionBox{
    width: 100%;
    font-size: 0;
}
.solutionBox .solutionItem{
    display: inline-block;
    width: 50%;
}
.solutionItem .solutionImg{
    width: 100%;
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges; /* WebKit引擎现不支持该值，Firefox支持 */
}

@media only screen and (max-width: 1600px){
    .footerWrap .footQRcodeBox.codeLBox{
        left: 10%;
    }
    .footerWrap .footQRcodeBox.codeRBox{
        right: 10%;
    }
}
@media only screen and (max-width: 1320px){
    .header{
        width: 100%;
        height: 110px;
        line-height:110px;
    }
    .conWrap{
        width: 100%;
        padding:60px;
    }
	.newsListBox h3.newsBoxTit:before,.newsListBox h3.newsBoxTit:after,.slideBtnBox,.conBoxTit:before,.conBoxTit:after{
    	display: inline-block;
    }
    .newsList li{
    	width: 25%;
    }
	.footerWrap .footQRcodeBox.codeLBox{
        left: 18%;
    }
    .footerWrap .footQRcodeBox.codeRBox{
        right: 18%;
    }
    .footerWrap .footQRcodeBox .footQRcode{
        width: 100px;
        height: 100px;
    }
}
@media only screen and (max-width: 1149px){
    .headerWrap{
        width: 100%;
        height: 70px;
        box-shadow: none;
        line-height:70px;
        border-bottom: 1px solid #eee;
    }
    .header{
        display:none;
    }
    .headerM{
        position: relative;
        height: 70px;
        line-height: 70px;
    }
    .headerM .menu{
        position: absolute;
        right:20px;
        top:20px;
        cursor: pointer;
    }
    .headerM .menu em{
        display:block;
        width: 20px;
        height: 2px;
        background:#999;
        margin:5px 0;
    }
	.headerWrapH10{
    	display: none;
    }
    .headerWrap.h01 {
        background:none;
        height: 0;

    }
    .headerWrap.h01 .headerM .menu{
        -webkit-transition: -webkit-transform .1s ease;
        transition: transform .1s ease;
        position: fixed;
        top:20px;
        right:20px;
        height: 40px;
        padding:8px 10px;
        background:rgba(0,0,0,.3);
        color:#fff;
    }
    .headerWrap.h01 .headerM .menu em{
        background:#fff;
        -webkit-transition: -webkit-transform .1s ease;
        transition: transform .1s ease;
    }
    .headerWrap.h01 .headerM .menu:hover{
        background:rgba(0,0,0,.5);
        padding:12px 10px;
    }
    .headerWrap.h01 .headerM .menu:hover em{
        margin:3px 0;
    }
	.newsListBox h3.newsBoxTit:before,.newsListBox h3.newsBoxTit:after,.slideBtnBox,.conBoxTit:before,.conBoxTit:after{
    	display: inline-block;
    }
    .newsList li{
    	width: 50%;
    }
	.footerWrap .footQRcodeBox{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .footerWrap .footQRcodeBox.codeLBox{
        left: 5%;
    }
    .footerWrap .footQRcodeBox.codeRBox{
        right: 5%;
    }
    .footerWrap .footQRcodeBox .footQRcode{
        width: 100px;
        height: 100px;
    }
}
@media only screen and (max-width: 519px){
    .conWrap{
        padding:10px;
    }
	.newsListBox h3.newsBoxTit:before,.newsListBox h3.newsBoxTit:after,.slideBtnBox,.conBoxTit:before,.conBoxTit:after{
    	display: none;
    }
    .newsList li{
    	width: 100%;
    }
	.footerWrap .footQRcodeBox{
        position: absolute;
        top: 30px;
    }
    .footerWrap .footQRcodeBox.codeLBox{
        left: 5%;
    }
    .footerWrap .footQRcodeBox.codeRBox{
        right: 5%;
    }
    .footerWrap .footQRcodeBox .footQRcode{
        width: 50px;
        height: 50px;
    }
}
.rightBox{
    width: 340px;
    height: 100%;
    background:#fff;
    position: fixed;
    height: 100%;
    top:0;
    right:-200%;
    z-index: 22;
    padding:30px;
}
.rightBox ul{
    width: 100%;
}
.rightBox ul li{
    /*height: 60px;*/
    line-height: 60px;
    width: 100%;
    border-top:1px solid #eee;
}
.rightBox ul li a{
    display: inline-block;
    width: 100%;
    font:bold 16px / 60px "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
    position: relative;
}
.rightBox ul li a.iconLink{
    padding-left: 20px;
}
.rightBox ul li.current a.navLink, .rightBox ul li:hover a.navLink{
    color:#e1474d;
}
.rightBox ul li:nth-child(1){
    border:0;
}
.rightBox ul li a em.iconImg{
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.rightBox ul li a em.iconImg.iconImg1{
    background: url(../img/icon/icon1.png) no-repeat;
    background-size: 100% 100%;
}
.rightBox ul li.current a em.iconImg.iconImg1, .rightBox ul li:hover a em.iconImg.iconImg1{
    background: url(../img/icon/icon1_hover.png) no-repeat;
    background-size: 100% 100%;
}
.rightBox ul li a em.iconImg.iconImg2{
    background: url(../img/icon/icon2.png) no-repeat;
    background-size: 100% 100%;
}
.rightBox ul li.current a em.iconImg.iconImg2, .rightBox ul li:hover a em.iconImg.iconImg2{
    background: url(../img/icon/icon2_hover.png) no-repeat;
    background-size: 100% 100%;
}
.rightBox ul li a em.iconImg.iconImg3{
    background: url(../img/icon/icon3.png) no-repeat;
    background-size: 100% 100%;
}
.rightBox ul li.current a em.iconImg.iconImg3, .rightBox ul li:hover a em.iconImg.iconImg3{
    background: url(../img/icon/icon3_hover.png) no-repeat;
    background-size: 100% 100%;
}
.rightBox ul li a .downIcon{
	position: absolute;
	right: 10px;
	font-family: '宋体';
	color: #999;
}
.rightBox ul li .subNavList{
	width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
    display: none;
}
.rightBox ul li .subNavList .subNavItem{
	width: 100%;
    border-bottom: 1px solid #eee;
    
}
.rightBox ul li .subNavList .subNavItem:first-child{
	border-top: 1px solid #eee;
}
.rightBox ul li .subNavList .subNavItem:last-child{
	border-bottom: 0;
}
.rightBox ul li .subNavList .subNavItem a{
	font-size: 14px;
    font-weight: normal;
    line-height: 40px;
}
.rightBox ul li.current .subNavList .subNavItem a.on{
	color:#e1474d;
}
.closeBtn{
    width: 30px;
    height: 30px;
    background:#e1474d;
    display:block;
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
}
.closeBtn::before, .closeBtn::after{
    display: inline-block;
    height: 2px;
    background: #fff;
    position: absolute;
    content: '';
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -11px;
    width: 22px;
    -webkit-transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
}
.closeBtn::before{ 
    -webkit-transform: rotate3d(0,0,1,45deg);
       -moz-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
         -o-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
}
.closeBtn::after{
    -webkit-transform: rotate3d(0,0,1,-45deg);
       -moz-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
         -o-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
}
.grayBox{
    position: fixed;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
    top:0;
    right:-200%;
    z-index: 11;
}
.upBtn{
    width: 40px;
    height: 40px;
    background:#1a1c20 url(../img/up.svg) no-repeat center;
    position: fixed;
    bottom: 0;
    right:0;
}
.swiper-container {
    width: 100%;
    /*height: 919px;*/
}  
.language{
    padding: 5px;
    background-color: #eb5353;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}


.tooltipBox{
    position: fixed;
    right: 0;
    bottom: 200px;
}
.tooltipIem{
    width: 70px;
    height: 70px;
    margin-bottom: 8px;
}
.tooltipIem.telItem{
    background:url(../img/tooltipIcon/tel.png) no-repeat;
    background-size: 100% 100%;
}
.tooltipIem.telItem:hover{
    background:url(../img/tooltipIcon/telOn.png) no-repeat;
    background-size: 100% 100%;
}
.tooltipIem.wxItem{
    background:url(../img/tooltipIcon/wx.png) no-repeat;
    background-size: 100% 100%;
}
.tooltipIem.wxItem:hover{
    background:url(../img/tooltipIcon/wxOn.png) no-repeat;
    background-size: 100% 100%;
}
.el-tooltip__popper.is-light{
    border: 1px solid #60d1e0;
}
.el-tooltip__popper.is-light div.popper__arrow{
    color: #60d1e0;
    border-radius: 5px;
}
.el-tooltip__popper.is-light div{
    color: #000;
    font-size: 0;
}
.el-tooltip__popper.is-light div .contentItem{
    margin-bottom: 5px;
    font-size: 14px;
}
.el-tooltip__popper.is-light div .contentItem .conTit{
    font-weight: bold;
    font-size: 14px;
}
.el-tooltip__popper.is-light div .wxContentBox{
    display: inline-block;
    /* width: 50%; */
    width: 100%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.el-tooltip__popper.is-light div .wxContentBox .qrCodeImg{
    width: 185px;
    height: 185px;
}
.el-tooltip__popper.is-light div .wxContentBox p{
    font-size: 12px;
    line-height: 26px;
}
.el-tooltip__popper.is-light div .wxContentBox p .conTit{
    font-weight: bold;
}