img {
  width: auto;
  height: auto;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

.clearfixx {
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;

}
.clearfixx:before,
.clearfixx:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */

}
.clearfixx:after {
  clear: both;
}


.mainn {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}








.contenttt{width:100%;background: #f3f3f3;}
.inner-mainn .theme{font-size:28px;color: #1a1a1a;padding: 60px 0 40px;text-align: center;font-weight: normal;}
/*.con-develop .prev{position: relative;left: -20px;top:-61px;z-index: 22;width: 24px;height: 42px;}
*/.con-develop .swiper-button-next{display:block;position: absolute;right: 1.5%;top:50%;margin-top: -40px;width: 24px;height: 42px;background: url(img/next1.png) no-repeat center center;}


@media screen and (max-width: 768px){
.con-develop .swiper-button-prev,Σ.con-develop .m-hd{display: block;text-align: center;margin-top: 20px;}
.contenttt{ margin-top: -50px;}
}









@media screen and (max-width: 1280px){
	.inner-mainn .theme{font-size: 30px;margin: 0;}
}

@media screen and (max-width: 768px){
	.inner-mainn .theme{font-size: 30px;margin: 0;}
}		



@media screen and (max-width: 768px){
	.inner-mainn .theme{font-size: 24px;padding:30px 0;}
}





.pro-top {background: #fff;padding: 10px 0;width: 100%; }
.pro-top ul{width: 100%;max-width:1200px;margin: 0 auto;}
.pro-top li{float: left;}
.pro-top li a{display: block;min-width: 239px; border-right: 1px solid #c6c6c6;padding: 20px 0;text-align: center;vertical-align: middle;font-size: 18px;color: #666; height: 58px;}
.pro-top li a p{ float: left; }
.pro-top li:nth-child(5) a{ border-right: 1px solid #fff; }
.pro-top li a img{margin:-7px 20px 0 40px; float: left;}
.pro-mid{margin-top: 0px;}
.pro-mid .serbox{ margin-top: 80px;  }
.pro-mid .serbox .con{display:block;position: relative;width: 32%;padding: 40px 20px;background: #fff;margin:0 21px 21px 0;float: left; height: 130px;}
.pro-mid .serbox .tcon{margin-right: 0;}
.pro-mid .serbox .con img{position: absolute;top:50%;margin-top: -25px;left: 20px;}
.pro-mid .serbox .con p{font-size: 16px;color: #666;padding-left: 80px;}
.pro-mid .serbox .con p.tp{font-size: 22px;color: #303030;}
.pro-mid .serclass{margin-top: 40px;}
.pro-mid .serclass .con{display:block;position: relative;width: 24%;padding: 40px 20px;float: left;margin: 0 13px 60px 0;background: #eee;}
.pro-mid .serclass .tcon{margin-right: 0;}
.pro-mid .serclass .con .sicon{display: block;margin: 0 auto;position: relative;z-index: 2;margin-bottom: 10px;}
.pro-mid .serclass .con p{font-size: 16px;color:#666;line-height: 28px;text-align: center;position: relative;z-index: 2;min-height: 3.5em;}
.pro-mid .serclass .con .tp{font-size: 22px;color: #303030;margin-bottom: 10px;min-height: 0;}



.toolss{background: #fff;padding-bottom: 60px;}
.toolss .toolbox{width: 100%;max-width: 1200px;margin: 0 auto 80px;}
.toolss .theme{padding:60px 0;font-size: 28px;color: #1a1a1a;text-align: center;font-weight: normal;}
.toolss .toolbox .con{position:relative;float: left;width: 32%;border:1px solid #e6e6e6;margin-right: 21px;padding: 50px 30px;height: 200px;margin-bottom: 20px;}
.toolss .toolbox .m-con{display: none;}
.toolss .toolbox .tcon{margin-right: 0}
.toolss .toolbox .con img{position: absolute;top:50%;margin-top: -52px;left: 30px;}
.toolss .toolbox .con p{padding-left: 100px;font-size: 16px;color:#666;line-height: 28px;}
.toolss .toolbox .con .tp{font-size: 22px;color: #303030;margin-bottom: 10px;}
.toolss .toolbox .con a.more{cursor:pointer;color: #e10032;font-size: 16px;position: absolute;bottom: 20px;right: 30px;}

@media screen and (max-width: 1280px){
.pro-top li{float: left;width: 20%}
.pro-top li a{float: left;width:100%}
.pro-mid .serbox .con{position: relative;width: 32%;height:80px;padding:40px  0;background: #fff;margin-right:2%;float: left;}
.pro-mid .serbox .con img{margin-top: -35px;}
.pro-mid .serbox .con p{padding:0 20px 0 100px;}
.pro-mid .serbox .tcon{margin-right: 0;}

.pro-mid .serclass .con{position: relative;width: 23.5%;padding: 40px 0px;margin-right:2%;float: left;overflow: hidden;}
.pro-mid .serclass .tcon{margin-right: 0px;}
.pro-mid .serclass .con p{padding: 0 20px;}
.pro-mid .serclass .con .tp{font-size: 20px;}

.toolss .toolbox .con{position:relative;float: left;width: 32%;border:1px solid #e6e6e6;margin-right: 1.5%;padding: 50px 0px;height: 100px;}
.toolss .toolbox .tcon{margin-right: 0}
.toolss .toolbox .con img{position: absolute;top:50%;margin-top: -52px;left: 10px;}
.toolss .toolbox .con p{padding:0 10px 0 110px;font-size: 16px;color:#666;line-height: 28px;}


}
@media screen and (max-width: 1024px){
.pro-top li a{font-size: 14px;}	
.pro-mid .serclass .con{position: relative;width: 49%;padding: 40px 0px;margin-right:2%;float: left;overflow: hidden;margin-bottom: 20px;}
.pro-mid .serclass .con:nth-child(2n){margin-right: 0;}


.pro-mid .serclass .con .sicon{position: absolute;top:50%;margin-top: -40px;left: 30px;}
.pro-mid .serclass .con p{text-align: left;padding-left: 130px;}
.pro-mid .serclass .con .tp{font-size: 20px;}

.toolss .toolbox .con{position:relative;float: left;width: 49%;border:1px solid #e6e6e6;margin-right: 1.5%;padding: 50px 0px;height: 100px;margin-bottom: 20px;}
.toolss .toolbox .con:nth-child(2n){margin-right: 0;}
.toolss .toolbox .con img{position: absolute;top:50%;margin-top: -52px;left: 30px;}
.toolss .toolbox .con p{padding:0 10px 0 130px;font-size: 16px;color:#666;line-height: 28px;}


}
@media screen and (max-width: 992px){
.toolss .toolbox .con{margin-right: 1%;}

.pro-top li a{font-size: 14px;}	

}
@media screen and (max-width: 768px){
.pro-top {padding: 30px 0;}
.pro-top li{float: left;width: 100%;border-bottom: 1px solid #eeeeee;}
.pro-top li a{font-size: 14px;}	
.pro-top li a img{ width: 30px; }
.pro-mid .serbox .con p.tp{font-size: 20px;}
.pro-mid .serbox {padding: 0 10px;}
.pro-mid .serbox .con{position: relative;width: 100%;height:auto;padding:40px  0;background: #fff;margin-right:0%;float: left;margin-bottom: 5px;}
.pro-mid .serbox .con img{margin-top: -25px;}
.pro-mid .serclass {padding: 0 10px;}
.pro-mid .serclass .con{position: relative;width: 100%;padding: 40px 0px;margin-right:0%;float: left;overflow: hidden;margin-bottom: 5px;}
.pro-mid .serclass .con .sicon{width: 60px;height: auto;left: 20px;}
.pro-mid .serclass .con p{padding-left: 100px;min-height: 0;}

.toolss{padding: 0 10px;}
.toolss .theme{padding: 40px 0px;font-size:24px;}
.toolss .toolbox .con{display:none;}
.toolss .toolbox .m-con{display:block;width: 100%;height: 150px;padding: 0;margin-bottom: 10px;}
.toolss .toolbox .m-con img{top:0;margin-top: 0px;left:0;width: 150px;height: auto;}
.toolss .toolbox .con .tp{font-size: 16px;color: #303030;padding: 20px 20px 0 160px;}
.toolss .toolbox .con a.more{width: 120px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;background: url(img/btn_bg.jpg) repeat-y 0 0;border-radius: 15px;right: auto;left:212px;bottom: 10px;}

}



@media screen and (max-width: 1024px){
/*	.products .hd li a{font-size: 16px;}
*/	.pro-class .con .text{margin-left: -39%;}
}

@media screen and (max-width: 1024px){.other-industry .banner-slider .bd ul li .cont{width: 80%; margin-left: 0; left: 5%;}.other-industry .banner-slider .hd{bottom: 20px;}}

@media screen and (max-width: 768px){
{width: 90%; left: 5%;}
{bottom: 30px;}
}

.mainn{max-width: 1200px;width: 100%;margin: 0 auto;}

td{padding: 5px;}
td{padding: 5px;}



@media screen and (max-width: 768px){
.mainn{padding:0 6px;width:auto;}

}
/****---------------------------------§ΑζΕΣ_-------------------------------***/


.s-ServiceSupport .APass{
	margin-bottom: 40px;
}
.s-ServiceSupport .APass li{
	margin-bottom: 18px;
}



@media screen and (max-width: 1200px){
}
.CorporateCulture .Idea{
	
}