@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0}
section,article,aside,header,footer,nav,dialog,figure{display:block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
body{-moz-user-select:none;}
address,caption,cite,code,dfn,em,b,th,var,i{font-weight:normal;font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%; font-family:"Microsoft YaHei","Lucida Sans Unicode","Helvetica";}
q:before,q:after{content:""}
abbr,acronym{border:0}
select,input,button,button img,textarea,img{margin:0;vertical-align:middle} 
input[type=radio],input[type=checkbox]{margin-right:5px}
b{font-weight:bold}
label{font-weight:normal}
a,a:link,a:hover,a:visited,a:active{text-decoration:none;cursor: pointer;}
*, *::before, *::after { box-sizing: border-box;  }

html,body{ font-family:"Microsoft YaHei","Lucida Sans Unicode","Helvetica";background-color: #efefef;}
*{    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/  
    -webkit-user-select:none; /*webkit浏览器*/  
    -khtml-user-select:none; /*早期浏览器*/  
    -moz-user-select:none;/*火狐*/  
    -ms-user-select:none; /*IE10*/  
    user-select:none;   }
input {     
     -webkit-user-select:auto; /*webkit浏览器*/    
}
.am-container, .am-g-fixed{max-width: 1236px;}
[class*=am-u-]+[class*=am-u-]:last-child{float: left;}

.img{display: block; width: 100%;}
.top-bread{background-color: #424242;}
.bread-menu{}
.hello{font-size: 14px; color: #fefefe;margin: 13px 0;}
.sty-hello{padding: 10px 0;}
.sty-o-icon{font-size: 18px; color: #fefefe;display: inline-block;margin:0 20px;}
.sty-o-icon a{color: #FFFFFF;}
.sty-o-icon img{display: inline-block; margin-left: 5px;position: relative; top: -2px;margin-right: 10px;}

.top-navmenu{background-color: #fff;height: 81px;}
.nav-menu{height: 80.8px;}
.logo{display: block;margin: 9px 0;}
.nav-menu-list li{display: inline-block;}
.nav-menu-list li a {display: block;padding: 26px 26px;font-size: 18px; color: #282828;}
.nav-menu-list li.active>a ,.nav-menu-list li a:hover {background-color: #008f99;color: #fff;}
.content-list li img{padding: 0 10px 10px 10px;width: 100%;position: relative;}
.banner-ad{margin-bottom: 44px;}
.swiper-container img{}
.swiper-container-1 {max-width: 1200px;margin: 0 auto;overflow: hidden;position: absolute;left: 50%;margin-left: -600px;margin-top: -210px;}
.swiper-container-1 img{width: 100%;}
.swiper-container-1 a{width: 30% !important;margin-right: 3.33%;border-radius: 8px;overflow: hidden;box-sizing: border-box;height: 150px;}
.swiper-container-1:hover{opacity: 1;transition: 1s;}
.swiper-container-1 .swiper-text{height: 52px;line-height: 52px;background-color: rgba(51,159,169,0.7);position: absolute;width: 100%;margin-top: -51px;padding: 0 11px;}
.swiper-container-1 .swiper-text span{display: inline-block;height: 16px;width: 4px;background-color: #fff;position: relative;top: 2px;margin-right: 6px;}
.swiper-container-1 .swiper-text p{color: #fff;font-size: 16px;display: inline-block;}
.swiper-container-1 .swiper-slide-active{border: 5px solid #fff;}
.l-inner{width: 250px;margin-bottom: 40px;}
.tree-nav{margin-bottom: 25px;background-color: #fff;}
.tree-tlt{background-color: #008f99;color: #fff; padding: 10px;font-size: 14px;font-weight: bold; text-transform: uppercase;}
.tree-tlt h3{font-size: 18px;font-weight: bold;}
.tree-list a{ position: relative; display: block;padding: 15px; padding-left: 20px; font-size: 16px; color: #575757;}
.tree-list li.active a{background-color: #dfdfdf;}
.o-caret-right{ display: block; position: absolute; top: 22px; right: 15px; background: url("../images/o-caret-right.png") no-repeat;width: 7px; height: 12px;}
.tree-wrap{padding: 15px; line-height: 2;font-size: 16px; color: #575757;}
.tree-wrap h3{font-weight: bold; margin-bottom: 10px;}
.tree-wrap p{word-break: break-all;}
.r-inner{ width: 920px;margin-bottom: 40px;}

.breadcrumb{ position: relative; font-size: 14px; color: #8b8b8b;background: #fff;padding: 10px;margin-bottom: 15px;}
.breadcrumb span.active{color: #414141;}
.o-caret-up{position: absolute; top: 0; left: 0;background: url("../images/o-caret-up.png") no-repeat; display: block; width: 12px; height: 12px;}

.article{background: #fff;padding-left: 20px;padding-right: 20px;}
.article-lead{border-bottom: 1px solid #efefef;padding: 15px 0;line-height: 2;}
.article-lead h1{font-size: 24px;color: #282828;}
.article-lead .date{font-size: 12px;color: #ababab;}
.article-meta{font-size: 16px; color: #6c6c6c;line-height: 2; padding-top: 20px; padding-bottom: 20px;}
.article-meta img{display: block; width: auto;max-width: 100%;}

.lg-article{padding-left: 40px;padding-right: 40px;padding-top: 20px; padding-bottom: 20px;}
.article-lead h1.job-tlt{color: #008f99;}

.article-nav{border-top: 1px solid #efefef;}
.article-nav a{font-size: 14px;color: #8d8d8d;padding: 20px 0;}
.article-nav a i{ display: inline-block; width: 16px; height: 16px; margin: 0 10px; position: relative; top: 3px;}
.article-nav a i.o-d-left{background: url("../images/o-d-left.png") no-repeat; }
.article-nav a i.o-d-right{background: url("../images/o-d-right.png") no-repeat; }

.sty-btn{display: block; border: 1px solid #008f99;color: #008f99; margin: 30px auto;}
.sty-btn:link,.sty-btn:hover,.sty-btn:visited,.sty-btn:active{color: #008f99;}
.email{padding: 10px 15px;}
.backtolist{width: 116px; font-size: 18px; padding:8px 15px;}
.backtolist .o-angle-up{ display: inline-block; background: url("../images/o-angle-up.png") no-repeat; width: 7px; height: 16px; margin-right: 5px;}

.footer{background: #2d2d2d;}

.footer-desktop{ padding: 0px 0 30px;}
.footer-desktop a{display: block;font-size: 16px; color: #8e8e8e;padding: 4px 0;}
.footer-desktop>ul>li{display: inline-block;height: 180px;overflow: hidden;margin-top: 10px;}
.footer-desktop ul>li>ul a{font-size: 14px;}
.copyright{text-align: center;font-size: 12px; color: #575757;background: #292929;padding: 15px;}
.csyt{color: #575757;}

.product{margin: 0 -10px;}
.product-hunt{padding: 0 10px; float: left; width: 33.33%; margin-bottom: 25px;}
.product-hunt-inner{ position: relative; display: block; }
.product-hunt-inner .tlt{ position: absolute; bottom: 0; width: 100%;color: #fff;background: rgba(0,143,143,.9);font-size: 16px;padding:7px 10px;}
.product-hunt-inner .cover-tlt{ position: absolute; top: 0; left: 0;right: 0; bottom: 0;color: #fff;background: rgba(0,143,143,.9);padding: 20px;}
.product-hunt-inner .cover-tlt .c-tlt{font-size: 16px; margin-bottom: 10px;}
.product-hunt-inner .cover-tlt .c-info{font-size: 12px; margin-bottom: 25px; height: 60px; overflow: hidden;}

.product-hunt-inner .cover-tlt {
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.product-hunt-inner:hover .cover-tlt {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.product-hunt-inner:hover .tlt{opacity: 0;}

.get-more{display: block; background: #fff;color: #008f99;font-size: 12px;padding: 2px 5px;}
.o-angle-right{ display: inline-block;margin-left: 4px; background: url("../images/o-angle-right.png") no-repeat;width: 17px; height: 7px;}
.get-more:hover{color: #008f99;}

.pagebox{background: #fff;padding: 10px;text-align: right;}
.pagebox .page-total{display: inline-block;font-size: 14px; color: #818181; margin-right: 25px;}
.pagebox .page-total i{font-weight: bold;}
.pagebox .js-pagination{display: inline-block;}
.pagebox a{display: inline-block;border: 1px solid #dddddd; color: #818181;font-size: 12px;padding: 3px 9px;margin: 0 3px;}
.pagebox .active{border: 1px solid #008f99; background: #008f99;color: #fff;font-size: 12px;padding: 5px 9px 4px;margin: 0 3px; position: relative; top: 1px;}

.case{margin: 0 -5px; margin-bottom: 30px;}
.case-hunt{float: left; width: 48.9%; background: #fff; margin: 0 5px;margin-bottom: 10px;}
.case-hunt-inner{display: block; padding: 15px;}
.case-hunt-inner img{display: block;width: 180px;margin-right: 14px;}
.case-hunt-inner .cover-tlt{width: 230px;}
.case-hunt-inner .cover-tlt .c-tlt{font-size: 16px; color: #282828; margin-bottom: 10px;}
.cover-tlt .c-tlt .date{font-size: 14px; color: #818181;}
.case-hunt-inner .cover-tlt .c-info{font-size: 14px;color: #6c6c6c;margin-bottom: 15px;height: 47px;overflow: hidden;}
.case-hunt-inner .get-more{border: 1px solid #008f99;color: #008f99; }

.case-hunt-inner:hover .get-more{ background: #008f99;  color: #fff;}
.case-hunt-inner:hover .get-more .o-angle-right{background-position: 0 -13px;}

.solution{margin-bottom: 30px;}
.solution-inner{display: block;margin-bottom: 10px;background: #fff;}
.solution-inner>img{width: 23%;}
.solution-inner .cover-tlt{width: 77%;padding: 15px;}
.solution-inner .cover-tlt .c-tlt{font-size: 18px; color: #282828; margin-bottom: 10px;}
.solution-inner .cover-tlt .c-info{font-size: 14px;color: #6c6c6c;margin-bottom: 12px;height: 47px;overflow: hidden;}
.solution-inner .get-more{border: 1px solid #008f99;color: #008f99; font-size: 14px;}

.solution-inner:hover .get-more{ background: #008f99;  color: #fff;}
.solution-inner:hover .get-more .o-angle-right{background-position: 0 -13px;}

.contact{}
.contact-info{padding: 20px;font-size: 14px; color: #5a5a5a; line-height: 2.3;margin-bottom: 20px;}
.contact-inner{}
.contact-inner .job{display: block;padding:25px 0; margin-bottom: 40px; border: 1px solid #d9d9d9;background: #fff; color: #008f99;font-weight: bold; font-size: 18px;text-align: center;}
.contact-inner .job:hover{border: 1px solid #008f99;background: #008f99; color: #fff;}
.banner-des-content{position: absolute;top: 82px;width: 1200px;left: 50%;margin-left: -600px;}
.banner-des-content .banner-des{width: 500px;height: 220px;/*! background: url(../images/font-back.png) no-repeat; */float: right;margin-right: 192px;}
.banner-des-content .banner-des h1{font-size: 48px;font-weight: bold;letter-spacing: 2px;padding: 15px 0 0 30px;height: 80px;line-height: 80px;}
.banner-des-content .banner-des h2{color: #fff;font-size: 36px;padding: 0px 0 0 30px;}
.banner-des-content .banner-des p{color: #fff;font-size: 18px;padding-left: 32px;}
.links {font-size: 14px;max-width: 1236px;margin: 0 auto 10px auto;}
.links > div{display: inline-block;}
.links a {color: #8e8e8e;margin-right: 1em;}
.links p {display: inline-block;color: #666666;margin-right: 1em;}
.content-list p{background-color: #34b1c4;font-size: 16px;color: #FFFFFF;margin: 0px 10px;height: 40px;text-align: center;line-height: 40px;position: relative;margin-top: -10px;}
.drop-list{margin: 0;display: none;position: absolute;z-index: 99;background-color: #fff;width: 124px;}
.drop-list li{display: block;text-align: center;height: 58px;line-height: 58px;box-sizing: border-box;border-bottom: 1px solid #cdcdcd;margin: 0 6px;}
.drop-list li a{font-size: 14px;padding: 0;height: 50px;line-height: 50px;margin: 4px 0;}
.drop-list li:last-child a{border-bottom: none;}
.pop-img img{width: 100%;cursor: pointer;}
.pop-big-img{position: fixed;width: 100%;z-index: 99;top: 0;left: 0;background-color: rgba(0,0,0,0.6);}
.pop-big-img .pop-big-img-cotent{position: absolute;top: 50%;left: 50%;margin-left: -374px;margin-top: -215px;}
.pop-big-img span{color: #fff;font-size: 26px;border-radius: 50%;display: inline-block;width: 32px;height: 32px;background-color: #cdcdcd;text-align: center;line-height: 26px;position: relative;margin-left: -16px;bottom: 210px;cursor: pointer;}
.pop-big-img span:hover{transform: scale(1.2);transition: 1s;}
.trans_msg{filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);}
.trans_msg img{width: 80%;}
.home-icon{background: url(../images/home.png) no-repeat;background-size: 100% 100%;display: inline-block;width: 20px;height: 20px;}
.data-box{float: right;margin-top: -200px;margin-right: -62px;}
.data-box img{}
/*首页banner图*/
.msg-round{width: 20px;height: 10px;background-color: #fff;margin-top: 22px;border-radius: 50%;float: right;margin-right: 226px;position: relative;}
.top340{top: 340px;}
.w-1400{width: 1400px !important;}
.banner-1-sec1{float: left;width: 700px;margin-left: -82px;font-size: 0;}
.banner-1-sec3{float: left;width: 700px;margin-left: 28px;font-size: 0;margin-top: 117px;}
.an2{position: absolute;margin-top: 180px;margin-left: -86px;}
.an4{margin-top: -10px;margin-right: 27px;width: 180px;}
.an5{/*! position: absolute; */margin-left: -220px;margin-top: -20px;}
.an6{margin: 45px 98px 0 98px;}
.an8{margin: -24px 0 0 10px;}
.gif-box{margin-top: 418px;margin-left: 635px;}
.light{    position: absolute;margin-top: 195px;margin-left: 361px;height: 320px;}
.swiper-container-phone{display: none;}
.banner-1-sec2{float: right;margin-right: 226px;width: 300px;}
.banner-des-content-2{position: absolute;top: 0px;width: 1200px;left: 50%;margin-left: -700px;}
.banner-des-content-2 .banner-des-2{width: 590px;height: 220px;/*! background: url(../images/font-back.png) no-repeat; */float: right;margin-right: -50px;margin-top: 80px;}
.banner-des-content-2 .banner-des-2 h1{font-size: 48px;font-weight: bold;letter-spacing: 2px;padding: 15px 0 0 30px;height: 80px;line-height: 80px;color: #29ba99;}
.banner-des-content-2 .banner-des-2 h2{color: #fff;font-size: 36px;padding: 0px 0 0 30px;}
.banner-des-content-2 .banner-des-2 p{color: #fff;font-size: 18px;padding-left: 32px;}
.banner-des-content-2 .banner-des-3{width: 590px;height: 220px;/*! background: url(../images/font-back.png) no-repeat; */float: right;margin-right: -134px;margin-top: 109px;}
.banner-des-content-2 .banner-des-3 h1{font-size: 48px;font-weight: bold;letter-spacing: 2px;padding: 15px 0 0 30px;height: 80px;line-height: 80px;color: #04919b;}
.banner-des-content-2 .banner-des-3 h2{color: #fff;font-size: 36px;padding: 0px 0 0 30px;margin-bottom: 10px;}
.banner-des-content-2 .banner-des-3 p{color: #fff;font-size: 18px;padding-left: 32px;}
.swiper-slide-active .an1{
	position: relative;
	-webkit-animation-name: animation1;
	 -webkit-animation-duration: 2s;
	 -webkit-animation-timing-function: ease-in-out; 
	 -webkit-animation-delay: 0s;
	 -webkit-animation-iteration-count: 1;
	 -webkit-animation-direction: alternate;

}
.swiper-slide-active .an3{
	position: relative;
	-webkit-animation-name: animation2;
	 -webkit-animation-duration: 2s;
	 -webkit-animation-timing-function: ease-in-out; 
	 -webkit-animation-delay: 0s;
	 -webkit-animation-iteration-count: 1;
	 -webkit-animation-direction: alternate;
}
.an2{
	-webkit-animation-name: animation3;
	-webkit-animation-duration: 5s;
	 -webkit-animation-timing-function: linear; 
	 -webkit-animation-delay: 0s;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-direction: alternate;
}
.anm4{
	-webkit-animation-name: animation4;
	-webkit-animation-duration: 8s;
	 -webkit-animation-timing-function: linear; 
	 -webkit-animation-delay: 0s;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-direction: normal;
}
.an5{
	
}
.an6{}
.an7{}
.light li:nth-child(2){
	
}
.swiper-slide-active .light1{
	position: relative;
	-webkit-animation-name: animation8;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	display: inline-block;
	background-color: #29ba99;
	height: 174px;
	margin-right: 42px;
	top: 14px;
	background: url(../images/light_back.png) no-repeat;
	background-size: 100% 100%;
	padding: 0 20px;
}
.swiper-slide-active .light2{
	height: 186px;
	position: relative;
	-webkit-animation-name: animation9;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	display: inline-block;
	background-color: #29ba99;
	margin-right: 83px;
	;
	background: url(../images/light_back.png) no-repeat;
	background-size: 100% 100%;
	padding: 0 20px;
}
.swiper-slide-active .light1 p{width: 1px;background-color: #29ba99;height: 174px;}
.swiper-slide-active .light2 p{background-color: #29ba99;width: 1px;height: 186px;}
.an9{
	-webkit-animation-name: animation6;
	-webkit-animation-duration: 2s;
	 -webkit-animation-timing-function: linear; 
	 -webkit-animation-delay: 0s;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-direction: normal;
	position: absolute;
	margin-left: -448px;
	margin-top: 16px;
}
.an10{
	-webkit-animation-name: animation5;
	-webkit-animation-duration: 2s;
	 -webkit-animation-timing-function: linear; 
	 -webkit-animation-delay: 0s;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-direction: normal;
}
.an11{
	float: right;margin-right: -375px;margin-top: 95px;
	-webkit-animation-name: animation7;
	-webkit-animation-duration: 2s;
	 -webkit-animation-timing-function: linear; 
	 -webkit-animation-delay: 2s;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-direction: normal;
	}	
/*动画*/
@keyframes animation1{
	from{left: 350px;opacity: 0;}
	to{left: 0;opacity: 1;}
}
@-moz-keyframes animation1{
	from{left: 350px;opacity: 0;}
	to{left: 0;opacity: 1;}
}
@-ms-keyframes animation1{
	from{left: 350px;opacity: 0;}
	to{left: 0;opacity: 1;}
}
@-webkit-keyframes animation1{
	from{left: 350px;opacity: 0;}
	to{left: 0;opacity: 1;}
}


@keyframes animation2{
	from{left: -350px;opacity: 0;}
	to{left: 0;opacity: 1;}
}
@-moz-keyframes animation2{
	from{left: -350px;opacity: 0;}
	to{left: 0;opacity: 1;}
}
@-ms-keyframes animation2{
	from{left: -350px;opacity: 0;}
	to{left: 0;opacity: 1;}
}
@-webkit-keyframes animation2{
	from{left: -350px;opacity: 0;}
	to{left: 0;opacity: 1;}
}


@keyframes animation3{
	from{transform:rotateY(0deg);-ms-transform:rotateY(0deg); -moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);}
	to{transform:rotateY(360deg);-ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);opacity: 1;}
}
@-moz-keyframes animation3{
	ffrom{transform:rotateY(0deg);-ms-transform:rotateY(0deg); -moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);}
	to{transform:rotateY(360deg);-ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);opacity: 1;}
}
@-ms-keyframes animation3{
	from{transform:rotateY(0deg);-ms-transform:rotateY(0deg); -moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);}
	to{transform:rotateY(360deg);-ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);opacity: 1;}
@-webkit-keyframes animation3{
	from{transform:rotateY(0deg);-ms-transform:rotateY(0deg); -moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);}
	to{transform:rotateY(360deg);-ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);opacity: 1;}
}

@keyframes animation4{
	from{transform:rotateZ(0deg);-ms-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	to{transform:rotateZ(720deg);-ms-transform:rotateZ(720deg); -moz-transform:rotateZ(720deg);-webkit-transform:rotateZ(720deg);}
}
@-moz-keyframes animation4{
	from{transform:rotateZ(0deg);-ms-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	to{transform:rotateZ(720deg);-ms-transform:rotateZ(720deg); -moz-transform:rotateZ(720deg);-webkit-transform:rotateZ(720deg);}
}
}
@-ms-keyframes animation4{
	from{transform:rotateZ(0deg);-ms-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	to{transform:rotateZ(720deg);-ms-transform:rotateZ(720deg); -moz-transform:rotateZ(720deg);-webkit-transform:rotateZ(720deg);}
}
@-webkit-keyframes animation4{
	from{transform:rotateZ(0deg);-ms-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	to{transform:rotateZ(720deg);-ms-transform:rotateZ(720deg); -moz-transform:rotateZ(720deg);-webkit-transform:rotateZ(720deg);}
}
}

@keyframes animation5{
	0%{left: 0;top: 0;}
	80%{left: 297px;top:0;}
	100%{left: 297px;top: 40px;}
}
@-moz-keyframes animation5{
	0%{left: 0;top: 0;}
	80%{left: 297px;top:0;}
	100%{left: 297px;top: 40px;}
}
@-ms-keyframes animation5{
	0%{left: 0;top: 0;}
	80%{left: 297px;top:0;}
	100%{left: 297px;top: 40px;}
}
@-webkit-keyframes animation5{
	0%{left: 0;top: 0;}
	80%{left: 297px;top:0;}
	100%{left: 297px;top: 40px;}
}

@keyframes animation6{
	from{transform:scale(1.0);-ms-transform:scale(1.0)); -moz-transform:scale(1.0);-webkit-transform:scale(1.0);opacity: 1;}
	to{transform:scale(1.2);-ms-transform:scale(1.2)); -moz-transform:scale(1.2);-webkit-transform:scale(1.2);opacity: 0;}
}
@-moz-keyframes animation6{
	from{transform:scale(1.0);-ms-transform:scale(1.0)); -moz-transform:scale(1.0);-webkit-transform:scale(1.0);opacity: 1;}
	to{transform:scale(1.2);-ms-transform:scale(1.2)); -moz-transform:scale(1.2);-webkit-transform:scale(1.2);opacity: 0;}
}
@-ms-keyframes animation6{
	from{transform:scale(1.0);-ms-transform:scale(1.0)); -moz-transform:scale(1.0);-webkit-transform:scale(1.0);opacity: 1;}
	to{transform:scale(1.2);-ms-transform:scale(1.2)); -moz-transform:scale(1.2);-webkit-transform:scale(1.2);opacity: 0;}
}
@-webkit-keyframes animation6{
	from{transform:scale(1.0);-ms-transform:scale(1.0)); -moz-transform:scale(1.0);-webkit-transform:scale(1.0);opacity: 1;}
	to{transform:scale(1.2);-ms-transform:scale(1.2)); -moz-transform:scale(1.2);-webkit-transform:scale(1.2);opacity: 0;}
}

@keyframes animation7{
	from{transform:rotateZ(0deg);-ms-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	to{transform:rotateZ(360deg);-ms-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);}
}
@-moz-keyframes animation7{
	from{transform:rotateZ(0deg);-ms-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	to{transform:rotateZ(360deg);-ms-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);}
}
@-ms-keyframes animation7{
	from{transform:rotateZ(0deg);-ms-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	to{transform:rotateZ(360deg);-ms-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);}
}
@-webkit-keyframes animation7{
	from{transform:rotateZ(0deg);-ms-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	to{transform:rotateZ(360deg);-ms-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);}
}



@keyframes animation8{
	0%{
		opacity: 0;top: 190px;
	}
	50%{
		opacity: 0.1;top: 24px;
	}
	100%{
		opacity: 1;top: 14px;
	}
}
@-moz-keyframes animation8{
	0%{
		opacity: 0;top: 190px;
	}
	50%{
		opacity: 0.1;top: 24px;
	}
	100%{
		opacity: 1;top: 14px;
	}
}
@-ms-keyframes animation8{
	0%{
		opacity: 0;top: 190px;
	}
	50%{
		opacity: 0.1;top: 24px;
	}
	100%{
		opacity: 1;top: 14px;
	}
}
@-webkit-keyframes animation8{
	0%{
		opacity: 0;top: 190px;
	}
	50%{
		opacity: 0.1;top: 24px;
	}
	100%{
		opacity: 1;top: 14px;
	}
}


@keyframes animation9{
	0%{opacity: 0;top: 184px;}
	50%{opacity: 0.1;top: 10px;}
	100%{opacity: 1;top: 0;}
}
@-moz-keyframes animation9{
	0%{opacity: 0;top: 184px;}
	50%{opacity: 0.1;top: 10px;}
	100%{opacity: 1;top: 0;}
}
@-ms-keyframes animation9{
	0%{opacity: 0;top: 184px;}
	50%{opacity: 0.1;top: 10px;}
	100%{opacity: 1;top: 0;}
}
@-webkit-keyframes animation9{
	0%{opacity: 0;top: 184px;}
	50%{opacity: 0.1;top: 10px;}
	100%{opacity: 1;top: 0;}
}

@media only screen and (max-width: 1600px) {
	
	.banner-des-content-2 .banner-des-3{}
	.banner-des-content-2 .banner-des-3 h1{font-size: 40px;}
	.banner-des-content-2 .banner-des-3 h2{font-size: 30px;}
	.banner-des-content-2 .banner-des-3 p{font-size: 15px;}
	.banner-des-content-2 .banner-des-2{margin-right: 0px;}
	.banner-des-content-2 .banner-des-2 h1{font-size: 40px;}
	.banner-des-content-2 .banner-des-2 h2{font-size: 30px;}
	.banner-des-content-2 .banner-des-2 p{font-size: 15px;}
	.banner-des-content .banner-des h1{font-size: 40px;}
	.banner-des-content .banner-des h2{font-size: 30px;}
	.banner-des-content .banner-des p{font-size: 15px;}
	.data-box{margin-right: 110px;margin-top: -260px;}
	.data-box img{width: 470px;}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.links{display: none;} 
	.swiper-container-phone{display: block;}
	.nav-menu{height: auto;}
	.sty-hello{display: none;}
	.logo{}
	.logo img{height: 32px;width: auto;}
	.nav-menu-list{display: none;}
	.top-navmenu{height: auto;position: fixed;width: 100%;z-index: 999;left: 0;right: 0;top: 0;}
	.banner-ad{margin-bottom: 15px;}
	.case-hunt{width: 100%;margin-bottom: 15px;float: none;margin: 0 0 15px 0;}
	.l-inner{display: none;}
	.r-inner{width: 100%;overflow: hidden;margin-bottom: 10px;}
	.case-hunt-inner img{width: 100%;}
	.case-hunt-inner .cover-tlt{width: 100%;}
	.case-hunt-inner .cover-tlt .c-tlt{margin: 6px 0;}
	.top-bread{display: none;}
	.am-container, .am-g-fixed{width: 100%;}
	.footer-desktop .am-avg-sm-5{display: none;}
	.links{padding: 5px 10px;}
	.case{margin: 0;}
	.product-hunt{width: 100%;}
	.article-lead h1{font-size: 16px;}
	.article-meta{font-size: 14px;padding-top: 0;}
	.content-list li img{padding: 0;}
	.article{padding: 1rem;}
	.content-list p{height: 30px;line-height: 30px;font-size: 14px;margin: 0;}
	.footer-desktop>ul>li{width: 50%;height: auto;float: left;overflow: hidden;padding: 1%;margin-top: 1%;}
	.am-avg-sm-3 > li:nth-of-type(3n+1){clear: none;}
	.footer-desktop{padding: 0;}
	.contact-info{margin-bottom: 0;}
	.sty-btn{margin: 10px auto;}
	.article-lead{padding: 0;}
	.solution-inner>img{width: 100%;padding: 3% 3% 0 3%;}
	.solution-inner .cover-tlt{width: 100%;padding: 1% 3% 3% 3%;}
	.solution-inner .cover-tlt .c-tlt{font-size: 16px;margin-bottom: 2px;}
	.cover-tlt .c-tlt .date{font-size: 12px;display: block;float: none;}
	.pagebox .page-total{margin-right: 0px;display: block;}
	.pagebox{padding: 8px;text-align: center;}
	.solution{margin-bottom: 10px;}
	.article-nav a{width: 48%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.swiper-container img{width: 100% !important;height: auto !important;}
	.swiper-container{width: 100% !important;}
	.backtolist{font-size: 16px;}
	.header-h{height: 50px;}
	.am-menu-offcanvas1 .am-menu-toggle{top: 15px;position: fixed;background: url(../images/meanlist.png);background-size: 100% 100%;background-color: #fff;width: 30px;height: 20px;font-size: 0;right: 10px;}
	.header-list{height: auto;float: none;z-index: 999;position: fixed;width: 100%;top: 50px;background-color: #008f99;overflow-y: scroll;}
	.header-list li.active{background: none;background-color: #008f99;}
	.header-list li.active .top-line{display: none;}
	 .header-list li.active span{height: auto;color: #fff;}
	.header-list li.active a{height: auto;color: #fff;}
	.header-list>li>span{height: auto;color: #fff;display: block;background-color: #008f99;}
	.header-list li span{}
	.header-list>li{font-size: 16px;text-align: center;line-height: 42px;border-bottom: 1px solid rgba(87, 82, 82, 0.2);}
	.am-offcanvas-bar{background-color: #fff;}
	.phone-drop-list li:first-child{}
	.phone-drop-list li{text-align: center;}
	.phone-drop-list li a{color: #008f99;display: block;}
	.go-down .phone-drop-list{display: block !important;background-color: rgba(0, 0, 0, 0.3);}
	.home-banner{display: none;}
	.go-down{background-color: #008f99;}
	.go-down span{color: #FFFFFF !important;}
	.go-down .phone-drop-list li a{color: #fff !important;}
	.swiper-container-phone img{width: 100%;height: 100%;}
	.go-down .phone-drop-list li{background-color: transparent;}
	.header-list>li>a{color: #fff;display: block;}
	.toggle-icon{background: url(../images/meanlist.png) no-repeat;position: fixed;right: 20px;height: 22px;width: 30px;display: inline-block;z-index: 999;background-size: 100% 100%;top: 16px;}
	.delete-icon{background: url(../images/delete.png) no-repeat;position: fixed;right: 18px;height: 32px;width: 32px;display: inline-block;z-index: 999;background-size: 100% 100%;top: 11px;}
	.wrong{background: url(../images/delete.png) no-repeat !important;width: 26px !important;height: 26px !important;top: 10px !important;z-index: 1200 !important;}
	.am-offcanvas-bar{top: 50px !important;width: 270px;max-width: 101%;}
	.am-offcanvas{top: 50px;}
	.phone-drop-list{margin: 0;}
	.swiper-container-phone .swiper-pagination-bullet-active{background-color: #008f99 !important;width: 38px !important;height: 6px !important;}
	.swiper-container-phone .swiper-pagination-bullet {width: 18px;height: 6px;border-radius: 4px;background-color: transparent;border: 1px solid #008f99;}
	.my-iframe{}
	.article-meta img{margin: 0 auto;}
	td p{margin: 0 !important;}
}