@charset "utf-8";*{box-sizing:border-box}
html{font-size:62.5%}
body,html{width:100%}
body{font-size:14px;font-family:"microsoft yahei",\5b8b\4f53,Arial,Helvetica,sans-serif;}
body{ background:#EAE9E9}
a{color:#555}
a:hover{color:#F30}

.box-sd{-webkit-box-shadow:0 0 5px #d3d3d3;-moz-box-shadow:0 0 5px #d3d3d3; box-shadow:0 0 5px #d3d3d3}
.in{width:1200px;margin:0 auto}

.header{ background:#12798C url(dzxx1128.png) center center no-repeat; height:274px;}

.naver{	height:36px; background:#7F0C05 ; overflow:hidden}
.naver ul li{float:left;width: 105px;height:36px;}
.naver ul li a{ display:block; line-height:36px; font-size:16px; text-align:center; color:#fff; }
.naver ul li a:hover{ background:#fff; color:#7f0c05}
.footer{  overflow:hidden; clear:both;  background:url(foot.jpg) repeat-x;}
.footer .copyright{text-align:center;line-height:24px;padding:40px 0;margin:0 auto;position: relative;}
.footer .copyright a{ color:#222}

.mainner{ margin:0 auto; width:1200px;}
.mainner .section{ margin-bottom:20px;}
.mainner .area{ float:left;  width:320px; }
.mainner .area-w{ float:left; width:860px; margin-right:20px;}
.mainner .area-s{ float:right; width: 320px;}
.mainner .area-x{ float:left; width: 590px; }
.mainner .m-l{ margin-left:20px;}

.mainner .side{ float:left; width:320px; background:#fff}
	.side .menu{ padding:40px; overflow:hidden;}
	.side .menu li{ height:45px; line-height:45px; margin-bottom:20px;}
	.side .menu li a{ display:block; text-align:center; background:#7F0C05; color:#fff;}
	.side .menu li a:hover{ background:#F30;box-shadow:0 0 5px #F30;}
	.side .menu li a.cur{color:#FFF;}

.mainner .main{ float:right; width:860px; margin-left:20px; background:#fff;}
.mainner .pos{ height:36px; line-height:36px; padding-left:30px; margin:20px 0; background:#fff;}
.mainner .content{ padding:40px 60px; font-size:16px; line-height:200%;  background:#fff; overflow:hidden; margin-bottom:20px; text-align:justify}
.mainner .content p{ margin-bottom:1em; text-indent:2em}
.mainner .content h1{text-align: center;font-size:22px;line-height:2em;}
.mainner .content strong{ font-weight:bold}
.mainner .content .para{  text-align:right; color:#888; line-height:40px; font-size:12px;}
.main .pager{ padding:20px; clear:both;}
.main .pager span,.main .pager a{box-sizing:content-box; border:none;}
#gotopagebut{ padding:0 4px; background:none;  border:none;}

.block{ background:#fff; overflow:hidden;}
.block .t{height:30px; line-height:30px; overflow:hidden; background:#7F0C05;}
.block .t h2{ display:block; float:left; font-size:16px; color:#fff; padding:0 10px;}
.block .t a.more{ display:block; float:right; padding:0 10px; color:#fff; font-size:12px;}
.block .t a.more:hover{ color:#ff6400}
.block .c{ padding:10px; overflow:hidden;}	

.slider{ position:relative; overflow:hidden; zoom:1; float:left; width:320px;background:#fff;}	
.slider h2{ color:#fff; line-height:30px; }
.slider .change-div a{position:absolute;top:0px;left:0px;display:none}
.slider img{ width:320px; height:240px;}
.slider .title{position:absolute;bottom:0px; left:0px;overflow:hidden; line-height:26px; height:26px;}
.slider .title a{text-align:center; display:block;}
.slider .change{position:absolute;bottom:30px;right:5px; z-index:999;}
.slider .change i{display:inline-block;width:10px;height:10px; background:#7F0C05; border-radius:10px;text-indent:-999em; margin-left:10px; cursor:pointer;}
.slider .change i.cur{background:#FFF;}

#search-form{ line-height:80px; background:#fff; text-align:center;}
#search-form .key{ line-height:22px; height:22px; vertical-align:middle; width:160px; border:1px solid #555}
#i-banner{ background:#eee; height:80px;}

#i-video{ display:block; height:200px; text-align:center;}
#i-video img{ height:160px;}
#i-video span{ display:block; line-height:40px;}
#i-news{ float:left; width:520px; margin-left:20px}
.area-app{ background:#fff url(app-bg.jpg) center center no-repeat;} 
.app-item{  float:left; width:50%; height:250px;}
.app-item-t{ height:80px; color:#7F0C05; padding:20px; text-align:center}
.app-item-t h2{ font-size:26px; display:block; line-height:30px;}
.app-item-t em{ display:block; line-height:24px;}
.app-item-c{ padding:20px; overflow:hidden;}
.app-item-c a{ display:block; float:left; width:100px;  margin:0 15px; padding-top:100px; background:url(app.png) no-repeat; }
.app-item-c a span{ display:block; font-size:16px; text-align:center; line-height:30px;}
.app-item-c a.i1{ color:#FF3B36; background-position:0 0}
.app-item-c a.i2{ color:#B046F3; background-position:-100px 0}
.app-item-c a.i3{ color:#2BA8F8; background-position:-200px 0}
.app-item-c a.i4{ color:#00B2A2; background-position:-300px 0}
.app-item-c a.i5{ color:#FF6400; background-position:-400px 0}
.app-item-c a.i6{ color:#F84EB1; background-position:-500px 0}

#i-results .list{ float:left; margin-left:10px;  width:380px;}
#i-results a.big{ float:left; display:block;width:180px; height:290px; padding:15px; }
#i-results a.big img{ display:block; width:150px; height:200px;}
#i-results a.big span{ display:block; line-height:24px; margin-top:10px;}


#i-teacher{ padding:10px;}
#i-teacher .scroll{ position:relative; width:100%;  overflow:hidden; height:290px;}
#i-teacher ul{ position:absolute; left:0px; top:0px; width:999em;}
#i-teacher li{ display:block; float:left; width:190px;}
#i-teacher li a {display:block; padding:20px;}
#i-teacher li a img{ height:200px; width:150px; margin:0 auto; display:block;}
#i-teacher li a span{ display:block; line-height:24px; margin-top:10px;}

#i-show .scroll{ position:relative; width:100%;  overflow:hidden; height:276px;}
#i-show ul{ position:absolute; left:0px; top:0px;}
#i-show li{ display:block; width:1200px; height:276px;}
#i-show li a {display:block; float:left; width:280px;  height:260px; margin:16px 0 0 16px}
#i-show li a img{ height:210px; width:280px; margin:0 auto; display:block;}
#i-show li a span{ display:block; line-height:20px; margin-top:4px; text-align:center;}

#flink{ background:#fff; overflow:hidden; line-height:30px; font-size:18px; padding:15px;}
#flink a{ color:#7F0C05; display:inline-block; padding:0 40px;}

.list li{line-height:36px; height:36px;}
.list li a{padding-left:12px; display:block;}
.list li span{ float:right; text-align:right; width:48px; font-size:12px;}

.list-txt li{ height:50px; line-height:50px; padding:0 10px;}
.list-txt li.x{ background:#efefef; }
.list-txt li a{display:block; background:url(dot.png) left center no-repeat;padding-left:12px; font-size:16px;}
.list-txt li span{display:block; float:right; width:50px; text-align:right; color:#888; font-size:12px;}


.list-pic li{ float:left; width:350px; height:210px; margin:0 10px 10px 10px; overflow:hidden; position:relative; }
.list-pic li a{ font-size:14px; display:block; }
.list-pic li a img{ height:100%; width:100%; display:block;}
.list-pic li a span{ display:block; width:100%; text-align:center; color:#fff; position:absolute; height:30px; bottom:0px; background:url(tran.png); z-index:9;}

.list-pic-z li{ float:left; width:250px; height:350px; margin:0 8px 10px 8px; overflow:hidden; position:relative; }
.list-pic-z li a{ font-size:14px; display:block; }
.list-pic-z li a img{ height:100%; width:100%; display:block;}
.list-pic-z li a span{ display:block; width:100%; text-align:center; color:#fff; position:absolute; height:60px; bottom:0px; background:url(tran.png); z-index:9;}