@charset "utf-8";
/* CSS Document */


.bannerswiper{ overflow: hidden; position: relative; border-bottom-left-radius: 5px; border-top-right-radius: 5px;}
.bannerswiper .swiper-slide{ position: relative; width: 100%; overflow: hidden;}
.bannerswiper .swiper-slide .img-m{ height: 100%; width: 100%; object-fit: cover;}


.four_pros .item{ width: 24%; margin-right: 1.33%; background: #fff; padding: 20px 20px 10px; border-radius: 5px;}
.four_pros .item:nth-child(4n){ margin-right:0;}
.four_pros{ margin: 20px 0; overflow: hidden;}
b.sy_tit{ font-weight: bold;font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px;}
.four_pros .item dl dt{ float: left; width: 49%; margin-right: 2%; margin-bottom: 15px;}
.four_pros .item dl dt:nth-child(2n){ margin-right: 0;}
.four_pros .imgfd{ margin-bottom: 5px; border-radius: 5px;}
.four_pros p{ line-height: 20px; height: 20px; overflow: hidden;}
.four_pros .item dt:hover p{ color: #2c438f;}
a.more{display: inline-block; line-height: 24px; padding: 0 12px; border-radius: 13px; border: 1px solid #2c438f; color: #2c438f; transition: .2s ease; font-size: 12px;}
a.more:hover{background: #2c438f; color: #fff;}
.four_pros .item dl dt a.more{ margin-top: 10px;}
.long_pros,.sy_news{margin-bottom: 20px; background: #fff; border-radius: 5px; padding: 20px;}
.long_pros ul li{ float: left; width: 19%; margin-right: 1.25%; border-radius: 5px; border: 1px solid #dddddd; padding: 20px; transition: .2s ease;}
.long_pros ul li:nth-child(5){margin-right: 0;}
.long_pros ul li:hover{ border-color: #e8a412;}
.long_pros .top .sy_tit{ margin-bottom: 0; margin-right: auto;}
.long_pros .top{ margin-bottom: 20px;}
.long_pros ul li .imgfd{margin-bottom: 20px;}
.long_pros ul li p{font-size: 16px; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 10px;}
.long_pros ul li span.pricy{ color: #dd0000; font-weight: bold; font-size: 16px; display: block;}
.long_pros ul li .add{ text-align: center; margin-top: 12px;}
.addcar{ display: inline-block; line-height: 32px; border-radius: 17px; padding: 0 20px; font-size: 16px; color: #2c438f; border: 1px solid #2c438f; transition: .2s ease}
.addcar i{ font-size: 20px; margin-left: 10px;}
.addcar:hover{ background: #2c438f; color: #fff;}

.hf1{ position: relative; border-radius: 5px; overflow: hidden;}
.hf1 .hfimg{ width: 100%;}
.hf1 .hf_box{ width: 40%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.hf1 .hf_box b{ font-size: 34px; text-transform: uppercase; color: #fff;}
.hf1 .hf_box form{ display: inline-block;width: 350px; border: 2px solid #e8a412; background: #e8a412; margin-top: 15px; }
.hf1 .hf_box form input{ line-height: 41px;}
.hf1 .hf_box form input.inp{ background: #fff; width: calc(100% - 45px); padding-left: 14px;}
.hf1 .hf_box form input.sub{ width: 40px; text-align: center; font-size: 18px; color: #333; font-weight: bold; background:none; cursor: pointer;}
.hf2{ position: relative; border-radius: 5px; overflow: hidden;}
.hf2 .hfimg{ width: 100%;}
.hf2 .shop{ color: #fff; display: inline-block; background: #e8a412; line-height: 50px; border-radius: 5px; padding: 0 15px; position: absolute; top: 50%; transform: translateY(-50%); left: 42%; font-size: 20px; font-weight: bold; transition: .2s ease;}
.hf2 .shop:hover{ background: #2c438f;}

.sy_news .top .sy_tit{ margin-right: auto; margin-bottom: 0;}
.sy_news .top{ margin-bottom: 20px;}
.sy_news ul li{ width: 24%; margin-right: 1.33%; float: left; border: 1px solid #ddd; border-radius: 5px;}
.sy_news ul li:nth-child(4n){ margin-right: 0;}
.sy_news ul li .imgfd{padding-top: 59%;}
.sy_news ul li .txt{ padding: 18px 20px;}
.sy_news ul li h2{ font-size: 18px; font-weight: bold; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 5px;}
.sy_news ul li p{ font-size: 15px; line-height: 20px; height: 40px; overflow: hidden;}
.sy_news ul li .info{ padding-top: 18px; margin-top: 20px; border-top: 1px solid #ddd;}
.sy_news ul li .info span.smore{ display: inline-block; margin-left: auto; line-height: 28px; border-radius: 14px; padding: 0 15px; background: #2c438f; color: #fff;}
.sy_news ul li:hover h2{ color: #db992d;}

.com_foot{background: #0b1f66; color: #fff;}
.com_foot a,.com_foot b{ color: #fff;}

.f_center{padding: 50px 0 25px;}
.f_top .f_nav{margin-left: auto;}
.f_top .f_nav a{ font-size: 16px; margin-left: 30px;}
.f_center .f_des{margin: 22px 0 35px; font-size: 16px;}
.f_center dl dt{ width: 20%; position: relative; padding-left: 30px;}
.f_center dl dt .icon{ margin-right: 20px;}
.f_center dl dt .txt{width: calc(100% - 62px);}
.f_center dl dt .txt b{font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.f_center dl dt:after{ position: absolute; content: ''; background: rgba(255,255,255,.6); right: 0; top: 50%; width: 1px; height: 66px; transform: translateY(-50%);}
.copy{ padding: 20px 0; border-top: 1px solid rgba(255,255,255,.3);}
.copy p{ font-size: 16px; margin-right: 30px; color: #fff;}
.copy p a{ color: #fff;}
.copy  .pay{margin-left: auto;}
.copy  .pay dt{margin-left: 10px; border-radius: 5px; border: 1px solid rgba(255,255,255,.3);}




@media (max-width: 1700px){

	.swiper-button-prev{ left: .5%; margin-left: 0;}
	.swiper-button-next{ right: .5%; margin-right: 0;}
}


@media (max-width: 1600px){
	
}

@media (max-width: 1441px){

}

@media (max-width: 1281px){

}

@media (max-width: 1024px){

	
}
@media (max-width: 768px){

}
@media (max-width: 540px){

}
@media (max-width: 450px){

}


.posi{ padding: 22px 0;}
.posi i{font-size: 14px; margin-right: 5px;}

.main_left{ width: 260px;}
.left_nav{ background: #fff; border-radius: 5px; margin-bottom: 20px; padding-top:15px;}
.left_nav .tit{ padding: 15px 20px;}
.left_nav .tit b,.rec_his b{ margin-right: auto; font-size:20px; font-weight:bold;}
.left_nav ul a.fir_li{ padding: 12px 20px; font-size:15px;}
.left_nav ul a.fir_li i{ width: 13px; height: 13px; display: block; position: relative;}
.left_nav ul a.fir_li i:after,.left_nav ul a.fir_li i:before{ position:absolute; background: #555; top: 50%; left: 50%; transform: translate(-50%,-50%); content: '';}
.left_nav ul a.fir_li i:after{ width:100%; height: 2px;}
.left_nav ul a.fir_li i:before{ height:100%; width:2px;}
.left_nav ul a p{ max-width: calc(100% - 20px); margin-right: auto;}
.left_nav ul li.act a.fir_li{background: #2c438f; color: #fff;}
.left_nav ul li.act a.fir_li i:before{ display:none;}
.left_nav ul li.act a.fir_li i:after{ background:#fff;}
.left_nav ul li dl{ width: 94%; margin: 10px auto; border-radius: 5px; background:#f3f5fa; display:none;}
.left_nav ul li dl a{ font-size: 14px; padding: 8px 10px;}
.left_nav ul li dl dt.on a{ color: #2c438f;}
.rec_his{ background: #fff; border-radius:5px; padding:18px 20px;}
.rec_his b{padding: 15px 0;}
.h20{height: 20px;}
.main_right{ width: calc(100% - 280px);}
.pro_sort{ background: #fff; border-radius: 5px; margin-bottom: 20px; padding:15px 20px;}
.pro_sort .txt{ margin-right: auto;width: calc(100% - 170px); margin-right: auto;}
.pro_sort .txt b{ font-weight: bold; font-size: 18px; margin-bottom: 5px;}
.pro_sort .txt b span{ color: #2c438f;}
.sock_choose{ position: relative; width:140px;}
.sock_choose p{ font-size: 16px; cursor:pointer;}
.sock_choose p:hover{ color:#2c438f;}
.sock_choose .list{ position: absolute; width: 100%; top: 30px; left: 0; background:#fff; border-radius:5px; border:1px solid #ddd; display:none; z-index:3;}
.sock_choose .list a{ display: block; font-size:15px; line-height:25px; padding:0 5px;}
.sock_choose .list a:hover{ background:#2c438f; color: #fff;}
.proitem{ border-radius: 5px; border: 1px solid #ddd; background: #fff; padding:15px 18px 28px; overflow:hidden; position:relative;}
.ny_pro_list ul li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 20px;}
.ny_pro_list ul li:nth-child(4n){ margin-right:0;}
.proitem h2{ font-size: 16px; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 15px;}
.proitem span.pricy{ font-weight: bold; color: #dd0000; display: block; font-size: 16px;; margin-bottom: 15px;}
.proitem .add{ text-align: center;}
.proitem span.new{ position: absolute; display: inline-block; line-height: 20px; border-radius: 5px; padding: 0 6px; background: #e8a412; font-size: 12px; text-transform: uppercase; left:10px; top:10px; color:#fff;}
.proitem .txt{margin-top: 15px;}
.proitem:hover h2{ color:#2c438f;}

.proshow{ background: #fff; border-radius: 5px; padding: 20px;}
.show_top .pic{ width: 35.6%;}
.show_top .txt{ width: 62%;}
.show_top .bigswiper{ overflow: hidden; border: 1px solid #dddddd; border-radius: 5px; margin-bottom:10px;}
.show_top .smallswiper{ overflow: hidden;}
.show_top .smpic{ padding: 0 20px; position: relative;}
.show_top .smallswiper li{ border-radius: 3px; border: 1px solid #ddd; overflow:hidden;}
.show_top .smallswiper li.swiper-slide-thumb-active{border-color: #db992d;}
.show_top .smpic .swiper-button-prev{left: 0;}
.show_top .smpic .swiper-button-next{right: 0;}
.show_top .smpic .swiperbtn{ top: 0; background: #dddddd; color: #fff; font-size: 12px; text-align: center; border-radius:3px; height:100%; line-height:100%; width:10px; margin-top:0; opacity:1;}
.show_top .smpic .swiperbtn:hover{ background:#db992d;}
.show_top .pic .share{ font-size: 16px; color: #333; margin: 55px 0 25px;}
.share .social-share .social-share-icon{ width: 20px; height: 20px; border-radius: 3px; line-height:20px;}
.show_top .pic .tags span{ font-size: 16px; color: #333; display: inline-block; line-height:28px;}
.show_top .pic .tags a{ display: inline-block; line-height: 28px; padding: 0 7px; border-radius: 5px; border:1px solid #ddd; margin-left:8px; margin-bottom:10px;}
.show_top .pic .tags a:hover{ background:#718cc7; border-color: #718cc7; color: #fff;}
.show_top .txt h1{ font-size: 26px; line-height: 36px; }
.show_top .txt .propricy{ display: block; margin: 25px 0; color: #dd0000; font-weight: bold; font-size:30px;}
.show_top .txt .spec b{ font-size: 20px; font-weight: bold; margin-bottom:10px;}
.show_top .txt .spec{padding: 17px 0 35px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.show_top .txt .spec li{ font-size: 16px; padding: 13px 30px 13px 10px; border-bottom: 1px dashed #ddd; color:#333;}
.show_top .txt .spec li p{ margin-right: auto; max-width: calc(100% - 250px);}
.show_top .txt .spec li span{ display: inline-block; margin-left: auto; margin-right: 70px;}
.show_top .txt .spec li .snum{ width: 120px; line-height: 23px; border-radius: 3px; border: 1px solid #ddd;}
.show_top .txt .spec li em{ display: inline-block; width: 25px; line-height: 23px; background: #ddd; text-align:center; cursor:pointer; transition:.2s ease;}
.show_top .txt .spec li input{ width: calc(100% - 50px); line-height: 23px; font-size:14px; text-align:center;}
.show_top .txt .spec li em:hover{ color:#db992d;}
.show_top .txt .ship{ margin: 20px 0;}
.show_top .txt .ship b{ font-size: 20px; font-weight: bold; margin-bottom:10px;}
.show_top .txt .ship td:first-child{ width:200px; padding-left:10px;}
.show_top .txt .ship td{  height:50px; font-size:16px; color:#333;} 
.show_top .txt .ship td img{ height: 24px; margin-left: 5px;}
.show_top .txt .ship select{ border: 1px solid #ddd;border-radius: 5px; line-height:35px; padding:0 15px; height:35px; width:200px; font-size:14px; color:#666;}
.show_top .txt .ship select option{ line-height: 32px;}
.show_top .txt .total{ padding: 25px 55px 25px 30px; background: #f1f3f8; border-radius: 5px; margin-bottom:30px;}
.show_top .txt .total p{font-size: 16px; color: #333; margin-right: auto;}
.show_top .txt .total .pricy{ font-weight: bold; color: #2c438f; font-size: 24px;}
.show_top .txt .btns .btn{ margin-right: 32px; display: inline-block; line-height: 48px; border-radius:25px; padding:0 28px; font-size:16px;}
.show_top .txt .btns .btn:not(.addcar){ border:1px solid #db992d; background: #db992d; color: #fff; transition:.2s ease;}
.show_top .txt .btns .btn i{margin-left: 20px;}
.show_top .txt .btns .btn:not(.addcar):hover{background:#2c438f; border-color: #2c438f;}

.pro_det{ margin-top: 45px;}
.det_top {border-bottom: 1px solid #ddd;}
.det_top a{ display: inline-block; margin-right: 100px; font-size:18px; line-height:50px; color:#333; position:relative;}
.det_top a:after{ position:absolute; left: 0; bottom: 0; height: 3px; width: 0; transition: .2s ease; background: #db992d; content:'';}
.det_top a:hover:after,.det_top a.active:after{ width:100%;}

.det_box .item{ padding-top: 40px;}
.det_box .item b.tit{ font-size: 24px; font-weight: bold; margin-bottom: 15px;}
.det_box .item td{ padding: 10px 20px 10px 15px;}
.det_box #det3{width: 75%; border-top: 1px solid #ddd; margin-top: 40px;}
.rev_list li{ margin-bottom: 50px; width:70%;}
.rev_list li .name p{ margin-left: 12px;}
.rev_list li .revtxt{ font-size: 16px; color: #333; margin: 20px 0;padding-left: 20px;}
.rev_list li .rev_pro{background: #f4f4f4; padding: 8px; border-radius: 5px; width:calc(100% - 20px); margin-left:20px;}
.rev_list li .rev_pro .pic{ width: 54px; border-radius: 3px; background: #fff; overflow:hidden; margin-right:15px;}
.rev_list li .rev_pro .txt{ width: calc(100% - 70px);}
.rev_list li .rev_pro p{ font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 5px;}
.rev_list li .rev_pro span.pricy{ font-size: 16px; color: #333; font-weight: bold;}
.rev_list li .rev_pro span.more{ color: #2c438f;}
.rev_list li .rev_pro:hover span.more{ color:#db992d;}

.viewswiper{ overflow: hidden;}
.view_pro{ margin-top: 55px;}
.view_pro .top{ margin-bottom: 20px;}
.view_pro .top b{ margin-right: auto; font-size:30px; font-weight:bold; color:#2c438f;}
.view_pro .swiperbtn{ position: unset; display: inline-block; margin-left: 10px; border: 1px solid #ddd; background: #fff; border-radius: 5px; text-align: center; line-height: 35px; width: 35px; font-size:16px; font-weight:bold; color:#333; height:35px; opacity:1; }
.h50{ height: 50px;}

.news_left{ width: calc(100% - 380px);}
.ny_news_list ul li{ float:left; width: 49%; margin-right: 2%; margin-bottom: 20px; background: #fff; border-radius: 5px; border: 1px solid #ddd; overflow:hidden;}
.ny_news_list ul li:nth-child(2n){ margin-right:0;}
.ny_news_list ul li .imgfd{ padding-top: 61.5%;}
.ny_news_list ul li .date{ display: inline-block; position: absolute; left: 0; bottom: 0; line-height: 36px; padding: 0 12px; background: #db992d; color:#fff;}
.ny_news_list ul li .date i{margin-right: 5px;}
.ny_news_list ul li .txt{ padding: 20px 20px 25px;}
.ny_news_list ul li h2{ font-size: 20px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 6px; transition:.2s ease;}
.ny_news_list ul li p{ font-size: 16px; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 20px;}
.ny_news_list ul li .txt span{ display: inline-block; line-height: 35px; padding: 0 30px; border-radius: 18px; color: #fff; background: #2c438f; font-size:16px; transition:.2s ease;}
.ny_news_list ul li:hover h2{ color:#db992d;}
.ny_news_list ul li:hover .txt span{background:#db992d;}
.news_right{ width: 360px;}


.right_search{ background: #fff; padding: 20px; border-radius: 5px; width:100%; }
.right_search form{ width: 100%; line-height: 50px; border-radius: 5px;}
.right_search input{ width: 100%; line-height: 50px; background: #f3f3f3; padding-left:10px;}

.rec_news{ background: #fff; padding: 20px; border-radius: 5px; margin:30px 0;}
.rec_news b{ display: inline-block; font-size: 20px; padding-bottom: 5px; font-weight: bold; border-bottom: 2px solid #e8a412;}
.rec_news a{ margin-top: 20px;}
.rec_news a .pic{ width: 105px;}
.rec_news a .pic .imgfd{ padding-top: 61.5%; border-radius: 5px; margin-right: 20px;}
.rec_news a .txt{ width: calc(100% - 125px);}
.rec_news a .txt p{ color: #333; line-height: 20px; height: 40px; overflow: hidden; margin-top:5px;}
.rec_news a:hover .txt p{ color:#db992d;}

.news_nav{ padding: 20px 0; background:#fff; border-radius:5px;}
.news_nav b{ font-size: 20px; font-weight: bold; margin-bottom: 10px; padding: 0 20px;}
.news_nav a{ display: block; line-height: 45px; padding: 0 20px; font-size:15px; transition:.2s ease;}
.news_nav a i{ color: #fff; font-size: 14px;}
.news_nav a:hover,.news_nav a.act{background:#2c438f; color:#fff;}
.news_show{ border-radius: 5px; background: #fff; padding:35px 20px;}
.news_show h1{ font-size: 26px; line-height:36px;}
.news_show .news_info{ font-size: 16px; color: #333; padding:25px 0; border-bottom:1px solid #ddd;}
.news_show .news_info .date{ margin-right: auto;}
.show_content{ padding: 40px 0; width:100%; overflow:hidden;}
.show_content img{ max-width: 100%!important;}
.page_btn{ padding-top: 30px; border-top: 1px solid #ddd;}
.page_btn p{ font-size: 16px; color: #333;}
.page_btn .prev,.page_btn .next{ width: 45%;}
.page_btn .next{ text-align: right; margin-left:auto;}
.page_btn a:hover{ color: #db992d;}

.lx_top{ padding: 60px 0 90px;}
.lx_left{ width: 45%;}
.lx_right{ width: 50%;}
.lx_left b.tit{ font-size: 40px; font-weight: bold; line-height: 48px; margin-bottom: 20px;}
.lx_left p{ font-size: 18px; color: #333;}
.lx_left .lx_item{ margin-top: 35px;}
.lx_left .lx_item i{ font-size: 40px; color: #718cc7; margin-right: 15px;}
.lx_left .lx_item .txt{ width: calc(100% - 65px);}
.lx_left .lx_item b{ font-size: 20px; color: #2c438f; margin-bottom: 10px; font-weight:bold;}
.lx_left .lx_item a,.lx_left .lx_item span{ font-size: 18px; color: #333;}
.lx_left .lx_item a:hover{ color:#db992d;}
.lx_right .title p{ font-size: 18px; color: #718cc7; text-transform: uppercase;}
.lx_right .title b{ font-size: 40px; font-weight: bold; margin-top: 10px;}
.lx_right .title{margin-bottom: 40px;}
.lx_right input:not(.sub),.lx_right textarea{ width: 100%; background: #fff; line-height: 50px; padding-left: 14px; border-radius: 5px; margin-bottom:15px;}
.lx_right input.sub{ width: 180px; line-height: 55px; cursor: pointer; background: #db992d; transition:.2s ease; text-align:center; color:#fff; font-size:18px; font-weight:bold; border-radius:5px;}
.lx_right input.sub:hover{background:#2c438f;}
.lx_about{background: #fff; padding: 80px 0;}
.lx_about .imgfdd{ border-radius: 5px; width: 45%;}
.lx_about .txt{ width: 50%;}
.lx_about .txt b{ font-size: 40px; color: #2c438f; font-weight: bold; padding-bottom: 15px; position: relative;}
.lx_about .txt b:after{ position:absolute; left: 0;bottom: 0; content: ''; background: #db992d; height: 2px; width: 100px;}
.lx_about .txt p.subt{ font-size: 20px; line-height: 30px; color: #718cc7; margin: 25px 0; text-transform:uppercase;} 
.lx_about .txt .box{ font-size: 18px; line-height: 30px; color: #333; margin-bottom:40px;}
.lx_about .txt dt{ margin-right: auto; text-align: center; font-size:18px; color:#333;}
.lx_about .txt dt:last-child{ margin-right:0;}
.lx_about .txt dt .icon{ width: 80px; height: 80px; border-radius: 50%; background: #2c438f; display: inline-block; position: relative; margin-bottom:15px; transition:.3s ease;}
.lx_about .txt dt .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.lx_about .txt dt:hover .icon{ background:#db992d;}

.help_box{ background: #fff; border-radius:5px; padding: 25px 0 40px;}

.help_box .tit{ padding:0 0 13px 25px; border-bottom:1px solid #ddd; position:relative; font-size:20px; font-weight:bold; color:#333;}
.help_box .tit:after{ position:absolute; left: 25px;bottom: 0; content: ''; background: #db992d; width: 105px; height: 2px;}
.help_show{ padding: 40px 25px 0; font-size:16px; color:#333;}