/*赏金船长好朋侪*/
.index_about{background-image:url(/images/index_about.jpg); background-repeat:no-repeat;background-position: center;height:950px;}
.width-1340{width: 1200px;overflow: hidden;position: relative;margin: 0 auto;}
.width-1200{width: 1200px;overflow: inherit;position: relative;margin: 0 auto;}
.index_about_title{text-align:center;margin-top:190px;}
.index_about_info{text-align: center;font-size:17px;line-height: 29px;color:#666666;padding:40px 150px;background-image: url(/images/index_about_tip.png);background-size: contain;background-repeat: no-repeat;background-position: center;}
.more{font-size:14px;text-align:center;color:#e50019;}
.index_about_pic{margin-top:40px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_about_pic img{width:49.7%;}
.index_product{background-color: #fec901;background-image:url(/images/index_product.jpg); background-repeat:no-repeat;background-position: center;height:950px;}
.index_product_1414{background-image:url(/images/index_product_bg.png); background-repeat:no-repeat;background-position: top;height:520px;width:1200px;margin:0 auto; display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.index_product_title{text-align:center;margin-top:165px;}
.index_product_info{text-align: center;font-size:18px;line-height: 29px;color:#cf0011;padding:35px 150px 0px 150px;}
.index_product_left{width:250px;margin-left:16px;margin-top:50px;}
.index_product_left .icon2{display: none;}
.index_product_left .hover{color:#fff;background-color:#cf0011;}
.index_product_left .hover .icon2{display: block;}
.index_product_left .hover .icon1{display: none;}
.index_product_menu{border-radius:44px;width:200px;height:44px;margin-bottom:23px;padding-left:34px;display: flex;justify-content:flex-start;flex-wrap:wrap-reverse;
	line-height: 44px;font-size:20px;color:#666666;font-weight:bolder;
}
.index_product_menu:hover{cursor: pointer;}
.index_product_menu img{margin-right:10px;}
.index_product_box{display: none;}
.index_product_right{width:925px;margin-right:5px;padding-top: 150px; overflow: hidden;}
.index_product_right p{text-align: center;color:#cf0011;    line-height: 60px;}
.index_product_pic{text-align:center;}

.swiperpage{margin:0 auto;width:125px;height:36px;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:120px;}
.swiperpage .swiper-button-prev{width: 36px;height: 36px;background: url(/images/arrow_left.png) no-repeat center top;position: relative;}
.swiperpage .swiper-button-next{width: 36px;height: 36px;background: url(/images/arrow_right.png) no-repeat center top;position: relative;}

.index_news{background-color: #fff;background-image:url(/images/index_news_bg.jpg); background-repeat:no-repeat;background-size: contain;height:950px;overflow: hidden;}
.index_news_title{text-align:center;margin-top:165px;margin-bottom:50px;}
.index_news .list{background-color:#fff;width:390px;height:504px;border:1px solid #d6d6d6;margin: 0 auto;}
.index_news_info{background-color:#fff;width:310px;height:82px;padding:47px 40px;position: absolute;bottom:1px;}
.index_news_pic{position: absolute;width:390px;}
.index_news_info .data{font-size:18px;color:#cf0011;padding-bottom:12px;}
.index_news_info .title{font-size:22px;}
.index_news_info .more{font-size:14px;color:#cf0011;text-align: right;margin-top:-20px;position: absolute;right: 35px;bottom: 35px;}
.index_news_up{position: absolute;top: -50px;left: 184px;z-index:1;}
.index_news_down{position: absolute;top: 177px;left: 205px;z-index:1;}
.index_duty{background-color: #fff;background-image:url(/images/index_duty_bg.jpg); background-repeat:no-repeat;background-size:cover;;height:950px;background-size: cover;background-position: center;}
.index_duty_pic{background-image: url(/images/index_duty_pic1.png);background-repeat:no-repeat;background-size:100%;height:565px;margin-top:195px;overflow:visible;}
.index_duty .title{font-size:45px;color:#feedd0;line-height: 66px;padding-top:135px;width:220px;margin-left:780px;}
.index_duty .mome{font-size:18px;color:#feedd0;line-height: 28px;width:280px;margin-left:780px;}
.index_duty .more{font-size:18px;color:#feedd0;line-height: 66px;width:220px;text-align: left;margin-left:780px;}
.index_duty_pic2{position:absolute;top:214px;right:-170px;width:350px;}

.index_contact{background-image: url(/images/index_contact_bg.jpg);background-color: #fff; background-repeat:no-repeat;background-size:cover;;height:950px;background-size: cover;background-position: center;}
.index_contact_iconlist{width:640px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin:0 auto;margin-top:62px; text-align: center;font-size:16px;line-height: 30px;    position: relative;}
.index_contact_box{width:908px;border:1px solid #cf0011;margin:0 auto; text-align: center;font-size:18px;line-height: 38px;margin-top:100px;}
.index_contact_iconlist>.iconbox{position: relative;float:left;width:20%;cursor: pointer;}
.Qrcode{position:absolute;top: -110%;left: 63.5%;}

.index_contact_box span{color:#cf0011;font-size:34px;display:block;line-height: 100px;}
.index_contact_box .joinus_link{background-color:#cf0011;font-size:26px;line-height:64px;color:#fff;margin-top:45px;}


.index-1.m-active,.index-1:hover{color: #e72427;}
.index-1.m-active>.index-1-icon,.index-1:hover>.index-1-icon{
	background:url(/images/jb-bg.png) no-repeat center;
border:none;background-size: 100% 100%;}
.index-1.m-active>.index-1-icon>img,.index-1:hover>.index-1-icon>img{
	opacity: 0;}
.index-1.m-active>.index-1-icon>span,.index-1:hover>.index-1-icon>span{
	opacity: 1;}
.index-2{margin-top: .8rem;}
.index-2:after,.img-box.index-11:after{content: '';position: absolute;width: 28px; height:10px;transform: translateX(-50%);
background: url(/images/sj.png) no-repeat center;top:0;left: 50%;z-index: 2;}
.index-3{height: 651px;position: relative;}
.index-3>.a-background{height: 100%;}
.index-3>.text{position: absolute;width: 100%; height: 100%;z-index: 1;background: rgba(11,9,37,.7);top:0;
left: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all .5s;
opacity: 0;}
.index-3>.text>h1{font-size: .72rem;color:rgba(255,255,255,.9);line-height: 1.1rem;margin: 0 0 .6rem;}
.index-3:hover>.text .wo{animation: fadeInUp 1s backwards;}
.index-3:hover>.text{opacity: 1;}

.index-bt1{background: url(/images/index-bg1.jpg) no-repeat bottom center;}
.index-bt1 .btn-ljgd{margin-top: .9rem;}
.index-5{overflow: hidden;height: 100%;}
.index-5 .width-50{float: left;}
.index-6{padding-bottom:70.8%;}
.index-6.img-box:hover>img,.index-11.img-box:hover>img{transform: scale(1.05);}
.index-8{position: absolute;background: #303030;color: #cfcfcf;width: 100%;height: 100%;
display: flex;justify-content: center;flex-direction: column;font-size: .44rem;padding: 5% 10% 5% 5%;line-height: .72rem;}
.index-9{max-width: 330px;margin: 0 auto;}
.index-9>h1{font-size: .8rem;color: #fff;margin: 0 0 .36rem;}
.index-9 .btn-ljgd{margin-top: .9rem;}
.index-5.swiper-slide-active .wo,.index-10.swiper-slide-active .wo{animation: fadeInUpa 1s backwards;}


.index-4{overflow: hidden;}
.index-page{width: 24px !important;right: 1rem;left: auto !important;bottom: auto !important;
top: 50%;transform: translateY(-50%);}
.index-page .swiper-pagination-bullet{width: 24px; height: 24px;border-radius: 50%;
opacity: 1;background: none;margin:.4rem 0 !important;position: relative;
border: 1px solid rgba(0,0,0,0);}
.index-page .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #d52528;
position: absolute;left: 9px;top:9px;border-radius: 50%;}
.index-page .swiper-pagination-bullet:hover,.index-page .swiper-pagination-bullet-active{
	border: 1px solid #d52528;}
.index-10{background: #fff;}
.index-11{padding-bottom:72.131%;}
.index-14{border: 1px solid #dcdcdc;border-left: none;background: url(/images/index-4.jpg) no-repeat right top;}
.img-box.index-11:after{top:50%;left: auto;right:0;transform:translateY(-50%);width: 10px;height: 28px;
background-image: url(/images/sj-2.png); }
.index-12{position: absolute;color: #969696;width: 100%;height: 100%;
padding: 1.4rem 3.6rem 1.4rem 1.4rem;line-height: 1.8;}
.index-12>.h3{line-height: 1.5;margin: 0;}
.index-12>.rq{font-size: 16px; color: #707070;font-weight: 600;margin: .3rem 0 .5rem;}

.index-13{font-size: 16px;color: #fff;background: #e72427;display: inline-block;
position: absolute;right: .8rem;bottom: 1.26rem;line-height: 30px;padding: 0 .2rem;}

.index-page2{width: 50% !important;left: 50% !important;text-align: left;padding-left: 1.4rem;
bottom: 1rem !important;}

.index-page2 .swiper-pagination-bullet{font-size: 18px;opacity: 1;width: auto;height: auto;color: #dcdcdc;
margin: 0 .7rem 0 0 !important;border-radius: 0;line-height: 1;padding-bottom: .34rem;
border-bottom: 3px solid rgba(0,0,0,0);background: none;}
.index-page2 .swiper-pagination-bullet-active{border-color: #e72427;color: #000;}
.index-15{margin: 1.06rem auto;border-top: 1px solid #ededed;}
.index-16{border-bottom: 1px solid #ededed;padding: .48rem .2rem;display: flex;font-size: 16px;transition: all .3s;
color: #969696;background: url(/images/icon-6.png)no-repeat 98% center;align-items: flex-start;line-height:30px;}
.index-17{width: 6em;text-align: center;background: #707070;padding: 0;flex-shrink: 0;
color: #fff;transition: all .3s;}
.index-18{width: 3.6rem;flex-shrink: 0;text-align: center;font-weight: 600;}
.index-19{width: 50%;flex-grow: 1;padding-right: 3.6rem;font-size: 18px;}
.index-19>.m-dhslh{display:block;text-overflow:ellipsis;white-space: nowrap;}
.index-16:hover{background-image: url(/images/icon-7.png);}
.index-16:hover,.index-16:hover a{color: #e72427;}
.index-16:hover>.index-17{background: #e72427;}
.index-hzhb{padding: 2rem 0 1rem;font-size: .44rem;color: #707070;line-height: .76rem;}
.index-20{float: left;width: 66.4%;padding-top: .24rem;overflow: hidden;}
.index-21{width: 27.16%;margin-right:6.17%;margin-bottom:6.17%;background: #fff;float: left;
cursor: pointer;transition: all .5s;}
.index-21>.img-box{padding-bottom: 100%;}
.index-21>.img-box>.m-center{position: absolute;width: 100%;height: 100%;padding: 5%;}
.index-21:hover{transform: translateY(-6px);/*box-shadow: 0 2px 5px rgba(0,0,0,.2);*/}
.index-22{float: right;width: 20.5%;}
.index-22>h1{font-size: 1rem;line-height: 1.4rem;margin: 0 0 .6rem;color: #111111;}
.index-22 .btn-ljgd{margin-top: 1rem;}


/*banner*/
.banner{height: 948px;overflow: hidden;}
.banner-box{height: 100%;}
.banner-1{height: 100%;display: flex;align-items: center;justify-content: space-between;padding-bottom: 4%;}
.banner-left{width: 45%;padding-left: 4%;color: #fff;}
.banner-left>h1{font-size: 1rem;line-height: 1.4rem;margin: 0;}
.banner-left>h2{font-size: .56rem;margin: .8rem 0 1.14rem;}
.banner-right{width: 46.7%;}
.banner-img1{margin: 38px 0 58px;}
.banner-box.swiper-slide-active .banner-left .wo{animation: fadeInUpa 1s .5s backwards;}
.banner-box.swiper-slide-active .banner-right .wo{animation: fadeInRight 1s .5s backwards;}


@media only screen and (max-width:1600px) {
.m-prev{left: .5%;}
.m-next{right: .5%;}
.banner{height:700px;}
}


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

.banner{height: auto;}
.banner-1{flex-wrap: wrap;flex-direction: column-reverse;padding: 19.6% 10% 30%;align-items: flex-start;}
.banner-left{width: 85%;padding:20% 0 0 0;}
.banner-right{width: 100%;text-align: center;}
.banner-img1{margin: .8rem 0 1.2rem;}
.index-cp>div{margin: 0 10%;}
.index-3{height: auto;}
.index-3>.a-background{height: 0;padding-bottom: 86.67%;}


.index-3>.text{opacity: 1;}
.index-3.swiper-slide-active .wo{animation: fadeInUp 1s backwards .5s;}
.index-7>.index-6{padding: 0;}
.index-8{position: relative;padding: 10% 20%;}
.index-12>.h3{font-size: .7rem;}
.index-12{position: relative;padding-bottom: 3.6rem;}
.index-14{padding: 0;background-size: 19.6% auto;border:1px solid #dcdcdc;border-top: none;}
.index-page2{width: 100% !important;left: 0 !important;text-align: left;}
.img-box.index-11:after{top:auto;left: 50%;right:auto;bottom:0;transform:rotate(180deg) translateX(50%);
width: 28px;height: 10px;
background-image: url(/images/sj.png); }
.index-new{margin: 0 5%;width: 90%;}
.index-16{font-size: .45rem;padding: .3rem 0;background: none;align-items: center;}
.index-19{font-size: .5rem;padding: 0;line-height: 1.5;}
.index-19>.m-dhslh{display: -webkit-box;text-overflow: clip;white-space:  normal;}
.index-20,.index-22{width: 100%;float: none;}
.index-20{padding: 0 3%;}
.index-22{padding: 1rem 18%;text-align: center;}
.index-21{margin: 3.085%;}


	｝
<!--耗时1759786440.5033秒-->