@charset "utf-8";
.main{width:1200px;margin:0 auto;}

/*首页*/
.flexslider{
  background:transparent !important;
  background:#ffffff;
  width:1200px;
  min-width:1200px;
  overflow:hidden;
  margin:0 auto 70px !important;
  padding-bottom:50px;
}
.flexslider h3{
  margin-top:0px;
  margin-bottom:20px;
  font-size:30px;
  text-align:center;
}
.flexslider h3 span{
  display:inline-block;
  padding:20px;
  border-top:4px solid #005FB0;
}
.slides li a{
  display:block;
  height:360px;
  overflow:hidden;
  color:#333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border:1px solid #E6E6E6;
}
.slides .slider-img{
  width:600px;
  height:360px;
  float:left;
  overflow:hidden;
}
.slides .slider-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.slides .slider-img:hover img{
  transform: scale(1.2);
}
.slides .slider-info{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height:358px;
  padding:0 40px;
  background:#ffffff;
  /*border:1px solid #E6E6E6;*/
  overflow:hidden;
}
.slider-info h3{
  margin:50px 0 30px;
  font-size:22px;
}
.slider-info p{
  font-size:16px;
  margin-bottom:60px;
  color:#333333;
  line-height:24px;
}

.slider-info p:hover{
    color:#000000;
}

.slider-info .slider-more{
  text-align:center;
  margin:0;
}
.slider-info .slider-more i{
  display:inline-block;
  padding:5px 20px;
  font-style:normal;
  color:#333333;
  border:1px solid #333333;
  border-radius:10px;
}
.tech{
  min-width:1200px;
  height:610px;
  background:url() no-repeat;
  background-size:100% 100%;
  background-attachment:fixed;
}
.tech h3{
  padding-top:120px;
  text-align:center;
  margin-bottom:60px;
}
.tech p{
  width:906px;
  margin:0 auto;
  color:#ffffff;
}
.tech .tech-info{
  width:741px;
  padding-left:165px;
  margin-bottom:65px;
  position:relative;
}
.tech .tech-info:before{
  content:"";
  display:block;
  width:150px;
  height:2px;
  background:#8FC320;
  position:absolute;
  top:5px;
  left:0;
}
.tech p a{
  display:inline-block;
  color:#ffffff;
  font-size:16px;
  padding:10px 70px;
  background:#8FC320;
}
.info-center{
  min-width:1200px;
  background:#ffffff;
}
.info-center h3{
  text-align:center;
  padding-top:60px;
  padding-bottom:30px;
}
.info-center h3 span{
  display:inline-block;
  font-size:30px;
  padding:28px;
  border-top:4px solid #005FB0;
}
.info-list .info-left{
  width:590px;
  float:left;
}
.info-left a{
  display:block;
}
.info-left .info-img{
  width:590px;
  height:350px;
  overflow:hidden;
}
.info-left .info-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.info-left .info-img:hover img{
  transform: scale(1.2);
}
.info-left .info-content{
  padding:15px 15px 38px;
  background:#fafafa;
}
.info-left .info-content h4{
  font-size:16px;
  padding:10px 0 20px;
  color:#000000;
}
.info-left .info-content p{
  height:38px;
  color:#868686;
}
.info-list .info-right{
  width:590px;
  float:right;
}
.info-right ul li{
  margin-bottom:30px;
}
.info-right ul li:last-child{
  margin-bottom:0;
}
.info-right a{
  display:block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background:#fafafa;
}
.info-right .info-img{
  width:243px;
  height:144px;
  overflow:hidden;
  margin-right:10px;
}
.info-right .info-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.info-right .info-img:hover img{
  transform: scale(1.2);
}
.info-right .info-content{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding-right:10px;
}
.info-right .info-content h4{
  font-size:16px;
  margin-bottom:20px;
  color:#333333;
}
.info-right .info-content p{
  color:#868686;
}
.info-center .info-btn{
  padding:40px 0;
  text-align:center;
}
.info-center .info-btn a{
  display:inline-block;
  font-size:16px;
  color:#333333;
  padding:10px 80px;
  border:1px solid #333333;
}
.course{
  min-width:1200px;
  background:url() no-repeat;
  background-size:cover;
  padding:70px 0 ;
}
.course h3{
  text-align:center;
  margin-bottom:20px;
}
.course h3 span{
  display:inline-block;
  padding:28px;
  border-top:4px solid #8FC320;
  font-size:30px;
  color:#ffffff;
}
.history-list{
  width:300px;
  float:left;
}
.history-list a{
  display:block;
  position:relative;
  color:#ffffff;
  transition: all 0.3s linear;
}
.history-list .h25{
  width:100%;
  height:250px;
  overflow:hidden;
}
.history-list .h20{
  width:100%;
  height:200px;
  overflow:hidden;
}
.history-list .h30{
  width:100%;
  height:300px;
  overflow:hidden;
}
.history-list .history-img img{
  width:100%;
  vertical-align: middle;
  transition: all 0.3s linear;
}
.history-list .hbg .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  position:absolute;
  top:0;
  left:0;
}
.history-list .hpure .mask{
  width:100%;
  height:100%;
  background:#8FC320;
  position:absolute;
  top:0;
  left:0;
}
.history-list .hyear{
  width:100%;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-32px;
}
.history-list .hyear h4{
  font-size:30px;
  text-align:center;
}
.history-list .hyear span{
  display:block;
  font-size:18px;
  text-align:center;
}
.history-list .hinfo{
  display:none;
  width:100%;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-72px;
}
.history-list .hinfo p{
  font-size:16px;
  padding:30px 15px;
}
.history-list .hbg:hover .mask{
  background:rgba(0,0,0,0.8);
}
.history-list .hpure:hover .mask{
  background:#1361aa;
}
.history-list a:hover .hyear{
  display:none;
}
.history-list a:hover .hinfo{
  display:block;
}
.history-list a:hover img{
  transform: scale(1.2);
}

