*:focus {outline: none} 
body{background:#f8f8f8;font: 12px/1.6 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,sans-serif;}
a,a:hover,a:focus{text-decoration:none}
img{image-rendering: -webkit-optimize-contrast;}
ul{margin:0;padding:0;}
ul li{list-style:none}
.container {padding-right:15px;padding-left:15px;}

/*头部*/

.m-header{height:50px;background:#fff;position: fixed; top:0; width:100%; left:0; z-index:999;}
.m-header .logo{display: block;height:24px; margin:0 auto;}
.m-header .header-top{display:flex;align-items:center;width:100%;height:100%;justify-content:center;}
.nav-trigger{position:absolute;float:left;height:30px;width:30px;overflow: hidden;text-indent: 100%;white-space: nowrap;color: transparent;left:25px}
.nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width:20px;height:3px;background-color: #021e48;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nav-trigger span {top:13px;left:4px;-webkit-transition: background 0.2s 0.1s;-moz-transition: background 0.2s 0.1s;transition: background 0.2s 0.1s;}
.nav-trigger span::before, .nav-trigger span:after {content: '';left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;}
.nav-trigger span::before {bottom:7px;}
.nav-trigger span::after {top:7px;}
.nav-trigger.on span {background-color:rgba(0, 0, 0, 0);}
.header.pages-header .nav-trigger.on span {background-color: rgba(0, 0, 0, 0);}
.nav-trigger.on span::before, .nav-trigger.on span::after {background-color:#fff;}
.header.pages-header .nav-trigger.on span::before,.header.pages-header .nav-trigger.on span::after {background-color:#fff;}
.nav-trigger.on span::before {-webkit-transform: translateY(7px) rotate(-45deg);-moz-transform: translateY(7px) rotate(-45deg);-ms-transform: translateY(7px) rotate(-45deg);-o-transform: translateY(7px) rotate(-45deg);transform: translateY(7px) rotate(-45deg);}
.nav-trigger.on span::after {-webkit-transform: translateY(-7px) rotate(45deg);-moz-transform: translateY(-7px) rotate(45deg);-ms-transform: translateY(-7px) rotate(45deg);-o-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}

.sidenav-brand .nav-trigger{position:relative;left:0}



.index-banner{position:relative;}
.index-banner img{margin:0 auto;}
.index-banner p{color:#fff;position:absolute;bottom:10%;text-align:center;margin:0 8%;}

.search-box{background:#fff;width:80%;height:40px;position:absolute;left:10%;bottom:-20px;box-shadow: 0px 9px 18px 5px rgba(0, 0, 0, 0.15);display:flex;}
.search-box .int{flex:1;border:none;text-indent:6px;}
.search-box .subbtn{background:#021e48;width:60px;height:40px;border:none;display:flex;justify-content:center;align-items:center;}
.search-box .subbtn .ico{width:15px;}


.index-title{text-align:center;}
.index-title h3{color:#393939;font-size:30px;display:flex;justify-content:center;align-items:center;}
.index-title h3:before{content:"";display:block;width: 50px;height:4px;background:#b60005;margin-right:20px;}
.index-title h3:after{content:"";display:block;width: 50px;height:4px;background:#b60005;margin-left:20px;}
.index-title p{color:#b60005;font-size:16px;}


.index-about{margin-top:50px;margin-bottom:30px;}
.swipercon:before{background:#021e48;height:35%;width:100%;content:"";display:block;position:absolute;left:-80%;}
.swiper-about{margin-top:30px;margin-left:15%;position:relative;padding-top:4%;padding-bottom:45%;}
.swiper-about .swiper-slide{-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transform:scale(.8);transform:scale(.8);width:80%;margin-right:10px;position:relative;}
.swiper-about .swiper-slide-active,.swiper-news .swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);z-index:99999;}
.swiper-about .none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}
.swiper-about .swiper-slide img{width:100%;display:block}

.swiper-about .swiper-slide .block{background:#f5f9ff;width:50%;height:48%;position:absolute;top:75%;left:25%;padding-left:12%;box-shadow: 0px 9px 18px 5.76px rgba(0, 0, 0, 0.12);line-height:1.3}
.swiper-about .swiper-slide .block:before{width:24%;height:3px;background:#d9898e;content:"";display:block;margin-top:10px;margin-bottom:5px;}
.swiper-about .swiper-slide .block:after{width:24%;height:3px;background:#d9898e;content:"";display:block;margin-top:10px;}
.swiper-about .swiper-slide .block em{font-style: normal;display:block;color:#021e48;font-size:18px;}
.swiper-about .swiper-slide .block span{font-style: normal;display:block;color:#393939;font-size:14px;}
.swiper-about .swiper-slide p{color:#393939;font-size:14px;max-width:90%;margin-top:0px;position:absolute;top:134%;left:5%;}

.index-information{overflow: hidden;background:url(../img/index/newsbg.jpg) bottom center no-repeat;background-size:auto 50%;padding-bottom:30px;}
.swiper-news{width:160%;margin-left:-30%;margin-top:30px;}
.swiper-news .swiper-slide{-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transform:scale(.8);transform:scale(.8);position:relative;}
.swiper-news .swiper-slide{position:relative;display:block;height:100%}
.swiper-news .swiper-slide:before{content: '';position: absolute;top: 0;
left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 99;}
.swiper-news .swiper-slide-active,.swiper-news .swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);z-index:99999;}
.swiper-news .swiper-slide-active:before{display:none}
.swiper-news .none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}
.swiper-news .swiper-slide img{width:100%;display:block}
.swiper-news .swiper-slide h3{ display:none}
.swiper-news .swiper-slide p{position:absolute;left:30px;bottom:60px;width:50%;color:#fff;margin-bottom:0}
.swiper-news .swiper-slide .view{width:100px;height:30px;color:#fff;line-height:30px;border:1px solid #fff;position:absolute;left:30px;bottom:20px;text-align:center;}


.index-product{position:relative;padding-top:20px;}
.index-product:after{content:"";display:block;position:absolute;background:rgba(2,30,72,0.9);height:54%;width:100%;bottom:0;left:0;z-index:0;}
.index-product .product-main{position:relative;background:url(../img/index/productbg.png) 20px 10px no-repeat;position:relative;background-size:50%;padding-top:30px}
.product-left{width:100%;position:relative;}
.product-left .swiper-product{width:66%;margin:0 auto;}
.product-left .swiper-button-prev{background:none;width:40px;top:auto;bottom:0;z-index:999;}
.product-left .swiper-button-next{background:none;width:40px;top:auto;bottom:0;z-index:999;}
.product-left .swiper-button-prev .ico,.product-left .swiper-button-next .ico{width: 40px;height:40px;}
.product-right{position:relative;z-index:1;color:#fff;width:65%;margin:0 auto;margin-top:20px;padding-bottom:30px;position:relative;}
.product-right .more{color:#fff;display:inline-block;border-bottom:1px solid #fff;position:absolute;right:0;bottom:20px;}


.footer{background:url(../img/footerbg.jpg) top center no-repeat;padding-top:30px;padding-bottom:30px;}
.footer .f-left{width:100%;margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;}
.footer .flogo-area{width:100%;text-align:center;margin-bottom:15px;}
.footer .flogo-area .flogo{max-width:100%;height:40px;}
.footer .f-contact{width:100%;display:flex;align-items:center;margin-top:15px;}
.footer .f-contact .ico{width:30px;height:30px;}
.footer .f-contact .text{color:#fff;margin-left:10px;}
.footer .f-contact .text p{color:#fff;font-size:16px;font-weight:bold;margin-bottom:0;}
.footer .f-address{color:#fff;font-size: 13px;width:100%;}
.footer .f-address p{margin:0}

.footer .f-right{display:flex;width:100%;justify-content:space-between;}
.footer .f-right .item{color:#fff;}
.footer .f-right .item span{font-size:13px;}
.footer .f-right .item h3{font-size:14px;margin:0;margin-bottom:15px;margin-top:4px;}
.footer .f-right .item p{margin:0;margin:5px 0;}
.footer .f-right .item p a{color:rgba(255,255,255,0.8);font-size:12px;}



.pages-banner{margin-top:50px;}


.pages-nav{display:flex;flex-wrap:wrap;padding:20px 0;}
.pages-nav .title{font-size:24px;color:#021e48;position:relative;width:100%;text-align:center;order:2;font-weight:bold;}
.pages-nav .title:after{background:#b60005;height:4px;width:20px;content:"";display:block;margin:0 auto;margin-top:5px;}
.pages-nav .nav-link{display:flex;justify-content:space-around;align-items:center;width:100%;order:1;flex-wrap:wrap;margin-bottom:15px;}
.pages-nav .nav-link a{display:block;border:1px solid #05182c;min-width:18%;text-align:center;min-height:30px;line-height:30px;font-size:12px;color:#393939;padding:0 10px;margin-bottom:10px;}
.pages-nav .nav-link a.on{background:#021e48;color:#fff;}

.about1{padding-bottom:30px;}
.about1 h4{color:#222222;font-size:18px;margin-bottom:15px;}
.about1 p{color:#222222;font-size:14px;}
.about1 .con1 img{max-width:100%}
.about1 .con1{display:flex;flex-wrap:wrap;}
.about1 .con1 .textarea{margin-bottom:20px;}
.about1 .con1 .table{display:flex;align-items:center;justify-content:space-between;border-left:1px solid #e2e2e2;margin-bottom:0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.about1 .con1 .table .item{width:25%;text-align:center;border:1px solid #e2e2e2;padding:20px 0;border-left:none;border-top:none;border-bottom:none;height:100%}
.about1 .con1 .table .item h3{color:#222;font-size:24px;font-weight:bold;margin-bottom:5px;margin-top:0;}
.about1 .con1 .table .item span{font-size:14px;}

.about1 .con2{margin-top:30px;}
.about1 .con3{margin-top:30px;}
.about1 .con3 .icon-jiahao{color:#0172ba;font-size:20px;font-weight:bold;}


.about2{background:url(../img/pages/about2bg.jpg) bottom center no-repeat;background-size:100%;padding-bottom:40px;}

.about2 ul li{border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#222222}
.about2 ul li:last-child{border-bottom:none}
.about2 ul li .left{margin-bottom:15px;}
.about2 ul li h3{font-size:20px;margin-top:0}
.about2 ul li span{font-size:14px;}
.about2 ul li p{font-size:14px;margin-bottom:0}


.about3{background:url(../img/pages/about2bg.jpg) bottom center no-repeat;background-size:100%;padding-bottom:40px;}
.about3 ul li{border-bottom:1px solid rgba(0,0,0,0.1);padding:15px 0;display:flex;align-items:center;flex-wrap:wrap;color:#222222}
.about3 ul li:last-child{border-bottom:none}
.about3 ul li .left{margin-bottom:10px;color:#666666;font-weight:bold;font-size:20px;}
.about3 ul li .right{width:100%}
.about3 ul li p{font-size:14px;margin-bottom:0}

.about4{background:url(../img/pages/about2bg.jpg) bottom center no-repeat;background-size:100%;padding-bottom:40px;color:#222;}
.about4 h4{font-size:16px;margin-top:0;margin-bottom:20px;line-height:1.5; font-weight:bold}
.about4 p{font-size:14px;}
.about4 ul{margin-top:25px;}
.about4 ul li{font-size:14px;position:relative;border-bottom:1px dotted rgba(34,34,34,0.2);padding:20px 0;padding-left:30px;}
.about4 ul li:before{content:"";display:inline-block;width:10px;height:10px;border:2px solid #b60005;border-radius:50%;position:absolute;left:0;top:26px;}
.about4 ul li:last-child{border-bottom:none}
.about4 .imgs{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;}
.about4 .imgs:after{content: "";width:46%;}
.about4 .imgs .item{position:relative;width:46%;margin-bottom:10px;}
.about4 .imgs .item .img-responsive{margin:0 auto;}
.about4 .imgs .item .all{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;text-align:center;justify-content:center;}
.about4 .imgs .item .img{max-width:60%;max-height:60%;}


.clear{clear:both;}
.contact{padding-bottom:40px}
.contact .contact-left h2{font-size:20px;color:#222222;}
.contact .contact-left .item{margin-top:10px;width:50%;float:left;height:120px;padding-right:20px;font-size:14px;}
.contact .contact-left .item .yw{color:#666666;margin-bottom:5px;}
.contact .contact-left .item .bq{color:#666666;margin-bottom:15px;}
.contact .contact-left .item .info{color:#999999;}
.contact .contact-left .item.big .info{color:#222;font-size:16px;}

.contact .contact-right{}
.contact .contact-right h4{font-size:20px;color:#222;margin-top:30px;text-align:center;}
.contact .contact-right ul li{border:1px solid #ececec;display:flex;align-items:center;color:#999999;font-size:14px;padding:5px 0;padding-left:10px;margin-bottom:8px;}
.contact .contact-right ul li em{color:#f20c5d;font-style:normal;}
.contact .contact-right ul li .int{background:none;border:none;flex:1;padding:0 10px;}
.contact .contact-right ul li textarea{background:none;border:none;flex:1;padding:0 10px;min-height:80px;}
.contact .contact-right ul li.big{align-items:flex-start;}
.contact .contact-right .submit{background:#b60005;width:100px;height:40px; text-align:center;line-height:40px;border:none;color:#fff;font-size:16px;border-radius:0;}

.product{padding-bottom:30px;padding-top:10px;}
.product .list{}
.product .list ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.product .list ul:after{content:"";width:46%;}
.product .list ul li{background:#fff;border:2px solid #fff;width:46%;margin-bottom:20px;}
.product .list ul li p{color:#222222;font-size:14px;text-align:center;border-top:1px solid #dddddd;margin-bottom:0;padding:10px 0;}


.page{text-align:center;}
.page .prev,.page .next{border:2px solid #021e48;border-radius:50%;color:#021e48;width:30px;height:30px;line-height:26px; display:inline-block;text-align:center;}
.page .prev .iconfont,.page .next .iconfont{font-size:16px;}
.page a{color:#021e48;font-size:16px;font-family:"Arial";margin:0 5px;}
.page a.on{color:#b60005;font-size:24px;text-decoration:underline;}


.product3{padding-bottom:30px;}
.product3 .list{}
.product3 .list .item{padding-bottom:20px;border-bottom:1px solid #e4e4e4;padding-top:20px;}
.product3 .list .item h3{font-size:20px;margin-bottom:20px;color:#222222;margin-top:0;}
.product3 .list .item p{font-size:14px;color:#222;margin-top:20px;}
.product3 .list .item span{font-size:18px;color:#b0b0b0;}
.product3 .list .item .right{margin-top:10px;margin-bottom:20px;position:relative;}
.product3 .list .item .right img{position:relative;right:10px;top:10px;z-index:99;}
.product3 .list .item .right .img:after{content:"";display:block; position:absolute;background:#002e73;width:100%;height:100%;right:0;top:0;}

.product4{margin-top:10px;padding-bottom:30px;}
.product4 .the-title{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.product4 .the-title .num{color:rgba(34,34,34,0.2);font-size:30px;}
.product4 .the-title p{font-size:12px;color:#222222;margin-bottom:0}
.product4 .the-title h3{font-size:20px;color:#222222;margin-bottom:5px;margin-top:0;}
.product4 .item{margin-bottom:10px;}

.product5 {padding-bottom:30px;}
.product5 .list{}
.product5 .list .item{border:1px solid #eaebeb;padding:20px 15px;margin-bottom:15px;}
.product5 .list .item h3{font-size:20px;color:#222222;display:flex;align-items:center;justify-content:space-between;margin-top:0;margin-bottom:20px;}
.product5 .list .item h3 em{color:#a9a9a9;font-size:24px;font-style:normal;}
.product5 .list .item p{font-size:14px;color:#222;margin-bottom:30px;}


.news{padding-bottom:20px;}
.news .list{}
.news .list .img{margin-bottom:20px;}
.news .list ul {margin-bottom:20px;}
.news .list ul li{border:1px solid #bebebe;padding:20px;margin-bottom:15px;}
.news .list span{color:#222222;font-size:12px;}
.news .list h3{margin-top:5px;color:#021e48;font-size:20px;}
.news .list p{color:#222222;font-size:14px;margin-bottom:0}
.news .list .go{font-size:20px;color:#021e48;font-weight:bold;display:block;margin-top:10px;}

.news-detail{padding-bottom:30px;}
.news-detail .title{margin-top:0;}
.news-detail .content{color:#222;font-size:14px;}
.news-detail .content img{max-width:100%;margin:15px 0;}

.detail-nav{position:relative;display:flex;justify-content:center;padding-top:30px;border-top:1px solid #e9e9e9;margin-top:30px;}
.detail-nav .iconfont{font-size:16px;color:#09244d}
.detail-nav .prev{position:absolute;left:0;background:none;border-radius:100%;width:40px;height:40px;display:block;display:flex;align-items:center;justify-content:center;border:1px solid #09244d;}
.detail-nav .next{position:absolute;right:0;background:none;border-radius:100%;width:40px;height:40px;display:block;display:flex;align-items:center;justify-content:center;border:1px solid #09244d;}
.detail-nav .menu{background:none;border:1px solid #09244d; border-radius:100%;width:40px;height:40px;display:block;display:flex;align-items:center;justify-content:center;}
.detail-nav .menu i{background:url(../img/pages/menuico.png) center center no-repeat;background-size:70%;height:14px;width:14px; display:block;}


.join{padding-bottom:30px;}
.joinpc {border:2px solid #e1e1e1;border-bottom:none;margin-bottom:40px;}
.joinpc ul li{cursor:pointer;border-bottom:2px solid #e1e1e1;}
.joinpc ul li .line{display:flex;align-items:center;justify-content:space-around;width:100%;font-size:14px; position:relative;height:60px;line-height:60px;color:rgba(34,34,34,0.6);border-left:10px solid #f8f8f8;transition:all 0.3s}
.joinpc ul li span{display:block;}
.joinpc ul li span.s1{width:60%;text-indent:10px;}
.joinpc ul li span.s2{width:16%;display:none}
.joinpc ul li span.s3{width:16%;display:none}
.joinpc ul li span.s4{width:16%;display:none}
.joinpc ul li span.s5{width:40%;}
.joinpc ul li:first-child{border:none;}
.joinpc ul li:first-child .line-title{background:#dfdfdf;color:#222222}
.joinpc ul li .line-title{background:#dfdfdf;color:#222222;border-left:0;padding-left:10px;}
.joinpc ul li:hover .line{border-left:10px solid #0173ba;background:#fff}
.joinpc ul li:hover .line-title{background:#dfdfdf;color:#222222;border-left:0}

.join-detail{padding-bottom:30px;color:#222222}
.join-detail .blocks{font-size:14px;margin-bottom:20px;}
.join-detail p{font-size:14px;}
.join-detail .submit-btn{width:100px;height:40px;line-height:40px;background:#b60005;color:#fff;text-align:center;display:block;margin-top:30px;position:relative;}
.join-detail .submit-btn:after{content:"";width:40px;height:40px;background:#f6e5e6;position:absolute;right:-15px;top:-10px;z-index:-1}


.product-detail{padding-bottom:30px;}
.product-detail .detail-top{background:#fff;margin-bottom:20px;}
.product-detail .detail-top .img img{margin:0 auto;}

.swiper-product {width: 100%;height: 100%;}
.swiper-product  .iconfont{ position:absolute; top:50%; color:#9d9d9d; font-size:30px; z-index:99}
.swiper-product  .icon-zuojiantou1{ left:0;}
.swiper-product  .icon-youjiantou1{ right:0;}
.swiper-product .swiper-pagination-bullet-active{ background:#e1424a}

.product-detail .detail-top .con{padding-left:15px;padding-bottom:20px;}
.product-detail .detail-top .con:after{content:"";clear:both;display:block;}
.product-detail .detail-top .con .text { word-wrap: break-word;}

.product-detail .detail-top .btns{ margin-top:20px; display:flex; }
.product-detail .detail-top .zixuncon{position:relative;margin-top:0px;}
.product-detail .detail-top .zixun{width:120px;height:40px;line-height:40px;background:#e1424a;color:#fff;text-align:center;display:block;font-size:14px;z-index:2;position:relative;}
.product-detail .detail-top .zixun span{position:relative;z-index:2;}
.product-detail .detail-top .zixun .ico{margin-right:5px;height:12px;}
.product-detail .detail-top .zixuncon:after{content:"";width:40px;height:40px;background:#f6e5e6;position:absolute;right:-15px;top:-10px;z-index:1}

.product-detail .detail-top .sccon{position:relative;margin-top:0px; margin-left:30px;}
.product-detail .detail-top .golink{width:120px;height:40px;line-height:40px;background:#e1424a;color:#fff;text-align:center;display:block;font-size:14px;z-index:2;position:relative;}
.product-detail .detail-top .golink span{position:relative;z-index:2;}
.product-detail .detail-top .golink .ico{margin-right:5px;height:12px;}
.product-detail .detail-top .sccon:after{content:"";width:40px;height:40px;background:#f6e5e6;position:absolute;right:-15px;top:-10px;z-index:1}


.product-detail .detail-bottom{background:#fff;}
.product-detail .detail-bottom .bq{padding-left:15px;height:50px;line-height:50px;border-bottom:1px solid #f8f8f8;border-top:1px solid #132d54}
.product-detail .detail-bottom .con{font-size:14px;color:#222222;padding:15px;}