/*信息技术系：李志雄*/
@font-face{font-family:"FontAwesome"; src:url("../fonts/fontawesome-webfont.woff");}

/*顶部*/
header{width: 100%;background-color:#fff;background: url("../images/headerBg.jpg") no-repeat;background-size: 140% 140%;}
#topBanner {float:left;width:100%; margin:0 auto; padding:0; background-color:rgba(100,100,100,0.25); }
#dateTime{float:left;color:#fff; text-align:left; }
#webSet{float:right;color:#fff; text-align:right; }
#webSet a{color:#fff; text-decoration: none;}
#middleBanner{float:left;width:100%;margin:0 auto; padding:0; }
#logo {float:left;}
#search {float: right;}


/*手机导航*/
.menu{background-color: #ce2222;display: block;height: 30px;width: 32px;position: absolute;z-index: 99;border-radius: 6px;padding: 5px; right:5px; top:5px;}
.menu-nav{background: transparent;border: none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;}
.menu-nav span{background-color: #fff;display: block;height: 3px;width: 30px;margin-top: 5.25px;margin-right: auto;margin-left: auto;}

.menuCont{}
.menuCont dl{border-top: 1px solid #e5e5e5;padding-bottom: 5px;padding-top: 5px;}
.menuCont dt{font-size: 15px;}
.menuCont dt a{color: #333;}
.menuCont dd{font-size: 14px;}
.menuCont dd a{color: #999;margin-top: 8px;margin-right: 8px;display: inline-block;}
.menuCont a:hover{color: #666;}

/*导航栏*/
nav{background: #ebeceb; height: 41px; border-bottom: 1px solid #366; margin-bottom:4px;}





@media screen and (min-width:1200px){
  body{font-size:14px;} 
  .menu{display:none; disabled:disabled;}
  #dateTime{width:400px; height:30px; line-height:30px; padding:4px 10px; font-size:16px;}
  #webSet{width:160px; height:30px; line-height:30px;padding:4px 10px; text-align:right;}
  #webSet a{color:#fff; text-decoration: none; padding-right:6px;}
  #logo {width:750px; height:140px; padding:32px 0 40px 32px; }
  #logo img {width:750px;}
  #search {width: 290px; height: 36px; top:66px; right:33px;background: RGBa(255, 255, 255, 0.35); padding:0; border-radius: 5px; position: relative;}
  #search .querystyle248124{width:234px; padding-left:10px; padding-right:10px;}
  #search input{background: none; border: none; outline: none; color:#fff;}
#navBanner{float:left;width:100%;text-align: center; font-family:微软雅黑; margin:0 auto;}
#navBanner li{list-style: none;display: inline-block;}
#navBanner li.sy-1{background: #ccc;}
#navBanner li.sy-1 a:hover{background: #366;}
#navBanner li.sy-2 .cor{display: inline-block;	background: #fff;font-size: 0;overflow: hidden;vertical-align: top;transition: all .2s ease-in-out 0s;}
#navBanner li.sy-2 .suoa a{background: #fff;border: 1px solid #ddd;visibility: hidden;opacity: 0;position: absolute;text-align: center;transition:all .2s ease-in;}
#navBanner li a{font-weight: bold;display: inline-block;color: #366;}
#navBanner li a:hover{background: #2A8D54;color: #fff;text-decoration: none;transition: background 0.5s;}
  #navBanner li.sy-2 .cor{font-size: 0;height: 6px;margin: 17px 0 0 5px; width: 10px;}
  #navBanner li.sy-2 .suoa a{top: 40px;left: 110px;font-size: 14px;line-height: 40px;width: 268px;padding: 7px 14px;}
  #navBanner li a{font-size: 18px;height: 40px;line-height: 40px;padding: 0 30px;}

.wrap{width:1200px;}
}
@media screen and (min-width:960px) and (max-width:1199px){
  body{font-size:14px;}
  .menu{display:none; disabled:disabled;}
  #dateTime{width:380px; height:28px; line-height:28px; padding:4px 9px; font-size:15px;}
  #webSet{width:150px; height:28px; line-height:28px; padding:4px 9px; text-align:right;}
  #webSet a{color:#fff; text-decoration: none; padding-right:6px;}
  #logo {width:640px; height:120px; padding:26px 0 35px 22px; }
  #logo img {width:640px;}
  #search {width: 260px; height: 33px; top:56px; right:20px;background: RGBa(255, 255, 255, 0.35); padding:0; border-radius: 5px; position: relative;}
  #search .querystyle248124{width:204px; padding-left:8px; padding-right:8px;}
  #search input{background: none; border: none; outline: none; color:#fff;} 
#navBanner{float:left;width:100%;text-align: center; font-family:微软雅黑; margin:0 auto;}
#navBanner li{list-style: none;display: inline-block;}
#navBanner li.sy-1{background: #ccc;}
#navBanner li.sy-1 a:hover{background: #366;}
#navBanner li.sy-2 .cor{display: inline-block;	background: #fff;font-size: 0;overflow: hidden;vertical-align: top;transition: all .2s ease-in-out 0s;}
#navBanner li.sy-2 .suoa a{background: #fff;border: 1px solid #ddd;visibility: hidden;opacity: 0;position: absolute;text-align: center;transition:all .2s ease-in;}
#navBanner li a{font-weight: bold;display: inline-block;color: #366;}
#navBanner li a:hover{background: #2A8D54;color: #fff;text-decoration: none;transition: background 0.5s;}
  #navBanner li.sy-2 .cor{font-size: 0;height: 6px;margin: 17px 0 0 5px; width: 10px;}
  #navBanner li.sy-2 .suoa a{top: 40px;left: 110px;font-size: 14px;line-height: 40px;width: 268px;padding: 7px 6px;}
  #navBanner li a{font-size: 16px;height: 40px;line-height: 40px;padding: 0 15px;}

.wrap{width:960px;}
}
@media screen and (min-width:720px) and (max-width:959px){
  body{font-size:13px;}
  #dateTime{width:360px; height:26px; line-height:26px; padding:3px 8px; font-size:14px;}
  #webSet{width:140px; height:26px; line-height:26px; padding:3px 58px 3px 0; text-align:right;}
  #webSet a{color:#fff; text-decoration: none; padding-right:6px;}
  #logo {width:510px; height:100px; padding:20px 0 31px 16px; }
  #logo img {width:510px;}
  #search {width: 160px; height: 33px; margin:42px 14px 0 0;background: RGBa(255, 255, 255, 0.35); padding:0; border-radius: 5px; position: relative;}
  #search .querystyle248124{width:120px; padding-left:6px; padding-right:6px;}
  #search input{background: none; border: none; outline: none; color:#fff; right;4px;}
  nav{height: auto; position: relative; width: 100%;overflow: hidden;}

.wrap{width:720px;}
}
@media screen and (min-width:640px) and (max-width:719px){
  body{font-size:12px;}
  #dateTime{width:320px; height:20px; line-height:20px; padding:3px 4px;  font-size:13px;}
  #webSet{width:130px; height:20px; line-height:20px; padding:3px 58px 3px 0;  text-align:right;}
  #webSet a{color:#fff; text-decoration: none; padding-right:6px;}
  #logo {width:440px; height:70px; padding:18px 0 20px 20px; }
  #logo img {width:440px;}  
  #search {width: 140px; height: 33px; margin:36px 14px 0 0;background: RGBa(255, 255, 255, 0.35); padding:0; border-radius: 5px; position: relative;}
  #search .querystyle248124{width:98px; padding-left:6px; padding-right:6px; font-size:12px;}
  #search input{background: none; border: none; outline: none; color:#fff;}
  nav{height: auto; position: relative; width: 100%;overflow: hidden;}
#navBanner{background: #fff;display: none;padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px;position: absolute;z-index: 99;width: 100%;top: 60px;}

.wrap{width:640px;}
}
@media screen and (min-width:540px) and (max-width:639px){
  body{font-size:12px;}
  #dateTime{width:320px; height:20px; line-height:20px; padding:3px 4px;  font-size:13px;}
  #webSet{width:130px; height:20px; line-height:20px; padding:3px 58px 3px 0;  text-align:right;}
  #webSet a{color:#fff; text-decoration: none; padding-right:6px;}
  #logo {width:400px; height:70px; padding:16px 0 20px 20px; }
  #logo img {width:400px;}  
  #search {display:none; disabled:disabled;}
  nav{height: auto; position: relative; width: 100%;overflow: hidden;}
#navBanner{background: #fff;display: none;padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px;position: absolute;z-index: 99;width: 100%;top: 60px;}

.wrap{width:540px;}
}  

@media screen and (min-width:320px) and (max-width:539px){
  body{font-size:12px;}
  #dateTime{width:320px; height:20px; line-height:20px; padding:3px 4px;  font-size:13px;}
  #webSet{display:none; disabled:disabled;}

  #logo {width:300px; height:70px; padding:16px 0 20px 20px; }
  #logo img {width:300px;}  
  #search {display:none; disabled:disabled;}
  nav{height: auto; position: relative; width: 100%;overflow: hidden;}
#navBanner{background: #fff;display: none;padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px;position: absolute;z-index: 99;width: 100%;top: 60px;}
.wrap{width:320px;}
}  






.newsBox {width:100%; margin:0 auto; padding:4px 0;}  
.pictureNews {width:656px; height:434px; float:left; border:1px solid #999; padding:4px;}
.boardNews {width:520px; height:420px; float:right;}

h3,ul,li{margin:0;padding:0; list-style:none;}
.scrollbox{width: 516px; margin: 0 auto; overflow: hidden; border: 1px solid #CFCFCF; padding: 0;}
#scrollDiv{width:512px;height:370px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv ul{padding-top:4px;}
#scrollDiv li{height:30px; width:480px; padding:0 10px;background:url("../images/ico-board.gif") no-repeat 3px 11px; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 1px;}
#scrollDiv li h3{ height:24px; padding-top:13px; font-size:14px; color:#353535; line-height:24px; width:310px;}
#scrollDiv li h3 a{color:#353535; text-decoration:none;}#scrollDiv li h3 a:hover{ color:#F00;}
#scrollDiv li div{ height:36px; width:310px; color:#416A7F; line-height:18px; overflow:hidden;}
#scrollDiv li div a{ color:#416A7F; text-decoration:none;}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; padding-right:4px; margin-bottom:0;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px;}
#but_up{ background:url("../images/up.gif") no-repeat 0 0; text-indent:-9999px;}
#but_down{ background:url("../images/down.gif") no-repeat 0 0; text-indent:-9999px;}


#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333;}

.infoBox {width:100%; margin:0 auto; padding:4px 0;} 
 
h4{margin:0; padding:10px 0;}
h4 a{color:#333;}
h4>span{padding-left:38px;}
h4{padding: 10px 0;}
h4.q{background: #3978a5;}
h4.q:hover{background: #2A8D54;color: #fff;text-decoration: none;transition: background 0.5s;}
h4.w{background-color: #8dd5ff; background-image:url("../images/n-nav-bg.png");background-repeat: no-repeat;
    background-position: 10px center;}
h4.w:hover{background-color: #9EA539;color: #fff;text-decoration: none;transition: background 0.5s;}
h4.e{background:#91deb3;}
h4.e:hover{background: #A56139;	color: #fff;text-decoration: none;transition: background 0.5s;}
#more{float:right; padding-right:12px;}
.infoBox .leftList{float:left; width:654px; height:410px; background:url("../images/top10_num.gif") 6px 12px no-repeat; border-left:1px solid #bbb; border-bottom:1px solid #bbb; padding-left:15px;}
.infoBox .leftList li a{font-size:18px; line-height:40px; padding-left:10px;}
.infoBox .leftList li span{font-size:18px;color:#999; padding-left:10px;}

.infoBox .leftList li a:hover{color:#f00;}
.infoBox .rightList{float:right; width:528px; height:410px; border-right:1px solid #bbb; border-bottom:1px solid #bbb;}
.infoBox .rightList table{padding:10px; border-collapse:separate;}
.infoBox .rightList table td{padding-top:26px; border-collapse:separate;}
.infoBox .rightList table a{font-size:20px; line-height:30px; color:#22d;}
.infoBox .rightList table span{font-size:16px; line-height:24px; color:#999;}
.infoBox .rightList table a img{padding:8px; border:1px solid #ccc; margin:10px; border-radius: 10px;transition: all 0.5s ease-out 0s; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; transition-delay: 0s;}
.infoBox a:hover img{transform: scale(1.1);  cursor: pointer;}

.profBox {width:100%; margin:0 auto; padding:4px 0;} 
.profBox .leftList{float:left; width:440px; height:380px; border-left:1px solid #bbb; border-bottom:1px solid #bbb;}   
.profBox .rightList{float:right; width:757px; height:380px; border-right:1px solid #bbb; border-bottom:1px solid #bbb;}
#tagCloud {position:relative;width:360px;height:350px;background:#FFF;padding-top:8px;}
#tagCloud a{position: absolute;top:0;left:0; padding:3px 6px; display: block; color: #333; font-size: 16px; border: 1px solid #e6e7e8; border-radius: 18px; background-color: #f2f4f8; text-decoration: none; white-space: nowrap;
  -o-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
  -ms-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
  -moz-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
  -webkit-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
  box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
  -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";/*兼容ie7/8*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);}
#tagCloud a:hover{color: #3385cf;}
#tagCloud .blue{color:blue;}
#tagCloud .red{color:red;}
#tagCloud .green{color:green;} 
.feature-sec{margin:0 auto;text-align:center;}

.flip-container1,.flip-container2,.flip-container3,.flip-container4,.flip-container5{
    margin: 10px;text-align:left; display: inline-block;border: 1px solid #aaa;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px); /*重要*/
    transform-style: preserve-3d; /*重要*/
}

.flip-container1 .flipper{
position: relative;background-image:url('../images/card01.png'); width: 468px; height: 164px; 
transition: 0.6s;transform-style: preserve-3d; /*重要*/
}
.flip-container2 .flipper{
	position: relative;background-image:url('../images/card02.png'); width: 222px;  height: 164px;  
transition: 0.6s;    transform-style: preserve-3d; /*重要*/
}
.flip-container3 .flipper{
	position: relative;background-image:url('../images/card03.png');width: 222px;    height: 164px;    
transition: 0.6s;    transform-style: preserve-3d; /*重要*/
}
.flip-container4 .flipper{
	position: relative;background-image:url('../images/card04.png');    width: 222px;    height: 164px;
    transition: 0.6s;    transform-style: preserve-3d; /*重要*/
}
.flip-container5 .flipper{
	position: relative;	background-image:url('../images/card05.png');    width: 222px;    height: 164px;
    transition: 0.6s;    transform-style: preserve-3d; /*重要*/
}

/* 触发翻转 */
.flip-container1:hover .flipper,.flip-container2:hover .flipper,.flip-container3:hover .flipper,.flip-container4:hover .flipper,.flip-container5:hover .flipper{
    transform: rotateY(180deg);
}

.front,.back{
    position: absolute;    
    backface-visibility: hidden;  /*重要*/
    
}

.flip-container1 .flipper .front,.flip-container2 .flipper .front,.flip-container3 .flipper .front,.flip-container4 .flipper .front,.flip-container5 .flipper .front{
    transform: rotateY(0deg);
    z-index: 2;    background: ;
}
.flip-container1 .flipper .front h5{
	color:#FFF;	font-family:黑体;	font-size:24px;	padding:60px 10px 54px 160px;	
}
.flip-container2 .flipper .front h5{
	color:#fc5a01;	font-family:黑体;	font-size:18px;	padding:108px 10px 14px 30px;	
}
.flip-container3 .flipper .front h5{
	color:#b55600;	font-family:黑体;	font-size:16px;	padding:100px 2px 14px 2px;	
}
.flip-container4 .flipper .front h5{
	color:#006993;	font-family:黑体;	font-size:18px;	padding:100px 10px 14px 20px;	
}
.flip-container5 .flipper .front h5{
	color:#008d94;	font-family:黑体;	font-size:24px;	padding:108px 20px 14px 20px;	
}


.flip-container1 .flipper .back{
	transform: rotateY(-180deg);
    background-color:#18aa9d;	color:#FFF;	font-family:微软雅黑;	font-size:20px;	line-height:40px;	padding:18px 10px 18px 10px;	text-indent:2em;	word-wrap:break-word; 	word-break:break-all; 	
}
.flip-container2 .flipper .back{
	transform: rotateY(-180deg);
    background-color:#ffd988;	color:#333;	font-family:微软雅黑;	font-size:16px;	line-height:18px;	padding:10px 6px 10px 10px;	text-indent:2em;	word-wrap:break-word; 	word-break:break-all; 			
}
.flip-container3 .flipper .back{
	transform: rotateY(-180deg);
    background-color:#38acdb;	color:#FFF;	font-family:微软雅黑;	font-size:16px;	line-height:22px;	padding:10px 6px 10px 10px;	text-indent:2em;
	word-wrap:break-word; 	word-break:break-all; 		
}
.flip-container4 .flipper .back{
	transform: rotateY(-180deg);
    background-color:#38acdb;	color:#333;	font-family:微软雅黑;	font-size:16px;	line-height:18px;	padding:10px 6px 10px 10px;	text-indent:2em;
	word-wrap:break-word; 	word-break:break-all; 		
}
.flip-container5 .flipper .back{
	transform: rotateY(-180deg);
    background-color:#64cacf;	color:#FFF;	font-family:微软雅黑;	font-size:16px;	line-height:19px;	padding:10px 6px 10px 10px;	text-indent:2em;
	word-wrap:break-word; 	word-break:break-all; 		
}

@media screen and (min-width:992px) and (max-width:1199px){
.flip-container1 .flipper,
.flip-container2 .flipper,
.flip-container3 .flipper,
.flip-container4 .flipper,
.flip-container5 .flipper
{
	position: relative;	
    width: 280px;
    height: 189px;
    transition: 0.6s;
	background-size:cover;
    transform-style: preserve-3d; /*重要*/
}
.flip-container1 .flipper{background-image:url('../images/card01.png');}
.flip-container2 .flipper{background-image:url('../images/card02.png');}	
.flip-container3 .flipper{background-image:url('../images/card03.png');}
.flip-container4 .flipper{background-image:url('../images/card04.png');}
.flip-container5 .flipper{background-image:url('../images/card05.png');}	

.flip-container1 .flipper .front h5,
.flip-container2 .flipper .front h5,
.flip-container3 .flipper .front h5,
.flip-container4 .flipper .front h5,
.flip-container5 .flipper .front h5
{font-size:20px; padding:140px 60px 10px 60px;}

.flip-container1 .flipper .back,
.flip-container2 .flipper .back,
.flip-container3 .flipper .back,
.flip-container4 .flipper .back,
.flip-container5 .flipper .back
{	
	font-size:15px;
	line-height:20px;
	
	left: 50%;
 	top: 50%;
	margin-left:-140px;
	margin-top:-80px;	
}		
}

@media screen and (min-width:320px) and (max-width:991px){
.flip-container1 .flipper,
.flip-container2 .flipper,
.flip-container3 .flipper,
.flip-container4 .flipper,
.flip-container5 .flipper
{
	position: relative;	
    width: 280px;
    height: 189px;
    transition: 0.6s;
	background-size:cover;
    transform-style: preserve-3d; /*重要*/
}
.flip-container1 .flipper{background-image:url('../images/card01.png');}
.flip-container2 .flipper{background-image:url('../images/card02.png');}	
.flip-container3 .flipper{background-image:url('../images/card03.png');}
.flip-container4 .flipper{background-image:url('../images/card04.png');}
.flip-container5 .flipper{background-image:url('../images/card05.png');}	

.flip-container1 .flipper .front h5,
.flip-container2 .flipper .front h5,
.flip-container3 .flipper .front h5,
.flip-container4 .flipper .front h5,
.flip-container5 .flipper .front h5
{font-size:20px; padding:140px 60px 10px 60px;}

.flip-container1 .flipper .back,
.flip-container2 .flipper .back,
.flip-container3 .flipper .back,
.flip-container4 .flipper .back,
.flip-container5 .flipper .back
{	
	font-size:15px;
	line-height:20px;	
	left: 50%;
 	top: 50%;
	margin-left:-140px;
	margin-top:-80px;	
}
}



.ydhy a{float: right;width: 656px;font-size: 30px;padding-top: 44px;text-shadow: 2px 3px 2px #FFFFcc;}
.jry-clearrow{margin-right: 0; margin-left: 0;}
#jyr-sjnav{list-style: none;margin-top: 20px;}
.jry-newslist{text-decoration: none;list-style: none;font-size: 16px;}
/*.jry-newslist:hover{background: #dff;text-decoration: none;transition: background 0.5s;}*/
.jry-newslist li{text-decoration: none;	list-style: none;margin: 5px 6px;}
.jry-newslist li:hover{font-size: 16px; color:#f00;}
.jry-newslist a:hover{font-size: 16px; color:#f00;}
.jry-newslist li span{list-style: none;	float: right;padding: 0 10px;}
.jry-newslist{padding:0 8px;}

/*图片轮播js*/
.box_lm_4 {width:730px;	height:230px;	margin-left:220px;margin-top:10px;}
.js {width:730px;height:auto;	margin-top:5px;}
#demo {background: #ddd;overflow:hidden;width: 1110px;	padding-top:5px;margin-left:-190px;float:left;}
#demo img {border:#CCC 1px solid;}
#indemo {float: left;width: 800%;}
#demo1_1 {float:left;	width:149px;text-align:center;	margin-right:20px;line-height:24px;}