/*核心技术*/
.work h3{
  font-size:30px;
  padding:68px 0;
  text-align:center;
}
.work ul{
  margin:100px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.work ul li{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align:center;
  border-right:1px solid #8FC320;
}
.work ul li .work-img{
  width:130px;
  height:130px;
  border-radius:65px;
  margin:0 auto 20px;
  overflow:hidden;
}
.work ul li .work-img2{
  width:650px;
  height:270px;
  border-radius:65px;
  margin:0 auto 20px;
  overflow:hidden;
}
.work ul li .work-img1{
  width:370px;
  height:175px;
  border-radius:65px;
  margin:0 auto 20px;
  overflow:hidden;
  background: #8ab1d5
}
.work ul li img2{
  width:650px;
  vertical-align:middle;
  transition: all 0.3s linear;
}

.work ul li img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.work ul li:hover img{
  transform: scale(1.2);
}
.work ul li h4{
  margin-bottom:15px;
  /*letter-spacing: 1px;
    line-height: 24px;*/
}
.work ul li span{
  display:block;
  width:300px;
  margin:0 auto;
 /* letter-spacing: 1px;
    line-height: 24px;*/
}
.work .flex4 li span{
  width:240px;
 /* letter-spacing: 1px;
    line-height: 24px;*/
}
.work .flex4 li span1{
  width:430px;
  left: 20px;
 /* letter-spacing: 1px;
    line-height: 24px;*/
}
.work ul li:last-child{
  border-right:0;
}
/*.work p{letter-spacing: 1px;
    line-height: 24px;}*/
.charact{
  padding:80px 0;
  background:url() no-repeat;
  background-size:cover;
  text-align:center;
}
.charact h3{
  font-size:30px;
  margin-bottom:70px;
  text-align:center;
}
.charact .charact-img{
  margin:40px 0;
  text-align:center;
}
.charact .charact-img img{
  width:598px;
  vertical-align:middle;
}
.charact p{
  height:57px;
  margin-bottom:10px;
  text-align:left;
}
/*.plustec{
	letter-spacing: 1px;
    line-height: 24px;}*/
.charact-info .info0,.charact-info .info1,.charact-info .info2,.charact-info .info3,.charact-info .info4,.charact-info .info5,.charact-info .info6{ text-align:center;}
.fanying{
  background:url() no-repeat;
  background-size:cover;
}
.fanying h3{
  font-size:30px;
  margin-bottom:50px;
  color:#ffffff;
  text-align:center;
}
.fanying p{
  padding:0 20px;
  margin-bottom:10px;
  color:#ffffff;
  font-size:16px;
}
.charact .charact-info{
  width:580px;
  margin:0 auto;
}
.charact .charact-info span{
  display:block;
  font-size:48px;
  color:#AEFF00;
  text-align:left;
}
.charact .charact-info span:last-child{
  text-align:right;
}
.charact ul li{
  float:left;
  width:298px;
  height:137px;
  border:1px solid #ffffff;
  position:relative;
  overflow:hidden;
  cursor:pointer;
}
.charact ul li img{
  width:100%;
  height:137px;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.charact .move-nav{
  display:inline-block;
}
.charact .move-nav li{
  display:inline;
  width:168px;
  height:115px;
}
.charact .move-nav li img{
  width:100%;
  height:115px;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.charact ul li:hover img{
  transform: scale(1.2);
}
.charact .bios-nav{
  display:inline-block;
}
.charact .bios-nav li{
  display:inline;
}
.charact ul li span{
  display:block;
  width:100%;
  line-height:139px;
  text-align:center;
  font-size:16px;
  color:#AEFF00;
  position:absolute;
  top:0;
  left:0;
  z-index:99;
}
.charact .move-nav li span{
  line-height:116px;
}
.charact .bios-nav li span{
  line-height:normal;
  padding:48px 0;
}
.charact ul li:hover span{
  background:rgba(0,0,0,0.5);
  color:#ffffff;
}
.charact ul li:hover span:before{
  content:"";
  display:block;
  width:100%;
  height:3px;
  background:#AEFF00;
  animation: change 1.5s;
  -moz-animation: change 1.5s;    
  -webkit-animation: change 1.5s;    
  -o-animation: change 1.5s;
  position:absolute;
  bottom:0;
  left:0;
  z-index:99;
}
@keyframes change{
  from {width: 1%;}
  to {width: 100%;}
}
.ohr{
  padding:80px 0 50px;
}
.ohr h3{
  font-size:30px;
  text-align:center;
  margin-bottom:70px;
}
.ohr .ohr-img{
  text-align:center;
  margin-top:58px;
}
.ohr .ohr-img img{
  width:690px;
  vertical-align:middle;
}
.specs{
  min-width:1200px;
  padding:80px 0;
}
.nami{
  background:url() no-repeat;
  background-size:cover;
}
.tuceng{
  background:url() no-repeat;
  background-size:cover;
}
.specs h3{
  font-size:30px;
  color:#ffffff;
  text-align:center;
  margin-bottom:68px;
}
.specs table thead{
  background:#8FC320;
  color:#ffffff;
}
.specs table tr td{
  padding:20px 0;
  text-align:center;
  background:#fffffa;
  border-bottom:1px solid #e9e9e9;
}
.specs table tr:nth-child(even) td{
  background:#f4f6f1;
}
.specs table tr:hover td{
  background:#ffffff;
}
.plan{
  padding:80px 0;
  text-align:center;
}
.plan h3{
  font-size:30px;
  text-align:center;
  margin-bottom:60px;
}
.plan ul{
  display:inline-block;
}
.plan ul li{
  display:inline;
  margin:0 13px;
  float:left;
  width:223px;
  height:353px;
  overflow:hidden;
  position:relative;
}
.plan ul li1{
  display:inline;
  margin:0 13px;
  float:left;
  width:350px;
  height:375px;
  overflow:hidden;
  position:relative;
}
.plan ul li2{
  display:inline;
  margin:0 13px;
  float:left;
  width:80%;
  overflow:hidden;
  position:relative;
}
.plan ul li1 img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.plan ul li2 img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.plan ul li img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.plan ul li1 .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  left:0;
  z-index:9;
}
.plan ul li2 .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  left:0;
  z-index:9;
}
.plan ul li .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  left:0;
  z-index:9;
}
.plan ul li .plan-info{
  width:223px;
  height:323px;
  margin:10px;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  font-size:16px;
}
.plan ul li1 .plan-info1{
  width:350px;
  height:365px;
  margin:10px;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  font-size:16px;
}
.plan ul li1 .plan-info1:before, .plan ul li1 .plan-info1:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.plan ul li2 .plan-info2{
  width:650px;
  height:290px;
  margin:10px;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  font-size:16px;
}
.plan ul li2 .plan-info2:before, .plan ul li2 .plan-info2:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.plan ul li .plan-info:before, .plan ul li .plan-info:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.plan ul li .plan-info:before{
  top: 0;
  left: 0;
  /* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */
  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.plan ul li1 .plan-info1:before{
  top: 0;
  left: 0;
  /* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */
  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.plan ul li1 .plan-info1:after{            
  bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.plan ul li2 .plan-info2:before{
  top: 0;
  left: 0;
  /* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */
  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.plan ul li2 .plan-info2:after{            
  bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.plan ul li .plan-info:after{            
  bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.plan ul li:hover .plan-info:before, .plan ul li:hover .plan-info:after{
  width:100%;
  height:100%;
}
.plan ul li1:hover .plan-info1:before, .plan ul li1:hover .plan-info1:after{
  width:100%;
  height:100%;
}
.plan ul li2:hover .plan-info2:before, .plan ul li2:hover .plan-info2:after{
  width:100%;
  height:100%;
}
.plan ul li:hover .plan-info:before{
  border-top-color: #AEFF00;
  border-right-color: #AEFF00;
  transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.plan ul li1:hover .plan-info1:before{
  border-top-color: #AEFF00;
  border-right-color: #AEFF00;
  transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.plan ul li2:hover .plan-info2:before{
  border-top-color: #AEFF00;
  border-right-color: #AEFF00;
  transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.plan ul li:hover .plan-info:after{
  border-bottom-color: #AEFF00;
  border-left-color: #AEFF00;
  transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.plan ul li1:hover .plan-info1:after{
  border-bottom-color: #AEFF00;
  border-left-color: #AEFF00;
  transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.plan ul li2:hover .plan-info2:after{
  border-bottom-color: #AEFF00;
  border-left-color: #AEFF00;
  transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.plan ul li .plan-info span{
  display:block;
  color:#ffffff;
  padding:140px 0 15px;
  position:relative;
}
.plan ul li1 .plan-info1 span{
  display:block;
  color:#ffffff;
  padding:140px 0 15px;
  position:relative;
}
.plan ul li2 .plan-info2 span{
  display:block;
  color:#ffffff;
  padding:140px 0 15px;
  position:relative;
}
.plan ul li .plan-info span:after{
  content:"";
  display:block;
  width:60px;
  height:2px;
  background:#AEFF00;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
}
.plan ul li1 .plan-info1 span:after{
  content:"";
  display:block;
  width:60px;
  height:2px;
  background:#AEFF00;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
}
.plan ul li2 .plan-info2 span:after{
  content:"";
  display:block;
  width:60px;
  height:2px;
  background:#AEFF00;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
}
.plan ul li:hover img{
  transform: scale(1.2);
}
.plan ul li1:hover img{
  transform: scale(1.2);
}
.plan ul li2:hover img{
  transform: scale(1.2);
}
.plan ul li .plan-info p{
  display:none;
  padding:0 10px;
  margin-top:30px;
  color:#ffffff;
  text-align:left;
}
.plan ul li1 .plan-info1 p{
  display:none;
  padding:0 10px;
  margin-top:30px;
  color:#ffffff;
  text-align:left;
}
.plan ul li2 .plan-info1 p{
  display:none;
  padding:0 10px;
  margin-top:30px;
  color:#ffffff;
  text-align:left;
}
.plan ul li:hover .plan-info span{
  padding-top:40px;
}
.plan ul li1:hover .plan-info1 span{
  padding-top:40px;
}
.plan ul li2:hover .plan-info1 span{
  padding-top:40px;
}
.plan ul li:hover .plan-info p{
  display:block;
}
.plan ul li1:hover .plan-info1 p{
  display:block;
}
.plan ul li2:hover .plan-info1 p{
  display:block;
}
.case{
  min-width:1200px;
  padding:80px 0;
  background:url() no-repeat;
  background-size:cover;
}
.case h3{
  font-size:30px;
  color:#ffffff;
  text-align:center;
  margin-bottom:60px;
}
.case ul li{
  width:356px;
  float:left;
  text-align:center;
}
.case ul li .case-img{
  width:356px;
  height:268px;
  overflow:hidden;
}
.case ul li .case-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.case ul li:hover .case-img img{
  transform: scale(1.2);
}
.case ul li .case-info{
  margin-top:20px;
}
/*走进我们*/
.introd{
  padding:60px 0;
}
.introd .introd-img{
  float:left;
  width:534px;
  height:424px;
  overflow:hidden;
}
.introd .introd-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.introd .introd-img:hover img{
  transform: scale(1.2);
}
.introd .introd-info{
  width:610px;
  float:right;
}
.introd .introd-info h3{
  font-size:30px;
  padding:10px 0 30px;
}
.introd .introd-info .introd-content{
  padding-right:46px;
  height:344px;
  overflow-y:auto;
}
.introd-content p{
  margin-bottom:20px;
}
.introd-content::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,.1)
}
.introd-content::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(0,0,0,.1)
}
.introd-content::-webkit-scrollbar-thumb {
  background-color: rgba(143,195,32,1)
}
.idea{
  min-width:1200px;
  padding:160px 0;
  background:url() no-repeat;
  background-size:cover;
}
.idea ul li{
  width:330px;
  padding:0 180px 0 90px;
  float:left;
  color:#ffffff;
}
.idea ul li img{
  width:52px;
  height:44px;
  vertical-align:middle;
}
.idea ul li h3{
  font-size:30px;
  padding:45px 0;
}
.natural{
  padding:68px 0;
}
.natural h3{
  font-size:30px;
  margin-bottom:50px;
  text-align:center;
}
.natural ul li{
  width:180px;
  height:254px;
  overflow:hidden;
  margin:0 10px 20px;
  float:left;
}
.natural ul li img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.natural ul li:hover img{
  transform: scale(1.2);
}
/*资讯列表*/
.news-nav{
  background:#f5f5f5;
  text-align:center;
}
.news-nav a{
  display:inline-block;
  padding:30px 50px;
  font-size:17px;
}
.news-nav a:hover{
  color:#0061B0;
}
.news-nav a.active{
  color:#0061B0;
}
.list a{
  display:block;
  padding:50px 0;
  color:#333333;
  border-bottom:1px solid #DADADA;
}
.list .news-img{
  width:227px;
  height:142px;
  overflow:hidden;
  float:left;
}
.list .news-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.list .news-info{
  width:940px;
  float:right;
}
.news-info .news-title{
  margin-bottom:20px;
}
.news-info h3{
  width:740px;
  font-size:16px;
  float:left;
}
.news-info .time{
  display:block;
  color:#666666;
  padding-left:100px;
  margin-top:3px;
  float:right;
  position:relative;
}
.news-info .time:before{
  content:"";
  display:block;
  width:90px;
  height:1px;
  background:#666666;
  position:absolute;
  top:10px;
  left:0;
}
.news-info p{
  color:#666666;
  margin-bottom:26px;
}
.news-info .more{
  display:block;
  font-size:14px;
  color:#0061B0;
}
.list a:hover img{
  transform: scale(1.2);
}
/*分页*/
.page{
  padding:88px 0;
  text-align:center;
}
.page ul{
  display:inline-block;
}
.page ul li{
  display:inline;
  float:left;
}
.page ul li a{
  display:block;
  padding:2px 8px;
  color:#666666;
  border:1px solid #666666;
  margin:0 5px;
}
.page ul li span{
  display:block;
  padding:2px 8px;
  color:#666666;
  border:1px solid #666666;
  margin:0 5px;
}
.page ul li a:hover{
  color:#0061B0;
  border:1px solid #0061B0;
}
.page ul li.disabled span{
  color:#999999;
  border:1px solid #DADADA;
}
.page ul li.active span{
  color:#ffffff;
  background:#0061B0;
  border:1px solid #0061B0;
}
/*资讯详情*/
.detail{
  padding:30px 0;
}
.detail-title{
  font-size:28px;
  text-align:center;
  margin:10px 0 20px;
}
.detail-source{
  color:#666666;
  text-align:center;
  padding:15px 0;
  border-bottom:1px solid #DADADA;
}
.detail-source span{
  display:inline-block;
  margin:0 20px;
}
.detail-content{
  padding:30px 0 100px;
  border-bottom:1px solid #DADADA;
}
.detail-content p{
  margin-bottom:30px;
}
.detail-next{
  padding-top:38px;
}
.detail-next .detail-link{
  width:80%;
  float:left;
}
.detail-link a{
  display:block;
  margin:10px 0;
  color:#666666;
  font-size:15px;
}
.detail-link a:hover{
  color:#0061B0;
}
.detail-next .detail-back{
  width:20%;
  float:right;
  text-align:right;
}
.detail-back a{
  display:inline-block;
  margin-top:15px;
  padding:10px;
  color:#ffffff;
  background:#0061B0;
}
/*联系我们*/
.contact{
  padding-bottom:55px;
}
.contact-title{
  width:100%;
  font-size:35px;
  text-align:center;
  color:#ffffff;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-23px;
}
.contact img{
  width:100%;
  vertical-align:middle;
}
.contact h3{
  font-size:30px;
  padding:46px 0;
  text-align:center;
}
.contact ul{
  padding:45px;
  border-top:1px solid #DADADA;
  border-bottom:1px solid #DADADA;
}
.contact ul li{
  width:230px;
  margin:0 70px;
  float:left;
  text-align:center;
}
.contact ul li a{
  display:block;
  color:#333333;
}
.contact ul li a img{
  width:88px;
  height:88px;
  vertical-align:middle;
  transition: transform 0.4s ease-out;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
}
.contact ul li a:hover img{
  transform: rotateZ(360deg);
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
}
.contact ul li a span{
  display:block;
  margin-top:20px;
}


/*学术活动*/
.xsjl-center{
  min-width:1200px;
  background:#ffffff;
  margin-top:-30px;
  margin-bottom:20px;
}
.xsjl-center h3{
  text-align:center;
  padding-top:60px;
  padding-bottom:30px;
}
.xsjl-center h3 span{
  display:inline-block;
  font-size:30px;
  padding:28px;
  border-top:4px solid #005FB0;
}
.xsjl-center .xsjl-btn{
  padding:40px 0;
  text-align:center;
}
.xsjl-center .xsjl-btn a{
  display:inline-block;
  font-size:16px;
  color:#333333;
  padding:10px 80px;
  border:1px solid #333333;
}

#r0 {
	width: 1200px;
	clear: both;
    height:100px;
}
#r0 ul {
	clear: both;
}

#r0 li {
	float: left;
	width: 400px;
	list-style-type: none;
}
#r1_top {
	height: 60px;
	background-image: url(../images/title2bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 25px;
    padding-bottom: 25px;
}
#top_title {
	height: 60px;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
}
.top_title_cn {
	line-height:60px;
	font-size: 28px;
	text-align: center;
	color: #0066B0;
	/*border-bottom: 3px solid #FF3100;*/
}

#advance_date {
	color: #FFFFFF;
	background-color: #0061B0;
	float: left;
	height: 80px;
	width: 80px;
	text-align: center;
}
#advance_date .day {
	font-size: 28px;
	line-height: 48px;
}
#advance_date .month {
	font-size: 14px;
	line-height: 20px;
}
#advance_txt {
	float: right;
	width: 280px;
    padding-left:20px;
    padding-right:20px;
}
#advance_title a{
	line-height: 32px;
	padding-bottom: 5px;
    font-size:16px;
    color:#000000;
}
#advance_title a:hover{
    color:#000000;
}
#advance_des {
	font-size: 14px;
	line-height: 22px;
	color:#868686;
}
/*学术活动*/


