﻿._detailbanner {display:block;position:relative;padding-top:100px;z-index:0;}
._detailbanner:after{display:block;content:"";width:100%;height:100%;background:#E21A21;opacity:0;position:absolute;left:0;top:0;z-index:2;}
._detailbanner .bg__layer{display:block;width:100%;height:520px;position:relative;overflow:hidden;background:#3c3c3c;z-index:1}            
._detailbanner .bg__layer img{width:100%;height:initial;filter:blur(10px);}
._detailbanner .detail_warp{display:block;position:relative;top:50%;width:100%;position:absolute;transform:translateY(-50%);z-index:3;}
._detailbanner .detail_warp .pagewd{display:block;width:78%;position:relative;}
._detailbanner .detail_warp .pagewd ._pic{display:inline;float:right;width:35%;position:relative;}
._detailbanner .detail_warp .pagewd ._pic img{width:100%;}
._detailbanner .detail_warp .pagewd .prod_order{display:block;text-align:center;position:absolute;left:0;bottom:20px;width:100%;position:relative;}
._detailbanner .detail_warp .pagewd .prod_order section.order{display:block;text-align:center;position:absolute;left:0;bottom:20px;}
._detailbanner .detail_warp .pagewd .prod_order section a{display:inline-block; padding:5px 25px;border:1px solid #fff;color:#fff;border-radius:25px;margin:0px 15px;}
._detailbanner .detail_warp .pagewd .prod_order section a.js_mail_list{background:#fff;color:#3266d0; }

._detailbanner .detail_warp .pagewd ._tit{color:#fff;display:inline;float:left;width:100%;padding-top:0px;text-align:center;}
._detailbanner .detail_warp .pagewd ._tit h5{font-size:22px;}
._detailbanner .detail_warp .pagewd ._tit h1{font-size:62px;position:relative;z-index:1;text-align:center;}
._detailbanner .detail_warp .pagewd ._tit h1:after{display:block;content:"";width:100%;clear:both;}
._detailbanner .detail_warp .pagewd ._tit h1 strong{display:block;float:initial; font-weight:400;z-index:2;}

._detailbanner .detail_warp .pagewd ._summary{display:block;width:60%;margin:0 20%;}

/*backtop*/
.btn_list {display:inline;float:left; width:90px;height:90px;position:relative;z-index:2;opacity:1;transition:all .3s;margin-left:30px;margin-top:50px;}
.btn_list .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:10px solid #fff;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 20px #fff,0 0 20px #fff inset;-moz-box-shadow:0 0 20px #fff,0 0 20px #fff inset;box-shadow:0 0 20px #fff,0 0 20px #fff inset;opacity:.82;-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.btn_list .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.btn_list .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.btn_list .iconfont{display:block;width:40px;height:40px;position:absolute;top:-5px;left:-5px;background:#fff;color:#3266d0;line-height:40px;text-align:center;font-size:24px;border-radius:50%;}


.sel_list {display:block;position:absolute;left:0px;background:#ffffff50;top:120px;width:360px;display:none;border-radius:10px;}
.sel_list ul{padding:20px;max-height:240px;overflow-y:scroll;}
.sel_list ul li{font-size:24px;border:1px solid #dcdcdc;padding:0 20px;font-weight:300;background:#fff;}
.sel_list ul li:hover{background:#3266d0;color:#fff;}
.sel_list ul li:hover a{color:#fff;}
.sel_list ul li.cur{background:#3266d0;color:#fff;}
.sel_list ul li.cur a{color:#fff;}


._detailbanner .detail_warp .pagewd ._tit ._feature{color:#777;display:flex;justify-content:left;}
._detailbanner .detail_warp .pagewd ._tit ._feature span{height:40px;border-radius:20px;line-height:40px; padding:2px 25px;background:#ececec50;color:#fff;margin:0 25px 0 0;border-radius:20px;}

._detailbanner .type_name{width:80%;height:40px; position: absolute;bottom:60px;left:10%;margin-left: auto;margin-right:auto; text-align:left;display:none;}
._detailbanner .type_name h3{font-size: 30px;color:#fff;margin-bottom: 28px;font-weight: 500;position:relative;line-height:1;display:none;}
._detailbanner .type_name h3:after{display:block;content:"";width:80px;height:1px;background:#fff;position:absolute;left:0;bottom:-14px;}
._detailbanner .type_name p{font-size: 38px;line-height:1; color: #fff;font-weight:bold; font-family:"Arial";text-transform: uppercase;display:block;margin:0px }



/*
.warper_top{display:block;position:absolute;left:0;background:initial;bottom:0;color:#fff;}
.warper_top a{color:#fff;}
*/
._detailmenu {background: #fafafa;display: block;height: 40px;line-height: 40px;transition:all .3s;border-bottom:1px solid #fff;background:linear-gradient(to bottom ,#ffffff,#fafafa);}
._detailmenu ul {display:block;width:initial;display: flex;}
._detailmenu ul li {flex: 1;text-align:center;position:relative;overflow:hidden;font-size:16px;z-index:0;}
._detailmenu ul li a{position:relative;z-index:2;}
._detailmenu ul li:after{display:block;content:"";width:0px;height:100%;background:#3266d0;position:absolute;bottom:0;left:0;opacity:0;transition:all .3s;}
._detailmenu ul li:hover a{color:#333;}
._detailmenu ul li:hover:after{display:block;content:"";width:100%;height:100%;background:linear-gradient(to bottom ,#fafafa,#ffffff);position:absolute;bottom:0;left:0;opacity:1;transition:all .3s;}
._detailmenu ul li.active a{color:#e21a21;}
._detailmenu ul li.active:after{display:block;content:"";width:100%;height:100%;background:linear-gradient(to bottom ,#fafafa,#ffffff);position:absolute;bottom:0;left:0;opacity:1;transition:all .3s;}

._mfixtop{display:block;position:fixed;left:0;top:0;width:100%;z-index:9999;transition:all .3s;box-shadow:0 0 30px rgba(0,0,0,0.14);}

._detailwarp{padding-bottom:0px;}
._detailwarp section{display:block;width:100%;padding:30px 0;border-bottom:1px dashed #dcdcdc;}
._detailwarp section:last-child{border-bottom:none;}
._detailwarp section:after{display:block;content:"";width:100%;clear:both;}
._detailwarp section._content{font-size:16px;line-height:2;display:block;width:100%;margin:0px auto;}
._detailwarp section._content .pagewd{display:block;padding:0px 0%;}            
._detailwarp section._content .pagewd strong{font-size:32px;line-height:2;}
._detailwarp section._content .pagewd h3{display:block;height:90px;line-height:90px;text-align:left;color:#333;position:relative;font-size:28px;margin:30px 0;text-transform:uppercase;}
._detailwarp section._content .pagewd h3:after{display:block;content:"";width:80px;height:4px;background:#3266d0;position:absolute;left:0;bottom:0px;}
._detailwarp section._content .pagewd p img{max-width:100%;}

._detailwarp section .pagewd h3{display:block;line-height:2;text-align:left;color:#333;position:relative;font-size:32px;margin:30px 0;}
._detailwarp section .pagewd h3:after{display:block;content:"";width:60px;height:2px;background:#e21a21;position:absolute;left:0;top:0px;}

ul.parameter_ul {display:block;justify-content:center;flex-wrap:wrap;border:1px solid #dcdcdc;border-bottom:0;}
ul.parameter_ul:after{display:block;content:"";width:100%;clear:both;}
._extend_paramter ul.parameter_ul li{ display:inline;float:left;width:50%;height:50px;line-height:50px;position:relative;border-bottom:1px solid #dcdcdc;font-size:small;}
._extend_paramter ul.parameter_ul li:after{display:block;content:"";width:100%;clear:both;}            
._extend_paramter ul.parameter_ul li span.parameter_tit{display:inline;float:left;width:40%;background:#fafafa;padding:0 0 0 20px;border-right:1px solid #dcdcdc;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
._extend_paramter ul.parameter_ul li span.parameter_tit em{display:none;}
._extend_paramter ul.parameter_ul li span.parameter_con{padding-left:20px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
._extend_paramter ul.parameter_ul li:hover{background:#3266d0;color:#fff;}
._extend_paramter ul.parameter_ul li:hover span.parameter_tit{background:#3266d0;}

._extend_paramter ul.parameter_ul li._w100{ display:inline;float:left;width:100%;height:50px;line-height:50px;position:relative;border-bottom:1px solid #dcdcdc;}
._extend_paramter ul.parameter_ul li._w100 span.parameter_tit{display:inline;float:left;width:20%;background:#fafafa;padding:0 0 0 20px;border-right:1px solid #dcdcdc;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
._extend_paramter ul.parameter_ul li._w100:hover span.parameter_tit{background:#3266d0;}

._feature_tit{font-weight:bold;color:#062568;}
._feature_lst span {display:inline;margin-right:20px;}
._feature_lst span em{padding:7px 20px;background:#4ca433;border-radius:10px;color:#fff;}
._feature_lst span em:hover{background:#E21A21;}

._content_feature{display:block;width:100%;position:relative;}_content_feature
._content_feature ul{display:flex;width:100%; text-align:center;justify-content:center;flex-wrap:nowrap;margin:0px auto;}
._content_feature ul li{flex:1;padding:20px;border:1px solid #dcdcdc;border-radius:20px;margin-bottom:2%;margin:20px;
                background: linear-gradient(-135deg, transparent 1rem, #ffffff 50%, #fafafa 0);
                /*linear-gradient(to left bottom, transparent 50%, rgba(0, 0, 0, 0.4) 0) no-repeat 100% 0 / 1.4rem 1.4rem, */
                text-align:center;
}
/*
._content_feature ul li ._extend_pic img{width:80px;margin:0px auto;}
*/
@media screen and (max-width:1080px) {
    ._detailbanner .bg__layer{height:initial;display:block;}
    ._detailbanner .bg__layer img{filter:blur(0);}
    ._detailbanner {display:block;position:relative;padding-top:60px;z-index:0;padding-bottom:0px;}
    ._detailbanner .detail_warp{display:block;position:relative;top:0px;width:100%;position:relative;transform:translateY(0);padding:30px 0;color:#333;}
    ._detailbanner .detail_warp .pagewd ._pic{display:inline;float:initial;width:100%;position:relative;}
    ._detailbanner .detail_warp .pagewd ._tit{color:#333;display:inline;float:initial;width:100%;padding-top:0px;}
    ._detailbanner .detail_warp .pagewd ._tit h5{display:none;}
    ._detailbanner .detail_warp .pagewd ._tit h1{font-size:24px;text-align:left;width:90%;padding:0 5%;}
    ._detailbanner .detail_warp .pagewd ._tit ._feature{display:block;width:100%;text-align:center; color:#777;justify-content:center;overflow-x:initial;}
    ._detailbanner .detail_warp .pagewd ._tit ._feature span{display:inline;float:left; height:30px;border-radius:15px;line-height:30px; padding:2px 25px;background:#ececec50;color:#fff;margin:0 15px 2% 0;}
    ._detailbanner .detail_warp .pagewd ._tit ._feature span em{white-space:nowrap;}
    ._detailbanner .detail_warp .pagewd .prod_order{display:block;text-align:center;position:relative;left:0;bottom:initial;width:100%;position:relative;}
    ._detailbanner .detail_warp .pagewd .prod_order section.order{display:block;text-align:center;position:relative;left:0;bottom:20px;}
    ._detailbanner .detail_warp .pagewd ._summary{width:100%;margin:0px auto;display:none;}

    ._extend_paramter ul.parameter_ul li{ display:inline;float:left;width:100%;height:50px;line-height:50px;position:relative;border-bottom:1px solid #dcdcdc;font-size:small;}
    ._extend_paramter ul.parameter_ul li._w100{ display:inline;float:left;width:100%;height:50px;line-height:50px;position:relative;border-bottom:1px solid #dcdcdc;}
    ._extend_paramter ul.parameter_ul li._w100 span.parameter_tit{display:inline;float:left;width:40%;background:#fafafa;padding:0 0 0 20px;border-right:1px solid #dcdcdc;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    ._extend_paramter ul.parameter_ul li._w100:hover span.parameter_tit{background:#3266d0;}

    ._detailmenu {background: #fafafa;display: block;height: 60px;line-height: 60px;transition:all .3s;border-bottom:1px solid #fff;background:linear-gradient(to bottom ,#ffffff,#fafafa);}
    ._detailmenu  .pagewd{width:90%;display:flex;}
    ._detailmenu ul {display:block;width:100%;display: flex;}
    ._detailmenu ul li{font-size:16px;}
    ._detailwarp{width:90%;margin:0px auto;}
    ._detailwarp section{padding:0;}
    ._detailwarp section._content{font-size:16px;line-height:2;display:block;margin:0px auto;}
    ._detailwarp section._content .pagewd{display:block;width:100%;padding:0px 0%;} 
    ._detailwarp section._content .pagewd h3{display:block;height:70px;line-height:70px;text-align:left;color:#333;position:relative;font-size:24px;margin:30px 0;text-transform:uppercase;}
    ._detailwarp section._content .pagewd h3:after{display:block;content:"";width:80px;height:4px;background:#3266d0;position:absolute;left:0;bottom:0px;}
    ._detailwarp section .pagewd h3{display:block;height:initial;line-height:2;text-align:left;color:#333;position:relative;font-size:16px;margin:30px 0;text-transform:uppercase;}

    ._faq .pagewd{display:block;width:100%;margin:0px auto;}
    ._download .pagewd{display:block;width:95%;margin:0px auto;}

    /*backtop*/
    .btn_list {display:inline;float:right; width:90px;height:90px;position:absolute;right:-50px;left:initial; z-index:2;opacity:1;transition:all .3s;margin-left:30px;margin-top:10px;}
    .btn_list .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:10px solid #fff;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 20px #fff,0 0 20px #fff inset;-moz-box-shadow:0 0 20px #fff,0 0 20px #fff inset;box-shadow:0 0 20px #fff,0 0 20px #fff inset;opacity:.82;-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
    .btn_list .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
    .btn_list .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
    .btn_list .iconfont{display:block;width:40px;height:40px;position:absolute;top:-5px;left:-5px;background:#fff;color:#3266d0;line-height:40px;text-align:center;font-size:24px;border-radius:50%;}


    .sel_list {display:block;position:absolute;left:0%;background:#fff;top:60px;width:100%;display:none;}
    .sel_list ul{padding:10px;max-height:400px;overflow-y:scroll;}
    .sel_list ul li{font-size:24px;border:1px solid #dcdcdc;padding:0 20px;font-weight:300;}
    .sel_list ul li:hover{background:#3266d0;color:#fff;}
    .sel_list ul li:hover a{color:#fff;}
    .sel_list ul li.cur{background:#3266d0;color:#fff;}
    .sel_list ul li.cur a{color:#fff;}



}


._price .fl{width:60%;}
._price .fr{width:38%;}
._price .fr img{width:100%;}
._price .fl ul{margin:30px 0;}
._price .fl ul li {line-height: 40px;color: #062568;font-weight:bold;}

.btn_quote {
    display:block;width:140px;height:40px;line-height:40px;text-align:center;background:#E21A21; color:#fff;border:1px solid #E21A21;border-radius:25px;
    padding:0 25px;
}
._recommend_list{padding-bottom:60px;}


._content_default {display:inline;float:left;width:60%;}
._content_pic {display:inline;float:right;width:38%;position:relative;right:0;top:0px;}
._content_pic img{width:100%; border:10px solid #fff;}
._content{display:block;position:relative;}
._content:after{display:block;content:"";width:100%;clear:both;}


@media screen and (max-width:1080px) {
    ._price .fl{width:100%;}
    ._price .fr{width:100%;margin-top:30px;}

    ._detailbanner .detail_warp .pagewd{width:100%;}
    ._content_default {display:inline;float:left;width:100%;}
    ._content_pic {display:none;float:right;width:100%;position:relative;right:0;top:0px;}
    ._content_pic img{border:0;}

    ._feature_lst {white-space:pre-wrap;}
    ._feature_lst:after{display:block;content:"";width:100%;clear:both;}
    ._feature_lst span{display:inline;float:left;margin-bottom:5%;}
}