.inner-banner{
  width:100%;
  height:600px;
}
.inner-banner.v4{
  background:url(../images/banner-v4.jpg) no-repeat center;
}



.page-pos{
  width:1240px;
  margin:30px auto;
  text-align: right;
  font-size:14px;
  color:#999;
  line-height:36px;
}
.page-pos .iconfont{
  color:#333;
  font-size:17px;
  vertical-align: middle;
}


.mt60{
  /* margin-top:60px; */
}
.container{
  width:1240px;
  position: relative;
}
.contants-title{
  font-size:24px;
  height:80px;
  padding:40px 0;
  background:url(../images/contants-title-bg.png) center no-repeat;
  line-height:80px;
  text-align:center;
}
.contants{
  width:1360px;
  margin:0 auto;
}
.contants-line{
  width:100%;
  height:1px;
  background:#ddd;
}
.contants li{
  width:25%;
  height:240px;
  margin-top:50px;
  padding:55px;
  box-sizing: border-box;
  float:left;
  background:#fff;
  
  border-right:1px solid #ddd;
}

.contants li i.iconfont{
  font-size:32px;
  line-height:64px;
  border-radius:50%;
  text-align:center;
  width:64px;
  height:64px;
  background:#227b45;
  display:block;
  color:#fff;
}
.contants li:nth-child(last){
  border-right:0;
}
.contants li:nth-child(2n) i.iconfont{
  background:#f60;
}
.contants li strong{
  color:#fff;
  font-size:18px;
  color:#111;
  display: block;
  padding:12px 0;
  line-height:30px;
}
.contants li p{
  font-size:14px;
  line-height:1.2;
  color:#666;
}
.contants li span{
  color:#222;
}

.persons{
  width:1360px;

  margin:80px auto 40px;
}

.container .persons  .persons-wrap{
  height:360px;
}
.container .persons li{
  height:360px;
  width:310px;
  background:#ddd;
  float:left;
}
.container .persons li:nth-child(1){
  margin-left:0;
}

