@charset "utf-8";
.main {float:left;width:74%;margin-top:-30px;}
.main h1 {color:#494444;font-size:25px;line-height:1;margin:28px 0px 10px 0px;text-transform:capitalize;}
.main .detail {color:#454545;font-size:14px;line-height:20px;margin-bottom:10px;}
.main .second-li {background-color:#f9f9f9;padding:20px 0px;margin-bottom:40px;position:relative;}
.main .second-li img {margin:0 40px 0px 20px;max-width:280px;max-height:280px;}
.main .second-li article {width:57%;position:absolute;left:360px;top:30px;}
.main .second-li article h3 {color:#201f1a;font-size:20px;line-height:25px;padding:15px 0;height:auto;overflow:hidden;}
.main .second-li article p {color:#201f1a;font-size:15px;line-height:22px;height:130px;overflow:hidden;}
.main .second-li article button {border:0;outline:none;font-size:14px;width:130px;height:40px;line-height:40px;margin-top:15px;text-align:center;text-transform:capitalize;color:#FFF;background-color:#00d9c7;}
.proIntro p {font-size:14px !important;}
.main .second-li article button::before {background-color:#201f1a;transform-origin:0% 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:0.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;}
.main .second-li article button:hover {color:white;}
.main .second-li article button:focus {color:white;}
.main .second-li article button:active {color:white;}
.main .second-li article button:hover::before {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}
.main .second-li article button:focus::before {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}
.main .second-li article button:active::before {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}
@media (max-width:990px) {.main {width:98%;margin:0 1%;}}
@media (max-width:860px) {.main ul {width:340px;margin:0 auto;}
.main .second-li {width:340px;padding-bottom:20px;}
.main .second-li img {margin:0 20px 20px 20px;}
.main .second-li article {width:300px;margin:0 auto;position:static;}
.g-page .pagelist {width:100%;margin:0 auto;}}
@media (max-width:320px) {.main ul {width:100%;margin:0 auto;}
.main .second-li {width:100%;padding-bottom:20px;}
.main .second-li img {margin:0;}
.main .second-li article {width:100%;margin:0 auto;position:static;}
.g-page .pagelist {width:100%;margin:0 auto;}}
.main .list-ul:before, .main .list-ul:after {content:"";display:table;}
.main .list-ul:after {clear:both;}
.main .list-li {float:left;width:288px;margin:0 5px 7px 0;position:relative;overflow:hidden;}
.main .list-li a {display:block;}
.main.list-li a img {display:block;width:100%;}
.main .list-li a h3 {display:none;position:absolute;bottom:0;left:0;width:80%;padding:3% 10%;background:rgba(0, 0, 0, 0.6);font-size:12px;color:#FFF;line-height:22px;}
.main .list-li a:hover h3 {display:block;}
.main .list-li {width:32%;margin:0 1% 2% 0;}
.main .list-li img {max-width:100%;margin:0 1% 2% 0;}
.main .list-li a h3 {width:90%;padding:2% 5%;}
@media (max-width:768px) {.main .list-ul .list-li a span {display:block;}}
@media (max-width:750px) {.main .list-ul .list-li {width:48%;margin:0 2% 2% 0;}}
@media (max-width:520px) {.main .list-ul .list-li {width:98%;margin:0 2% 5% 0;}}
.proCateTags{clear:both;padding:0 0px 8px 0px;margin:0px;border-radius:5px;}
.proCateTags h3{font-size:14px;line-height:32px;margin:0;padding:0 0 20PX 0;border-bottom:2px solid #00d9c7;}
.keywords{margin:60px auto;}
.keywords a {margin-right:10px;color:#333;font-size:18px;line-height:20px;display:block;border-bottom:1px solid #EEE;padding:17px 0 17px 0px;text-transform:capitalize;}
.table p {padding:0px;margin:0px;}
.keywords a:hover{text-decoration:none;}
.pro-body {clear:both;margin:0px auto 10px auto;font-size:14px;line-height:20px;}