/*-----------------[初始化]--------------*/


#stylesubnav{width:100%;border-bottom:1px solid #E5E5E5;background:#eff0f1;}
#stylesubnav .xq_c{padding:0;position:relative;}
#stylesubnav .xq_crumbs{background:url(/template/default/images/position.png) no-repeat left 18px;background-size:auto 12px;line-height:29px;padding:10px 0 10px 20px;color:#999;}
#stylesubnav .xq_crumbs a{color:#999;}

.sub_title{text-align:center;position:relative;}
.sub_title .s_t{margin:0;font-size:36px;color:#313131;height:46px;line-height:46px;position:relative;font-weight:bold;}
.sub_title .s_t span{font-weight:bold;color:#246c2f;}
.sub_title i{display:block;width:41px;height:4px;background:#246c2f;margin:19px auto 0;}
.sub_title p{margin:0;font-size:16px;color:#666;line-height:26px;margin-top:6px;}

.sub_cnav{margin-top:20px;background:#eee;font-size:0;-webkit-text-size-adjust:none;}
.sub_cnav a{border-right:1px solid #FFF;height:49px;line-height:49px;text-align:center;padding:0 30px;font-size:14px;position:relative;display:inline-block;}
.sub_cnav a.on{background:#246c2f;color:#FFF;}

.manu {padding:25px 3px;margin:3px;text-align:center;}
.manu a{border:1px solid #D9D9D9;padding:9px 15px;text-decoration:none;margin:0 2px;}
.manu a:hover{border:1px solid #D9D9D9;}
.manu a:active {border:1px solid #D9D9D9;}
.manu .current {border:1px solid #246c2f;padding:9px 15px;background:#246c2f;font-weight:bold;margin:0 2px;color:#FFF;}
.manu .disabled{border:1px solid #D9D9D9;padding:9px 15px;color:#D9D9D9;margin:0 2px;}

.product_list{position:relative;padding:20px 0 30px;}
.product_list li{margin-top:15px;width:23.8%;float:left;cursor:pointer;margin-left:1.6%;}
.product_list li:nth-child(4n+1){margin-left:0;}
.product_list li .p_img{width:100%;padding-bottom:66.67%;position:relative;overflow:hidden;border:2px solid #efefef;}
.product_list li .p_img img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.product_list li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_list li p a{color:#666;}


#newswrap{padding:40px 0 30px;}
.news_list{position:relative;}
.news_list .news_li{background:#FFF;margin-bottom:20px;transition:all .6s;box-shadow:0 0 16px rgba(0,0,0,.08);}
.news_list .news_li .nl_left{width:300px;float:left;}
.news_list .news_li .nl_left .img{width:100%;padding-bottom:200px;position:relative;}
.news_list .news_li .nl_left .img img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
.news_list .news_li .nl_right{width:calc(100% - 300px);float:right;padding:37px 23px 64px 0;}
.news_list .news_li .nl_right a{display:block;}
.news_list .news_li .nl_right a .news_txt{width:calc(100% - 160px);padding:0 50px 0 35px;float:left;transition:all .6s;}
.news_list .news_li .nl_right a .news_txt p{margin:0;}
.news_list .news_li .nl_right a .news_txt p:first-child{height:26px;line-height:26px;font-size:18px;color:#717171;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list .news_li .nl_right a .news_txt p:last-child{font-size:14px;color:#a2a2a2;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:18px;}
.news_list .news_li .nl_right a .news_date{width:160px;float:right;transition:all .8s;}
.news_list .news_li .nl_right a .news_date span{display:inline-block;height:26px;line-height:26px;color:#999;font-size:19px;}
.news_list .news_li .nl_right a .news_date em{display:inline-block;width:100px;height:35px;line-height:33px;border:1px solid #dedfe1;border-radius:16px;font-size:12px;font-family:Arial;text-align:center;color:#CCC;font-style:normal;margin-top:38px;}
.news_list .news_li:hover{}
.news_list .news_li:hover .nl_right a .news_txt{padding:0 30px 0 55px;}
.news_list .news_li:hover .nl_right a .news_date{padding-left:30px;}
.news_list .news_li:hover .nl_right a .news_date em{background:#CCC;border:1px solid #CCC;color:#FFF;}
/*newscow*/
.newscow{padding:50px 0 80px;}
.newscow .newscow_left{width:71%;float:left;}
.newscow .newscow_left .h1{margin:0;line-height:30px;font-size:24px;margin-top:0;}
.newscow .newscow_left .pubinfo{margin:0;line-height:26px;padding-bottom:10px;color:#626262;font-weight:normal;padding-top:10px;border-bottom:1px solid #dbdbdb;margin-bottom:30px;}
.newscow .newscow_left .pubinfo span{padding-right:10px;white-space:nowrap;}
.newscow .newscow_left .newscount{line-height:30px;font-size:15px;color:#626262;}
.newscow .newscow_left .newscount h2{margin:0;font-size:18px;font-weight:bold;margin-top:12px;line-height:30px;}
.newscow .newscow_left .newscount h3{margin:0;font-size:15px;font-weight:bold;margin-top:8px;line-height:30px;}
.newscow .newscow_left .newscount p{line-height:30px;padding-top:8px;font-size:16px;color:#626262;}
.newscow .newscow_left .newscount img{margin:0 auto;display:block;max-width:100%;height:auto;}
.newscow .newscow_left .newscount table{border-top:1px solid #000;border-left:1px solid #000;margin:0 auto;width:100%!important;} 
.newscow .newscow_left .newscount table td{border-right:1px solid #000;border-bottom:1px solid #000;padding:5px 0;}
.newscow .newscow_left .newscount table td p{margin-top:0;line-height:1.8;}

.newscow_right{width:25%;float:right;}
.newscow_right .news_product{border:1px solid #dbdbdb;padding:10px;}
.newscow_right .news_product .np_title{font-size:14px;color:#2a2a2a;line-height:12px;padding:10px 0;border-bottom:2px solid #2a2a2a;}
.newscow_right .news_product .np_title span{font-size:22px;line-height:32px;}
.newscow_right .news_product .bd{overflow:hidden;zoom:1;margin-top:30px;}
.newscow_right .news_product .bd ul li{}
.newscow_right .news_product .bd ul li .r_img{width:100%;padding-bottom:75%;position:relative;border:1px solid #ccc;}
.newscow_right .news_product .bd ul li .pic{position:absolute;top:0;left:0;width:100%;height:100%;}
.newscow_right .news_product .bd ul li .pic img{display:block;width:100%;height:100%;object-fit:cover;}
.newscow_right .news_product .bd ul li .title{height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.newscow_right .news_product .bd ul li .title a{color:#666}
.newscow_right .news_nlist{ padding-bottom:5px; overflow:hidden}
.newscow_right .news_nlist ul{ padding-top:5px}
.newscow_right .news_nlist ul li{line-height:36px;background:url(/template/default/images/zys_42.png) no-repeat 2px center; text-indent:0.3cm; margin:0 auto; border-bottom:1px dashed #d5d5d5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.fanye{list-style:none;border-top:1px dashed #cccccc;border-bottom:1px dashed #c2a9a4;padding-top:10px;padding-bottom:10px;margin-top:10px;}
.fanye ul li{height:30px;line-height:30px;text-align:left;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fanye ul li a{ color:#333;}
.pagelink{ height: 35px;text-align: center;margin: 50px 0 30px 0;}
.pagelink .page-index , .pagelink .page-pre , .pagelink .page-next , .pagelink .page-last{ list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left;}
.pagelink .page-status {list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left; padding: 3px 8px;}
.pagelink .page-index a, .pagelink .page-pre a, .pagelink .page-next a, .pagelink .page-last a{color:#000;padding: 3px 8px; display:block;}
.pagelink .page-numbar .page-num{ list-style: none;border: 1px solid #C7CFC2;padding: 3px 8px;display: inline-block;margin: 0 3px;*+display:block;*+float:left;}
.pagelink a.page-num-current, .pagelink a:hover{ background: #CCC;color: #FFF; display:block;}


.contact{padding:30px 0 50px;background:rgba(242, 244, 246, 1);}
.contact .container{background:#FFF;padding:40px 35px;}
.contact .c_t{height:37px;line-height:37px;font-size:28px;color:#262626;text-align:center;margin-bottom:30px;font-weight:bold;}
.contact .c_txt{margin-top:30px;}
.contact .c_txt .c_pp{padding:30px 20px;background:#246c2f;width:calc(25% - 15px);margin-left:20px;float:left;}
.contact .c_txt .c_pp:first-child{margin-left:0;}
.contact .c_txt .c_pp i{display:block;height:50px;background-repeat:no-repeat;background-position:center center;margin-bottom:15px;}
.contact .c_txt .c_pp i.icon1{background-image:url(/template/default/images/cc_icon1.png);}
.contact .c_txt .c_pp i.icon2{background-image:url(/template/default/images/cc_icon2.png);}
.contact .c_txt .c_pp i.icon3{background-image:url(/template/default/images/cc_icon3.png);}
.contact .c_txt .c_pp i.icon4{background-image:url(/template/default/images/cc_icon4.png);}
.contact .c_txt .c_pp p{line-height:24px;color:#FFF;font-size:14px;text-align:center;}
.contact .c_txt .c_pp p:nth-child(3){min-height:48px;}
.contact .s_txt{padding: 30px 5% 30px 5%; line-height: 1.8;font-size: 16px;}

.detail_pro_t #stylesubnav{
    margin-bottom: 50px;
}

.detail_pro_t{
    position: relative;
    overflow: hidden;
    padding:0 0 80px 0;
}
.detail_pro_l{
    float: left;
    width: 47%;
    margin-right: 6%;
}
.detail_pro_l #ifocus_pic{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid #d9d9d9;
}
.detail_pro_l #ifocus_pic #ifocus_piclist{}
.detail_pro_l #ifocus_pic #ifocus_piclist li{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.detail_pro_l #ifocus_pic #ifocus_piclist li img{
    width: 100%;
    height: 100%;
}
.detail_pro_l #ifocus_btn{
    width: 100%;
    overflow: hidden;
}
.detail_pro_l #ifocus_btn ul{}
.detail_pro_l #ifocus_btn ul li{
    float: left;
    width: 23%;
    margin-right: 2.66%;
    margin-top: 2.66%;
    border: 1px solid #d9d9d9;
}
.detail_pro_l #ifocus_btn ul li.on{
    border-color: #246c2f;
}
.detail_pro_l #ifocus_btn ul li:nth-child(4){
    margin-right: 0;
}
.detail_pro_l #ifocus_btn ul li img{
    width: 100%;
    height: 100%;
}
.detail_pro_r{
    float: left;
    width: 47%;
    margin-top: 30px;
}
.detail_pro_r .inner_tit{
    text-align: left;
}
.detail_pro_r .inner_tit .tit{
    line-height: 1.2;
    color: #333333;
    font-size: 36px;
}
.detail_pro_r .inner_tit .line{
    width: 12%;
    height: 2px;
    background: #ebebeb;
    margin: 20px 0 30px 0;
}
.detail_pro_r .cs_box{
    margin: 20px 0;
}
.detail_pro_r .cs_box p{
    font-size: 16px;
    color: #6b686b;
    line-height: 30px;
}
.detail_pro_r .cs_box span{
    color: #246c2f;
    font-weight: bold;
}
.detail_pro_r .cs_box1{}
.detail_pro_r .cs_box2{}
.detail_pro_r .pro_fg{
    padding-top: 30px;
}
.detail_pro_r .pro_fg p{
    font-size: 14px;
    color: #6b686b;
    padding: 15px 0;
    border-top: 1px dashed #cccccc;
}
.detail_pro_r .pro_fg span{
    color: #ea4611;
}
.detail_pro_r .pro_but{}
.detail_pro_r .pro_but a{
    display: -webkit-inline-box;
    font-size: 16px;
    color: #2a2a2a;
    padding: 15px 60px;
    background: #f2f2f2;
    margin-right: 35px;
}
.detail_pro_r .pro_but a.on, .detail_pro_r .pro_but a:hover{
    color: #ffffff;
    background: #246c2f;
}

.detail_pro_b{
    width: 100%;
    background: #f2f2f2;
    position: relative;
    padding: 60px 0;
}
.detail_pro_b .ptab_con{
    width:71%;
    float: left;
    font-size: 16px;
    line-height: 1.8;
}
.detail_pro_b .ptab_con p{
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.detail_pro_b .ptab_con img{
    display: block;
    margin: 10px 0 10px 0;
}
.detail_pro_b .ptab_con h2, .detail_pro_b .ptab_con h3{
    margin: 30px 0 15px;
    border-left: 5px solid #246c2f;
    font-weight: bold;
    text-indent: 15px;
    line-height: 1.2;
}

@media screen and (max-width:1629px){
    .contact{padding:40px 0;}
    .contact .container{padding:30px;}
    .contact .c_t{margin-bottom:20px;font-size:24px;height:32px;line-height:32px;}
    .contact .c_txt{margin-top:20px;}
    .contact .c_txt .c_pp{padding:22px 10px;}
    .sub_title .s_t{font-size:32px;height:42px;line-height:42px;}
    .sub_title p{font-size:15px;line-height:24px;margin-top:7px;}
}
@media screen and (max-width:1500px){
    .sub_nav .sn_left a{height:66px;line-height:66px;}
    .sub_nav .sn_right{height:66px;line-height:66px;}
    .sub_cnav a{height:66px;line-height:66px;}

    .detail_pro_t{
    padding: 100px 0 80px 0;
}
.detail_pro_r .cs_box p{
    font-size: 15px;
}
}
@media screen and (max-width:1399px){
    .sub_nav .sn_left a{height:50px;line-height:50px;font-size:14px;padding:0 25px;}
    .sub_nav .sn_left a:before{height:14px;margin-top:-7px;}
    .sub_nav .sn_right{height:50px;line-height:50px;background-size:auto 18px;font-size:13px;padding-left:18px;}
    .sub_cnav a{height:50px;line-height:50px;font-size:14px;padding:0 30px;border-bottom: 1px solid #FFF;}
    .sub_title .s_t{font-size:26px;height:34px;line-height:34px;}
    .sub_title p{font-size:14px;line-height:22px;margin-top:5px;}
    .manu{margin-top:20px;}

    #newswrap{padding:0 0 20px;}
    .news_list .news_li .nl_left{width:200px;}
    .news_list .news_li .nl_left .img{padding-bottom:133px;}
    .news_list .news_li .nl_right{padding:20px 20px 23px 0;width:calc(100% - 200px);}
    .news_list .news_li .nl_right a .news_txt{width:100%;padding:0 30px 0 15px;}
    .news_list .news_li .nl_right a .news_txt p:first-child{font-size:16px;height:24px;line-height:24px;}
    .news_list .news_li .nl_right a .news_date{display:none;}
    .news_list .news_li:hover .nl_right a .news_txt{padding:0 15px 0 30px;}
    

    .contact{padding:20px 0;}
    .contact .container{padding:20px;}
    .contact .c_t{font-size:20px;line-height:26px;height:26px;margin-bottom:5px;}
    .contact .c_txt{margin-top:10px;}
    .contact .c_txt .c_pp{width:calc(50% - 5px);margin-left:10px;margin-top:10px;}
    .contact .c_txt .c_pp:nth-child(odd){margin-left:0;}
    .contact .c_txt .c_pp p:last-child{height:auto;}
    
    
}
@media screen and (max-width:1023px){
    .sub_nav{background:none;position:relative;z-index:1;}
    .sub_nav:before{content:'';width:100%;height:50px;background:#eef2f5;position:absolute;left:0;top:0;z-index:-1;}
    .sub_nav .sn_right{width:100%;float:none;}
    .sub_nav .sn_left{width:100%;float:none;margin-top:20px;background:#EEE;}
    .sub_title .s_t{font-size:22px;height:30px;line-height:30px;}
    .sub_title p{font-size:13px;line-height:22px;}

    .newscow_right{width:100%;float:none;}
    .newscow_right .news_product .bd ul li{width:32%;float:left;margin-left:2%;}
    .newscow_right .news_product .bd ul li:first-child{margin-left:0;}
    .newscow_right .news_nlist ul li{width:48%;margin-left:4%;float:left;}
    .newscow_right .news_nlist ul li:nth-child(odd){margin-left:0;}
    
    .newscow_right{width:100%;float:none;}
    .newscow_right .news_product .bd ul li{width:32%;float:left;margin-left:2%;}
    .newscow_right .news_product .bd ul li:first-child{margin-left:0;}
    .newscow_right .news_nlist ul li{width:48%;margin-left:4%;float:left;}
    .newscow_right .news_nlist ul li:nth-child(odd){margin-left:0;}

    .product_list li{width:32%;margin-left:2%;}
    .product_list li:nth-child(4n+1){margin-left:2%;}
    .product_list li:nth-child(3n+1){margin-left:0;}

    .contact .c_txt .c_pp i{height:36px;background-size:auto 100%;margin-bottom:8px;}
    .contact .c_txt .c_pp i.icon2{background-size:auto 22px;}

    .detail_pro_r .inner_tit .tit {
        font-size: 28px;
    }
    .detail_pro_b{
        padding: 40px 0;
    }
    .newscow .newscow_left{width:100%;float:none;}
    .detail_pro_b .ptab_con{width:100%;float:none;}
    .detail_pro_r .pro_but a{padding:15px 40px;}
}
@media screen and (max-width:767px){
    #stylesubnav .xq_crumbs{font-size:13px;}
    #stylesubnav .xq_crumbs a{margin:0 5px;}

    .sub_nav .sn_left{margin-top:15px;}
    .sub_nav .sn_left a{width:calc(100%/3);border-right:1px solid #FFF;border-bottom:1px solid #FFF;float:left;padding:0 0;height:40px;line-height:40px;}
    .sub_nav .sn_left a:before{content:none;}
    .sub_cnav a{display:block;width:50%;float:left;padding:0 0;text-align:center;height:42px;line-height:42px;border-bottom: 1px solid #FFF;}
    .sub_title p br{display:none;}

    .product_list li{width:49%;margin-left:2%;}
    .product_list li:nth-child(4n+1){margin-left:2%;}
    .product_list li:nth-child(3n+1){margin-left:2%;}
    .product_list li:nth-child(odd){margin-left:0;}

    .news_list .news_li .nl_right a .news_txt{padding:0 0 0 20px;}
    .news_list .news_li:hover .nl_right a .news_txt{padding:0 0 0 20px;}

    .newscow_right .news_product .bd ul li{width:100%;margin-left:0;}
    .newscow_right .news_nlist ul li{width:100%;margin-left:0;}

    .contact .container{padding:10px;}
    .contact .c_t{font-size:16px;line-height:24px;height:24px;}
    .contact .c_txt .c_pp{width:100%;margin-left:0;float:none;padding:10px 5px;}
    .contact .c_txt .c_pp i{height:28px;background-size:auto 100%;margin-bottom:5px;}
    .contact .c_txt .c_pp i.icon2{background-size:auto 20px;}

.detail_pro_t{
    padding: 0 0 30px 0;
}
.detail_pro_l{
    width: 100%;
    float: none;
    margin-right: 0;
}
.detail_pro_r{
    width: 100%;
    float: none;
}
.detail_pro_r .pro_but a{
    padding: 10px 30px;
    margin-right: 10px;
    font-size: 14px;
}
.detail_pro_b{
    padding: 30px 0;
}
.detail_pro_r .inner_tit .tit {
        font-size: 24px;
}
.detail_pro_r .inner_tit .line {
    margin: 10px 0 15px 0;
}
.detail_pro_r .cs_box {
    margin: 10px 0;
}
.detail_pro_r .cs_box p {
    font-size: 14px;
    line-height: 24px;
}
.detail_pro_r .pro_fg {
    padding-top: 10px;
}
.detail_pro_r .pro_fg p{
    font-size: 13px;
}
.detail_pro_b .ptab_con, .detail_pro_b .ptab_con p {
    font-size: 14px;
    line-height: 1.8;
}
.detail_pro_b .ptab_con p {
    margin-bottom: 10px;
}
.detail_pro_b .ptab_con h2, .detail_pro_b .ptab_con h3 {
    margin: 15px 0 10px;
    border-left: 0;
    text-indent: 0;
    line-height: 1.2;
    color: #246c2f;
}
.detail_pro_t #stylesubnav {
    margin-bottom: 30px;
}
}