.banner-res{background-color:#fff}
.banner-res img{margin:0 auto;max-width:1440px}
article a{transition:all .2s}
article a:hover{color:#13a099}
.intro p{text-indent:2em;line-height:32px}
article h2{font-size:24px;padding:30px 0 20px}
article h2 small{font-size:14px;font-weight:400;opacity:1}
@media (max-width:419px){article h2 small{display:block}
}
@media (min-width:420px){article h2 small{padding-left:15px}
}
article strong{color:#13a099}
article p{font-size:16px}
.product-type .l{display:none}
@media (min-width:1000px){.product-type .l{display:block;float:left;width:210px;border:1px solid #dbdbdb}
}
.product-type .l li{cursor:pointer}
@media (min-width:1000px){.product-type .l li{font-size:18px;line-height:55px;text-align:center;border-left:5px solid transparent;border-top:1px solid #dbdbdb}
.product-type .l li:first-child{border-top:0}
.product-type .l li.active{border-left-color:#13a099;background-color:#e9fcfb}
}
@media (min-width:1200px){.product-type .l{width:250px}
.product-type .l li{line-height:69px}
}
.product-type .r>li{display:none}
.product-type .r>li.active{display:block}
.product-type .r{position:relative}
@media (min-width:1000px){.product-type .r{display:block;float:left;width:770px;background-color:#e9fcfb;padding:15px;max-height:491px}
}
@media (min-width:1200px){.product-type .r{width:920px;padding:23px}
}
.product-type .r ul.list-unstyle{list-style:none}
.product-type .r h3{padding:15px 0 5px}
@media (min-width:760px){.product-type .r h3{padding:0 0 5px}
}
@media (min-width:760px) and (min-width:1200px){.product-type .r h3{font-size:20px;padding-bottom:10px}
}
.feature{margin-bottom:10px;line-height:24px}
@media (min-width:760px) and (max-width:999px){.feature{margin-bottom:3px}
}
.feature i{color:#13a099;padding-right:10px}
.product-link{margin:6px -5px 0 -5px}
@media (min-width:760px) and (max-width:999px){.product-link{margin-top:2px}
}
.product-link li{text-align:center;width:50%;float:left;padding:4px 5px}
@media (min-width:450px) and (max-width:759px){.product-link li{width:25%}
}
.product-link li a{color:#fff;background-color:#13a099;width:100%;display:block;line-height:26px}
@media (min-width:1200px){.product-link li{font-size:16px}
.product-link li a{line-height:32px}
}
.application{margin-top:15px}
.application h4{display:none;font-size:30px;color:#fff;background-color:#13a099;width:88px;height:90px;float:left;text-align:center;line-height:40px;padding-top:5px;position:relative;margin-right:12px}
@media (min-width:760px){.application h4{display:block;margin-right:42px}
.application h4::after{display:block;content:"";position:absolute;left:88px;top:30px;width:0;height:0;border-left:27px solid #13a099;border-top:17px solid transparent;border-bottom:17px solid transparent}
}
@media (min-width:1000px){.application h4{margin-right:60px}
}
.appli-list p{margin-bottom:10px}
.appli-list li{float:left;padding:2px 4px}
@media (min-width:502px){.appli-list li{font-size:16px;padding:6px 8px;min-width:80px}
}
@media (min-width:760px){.appli-list{padding:10px 0}
}
.product-type .r .pager-next,.product-type .r .pager-prev{position:absolute;top:15%}
@media (min-width:450px){.product-type .r .pager-next,.product-type .r .pager-prev{top:22%}
}
@media (min-width:760px){.product-type .r .pager-next,.product-type .r .pager-prev{top:28%}
}
@media (min-width:1000px){.product-type .r .pager-next,.product-type .r .pager-prev{display:none}
}
.product-type .r .pager-next{right:0}
.product-profile img{margin:10px auto 0}
.product-profile p{padding:15px 0 15px;line-height:32px;max-width:201px;display:block;margin:0 auto}
@media (min-width:760px){.product-profile p{padding-bottom:0}
}
.product-news h3{padding:15px 0 10px}
.product-news li{line-height:32px;position:relative;padding-left:32px}
.product-news li::before{display:block;content:"";position:absolute;left:0;top:8px;width:16px;height:16px;background-color:#13a099}
.msg{padding-bottom:30px}
.msg img{padding:30px 0 25px}
.msg .button{color:#fff;background-color:#13a099;transition:all .2s}
.msg .button:hover{background-color:#108983}
.msg .city,.msg .province{width:50%;float:left}
.msg .province{padding-right:10px}
.msg .city{padding-left:10px}
@media (min-width:1000px){.msg{max-width:850px}
}
@media (min-width:1200px){.msg{max-width:1100px}
}