@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td{margin: 0;padding: 0;}
body, td, th{color: #444;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif; font-size: 16px;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
li, dt, dd{list-style: none;}
a{color:inherit;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
a:hover{color:inherit;/*color:#2c88d8;*/text-decoration:none;}
img{border:0;vertical-align:middle;}
.clear{clear:both;}
.hide{display:none;}
.f-fl,.fl{float: left !important}
.f-fr,.fr{float: right !important}
.c_mp{padding: 0 !important;margin: 0 !important;}
/*body*/
body{background:#ffffff;}
/*关于我们*/
.n_about{padding: 60px 0 0;background-color: #ffffff;}
.n_about .m_tt{text-align: center;}
.n_about .about .g_text{ width: 1200px;margin:60px auto; padding-bottom:40px;}
.n_about .about .g_text p {color: #666666;line-height: 36px; text-indent:30px; font-size:16px; text-align:justify;}
.n_about .about .g_text img { float:left; margin-right:50px;}
.n_about .team{background:#f6f6f6 url(../images/about_team.png) no-repeat center top;height:340px;width: 100%;}
.n_about .team .g_text{padding-top:60px;padding-left: 20px;color: #ffffff;line-height: 28px;width: 540px;}
.n_about .team .g_text .g_tt{margin-bottom: 35px;}


@media screen and (max-width:1150px){
.n_about .about .g_text{ width: 96%;margin:60px auto; padding:2% 2%;}
.n_about .about .g_text img { float:left; width:43%; margin-right:20px;}

}
@media screen and (max-width:768px){
.n_about{padding:0 0 0 0; width:100%; overflow:hidden; background-color: #ffffff;}
.n_about .m_tt{text-align: center; padding-top:2rem;}
.n_about .about .g_text{ width:96%; margin:20px auto; padding:0;}
.n_about .about .g_text p {color: #666666;line-height: 30px; text-indent:30px; font-size:16px; text-align:justify;}
.n_about .about .g_text img { width:100%; margin:10px 0 20px 0;}
.n_about .team{background:#f6f6f6 url(../images/about_team.png) no-repeat center top; background-size:cover;width: 94%; padding:0 3%;}
.n_about .team .g_text{padding-top:20px;padding-left: 0;text-align:justify;color: #ffffff;line-height: 28px;width:100%;}

.n_about .team .g_text .g_tt{margin-bottom: 35px;}

}

.n_about .culture{background-color: #f6f6f6;padding:60px 0;width: 100%;}
.n_about .culture .culture_list{overflow: hidden;width: 1200px;margin: 60px auto 0;font-size: 0;}

.n_about .culture .culture_list li{display: inline-block;width: 270px;margin-right: 40px;text-align: center;}
.n_about .culture .culture_list li .g-img{width: 185px;height: 185px;line-height: 185px;text-align: center;margin: 0 auto;border: 1px dashed #B9BABA;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .g-img img{width: 170px;height: 170px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .text .tt{color: #333333;font-size: 20px;margin: 30px 0 5px;}
.n_about .culture .culture_list li .text .info{color: #666666;font-size: 14px;line-height: 28px;}
@media screen and (max-width:1150px){

.n_about .culture .culture_list{overflow: hidden;width:94%; padding:2% 3%;margin: 60px auto 0;font-size: 0;}
.n_about .culture .culture_list li{display: inline-block;width:23.5%; float:left;margin-right:2%;text-align: center;}

}
@media screen and (max-width:768px){
.n_about .culture{background-color: #f6f6f6;padding:20px 0; height:100%;width: 100%;}
.n_about .culture .culture_list{overflow: hidden;width:94%;margin:0 auto;font-size: 0;}

.n_about .culture .culture_list li{display: inline-block;width:49%; padding-bottom:10px; float:left;margin-right:2%;text-align: center;}
.n_about .culture .culture_list li:nth-child(2) { margin-right:0;}
.n_about .culture .culture_list li:nth-child(4) { margin-right:0;}

.n_about .culture .culture_list li .g-img{ width:96%; height:100%; line-height:inherit;text-align: center;margin: 0 auto;border: 1px dashed #B9BABA;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .g-img img{ width:100%; height:100%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .text .tt{color: #333333;font-size: 20px;margin: 30px 0 5px;}
.n_about .culture .culture_list li .text .info{color: #666666;font-size: 14px;line-height: 28px;}

}
.n_about .fz{background-color: #f6f6f6;height: 475px;padding-top: 85px;width: 100%;}
.n_about .fz .g-img{margin-top: 75px;text-align: center;}
.n_about .service{padding: 80px 0 20px;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
dl.circle0{ position: relative; margin:50px auto; margin-bottom: 50px; }
dt.circle1{ margin: 0 auto; text-align: center; 
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 20s linear infinite;
    -moz-animation: rotate 20s linear infinite;
    -o-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite; }
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}    
dd.circle2{ width: 410px; height: 410px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top: 40px; left: 27%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun2{ position: absolute; top: 40px; right: 27%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom: 240px; left: 19%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom: 240px; right: 19%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun5{ position: absolute; bottom: 40px; left: 25%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun6{ position: absolute; bottom: 40px; right: 25%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 30px;}
dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 30px;}

.circleFun div p{width: 260px;}

@media screen and (max-width:1280px){
  .SROranking .title h2{ font-size: 26px; }
  .SROranking .title h4{ font-size: 20px; }
  .SROranking .title p{ width: 90%;}
  dt.circle1 img{ width: 580px;}
  dd.circle2{ width: 390px; height: 390px;}
  .circleFun div p{width: 230px;}
  dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 20px; text-align: right;}
  dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 20px;}
    dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 20px; text-align: right;}
  dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 20px;}

  dd div.fun1, dd div.fun3{ left: 20%; }
  dd div.fun2, dd div.fun4{ right: 20%; }
  dd div.fun1, dd div.fun5{ left: 28%; }
  dd div.fun2, dd div.fun6{ right: 28%; }

}
@media screen and (max-width:1150px){
   dt.circle1 img{ width: 560px;}
   dd.circle2{ width: 360px; height: 360px;}
   .circleFun div p{width: 200px;}
  dd div.fun1{ left: 28%; }
  dd div.fun2{ right:28%; }
	  dd div.fun3{ left: 20%; }
  dd div.fun4{ right:20%; }
	dd div.fun5{ left:28%; }
   dd div.fun6{ right:28%; }

}

@media screen and (max-width:800px){
   dt.circle1 img{ width: 560px;}
   dd.circle2{ width: 360px; height: 360px;}
   .circleFun div p{width: 200px;}
  dd div.fun1{ left: 18%; }
  dd div.fun2{ right:18%; }
	  dd div.fun3{ left: 6%; }
  dd div.fun4{ right:6%; }
	dd div.fun5{ left:18%; }
   dd div.fun6{ right:18%; }

}
@media screen and (max-width:768px){
dl.circle0{ position: relative; margin:20px auto;}
.n_about .service{padding:0;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
dd.circle2{ width: 410px; height: 410px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top:4%; left: 14%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun2{ position: absolute; top:4%; right: 14%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom:40%; left: 3%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom:40%; right:3%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun5{ position: absolute; bottom: 1%; left: 17%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun6{ position: absolute; bottom: 1%; right: 17%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 30px;}
dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 30px;}

.circleFun div p{width: 260px;}
}
@media screen and (max-width:640px){
.n_about .service{padding:0;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
dd.circle2{ width: 410px; height: 410px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top: 0px; left: 14%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun2{ position: absolute; top: 0px; right: 14%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom:40%; left: 2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom:40%; right:2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun5{ position: absolute; bottom: 1%; left: 17%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun6{ position: absolute; bottom: 1%; right: 17%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 10px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 10px;}
dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 30px;}

.circleFun div p{width: 260px;}
}

@media screen and (max-width:580px){
   dt.circle1 img{ width:100%;}
   dd.circle2{ width: 360px; height: 360px;}
   .circleFun div p{width: 200px;}
  dd div.fun1{ left: 12%; }
  dd div.fun2{ right:12%; }
	  dd div.fun3{ left:-4%; }
  dd div.fun4{ right:-4%; }
	dd div.fun5{ left:12%; }
   dd div.fun6{ right:12%; }

}

@media screen and (max-width:520px){
.n_about .service{padding:0;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
dd.circle2{ width:360px; height:360px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top: 0px; left: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun2{ position: absolute; top: 0px; right: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom:40%; left: -4%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom:40%; right:-4%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun5{ position: absolute; bottom: 1%; left: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun6{ position: absolute; bottom: 1%; right: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 10px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 10px;}
dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 30px;}

.circleFun div p{width: 260px;}
}

@media screen and (max-width:480px){
.n_about .service{padding:0;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
dd.circle2{ width:300px; height:300px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top: 0px; left: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun2{ position: absolute; top: 0px; right: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom:40%; left: 1%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom:40%; right:1%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun5{ position: absolute; bottom: 1%; left: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun6{ position: absolute; bottom: 1%; right: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 10px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 10px;}
dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 30px;}

.circleFun div p{width: 260px;}
}

@media screen and (max-width:425px){
.n_about .service{padding:0;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
dd.circle2{ width:300px; height:300px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top: 0px; left: 2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun2{ position: absolute; top: 0px; right:2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom:40%; left: 1%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom:40%; right:1%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun5{ position: absolute; bottom: 1%; left: 2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun6{ position: absolute; bottom: 1%; right:2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 10px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 10px;}
dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 30px;}

.circleFun div p{width: 260px;}
}

@media screen and (max-width:375px){
.n_about .service{padding:0;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
dd.circle2{ width:250px; height:250px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top: 0px; left: 2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun2{ position: absolute; top: 0px; right:2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom:40%; left: 1%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom:40%; right:1%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun5{ position: absolute; bottom: 1%; left: 2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun6{ position: absolute; bottom: 1%; right:2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun1 img { width:70px; height:70px;}
dd div.fun2 img { width:70px; height:70px;}
dd div.fun3 img { width:70px; height:70px;}
dd div.fun4 img { width:70px; height:70px;}
dd div.fun5 img { width:70px; height:70px;}
dd div.fun6 img { width:70px; height:70px;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 10px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 10px;}
dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 30px;}

.circleFun div p{width: 260px;}
}
@media screen and (max-width:320px){
.n_about .service{padding:0;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
dd.circle2{ width:200px; height:200px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top: 0px; left: 2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun2{ position: absolute; top: 0px; right:2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom:40%; left: 1%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom:40%; right:1%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun5{ position: absolute; bottom: 1%; left: 2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun6{ position: absolute; bottom: 1%; right:2%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun1 img { width:70px; height:70px;}
dd div.fun2 img { width:70px; height:70px;}
dd div.fun3 img { width:70px; height:70px;}
dd div.fun4 img { width:70px; height:70px;}
dd div.fun5 img { width:70px; height:70px;}
dd div.fun6 img { width:70px; height:70px;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 10px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 10px;}
dd div.fun1 .funText,dd div.fun5 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun6 .funText{ margin-left: 30px;}

.circleFun div p{width: 260px;}
}


.advantage{margin-top: 20px; }
.advantage .wrapper{padding-top: 70px; border-top: 1px solid #eee;}
.advantage .title h2{ font-size: 32px; color: #333; line-height: 1.8; text-align: center; font-weight: 400;}
.advantage .title h6{ font-size: 16px; color: #0da6e6; line-height: 1.5; text-align: center; font-weight: 600;}
.advantageUl{ padding: 50px 0; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center; }
.advantageUl li{ width: 24%; height: 310px; box-sizing: border-box; padding: 20px 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #f2f2f2; }
.advantageUl li h5{ font-size: 16px; text-align: center; line-height: 1.6; color: #333;}
.advantageUl li p{ font-size: 14px; line-height: 1.6;color: #666;text-align: center; }
.advantageUl li div{ padding: 30px 0; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.advantageUl li div img{ height: 80px;}
.advantageUl li div:nth-of-type(2){display: none;}

.advantageUl li.active{ background-color: #0da6e6;  }
.advantageUl li.active h5{ color: #fff;}
.advantageUl li.active p{ color: #fff;}
.advantageUl li.active div:nth-of-type(1){ display: none;}
.advantageUl li.active div:nth-of-type(2){ display: block;}

@media screen and (max-width:1100px){
  .advantageUl{ flex-wrap: wrap;}
  .advantageUl li{ width: 32%; margin-bottom: 30px;}
  .advantageUl li div img{ height: 60px;}
}
@media screen and (max-width:768px){
  .advantageUl li{ width: 48%; height: 250px;}
  .advantageUl li div img{ height: 50px;}
  .advantageUl li div{ padding: 20px 0; margin-bottom: 10px;}
  .advantageUl li h5{ font-size: 14px; }
  .advantageUl li p{ font-size: 12px;}

}