﻿
/*main*/
.main{ width:100%; float:left; margin-top:25px; padding-bottom:20px; overflow:hidden}
.main .main_left{ width:750px; float:left; min-height:500px; background:#fff; padding:15px;}
.main .main_right{ width:300px; float:right;}


/*main_bar*/
.main_r_bar{}
.main_bar .tit{width:100%; float:left; height:30px; line-height:30px; font-weight:normal; color:#5b6770;}
.main_bar h1{ font-size:26px; font-weight:normal;}

.main_bar .access_path{float:right; text-align:right; font-size:14px; color:#999; margin-top:-30px;}
.main_bar .access_path a:link{ color:#999}
.main_bar .access_path a:visited{ color:#999}
.main_bar .access_path a:hover{ color:#fd5837}

/*article*/
.article{ width:100%; float:left; line-height:28px; font-size:14px; overflow:hidden; padding:25px 0px 20px 0px;}
.article_title{ text-align:center; padding-bottom:15px; }
.article_title h1{ text-align:center; font-size:18px;}
.article_title p{ margin-top:5px;}
.article .article_pic{ text-align:center;padding-bottom:20px;}

.download_attach{width:100%;float:left;margin-top:45px;}
.download_attach a{color:#4196e1;}

/*article_list*/
.article_list{ width:100%; float:left; padding:15px 0px 20px 0px; display:inline;}
.article_list ul{ width:100%; margin-top:15px; float:left; display:inline}
.article_list ul li{ width:100%; float:left; height:45px; line-height:45px; background:url(../images/dian.jpg) repeat-x bottom;}
.article_list ul li .date{ float:right;  font-family: Verdana,Arial, Helvetica, sans-serif; color:#999;}
.article_list ul li a{ background:url(../images/i.png) no-repeat 10px center; padding-left:30px;}
.article_list ul li a:link{ color:#666}
.article_list ul li a:visited{ color:#666}
.article_list ul li a:hover{ color:#ef7102}

.article_list ul li.li_bg{ background-color:#edecec}
.article_list ul li .down{ float:right; font-family: Verdana,Arial, Helvetica, sans-serif; color:#727171;}
.article_list ul li .down a{ background:none;}
.article_list ul li i{ color:#999; font-style:normal; margin-left:7px;}

/*article_list_2*/
.article_list_2{ width:100%; float:left; padding:15px 0px 20px 0px; display:inline;}
.article_list_2 ul{}
.article_list_2 ul li{ width:360px; float:left; margin-top:28px;}
.article_list_2 ul li.li_r{float:right}
.article_list_2 ul li .left{ width:75px; float:left;}
.article_list_2 ul li .right{ width:270px; float:right;}
.article_list_2 ul li .left .date{width:71px; border:1px solid #e6e6e6; text-align:center;}
.article_list_2 ul li .left .date .t1{ height:36px; line-height:36px;background:#a2a7ab; color:#fff; font-size:24px;
transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.article_list_2 ul li .left .date .t2{ height:36px; line-height:36px; background:#fff;}

.article_list_2 ul li .right .tit{font-size:16px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;}
.article_list_2 ul li .right .text{ line-height:19px; word-break:break-all; color:#999; margin-top:5px;font-size:12px;}

.article_list_2 ul li a{}
.article_list_2 ul li:hover .left .date .t1{background:#005fac}
.article_list_2 ul li:hover .right a{ color:#005fac}

.article_list_2 ul li.li_active .left .date .t1{background:#005fac}
.article_list_2 ul li.li_active .right a{color:#005fac}

/*side_search*/
.side_search{width:285px; float:left; padding:15px;background:#fff;}
.side_search .c{}
.side_search .c .desc{ font-size:16px; line-height:26px;margin-top:10px;}
.side_search .c ul{}
.side_search .c ul li{float:left; word-break:break-all; margin:15px 15px 0 0;}
.side_search .c .more{width:100%;float:left;margin-top:25px; border-top:1px solid #dedede; padding:15px 0;}
.side_search .c .more a{background:url(../images/icon_sj.png) no-repeat right center; padding-right:35px; font-size:16px;}

/*side_contact*/
.side_contact{background:#fff; padding:15px; margin-top:15px;}
/* .side_contact h3{background:url(../images/icon_contact.png) no-repeat left center; } */
.side_contact .address{font-size:16px; margin-top:11px;line-height:26px;}
.side_contact .c ul li{ margin-top:7px; padding-left:23px;}
.side_contact .c ul li .tit{color:#f5002f; margin-left:-23px;}
/*side_nav*/
.side_nav{background:#fff;}
.side_nav .c {padding: 15px;}

/*download_list*/
.download_list{ width:80%; float:left; margin:20px 0 0 80px;}
.download_list ul{ width:100%; margin-top:15px; float:left; display:inline}
.download_list ul li{ width:100%; float:left; height:50px; line-height:50px; background:url(../images/dian.jpg) repeat-x bottom;}
.download_list ul li a.tit{ background:url(../images/d.jpg) no-repeat left center; padding-left:15px;}
.download_list ul li a.tit:link{ color:#666}
.download_list ul li a.tit:visited{ color:#666}
.download_list ul li a.tit:hover{ color:#ef7102}
.download_list ul li span{ float:right;}
.download_list ul li span a{ padding:5px 18px; background:#fd5937; color:#fff; border-radius:5px; -webkit-border-radius:5px;}
.download_list ul li span a:hover{background:#fc7256}

/*course_list*/
.course_list{}
.course_list ul li{width:100%; float:left; margin-top:20px;}
.course_list ul li .left{width:295px; float:left; border:1px solid #e6e7e7; padding:1px;}
.course_list ul li .right{width:576px; float:right;}

.course_list ul li .left a{width:295px; height:221px; display:block; overflow:hidden;}
.course_list ul li .left img{max-width:295px; max-height:221px;
transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.course_list ul li .right .tit{ border-bottom:1px solid #dcdddd; padding-bottom:7px; margin-top:7px;}
.course_list ul li .right .tit a{ font-size:20px; color:#32b0ad; font-weight:bold;}
.course_list ul li .right .t1{ font-size:18px; color:#727171; margin-top:12px;}
.course_list ul li .right .t2{ color:#9fa0a0; margin-top:7px; line-height:27px; font-size:16px;}
.course_list ul li .right .but{ }
.course_list ul li .right .but a{font-size:16px; margin-top:10px; background:#fd5937; display:inline-block;color:#fff; padding:3px 16px; border-radius:6px; -webkit-border-radius:6px; }
.course_list ul li .right .but a:hover{background:#fc7255}

.course_list ul li:hover .left img{
transform:scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}

/* pic_list 缩略图比例：4:3 */
.pic_list{ width:100%; float:left; padding:30px 0px 0 0px; display:inline; min-height:330px; overflow:hidden}
.pic_list ul li{ width:33.3333%; height:245px; float:left; position:relative; white-space: nowrap; overflow:hidden;padding:0 15px;box-sizing:border-box}
.pic_list ul li.li_r{/* float:right; margin-right:0; */}
.pic_list ul li .thumb{ width:100%; height:195px; border:1px solid #e9e9e9; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center;display:block;}
.pic_list ul li .thumb img{ max-width:100%;height:185px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}

.pic_list ul li .tit{ width:100%; float:left; font-size:16px; text-align:center; margin-top:5px; font-family:microsoft yahei;}
.pic_list ul li .tit a{ width:100%; height:30px; line-height:30px; float:left; }
.pic_list ul li .tit a:link{color:#666666}
.pic_list ul li .tit a:visited{color:#666666}
.pic_list ul li .tit a:hover{color:#f5002f}

.pic_list ul li:hover .thumb{border:1px solid #ccc;}
.pic_list ul li:hover .thumb img {
/* filter: brightness(0.9);
-webkit-filter: brightness(0.9);
-moz-filter: brightness(0.9);
-o-filter: brightness(0.9);
-ms-filter: brightness(0.9); */
}
.pic_list ul li:hover .tit a{color:#f5002f}

/*student_list 缩略图比例：4:3*/
.student_list{ width:100%; float:left; padding:10px 0px 0 0px; display:inline; min-height:330px; overflow:hidden}
.student_list ul li{ width:262px; height:320px; float:left; margin:25px 45px 15px 0; position:relative; white-space: nowrap; overflow:hidden;}
.student_list ul li.li_r{float:right; margin-right:0;}
.student_list ul li .thumb{ width:262px; height:195px; border:0px solid #e9e9e9; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center;}
.student_list ul li .thumb img{ max-width:247px;height:185px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;
border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px;}

.student_list ul li .tit{ font-size:16px; text-align:center; margin-top:5px; font-family:microsoft yahei;}
.student_list ul li .tit a{ width:100%; height:30px; line-height:30px; float:left; font-size:18px; }
.student_list ul li .tit a:link{color:#fd5837}
.student_list ul li .tit a:visited{color:#fd5837}
.student_list ul li .tit a:hover{color:#fd5837}

.student_list ul li .text{clear:both; padding:5px 15px; line-height:25px; white-space:nowrap; overflow:hidden;}

.student_list ul li:hover{ background:#f5f5f5}
.student_list ul li:hover .thumb img {
filter: brightness(0.85);
-webkit-filter: brightness(0.85);
-moz-filter: brightness(0.85);
-o-filter: brightness(0.85);
-ms-filter: brightness(0.85);
}
.student_list ul li:hover .tit a{color:#d9602a}

/*article_pic_list*/
.article_pic_list{ width:100%; float:left; padding:30px 0px 10px 0px; display:inline; min-height:330px; overflow:hidden}
.article_pic_list ul{ width:100%; margin-bottom:15px; float:left; display:inline}
.article_pic_list ul li{ width:100%; height:180px; float:left; }
.article_pic_list ul li .left{ width:222px; height:148px; border:1px solid #dcdcdc; float:left; overflow:hidden; padding:1px;}
.article_pic_list ul li .left img{width:229px; height:152px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.article_pic_list ul li .left img:hover{ transform:scale(1.1); -webkit-transform: scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.article_pic_list ul li .left:hover{ border:1px solid #ffa125; }
.article_pic_list ul li span{ float:right; font-family: Verdana,Arial, Helvetica, sans-serif; color:#999; font-weight:normal}
.article_pic_list ul li .right{ width:460px; float:right;}
.article_pic_list ul li .right h2{ font-size:16px; margin-top:2px; font-family:"微软雅黑"}
.article_pic_list ul li .right p{ line-height:25px; margin-top:12px;}
.article_pic_list ul li .right .detail{margin-top:10px; clear:both;}
.article_pic_list ul li .right  .detail a:link{color:#777;}
.article_pic_list ul li .right .detail a:visited{color:#777;}
.article_pic_list ul li .right .detail a:hover{color:#e67418;}

/*product_list*/
.product_list{ width:100%; float:left;overflow:hidden; margin-top:0px;}
.product_list ul{ width:100%; margin-bottom:15px; float:left; display:inline}
.product_list ul li{ width:365px; height:135px; float:left; overflow:hidden;margin:30px 10px 0 0;}
.product_list ul li.li_r{ float:right; margin-right:0;}
.product_list ul li .left{ width:180px; height:180px; border:0px solid #dcdcdc; float:left; overflow:hidden;}
.product_list ul li .left .thumb{width:100%; height:180px; display:table-cell; vertical-align:middle; text-align:center;}
.product_list ul li .left img{width:100%; max-height:180px;
transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}

.product_list ul li .right{ width:170px; float:right}
.product_list ul li .right .tit{ font-size:14px;font-weight:bold; margin-top:5px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.product_list ul li .right .c{ line-height:20px; margin-top:10px; color:#787878; font-size:12px;}

.product_list ul li:hover .right .tit a{color:#336699}
.product_list ul li:hover .right .c{color:#336699}




