﻿.banners-pc{ clear:both; font-size:0;}
.banners-pc { clear: both; height:380px;}
.banners-pc .frame { height:380px; background: no-repeat center center; background-size: cover; }

.banners-mb{ clear:both; font-size:0;}
.banners-mb { display: none; clear: both; height: 380px; }
.banners-mb div { }
.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover; }
.banners-pc .slick-dots li button{border:solid #f5883b 1px; width:10px; height:12px; opacity:0.7; background: none;}
.slick-dots li.slick-active button{ opacity:1; background:#f5883b;}

@media (max-width: 1024px) {
    .banners-pc { display: none; }
    .banners-mb { display: block; }
} 

.product_dts{}
.product_dts .left{ margin-right:30px; width:270px; float:left;}
.product_dts .left .h1{ padding:10px; font-size:16px; font-weight:bold; color:#fff; background:#104e95;}
.product_dts .left .nav_lt{ margin-bottom:20px; overflow:hidden;}
.product_dts .left .nav_lt .list{ overflow: hidden;}
.product_dts .left .nav_lt .list li{}
.product_dts .left .nav_lt .list li .box{ padding:15px 0; font-size:14px; color:#333333; display:block; border-bottom:dashed #e4e4e4 1px;}
.product_dts .left .nav_lt .list li .box .fa{ margin-right:10px; font-size:5px;-webkit-text-stroke: 3px white; color:#104e95;}
.product_dts .left .nav_lt .list li .box:hover{ color:#104e95;}
.product_dts .left .nav_lt .list li .on{ color:#104e95;}

.product_dts .left .nav_lt .list li ul{ display:none;}
.product_dts .left .nav_lt .list li:hover ul{ display:block;}



.product_dts .left .pro_lt { overflow: hidden;}
.product_dts .left .pro_lt .slick-prev{ left:0; width:34px; height:34px;}
.product_dts .left .pro_lt .slick-next{ right:0; width:34px; height:34px;}
.product_dts .left .pro_lt .slick-prev:hover{ background:#104e95; opacity:1;}
.product_dts .left .pro_lt .slick-next:hover{ background:#104e95; opacity:1;}
.product_dts .left .pro_lt .list{ overflow: hidden;}
.product_dts .left .pro_lt .list li{}
.product_dts .left .pro_lt .list li .box{} 
.product_dts .left .pro_lt .list li .box .pic{ height:395px; background: no-repeat center center; background-size: cover;}
.product_dts .left .pro_lt .list li .box .mode{ padding:20px 0; background:#f4f4f4; text-align:center;}
.product_dts .left .pro_lt .list li .box .p1{ margin-bottom:10px; font-size:16px; color:#333; font-weight:bold; }
.product_dts .left .pro_lt .list li .box .p2{ font-size:14px; color:#888888;}


.product_dts .left .one1{}
.product_dts .left .two1{ display:none;}


.product_dts .right{ overflow:hidden;}
.product_dts .right img{max-width: 100%;}
.product_dts .right .pic { margin-right:30px;height:510px; width:450px; background: no-repeat center center; background-size: cover; float:left;}
.product_dts .right .mode{ margin-bottom:60px;}
.product_dts .right .mode .p1{ margin-bottom:25px; font-size:22px; color:#333; font-weight:bold;}
.product_dts .right .mode .p2{ margin-bottom:25px; padding-bottom:25px; font-size:20px; color:#d92523; font-weight:bold; border-bottom:solid #e4e4e4 1px; overflow:hidden;}
.product_dts .right .mode .p3{ margin-bottom:45px; font-size:14px; color:#888888; line-height:24px;}
.product_dts .right .mode .p4{ margin-bottom:20px; font-size:15px;}
.product_dts .right .mode .p4 span{ margin-left:80px;}
.product_dts .right .mode .no span{ margin-left:50px;}


.product_dts .right .detail .active_tab{}
.product_dts .right .detail .active_tab .act_title_left{ margin-bottom:30px; border-bottom:solid #e4e4e4 1px; text-align:center;}
.product_dts .right .detail .active_tab .act_title_left li{ display:inline-block;}
.product_dts .right .detail .active_tab .act_title_left li .box{ padding:15px 35px; font-size:16px; color:#333; display:inline-block; border-bottom: solid transparent 2px;}
.product_dts .right .detail .active_tab .act_title_left li:hover .box{ color:#104e95; font-weight:bold; border-bottom: solid #104e95 2px;}
.product_dts .right .detail .active_tab .act_title_left li .on{ color:#104e95; font-weight:bold; border-bottom: solid #104e95 2px;}

.product_dts .right .detail .active_list .ui-a ul li .p1{ font-size:14px; color:#666666; line-height:26px;}
.product_dts .right .detail .bit ul li .p1{ font-size:14px; color:#666666; line-height:26px;}

@media (max-width: 1024px) {
.product_dts .left .one1{ display:none;}
.product_dts .left .two1{ display: block;}

.product_dts .left{ width:100%;}
.product_dts .right{ width:100%;}


.product_dts .left .nav_lt .list li{ float:left; width:25%;}
.product_dts .left .nav_lt .list li .box{ border:none;}

.product_dts .right .pic{ margin:0 auto; margin-bottom:30px; float:none;}
.product_dts .right .mode { margin-bottom:30px; overflow:hidden;}
.product_dts .right .mode .p4{ width:33.33%; float:left;}
.product_dts .right .mode .p4 span{ margin-left:10px;}
.product_dts .right .detail{ margin-bottom:30px; clear:both;}

.product_dts .left .h1{ margin-bottom:10px;}
.product_dts .left .two1 .pr_lt{ margin-left:-10px;}
.product_dts .left .two1 .list li{ margin-bottom:10px; padding-left:10px; width:33.33%; float:left;}

}

.active_list .left{clear: both;}
.active_list .left .news_lt { overflow: hidden;}
.active_list .left .news_lt .list{ overflow: hidden;}
.active_list .left .news_lt .list li{width:49%;float:left;}
.active_list .left .news_lt .list li .box{padding:15px 0; display:block; overflow:hidden; border-bottom: solid #e4e4e4 1px;} 
.active_list .left .news_lt .list li .box .pic{ margin-right:10px; height: 65px; width:90px; background: no-repeat center center; background-size: cover; float:left; }

.product_dts .right .page{ border-top: dashed #e4e4e4 1px; padding:30px 0;}
.product_dts .right .page .box{ margin-bottom:10px; display:block; font-size:14px; color:#888888;}
.product_dts .right .page .next{ margin-bottom:0;}
.product_dts .right .page .box span{ color:#333;}
.product_dts .right .page .box:hover span{ color:#104e95;transition: ease .3s}


@media (max-width: 667px) {
.product_dts .left .h1{ margin-bottom:15px;}
.product_dts .left .two1 .list li{ width:50%;}

.product_dts .right .pic{ width:100%;}
.product_dts .right .mode .p4{ width:50%;}
}

@media (max-width: 400px) {
.product_dts .left .nav_lt .list li{ width:33.33%;}
.product_dts .right .mode .p4{ width:100%;}
.product_dts .left .two1 .list li{ width:100%;}
}

.pages{ text-align:center; clear:both;}
.pages ul{ margin-top:40px; display:inline-block;}
.pages ul li{ margin:0 5px 10px 5px; display:inline-block;}
.pages ul li .box{ width:40px; height:40px; line-height:40px; border-radius:40px; color:#666; background:#f0f0f0; font-size:14px; display:inline-block;}
.pages ul li .box .fa{ margin-top:-3px; font-size:18px; vertical-align:middle;}

.pages ul li .box:hover{ background:#104e95; color:#fff;}
.pages ul li .on{ background:#104e95; color:#fff;}
.g_tag{padding:1em 0;}