﻿@charset "utf-8";

  body {
	font-size:14px; color:#5a5a5a; margin:0px auto; font-family:"微软雅黑"; background:#f5f5f5; -webkit-text-size-adjust:none;}

a{ text-decoration:none; color:#5b5a5a; -webkit-transition:all .2s linear;}
*{ margin:0px; padding:0px; border:0px;}
li,ul,h3,h4,h5,p,img{ list-style:none; margin:0; padding:0; font-size:14px; font-weight:normal; border:0;}

#xian{ width:100%; height:5px; background:url(../images/xian.gif) repeat-x;}
#topbg{ width:100%; height:80px; background:#ffffff;}
#top{ width:1200px; height:80px; margin:0px auto;;}
#toplogo a{ width:230px; height:80px; display:block; float:left;}

#youz{ float:right; width:880px; height:80px;}

#menu{width:860px; height:80px; margin:0px auto;}
#menu li{ float:left; height:80px; line-height:80px; margin-left:38px; }
#menu a{ display:block; height:80px; font-size:14px; font-weight:bold; color:#5b5a5a;}
#menu a:hover{ color:#984478;}


#syflbg{ width:100%; height:220px; background:#FFFFFF;}
#syflbg #syfl{ width:1200px; height:220px; margin:0px auto;}
#syflbg #syfl li{ width:160px; height:140px; float:left; padding-top:80px; padding-left:140px;}
#syfl #hh1{width:300px; height:220px; display:block; background:url(../images/m01.gif) no-repeat;}
#syfl #hh1 h2{ font-size:20px; font-weight:bold; color:#7a7a7a; padding-top:20px;}
#syfl #hh1 h3{ font-size:14px; color:#8a8a8a; line-height:30px; height:30px;}
#syfl #hh2{width:300px; height:220px; display:block; background:url(../images/m02.gif) no-repeat;}
#syfl #hh2 h2{ font-size:20px; font-weight:bold; color:#7a7a7a; padding-top:20px;}
#syfl #hh2 h3{ font-size:14px; color:#8a8a8a; line-height:30px; height:30px;}
#syfl #hh3{width:300px; height:220px; display:block; background:url(../images/m03.gif) no-repeat;}
#syfl #hh3 h2{ font-size:20px; font-weight:bold; color:#7a7a7a; padding-top:20px;}
#syfl #hh3 h3{ font-size:14px; color:#8a8a8a; line-height:30px; height:30px;}
#syfl #hh4{width:300px; height:220px; display:block; background:url(../images/m04.gif) no-repeat;}
#syfl #hh4 h2{ font-size:20px; font-weight:bold; color:#7a7a7a; padding-top:20px;}
#syfl #hh4 h3{ font-size:14px; color:#8a8a8a; line-height:30px; height:30px;}



#ywbg{ width:100%; height:1200px; background:#f4f4f4; }
#ywbg #yw{ width:1204px; height:1200px; margin:0px auto;}

#yw1{width:1200px; height:85px;}
#yw1 li{ width:390px; height:85px; float:left; margin-left:5px; margin-right:5px;}
#yw1 #y1 a{width:390px; height:85px; display:block; background:url(../images/y01.gif) no-repeat;}
#yw1 #y1 a:hover{ background:url(../images/y01.gif) 0 85px;}
#yw1 #y2 a{width:390px; height:85px; display:block; background:url(../images/y02.gif) no-repeat;}
#yw1 #y2 a:hover{ background:url(../images/y02.gif) 0 85px;}
#yw1 #y3 a{width:390px; height:85px; display:block; background:url(../images/y03.gif) no-repeat;}
#yw1 #y3 a:hover{ background:url(../images/y03.gif) 0 85px;}
#yw1 #y4 a{width:390px; height:85px; display:block; background:url(../images/y04.gif) no-repeat;}
#yw1 #y4 a:hover{ background:url(../images/y04.gif) 0 85px;}
#yw1 #y5 a{width:390px; height:85px; display:block; background:url(../images/y05.gif) no-repeat;}
#yw1 #y5 a:hover{ background:url(../images/y05.gif) 0 85px;}
#yw1 #y6 a{width:390px; height:85px; display:block; background:url(../images/y06.gif) no-repeat;}
#yw1 #y6 a:hover{ background:url(../images/y06.gif) 0 85px;}
#yw1 #y7 a{width:390px; height:85px; display:block; background:url(../images/y07.gif) no-repeat;}
#yw1 #y7 a:hover{ background:url(../images/y07.gif) 0 85px;}
#yw1 #y8 a{width:390px; height:85px; display:block; background:url(../images/y08.gif) no-repeat;}
#yw1 #y8 a:hover{ background:url(../images/y08.gif) 0 85px;}
#yw1 #y9 a{width:390px; height:85px; display:block; background:url(../images/y09.gif) no-repeat;}
#yw1 #y9 a:hover{ background:url(../images/y09.gif) 0 85px;}








#yw2{width:1200px; height:280px; margin-bottom:20px;}
#yw2 li{ width:390px; height:280px; float:left; margin-left:5px; margin-right:5px; background:#ffffff;}
.yw2nr{ padding-top:20px; padding-left:20px;}
.yw2nr img{ width:350px; height:115px;}
.yw2nr h3{ height:35px; line-height:35px; font-weight:bold; font-size:14px; color:#565656; margin-top:20px;}
.yw2nr h4{line-height:25px; font-size:14px; color:#757575; padding-right:20px;}
.yw2nr  .mm{ color:#954578;}
.yw2nr  .mm a{ color:#954578;}

/*分页*/
#nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:center; }
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #9a9a9a; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#9a9a9a; color:#fff;}
#nx_pg .on{ background:#9a9a9a; color:#fff;}


#info-T{width:100%; min-height:30px; padding-top:15px; padding-bottom:15px; line-height:30px; text-align:center; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:center; border-top:#e0e0e0 1px dotted;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}

#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}
#big img{height:380px; max-width:728px;}


#synewsbg{ width:100%; height:550px; background:#ffffff;}
#synewsbg #synews{ width:1200px; height:120px; margin:0px auto; background:url(../images/h5.gif) center 40px no-repeat; padding-top:150px;}
#synews #ppc{ width:1200px; height:112px; background:url(../images/h66.jpg) no-repeat; margin-bottom:30px;}
#newsnr{ width:1270px; height:250px; margin:0px auto; margin-top:30px;}

 #newsnr li{ width:580px; height:90px; float:left;  margin-bottom:30px; margin-left:25px; margin-right:25px;}
 #newsnr .syrq{ width:60px; height:70px; border-right:1px solid #e2e2e2; float:left; margin-right:10px;}
 #newsnr .sywz{ width:500px; height:70px; float:left;}
 #newsnr h2{ color:#555555; font-size:14px; font-weight:bold; height:20px; margin-bottom:5px;}
 #newsnr h2 a{ color:#555555; font-size:14px; font-weight:bold;}
 #newsnr h2 a:hover{ color:#9f3276;}
 #newsnr h3{ color:#757575; font-size:14px; line-height:22px; overflow:hidden; height:50px;}
 #newsnr h3 a{ color:#757575;}
 #newsnr h3 a:hover{ color:#757575;}
 #newsnr h4{ color:#964377; font-size:38px; font-weight:bold;}
 #newsnr h5{ color:#999999; font-size:14px;}




#casebg{ width:100%; height:450px; background:#ffffff;}
#case{ width:1230px; height:400px; margin:0px auto;  padding-top:50px;}
#case li{ width:380px; height:360px; float:left; margin-left:15px; margin-right:15px; margin-bottom:30px;}
#case li img{ width:380px; height:257px;}
#case figcaption{ font-weight:bold; font-size:18px; color:#333333; height:50px; line-height:50px;}
#case p{ font-size:14px; color:#6f6f6f; line-height:24px;}
#case img a{ width:380px; height:257px;}
#case img a:hover{-o-transform:scale(0.92);-webkit-transform:scale(0.92);-moz-transform:scale(0.92);-ms-transform:scale(0.92);transform:scale(0.92);will-change:transform}
#case .more a{float:right; width:49px; height:22px; display:block; background:url(../images/more.gif) no-repeat;}

#hbbg{width:100%; height:895px; background:#ffffff;}
#hbbg #hb1{ width:1200px; height:299px; margin:0px auto; background:url(../images/hb1.jpg) no-repeat;}
#hbbg #hb2{ width:1200px; height:306px; margin:0px auto; background:url(../images/hb2.jpg) no-repeat;}
#hbbg #hb3{ width:1200px; height:290px; margin:0px auto; background:url(../images/hb3.jpg) no-repeat;}

#footbg{ width:100%; height:220px; background:#ededed;}
#footnr{ width:1200px;  margin:0px auto; padding-top:40px; line-height:25px; color:#7b7b7b; overflow:auto; height:190px;}
#footnr .footmenu1{ float:left; width:90px; height:190px; margin-right:90px;}
#footnr li a{ height:30px; display:block; width:90px; text-align:left; margin-bottom:5px;}
#footnr li a:hover{ height:30px; color:#2d47b3; }
#footnr .jiacu{ font-weight:bold; font-size:14px; color:#7b7b7b;}
#footnr .jiacu a{ font-weight:bold; font-size:14px; color:#7b7b7b;}
#footnr a{color:#7b7b7b;}
#footnr .footmenu2{ float:left; width:400px; height:190px; color:#7b7b7b;}
#footnr .footmenu3{ float:left; width:360px; height:190px; margin-right:70px;}
#footnr .footmenu3 li{ float:left; width:140px; height:30px; line-height:30px; margin-right:40px;}
#footnr .footmenu3 li a{ height:30px; display:block; width:140px; text-align:left; margin-bottom:5px;}
#footnr .footmenu3 li a:hover{ height:30px; color:#2d47b3; }
#footnr .footmenu3 .jiacu{ font-weight:bold; font-size:14px; color:#7b7b7b;}

#footbg2{ width:100%; height:60px; line-height:60px; background:#933f73;}
#footbg2 #foot2{ width:1200px; height:60px; margin:0px auto; line-height:60px; text-align:center; color:#ffffff;}

.wr{ font-family:"微软雅黑"; font-size:14px;}
.wr2{ color:#e0176f;}
#content{ margin:0 auto; width:1120px; overflow:hidden; margin-top:35px; background:#FFFFFF; padding:30px;}


/*教师风采asp页面样式*/

#prolist2{ padding-top:6px;}
#prolist2 li{ float:left; width:250px; margin-left:20px; margin-right:20px; margin-bottom:15px;}
#prolist2 img{ width:250px; height:170px;}
#prolist2 li p{ text-align:center;}
#prolist2 h4{ text-align:center; height:40px; line-height:35px;}
#prolist2 li a img{background:#ffffff; border:1px solid #e1e1e1; padding:4px;}
#prolist2 li a:hover img{background:#ffffff; border:1px solid #e1e1e1; padding:4px;}


/*导航条突出显示效果*/

#sub1 #menu1 a{color:#984478;}
#sub2 #menu2 a{color:#984478;}
#sub3 #menu3 a{color:#984478;}
#sub4 #menu4 a{color:#984478;}
#sub5 #menu5 a{color:#984478;}
#sub6 #menu6 a{color:#984478;}
#sub7 #menu7 a{color:#984478;}
#sub8 #menu8 a{color:#984478;}


#sub1 #mainban{ width:100%; height:300px; background:url(../images/main1.jpg) center top no-repeat;}
#sub2 #mainban{ width:100%; height:300px; background:url(../images/main2.jpg) center top no-repeat;}
#sub3 #mainban{ width:100%; height:300px; background:url(../images/main3.jpg) center top no-repeat;}
#sub4 #mainban{ width:100%; height:300px; background:url(../images/main4.jpg) center top no-repeat;}
#sub5 #mainban{ width:100%; height:300px; background:url(../images/main5.jpg) center top no-repeat;}
#sub6 #mainban{ width:100%; height:300px; background:url(../images/main6.jpg) center top no-repeat;}
#sub7 #mainban{ width:100%; height:300px; background:url(../images/main7.jpg) center top no-repeat;}




#left{width:240px; float:left; height:350px;}
#left_one{ width:240px; background:#984478; height:100px; }
#left_one h3{color:#FFFFFF; font-size:25px; font-weight:bold; line-height:100px; text-align:center; font-family:"微软雅黑";}

#menu_left{ width:238px; border-left:1px solid #ae6b95; border-right:1px solid #ae6b95; border-bottom:1px solid #ae6b95; padding-top:20px; padding-bottom:20px;}
#menu_left #submenu li{ width:238px; height:44px;line-height:44px; text-align:center; margin-bottom:7px;}
#menu_left #submenu li a{width:238px; height:44px; display:block;}
#menu_left #submenu li a:hover{width:238px; height:44px; display:block; color:#8f8f8f; background:#f5f5f5;}

.left22{width:208px; height:20px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}

/*二级导航突出显示效果*/
.cur{ }


/*右侧页面样式*/
#right{ width:850px; float:right;}
#right_title h3{ background:#f5f5f5; height:30px; overflow:hidden; _height:1%; padding-top:20px; padding-left:20px; margin-bottom:20px;}
#right_title h3 .title{ font-family:微软雅黑,宋体; font-size:14px; color:#8f8f8f; float:left; }
#right_title h3 .location{ float:right; color:#909090;  width:500px; padding-right:20px; text-align:right;}
#right_title h3 .location a{color:#919191;}
#right_content{line-height:24px;min-height:500px; padding:15px 0px 15px 10px; height:auto !important; height:500px; margin-bottom:5px; font-size:14px;}


/*留言样式发送到邮箱*/
.ly{ 
font-size:14px; 
color:#222222; 
}
.ly2{ color:#FF0000;font-size:14px; 
font-weight:bold;}
.bdk1{ width:500px; height:25px; border:1px solid #dadada; background:#FFFFFF;}
.bdk2{ width:500px; height:60px; border:1px solid #dadada; background:#FFFFFF;}
.bdk3{ width:100px; height:25px; border:1px solid #dadada; background:url(../images/bdtm.png);}
.anniu{ width:100px; height:30px; background:#d7d7d7; color:#333333; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; font-size:14px; 
font-weight:bold;}


/*产品asp页面样式*/

#prolist{ padding-top:6px;}
#prolist li{ float:left; width:260px; height:290px; margin-left:4px; margin-right:4px; margin-bottom:8px; background:#f5f5f5;}
#prolist li a{width:260px; height:290px; display:block;}
#prolist li a:hover{width:260px; height:290px; display:block; background:#fd9673; color:#ffffff;}
#prolist img{ width:260px; height:200px;}
#prolist h3{  height:30px; line-height:30px; text-align:center;  font-size:14px; padding-top:10px;}
#prolist h4{  height:25px; line-height:25px; text-align:center;  font-size:14px;}


.pro_img{ text-align:center; padding-top:20px;}
.pro_title{ height:30px;  margin-top:10px; text-align:center;}
.pro_title2{ height:30px; line-height:30px; padding-left:10px; margin-top:10px; text-align:center; font-weight:bold; font-size:14px; border-bottom:1px dotted #CACACA;}
.pro_intro{ padding:10px; margin-bottom:50px;}
.page1{ width:100%; height:40px; line-height:40px; text-align:center; margin-top:60px;}




/*新闻asp页面样式*/
#newslist li{ width:790px; height:130px; line-height:24px; margin-bottom:50px; padding-top:20px;}
#newslist li a:hover{ width:790px; height:130px; background:#f5f5f5; display:block;}
.newstitle_in{ width:790px; float:left;}
.newstitle_in a{ color:#9a9a9a;}
.newstitle_in a:hover{ text-decoration:none; color:#FF0000;}
#newslist li img{width:190px; height:130px; float:left; margin-right:20px; }

#newslist li h2{ font-size:14px; font-weight:bold; color:#535353; height:24px; line-height:24px; margin-bottom:10px;}
#newslist li h2 a{ font-size:14px; font-weight:bold; color:#535353;}
#newslist li h3{ color:#5e5d5d; line-height:25px;}
#newslist li h4 img{ width:60px; height:15px;}
#newslist li a{ color:#9a9a9a;}
#newslist li a:hover{ color:#ec3500;}

.date_in{ float:right; width:80px; color:#666; font-size:10px; font-family:arial;}

#newstitle_xx{ width:100%; height:35px; line-height:35px; font-weight:bold; text-align:center; font-size:14px;  border-bottom:1px dotted #CCCCCC;}
.page{ width:100%; text-align:center; clear:both; margin-top:5px; margin-bottom:20px;}



.shijian {
	font-family: Arial, Helvetica, sans-serif;
	color: #9d9d9d;
	font-size: 10px;
}

.hgnews {
	line-height: 24px;
	font-size: 14px;
	text-decoration: none;
}

.cpborder{border:1px solid #dfdfdf;}
.banquan {color: #000101; font-size:14px; line-height:180%}
.newstitle{ font-size:14px; font-weight:bold;}
.title16{font-size:16px; font-weight:bold; color:#C40000;}
.title14{font-size:14px; color:#C40000;}
.newstitle2{ font-weight:bold;}
.wenbenkuang{ width:360px; height:26px; line-height:26px; background:url(../images/wbk.gif) repeat-x; border:1px solid #f4d4e2; color:#4c4c4c;}
.wenbenkuang2{ width:450px; height:60px; background:#fffcfd; line-height:26px; border:1px solid #f4d4e2;  background:url(../images/wbk.gif) repeat-x;  color:#4c4c4c;}
.bdan1{ background:#f17eb0; width:80px; height:26px; color:#FFFFFF;}

#map{ width:720px; height:611px; background:url(../images/map.jpg) no-repeat;}

.b1{width:310px; height:34px; line-height:34px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b1:hover{border:#ecedef 1px solid; background-color:#f7f8f9; }
.b2{width:410px; height:120px; line-height:34px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b2:hover{border:#ecedef 1px solid; background-color:#f7f8f9;  }
.b3{width:80px; height:34px; line-height:34px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b3:hover{border:#ecedef 1px solid; background-color:#f7f8f9;  }

.b4{ background-color:#fff;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b4:hover{ background-color:#000; }

/*大图切换*/
/* 本特效css样式 */
.banner {
	position: relative;
	overflow: auto;
	z-index:1;

}
.banner li {
	list-style: none;
}
.banner ul li {
	float: left;
}
.banner .arrows {
	display: none;
}
.banner:hover .arrows, .banner.hover .arrows {
	display: block;
}
 @media only screen {
 .banner .arrows {
 -webkit-transition: opacity 0.4s;
 transition: opacity 0.4s;
 opacity: 0;
 display: block;
}
 .banner:hover .arrows,  .banner.hover .arrows {
 opacity: 1;
}
}
.banner .arrows {
	position: absolute;
	z-index: 20;
}
.banner .arrows .prev, .banner .arrows .next {
	position: absolute;
	width: 40px;
	height: 41px;
	font: 0/0 a;
	color: transparent;
	cursor: pointer;
}
.banner .arrows .prev {
	left:20px;
	background: url(../images/slide_arrow_left.png) no-repeat;
}
.banner .arrows .next {
	left: 1580px;
	background: url(../images/slide_arrow_right.png) no-repeat;
}
.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	zoom: 1;
}
.section4 {
	height: 500px;
}
.section4 .banner ul li {
	height: 500px;
}
.section4 .banner .arrows {
	top: 300px;
}

.yc{ display:none;}

 #submenu  li a.cur{ background:#f5f5f5; color:#8f8f8f;} 
/* 代码整理：懒人之家 www.lanrenzhijia.com */