/*研究方向*/
.yjfx-center{
  min-width:1200px;
  /*background:#EAEAEA;*/
  background: url(../images/bg1.png) center no-repeat;background-size: cover;
  margin-top:0px;
  margin-bottom:20px;
}
.yjfx-center h3{
  text-align:center;
  padding-top:60px;
  padding-bottom:30px;
}
.yjfx-center h3 span{
  display:inline-block;
  font-size:30px;
  padding:28px;
  border-top:4px solid #005FB0;
}
.yjfx-center .yjfx-btn{
  padding:40px 0;
  text-align:center;
}
.yjfx-center .yjfx-btn a{
  display:inline-block;
  font-size:16px;
  color:#005FB0;
  padding:10px 80px;
  border:1px solid #005FB0;
}
.inner {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
    margin-top:24px;
}
#main_r1_list li {
	text-align: center;
	float: left;
	width: 234px;
	list-style-type: none;
	/*background-image: url();*/
	background-repeat: no-repeat;
	background-position: center 20px;
	height: 200px;
	margin-right: 3px;
	margin-left: 2px;
}
#main_r1_list {
    margin-top:-30px;
	padding-right: 2px;
	padding-left: 3px;
	padding-top: 10px;
}
#kypt_pic {
	/*height: 80px;
	width: 60px;*/
	/*padding-top: 20px;
	padding-right: 24px;
	padding-bottom: 4px;
	padding-left: 24px;*/
    padding:10px 33px;
}

