/*手机导航*/
.phone_nav{}
.phone_nav .top{background: #0b5195; height:2.5rem; width: 100%; z-index:999;position: fixed;top: 0; left:0;}
.phone_nav .pt_box{width: 100%;height:2.5rem; color:#FFF;}
.phone_nav .top .logo{float: left;  height:1.5rem;margin:0.5rem 0 0 0.5rem;}
.phone_nav .top .logo img{height:1.5rem;}

.phone_nav .top .fh{float: left;  height:1.5rem;margin:0.5rem 0 0 0.5rem; position: relative;z-index:9999}
.phone_nav .top .fh img{ height:1.5rem;}

.phone_nav .top .index_class{ font-size:1rem; color:#fff; text-align:center; top:0; height:2.5rem; width:100%; overflow:hidden;line-height:2.5rem;position:absolute; z-index:9;}

.phone_nav .but{ float:right; width:1.2rem;height:2.5rem;display: block;margin-right:0.5rem;z-index:9999}
.phone_nav .but i{width:100%; height:0.1rem; background: #eee; display: block; margin-top:1.25rem; position: relative; transition: 0.4s; -webkit-transition: 0.4s; z-index:9999}
.phone_nav .but i:before,.but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:0.1rem; background: #eee; transition: 0.4s;
-webkit-transition: 0.4s;}
.phone_nav .but i:before{ margin-top: -0.4rem;}
.phone_nav .but i:after{ margin-top: 0.4rem;}
.phone_nav .box{ width:100%; height: 100%; background:rgba(5,30,54,0.95); position: fixed; left: 0; top:2.5rem; z-index: 9;
transform: translateX(100%); -webkit-transform: translateX(100%); transition: 0.7s; -webkit-transition: 0.7s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }

/*打开样式*/
.phone_on .but i:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 0;}
.phone_on .but i:after{ transform: rotate(-45deg);-webkit-transform: rotate(-45deg); margin: 0;}
.phone_on .but i{ background:none;}
.phone_on .box{color: #fff;transform: translateX(0%); -webkit-transform: translateX(0%); transition-delay: 0s; -webkit-transition-delay: 0s;}
.phone_on .box_con{ opacity:1; transform:translateX(0%); -webkit-transform:translateX(0%);}
.phone_nav .box{width:100%; height: 100%; background:rgba(5,30,54,0.95);}
.phone_nav .box .se_top{padding: 20px;}
.phone_nav .box .search_box{width: 100%;border:2px solid #f71c5c;background-color: #fff;position: relative;}
.phone_nav .box .search_box input{font-size: 12px;}
.phone_nav .box .search_box .search{float: left;height: 28px;padding-left: 30px;}
.phone_nav .box .search_box b{display: block;width: 15px;height: 15px;background:url(../../images/zbg/pn_search.png);background-size: contain;position: absolute;top: 7px;left: 10px;}
.phone_nav .box .search_box .submit{width: 51px;height: 28px;color: #fff;background-color: #f71c5c;position: absolute;right: 0;cursor: pointer;}
.phone_nav .box{width:100%; height: 100%; background:rgba(5,30,54,0.95);z-index: 999}
.phone_nav .box .se_top{padding: 20px;}
.phone_nav .box .search_box{width: 100%;border:2px solid #f71c5c;background-color: #fff;position: relative;}
.phone_nav .box .search_box input{font-size: 12px;}
.phone_nav .box .search_box .search{float: left;height: 28px;padding-left: 30px;}
.phone_nav .box .search_box b{display: block;width: 15px;height: 15px;background:url(../../images/zbg/pn_search.png);background-size: contain;position: absolute;top: 7px;left: 10px;}
.phone_nav .box .search_box .submit{width: 51px;height: 28px;color: #fff;background-color: #f71c5c;position: absolute;right: 0;cursor: pointer;}

.box .lore{padding:20px;}
.box .lore a{display: inline-block;width:110px;height:34px;float: left;font-size: 12px;color:#fff;line-height: 34px;border: 2px solid #ed7a2e;border-radius: 2px;text-align:center}
.box .lore .go_login{background-color: #ed7a2e; margin:0 15px;}
.box .lore .go_register{color: #ed7a2e;background-color: #fff;}

/*导航修改*/
 .box{color: #fff;transform: translateX(0%); -webkit-transform: translateX(0%); transition-delay: 0s; -webkit-transition-delay: 0s;}
 .box_con{ opacity:1; transform:translateX(0%); -webkit-transform:translateX(0%);}
 .box{width:100%; height: 100%; background:rgba(5,30,54,0.95);}
 .box .se_top{padding: 20px;}
 .box .search_box{width: 100%;border:2px solid #f71c5c;background-color: #fff;position: relative;}
 .box .search_box input{font-size: 12px;}
 .box .search_box .search{float: left;height: 28px;padding-left: 30px;}
 .box .search_box b{display: block;width: 15px;height: 15px;background-size: contain;position: absolute;top: 7px;left: 10px;}
 .box .search_box .submit{width: 51px;height: 28px;color: #fff;background-color: #f71c5c;position: absolute;right: 0;cursor: pointer;}
 .box{width:100%; height: 100%; background:rgba(5,30,54,0.95);z-index: 999}
 .box .se_top{padding: 20px;}
 .box .search_box{width: 100%;border:2px solid #f71c5c;background-color: #fff;position: relative;}
 .box .search_box input{font-size: 12px;}
 .box .search_box .search{float: left;height: 28px;padding-left: 30px;}
 .box .search_box b{display: block;width: 15px;height: 15px;background-size: contain;position: absolute;top: 7px;left: 10px;}
 .box .search_box .submit{width: 51px;height: 28px;color: #fff;background-color: #f71c5c;position: absolute;right: 0;cursor: pointer;}

 .box .nav_list{padding:0 0rem;border-top:1px solid #4f5f6f;border-bottom: 1px solid #4f5f6f; margin:0.5rem 0 0.5rem 0;}
 .box .nav_list .nl_left{width: 33.4%;float: left;text-align: center;}
 .box .nav_list .nl_left a{display: block;font-size: 13px;color:#fff;padding:15px 0;}
 .box .nav_list .nl_left .kc{position: relative;}
 .box .nav_list .nl_left .kc:before{content: "";width: 10px;height: 10px;border-left: 1px solid #85909c;border-bottom: 1px solid #85909c;position: absolute;
    right: -5px;top: 20px;transform: rotate(45deg);background-color: rgb(5,30,54);}
 .box .nav_list .nl_right{width: 66.6%;float: left;text-align: center;border-left: 1px solid #85909c;box-sizing: border-box;}
 .box .nav_list .nl_right a{width: 50%;float: left;display: block;color: #fff;margin:15px 0;line-height: 18px;box-sizing: border-box;}
 .box .nav_list .nl_right a:nth-child(odd){border-right: 1px solid #77838f;}

/*幻灯*/
.banners{ overflow:hidden; position:relative; height:12rem; background:#fff;}
.bannerimgs{}
.bannerimgs ul li{ position:relative; height:12rem; margin-top:0.5rem; width:100%;/*display: flex;flex-direction: row;justify-content: space-between;*/}
.bannerimgs ul li a{width: 24%; display:block; float:left; margin:0.4rem 0.5%;}
.bannerimgs ul li a img{width: 100%;display: inherit;}

.bannerdots{ position:absolute; left:0; right:0; width:99%; bottom:0.3rem; z-index:99; text-align: center; height:0.4rem; line-height:0.4rem;}
.bannerdots span{ width:0.4rem; height:0.4rem; display:inline-block; margin:0 0.2rem; background:#405ca9;}
.bannerdots .swiper-pagination-bullet-active{ background:#405ca9 !important}


/*顶部数据*/
.num_box{background-color: #284f93;padding-top: 11px;padding-bottom: 14px;}
.num_box ul{}
.num_box ul li{width: 20%;float: left;text-align: center;}
.num_box ul li .number{font-size: 18px;color: #fff;}
.num_box ul li span{font-size:0.5rem;color: #fff;font-weight:400;}


/*通用*/
.pub_tit{text-align: center;padding-top: 13px;padding-bottom: 15px;}
.pub_tit h4{font-size:0.8rem;position: relative;padding:0.5rem 0 0.5rem 0.5rem;}
.pub_tit span{ float:right; margin-right:0.5rem; padding:0.5rem 0;}

.pub_tits{text-align: left;padding-top: 13px;padding-bottom: 15px;}
.pub_tits h4{font-size:0.8rem;position: relative;padding:0.5rem 0 0.5rem 0.5rem; float:left}
.pub_tits span{ float:right; margin-right:0.5rem; padding:0.5rem 0;}

.pub_tit h4:before{content: "";width:10rem;height: 1px;background-color: #d5d5d5;position: absolute;bottom: 0;left: 50%;margin-left: -5rem;}
.pub_tit h4:after{content: "";width: 1.8rem;height: 2px;background-color: #284f93;position: absolute;bottom: 0;left: 50%;margin-left: -0.9rem;}
.mores{display: block;width:4.5rem;color: #284f93;margin:auto;line-height:1.2rem;border:1px solid #284f93;border-radius:1px;text-align: center;margin-top:0.8rem;margin-bottom:0.5rem;font-size:0.6rem;}
/*全国分布*/
.qgfb{}
.qgfb .qgfb_box{}
.qgfb .qgfb_box ul{}
.qgfb .qgfb_box ul li{width: 25%;float: left;text-align: center;}
.qgfb .qgfb_box ul li i{display: block;font-size:0.9rem;color: #284f93;font-weight: bold;}
.qgfb .qgfb_box ul li span{font-size:0.6rem;color: #333;}

/*切换*/
.tab_index {width: 100%;overflow: hidden;padding: 0 0 0.65rem;}
.tab_index .tit_tab_index {width: 100%;height:1rem; }
.tab_index .tit_tab_index  h4{font-size:0.8rem;/*position: relative;*/padding:0.5rem 0 0 0.5rem; width:1.9rem; float:left;}
.tab_index .tit_tab_index ul{ padding-top:0.5rem;} 
.tab_index .tit_tab_index li {float: left;width: 21%;text-align: center;line-height:1.2rem;font-size: 0.7rem;color: #284f93; }
.tab_index .tit_tab_index .active_tab {color:#ed7a2e !important;position: relative; font-weight:bold;}
.tab_index .tit_tab_index .active_tab::after {content: '';position: absolute;width:1rem;height: 0.06rem;background:#ed7a2e;border-radius: 0.5rem;bottom: 0;left: 50%;margin-left: -0.5rem; }


.tab_index .tab_box_index {width:100%; margin-top:0.5rem; overflow:hidden;}

.tab_index .tab_box_index .tab_con_index {width: 100%;display: none; }
.tab_index .tab_box_index .tab_con_index ul li { float: left; width:7rem; margin:0.6rem 1rem 0;}
.tab_index .tab_box_index .tab_con_index ul li img { width:8rem; height:5.3rem; border-radius: 0.4rem; margin: 0 0 0.3rem; }
.tab_index .tab_box_index .tab_con_index ul li h3 {width:8rem;color: #333333; font-size: 0.7rem; letter-spacing: 0; line-height: 0.9rem; height:1.8rem;  vertical; overflow: hidden; font-weight:400;}
.tab_index .tab_box_index .tab_con_index ul li span { display: block; width: 100%; position: relative; margin: 0.1rem 0 0; } 
.tab_index .tab_box_index .tab_con_index ul li span b {display: block; } 
.tab_index .tab_box_index .tab_con_index ul li span .b1 {float: left;font-size: 0.7rem;color: #FF2C20; } 

.tab_index .tab_box_index .tab_con_index:first-child {display: block; }

/*切换*/
.tab_news {width: 100%;overflow: hidden;padding:0rem 0 0.65rem;}
.tab_news .tit_tab_news {width:100%;height:1rem; float:left; margin-bottom:0.5rem;}
.tab_news .tit_tab_news  h4{font-size:0.8rem;/*position: relative;*/padding:0.5rem 0 0 0.5rem; width:1.9rem; float:left;}
.tab_news .tit_tab_news ul{ padding-top:0.5rem;} 
.tab_news .tit_tab_news li {float: left; padding:0 0.5rem;text-align: center;line-height:1.2rem;font-size: 0.7rem;color: #284f93; }
.tab_news .tit_tab_news .active_tab {color:#ed7a2e !important;position: relative; font-weight:bold;}
.tab_news .tit_tab_news .active_tab::after {content: '';position: absolute;width:1.4rem;height: 0.1rem;background:#ed7a2e;border-radius: 0.5rem;bottom: 0;left: 50%;margin-left: -0.7rem; }

.tab_news .tab_box_news {width:100%; margin-top:0.5rem; overflow:hidden;}
.tab_news .tab_box_news .tab_con_news {width: 100%;display: none; }
.tab_news .tab_box_news .tab_con_news ul li{ margin:0 0.5rem; padding:0.5rem 0; position:relative; border-bottom:1px solid #EEEEEE;}
.tab_news .tab_box_news .tab_con_news ul li .img{ width:5.2rem; height:3.9rem; position:absolute; left:0; top:0.5rem;}
.tab_news .tab_box_news .tab_con_news ul li .img img{ width:100%; height:100%;}
.tab_news .tab_box_news .tab_con_news ul li .text{ padding-left:5.7rem;}
.tab_news .tab_box_news .tab_con_news ul li .text .name{font-size: 0.75rem;line-height:1.25rem; height: 2.5rem;overflow: hidden;color: #4C4C4C;}
.tab_news .tab_box_news .tab_con_news ul li .text .name span{height:0.6rem;color:#ff7e00;border:1px solid #ff7e00;border-radius:2px;padding:0.1rem 0.3rem;overflow:hidden;white-space:nowrap;}
.tab_news .tab_box_news .tab_con_news ul li .text .info{line-height: 0.9rem; height: 0.9rem; margin-top: 0.5rem;font-size: 0.6rem; color: #A5A3A3;}
.tab_news .tab_box_news .tab_con_news ul li .text .info .time{ float: right;text-align: right;font-size: 0.6rem;line-height: 0.9rem; height: 0.9rem;}

.tab_news .tab_box_news .tab_con_news:first-child {display: block; }
/*专题*/

.class_index {width: 100%;padding: 0rem 0 0.6rem;}
.class_index .tit_con {width:100%;margin: 0 auto; }
.class_index .main_box {width:100%;margin: 0 auto; }
.class_index .main_box ul li {float: left;width:7rem; margin:0.6rem 1rem 0;}
.class_index .main_box ul li img { width:8rem; height:5rem; border-radius: 0.2rem; margin: 0 0 0.3rem; }
.class_index .main_box ul li p { height: 0.8rem; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; font-size: 0.7rem; color: #333333; line-height: 0.8rem; }

/*项目*/


.recommend_index {width: 100%;overflow: hidden;padding: 0.6rem 0;}

.recommend_index .swiper-container{width:100%;}
.recommend_index .swiper-container h4{font-size:0.8rem;/*position: relative;*/padding:0.5rem 0 0 0.5rem; width:1.9rem; float:left;}
.recommend_index .swiper-container ul{ padding-top:0.5rem;} 
.recommend_index .swiper-container ul li{float: left;width:12%;text-align: center;line-height:1.2rem;font-size: 0.7rem;color: #284f93; }
.recommend_index .swiper-container .active_tab {color:#ed7a2e !important;position: relative; font-weight:bold;}
.recommend_index .swiper-container .active_tab::after {content: '';position: absolute;width:1rem;height: 0.1rem;background:#ed7a2e;border-radius: 0.5rem;bottom: 0;left: 50%;margin-left: -0.5rem; }

.recommend_index .main_recommend .con_box{width: 100%;display: none; }
.recommend_index .main_recommend .con_box ul li{ margin:0 0.5rem; padding:0.5rem 0; position:relative; border-bottom:1px solid #EEEEEE;}
.recommend_index .main_recommend .con_box ul li .img{ width:5.2rem; height:3.9rem; position:absolute; left:0; top:0.5rem;}
.recommend_index .main_recommend .con_box ul li .img img{ width:100%; height:100%;}
.recommend_index .main_recommend .con_box ul li .text{ padding-left:5.7rem;}
.recommend_index .main_recommend .con_box ul li .text .name{font-size: 0.75rem;line-height:1.25rem; height: 2.5rem;overflow: hidden;color: #4C4C4C;}
.recommend_index .main_recommend .con_box ul li .text .name span{height:0.6rem;color:#ff7e00;border:1px solid #ff7e00;border-radius:2px;padding:0.1rem 0.3rem;overflow:hidden;white-space:nowrap;}
.recommend_index .main_recommend .con_box ul li .text .info{line-height: 0.9rem; height: 0.9rem; margin-top: 0.5rem;font-size: 0.6rem; color: #A5A3A3;}
.recommend_index .main_recommend .con_box ul li .text .info .time{ float: right;text-align: right;font-size: 0.6rem;line-height: 0.9rem; height: 0.9rem;}

.recommend_index .main_recommend .con_box:first-child { display: block; }


/*品牌*/
.brand_index {width: 100%;padding: 0 0 0.8rem;background: #FFF; }
.brand_index .main_box {width:100%;  margin: 0 auto; }  
.brand_index .main_box ul li {float: left; width:7rem; margin:0.6rem 1rem 0;}    
.brand_index .main_box ul li img {width:8rem;height:3.5rem;border-radius: 0.5rem; }  

/*分类*/
.kc_class{ width:100%; background:#fff; padding:0.5rem 0; margin-top:0.5REM;}
.kc_class ul li{ float:left; font-size:0.6rem; width:25%; line-height:1.5rem; text-align:center; margin:0.3rem 0;}
.kc_class ul li a{ color:#666; display:block; height:1.5rem; width:100%;}
.kc_class ul li a:hover{ color:#fff; background:#ed7a2e; border-radius:0.3rem;}
.kc_class ul li.currclass{ color:#fff; background:#ed7a2e; border-radius:0.3rem;}
.kc_class ul li.currclass a{ color:#fff;}


.kc_con_index {width: 100%; background:#fff; padding-bottom:0.5rem;}
.kc_con_index ul li { float: left; width:7rem; margin:0.6rem 1rem 0;}
.kc_con_index ul li img { width:8rem; height:5.3rem; border-radius: 0.4rem; margin: 0 0 0.3rem; }
.kc_con_index ul li h3 {width:8rem;color: #333333; font-size: 0.7rem; letter-spacing: 0; line-height: 0.9rem; height:1.8rem;  vertical; overflow: hidden; font-weight:400;}
.kc_con_index ul li span { display: block; width: 100%; position: relative; margin: 0.1rem 0 0; } 
.kc_con_index ul li span b {display: block; } 
.kc_con_index ul li span .b1 {float: left;font-size: 0.7rem;color: #FF2C20; } 


/*分类*/
.kcS_class{ width:100%; background:#fff; padding:0.5rem 0; margin:0.5REM 0;}
.kcS_class ul li{ float:left; display:inline-block; font-size:0.6rem; padding:0 0.5rem; line-height:1.5rem; text-align:center; margin:0.3rem 0.3rem;}
.kcS_class ul li a{ color:#666; display:block; height:1.5rem; width:100%;}
.kcS_class ul li:hover{ color:#fff; background:#ed7a2e; border-radius:0.3rem;}
.kcS_class ul li:hover  a{ color:#fff;}
.kcS_class ul li.currclass{ color:#fff; background:#ed7a2e; border-radius:0.3rem;}
.kcS_class ul li.currclass a{ color:#fff;}


.proinfo .con{padding-top: 16px;}
.proinfo .txt li{overflow: hidden;line-height: 33px;font-size: 14px;color: #151314;}
.proinfo .txt .tit{float: left; width:20%;}
.proinfo .txt p{overflow: hidden; width:80%;}
.proinfo .txt p a{height:30px;padding:0 7px;text-align: center;overflow: hidden;border:1px solid #f67c20;border-radius:7px;font:normal 14px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";display: inline-block;margin-right: 4px;color:#fff;margin-bottom: 10px; background:#f67c20;}

.proinfo .option{margin-top: 27px;overflow: hidden;}
.proinfo .option .btns{float: left;width:30%;height:1.5rem;line-height:1.5rem;border:1px solid #315fac;border-radius:0.3rem;font-size:0.7rem;color:#315fac;text-align: center;}
.proinfo .option .shangqiao{float: left;width:30%;height:1.5rem;line-height:1.5rem;border:1px solid #315fac;border-radius:0.3rem;font-size:0.7rem;color:#315fac;text-align: center;}
.proinfo .option .btn1{margin-right: 22px;background: #315fac;color: #fff;}
.proinfo .con .list{position: absolute;top: 16px;right: 0;z-index:4;width: 202px;background: #fff;}


/*底部*/
.footer {width: 100%;background: #333;padding: 0.5rem 0 0.8rem;color: #FFFFff;margin: 0 auto; font-size: 0.5rem; margin-bottom:2.5rem;}
.footer a{ color:#fff;}
.footer .sp1 { width:10rem; margin:0.5rem auto;  display: block; }
.footer .sp1 .img-code{ width:5rem; float:left; color: #FFFFff;}
.footer .sp1 .img-code img{ width:2.6rem; margin:0 1.2rem;}
.footer .sp1 p{ color:#fff; margin-top:0.3rem; text-align:center; opacity: 0.3; line-height:0.6rem; }

.footer .sp2 { width:14rem;  display: block;  margin:0rem auto 0.6rem; opacity: 0.5; }
.footer .sp2 a { width: 20%;float: left;text-align: center; }
.footer .Copy {text-align: center; opacity: 0.3; width:100%;}

/*底部*/
.footers{width: 100%;position: fixed;bottom: 0; left:0; right:0;height:2.5rem;z-index: 99}
.footers div{text-align: center;font-size:0.6rem;color: #fff;padding:0.25rem 0}
.footers a{display:block;color:#fff;font-size:0.6rem; height:2rem;}
.footers .f_left{width: 40%;float: left;background-color: #fff;color: #284f93;border-top: 1px solid #ddd;line-height:1rem;}
.footers .f_left a{color: #284f93;}


.footers .f_center{width: 30%;float: left;background-color: #284f93;}
.footers .f_right{width: 30%;float: left;background-color: #2c2f3c;}
.footers span{display: block;width: 19px;height:1rem;margin:auto;margin-bottom: 1px;}
.footers span img{width: 19px;height: 18px}