@media (min-width: 1201px) {
 .kopteoa a:hover { padding-left:10px; trabsition:all ease .5s;}
.storyinfo a:hover img{ margin-left:10px; transition:all ease .5s;}
.title a:hover{ color:#17116b;   transition:all 0.5s ease;}
.product .content a:hover{   width:180px; transition:all ease .5s;}
.youjian .con a:hover{ transform: scale(1.05);  transition:all 0.5s ease; }
.prodetail .prodata a.lybtn:hover{   background:#17116b;  transition:all ease .5s;}
.prodetail .prodata .metrial span:hover{ background:#eee; transition:all ease .5s;}
.prodetail .prodata .colorful a:hover{ 
    border: 1px solid #ccc;
   transition:all ease .5s;}
.foot li a:hover{color:#17116b; text-indent:5px; transition:all ease .5s;}
a.gotop:hover { font-size:20px; color:#333;transition:all 0.5s ease;}
.helpyou .cont a:hover{width: 180px;border: 2px solid #17116b; background:#17116b;transition: all ease .5s;}
.download a:hover span{ opacity:1;  transition:all ease .5s;}
.news a:hover span{ opacity:1;  transition:all ease .5s;}
.about .content a:hover {
    width: 180px;
    transition: all ease .5s;
}.about2 .content a:hover {
    width: 180px;
    transition: all ease .5s;
}.about3 .content a:hover {
    width: 180px;
    transition: all ease .5s;
}
.T-nav li:last-child a:hover {
    color: #fff;
    transition: all ease .5s;
}
.T-nav2 li:last-child a:hover {
    color: #fff;
    transition: all ease .5s;
}
.newsnav a:hover span{ border:2px solid #ecaa9c;  color:#e24d35; padding:10px 20px; border-radius:30px;transition: all ease .5s;}
.prolist a:hover span{ opacity:1;  transition:all ease .5s;}
.prolist li a:hover .pic .small{ opacity:0;transition: all ease .5s;}
.prolist li a:hover .pic .big{  opacity:1;transition: all ease .5s;}
.prolist2 a:hover span{ opacity:1;  transition:all ease .5s;}
.prolist2 .swiper-slide a:hover .pic .small{ opacity:0;transition: all ease .5s;}
.prolist2 .swiper-slide a:hover .pic .big{  opacity:1;transition: all ease .5s;}
.pronav a:hover span{ border:2px solid #ecaa9c;  color:#e24d35; padding:10px 20px; border-radius:30px;transition: all ease .5s;}

.pagelc a:hover img{ width:23%; transition:all ease .5s;}
.prolist li .colorful a:hover{ 
    border: 1px solid #ddd;
    transition:all ease .5s;}
.lbonea li a:hover .img img,.ybceva li a:hover .pic img{transform: scale(1.05);transition: all 0.5s;}
	.lobnea .list.on .con{
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		transition: all 0.5s ease 0.4s;
	}
.lobnea .list.on .num{color: #fff;transition: all 0.5s;}
.lobnea .list.on .tit{color: #fff;transition: all 0.5s;}
.lobnea .list.on{width: 79%;transition: all 0.5s;}
.lobnea .list.on:before{opacity: 0;transition: all 0.5s;}
.cdst{ opacity:0; transform:translateY(-80px);transition:all 0.5s ease;}
.arenc{ opacity:0; transform:translateX(-80px);transition:all 0.5s ease;}
.active .cdst{ opacity:1; transform:translateX(0px);transition:all 0.5s ease 0.3s;}
.active .arenc{ opacity:1; transform:translateX(0px); transition:all 0.5s ease 0.5s;}
.active .olapc{ opacity:1; transform:translateX(0px); transition:all 0.5s ease 0.3s;}
.alocc .p3 a:hover:after{ width:100%; transition:all 0.5s ease;}
a.arenc:hover .p2{ transition:all 0.5s ease 0.3s; color:#1f3a8b; } 
.boprek a:hover { background:#014099 url(../images/sy.png) 120px center no-repeat;
    transition:all 0.5s ease; color:#fff;}
.boprek2 a:hover { background:#014099 url(../images/sy.png) 120px center no-repeat;
    transition:all 0.5s ease; color:#fff;}
.roslm a:hover div{ opacity:1;   transition:all ease .5s;  }
 
.ny-banner h3 a:hover{ width:23%; transition:all ease .5s;} 

.cs-list li{ opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.active .cs-list li{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.3s;}
.cs-list li:nth-child(2){ transition-delay:0.6s;}
.cs-list li:nth-child(3){ transition-delay:0.9s;}
.cs-list li:nth-child(4){ transition-delay:1.2s;}
.cs-list li:nth-child(5){ transition-delay:1.5s;}

.pad-solc .title{ opacity:0; transform:translateY(-80px); transition:all 0.5s ease;}
.active .pad-solc .title{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.3s;}
.cs-list li a:hover{ transform:translateY(-30px);transition:all 0.5s ease;}
.cs-list li a:hover .pic img{ transition:all 0.5s ease; transform:scale(1.1);}
.cs-list li a:hover .pic span{visibility: visible; opacity:1; transition:all 0.5s ease;}
.cs-list li a:hover .tit,.cs-list li a:hover .con{ height:80px; transition:all 0.5s ease;}
.cs-list li a:hover .bq{visibility: visible; opacity:1; transition:all 0.5s ease;}
.omfdl .p3 a:hover:after{ width:100%; transition:all 0.5s ease;}
.active .omfdl .p1{ opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.active .omfdl .p2{ opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.active .omfdl .p3{ opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.active .omfdl .p1{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.3s;}
.active .omfdl .p2{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.6s;}
.active .omfdl .p3{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.9s;}
.arenc .p4 a:after{ content:''; position:absolute; left:0; top:0; width:0; height:100%; background:#1f3a8b; transition:all 0.5s ease; z-index:1;}
.arenc .p4 a:hover:after{ width:100%; transition:all 0.5s ease;}

.pad-solc a:hover{ width:220px; transition:all 0.5s ease; background:#1f3a8b; color:#fff;}
 
.sc-neca{ opacity:0; visibility:hidden;transition:all 0.6s ease;}
.sc-neca.on{ opacity:1; visibility: visible; transition:all 0.6s ease;}
.loteca a:hover{ border-color:#00507e;}
.honor-ul li:hover{ background:#00507e; color:#fff; transition:all 0.5s ease;}
.ny-nav a:hover {
color:#000;
transition:all 0.5s ease;
}
.ny-nav a.cur:after, .ny-nav a:hover:after {
width:100%;
transition:all 0.5s ease;
}
.ny-nav a.cur {
color:#000;
}
.news-list li a:hover .pic img {
transform:scale(1.05);
transition:all 0.5s ease;
}
.news-list li a:hover {
box-shadow:0px 0 10px #ddd;
transition:all 0.5s ease;
}
.news-list li a:hover .con .d1 {
color: #1e5ca7;
transition:all 0.5s ease;
}
.news-list li a:hover .con span {
border: 2px solid #1e5ca7;
transition:all 0.5s ease;
color:#1e5ca7; width:22%;
}
.bmtea li a:hover .con{ color:#fff; background:#00507e; transition:all 0.5s ease;}
.bmtea li a:hover .con .d2{ color:#fff;}
.bolate .list .d2{ opacity:0; transform:translateY(40px); transition:all 0.5s ease;}
.bolate .list.on .d2{ opacity:1; transform:translateY(0px); transition:all 0.5s ease;}
 
.T-nav li .sec,.T-nav > li .secon{ display:block; opacity:0; visibility:hidden; transform:translateY(30px); transition:all 0.5s ease;}
.T-nav li:hover .sec,.T-nav > li:hover .secon{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.cur:after{ width:30px; transition:all 0.5s ease;}
.T-nav > li:hover > a,.T-nav > li > a.cur{ color:#17116b;}
.T-nav > li.aomentc .secon .paeblm a.cur{background:#eee;}
.T-nav > li.aomentc:hover i{background:url(../images/jt3.png) center center no-repeat;  transform: rotate(180deg);transition:all 0.5s ease;}

.T-navs li .sec,.T-navs > li .secon{ display:block; opacity:0; visibility:hidden;/* transform:translateY(30px);*/ transition:all 0.5s ease;}
.T-navs li:hover .sec,.T-navs > li:hover .secon{ opacity:1; visibility: visible; /*transform:translateY(0px); */transition:all 0.5s ease;}
.T-navs > li:hover > a:after,.T-navs > li > a.cur:after{ width:30px; transition:all 0.5s ease;}
.T-navs > li:hover > a,.T-navs > li > a.cur{ color:#17116b;}
 
}
 
 
 

@media (max-width: 1919px) {
}
 @media (max-width: 1710px) {
 
 }
 @media (max-width: 1690px) {
 .about .content a{ margin-top:30px;}
 .threepic li{ width:15%;}
 .product{ padding-top:2%;}
}

@media (max-width: 1570px) {
 
}
@media (max-width: 1460px) {

 
 }
 
@media (max-width: 1410px) {.about .content p{ font-size:14px; line-height:26px;}.bobme{ margin-top:3%}.ny-banner h2{ font-size:42px;}.about{ padding:3% 5%} .about3 .wordss{ width:50%};}

@media (max-width: 1366px) {.hrzp .d2 {
    font-size: 16px;
    color: #000;
}.bcenba li p:nth-child(3){   font-size:16px;   }
.bcenba li p:nth-child(4){   font-size:16px;   }
.bcenba li p:nth-child(5){   font-size:16px;  }
 .elbol p {
    font-size: 14px;
    line-height: 26px;
 
}.youjian p {
    font-size: 14px;
 
    line-height: 26px;
    
}.storyinfo p {
    font-size: 14px;
   
    line-height: 26px;
}
.titles {
    font-size: 36px; margin-bottom:3%;
  
    
}.about3 .wordss p {
    font-size: 14px;
   
    line-height: 26px;
}
.buteba p {
    font-size: 14px;
    line-height: 26px;
}
.product .content p {
    font-size: 14px;
    line-height: 26px;
  
}
.about2{ margin-bottom:5%;}
.prodetail .morepic {
    width: 60%;
}
.tlact li h5 {
    width: 63%;
   
    font-size: 22px;
}.tlact li p {
    font-size: 16px;
    line-height: 26px;
   
}
.sloct {
    width: 90%;
    
    margin: 0 auto 5% auto;
}.sloct .pic {
    width: 42%;
}.title {
    font-size: 30px;
     
    margin-top: 30px;
    
}.sloct .neirong p {
    margin-top: 3%;
    font-size: 16px;
}
.wrap2 {
    max-width: 1000px;
    margin: 0% auto;
}
 #certify .swiper-slide {
    width: 460px;
    
 
}.banword {
   
    font-size: 46px;
     
}
}
 @media (max-width: 1280px) {
 .buteba p {
    font-size: 16px;
 
    line-height: 26px;
}
 .banner {height: 570px;}
 .about .content p {
    font-size: 16px;
    line-height: 26px;
   
}
.product .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 5%;
    color: #000;
}
}

@media (max-width: 1210px) {/*Ipad12.9 英寸*/

.T-nav > li.aomentc {
      position: relative;  
}
.T-nav{ display:none; border-radius:0; position:fixed; margin:0; top:50px; left:0; height:calc(100% - 50px); overflow:auto; margin:0; width:100%; background:#fff;}
.T-nav > li.aomentc i{ display:none;}
.T-nav li:last-child a{ margin:5px auto;}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #eee;}
.T-nav li a{ width:100%; text-align: center; padding:0 2%; line-height:45px; height:45px; font-size:15px; color:#666;}
.T-nav li > a.cur{ background:none; border:none; color:#666;}
.T-nav li .secon{ position:relative; width:100%; left:0; margin-left:0; top:0; padding:0; display:none;}
.T-nav li .secon a{ padding:0 5%; height:35px; line-height:35px; margin:0; font-size:14px; background:none; color:#666; width:100%; background:#f9f9f9; border:none; line-height:40px;}
 
  .mob-nav {
    display: block;
    width: 50px;
    height: 50px;
    position: relative; right:-90px;
     
}
.public {
     max-width: 770px;
        padding: 30px 3% 0 3%;
 
}
.wrap{ max-width:770px; padding:0 3%;}  
}
@media (max-width: 1110px) {/*Ipad12.9 英寸，也有可能有Ipad11 英寸的影子*/
.wrap2 p img{width:100%!important;height:auto!important;}
.wrap2{ margin:0 3%;}
#certify .swiper-slide {
    width: 200px;
    
 
}
.titles{ font-size:18px;margin-top: 20px;}
.kopteoa a {
    margin-top: 8%; margin-bottom:5%;
    
    
}.sloct .neirong p {
     
    font-size: 13px;
}.sloct .pic {
    width: 100%;
}.sloct .neirong {
    width: 100%;
    padding: 0 3%;
}.kopteoa h4 {
   
    margin-top: 2%;
    font-size: 16px;
}.boaclt h3 {
    width: 100%;
    font-size: 18px;
  margin-bottom:3%;
}.kopteoa h3 {
    font-size: 200%;
   
    margin-top: 10%;
}.elbol {
    width: 100%;
    background: #16116b;
    padding: 6% 3% 0 3%;
}.alocc{ padding:3%;}.about3 .wordss {
    width: 100%;
}.position {
    
    font-size: 12px;
}.position a {
    font-size: 12px;
    
}.lsdoc .title {
    text-align: center;
}.boaclts {
    width: 100%;
    
    font-size: 13px;
    margin-bottom: 4%;
}.tlact li {
    width: 100%;
     
}.tlact li p {
    font-size: 13px;
    line-height: 26px;
    margin-top: 0;
}.tlact li h5 {
    width: 100%;
 
    font-size: 16px;
}.elbol h3 {
    font-size: 18px;
    
}.about3 .wordss p {
    font-size: 13px;
    
    line-height: 26px;
}.download {
    width: 100%;
    
}.picta {
    width: 100%;
}.elbol p {
    font-size: 13px;
    line-height: 26px; margin-bottom:3%;
    
}.container2 {
    width: 100%;
}.container2 h3 {
    font-size: 18px;
    
}.storyinfo p {
    font-size: 13px;
    margin-bottom: 3%;
   
    line-height: 26px;
}.storyinfo {
    width: 100%;
}.lsdoc {
    width: 100%;
    position: inherit;
    overflow: hidden;
    left: 0;
    top: 0;
    transform: none;
}
.banword {
   
    font-size: 14px;
    
}.news a {
   
    width: 100%;
    
    margin-right: 0%;
     
}.sonmc {
     
    padding: 0 0 0% 0%;
    
}.kopteoa {
     
    width: 100%;
     
}.lmdfa {
    width: 100%;
}.buteba {
    width: 100%;
    padding: 0 3%;
}.buteba p {
    font-size: 13px;
    
    line-height: 26px;
}.oaloa {
    width: 100%; margin-bottom:10px;
}
.banner {
    width: 100%;
 
    height: 220px;
}
.s-t-search{ display:none;}
.feedback h3 {
   
    font-size: 18px;
   
    padding-top: 10%;
    margin-bottom: 5%;
}.otebn li {
   
    font-size: 13px;
   
    width: 100%;
}.otebn li p {
    
    font-size: 13px;
     
}.laebta, .laebta iframe {
   
    width: 100%;
   
}
.bobme a {
    width:49%; margin-bottom:2%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
   
}.bcenba li {
    width: 100%;
 
}.bcenba li p {
    font-size: 16px;
    
}.bcenba li p:nth-child(3) {
    color: #333;
    font-size: 16px;
    
}.bcenba li p:nth-child(4) {
    color: #333;
    font-size: 16px;
    
}.hrzp {
     
    width: 100%;
  
}.hrzp .d1, .hrzp .d2{ font-size: 16px;}
.wenhua h3 {
     
    font-size: 18px; margin-bottom:20px;
}
.wenhua p {
    font-size: 15px;
    
    margin-bottom: 3%;
}
body{ margin-top:50px;}
.ny-banner h2{ font-size:100%;}
.ny-nav{ display:none;}
.kongzhi{ display:none;}
.kongzhi2{ display:block;}
.prolist2 .swiper-slide i{font-size: 12px;padding: 3px 6px;}
.sublity {
    padding: 0px 3%; margin:0;
    width: 100%;
 
}
.video iframe{ width:100%; height:300px;}
.news a .btn {
    padding: 30px 5% 0 5%;
    line-height: 2;
    font-size: 16px;
}
.news a .tit {
    
 
    font-size: 16px;
   
}
 
.about2{ padding:0;}
.about2 .content h3 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
 
}
.about2 .content{ width:100%;}
.about2 .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
 
}
.about2 .content a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border-radius: 30px;
    margin-top: 30px;
}
.about3 .content h3 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
 
}
.about3 {
    width: 100%; padding:0 3%; margin-top:20px;
     
}
.about3 .content{ width:100%;}
.about3 .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
 
}
.about3 .content a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border-radius: 30px;
    margin-top: 30px;
}
.title a {font-weight: normal;}
.product{ display:none;}
.container {
    margin: 0 auto;
    width: 100%;
    height: 55px; padding:0 3%;
}
.pronav a {
     
    min-width: 130px;
    font-size: 16px;
  
    line-height: 45px;
 
}
.input_bd {
 
    height: 40px;
 
  
}
.input_bd input {
    width: 99%;
    background: none;
    text-indent: 10px; line-height:40px;
}
.input_btn02 input {
    width: 100%;
 
    height: 40px;
    background: #17116b;
    font-size: 12px;
 
}
.contbox {
    margin-top: 25px;
    margin-bottom: 20px;
}
.inquery {
   
   padding:80px 3% 0;
    max-width: 770px;
  
}
.inquery .cont {
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
}
.s-t-search a { 
    width: 30px;
    height: 30px;
 
}
.logo img {
    height: 19px;
}
.lenolsa {
    margin-bottom: 15px;
   
}
.procon {
    padding: 0; line-height:26px;
    font-size: 16px;
}
.also{ padding:0;}
.also h3 {
    font-size: 18px;
    font-weight: bold;
}
.prodetail .prodata .d1{ font-size:14px; font-weight:bold;}
.prodetail .prodata h2 {
    font-size: 18px;
    line-height: 26px;
    margin:15px 0;
    font-weight: bold;
}
.nyabout {
    font-size: 16px;
    padding: 0 3%;
    margin-top: 30px;
}
.certifi {
    font-size: 14px;
    padding: 0 3%;
    margin-top: 30px;
}
.certifi .d4 {
    margin-top: 0px;
    font-size: 16px;
    text-indent: 0px; font-weight:bold;
}
.certifi .d3 {
    margin-top: 15px;
    text-indent: 0px;
    line-height: 26px;
}
a.gotop {
    font-size: 14px;
 
    margin: 50px 0 50px 0;
 
}
a.gotop img{ width:2%}
.about{ padding:0 3%;}
.about .threepic{ display:none;}
.about .content{ width:100%; padding-top:30px;}
.about .content h3 {
    font-size: 20px;
    margin-bottom: 20px;}
.about .content p{ font-size:13px; line-height:26px;}
.about .content img{ margin:0 7px; height:35px;}
.about .pic {
    width: 100%;
}
.about .content a {
    width: 120px;
    height: 40px;
    line-height: 40px;
 
 
 
    font-size: 12px;
   
    border-radius: 30px;
    margin-top: 30px;
   
}
.youjian{ display:none;}
.helpyou img{ height:90px;}
.helpyou .cont {
    font-size:18px; font-weight:bold;
  
}
.helpyou{ overflow:hidden;}
.dolsca .d1{ font-size:16px;}
.nyabout .d1{ font-size:18px; font-weight:bold; margin-top:20px;}
.nyabout .d2 {
    margin-top: 20px;
    line-height: 26px;
}

.helpyou .cont a {
    width: 100px;
    height: 30px; font-weight:normal;
    line-height: 28px;
 border: 2px solid #17116b; background:#17116b;
    color: #fff;
    font-size: 12px;
 
    border-radius: 30px;
    margin: 5px auto 0;
 
}
.title {
    font-size: 18px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
 
}
.prolist {max-width:770px; padding:0 3%;width:100%;
    margin-top:10px;
}
.prolist i {
   
    box-shadow: 0 0 5px #999;
    font-size: 12px;
    padding: 3px 6px;
 
}
.prolist li {
    margin-top: 10px;
    display: block;
    margin-right: 2%;
    overflow: hidden; width:49%;
    position: relative;
}
.prolist li a .tit {
    margin: 0% 0 0 0%;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    overflow: hidden;
    
}
.prolist li .colorful {
 
    margin-top: 0;
    margin-bottom: 10px;
}
.prolist li:nth-child(3n){ margin-right:2%;}
.prolist li:nth-child(2n){ margin-right:0;}
.prodetail {padding: 53px 0 15px 0;}
.prodetail .morepic {width: 100%;}
.pagelc {
    padding: 10px 0;
}
.foot {
    padding: 0;
}
.foot .copyright{ border:none;}
.foot .copyright p{ font-size:12px; line-height:26px;}
.foot .copyright p a{ display:none;}
.foot li{ display:none;}
.foot .show{ display:none;}
}
 


@media (max-width: 970px) {/*Ipad11 英寸*/
.s-t-search {
    margin-top: 10px;
}
.logo{margin: 14px 0;}
 
}
 
@media (max-width: 920px) {/*可能这个也有Ipad11 英寸的影子*/
 
}
 @media (max-width: 780px) {
  
}
@media (max-width: 640px) {
 
}