@charset "utf-8";
/* CSS Document */

article h2{padding: 10px 0 12px}
.solu-tab{margin-bottom: 20px}
.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}
.solu-tab li.active h2,
.solu-tab li.active p{background-color: #ed2d42; color: #fff}
@media (min-width: 1200px){.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 h4{color: #262626; padding: 16px 0 6px}
.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}
.recommend-spec{margin-bottom: 20px}
@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: 20px}
.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{-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 p{padding: 0 20px 20px 20px;}
#b_img p b{color: #ed2d42;}
#b_img img{overflow: hidden}
.tjia p{font-size: 14px; 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}}