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

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.w800{ width: 800px;}
.w336{ width: 336px;}
.w570{ width: 570px;}
.w200{ width: 200px;}
.w960{ width: 960px;}
.w780{ width: 780px;}
.w360{ width: 360px;}
.marT20{ margin-top: 20px;}
.marB30{ margin-bottom: 30px;}
.mar30{ margin: 30px auto 0;}
.marB50{ margin-bottom: 50px;}
.padS25{ padding: 0 25px;}
.padS30{ padding: 0 30px;}
.hide{ display: none;}
.mar-180{ margin: -180px auto 0;}
.mar0{ margin: 0 auto 0;}

.layout, .content{ width:1200px; margin:0 auto 0; position:relative;}

.boxMo{ min-width:1200px;}

.di {
    width: 100%;
    background: url(../images/banner.jpg) no-repeat center top;
}

.banner {
    position: relative;
    width: 100%;
    height: 657px;
    margin: 0 auto;
    overflow: hidden;
}
.daohan{width: 100%;margin: 0 auto 0; background: url(../images/nav.png) no-repeat center top; height: 76px;}
.daohan img{ margin-right:10px; }
.daohan a {
    font-weight: bold;
    float: left;
    width: 205px;
    margin: 0 47px;
    font-size: 28px;
    line-height: 76px;
    color: #fff;
    text-align: center;
    height: 76px;
    display: block;
}
.daohan a:hover{color: #f9f5ea;}

.btn_more {
    width: 69px;
    height: 26px;
    display: block;
    background: url(../images/more.png) no-repeat 0 0;
    float: right;
}
.cygk{
    background: url(../images/bg1.png) no-repeat center bottom;
    overflow: hidden;
    /* height: 550px; */
    padding-bottom:20px;
}
.cygk_zy{ font-size: 20px; line-height: 40px; text-align: justify; color: #333333; margin: 15px auto 0;}

.clear_f {
  overflow: hidden;
}
.wzdt_cs{margin: 20px auto 0; width: 750px;}
.wzdt_cs li {
  float: left;
  width: 115px;
  height: 115px;
  background: #f0f7ff;
  border: 1px solid #daebff;
  border-radius: 13px;
  text-align: center;
  text-decoration: none;
  margin-top: 25px;
  position: relative;
}
.wzdt_cs li + li {
  margin-left: 40px;
}
.wzdt_cs li img {
  margin-top: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
}
.wzdt_cs li h3 {
  font: 20px / 20px "Microsoft Yahei";
  color: #127a8d;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 10px;
}
.wzdt_cs li:hover {
  display: block;
  background: #fff;
  box-shadow: 0 0 6px 3px rgba(218, 235, 255, 0.6);
}
.wzdt_cs li h3:hover {
  font-weight: bold;
}

.tszc{
    background: url(../images/bg2.png) no-repeat center bottom;
    overflow: hidden;
    height: auto;
    padding-bottom: 50px;
}

.cycx{
    background: url(../images/bg3.png) no-repeat center bottom;
    overflow: hidden;
    height: 900px;
}
.imgcon{ position: relative; border-radius:15px; height: auto; margin-top: 50px;}
.imgcon1{ background:linear-gradient(to bottom, #3dc1bb, #ade3f6);}
.imgcon2{ background:linear-gradient(to bottom, #f4d464, #ade3f6);}
.imgcon i{ position:absolute; z-index: 99; background: url(../images/vedio.png); width: 52px; height: 52px;left: 35px; bottom: 65px;}
.imgcon img{ width:532px; height:300px; overflow:hidden; position: relative; margin: 25px 0 0 20px;}
.imgcon h3{  font:bold 24px/60px "SourceHanSerifCN-Bold-2"; text-align: center; color: #074e3a; overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis; margin-left: 25px;}
    .content-box{ margin-top:30px; }
.content-box .item {
    border-bottom: 1px dashed #fff;
    height: 60px;
    font: 20px/60px "SourceHanSerifCN-SemiBold-7";
    position: relative;
    padding-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
.content-box .item1 {
    border-top: 1px dashed #fff;
    height: 80px;
    font: 22px/80px "SourceHanSerifCN-SemiBold-7";
    position: relative;
    padding-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
.content-box .item2 {
    border-top: 1px dashed #fff;
    height: auto;
    font: 22px/28px "SourceHanSerifCN-SemiBold-7";
    position: relative;
    padding: 15px 0 15px 14px;
    text-align: justify;
}
.content-box .item1:before,.content-box .item2:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #50c7c5;
    display: inline-block;
    position: absolute;
    top: 28px;
    left: 0;
    border-radius: 50%;
}

.content-box .item:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #50c7c5;
    display: inline-block;
    position: absolute;
    top: 28px;
    left: 0;
    border-radius: 50%;
}
.content-box .item a:hover,.content-box .item1 a:hover,.content-box .item2 a:hover {color: #074e3a;}
.lmT {
    width: 100%;
    height: 115px;
    margin: 55px 0 30px 0;
}
.lmT1 {
    background: url(../images/tit1.png) no-repeat center top;
}
.lmT2 {
    background: url(../images/tit2.png) no-repeat center top;
}
.lmT3 {
    background: url(../images/tit3.png) no-repeat center top;
}
.lmT4 {
    background: url(../images/tit4.png) no-repeat center top;
}
.lmT5 {
    background: url(../images/dsts_tit.png) no-repeat center top;margin: 55px 0 0 0 ! important;
}
.rmch{
    background: url(../images/bg4.png) no-repeat center bottom;
    overflow: hidden;
    height: 640px;
}
 #slide { margin: 0 auto 0; width: 578px; height: 330px; position: relative;}

#slide li { position: absolute; width: 578px; display: -webkit-box;  display: -webkit-flex; display: flex; align-items: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; text-align: center; overflow:hidden; }

#slide li img { width: 100%; height: 100%; }
#slide li h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; padding: 0 10px; font: 20px/60px "Microsoft Yahei"; text-align: center; color: #fff; background: rgba(0,0,0,0.5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
#slide li h3 a{ color: #fff;}

.arrow .prev, .arrow .next { position: absolute; top: 50%; width: 56px; height: 56px; margin-top: -51px; background-image: url(../images/arr.png); z-index: 10; cursor: pointer;}
.arrow .prev { left: -345px; background-position: 0 0;}
.arrow .next { right: -342px; background-position: -56px 0;}
.cxmc ul{ width:1200px; margin: 0 auto;}
.cxmc ul li{ margin-bottom:20px; border-radius: 6px; background: #fff; width: 100%; padding: 10px; overflow: hidden;}
.cxmc ul li .fr h3{ width:1080px; font: bold 24px/24px "Microsoft Yahei"; color: #078afb; margin-top: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cxmc ul li .fr p{ width:1080px; font: 18px/24px "Microsoft Yahei"; color: #666; margin-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.ghld a{ width:444px; height:253px; display: block; margin-top: 80px;}

.gdyx .jpcg { width:1110px; margin:0 auto; }
.gdyx .jpcg .list {width: 217px; }
.gdyx .jpcg .list li { height: 119px; opacity: .5; margin-bottom: 9px; float: right;}
.gdyx .jpcg .list li.active { width: 217px; height: 119px; background: url(../images/gdyz-img.png) no-repeat center top; opacity: 1; }
.gdyx .jpcg .list li img { width: 200px; height: 113px; overflow: hidden; border: 3px solid #fff; float: right;}

.gdyx .jpcg .jpcgPic { background:#fff; width: 886px;height: 501px; box-sizing: border-box; }
.gdyxgdyx .jpcg .jpcgPic .pic {width: 880px; height: 495px; margin: 0 auto;}
.gdyx  .jpcg .jpcgPic .pic img {width: 880px; height: 495px; overflow: hidden;border:3px solid #fff;}

/*概览*/
.common_wrap{; margin: -20px 0 40px; padding: 30px 79px 30px; border: 1px solid #dfdfdf;}
.left_bar{ 
	height: 1500px;
	padding: 0 25px; 
	background: #0b37c8;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #0b37c8, #2998f3); 
	/* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
	background: -webkit-gradient(linear,top,from(#0b37c8),to(#2998f3));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #0b37c8, #2998f3);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #0b37c8, #2998f3);
}
.left_t{ position: relative; height: 20px; padding: 30px 0; font-size: 20px; line-height: 20px; color: #fff; text-align: center;}
.left_t i{ position: absolute; top: 50%; width: 36px; height: 2px; margin-top: -1px; background-color: #fff;}
.left_t .l{ left: 0;}
.left_t .r{ right: 0;}
.left_t span{}
.left_bar_list{}
.left_bar_list li{ width: 150px; height: 40px; margin-bottom: 20px; font-size: 18px; line-height: 40px; text-align: center; border-radius: 20px;}
.left_bar_list li a{ color: #b6cdfc;}
.left_bar_list li.current{ background-color: #fff;}
.left_bar_list li.current a{ color: #0b37c8}
#side_lm_name{ display: none;}

.gl_list1{ margin-bottom: 20px; border-bottom: 1px dashed #dfdfdf;}

.gl_list1 li{ position: relative; padding-left: 18px; height: 50px; }
.gl_list1 li:before{ position: absolute; top: 50%; left: 2px; width: 6px; height: 6px; margin-top: -3px; background-color: #ddd; border-radius: 50%; content: "";}
.gl_list1 li .gl_list1_t{ width: 80%; height: 50px; font: 18px/50px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gl_list1 li .gl_list_date{ position: absolute; right: 0; top: 0; height: 50px; font-size: 14px; line-height: 40px; color: #888;}


.pages{ margin-bottom: 10px; text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 5px; font-size: 14px; line-height: 32px; text-align: center; color: #666; border: 1px solid #e6e6e6; border-radius: 4px; }
.pages span{ font-size: 14px; line-height: 34px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pages a.current, .pages a:hover{ color: #fff; background-color: #0078db; border-color: #0078db;}

.box {
    width: 1290px;
    height: 321px;
    margin: 80px auto 0;
}

.tszcitem {
    width: 369px;
    height: 321px;
    float: left;
    margin-left: 31px;
    margin-top: 30px;
}