#message{
  width:100%;
  background:url(../images/map-bg.png) bottom no-repeat center #ddd;
}
.index-title{
  width:320px;
  height:64px;
  padding-bottom:12px;
  margin:50px auto 0;
  text-align:center;
  background:url(../images/index-title-line.png) no-repeat center bottom;
}
.index-title h2{
  font-size:32px;
  letter-spacing: 2px;
  font-weight:bold;
  color:#333;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}
.index-title h2:hover{
  color:#247944;
}
.index-title span{
  color:#999;
  font-size:14px;
}
.mess-wrap{
  width:1360px;
  margin:50px auto;
}

/* 新闻内容区 */



/* 视频内容区 */

.main{
  width:812px;
  float:left;
}
.main .hot{
  width:100%;
}

.main .hot .title{
  font-size:22px;
  color:#227b45;
  line-height:22px;
}
.main .hot .title i.iconfont{
  font-size:26px;
  padding-right:7px;
}
.main .hot .title small{
  font-size:12px;
  color:#999;
}

.main .hot .item{
  width:100%;
  height:180px;
  padding-top:30px;
}
.main .hot .item dt{
  width:24%;
  /* height:240px; */
  float:left;
}
.main .hot .item dt img{
  width:100%;
  height:auto;
}
.main .hot .item dd{
  width:72%;
  float:right;
}
.main .hot .item dd h3{
  font-size:18px;
  line-height:1;
}
.main .hot .item dd p{
  margin-top:12px;
  font-size:14px;
  color:#666;
  line-height:26px;
}
.main .hot .item dd .btns{
  margin-top:30px;
  height:40px;
}
.main .hot .item .btns .btn{
  display:block;
  float:left;
  width:120px;
  height:38px;
  border-radius:19px;
  border:1px solid #ddd;
  text-align:center;
  line-height:38px;
  color:#333;
  transition:.3s all;
}
.main .hot .item .btn:hover{
  color:#fff;
  background:#247944;
  border:1px solid #247944;
}
.main .hot .item .btns .date{
  font-size:14px;
  color:#999;
  line-height:40px;
  float:right;
}

.main .list{
  width:100%;
  padding-top:30px;
}
.main .list .title{
  font-size:22px;
  color:#333;
  line-height:22px;
}
.main .list .title i.iconfont{
  font-size:26px;
  padding-right:7px;
}
.main .list .title small{
  font-size:12px;
  color:#999;
}
.main .list .list-wrap{
  margin-top:30px;
}
.main .list .list-wrap .item{
  padding-bottom:20px;
  border-top:1px dotted #ddd;
  padding-top:20px;
  width:100%;
  transition:.5s all;
}
.main .list .list-wrap .item:hover{
  padding-left:10px;
  border-left:#227b45 1px solid;
}
.main .list .list-wrap .item .tit{
  font-size:18px;
  line-height:1.2;
  transition:.5s all;
}
.main .list .list-wrap .item:hover .tit{
  color:#227b45;
}
.main .list .list-wrap .item .dates{
  color:#227b45;
  font-size:14px;
  padding-top:12px;
}
.main .list .list-wrap .item .dates span{
  padding-right:10px;
  color:#333;
}
.main .list .list-wrap .item .desc{
  font-size:14px;
  padding-top:12px;
  color:#666;
}

.main .glo-btn{
  width:144px;
  height:38px;
  display:block;
  line-height:38px;
  text-align:center;
  color:#fff;
  margin:20px 0;
  background:#7a7fd8;
}





.minor{
  float:right;
  width:360px;
}

.minor .prof{
  text-align:center;
  padding:50px 0;
  background:#f5f8fb;
  border:1px solid #ebebeb;
}
.minor .prof .pic{
  display:inline-block;
  width:128px;
}
.minor .prof .pic img{
  width:128px;
  display:block;
}
.minor .prof .info{
  padding:10px 0;
}
.minor .prof .btn a{
  width:150px;
  height:30px;
  transition:.4s all;
  background:#7a7fd8;
  color:#fff;
  display:inline-block;
  line-height:30px;
  font-size:14px;
}
.minor .prof .btn a:hover{
  background:#2d328d;
  color:rgba(255,255,255,.8);
}

.minor .adv{
  width:100%;
  margin-top:20px;
  box-sizing: border-box;
  /* background:#f6f5f0; */
  display:block;
}
.minor .adv .title{
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-bottom: 10px;
  position:relative;
  border-bottom: 1px solid #ececec;
}
.minor .adv .title::after{
  content:'';
  width:122px;
  height:3px;
  background:#2d3282;
  position: absolute;
  left:0;
  bottom:-2px;
}
.minor .adv .title h3{
  font-size:20px;
  letter-spacing: 1px;
  color:#2d328d;
}
.minor .adv .title h3 .iconfont{
  font-size:30px;
  vertical-align: top;
}

.minor .adv .wrap{
  font-size: 16px;
  margin-top: 20px;
}
.minor .adv .wrap li{
  height: 40px;
  width:100%;
  position: relative;
  line-height:40px;
  padding:5px 0 0 14px;
}
.minor .adv .wrap li::after{
  content:'';
  width:7px;
  height:7px;
  background:#2d328d;
  position: absolute;
  left:0;
  top:22px;
  border-radius: 50%;
}
.minor .adv .wrap li a{
  color:#333;
  transition:.3s all;
}
.minor .adv .wrap li a:hover{
  color:#2d328d;
}
.minor .adv .wrap .item{
  height:200px;
}
.minor .minor-banner{
  margin-top:25px;
  width:360px;

}
.minor .minor-banner img{
  width:100%;
  height:auto;

}



.list-wrap{
  width:100%;
}
.list-wrap li.item{
  margin-top:60px;
  width:100%;
  height:192px;
  background:#f5f8fb;
  transition:.5s all;
}

.list-wrap li.item .pic{
  width:320px;
  height:192px;
  float:left;
  overflow:hidden;
}
.list-wrap li.item .pic img{
  transition:.5s all;
  width:320px;
  height:192px;
  display:block;
}
.list-wrap li.item .text{
  width:492px;
  height:225px;
  float:right;
}
.list-wrap li.item h3.title{
  transition:.5s all;
  font-size:18px;
  line-height:1.2;
  padding:20px;
}
.list-wrap li.item p.desc{
  transition:.5s all;
  font-size:14px;
  padding:0 20px;
  line-height:1.6; 
}
.list-wrap li.item .more{
  transition:.5s all;
  font-size:16px;
  padding:20px 20px 0; 
  line-height:22px;
  color:#2d328d;
}
.list-wrap li.item .more .iconfont{
  font-size:18px;
  /* transform: rotate(90deg); */
  vertical-align: top;
}
.list-wrap li.item:hover{
  background:#2d328d;
}
.list-wrap li.item:hover .pic img{
  scale:1.1;
}
.list-wrap li.item:hover h3.title{
  color:#fff; 
}
.list-wrap li.item:hover p.desc{
  color:#fff;
}
.list-wrap li.item:hover .more{
  color:#fff;
}

/* 文章区 */
.text-wrap{
  width:100%;
}
.text-wrap .title{
  color:#111;
  padding-bottom:20px;
  
}
.text-wrap .author{
  color:#666;
  font-size:14px;
  padding-bottom:30px;
}
.text-wrap .author .iconfont{
  padding-right:5px;
}
.text-wrap .text-area{
  padding:25px 30px;
  background:#f9f9f9;
  line-height:1.8;
}

.text-wrap .text-page-btn{
  width:100%;
  height:72px;
  margin-top:50px;
  text-align:center;
}
.text-wrap .text-page-btn a{
  font-size:20px;
  line-height:72px;
  padding:0 72px;
  background:#f1f1f1;
  color:#333;
  transition:.4s all;
  display:inline-block;
  border-radius:36px;
  
}
.text-wrap .text-page-btn a:hover{
  background:#2d328d;
  color:#fff;
}

.text-wrap .uadNav{
  margin-top:55px;
  width:100%;
  height:40px;
}

.text-wrap .uadNav .nav-item{
  width:48%;
  height:40px;
  line-height:40px;
  padding-left:10px;
  float:left;
  background:#f6f6f6;
  overflow:hidden;
  box-sizing: border-box;
}
.text-wrap .uadNav .nav-item:nth-child(1){
  float:left;
  margin-right:4%;
}
.text-wrap .uadNav .nav-item a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.main .wel{
  width:100%;
}
.main .wel h3{
  font-size:20px;
  color:#2d328d;
}
.main .wel p{
  color:#333;
  padding:10px 0;
}

.video-m-banner{
  display:none;
}

@media only screen and (max-width: 640px){
  .inner-ban{
    width:100%;
    height:320px;
    display:block;
    height:180px;
  }
  .inner-ban-news{
    background:url(../images/banner-news.jpg) no-repeat -50px 0;
    background-size: 240% auto;
  }
  .page-pos{
    display:none;
  }
  .container{
    width:94%;
    margin:15px auto;
    position: relative;
  }
  .text-wrap .title{
    font-size:20px;
  }
  .main{
    width:100%;
    float:inherit;
  }
  .main .hot .item{
    padding-top:18px;
    height:auto;
  }
  .main .hot .item .btns .btn{
    border:1px solid #f60;
    color:#fff;
    background:#f60;
  }
  .main .hot .item dd h3{
    color:#116633;
  }
  .main .hot .item dt{
    width:100%;
  }
  .main .hot .item dd{
    padding-top:15px;
    width:100%;
  }
  .main .list{
    padding-top:18px;
  }
  .minor{
    width:100%;
    margin-top:20px;
    float:inherit;
  }
  .minor .minor-banner img{
    width:500px;
    height:auto;
  }

  /* 联系我们页面 */
  .inner-ban-coops{
    background: url(../images/banner-coops.jpg) no-repeat -140px top;
    background-size:280% auto;
    width: 100%;
    height: 300px;
    display: block;
  }
  .index-title{
    margin:20px auto 0;
    height:auto;
  }
  .index-title h2{
    font-size:26px;
  }
  .contants{
    width:100%;
    margin-top:15px;
  }
  .contants li{
    width:50%;
    padding:20px;
    margin-top:0;
    height:200px;
    border:none;
  }
  .contants li:nth-child(2){
    background:#f3f3f3;
  }
  .contants li:nth-child(3){
    background:#f3f3f3;
  }
  .contants li:nth-child(3) i.iconfont{
    background:#f60;
  }
  .contants li:nth-child(4) i.iconfont{
    background:#247944;
  }
  .persons{
    width:100%;
    margin:20px 0;
  }
  .mess-wrap{
    width:94%;
    margin:20px 3%;
    background:none;
  }
  .mess-wrap li input{
    width:100%;
  }
  .mess-wrap li.btn-item{
    display:flex;
    justify-content: space-between;
  }
  .mess-wrap li.btn-item input{
    width:47%;
  }
  .video-m-control{
    display:none;
  }
  .video-m-banner{
    width:100%;
    height:auto;
    display:block;
  }
  .video-m-banner img{
    width:100%;
    height:auto;
    display:block;
  }
}