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

body, div,ul,li, h1, h2, h3,h4,dl,dd,dt,tr,td{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif; font-family:"微软雅黑"}
ul,li{ list-style:none}
img {border: 0;}
body{color:#626262;background:#fff; text-align:center}
a{color:#626262;text-decoration:none} 
a:hover{color:#F40E14}
.sj{ text-indent:2em;}

#wrap{width:100%; max-width:1920px; margin:0 auto; overflow:hidden}

.index-main{ background: url(../images/index_bg.png) no-repeat center; width:100%; height:100%; position: absolute; left:0; top:0;}
.index-nr{ width:1000px; height:100%; margin:0 auto; background:url(../images/index_main.png) no-repeat center}

.tel{ width:166px; height:127px; position:fixed; left:15px; bottom:15px; background:url(../images/tel.png) no-repeat center}
.nav{ width:117px; position:fixed; left:40px; top:50px;}
.nav ul{ width:92px; margin:30px auto}
.nav li{ width:92px; height:30px; line-height:30px; font-size:16px; margin-top:15px;}
.nav li:hover,.nav li.on{ background:#cc0000}
.nav li a{ color:#fff; display:block}

.copyrt{ width:340px; position:fixed; right:20px;  bottom:15px;}
.copyrt li{ text-align:right; color:#fff; font-size:16px; margin-top:10px; height:30px; line-height:30px;}
.copyrt li a{ color:#fff}
.copyrt li.wx{ position:relative;}
.copyrt li.wx img{ cursor:pointer;}
.copyrt li.wx p{ margin:0;position:absolute; width:120px; height:120px; background:url(../images/wx.jpg) no-repeat center; right:35px; top:-110px; opacity:0}

.main{width:100%; max-width:1920px; margin:0 auto; overflow:hidden}
.about-top{ height:230px; background:url(../images/about_top.jpg) no-repeat center}
.about{ height:450px; background:url(../images/about_bg.jpg) no-repeat center; overflow:hidden;}
.about-txt{ margin-top:280px; font-size:14px; line-height:26px; color:#fff}
.culture{ height:705px; background:url(../images/cul_bg.jpg) no-repeat center;overflow:hidden;}
.cul-txt{ margin-top:410px;}
.honor{ height:705px; background:url(../images/honor_bg.jpg) no-repeat center;overflow:hidden;}
.honor_scroll{ width:1100px; overflow:hidden; margin:156px auto 0}
.honor_scroll .bd{ width:1000px; display:inline-block; overflow:hidden}
.honor_scroll .bd li{ width:320px; height:220px;float:left; margin-right:20px;}
.honor_scroll .prev,.honor_scroll .next{ display:block;  width:27px; height:27px; margin-top:95px;  overflow:hidden;cursor:pointer; background:url(../images/prev.png) no-repeat center; float:left}
.honor_scroll .next{background:url(../images/next.png) no-repeat center; float:right}

.honor_news{ width:1000px; margin:0 auto; overflow:hidden; padding-top:20px}
.honor_news li{ height:48px; line-height:48px; border-bottom:1px dashed #ccc; font-size:14px; font-family:"宋体"; text-align:left; background:url(../images/news_li.png) no-repeat left center; text-indent:20px}

.more{ display:block; width:128px; height:33px; line-height:33px; color:#fff; margin:20px auto; border:1px solid #fff}
.more:hover{color:#ffa21c; border:1px solid #ffa21c}

.join-tu{ height:3055px; background:url(../images/join_bg.jpg) no-repeat center}
.join-contact{ height:312px; background:url(../images/join_contact_bg.jpg) no-repeat center}
.join-contact ul{ width:470px; margin:0 auto; padding-top:190px}
.join-contact ul li{ width:100px; height:100px; float:left}
.join-contact ul li a{ display:block; width:100%; height:100%;}

.meishi-tu{ height:3530px; background:url(../images/meishi_bg.jpg) no-repeat center}

.jj-wrap{background: url(../images/jj_bg.jpg) no-repeat fixed; width:100%;}
.jj-main{ width:900px; margin-left:200px; background:#f8f8f8; height:100%;}
.jj-top{ height:100px; background: url(../images/t-bg.png) no-repeat center; border-bottom:1px solid #eaeaea; box-shadow:0 3px 5px #eaeaea; line-height:100px; text-align:left; font-size:32px; color:#333; text-indent:30px;}
.jj-top span{ float:right; margin-right:30px; font-family:"宋体"; font-size:12px;}
.jj-top span a{ color:#333}
.jj-top span a:hover{ color:#F8303F}

.jj-content{ width:830px; margin:30px auto; text-align:left; font-size:14px; line-height:30px; overflow:hidden; min-height:800px;}

.class_list{ margin-top:20px}
.class_list li{ width:320px; height:290px; float:left; text-align:center; margin:0 40px;line-height:35px; font-size:14px}
.border{ padding:1px; border:1px solid #cccccc}

.news_list{ overflow:hidden}
.news_list li{ height:33px; margin-top:15px; border-bottom:1px dashed #b8b8b8;font-size:14px; list-style:disc; list-style-position:inside;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd; padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}