#kypt_pic img{
	cursor: pointer;
	transition: all 1s;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}  
#kypt_pic img:hover{  
     transform: scale(1.3);  
} 
#kypt_txt {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	padding: 10px;
}
#kypt_txt:hover{
    color:#333333;
}


 .zsxx_tt h1{
	    font-size: 28px;
	    /*font-weight: bold;*/
	    color: #0066B0;
        height:100px;
        line-height:100px;
    }
    .zsxx_tt h1 span {
        color: #666666;
        margin-right: 16px;
        margin-left: 16px;
    }
    .zsxx_tt p{
	    font-size: 20px;
	    color: #333;
	    margin-top: 35px;
	
	    }
	.zsxx_tt{
		display: block;
		text-align: center;
	}



#r1_top1 {
	height: 60px;
	/*background-image: url(../images/title2bg.png);*/
    background-image: url(../images/title2bg1.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 25px;
    padding-bottom: 25px;
}
#top_title1 {
	height: 60px;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
}
.top_title_cn1 {
	line-height:60px;
	font-size: 28px;
	text-align: center;
	color: #0066B0;
	/*border-bottom: 3px solid #FF3100;*/
}


/*研究方向*/


/*最新中心动态*/
.zxxwdt-center{
  min-width:1200px;
  padding: 0;
  display: table;
  margin: 0 auto;
  position: relative;
  margin-top:-20px;
  margin-bottom:40px;
}


