/*清除默认样式*/

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font-weight: normal;}

fieldset,img{border:0;}

img{vertical-align:middle;}

ol,ul,li{list-style-type:none;}

p,big,small,span,font,em{display:block;margin:0;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;}

body{color:#666;font-size:13px;line-height:24px;font-family: 'Futura','Times New Roman','Microsoft YaHei'; }

a{color:#666;text-decoration:none;outline:none;}

a:hover {text-decoration: none;color:#3a3a3a;}

img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none;}



/*html5 初始化新标签的CSS*/

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

/*清除浮动*/

.clearfix:after {clear: both; content: ""; display:block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1;}





/*滚动条样式*/

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
    background-color: #ccc;
}
/*video标签隐藏下载按钮*/

video::-internal-media-controls-download-button {

    display:none;

}

video::-webkit-media-controls-enclosure {

    overflow:hidden;

}

video::-webkit-media-controls-panel {

    width: calc(100% + 30px); 

}

@font-face {
	font-family: "AEROPORTAL";
	src: url("../images/AEROPORTAL_0.TTF");
}
@font-face {
	font-family: "Futura";
	src: url("../images/Futura-Light.woff2");
}
@font-face {
	font-family: "Futura";
	src: url("../images/Futura-Medium.woff2");
}

/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.wrap{width:100%;overflow:hidden;}

.mainWidth{width:1000px; margin:0 auto;}

.ce{text-align:center;}

.hide{overflow:hidden;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.center{text-align:center;}

.normal{font-weight:normal;}

.box{box-sizing: border-box;}

.en {font-family:'Futura';}

.pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}

.radius{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}



.container {

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    padding:0 15px;

}



/*头部*/

.header {

    padding: 10px 0;

    border-bottom: none;

    color: #fff;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 9;

    background: none;

}

/*头部logo*/

.header .logo {

    width: 14.4%;

    min-width: 220px;

    height: 57px;

    background: url(../images/logo.svg) no-repeat left center;

    background-size: 50%;

}

.header .logo a {

    display:block;

    width:100%;

    height:inherit;

    opacity: 0;

}



/*头部菜单*/

.header .nav {

    width:50%;

    margin-left:5%;

    line-height: 59px;

}

.header .nav ul {

    width:100%;

}

.header .nav ul li {

    float: left;

    width:15%;

}

.header .nav ul li a {

    font-size: 18px;

    color:#fff;

    padding: 4px 0;

}





/*头部-搜索产品功能浮窗显示和隐藏样式*/

.header .nav .search-product {

    display:none;

}

.header .nav .searchfix {

    display:block;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999999;

}

.header .nav .searchfix .bg {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    background:rgba(0, 0, 0, 0.6);

}

.header .nav .searchfix .box {

    background: #fff url(../images/logo.jpg) no-repeat center 18%;

    background-size: 10%;

    max-width: 1230px;

    margin: -300px auto;

    padding: 150px 15px 100px 15px;

    top: 50%;

    position: relative;

    z-index: 1;

    box-shadow: 0px 2px 2px #ccc;

}

.header .nav .searchfix .box form {

    display:block;

    width:424px;

    margin:0 auto;

}

.header .nav .searchfix .box .test {

    float: left;

    width: 360px;

    height: 42px;

    line-height: 42px;

    color: #252525;

    border:1px solid #ccc;

    padding: 0 12px;

    font-size: 14px;

}

.header .nav .searchfix .box .button {

    width: 60px;

    height: 42px;

    line-height: 38px;

    background:#182D57 url(../images/search.png) no-repeat center;

}





.header .menu{ 

    display:none;width:39px; height:39px; margin-left:20px; margin-top:8px;background:url(../images/menu.svg) no-repeat center; background-size:cover;}



.header .submenu {

    width:24%;

    min-width: 356px;

}

.header .submenu a {

    display:block;

}

.header .submenu .search {

    width: 20px;

    height: 21px;

    margin-top: 18px;

    background: url(../images/search.png) no-repeat center;

    background-size: cover;

    cursor: pointer;

    margin-right: 25px;

}

.header .submenu .tag {

    text-align: center;

    width: 30px;

    float: left;

    line-height: 23px;

    margin-right: 15px;

    margin-top: 18px;

    color:#fff;

}

.header .submenu .tel {

    font-size: 15px;

    background: url(../images/tel.png) no-repeat 15px rgba(0, 0, 0, 0.0);

    text-indent: 45px;

    margin-top: 7px;

    margin-left: 25px;

    color: #fff;

    border: solid 2px #fff;

    width: 195px;

    line-height: 43px;

}



/*头部绝对定位样式*/

.headerfix,.headerfixmenu {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    border-bottom: solid 1px #d9d9d9;

    background: #f6f6f6;

}



@keyframes headerfix {

    from {

        top: -122px;

        opacity: 0;

    }

    to {

        top: 0px;

        opacity: 1;

    }

}



@-webkit-keyframes headerfix {

    /*Safari and Chrome*/

    from {

        top: -122px;

        opacity: 0;

    }

    to {

        top: 0px;

        opacity: 1;

    }

}



.headerfix,.headerfixmenu {

    -webkit-animation: headerfix ease-in-out .9s 0.1s both;

    -moz-animation: headerfix ease-in-out .9s 0.1s both;

    animation: headerfix ease-in-out .9s 0.1s both;

}



.headerfix .logo,.headerfixmenu .logo {

    background: url(../images/logo.jpg) no-repeat left center;

    background-size: 50%;

} 

.headerfix .nav ul li a { 

    color:#3a3a3a;

}

.headerfix .submenu .search {

    background: url(../images/searchfix.png) no-repeat center;

}

.headerfix .submenu .tag {

    color:#252525;

}

.headerfix .submenu .tel {

    background: url(../images/tel.png) no-repeat 15px #182D57;

    color: #fff;

    border: solid 2px #182D57;

}









footer {

    width: 100%;


    padding-top:5%;
	
	background:#252525;

}

.footer-contact {

    width:39%;

}

.footer-contact p {

    font-size: 16px;

    color: #fff;

}
.footer-contact p a {
	
	padding:0 0 0 10px;

    font-size: 16px;

    color: #fff;

}
.footer-contact .p0 {
	font-size: 18px;
	font-weight:500;
}
.footer-contact .p4 {
	padding-top:20px;
}
.footer-contact .p4 img{width:25px;}



.footer-nav{ 

    width:36%;

    margin-left:2%;}

.footer-nav ul{ float:left; margin-right:7%;}

.footer-nav ul li.tit{margin-bottom:30px;}

.footer-nav ul li.tit a {font-size:18px;color:#fff; font-weight:normal;font-weight:500;}



.footer-nav ul li { display:block; font-size:14px; line-height:24px;}

.footer-nav ul li a{ color:#fff;}

.footer-tel {width:23%;}

.footer-tel .p1{ font-size:20px;color:#fff;}



.footer-tel .p2{ height:1px; background:#e5e5e5; width:60px; margin:25px 0;}



.footer-tel .p3{ font-size:24px;color:#fff;}

.footer-tel .p3 a {color:#fff;}



.footer-tel .p4{ margin-top:25px;}

.footer-tel .p4 img{width:85px;}




.footer-by{ padding:5% 0 10px 0;font-size:15px;color:#fff; overflow:hidden;background:#252525;}

.footer-by p.left font{ display:inline-block; margin-right:25px;}

.footer .footer-by .left a{color:#fff; text-decoration:none;}

.fixvr {
    z-index: 99;
    position: fixed;
    z-index: 1000;
    width: 250px;
	height: 230px;
	*line-height:230px;
    bottom: 50px;
    right: 0px;
	padding:10px;
	background: url(../images/video1.jpg) no-repeat center;
	background-size:100%;
}
.fixvr .closefixvr {
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 15px;
    cursor: pointer;
    background: url(../images/close.png) no-repeat left top;
    background-size: 100%;
}
.fixvr .p1 {
    font-size: 20px;
    color: #fff;
	padding: 25px;
	*text-align:center;
}
.fixvr .p2 {
    font-size: 16px;
    color: #fff;
	padding:0 25px 25px 25px;
	*text-align:center;
}
.fixvr i {
	display:inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 2;
    right: 15px;
    bottom: 50px;
	line-height:0px;
	-webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;
}
.fixvr .sb {
	-webkit-animation: sb 1.5s linear infinite;animation: sb 1.5s linear infinite;
	}
@keyframes sb {
 25% {-webkit-transform: translateY(-10px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(10px);}
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.fixvr {
	display:none;
    width: 100px;
	height: 100px;
	line-height:50px;
    bottom: 180px;
}
.fixvr p {
    font-size:14px;
}
}
/*浮窗留言*/

.fixshow {
    position: fixed;
    z-index: 1000;
    height: 60px;
    width: 60px;
    top: 80%;
    right: 0px;
	text-align:center;
    background:#182D57;
	border-radius: 50%;
	z-index:98;
}
.fixshow i {
    display:inline-block;
    width:30px;
    height:24px;
    line-height: 42px;
}
.fixshow i img {
    width:30px;
}
.fixshow span {
    font-size: 10px;
    color: #fff;
}



.fixed-msg {
	
	z-index: 99;

    position: fixed;

    z-index: 1000;

    width: 250px;
	
    bottom: 280px;

    right: 0px;
	
	/*border: solid 1px #d2d2d2;*/
	
}


.fixed-msg .msg-box {


    width:100%;

    padding:10px;

    background:#fff;

    position:relative;

}

.fixed-msg .msg-box h4 {

    height: 50px;

    line-height: 50px;

    font-size:18px;

    font-weight: bold;

    overflow: hidden;

    text-align: center;

}

.fixed-msg .msg-box h4 strong {

    font-size: 20px;

    color: #182D57;

}

.fixed-msg .msg-box h5 {
	display:none;
}

.fixed-msg .msg-box .closefix {

    width: 18px;

    height: 18px;

    position: absolute;

    z-index: 2;

    right: 15px;
	
    top: 15px;

    cursor: pointer;

    background: url(../images/close.png) no-repeat left top;
	
	background-size: 100%;

}

.fixed-msg .msg-box .form {}

.fixed-msg .msg-box .form input,.fixed-msg .msg-box .form select {

	float:left;

    background: #f5f5f5;

    border: solid 1px #d2d2d2;

    font-size: 14px;

    color: #313131;

    padding: 0 2%;
	
	margin: 2px 0;

    line-height: 18px;
	
    width:100%;

	height:36px;
	
}

.fixed-msg .msg-box .fixSubmit{
    background: #182D57;
    border: 0;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    width: 110px;
    line-height: 30px;
    margin: 20px auto;
    clear: both;
    cursor: pointer;
}

/*以下代码是自适应样式*/



@media screen and (max-width:1320px){}



@media screen and (max-width:1178px){}

@media screen and (max-width:800px){
	
.fixshow {
    position: fixed;
    z-index: 1000;
    height: 60px;
    width: 60px;
    top: 80%;
    right: 0px;
	text-align:center;
    background:#182D57;
	border-radius: 50%;
	z-index:98;
}
.fixshow i {
    display:inline-block;
    width:30px;
    height:24px;
    line-height: 42px;
}
.fixshow i img {
    width:30px;
}
.fixshow span {
    font-size: 10px;
    color: #fff;
}

.fixed-msg {
	
	z-index: 99;

    position: fixed;

    z-index: 1000;

    height: 100%;

    width: 100%;

    top: 0px;

    left: 0px;

    display: none;

    background:rgba(0, 0, 0, 0.2);

}

.fixed-msg .msg-box {

    height: 100%;

    width: 100%;

    margin:0% auto;

    padding:50px;

    background:#fff;

    position:relative;

}

.fixed-msg .msg-box h4 {

    height: 50px;

    line-height: 50px;

    font-size: 24px;

    font-weight: bold;

    overflow: hidden;

    text-align: center;

}

.fixed-msg .msg-box h4 strong {

    font-size: 24px;
	
    color: #182D57;

}

.fixed-msg .msg-box h5 {

    font-size: 14px;

    line-height: 30px;

    overflow: hidden;

    color: #666666;

    text-align: center;

}

.fixed-msg .msg-box .closefix {

    width: 26px;

    height: 26px;

    position: absolute;

    z-index: 2;

    right: 15px;

    top: 15px;

    cursor: pointer;

    background: url(../images/close.png) no-repeat left top;

}

.fixed-msg .msg-box .form {}

.fixed-msg .msg-box .form input,.fixed-msg .msg-box .form select {

	float:left;

    background: #f5f5f5;

    border: solid 1px #d2d2d2;

    font-size: 18px;

    color: #313131;

    padding: 0 5%;

	margin:1%;

    line-height: 46px;

    width: 100%;

	height:46px;
	

}

.fixed-msg .msg-box .fixSubmit{

    background: #182D57;

    border: 0;

    display: block;

    color: #fff;

    text-align: center;

    font-size: 18px;

    width: 190px;

    line-height: 45px;

    margin: 20px auto;

    clear: both;

    cursor: pointer;

}




}



/*浮窗视频播放*/

.modal .modal-header{ border-bottom:none;}

.modal{text-align:center; width:100%; height:100%;}

.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:1000px; height:auto;}

.modal .modal-content video{ width:100%; height:100%; height:auto;}





/*以下代码是自适应样式*/

@media screen and (max-width:1320px){

.header .logo {width: 14.4%;}

.header .logo a {display:block;width:100%;height:inherit;opacity: 0;}

.header .nav {width:48%;margin-left:1%;line-height: 59px;}

.header .submenu {width:28%;}



.footer-contact {width:20%;}

.footer-nav {width:58%;}

.footer-tel {width:20%;}

.footer-tel .p3 {font-size: 32px;}



.footer-by{ padding:10px 0;font-size:15px; overflow:hidden;}

.footer-by p.left font{ display:inline-block; margin-right:25px;}

.footer .footer-by p.right a{ text-decoration:;}



}





@media screen and (max-width:1178px){

.header .submenu {display:none;}

.header .nav {width: 70%;margin-left: 8%;line-height: 59px;}

}





@media screen and (max-width:800px){

.header {

    padding:18px 0;

}

.header .logo {

    width: 220px;

    height: 40px;

    background-size:40%;

}

.header .logo a {

    display:block;

    width:100%;

    height:inherit;

    opacity: 0;

}



.header .nav {

    display: none;

    position: fixed;

    top: 77px;

    left: 0;

    width: 100%;

    height: 65%;

    margin: 0;

    padding:20px 0;

    line-height: 46px;

    background:#fff;

}

.header .nav ul {

    padding:0 30px;

}

.header .nav ul li {

    float:left;

    width:45%;

    padding-left: 30px;

    border-bottom: 1px solid #f1f1f1;

    background: url(../images/menu-icon.svg) no-repeat left center;

    background-size: 20px;

}

.header .nav ul li a {

    font-size: 16px;

    color:#3a3a3a;

    padding: 0px 10px;

}

.header .menu{ 

    display:block;

    width:32px; height:32px; margin-left:20px; margin-top:8px;background:url(../images/menu.svg) no-repeat center; background-size:cover;}



/*搜索产品功能浮窗显示和隐藏样式*/

.header .nav .search-product {

    float:left;

    width:100%;

    display:block;

    margin-top: 3%;

}

.header .nav .search-product-fix {

	position: fixed;

    top: 77px;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding:20px 20px;

    background:#fff;

}

.header .nav .search-product .bg {display:none;}

.header .nav .search-product .box {}

.header .nav .search-product .box .test {

    float: left;

    width:80%;

    height: 42px;

    line-height: 42px;

    color: #252525;

    border:1px solid #ccc;

    padding: 0 12px;

    font-size: 14px;

}

.header .nav .search-product .box .button {

    width: 18%;

    height: 42px;

    line-height: 38px;

    background:#182D57 url(../images/search.png) no-repeat center;



}

.header .submenu {

    display:none;

}

.footer-contact {width:100%;padding:5% 0;}



.footer-nav {width:100%;padding:5% 0;}

.footer-nav ul{ float:left;width: 30%;min-height: 220px;margin-left:0%;margin-right: 1%;}



.footer-nav ul li { float:left;width:100%;font-size:14px; line-height:24px;}

.footer-nav ul li.tit {margin-bottom: 10px;}

.footer-nav ul li a{}



.footer-tel {width:100%;}

.footer-tel .p3 {font-size: 32px;}

.footer-tel .p3 a {color: #182D57;}

.footer-tel-fix {position: fixed;bottom:0;left: 0;width: 100%;height: 35%;padding:10px 30px;background: #fff;z-index: 999;}
.footer-tel-fix  .p1 {
    color: #3a3a3a;
}

.footer-by{}

.footer-by p.left a{display:block;}

}





/**/

.title{ margin:3% 0 3% 0; overflow:hidden;}

.title font{ font-size:30px; margin-right:5%;line-height:34px; text-transform:uppercase;}

.title em{ font-size:18px; border:solid 2px #cfcfcf; margin-top:10px;margin-left: 10px;text-align:center; width:100%; font-style:normal;max-width: 150px;line-height: 40px;}

.title em a{font-size: 14px; color:#464646;}

.title .cur,.title em:hover {background:#182D57;border: solid 2px #182D57;}

.title .cur a,.title em:hover a {color:#fff;}



/*以下代码是自适应样式*/



@media screen and (max-width:1320px){}



@media screen and (max-width:1178px){}



@media screen and (max-width:800px){



.title font {width:60%;}

.title em {font-size: 12px;float:left;max-width: 100px;line-height: 32px;border:solid 1px #cfcfcf;}

.title .cur, .title em:hover {border: solid 1px #182D57;}

}

.VR-content {
	z-index: 99;
    position: fixed;
    z-index: 1000;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    display: none;
}
.VR-content .closevr {
    width: 26px;
    height: 26px;
    position: absolute;
    z-index: 2;
    right: 70px;
    top: 15px;
    cursor: pointer;
    background: url(../images/close.png) no-repeat left top;
}