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

.index_b{ width:90%; min-height:20vh; margin:0 auto; clear:both; margin-bottom:3%; padding-top:3%}
.index_b .sou{ width:100%; line-height:60px; font-size:2vw; font-weight:600; float:left; text-align:left; margin-bottom:1%;}
.index_b h1{ width:100%; line-height:60px; font-size:3vw; font-weight:600; float:left; text-align:left; margin-bottom:1%;}
.index_b ul{ width:100%; margin:0 auto;text-align:center;}
.index_b ul li{ min-width:5vw !important; float:left; overflow:hidden; padding:0.5%; font-size:1.0vw; text-align:center; border:1px solid #707070;transition: all .3s ease-in-out; margin-right:1%; font-weight:bold;color:#333;white-space: nowrap; margin-bottom:1%;}
.index_b ul li p{ width:100%; min-height:30px; line-height:40px; font-size:14px; font-weight:bold;}
.index_b ul li em{ width:100%; line-height:20px;  font-size:1.1vw; color:#333;}
.index_b ul li:hover{background:#1a478e;padding:0.5%;color:#FFF;transition: all .3s ease-in-out;}
.index_b ul li:hover a{color:#FFF;min-width:5%;color:#333;}
.index_b ul li a{min-width:5%;font-size:1.1vw; padding:0 1% 0 1%; color:#333;}
.index_b ul li a.active,.index_b ul li a:hover{min-width:5%;background:#1a478e;color:#fff; }



.index_an{ width:90%; min-height:600px; margin:0 auto; overflow:hidden;}
.index_an ul{ width:100%; margin:0 auto;}
.index_an ul li{ width:23.5%;*width:29.95%!important; float:left; position:relative; height:100%; position:relative; margin-left:2%; margin-bottom:2%;transition: all .3s ease-in-out;border:1px solid #707070;}
.index_an ul li:hover:before{bottom:0px;opacity:1;width:100%; overflow:hidden; height:20%; }
.index_an ul li:before{
    content: "";
	position: absolute;
    width:100%;
    height:0px;
    left:0%;right:0px;bottom:0px;
    webkit-transition:all .3s ease-in-out;
    transition: all .3s ease-in-out;background:#1a478e; z-index:1;color:#FFF;} 
.index_an ul li:nth-child(4n+1){margin-left:0px;}
.index_an ul li .pic{width:100%; height:100%;overflow:hidden;}
.index_an ul li .pic img{ width:100%; min-height:200px; overflow:hidden;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_an ul li .pic:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
	
.index_an ul li p{ width:100%; min-height:30px; line-height:6vh; font-size:1.2vw; text-align:center; position:relative; z-index:60;}
.index_an ul li em{ width:100%; line-height:20px; font-size:14px; color:#666;}
.index_an ul li:hover a{ color:#FFF;transition: all .3s ease-in-out;}


.index_n{ width:90%; min-height:600px; margin:0 auto; padding-bottom:3%;}
.index_n ul{ width:100%; margin:0px;}
.index_n ul li{ width:31.6%; height:auto; float:left; margin-left:2.5%; position:relative;content: "";transition: all 0.36s ease; padding-bottom:2%;}
.index_n ul li:nth-child(3n+1){margin-left:0px;}
.index_n ul li dd{ width:100%; height:auto; overflow:hidden; }
.index_n ul li dd img{ width:100%; overflow:hidden; 
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_n ul li:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.index_n ul li:hover:before{left:0;opacity:1;width:100%; overflow:hidden;}
.index_n ul li:before{
    content: "";
    width: 0;
    height:2px;
    border-bottom:2px solid #1a478e;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .4s ease;bottom:31px; overflow:hidden; bottom:0px;overflow:hidden;
    opacity: 0;}  

.index_n ul li h5{ width:auto; line-height:60px; font-size:1.5vw; font-weight:normal;}
.index_n ul li em{ width:90%; min-height:100px; line-height:25px; font-size:1rem; margin:0 auto; font-style:normal;}
.index_n ul li p{ width:26%; height:35px; line-height:35px; font-size:1.2vw; color:#FFF; text-align:center;border:1px solid #4935C5; background:#4935C5; position:relative; margin-top:5%;}
.index_n ul li p a{ text-decoration:none; color:#FFF;}

.index_ab{ width:100%; min-height:600px; margin:0 auto;background:#4935C5; overflow:hidden;}
.index_ab .ab{ width:50%; min-height:600px; float:left; }
.index_ab .ab .abou{ width:80%; height:30%; margin:0 auto; position:relative; padding-top:15%;}
.index_ab .ab .abou h2{ width:auto; line-height:60px; font-size:4vw; color:#FFF;}
.index_ab .ab .abou p{ width:auto; line-height:30px; font-size:1.3vw; color:#FFF; padding-top:2%;}
.index_ab .ab .abou span{ width:26%; line-height:20px; font-size:1vw; color:#FFF; border:1px solid #FFF; text-align:center; padding:2%; display:block;}
.index_ab .abt{ width:50%; height:auto; float:right;}
.index_ab .abt img{ width:100%; height:auto;}

@media screen and (max-width:840px){

.index_an{ width:90%; min-height:40%; margin:0 auto; overflow:hidden;}
.index_an ul{ width:100%; margin:0 auto;text-align:center;}
.index_an ul li{ width:47%; float:left; position:relative; margin-bottom:35px; height:100%; position:relative; margin-left:6%; margin-bottom:6%;transition: all .3s ease-in-out; padding-bottom:1.5%;}
.index_an ul li:nth-child(n+1){margin-left:5%;}
.index_an ul li:nth-child(2n+1){margin-left:0%;}
.index_an ul li .pic img{ width:100%; height:auto; 
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_an ul li p{ width:100%; min-height:30px; line-height:30px; font-size:0.36rem; text-align:center; position:relative; z-index:60;}	

.index_b{ width:90%; min-height:10vh; margin:0 auto; clear:both; margin-bottom:40px; padding-top:5%}
.index_b h1{ width:100%; min-height:5vh; line-height:5%; font-size:4vw; font-weight:600; float:left; text-align:left; margin-bottom:1%;}
.index_b ul li a{min-width:5vw;font-size:1.3vw; padding:1%; color:#707070;white-space:nowrap;}
.index_b ul li{ min-width:5vw !important; float:left; overflow:hidden; padding:1%; font-size:1.1vw; text-align:center; border:1px solid #707070;transition: all .3s ease-in-out; margin-right:1%; white-space: nowrap;}

.index_an ul li p{ width:100%; min-height:30px; line-height:3vh; font-size:1.2vw; text-align:center; position:relative; z-index:60; bottom:-20px}
.index_an ul li{  float:left; position:relative; height:40%; position:relative; margin-left:2.5%; margin-bottom:1%;transition: all .3s ease-in-out;}
.index_n{ width:90%; min-height:300px; margin:0 auto; padding-bottom:3%; overflow:hidden; clear:both;}
.index_n ul li{ width:100%; height:auto; float:left; margin-left:3.3%; position:relative;content: "";transition: all 0.36s ease;}
.index_n ul li:nth-child(n+1){margin-left:0px;}
.index_n ul li:nth-child(2n+1){margin-left:0;}
.index_n ul li h5{ width:auto; line-height:60px; font-size:4vw; font-weight:normal;}
.index_n ul li dd img{ width:100%; height:auto; overflow:hidden; }

.index_ab{ height:40%;}
.index_ab .ab .abou{ width:90%; height:30%; margin:0 auto; position:relative; padding-top:5%;}
.index_ab .ab{ width:100%; height:30%; background:#4935C5;}
.index_ab .abt{ width:100%; height:auto;}
.index_ab .abt img{ width:100%; height:auto;}
.index_ab .ab .abou h2{ width:auto; line-height:60px; font-size:6vw; color:#FFF;}
.index_ab .ab .abou p{ width:100%; line-height:30px; font-size:3vw; color:#FFF; padding-top:1%;}
}
@media screen and (max-width:600px){
.index_an ul li{ width:47%; float:left; position:relative; margin-bottom:35px; height:100%; position:relative; margin-left:6%; margin-bottom:6%;transition: all .3s ease-in-out; padding-bottom:1.5%;}	
.index_ab{ width:100%; min-height:50%; margin:0 auto;background:#4935C5; overflow:hidden;}
.index_ab .ab{ width:50%; min-height:30%; float:left; }
.index_an ul li .pic img{ width:100%; height:200px;

	}
}

.index_Px {
height:600px;
  position: relative;  margin:0 auto; margin-bottom:0px; 
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; margin-bottom:40px;
  }
.toma{ content: "";
    width: 100%;
    height: 100%;
    position: absolute; display:block;
    top: 0;
    left: 0;
    background:rgba(0,0,0,0.6); z-index:1200;}
.index_Px ul{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; overflow:hidden;}
.index_Px .img {
    background: center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;}
.index_Px .img.show {
      opacity: 1;
      visibility: visible;}
  .index_Px ul {
    margin-left:-1px;
    position: relative;
    z-index: 10;}
	
  .index_Px ul li {
    width:12%;content: "";
    height:600px;
    border-left:rgba(255,255,255,0.2) solid 1px; overflow:hidden; left:6%;transition: all 0.36s ease;
    position: relative;}
	.index_Px li span{ width:30%; height:auto; position:relative; margin:0 auto; display:block; top:30%;}
    .index_Px li h2 {
      font-size:1.2rem;
      color: #fff;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 50%;
      bottom: auto;
      line-height: .5rem;
      margin-top:-10px;
      width: 100%;
      text-align: center; font-weight:normal;
      text-shadow: 0 1px 3px rgba(85, 1, 92, 0.5);}
	 .index_Px li p{ width:auto; line-height:30px; position:relative; font-size:1rem; color:#FFF; top:60%; text-align:center;}
     .index_Px li a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      color: #fff;
      background: rgba(73, 53, 197, 0.85);
      padding: 1.55rem .3rem 0 .3rem; z-index:-1;transition: all 0.36s ease;
      opacity: 0;}
.index_Px ul li:hover:before{left:0;opacity:1;width:100%; overflow:hidden;}
.index_Px ul li:before{
    content: "";
    width: 0;
    height:2px;
    border-bottom:2px solid #1a478e;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .4s ease;bottom:31px; overflow:hidden; bottom:0px;overflow:hidden;
    opacity: 0;}  
@media screen and (max-width:840px){
	
	.index_Px {
height:300px;
  position: relative;  margin:0 auto; margin-bottom:0px; 
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; margin-bottom:40px; overflow:hidden;
  }
	}	
	 

/*YOUSHI*/
.tomu{  width:90%; min-height:15vh; margin:0 auto; clear:both; margin-bottom:40px; padding-top:3%}
.tomu p{ width:100%; line-height:60px; font-size:3vw; font-weight:600; float:left; text-align:left; color:#333;}
.index_to{ width:90%; min-height:500px; margin:0 auto; margin-bottom:0px; position:relative; margin-top:20px; overflow:hidden; padding-bottom:3%;}
.swiper-container{ width:auto;min-height:300px; margin:0 auto;}
.swiper-container .swiper-pagination-bullet-active{ background:#003281 !important; }
.swiper-container .swiper-slide{ width:25%; height:100%; float:left; position:relative;}
.swiper-container .swiper-slide dd{ width:110px; height:110px; background:#003281; text-align:center;border-radius:100px; margin:0 auto;}
.swiper-container .swiper-slide dd img{ width:40%; height:auto; padding:30%;}
.swiper-container .swiper-slide p{ width:90%; line-height:25px; font-size:1vw; margin:0 auto; color:#6d6d6d;}
.swiper-container .swiper-slide h3{ width:100%; line-height:60px;  font-size:1.3vw;margin:0 auto; text-align:center;}
.swiper-container .swiper-slide h3 a{font-size:1.3vw; text-align:center;}
.swiper-pagination{text-align:center;width:100%; position:relative;color:#333; padding-top:30%}  
  
.toimg{ width:auto; height:500px; margin:0 auto; background:url(../img/toimg.jpg); background-position: center center;
 }
.toimg h5{ width:90%; height:auto; line-height:100px; position:relative; font-size:3rem; font-weight:bold; color:#FFF; margin:0 auto; position:relative; text-align:center; top:30%;} 

@media screen and (max-width:840px){
	
.swiper-container .swiper-slide dd{ width:90px; height:90px; background:#003281; text-align:center;border-radius:100px; margin:0 auto;}
.swiper-container .swiper-slide dd img{ width:40%; height:auto; padding:30%;}	
	
.tomu{  width:90%; min-height:5vh; margin:0 auto; clear:both; margin-bottom:2%; padding-top:3%}
.tomu p{ width:100%; line-height:30px; font-size:1.0rem; font-weight:600; float:left; text-align:left; color:#333;}	

.toimg{ display:none;}

	}

.co_nw{ width:90%; min-height:300px; margin:0 auto; margin-top:40px;position:relative;}
.co_nw ul{ width:100%; margin:0px;}
.co_nw ul li{ width:16.666666%; min-height:60px; float:left; position:relative; overflow:hidden; padding:1%;

  border: 1px solid #e8e8e8; 
  box-sizing: border-box; 
  margin-right: -1px;  
   margin-top: -1px;  
  position: relative; 
}
.co_nw ul li:hover dd {background:#e70012;color:#fff;border-color:#e70012;}
.co_nw ul li:hover dd a{color:#fff;}
.co_nw ul li:hover { -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);}


.dwo_aob .tdwo {
  margin-top: 0.7rem;
  position: relative; margin-bottom:5%;
}
.dwo_aob .tdwo .bk {
  width: 100%;
}
.dwo_aob .tdwo .bk img {
  width: 100%;
}
.dwo_aob .tdwo .post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.dwo_aob .tdwo .post .item {
  position: relative;
  transition: 0.8s;
  flex: 1;
  display: flex;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.dwo_aob .tdwo .post .item > div {
  width: 100%;
  margin: auto;
  color: #fff;
  padding: 0 10%;
}
.dwo_aob .tdwo .post .item > div .div_1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;font-size:20px;
}
.dwo_aob .tdwo .post .item > div .div_2 {
  display: none;
}
.dwo_aob .tdwo .post .item > div .div_2 .desc {
  margin-top: 0.16rem;
  line-height: 1.2;
}
.f16{ color:#FFF; margin-top:2%;}
.w1520 { width:90%; margin:0 auto;
}
@media (min-width: 750px) {
  .dwo_aob .tdwo .post .item:hover {
    flex: 2.7;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_1 {
    animation: fadeOut 0.4s 0.2s both;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 {
    display: block;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 .txt {
    animation: fadeInUp 0.6s 0.8s both; font-size:20px;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 .desc {
    animation: fadeInUp 0.6s 1s both;
  }
}


  
.foot{ width:100%; min-height:400px; margin:0 auto; background:#003281; padding-top:5%; clear:both;}  
.footer{ width:90%; height:auto; margin:0 auto;}  
.footer .sum{ width:70%; height:auto; float:left;}
.footer .sum dl{ min-width:22%; margin:0 auto; float:left;}
.footer .sum dl dd{ width:auto; line-height:30px; font-size:16px; font-weight:bold; color:#FFF;}
.footer .sum dl dt{ width:auto; line-height:30px; font-size:14px; color:#FFF; font-weight:normal;}
.footer .sum dl dt a{ color:#FFF;}
.footer .sum1{ width:30%; height:auto; float:left;}
.footer .sum1 dl{ width:100%; height:auto; float:left; position:relative; left:8%;}
.footer .sum1 dl dd{ width:auto; line-height:30px; font-size:16px; font-weight:bold; color:#FFF;}
.footer .sum1 dl dt{ width:auto; line-height:30px; font-size:14px; color:#FFF; font-weight:normal;}
.footer .sum1 dl dt i{ width:auto; line-height:30px; font-size:16px; color:#FFF; display:block;}
.footer .sum2{ width:20%; height:auto; float:left;}
.footer .sum2 dl{ width:100%; height:auto; float:left; position:relative;}
.footer .sum2 dl dd{ width:auto; line-height:30px; font-size:18px; font-weight:bold; color:#FFF;}
.footer .sum2 dl dt{ width:auto; line-height:30px; font-size:14px; color:#FFF; font-weight:normal;}
.footer .sum2 dl dt span{ width:auto; display:block;}
.footer .sum2 dl dt span img{ width:50%; height:auto;}  
 
 @media screen and (max-width: 800px) {
.footer{ width:90%; height:auto; margin:0 auto;}  
.footer .sum{ display:none;}
.footer .sum1{ width:100%; height:50%;display:block; left:0px; right:0px;}
.footer .sum1 dl{ width:100%; left:2%;}
.footer .sum1 dl dd{ width:100%; height:50%; margin:0 auto;font-size:1.2rem;}
.footer .sum1 dl dt{font-size:0.6rem;line-height:25px; }
.footer .sum2{ width:100%; height:50%; margin:0 auto;left:0px;}
.footer .sum2 dl{width:auto; margin:0 auto;left:2%}
.footer .sum2 dl dd{width:100%;font-size:1.2rem;}
}

@media screen and (min-width: 800px) {
  .index_Px li:hover h2 {
    opacity: 1;}
  .index_Px li:hover a {
    opacity: 1;}
}
@media screen and (max-width:900px) 
{  
	.index_Px{ width:auto; height:400px; display:block; clear:both;}
	.index_Px ul{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; overflow:hidden; width:90%;}
  .index_Px ul li {
    width:30%;content: "";
    height:200px;
    border-left:rgba(255,255,255,0.2) solid 1px; overflow:hidden; left:8%;transition: all 0.36s ease;
    position: relative;}
	 .index_Px li a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      color: #fff;
      background: rgba(73, 53, 197, 0.85);
      padding: 1.55rem .3rem 0 .3rem; z-index:-1;transition: all 0.36s ease;
      opacity: 0;}
	  .index_Px li span{ width:30%; height:100%; position:relative; margin:0 auto; display:block; top:35%;}
	  .index_Px li h2 { font-size:1.0rem;
      color: #fff;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top:80%;
      bottom: auto;
      line-height: .5rem;}
	}

/*contact*/
.cont_img{ width:100%; min-height:400px; margin:0 auto; background: url(https://www.nanyn.com.cn/wp-content/themes/home/web/img/n.jpg) center; background-size:100%}
.cont_img h2{ width:auto; line-height:400px; margin:0 auto; font-size:3.6rem; font-weight:bold; text-align:center; color:#FFF;}
.cont_tom{ width:90%; min-height:300px; margin:0 auto;}
.cont_tom h1{ width:auto; height:120px; line-height:120px; font-size:2.6rem; font-weight:bold; text-align:center; margin:0 auto;}
.timo{ width:100%; height:40px; text-align:center; margin:0 auto; clear:both;} 
.timo i{ min-width:10%; line-height:40px; float:left; display:inline-table; font-size:1.0rem; margin:0 auto; }


.contn{ width:100%; line-height:30px; font-size:0.3rem; margin:0 auto; padding-bottom:2%; padding-top:1%;}
.pages{ width:90%; height:10rem; margin:0 auto; text-align:center;}
.page{ width:90%; height:auto; margin:0 auto;}
.page dd{ width:10%; line-height:30px; font-size:0.3rem; float:left;}
.page dt{ width:10%; line-height:30px; font-size:0.3rem;float:left;}

.contus{ width:90%; height:400px; margin:0 auto;background:url(../img/blog_07.jpg) left;margin-top:3%;}
.contus .tous{ width:50%; height:auto; float:right; background:#FFFFFF; padding-left:2%;}
.contus .tous ul{ width:100%; margin: 0 auto;}
.contus .tous ul li{ width:100%; min-height:80px; border-bottom:1px solid #c2c7ca; padding:2% 0 2% 0 ;}
.contus .tous ul li em{ width:100%;line-height:30px; font-size:1.5rem; color:##666666;float:left;font-style: normal;font-weight:bold;}
.contus .tous ul li dd{ width:5%; line-height:60px; font-size:1.2rem; font-weight: bold; float:left; text-align:left;}
.contus .tous ul li dt{ width:95%;line-height:20px; font-size:1.2rem; color:##666666;float:left; position:relative; top:2%;}
.contus .tous ul li p {width:100%;line-height:50px; font-size:1.2rem; }

.contu { width:100%; min-height:500px; margin:0 auto;}
.book{ width:100%; min-height:300px; margin:0 auto; background:#f8f8f8; padding-top:3%; margin-top:60px;clear:both; padding-bottom:3%;}
.book .txt{ width:90%; height:auto; margin:0 auto;}
.book .txt h2{font-size:3rem;}
.book .txt p{ font-size:1.5rem;}
.book .tdow{ width:90%; height:auto; margin:0 auto; padding-top:60px;}
.book .tdow .tdows{ width:auto; margin:0 auto;}
.book .tdow .tdows dl{ width:100%; height:60px; margin-bottom:30px;}
.book .tdow .tdows dl dd{ width:48%; height:6px; float:left;  transition: 0.6s;}
.book .tdow .tdows dl dt{ width:48%; height:6px; float:right;  transition: 0.6s;}
.book .tdow .tdows dl input{  transition: 0.6s;width: 100%;}
.textu{ width:auto; height:80px; margin:0 auto;}

.buttons{ width:100%; height:60px; line-height:60px; font-size:16px; clear: both; background:#003281; margin-top:100px;}
.button{ width:100%; height:60px; line-height:60px; font-size:16px; position:relative;cursor: pointer;background:#003281; color:#FFF;}
input{ width:90%; line-height:60px; font-size:14px; border:1px solid #003281; color:#333; padding:0 0px; text-indent:10px;}
input:focus {border-color:#003281;}
textarea{width:100%; height:120px;font-size:14px;  border:1px solid #003281;color:#333;padding:10px 10px;font-family:"Microsoft YaHei";}
textarea:focus {border-color:#003281;}

/*内 product*/
.proud_u{ width:90%; min-height:500px; margin:0 auto; background:#FFFFFF; overflow:hidden;}
.proud_u .show{ width:42%; height:auto; float:left; margin:20px;}
.proud_u .show img{ width:100%; height:auto;}
.proud_u .txt{ width:50%; height:auto; float:right; position:relative; top:2%;}
.proud_u .txt h1{ width:auto; line-height:60px; font-size:36px; text-align:left;}
.proud_u .txt p{ width:70%; line-height:30px; font-size:14px; color:#666;}
.proud_u .txt .tox{ width:auto; min-height:130px; line-height:30px; font-size:14px; margin-top:30px;}
.proud_u .txt .tox dl{ width:auto; margin:0px;}
.proud_u .txt .tox dl dd{ width:6%; height:auto; float:left; font-weight:bold;}
.proud_u .txt .tox dl dt{ width:50%; line-height:30px; font-size:14px;}
.proud_u .txt .toxx{ width:90%; height:60px; margin:0 auto;}
.proud_u .txt .toxx dd{ width:26%;  line-height:50px; float:left; background:#003281; padding:5px;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:100px;}
.proud_u .txt .toxx dd:hover {background:#1350af;border-radius:100px;}
.proud_u .txt .toxx dd em{ width:49px; height:50px; line-height:50px; float:left; padding-top:9px; position:relative; left:10px;}
.proud_u .txt .toxx dd em img{ width:50%;}
.proud_u .txt .toxx dd dfn{ min-width:30%; height:50px; line-height:50px; float:left; font-size:18px; font-style:normal;  color:#FFF;font-family:"century gothic"; font-weight:bold; text-align: center; }
.proud_u .txt .toxx dt{ width:32%; height:50px; line-height:50px; color:#FFF; background:#003281; float:left; text-align:center; margin-left:20px;-webkit-transition:all 0.5s;transition:all 0.5s;border-radius:100px;}
.proud_u .txt .toxx dt:hover {background:#003281;border-radius:100px;}
.proud_u .txt .toxx dt:hover  a{color:#FFF;border-radius:20px;}
.proud_u .txt .toxx dt a{color:#FFF;}
.toma_in{ width:90%; height:60px; line-height:60px; background:#003281; margin:0 auto; text-align:left; font-size:1.6rem; text-indent:20px; color:#FFF;}
.proud_cont{width:90%; min-height:30px; font-size:0.6rem; line-height:30px; margin:0 auto; padding:3% 0 3% 0;}
.proud_cont table{
	border-collapse: collapse;
	border-spacing: 0;
	border: solid #dbdbdb 1px; font-size:14px; width:90%; 
}
.proud_cont td{height:26px; line-height:26px; font-size:14px; text-align:center;border:solid #dbdbdb 1px;word-wrap: break-word; 
  white-space: normal;}
.proud_cont td a{text-decoration:underline; color:#333; font-weight:bold; font-size:14px;}
.proud_cont tbody{border:0px;}
.proud_cont th{text-align:center;border:solid #dbdbdb 1px;}



/*内 news*/
.news_list{ width:90%; min-height:300px; margin:0 auto;}
.news_list ul{ width:100%; margin:0 auto;}
.news_list ul li{ width:100%; min-height:100px; border-bottom:1px solid #c2c7ca; padding:2% 0 2% 0;}
.news_list ul li h1{ width:auto; line-height:60px; font-size:2.0rem; font-weight:bold;}
.news_list ul li p{ width:auto; line-height:30px; font-size:1rem;}
.news_list ul li span{ width:30%; height:30px; line-height:30px; text-align:center; font-size:0.5rem;}

/*内 service*/

.index_sev{ width:90%; min-height:600px; margin:0 auto; overflow:hidden; padding-top:2%;}
.index_sev ul{ width:100%; margin:0 auto;}
.index_sev ul li{width:31%;*width:29.95%!important; float:left; position:relative; height:100%; position:relative; margin-left:3.5%; margin-bottom:1%;transition: all .3s ease-in-out;}
.index_sev ul li:hover:before{bottom:0px;opacity:1;width:100%; overflow:hidden; height:20%; }
.index_sev ul li:before{
    content: "";
	position: absolute;
    width:100%;
    height:0px;
    left:0%;right:0px;bottom:0px;
    webkit-transition:all .3s ease-in-out;
    transition: all .3s ease-in-out;background:#1a478e; z-index:1;color:#FFF;} 
.index_sev ul li:nth-child(3n+1){margin-left:0px;}
.index_sev ul li .pic{width:100%; height:100%;overflow:hidden;}
.index_sev ul li .pic img{ width:100%; height:auto; 
 
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_sev ul li .pic:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
	
.index_sev ul li p{ width:100%; min-height:30px; line-height:6vh; font-size:1.2vw; text-align:center; position:relative; z-index:60;}
.index_sev ul li em{ width:100%; line-height:20px; font-size:14px; color:#666;}
.index_sev ul li:hover a{ color:#FFF;transition: all .3s ease-in-out;}

.index_tich{ width:90%; height:360px; margin:0 auto;}
.index_tich ul{ width:auto; height:auto; margin:0 auto;}
.index_tich ul li{ width:48%; height:390px; float:left; position:relative; margin-left:2%;background: url(../img/time.jpg) center; background-size:100%}
.index_tich ul li:nth-child(2n+1){margin-left:0px;}
.index_tich ul li dd{ width:60%; height:auto; float:left;}
.index_tich ul li dd h1{ width:auto; line-height:30px; font-size:2rem; font-weight:bold; color:#FFF;}
.index_tich ul li dd p{ width:15%; line-height:35px; font-size:1.5rem; text-align:center; color:#FFF;}
.index_tich ul li dt{ width:40%; height:auto; float:right;}
.index_tich ul li dt img{ width:100%; height:auto;}
@media (max-width:600px) {
.cont_img{ width:100%; min-height:200px; margin:0 auto; background: url(https://www.nanyn.com.cn/wp-content/themes/home/web/img/n.jpg) center; background-size:100%}
.cont_img h2{ width:auto; line-height:200px; margin:0 auto; font-size:1.2rem; font-weight:bold; text-align:center; color:#FFF;}
.contus{ width:90%; height:400px; margin:0 auto;background:url(../img/blog_07.jpg) left;margin-top:3%;}
.contus .tous{ width:100%; height:auto; float:right; background:#FFFFFF; padding-left:2%;}
.news_list ul li h1{ width:auto; line-height:30px; font-size:1.2rem; font-weight:bold;}
.news_list ul li p{ width:auto; line-height:25px; font-size:1rem;}
.news_list ul li span{ width:30%; height:30px; line-height:30px; text-align:center; font-size:0.8rem;}
.co_nw{ width:90%; min-height:200px; margin:0 auto; margin-top:40px;position:relative; margin-bottom:2%;}
.co_nw ul{ width:100%; margin:0px;}
.co_nw ul li{ width:50%; min-height:60px; float:left; position:relative; overflow:hidden; padding:1%;

  border: 1px solid #e8e8e8; 
  box-sizing: border-box; 
  margin-right: -1px;  
   margin-top: -1px;  
  position: relative; 
  
}
.dwo_aob .tdwo .post .item > div .div_1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;font-size:1.2rem;
}
.index_sev{ width:90%; min-height:600px; margin:0 auto; overflow:hidden; padding-top:2%;}
.index_sev ul{ width:100%; margin:0 auto;}
.index_sev ul li{width:100%; float:left; position:relative; height:100%; position:relative; margin-left:3.5%; margin-bottom:1%;transition: all .3s ease-in-out;}
.index_sev ul li:nth-child(1n+1){margin-left:0px;}
.index_sev ul li p{ width:100%; min-height:30px; line-height:6vh; font-size:1.5rem; text-align:center; position:relative; z-index:60;}
.index_sev ul li p a{font-size:1.5rem;}

.proud_u{ width:90%; min-height:50%; margin:0 auto; background:#FFFFFF; overflow:hidden;}
.proud_u .show{ width:100%; height:auto; margin:0 auto;}
.proud_u .show img{ width:100%; height:auto;}
.proud_u .txt{ width:100%; height:auto;margin:0 auto;}
.proud_u .txt .toxx dd{ width:40%; line-height:30px; float:left; background:#003281;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:100px;}
.proud_u .txt .toxx dt{ width:32%; height:50px; line-height:50px; color:#FFF; background:#003281; float:left; text-align:center; margin-left:20px;-webkit-transition:all 0.5s;transition:all 0.5s;border-radius:100px;}
.proud_u .txt .tox{ width:auto; min-height:130px; line-height:25px; font-size:1.2rem; margin-top:3%;}
.proud_u .txt .toxx dd dfn{ min-width:30%; line-height:30px; float:left; font-style:normal;color:#FFF;font-family:"century gothic"; font-weight:bold; text-align: center; }
.proud_u .txt .toxx dd em{ width:49px; line-height:30px; float:left; padding-top:9px; position:relative; left:10px;}
.cont_tom h1{ width:auto;line-height:30px; font-size:1.2rem; font-weight:bold; text-align:center; margin:0 auto;}
}
@media (min-width:1000px) {

.proud_u .txt .toxx dd{ width:32%; height:50px; float:left; background:#003281; padding:5px;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:100px;}
.proud_u .txt .toxx dd dfn{ min-width:25%; line-height:39px; float:left; font-size:16px; font-style:normal;  color:#FFF;font-family:"century gothic"; font-weight:bold; text-align: center; }
.cont_img{ width:100%; min-height:200px; margin:0 auto; background: url(https://www.nanyn.com.cn/wp-content/themes/home/web/img/n.jpg) center; background-size:100%}
.cont_img h2{ width:auto; line-height:200px; margin:0 auto; font-size:2rem; font-weight:bold; text-align:center; color:#FFF;}
}





.wp-block-table{ list-style:none; all: unset;}

/*动态调用数据*/

.detaim{
    width: 80%;
    background: #FFF;
    overflow: hidden; overflow-x: auto;  padding: 0 10px;
}

.details{
    max-width:1000px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 60px;    
}

.detailsTop{
    line-height: 106px;
    font-size: 25px;
    color: #094a9b;
    font-weight: 700;
    float: left;
    width: 100%;
}

.detailsLeft{
    float: left;
    width: 30%;
    min-height: 668px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    padding: 10px;
}

.detailsLeft img{
    margin-top: 60px;
}


.detailsRight{
    float: right;
    width: 69%;
    min-height: 668px;
    overflow: hidden;
    background: #fff;
    padding: 30px 20px;
}

.detailsRighttext{
width: 100%;
    overflow: hidden;
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.detailsRighttext div{
    width: 48%;
    overflow: hidden;
    line-height: 26px;
}

.detailsRighttext div label{
    font-size: 18px;
    color: #094a9b;
    display: block;
    margin-bottom: 11px;
}

.detailsRighttext div p{
    color: #1b1818;
}

table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    
    font-size: 13px;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #bdbebf;
    font-size: 14px;
    font-weight: bold;
    padding:3px 3px 3px 2px;
    word-break:break-all;
    color:#000;
    text-align:center;
}
table.tablesorter thead tr .header {
    background-image: url(../img/tbg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding:3px 3px 3px 2px;
    font-size:16px;
    background-color: #FFF;
    vertical-align: top;
    text-align:center;
}
table.tablesorter tbody tr.odd td {
    background-color:#f5f5f5;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../img/desc.gif); 
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #017ac3;
}

table.tablesorter tbody tr td img{ position:relative; margin-top:5%;}