﻿@charset "utf-8";.main{}
.conl{float:left;padding-top:50px;width:300px;font-size:16px;color:#999;line-height:22px}
.conr{padding:50px 0 40px 50px;margin-left:300px;border-left:solid 1px #eff0f1}
.catel{padding-left:118px}
.cateseli{padding-bottom:8px}
.cateseli a{font-size:14px}
a.catet{color:#777;background:url(/img/sleftxl.gif) left 0 no-repeat;padding-left:18px}
a.cateon{font-weight:700;background:url(/img/orgarr.png) left center no-repeat;display:block;color:#f08519}
.cateseli a:hover{color:#f08519}
.prols{padding-top:50px}
.prols .ul{margin-right:-3%}
.prols dl{float:left;width:30.3%;margin-right:3%;margin-bottom:12px;overflow:hidden;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.prols dl a{display:block}
.prols dt{position:relative;overflow:hidden;border:solid 1px #f2f2f2}
.prols dt:after{position:absolute;left:0;top:0;width:100%;height:100%;content:" ";background:#515151;opacity:.2;filter:alpha(opacity=20);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.prols dt img{display:block;width:100%}
.prols dt img,.prols dd *{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.prols dd{padding:12px 0 12px;height:130px;background:#fff;-webkit-transition:background-color .4s;-moz-transition:background-color .4s;-ms-transition:background-color .4s;-o-transition:background-color .4s;transition:background-color .4s}
.prols dd h4{font-size:18px;line-height:30px;font-weight:400;color:#f90;display:block;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prols a:hover h4{color:#f60}
.prols a:hover p{color:#555}
.prols dd p{font-size:14px;line-height:20px;color:#898989}
.prols dd p.desc{text-align:justify;max-height:40px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;margin:5px 0}
.prols dl:hover dt:after{opacity:0;filter:alpha(opacity=0)}
.nopro{color:#999;font-size:18px;padding:50px 0 200px;text-align:center}
.m_proh1{display:none}
@media screen and (max-width:750px){.pnavr li{width:auto;text-align:left;padding-right:15px}
.m_proh1{display:block;font-size:20px;color:#f08519;font-weight:700;padding:20px 0}
.main{padding-top:0}
.pnavr li a.pnavon{font-weight:700}
.prols dl{margin-right:0;width:50%}
.prols .ul{margin-right:-10px}
.prols dl a{margin-right:10px}
.prols dt:after{background:none}
.prols{margin-left:0;padding:30px 10px 30px 10px}
.prols dd{height:110px}
.conl{float:none;width:auto;padding:10px 10px 10px 10px;border-bottom:solid 8px #eee}
.catel{padding-left:0}
.cateseli{padding-bottom:8px;float:left;margin-right:15px;height:22px;line-height:22px}
a.catet{padding-left:12px}
.pnavbox{border-bottom:solid 1px #eee;padding:0 10px}
.w{margin:0}
}