article h2{padding: 10px 0 12px}
.solu-tab{margin-bottom: 20px;border-bottom: 3px solid #ed2d42;}
.solu-tab li{width: 33.33333%; float: left; padding: 0 10px}
.solu-tab li h2,
.solu-tab li p{ /* background-color: #e5e5e5; */ color: #3c3c3c; text-align: center}
.tsolu-tab-frame-lb{ border-left: 1px solid #fff; border-right: 1px solid #fff; position: relative;}
.tsolu-tab-frame-lb::after{ position: absolute; content: " "; left: -1px; top: 0; width: 2px; height: 100%; background-image: -webkit-linear-gradient(top,#fff 30%,#ccc);}
.tsolu-tab-frame-lr{ border-left: 1px solid #fff; border-right: 1px solid #fff;}
.tsolu-tab-frame-rb{ border-left: 1px solid #fff; border-right: 1px solid #fff; position: relative;}
.tsolu-tab-frame-rb::after{ position: absolute; content: " "; right: -1px; top: 0; width: 2px; height: 100%; background-image: -webkit-linear-gradient(top,#fff 30%,#ccc);}
.solu-tab li.active h2,
.solu-tab li.active p{background-color: #ed2d42; color: #fff}
@media (min-width: 1200px){.solu-tab{margin-bottom: 50px}.solu-tab li{padding: 0 15px}}
@media (max-width: 999px){.solu-tab p{display: none}}
@media (min-width: 1000px){.solu-tab p{padding-bottom: 20px}}
@media (min-width: 1200px){.solu-tab p{font-size: 16px; padding-bottom: 29px}}
@media (max-width: 759px){.solu-tab span{display: none}}
.solu-tab h2{padding: 10px 5px}
@media (max-width: 345px){.solu-tab h2{padding: 10px 16px;}}
@media (min-width: 1000px){.solu-tab h2{padding-top: 20px; padding-bottom: 7px}}
@media (min-width: 1200px){.solu-tab h2{padding-top: 28px}}
.model-case-list h4{text-align: center}
.model-case-list li{margin-bottom: 20px}
@media (min-width: 1200px){.model-case-list li{margin-bottom: 30px}}
.solu .cas p{text-align: center}
.project-case-list li.xl6{min-height: 330px}
.project-case-list li,
.model-case-list li{display: none}
@media (min-width: 320px){.project-case-list li.xl6{min-height: 356px}}
@media (min-width: 350px){.project-case-list li.xl6{min-height: 390px}}
@media (min-width: 380px){.project-case-list li.xl6{min-height: 392px}}
@media (min-width: 410px){.project-case-list li.xl6{min-height: 410px}}
@media (min-width: 450px){.project-case-list li.xl6{min-height: 350px}}
@media (min-width: 500px){.project-case-list li.xl6{min-height: 380px}}
@media (min-width: 650px){.project-case-list li.xl6{min-height: 388px}}
@media (min-width: 760px){.project-case-list li.xl6{min-height: 400px}}
@media (min-width: 1000px){.project-case-list li.xl6{min-height: 380px}}
@media (min-width: 1200px){.project-case-list li.xl6{min-height: 360px}}
.project-case-list li.xl6{min-height: auto}
.project-case-list h4{color: #555; padding: 6px 0 16px; text-align: center; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.project-case-list p{color: #262626; font-size: 14px}
.project-case-list p span{color: #ed2d42}
.project-case-list p b{color: #ed2d42}
.project-case-list img{cursor: pointer}
.project-case-list .project-case-text{ display: none;}
.recommend-spec{margin-bottom: 20px}
.recommend-spec h3{ font-size: 16px; text-align: center; line-height: 32px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media (min-width: 760px){.recommend-spec{margin-bottom: 30px}}
.hot-product{margin-bottom: 20px}
@media (min-width: 760px){.hot-product{margin-bottom: 30px}}
.hot-product img{border: 1px solid #f3f3f3}
.hot-product h5{font-size: 16px; color: #3c3c3c; text-align: center; padding: 16px 0 16px}
@media (min-width: 760px){.hot-product h5{padding: 16px 0 10px}}
.case-article-a{padding: 20px 0 0}
@media (min-width: 760px){.case-article-a{padding: 20px 0 0}}
.case-article-a p{line-height: 34px;}
.promess_padding p{padding-bottom:10px;}
.case-article-a p span{font-size: 20px; font-weight: 600}
.case-article-a .base p span{font-size: 16px}
.case-article-a .case-article-a-1{margin-bottom: 20px}
@media (min-width: 760px){.case-article-a .case-article-a-1{margin-bottom: 30px}}
.case-article-a .case-article-a-1 .xm7 h4{font-weight: 500; line-height: 40px}
.case-article-a .case-article-a-1 .xm7 ul li{float: left; padding-left: 10px; padding-right: 10px}
.case-article-a .case-article-a-1 .xm7 ul li p{line-height: 22px;}
.appointment{margin-top: 20px; height: 49px}
.pro_img_list{margin-bottom:20px;}
.pro_img_list h2{ padding-bottom:20px;}
.pro_img_list .pro_img_cover{ position:relative;}
.pro_img_list .pro_cover_hover{ position:absolute;top:0;left:0; background:#eb4340; z-index:20;filter: opacity(80%); text-align:center; color:#FFF; width:100%;height:100%; display:none;}
.pro_img_list .pro_img_cover:hover .pro_cover_hover{ display:block;}
.pro_img_list .pro_img_cover:hover a:first-child{ color:#FFF;}
.pro_img_list .pro_cover_hover h3{padding-top:65px; padding-bottom:15px;}
.pro_img_list .pro_cover_hover h4{line-height:30px;}
.apply_bg .apply_list p{ line-height:50px;}
.apply_bg .apply_list img{border:6px solid #d1d8e0;}
.apply_bg h2{padding-bottom:20px; padding-top:0;}
@media (min-width: 667px){
.apply_bg{width:100%;background: url(/line_case/img/apply_bg.jpg) top center; margin:15px auto 20px;color:#FFF; padding-bottom:20px;}
.apply_bg h2{padding:40px 0 40px;}}
.leave-message .inq_l{margin-top:15px;}
.leave-message .inq_l p {line-height:35px;}
.leave-message .inq_l h3 {margin:15px 0 20px;}
.leave-message .inq_l img {margin:0 auto;max-width:100%;}
.leave-message .inq_r {margin:20px 0 30px}
.leave-message .inq_r .button {background-color:#f24a4a;color:#fff}
@media(min-width:1000px) {.leave-message .inq_l img {margin:0}.leave-message .inq_l h3 {margin:25px 0 30px}}
@media(min-width:1200px) {.leave-message .inq_r .form-group {margin-bottom:16px}.leave-message p {line-height:44px}.leave-message .inq_l h3 {margin:33px 0 34px}}
@media (min-width: 760px){.appointment{max-width: 570px}.dialogs{margin-left:80px;}}
@media (min-width: 760px){.appointment a{width: 171px}}
.appointment a span{background-color: #eb4340; color: #ffffff}
@media (min-width: 760px){.appointment a span{height: 49px; line-height: 49px; font-size: 22px; margin: 0 0px}}
.scene{margin-bottom: 20px}
.customer-comment{margin-bottom: 20px}
@media (min-width: 760px){.customer-comment{margin-bottom: 20px}}
.pro-line{padding-bottom: 30px}
.pro-line a{cursor: pointer}
.pro-line .liucheng{padding-bottom: 20px}
.pro-line table{font-size: 16px; text-align: center}
.pro-line table th{text-align: center}
@media (min-width: 1000px) and (max-width: 1199px){.pro-line table td{padding: 5px; font-size: 14px}}
.pro-line caption{background-color: #e5e5e5; line-height: 43px; font-weight: bold}
.pro-line .line-big{padding-bottom: 15px}
.pro-line .line-big .xm7{margin-bottom: 15px}
.pro-line h2{font-size: 22px}
.pro-line p{font-size: 14px; line-height: 28px}
.pro-line p span{font-size: 16px}
.pro-line .view{background-color: #ed2d42; position: absolute; right: 0; bottom: 0px; color: #fff; text-align: center; margin-left: 10px; margin-right: 10px}
@media (max-width: 1079px){.pro-line .view{width: 109px; height: 30px; font-size: 14px; line-height: 30px}}
@media (min-width: 1080px){.pro-line .view{width: 151px; height: 36px; font-size: 16px; line-height: 36px}}
@media (min-width: 1200px){.pro-line .view{margin-left: 15px; margin-right: 15px}}
.material-area{background-color: #e5e5e5; padding-top: 10px; margin-bottom: 20px}
@media (min-width: 760px){.material-area{margin-bottom: 30px}}
.material-area h2{padding-top: 20px}
.material-area h3{padding-bottom: 20px}
.material-area ul li{margin-bottom: 20px}
.material-area ul li a{line-height: 32px; font-size: 16px}
.material-area p{text-align: center; padding: 20px 0 20px}
@media (min-width: 760px){.material-area p{padding: 20px 0 40px}}
.material-area .known{font-size: 24px; color: #fff; background-color: #ed2d42; padding: 8px 40px; border-radius: 10px}
@media (max-width: 759px){.material-area .known{font-size: 16px}}
.material-area .known span{font-weight: bold}
.material p{line-height: 40px}
.img_list a:hover h2,
.img_list a:hover span{color: red; transition: all .5s}
.img_list h2{padding: 5px 0 15px}
@media (max-width: 759px){.img_list h2{padding: 15px 0 15px}}
.img_list p{line-height: 24px; color: #777777; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2}
@media (max-width: 999px){.img_list p{-webkit-line-clamp: 3}}
@media (min-width: 1200px){.img_list p{font-size: 16px; -webkit-line-clamp: 3}}
.img_list span{line-height: 44px}
.suggest .line-big div{margin-bottom: 10px}
#b_img h4{padding: 0 20px 10px 20px;}
#b_img .b_img_text{padding: 0 20px 20px 20px;}
#b_img p b{color: #ed2d42;}
#b_img img{overflow: hidden}
.tjia p{font-size: 16px; padding-bottom: 20px}
.jdal li{display: block;}
.mill-a li{list-style: none; margin-top: 10px}
@media (min-width: 1000px){.mill-a li{margin-top: 0}}
.mill-a li a:hover h2,
.mill-a li a:hover p{color: #333333}
.mill-a li a:hover span{color: #ffffff; background: #ed2d42; border: none}
.mill-a h2{font-size: 20px; padding-top: 2px; padding-bottom: 5px}
@media (min-width: 1200px){.mill-a h2{padding-bottom: 23px; font-size: 22px}}
.mill-a p{font-size: 14px; line-height: 28px}
.mill-a .sp{padding-top: 20px}
@media (min-width: 1200px){.mill-a .sp{padding-top: 49px}}
.mill-a span{border: 1px solid #333; padding: 7px 25px}
@media (min-width: 1200px){.mill-a span{padding: 10px 35px 9px; font-size: 16px}}
.templet-banner{ height: 420px;}
.templet-banner a:before{ background: rgba(0, 0, 0, 0.4); content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.templet-banner a{display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 420px; color: #fff; padding-top: 130px; text-align: center; position: relative;}
.templet-banner a:before{ background: rgba(0, 0, 0, 0.4); content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.templet-banner a p{font-size: 48px; font-weight: bold; line-height: 56px; margin-bottom: 30px; position: relative;}
@media (max-width: 1200px){.templet-banner a p{font-size: 42px;}}
@media (max-width: 1000px){.templet-banner a p{font-size: 38px;}}
@media (max-width: 760px){.templet-banner a p{font-size: 32px;}}
.templet-banner li{width: 0;}
.templet-banner li:first-child{width: 100%;}
.templet-list{padding-top: 30px;}
.templet-list li {margin-bottom: 50px; background: #f1f1f1; transition: all .5s ;}
.templet-list .templet-main{padding-right: 50px; line-height: 36px;}
.templet-til{padding-top: 30px; color: #333333; font-size: 18px; line-height: 36px; margin-bottom: 10px; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.templet-tex{ color: #444; line-height: 28px; margin-bottom: 25px;}
.templet-tex p{ line-height: 28px;}
.templet-tex p span{ color: #333333; font-weight: bold;}
.templet-btn{ display: inline-block; font-size: 16px; color: #ef011c; line-height: 28px; border: 1px solid #ef011c; padding: 0 25px; line-height: 34px; transition: all .5s ;}
.templet-list li:hover{ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
.templet-list li:hover .templet-btn{ background-color: #ef011c; color: #fff;}
@media (min-width: 1000px) and (max-width:1199px){.templet-til{ padding-top: 15px;}.templet-tex p{ height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}}
@media (max-width: 1000px){.templet-til{ padding-top: 5px;}.templet-list .templet-main{padding: 15px 30px ;}}
@media (max-width: 760px){.templet-list .templet-main{padding: 15px 30px ;}}
.case-banner-top{ background-color: #ccc; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 490px; color: #fff; padding-top: 30px; padding-bottom: 90px; position: relative; display: flex; align-items: flex-end;}
.case-banner-top:before{ background: rgba(0, 0, 0, 0.4); content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.case-banner-top .container{ position: relative;}
.case-banner-top h3{ font-size: 36px; line-height: 48px; margin-bottom: 30px;text-shadow: 0px 0px 5px rgba(0,0,0,.5);}
.case-banner-text{font-size: 20px; margin-bottom: 30px;}
.case-banner-text p{line-height: 36px;}
.case-banner-text span{font-weight: bold;}
.case-banner-btn{ text-align: center;}
.case-banner-btn a{ display: inline-block; margin: 0 15px; background: #eb4340; color: #fff; height: 48px; line-height: 48px; font-size: 22px; padding: 0 20px;}
.case-banner-btn a:hover{ background: #ef011c;}
.prototype-equipment{ padding-top: 10px; padding-bottom: 0;}
.prototype_img_list{margin-bottom:20px;}
.prototype_img_list h2{ padding-bottom:20px;}
.prototype_img_list .pro_img_cover{ position:relative;}
.prototype_img_list .pro_img_cover p{ font-size: 18px; line-height: 48px;}
.prototype_img_list .pro_cover_hover{ position:absolute;top:0;left:0; bottom: 48px; background:#eb4340; z-index:20;filter: opacity(80%); text-align:center; color:#FFF; width:100%; display:none;}
.prototype_img_list .pro_img_cover:hover .pro_cover_hover{ display:block;}
.prototype_img_list .pro_img_cover:hover a:first-child{ color:#FFF;}
.prototype_img_list .pro_cover_hover h3{padding-top:65px; padding-bottom:15px;}
.prototype_img_list .pro_cover_hover h4{line-height:30px;}
.prototype-til{font-size: 24px; font-weight: normal; padding: 15px 0; text-align: center; color: #333;}
.prototype-main p{font-size: 16px; line-height: 32px; color: #333333; text-align: center;}
.prototype-text p{font-size: 16px; line-height: 28px; color: #555555; text-align: center;}
.prototype-overview{padding-top: 30px; padding-bottom: 10px;}
.prototype-overview-list {padding-top: 30px;}
.prototype-overview-list p{margin-bottom: 23px;}
.prototype-overview-list a{cursor: pointer;}
.prototype-circuit{padding-bottom: 10px;}
.prototype-output-list{padding: 15px 0; display: flex; flex-wrap: wrap; margin-left: -1px; margin-right: -1px;}
.prototype-output-tab{padding: 15px 0; display: flex; width: 50%; padding: 1px; flex-wrap: nowrap; }
.prototype-output-tab.prototype-output-tabmain{ width: 100%; }
.prototype-output-list p{ font-size: 16px; line-height: 30px;}
.prototype-output-list .prototype-output-til{background: #e1e1e9; padding-top: 5px; padding-bottom: 5px; display: inline-block; flex-shrink:0; width: 100px; text-align: center; font-weight: bold;}
.prototype-output-list .prototype-output-tex{background: #f0f0f4; padding: 5px 15px; width: 100%;}
.prototype-client{padding: 0  0 30px;}
.prototype-client-btn {text-align: center; padding-top: 40px; padding-bottom: 30px;}
.prototype-client-btn a{ display: inline-block; margin: 0 15px; background: #eb4340; color: #fff; height: 48px; line-height: 48px; font-size: 22px; padding: 0 20px;}
.prototype-client-btn a:hover{ background: #ef011c;}
.prototype-field{ background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 420px; color: #fff; padding-top: 70px; position: relative;}
.prototype-field:before{ background: rgba(0, 0, 0, 0.4); content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.prototype-field .container{ position: relative;}
.prototype-field .prototype-til{margin-bottom: 15px; color: #fff;}
.prototype-field-list img{border: 6px solid #d1d8e0; margin-bottom: 15px;}
.prototype-field-tex{font-size: 16px;}
.prototype-inte{padding-top: 30px; padding-bottom: 10px;}