.home-haibao{margin-top: 30px;margin-bottom: 30px;width: 1200px;}
.home-haibao .title{margin-bottom: 20px;}



.zxxwdt-center *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.home-news{width: 760px;height: 346px;margin-top: 5px;}
.home-news img{vertical-align:middle; width:370px; height:205px;}
.home-news .pic-box{width: 100%;margin-top: 0px;}
.home-news .pic-box .pic{width: 370px;}
.home-news .pic-box .pic .img{width: 100%;display: block;background: #FFF;-moz-box-shadow:2px 2px 5px #999999; -webkit-box-shadow:2px 2px 5px #999999; box-shadow:2px 2px 5px #999999;overflow:hidden;}
.home-news .pic-box .pic h4{margin-top:20px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;}
.home-news .pic-box .pic h3{width:100%; color:#666; font-size:14px; height:30px; line-height:30px; font-weight:normal; margin:0;}
.home-news .pic-box .pic p{margin-top:10px;font-size: 15px;color: #666;line-height: 28px}
.home-news .pic-box .pic p a{color: #0066B0}
.home-news a:hover{
    color:#000000;
}
.home-news .pic-box .pic img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.home-news .pic-box .pic:hover img{
  transform: scale(1.2);
}


.home-gonggao{width: 400px;height: 346px;margin-top: 0px;}
.home-gonggao .title{margin-bottom: 20px}
.home-gonggao li{width: 100%;line-height: 36px}
.home-gonggao li a{font-size: 16px;width:76%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-gonggao li span{color: #999999;font-size: 14px;}
.home-gonggao a:hover{
    color:#000000;
}
.fl {float: left;}
.fr {float: right;}
.title{width: 100%;font-size: 25px;color: #000000;border-bottom: 2px #0066B0 solid;padding-bottom: 10px;height: 60px;line-height: 60px;}
.title a,.home-gonggao .hd .more,.home-dongtai .hd .more{color: #666666;font-size: 14px}
.p_r {position: relative;}
.icon1{background: url(../images/icon1.png)no-repeat left center;padding-left: 40px}
.icon2{background: url(../images/icon2.png)no-repeat left center;padding-left: 42px}
.icon3{background: url(../images/icon3.png)no-repeat left center;padding-left: 40px}
.icon4{background: url(../images/icon4.png)no-repeat left center;padding-left: 40px}
/*最新中心动态*/


   
/*最新学术活动/科研项目*/
.kyxm-center{
  min-width:1200px;
  padding: 0;
  display: table;
  margin: 0 auto;
  position: relative;
  margin-top:-40px;
  margin-bottom:0px;
}

.kyxm-center *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.home-xshd1,.home-xshd,.home-kyxm{width: 580px;height: 545px;}
.home-dongtai{margin-right: 45px;}
.home-dongtai .hd{ height:45px;border-bottom: 1px #b31a1f solid;padding-bottom: 10px; position:relative;margin-bottom: 5px;line-height: 45px}
.home-dongtai .hd li{cursor:pointer; color: #333333;font-size: 24px;}
.home-dongtai .hd li:first-child{padding-right: 25px;margin-right: 15px;}
.home-dongtai .hd li:first-child:after{content: '/';color: #333;position: absolute;right: 0;top:0;}
.home-dongtai .hd ul li.on{color: #a62126;}
.home-dongtai .hd .more{position: absolute;right: 0;top: 0;}
.home-dongtai .bd ul{width: 100%;display: table;}
.home-dongtai .bd li{width: 100%;margin-top: 20px;height: 60px;}
.home-dongtai .bd li .txt{padding-left: 80px;height: 60px;}
.home-dongtai .bd li a{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: block;height: 60px;line-height: 30px;font-size: 16px;}
.home-dongtai .bd li .date{width: 60px;height: 60px;background: #e1dcd2;}
.home-dongtai .bd li .date em{font-size: 14px;font-family: arial;display: block;height: 30px;background: #a62126;line-height: 30px;color: #FFFFFF;font-style: normal;}
.home-dongtai .bd li .date span{font-size: 14px;font-family: arial;display: block;height: 30px;line-height: 30px;color: #333;}




.home-xshd1 ul{margin-top: 30px;}
.home-xshd1 li{width: 100%;margin-top: 20px;height: 60px;}
.home-xshd1 li .txt{padding-left: 80px;height: 60px;}
.home-xshd1 li a{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: block;height: 60px;line-height: 30px;font-size: 16px;}
.home-xshd1 a:hover{
    color:#000000;
}
.home-xshd1 li .date{width: 60px;height: 60px;background: #e1dcd2;}
.home-xshd1 li .date em{font-size: 14px;font-family: arial;display: block;height: 30px;background: #0066B0;line-height: 30px;color: #FFFFFF;font-style: normal;text-align:center;}
.home-xshd1 li .date span{font-size: 14px;font-family: arial;display: block;height: 30px;line-height: 30px;color: #333;text-align:center;}




.home-xshd ul{margin-top: 30px;}
.home-xshd li{width: 100%;height: 130px;overflow: hidden;margin-top: 25px;}
.home-xshd li .pic{width: 110px;height: 130px;}
.home-xshd li .pic img{width: 100%;height: 130px;}
.home-xshd li .txt{padding-left: 130px;}
.home-xshd li .txt a{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 35px;}
.home-xshd li .txt p{font-size: 14px;color: #666;line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}





.home-kyxm ul{margin-top: 30px;}
.home-kyxm li{width: 100%;height: 110px;overflow: hidden;margin-top: 25px;}
.home-kyxm li .pic{width: 165px;height: 110px;}
.home-kyxm li .pic img{width: 100%;height: 110px;}
.home-kyxm li .txt{padding-left: 185px;}
.home-kyxm li .txt a{font-size: 16px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.home-kyxm a:hover{
    color:#000000;
}
.home-kyxm li .txt p{font-size: 14px;color: #666;line-height: 30px;}