html {  
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;    
  
}
body {
    margin: 0;
    padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
 color:#222;
 
}

a {
	color: #333;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #fbc02d;
	text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.font_c1{color: #25b3d0;}/*主色*/
.font_c2{color: #ff9900;}
.font_c3{color: #90d093;}/*绿色*/
.font_c4{color: #FF6600;}
.font_c5{color: #FFF;}
.font_c5 a{color: #FFF;}
.font_c5 a:hover{color: #ddd;}
.font_c6{color: #666;}


.m-t-1{ margin:1.2em 0 0 0;}
.m-t-d5{ margin:.5em 0 0 0;}
.m-t-2em{ margin:2em 0 0 0;}
.m-t-3em{ margin:3em 0 0 0;}
.m-tb-1em{ margin:1em 0;}
.m-tb-2em{ margin:1.5em 0;}

.break-text{
word-break:keep-all;
white-space:nowrap;
overflow:hidden; 
text-overflow:ellipsis;
}
.fullwidth{ width:100%;}
.containter_main{ width:1250px; margin:auto}
.border-b{ border-bottom:1px solid #eee;}
.border-r{border-right:1px solid #eee;}
.border-l{border-left:1px solid #eee;}
.border-t{border-top:1px solid #eee;}


.hearder-bg{
	position: relative;
    width: 100%;
    height:610px;
    background: url( "../images/header-bg.png") no-repeat top center; 
	background-size:cover;  
    -webkit-animation:panelIn 1s ease-in forwards;
  -moz-animation:panelIn 1s ease-in  forwards;
  animation:panelIn 1s ease-in forwards;  
}


.hearder-bg .logo{ margin:1.5em 0; }
.hearder-bg .logo img{}
.hearder-bg h1{ font-weight:600; margin: 2em 0 1em 0;color:#000;  
    }

.hearder-bg h4{ font-weight:500; margin: 0em 0 2em 0;color:#000; 
}

.hearder-bg h4 span{
   font-size: 1.1em;
  color: #fff;
  font-weight:600;  
  padding: 10px 20px;
  text-align: center;
  border-radius: 24px;
  background-color: #058fc9;
  background-image: -moz-linear-gradient( 90deg, rgb(73,238,229) 0%, rgb(0,136,199) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(73,238,229) 0%, rgb(0,136,199) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(73,238,229) 0%, rgb(0,136,199) 100%);  
  width: 234px;
  height: 48px;
  z-index: 16;
  letter-spacing:2px;
}

.hearder-bg .licence-list{ width:70%;  margin: 2em 0; float: left;}
.hearder-bg .licence-list li{width:33.333%; float: left;}
.hearder-bg .licence-list li .round{
    padding-top: 2em;
   text-align: center;
  border-width: 1px;
  border-color: rgb(231, 231, 231);
  border-style: solid;
  border-radius: 50%;    
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 24px 1px rgba(80, 97, 103, 0.19);  
  width: 180px;
  height: 180px;
  z-index: 13;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  -webkit-animation:panelIn 2.5s  ease-out forwards;
    -moz-animation:panelIn 2.5s  ease-out forwards;
    animation:panelIn 2.5s ease-out forwards;  
}
.hearder-bg .licence-list li .round>img, .main-bg .list img {width: 160px; height: 160px; text-align: center}


.hearder-bg .licence-list li .round>h2{ 
	margin: 0px; 
	padding: 10px 0 0 0; 
}
.ADsoft-logo{ border-width: 3px; border-style: solid;width: 64px; height: 64px; line-height: 64px; background:#001d26; text-align: center; margin: auto; font-size: 3em; font-weight: 600;}

.ps-color{ color: #00C8FF; border-color:#00C8FF  }
.ic-color{ color: #ff5ff8; border-color:#ff5ff8  }
.ai-color{ color: #ff7c00; border-color:#ff7c00  }
.id-color{ color: #ff3f94; border-color:#ff3f94  }
.ae-color{ color: #d291ff; border-color:#d291ff  }
.ch-color{ color: #da91ff; border-color:#da91ff  }
.dn-color{ color: #d4fcef; border-color:#3cf2a6  }
.an-color{ color: #ff4a19; border-color:#ff4a19  }
.au-color{ color: #00e4bb; border-color:#00e4bb  }
.dw-color{ color: #35fa00; border-color:#35fa00; font-size:2.6em;  }
.br-color{ color: #fbb500; border-color:#fbb500  }
.mu-color{ color: #c1e800; border-color:#c1e800; letter-spacing: -2px;  }
.pr-color{ color: #ea77ff; border-color:#ea77ff  }
.pl-color{ color: #00dbff; border-color:#00dbff  }
.lr-color{ color: #ccfbff; border-color:#3df0f0  }
.lrc-color{ color: #add5ec; border-color:#add5ec  }
.ru-color{ color: #ecd9ff; border-color:#bd7efc  }
.fb-color{ color: #b3a3a8; border-color:#b3a3a8  }




.main-bg{
	position: absolute;
  top: 340px;
  width: 100%;
  z-index:0;
  float: left;   
    -webkit-animation:panelIn 1s ease-in forwards;
    -moz-animation:panelIn 1s  ease-in  forwards;
    animation:panelIn 1s ease-in forwards;    
}

.main-bg h1{ text-align: center; color: #000; margin: 1.5em 0; font-size:2em;}
.main-bg .list {
  border-radius: 7px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 24px 1px rgba(80, 97, 103, 0.25); 
  height: 275px;
  z-index: 5;
  margin: 1em 2em 4em 0em;
  padding: 2.5em;
  text-align: center;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";  
}
.main-bg .list p{ font-size: 1.2em; margin: 1em 0; height: 50px; overflow: hidden;}
.main-bg .list h3 { text-align: center; font-size: 20px; color:#333;font-weight: 700;}

.main-bg .list a.btn{
 box-shadow: 0px 5px 24px 1px rgba(80, 97, 103, 0.45);
  width: 180px;
  height: 50px;
  line-height: 40px;
   position:relative;
   bottom: -10px; 
   left:0px;
  z-index: 38;
  border-radius: 30px;
 color: #fff;
    font-size: 1.4em;
   transition: all .4s;
}
.main-bg .list a.btn_bg:hover{    
   transform: translateY(2px);
   background-color: #2633e4;
   box-shadow: 0px 3px 6px 1px rgba(80, 97, 103, 0.14);
}
.main-bg .list a.btn_bg1:hover{    
   transform: translateY(2px);
   background-color: #3cdff0;
   box-shadow: 0px 3px 6px 1px rgba(80, 97, 103, 0.14);
}

.btn_bg{
 background-color:#2c5ade;
  background-color: rgb(44, 90, 222);
  }

.btn_bg1{
 background-color:#24c2e3;
  background-color: rgb(36, 194, 222);
  }
.main-decoration{  
    position: absolute;
    bottom: -1145px;
    right: 0px;    
    width:100%;
    height: 470px;
    background: url("../images/main-bg.png") bottom center no-repeat;
    background-size: contain;  
    -webkit-animation:panelIn 4s ease-in forwards;
    -moz-animation:panelIn 4s  ease-in  forwards;
    animation:panelIn 4s ease-in forwards;   
    z-index: -1;
}

.footer-bg{
    float: left;
    position: absolute;
    bottom: -1115px;
    right: 0px;    
    width:100%;
    height: 270px;
    background: url("../images/footer_bg.png") bottom center no-repeat;
    background-size: contain;    
    z-index:-1;
    -webkit-animation:panelIn 1.5s ease-in forwards;
    -moz-animation:panelIn 1.5s  ease-in  forwards;
    animation:panelIn 1.5s ease-in forwards;   
}

.footer-copyright{
	float: left;
    width:100%;  
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ccc;
    background-color: #666;
    -webkit-animation:panelIn 1.5s ease-in forwards;
    -moz-animation:panelIn  1.5s  ease-in  forwards;
    animation:panelIn  1.5s ease-in forwards; 
}

.gototop {
    display: none;
    -webkit-animation: hide 350ms ease-out forwards 1;
    animation: hide 350ms ease-out forwards 1;
    padding: 6px 6px;
    border: 0;
    width: 50px;
    height: 50px;
    background:url("../images/backtop.png") center center no-repeat;      
    opacity: 0.5;
    text-align: center; 
    position: fixed;
    bottom: 16px;
    right: 16px;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
}
.gototop > span {
    display: inline-block;
    -webkit-transition: transform 100ms 100ms ease-in-out;
    transition: transform 100ms 100ms ease-in-out;
}
.gototop:hover,
.gototop:focus {
    background-color:#eee;border-radius: 8px;
}
.gototop:hover > span,
.gototop:focus > span {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.isvisible {
    -webkit-animation: show 1s ease-out forwards 1;
    animation: show 1s ease-out forwards 1;
}

@-webkit-keyframes hide{
  0% {
    opacity: 1;
    -webkit-transform:translateY(0);
  }
  25%{
    opacity: .5;
    -webkit-transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    -webkit-transform: rotate(3deg);
  }
  100%{
    opacity: 0;
    -webkit-transform:translateY(100px);
  }
}
@keyframes hide{
  0% {
    opacity: 1;
    transform:translateY(0);
  }
  25%{
    opacity: .5;
    transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    transform: rotate(3deg);
  }
  100%{
    opacity: 0;
    transform:translateY(100px);
  }
}

@-webkit-keyframes show{
  0% {
    -webkit-transform: rotate(0deg);
  }
  25%{
    opacity: .5;
    -webkit-transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    -webkit-transform: rotate(3deg);
  }
  100%{
    opacity: 1;
    -webkit-transform: rotate(0deg);
  }
}

@keyframes show{
  0% {
    transform: rotate(0deg);
  }
  25%{
    opacity: .5;
    transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    transform: rotate(3deg);
  }
  100%{
    opacity: 1;
    transform: rotate(0deg);
  }
}



@-webkit-keyframes panelIn {
0% {
opacity:0;
-webkit-transform:translatex(-20px);
transform:translatex(-20px)
}
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes panelIn {
0% {
opacity:0;
-webkit-transform:translatey(-20px);
transform:translatey(-20px)
}
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}