﻿
	
.iongt{width: 160px; margin: auto; height: 38px; line-height: 38px;  text-align: center; border-radius: 19px; font-size: 14px; color: #fff;background: #0090ff; }	

.iongt:hover{ background: #1f2044;box-shadow: 0 3px 18px rgba(153,153,153,.5); }



/*关于我们*/
.indexabout{width: 100%; overflow: hidden; display: block; position: relative;  min-height: 450px; padding-top: 40px; z-index: 0; margin-bottom: 30px;}
.indexabout .aboutleft{overflow:hidden; position: absolute; margin-top: 95px; right: 0; width: 600px; z-index: -1; height: 460px; top: 0;}
.indexabout .aboutleft img{width: 100%;max-width: 100%;height: auto;transition: all 0.7s ease-in-out;}
.indexabout .aboutleft:hover img {transform: scale(1.1,1.1);transition: all 0.7s ease-in-out;}

.indexabout .aboutright{ width:100%; float:left; overflow:hidden;  z-index: 1;}
.indexabout .aboutright .bdiot{font-size:70px;margin-top: 0px; color: #1f2044;font-weight: bold; line-height: 80px;}
.indexabout .aboutright .frto{font-size: 30px;line-height: 41px;margin-top: 5px; color: #666;position: relative; padding-bottom: 5px;  font-family: inherit;
    font-weight: 500; }
.indexabout .aboutright .frto:before{width: 80px;height: 3px;content: '';background:#585858;left: 0;bottom:0;position: absolute;  }

.indexabout .aboutright .abtext{ width: 50%; float: left; overflow:hidden; margin-top: 25px; }
.indexabout .aboutright .abtext p{line-height:28px;color: #666; font-size:24px}
/*关于我们*/

/*.NEW SOLUTION*/
.indexnew{width: 100%; overflow: hidden; display: block; position: relative; margin-bottom: 40px;}
.indexnew .newsdesc{width: 100%; overflow: hidden; display: block; position: relative; margin-top: 0px;}
.indexnew .newsdesc .indexitle{font-size:70px;margin-top: 0px; color: #1f2044;font-weight: bold; line-height: 80px; text-align: center;margin-bottom: 20px;}
.indexnew .newsdesc .indle{font-size: 24px; text-align:center;color: #0D1F61; margin-top: 10px; margin-bottom: 20px; font-family: inherit;
    font-weight: 500;}
.indexnew .newsdesc .indbrund{text-align: left!important;font-size: 14px;line-height: 30px; width: 84%; margin: auto;}

.newewlist{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.newewlist ul{zoom: 1; display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.newewlist ul li{ width: 386px; margin-right: 40px; margin-bottom: 30px;overflow: hidden; display: inline-block; position: relative;}
.newewlist ul li.new5{min-height: 400px;}  
.newewlist ul li:nth-child(3n){margin-right: 0;}
.newewlist ul li .img{ display: block; width: 100%;height: 300px;overflow: hidden;}
.newewlist ul li .img img{max-width:100%;transition: all 0.5s ease 0s;}
.newewlist ul li:hover .img img{transform: scale(1.1,1.1)}
.newewlist ul li .indtit{ margin-top: 22px;font-size: 18px; line-height: 22px; color: #333; text-align: left ; font-family: inherit;
    font-weight: 500;}
 .newewlist ul li .fe24{font-size: 24px; }   
.newewlist ul li .indxey{ margin-top: 12px; display: block; color: #999; line-height:22px; text-align:left}









.newewlod{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.newewlod ul{zoom: 1; display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.newewlod ul li{ width: 355px; margin-right: 45px; margin-bottom: 30px;overflow: hidden; display: inline-block; position: relative;}
.newewlod ul li.new5{min-height: 400px;}  
.newewlod ul li:nth-child(3n){margin-right: 0;}
.newewlod ul li .img{ display: block; width: 100%;height: 195px;overflow: hidden; text-align: center;}
.newewlod ul li .img img{max-width:100%;transition: all 0.5s ease 0s;}
.newewlod ul li:hover .img img{transform: scale(1.1,1.1)}
.newewlod ul li .indtit{ margin-top: 22px;font-size: 18px; line-height: 22px; color: #333; text-align: center ; font-family: inherit;
    font-weight: 500;}
.newewlod ul li .fe24{font-size: 24px; }   
.newewlod ul li .indxey{ margin-top: 12px; display: block; color: #999; line-height:22px; text-align:left }






.dingts{width: 100%; overflow: hidden; display: block; position: relative; margin-top: 30px; margin-bottom: 30px;}

.newedoto{width: 80%; margin-left: 12%; overflow: hidden; display: block; position: relative;}
.newedoto ul{zoom: 1;display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.newedoto ul li{ float: left;width: 200px; margin-right: 50px; margin-bottom: 30px;overflow: hidden; display: block; position: relative;}
.newedoto ul li:nth-child(4n){margin-right: 0;}
.newedoto ul li .img{ display: block; width: 100px;height: 100px; margin: auto; overflow: hidden;margin-right: 35px;}
.newedoto ul li .img img{max-width:100%;width: 72px;
    aspect-ratio: auto 72 / 72;
    height: 72px;}
.newedoto ul li .indtit{ margin-top: 0px;font-size: 18px; line-height: 22px; color: #333; text-align: center ; font-family: inherit;
    font-weight: 500;}

.newedocet{width: 450px;  float: left; overflow: hidden; display: block; position: relative; }
.newedocet .indbrund{text-align: left!important;font-size: 14px;line-height: 30px; }





/*.NEW SOLUTION*/
/*Catalogue*/
.Catalogue{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.Catalogue ul{zoom: 1; display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.Catalogue ul li{width: 600px; margin-right: 40px; margin-bottom: 30px;overflow: hidden; display: inline-block;position: relative;}
.Catalogue ul li:nth-child(2n){margin-right: 0;}
/*.Catalogue ul li .img{ display: block; width: 100%;height:250px;overflow: hidden; }*/
.Catalogue ul li .img{ display: block; width: 100%;overflow: hidden; }
.Catalogue ul li .img img{max-width:100%;transition: all 0.5s ease 0s;}
.Catalogue ul li:hover .img img{transform: scale(1.1,1.1)}
.Catalogue ul li .indtit{ margin-top: 22px;font-size: 22px; line-height: 22px; color: #666; text-align: left; font-family: arial;
    font-weight: bold;}
   
.Catalogue ul li .indxey{ margin-top: 12px; font-size: 16px; display: block; color: #666; line-height:22px; text-align:left}

/*Catalogue*/

/*Catalogue*/
.Catalogue1{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;text-align: center;}
.Catalogue1 ul{zoom: 1;display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.Catalogue1 ul li{ width: 367px; margin-right: 45px; margin-bottom: 30px;overflow: hidden; display: inline-block; position: relative;}
.Catalogue1 ul li:nth-child(3n){margin-right: 0;}
.Catalogue1 ul li .img{ display: block; width: 100%;height:180px;overflow: hidden; text-align: center;}
.Catalogue1 ul li .img img{max-width:50%;transition: all 0.5s ease 0s;}
.Catalogue1 ul li:hover .img img{transform: scale(1.1,1.1)}
.Catalogue1 ul li .indtit{ margin-top: 22px;font-size: 18px; line-height: 22px; color: #333; text-align: left; font-family: inherit;
    font-weight: 500;}
   
.Catalogue1 ul li .indxey{ margin-top: 12px; display: block; color: #999; line-height:22px;text-align: left;}

/*Catalogue*/









/*.FAQ*/
.faqlist{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.faqlist ul{zoom: 1;}
.faqlist ul li{ float: left;width: 570px; margin-right: 60px; margin-bottom: 30px;overflow: hidden; display: block; position: relative;} 
.faqlist ul li:nth-child(2n){margin-right: 0;}
.faqlist ul li .indtit{ margin-top: 22px;font-size: 18px; line-height: 22px; color: #333;  font-family: inherit; font-weight: 500;}
.faqlist ul li .indxey{ margin-top: 12px; display: block;  max-height: 150px; overflow: auto; position: relative;}
.faqlist ul li .indxey:hover{ background-color:#efefef}
/* 设置滚动条的样式 
::-webkit-scrollbar {
width:12px;
}
/* 滚动槽 
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.2);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);}

/*FAQ*/
.faqlist ul li .indxey p{color: #999; line-height:25px;}
/*FAQ*/










/*ABOUT*/
.waper {width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.waper dl{ background:#fff; overflow:hidden; margin-bottom: 50px; }
.waper dt { width:570px; height:320px; overflow:hidden; position:relative; float:left;  vertical-align: middle; margin-right: 60px; }
.waper dl:nth-child(2n) dt{float: right;margin-right: 0px; margin-left: 60px; }
.waper dt img{ max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.waper dd { width:570px; display: block; overflow:hidden; float:right; height:320px;}
.waper dd h4{ display:block; font-size:24px; font-weight: bold; height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.waper dd .diopt{height: 270px;overflow: auto; position: relative; }
.waper dd p { line-height:26px;   color: #999;   }



/*ABOUT*/



.newewDomain{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.newewDomain ul{zoom: 1;  padding:0 -20px ;padding-top: 10px;}
.newewDomain ul li{ float: left;width: 340px; margin:0 17px; margin-bottom: 30px;overflow: hidden; display: block; position: relative;background: #ffffff;
    border-radius: 2px;
    padding: 15px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.newewDomain ul li:hover{ box-shadow: 0 3px 6px rgba(0,0,0,0.4), 0 3px 6px rgba(0,0,0,0.4);}
.newewDomain ul li:nth-child(3n){margin-right: 0;}
.newewDomain ul li .afngt{overflow: hidden; display: block; position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; text-align: center;}
.newewDomain ul li .img{  height: 65px; margin-right: 15px; }
.newewDomain ul li .img img{height: 65px;}

.newewDomain ul li .indtit{ margin-top:15px;font-size: 18px; line-height: 22px; color: #333; text-align: left ; font-family: inherit;
    font-weight: 500; }
.newewDomain ul li .indxey{ margin-top: 12px; display: block; color: #999; line-height:22px;}
.newewDomain ul li .indxgrw{ margin-top: 12px; display: block; color: #333; line-height:22px; text-align: center;}






.dineyy{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 30px; margin-bottom: 30px;}
.dineyy ul{zoom: 1;display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.dineyy ul li{width: 15%; float: left; margin-right: 2%;overflow: hidden; display: block; position: relative; margin-bottom: 20px; }
.dineyy ul li:nth-child(6n){ margin-right: 0;}
.dineyy ul li .img{text-align: center; max-width: 100%;border:1px solid #a7a7a7; padding: 5px; background: #fff;}
.dineyy ul li .img img{max-width: 100%;}
.dineyy ul li .text{height: 32px; line-height: 32px; text-align: center; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

@media (max-width: 1020px) {

.dineyy{ margin-top: 30px;}
.dineyy ul li{width: 32%; float: left; margin-right: 2%;}
.dineyy ul li:nth-child(6n){margin-right: 2%;}
.dineyy ul li:nth-child(3n){ margin-right: 0;}

}

@media (max-width: 640px) {

.dineyy{ margin-top: 30px;}
.dineyy ul li{width: 48%; float: left; margin-right: 4%;}
.dineyy ul li:nth-child(6n){margin-right: 4%;}
.dineyy ul li:nth-child(3n){ margin-right: 4%;}
.dineyy ul li:nth-child(2n){ margin-right: 0;}
}








