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

/*cla 指的是 class*/
#class{ width: 100%; height: auto; float: left; background: url("../images/class_2.jpg")no-repeat center 85px; margin-top: 140px;}
#class .claIn{ width: 1200px; height: auto; margin: 0 auto;}
#class .claN1{ width: 100%; height: auto; float: left;}
#class .claN1T{ width: 100%; height: auto; float: left; font-size: 16px; line-height: 50px; text-indent: 2px; color: #666666; margin-top: 19px;}
#class .claN1M{ width: 1154px; height: auto; float: left; background-color: #ffffff; border-radius: 1px; padding: 0 23px;}
#class .claN1M li{ width: 100%; height: auto; float: left; background: url("../images/claN1Mli.jpg")repeat-x center bottom;}
#class .claN1M li.bottom{ background: none;}
#class .claN1M li dt{ width: 120px; height: auto; float: left; font-size: 14px; line-height: 50px; color: #9a9a9a;}
#class .claN1M li dd{ width: auto; height: auto; float: left; font-size: 14px; line-height: 50px; color: #555555; cursor: pointer; margin-right: 30px;}
#class .claN1 .claN1M li dd a:hover,.claN1 .claN1M li dd a:active{ color: #ef4937;}
#class .claN1 .claN1M li dd a.cur{ color: #ef4937;}

#class .claN2{ width: 100%; height: auto; float: left; margin-top: 20px;}
#class .claN2L{ width: 960px; height: auto; float: left;}
#class .claN2L ul{ width: 99%; height: auto; float: left;  background-color: #ffffff; border-radius: 1px; padding-bottom: 32px; margin-left: 6px;}
#class .claN2L ul li{ width: 290px; height: auto; float: left; margin-left: 19px; margin-top: 22px; padding-bottom: 5px;box-shadow: 0 5px 10px 0px rgba(177,177,177,.1); border-radius: 2px;}
#class .claN2L ul li a:hover,#class .claN2L ul li a:active{ color: #666666;}
#class .claN2L ul li:hover h2,#class .claN2L ul li:active h2{ color: #ef4937;}
#class .claN2L ul li img{ width: 290px; height: 172px; float: left; border-radius: 1px; cursor: pointer;}
#class .claN2L ul li h2{ width: 100%; height: auto; float: left; font-size: 16px; line-height: 36px; font-weight: 500; color: #666666; text-indent: 12px; cursor: pointer;}
#class .claN2L ul li em{ width: auto; height: auto; float: left; font-size: 12px; line-height: 32px; text-indent: 12px;}
#class .claN2L ul li p{ width: auto; height: auto; float: right; font-size: 12px; line-height: 32px; padding-right: 12px;}
#class .claN2L ul li p span{ color: #f37668;}
#class .claN2LB{width: 100%; height: auto; text-align: center; padding: 10px 0px; float: left; }

#class .claN2R{ width: 220px; height: auto; float: right; margin-right: 3px;}
#class .claN2RN1{ width: 220px; height: 130px; float: left;}
#class .claN2RN2{ width: 220px; height: auto; float: left; border: 1px solid #e8e8e8; border-radius: 2px; background-color: #f9f9f9; margin-top: 20px;}
#class .claN2RN2 p{ width: 100%; height: auto; float: left; font-size: 14px; line-height: 38px; text-indent: 20px; color: #555555;}
#class .claN2RN2 li{ width: 216px; height: 90px; float: left; background-color: #ffffff; border-top: 1px solid #eeeeee; margin-left: 3px; }
#class .claN2RN2 li.top{ border-top: 0px;}
#class .claN2RN2 li img{ width: 90px; height: 61px; float: left; margin: 13px 7px 0 12px;}
#class .claN2RN2 li span{ width: 92px; height: auto; float: left; font-size: 12px; line-height: 16px; margin-top: 15px;}
#class .claN2RN2 li a{ width: 92px; height: auto; float: left; font-size: 12px; margin-top: 10px; cursor: pointer;}
#class .claN2RN2 li a:hover,#class .claN2RN2 li a:active{ color: #fb6058;}
#class .claN2RN3{ width: 220px; height: 130px; float: left; margin-top: 20px;}