@charset "utf-8";


*{padding:0;margin:0;box-sizing:content-box;font-family:"微软雅黑";font-size:inherit}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1;
  clear: both; }

a{text-decoration:none}
img{border:none}
ul{list-style:none}
.w1200{width:1200px;margin:0 auto;height:auto}
.bar{position:relative;width:100%;height:30px;background-color:#3a3a3a}
.bar .w1200{overflow:hidden}
.bar .left{float:left;font-size:12px;line-height:16px;padding:5px 0 0}
.bar .left a{margin-right:10px;display:inline-block;color:#9f9f9f}
.bar .left a:hover{color:#fff}
.bar .right{float:right;font-size:12px;line-height:16px;padding:0 3px 0 11px;color:#fff}
.bar .right a{display:inline-block;color:#b0b0b0;padding:6px 7px 5px}
.bar .right a:hover{color:#fff}
.nav{width:100%;height:80px;box-sizing:border-box;background:#fff;position:relative}
.nav .w1200{position:relative;padding-left:300px;box-sizing:border-box}
.nav .logo{position:absolute;left:0;top:0}
.nav .logo img{width:257px;height:65px;margin-top:10px}
.nav ul{float:left}
.nav ul li{float:left;display:inline-block;font-size:16px;line-height:1}
.nav ul li a{padding:32px;width:auto;display:block;text-align:center;color:#444;position:relative}
.nav ul li.active a{color:#19ACF7}
.nav ul li.active a:after{content:'';display:block;position:absolute;left:0;right:0;height:2px;bottom:0;z-index:11;background-color:#19ACF7}
.nav .son{display:none}
.nav .son{width:100%;height:360px;background:rgba(0,0,0,.9);position:fixed;padding:22px 0 18px 0;z-index:110;overflow:hidden;box-sizing:border-box;left:0;top:110px}
.nav .son .w1200{padding-left:0}
.nav .son .category dl{width:150px;float:left;box-sizing:border-box;padding-left:0;vertical-align:top;height:320px;border-right:2px solid #444343}
.nav .son .list{position:relative;z-index:200;color:#fff;float:left}
.nav .son .category dl::after{width:2px;position:absolute;background-color:#444343;top:0;bottom:0;left:148px;z-index:10}
.nav .son .category dl dd{height:80px;line-height:80px;padding-right:16px;text-align:right;position:relative;z-index:100;margin-right:-2px}
.nav .son .category dl dd.selected{border-right:2px solid #19acf7;color:#19acf7}
.nav .son .category dl dd.selected a{color:#19acf7}
.nav .son .category dl dd a{font-size:16px;color:#fff;letter-spacing:0;cursor:pointer;padding:10px 10px;line-height:60px;display:inline-block}
.nav ul li.active dl dd a:after{display:none}
.nav .son .list{display:none}
.nav .son .list dl{width:1050px;box-sizing:border-box;vertical-align:top;padding-left:0}
.nav .son .list dl dd{background:#292929;width:320px;height:68px;float:left;text-align:left;box-sizing:border-box;cursor:pointer;margin-left:28px;margin-bottom:16px}
.nav .son .list dl dd:hover{opacity:.9;background:#19acf7}
.nav .son .list dl dd:hover a{color:#fff}
.nav .son .list dl dd:hover span{color:#fff!important}
.nav .son .list dl dd a{color:#fff;text-decoration:none;display:block;padding:12px 20px}
.nav .son .list dl dd a span.title{font-size:14px;color:#fff;letter-spacing:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-right:24px;display:block}
.nav .son .list dl dd a span.desc{display:block;padding-top:9px;font-size:12px;color:#909090;letter-spacing:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav .son .list dl dd a span.new:after{content:'new';position:absolute;top:0;display:inline-block;transform:scale(.8,.8);transform-origin:top left;color:#fff;font-size:10px;background-color:#e04646;border-radius:2px;line-height:1;padding:1px 3px 3px;margin-left:3px}
.nav .son .list.active{display:block}
.nav .son.active{display:block}
.banner img{max-width:100%;height:360px}

/*数据统计滚动*/
.product-number-info{background:url(../images/product_number_bg.jpg); position: relative;}
.product-number-info .product-number-inner{width: 1200px; margin:0 auto;}
.product-number-info ul{padding: 85px 0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 239px; height: 90px; border-left: 1px solid #66c7fd;color:#fff; padding-top:1px;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-weight: 400; font-size:36px; line-height: 1;display: inline-block; position: relative; margin: 15px 0 10px;}
.product-number-info li b i{font-style: normal;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; font-weight: 100; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li p{font-size: 14px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:70px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px;}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:78px;}
.product-number-info li.li-5{text-align: right;}
.product-number-info li.li-5 b{padding-right: 2px;}
/*页脚*/
.copyright{padding-top:79px; border-top: 1px solid #ededed;}
.copyright_c{ height: 313px; width: 1200px;margin: 0 auto;}
.copyright_head{ height: 247px; overflow: hidden; border-bottom: 1px solid #ededed;}
.copyright_L{ float: left; width: 406px; }
.copyright_L p{ display: block; width: 381px; height:48px; margin-bottom: 26px;}
.copyright_L span{ display: block; overflow: hidden; margin-bottom: 4px;}
.copyright_L span em{ display: block; float: left; font-size:14px; color: #888;line-height: 30px;}
.copyright_L span strong{ display: block; float: left; font-size:24px; color: #f90; line-height: 30px;}
.copyright_L span a{ display: block; float: left; width:70px; height: 30px;border-radius: 3px; overflow: hidden; background: url(../images/QQ.png) #03d3ff no-repeat 11px center;padding-left:35px; font-size: 14px; color: #FFF; line-height: 30px; margin-right:10px}
.copyright_L span:last-child{padding-top:10px;}
.copyright_C{ float: left; overflow: hidden;}
.copyright_C_list{ float: left;padding-top:24px;}
.copyright_C_list p{ display: block; font-size: 18px; color: #333;padding-bottom: 28px;}
.about{ overflow: hidden; margin-bottom: 22px;}
.about a{ display: block; font-size: 12px; color: #666; float: left; margin-right: 24px;}
.about a:hover{color:#3fc7ff;}
.copyright_C_list:nth-child(2){margin-left:114px; margin-right:46px;}
.copyright_R{ float: right; width: 150px; }
.copyright_R span{ display: block; width: 122px; height: 122px; border:1px solid #ededed;padding:13px; }
.copyright_R span img{ width: 100% }
.copyright_R p{ display: block; font-size:12px; color: #999; text-align: center;padding-top:18px;}
.copyright_bottom{ height: 65px; overflow: hidden; }
.copyright_bottom span{ display: block; line-height: 65px; font-size:12px; color: #a9a9a9; float: left;}
.copyright_bottom p{ display: block; line-height: 65px; font-size:12px; color: #a9a9a9; float: right;}
.register {
	padding: 50px 0 45px;
	background: url(../images/register_bg.png) no-repeat center center #e8373d;
}

.register .title {
	padding-bottom: 5px;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	color: #fff;
}

.register .desc {
	padding-bottom: 20px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.register .btn {
	display: block;
	width: 128px;
	height: 36px;
	padding: 0;
	margin: 0 auto;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	transition: all .2s;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
}

.register .btn:hover {
	background: rgba(255, 255, 255, .1);
}

.section {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  display: flex; }
  
  
  .col-sm-6{float:left;width:48%}
.AGrid-row{clear:both}
.AGrid-row:before,.AGrid-row:after{content:" ";display:table;line-height:0}
.AGrid-row:after{clear:both}
/*背景颜色*/
.bg-grey{background-color:#f5f5f5}
.developer-application-block{max-width:1180px;text-align:center;padding:20px 0;clear:both;margin:0 auto}
/*大标题*/
.titleBar{text-align:center}
.titleBar .caption{font-size:36px;color:#252b3a;letter-spacing:0;text-align:center;line-height:46px;margin-bottom:10px}
.descript{margin-bottom:40px;font-size:16px;color:#A0A2A8}
.AGrid-row.gap{margin:-10px}
.AGrid-row.gap .col-sm-6{padding:10px}
.developer-application .tile{background-color:#fff;border:1px solid #dddddd;box-shadow:0 8px 16px 0 rgba(0,0,0,0.10)}
.developer-application:last-child .tile{border:none}
/*头部*/
.developer-application .layer-figure .title{padding:9px 20px;text-align:left;font-size:18px;color:#fff;background:url("../images/pc_yingyonfuwu.png") no-repeat center;background-size:cover}
/*内容*/
.developer-application .layer-text{overflow:hidden;padding:30px 40px 14px 40px;background:url("../images/pc_diwen.png") no-repeat center;background-size:cover}
.developer-application .layer-text ul a{cursor:unset}
/*列表*/
.developer-application .layer-text ul li.col-sm-6{padding:0 0px 0 0;float:left;text-align:left}
.developer-application .layer-text ul li .application-box{cursor:pointer;display:inline-block;margin-bottom:16px}
.developer-application .layer-text .application-box:hover .title{color:#f66f6a}
.developer-application .layer-text .application-img{display:inline-block;float:left;width:36px;height:36px;overflow:hidden}
.developer-application .layer-text .application-img img{position:relative}
.developer-application .layer-text .title{display:inline-block;margin-left:18px;color:#252b3a;height:36px;line-height:36px;font-size:14px}
  
  .col-sm-4{float:left;width:31.33333333%;padding:10px;margin-bottom: 30px;background-color:#ffffff;}
/*背景*/
.bg-white{
	background-color:#ffffff;
	margin-bottom: 30px;
}
.developer-train-block{max-width:1200px;text-align:center;padding:50px 0;clear:both;margin:0 auto}
/*大标题*/
.titleBar{text-align:center}
.titleBar .caption{font-size:36px;color:#252b3a;letter-spacing:0;text-align:center;line-height:46px;margin-bottom:10px}
.descript{margin-bottom:40px;font-size:16px;color:#A0A2A8}
/*内容*/
.developer-train .tile{position:relative;background:#FFFFFF;height:240px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.10);border-radius:2px}
.developer-train .layer-figure{text-align:center;font-size:18px;color:#252b3a;height:79px;background:url("../images/trainblock.png") no-repeat center}
.developer-train .title{line-height:79px;border-bottom:1px solid #ddd;color:#252b3a;font-size:18px}
.developer-train .dev-text{text-align:center;margin:30px 30px 0;font-size:12px;color:#A0A2A8}
/*按钮*/
.developer-train .buttond{position:absolute;bottom:30px;right:35.842%;text-align:center;margin:auto;width:100px;height:32px;border:1px solid #f66f6a;font-size:14px;color:#f66f6a}
.developer-train .buttond p{line-height:30px;color:#f66f6a}
.developer-train .buttond:hover{background-color:#f66f6a;border:none;cursor:pointer}
.developer-train .buttond:hover a p{color:#fff}
  
  
  .Choices{ width:100%; float:left; height:819px; background:url(../images/bbb3.jpg) no-repeat center; background-size:cover;}
.Choices_text{ width:1200px; height:819px; margin:0 auto;}
.Choices_head{ width:100%; float:left; height:55px; margin-top:50px; line-height:55px; letter-spacing:2px; font-weight:bold; text-align:center; font-size:48px; color:#FFF; display:block; position:relative;}
.Choices_head:before,.Choices_head:after{content: ''; position: absolute;top: 30px;background: #FFF;width:165px;height: 2px;}
.Choices_head:before{ left:175px;}
.Choices_head:after{ right:175px;}

.Choices_content{ width:1184px; height:594px; float:left; margin-left:3px;}
.Choicesnext{ width:38px; height:37px; float:left; margin-left:1136px; margin-top:24px; cursor:pointer;}
.Choices_banner{ width:1184px; height:399px; float:left; margin-top:39px; overflow: hidden;}
.Choices_banner ul{ width: 12000px;  overflow: hidden;}
.Choices_banner ul li{ width:1184px; height:399px; float:left;}
.Choices_left{ width:594px; height:399px; float:left;}
.Choices_right{ width:590px; height:399px; float:left; background-color: rgba(255,255,255,0.93)}
.Choices_right h1{ width:590px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:70px; color:#464646;}
.Choices_right h2{ width:590px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:10px; color:#464646;}
.Choices_right p{ width:450px; height:70px; float:left; margin-left:70px; text-align:center; font-size:18px; color:#606060; margin-top:20px;}
.Choicesbut{ width:197px; height:49px; float:left; border:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7); text-align:center; line-height:49px; color:#606060; font-size:22px; margin-left:195px; margin-top:57px;}
.Choicestel{ width:1184px; height:38px; text-align:center; line-height:38px; font-size:36px; float:left; font-family:"Arial"; overflow:hidden; color:#FFF; margin-top:100px;
-webkit-user-select:none;/*谷歌 /Chrome*/
-moz-user-select:none; /*火狐/Firefox*/
-ms-user-select:none;    /*IE 10+*/
user-select:none;}
.Choicestel ul{ width:12000px; overflow:hidden;}
.Choicestel ul li{ width:1184px; height:38px; float:left;}


.index-container {
  padding-bottom: 20px; }
  .index-container .section01 {
    width: 100%;
    height: 300px; }
    .index-container .section01 .page01-box {
      position: relative;
      height: 100%; }
      .index-container .section01 .page01-box .page01-box-bg {
        z-index: -1;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 785px;
        height: 376px;
        background: url(../images/page01_box_bg.png) no-repeat 50%;
        background-size: cover;
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0); }
    .index-container .section01 .page-box {
      position: relative;
      perspective: 1000000000000px;
      -webkit-perspective: 1000000000000px;
      margin: 60px 10px; }
      .index-container .section01 .page-box .page-brick-item {
        z-index: 1;
        float: left;
        width: 280px;
        cursor: pointer; }
        .index-container .section01 .page-box .page-brick-item .page-list-title {
          font-size: 48px;
          color: #333;
          line-height: 60px; }
          .index-container .section01 .page-box .page-brick-item .page-list-title > span {
            font-size: 20px; }
        .index-container .section01 .page-box .page-brick-item .page-list-min-title {
          font-size: 16px;
          color: #666;
          line-height: 26px; }
        .index-container .section01 .page-box .page-brick-item .page-list {
          z-index: 2;
          float: left;
          width: 100%;
          width: 200px;
          height: 140px;
          padding: 10px 20px;
          text-align: center;
          transform: rotateY(0deg);
          -ms-transform: rotateY(0deg);
          -moz-transform: rotateY(0deg);
          -webkit-transform: rotateY(0deg);
          -o-transform: rotateY(0deg);
          transition: all 0.50s ease-in-out 0s;
          -ms-transition: all 0.50s ease-in-out 0s;
          -moz-transition: all 0.50s ease-in-out 0s;
          -webkit-transition: all 0.50s ease-in-out 0s;
          -o-transition: all 0.50s ease-in-out 0s; }
        .index-container .section01 .page-box .page-brick-item .page-list-content {
          width: 100%;
          height: 100%;
          position: absolute;
          width: 200px;
          height: 140px;
          padding: 10px 20px;
          background: #fff;
          z-index: 5;
          text-align: center;
          -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          transform: rotateY(90deg);
          -ms-transform: rotateY(90deg);
          -moz-transform: rotateY(90deg);
          -webkit-transform: rotateY(90deg);
          -o-transform: rotateY(90deg);
          transition: all 0.50s ease-in-out 0s;
          -ms-transition: all 0.50s ease-in-out 0s;
          -moz-transition: all 0.50s ease-in-out 0s;
          -webkit-transition: all 0.50s ease-in-out 0s;
          -o-transition: all 0.50s ease-in-out 0s; }
          .index-container .section01 .page-box .page-brick-item .page-list-content .page-list-title {
            color: #0099FF; }
        .index-container .section01 .page-box .page-brick-item:hover .page-list {
          transform: rotateY(-90deg);
          -ms-transform: rotateY(-90deg);
          -moz-transform: rotateY(-90deg);
          -webkit-transform: rotateY(-90deg);
          -o-transform: rotateY(-90deg); }
        .index-container .section01 .page-box .page-brick-item:hover .page-list-content {
          transform: rotateY(0deg);
          -ms-transform: rotateY(0deg);
          -moz-transform: rotateY(0deg);
          -webkit-transform: rotateY(0deg);
          -o-transform: rotateY(0deg);
          z-index: 2; }

        .index-container .section01 .page-box .page-title {
          position: relative;
          font-size: 48px;
          color: white;
          text-align: left;
          padding-left: 30px;
          margin-bottom: 20px; }
          .index-container .section01 .page-box  .page-title > span {
            position: absolute;
            left: 0;
            top: -8px; }
          .index-container .section01 .page-box  .page-title:after {
            left: 0;
            margin-left: 0; }
        .index-container .section01 .page-box .min-title {
          font-size: 24px;
          line-height: 36px;
          text-align: left; }
		  
	.container1200 {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden; }
	  
		  
		  
		  
		  /*背景*/
.specialty{background:url(/images/ao/support-service-specialty-pc.jpg) no-repeat;background-size:cover;padding-bottom:50px}
/*大标题*/
.support-title{padding-top:50px;padding-bottom:30px;text-align:center}
.support-title h1{font-size:36px;color:#252B3A;line-height:48px}
/*列表*/
.specialty-slide:before,.specialty-slide:after{content:" ";display:table}
.specialty-slide:after{clear:both}
.specialty-slide li{width:25%;float:left;text-align:center;padding:45px 0;position:relative;z-index:2;cursor:pointer}
.specialty-slide li a.list{display: inline-block;width: 100%;}
.specialty-slide li:after{content:"";width:1px;background:#ddd;position:absolute;right:0;top:35%;bottom:35%}
.specialty-slide li:nth-child(4n):after{width:0}
.specialty-slide li:last-child{cursor:auto}
.specialty-slide li:last-child h1{color:#A0A2A8}
.specialty-slide li i{width:47px;height:47px;display:inline-block;background-size:cover;background-position:center;margin-bottom:25px}
.specialty-slide li h1{font-size:16px;color:#252B3A;text-align:center;line-height:22px}
/*反面*/
.specialty-slide .specialty-content{position:absolute;top:100%;left:-1px;background:#FFFFFF url(/images/ao/support-service-resources-hover.png) no-repeat;background-position:right bottom;border-radius:2px;padding:0 30px;overflow:hidden;line-height:190px;transition:all 0.5s,border 0s;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);height:0}
.specialty-slide .specialty-content a{display:inline-block;line-height:190px;vertical-align:middle}
.specialty-slide .specialty-content h1{font-size:16px;color:#252B3A;text-align:center;line-height:22px;margin-bottom:10px;transition:all 0.3s}
.specialty-slide .specialty-content h1:hover{color:#f66f6a}
.specialty-slide .specialty-content p{font-size:12px;color:#666A75;text-align:center;line-height:20px}
li:hover:after{opacity:0}
li:hover .specialty-content{height:190px;top:0;border-top:4px solid #F7A655}
li:last-child:hover .specialty-content{top:100%;height:0;border:none}



.block h3.title{font-size: 40px;color: #333333;padding-bottom: 8px;position: relative;text-align: center;}
.block p.sub-title{font-size: 18px;color: #999999;text-align: center;}
.block h3.title:after{display: block;content: "";position: absolute;width: 70px;height: 3px;background: #FFFFFFF;bottom: -30px;left: 50%;transform: translateX(-50%);}
/*效益*/
.benefit{width: 100%;height: auto;overflow: hidden;text-align: center;}
.benefit h3.title{padding-top: 25px;}
.benefit .items{width: 100%;height: auto;overflow:hidden;padding: 85px 0 100px 0;}
.benefit .items ul{display: flex;justify-content: center;}
.benefit .items ul li{width: 200px;height: auto;overflow: hidden;margin: 0 25px;text-align: center;transition: all .3s;}
.benefit .items ul li:hover{transition: all .3s;transform: translateY(-5px);}
.benefit .items ul li p.title{font-size: 20px;color: #333333;padding: 30px 0 15px 0;}
.benefit .items ul li p.desc{font-size: 16px;color: #333333;line-height: 30px;}



/*团队*/
.team{width: 100%;height: auto;overflow: hidden;padding: 10px 0 10px;background: url(../images/team-bg1.jpg) center center no-repeat;}
.team h3.title{color: #FFFFFF;}
.team p.sub-title{color: #FFFFFF;}
.team .items{padding-top: 70px;width: 100%;height: auto;overflow: hidden;}
.team .items ul{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.team .items ul li{width: 560px;height: 180px;background: rgba(255,255,255,.9);border-radius: 5px;margin-bottom: 20px;padding: 15px 15px 15px 15px;transition: all .3s;float:left}
.team .items ul li:hover{;box-shadow:0px 0px 10px rgba(244,244,244,.8);transition: all .3s;}
.team .items ul li a{display: block;width: 100%;height: 100%;display: flex;align-items: center;}
.team .items ul li .item-txt{padding-left: 35px;}
.team .items ul li .item-txt .title{font-size: 24px;color: #333333;padding-bottom: 20px;}
.team .items ul li .item-txt .desc{font-size: 16px;color: #333333;line-height: 30px;}






:after,
:before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline
}


@font-face {
	font-family: cicon;
	src: url(fonts/font_385839_bxvpl1zmvwj.eot);
	src: url(fonts/font_385839_bxvpl1zmvwj.eot#iefix) format("embedded-opentype"), url(fonts/font_385839_bxvpl1zmvwj.woff) format("woff"), url(fonts/font_385839_bxvpl1zmvwj.ttf) format("truetype"), url(fonts/font_385839_bxvpl1zmvwj.svg#cicon) format("svg")
}

.c-icon {
	font-family: cicon!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-row:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.c-wrapper {
	width: 1176px;
	margin: 0 auto
}

.c-col6 {
	width: 25%;
	float: left;
	box-sizing: border-box;
}

.m-product-panel {
	text-align: center;
	padding: 70px 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 0
}

.c-title-large.light {
	color: #fff;
}

.c-title-large .c-title-main {
	font-size: 34px;
	font-weight: 700;
	line-height: 1em;
	color: #FFF;
}

.c-title-large .c-title-main:after {
	width: 120px;
	margin-top: 23px;
	content: "";
	display: block;
	height: 4px;
	background: #1ccfc9;
	margin: 16px auto 0;
	background: #fff;
}

.c-title-large {
	text-align: center;
	margin-bottom: 56px;
}

.m-product-panel .m-product-panel-list {
	background: #f5f8f9;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(7, 61, 125, .16)
}

.m-product-panel .m-product-panel-list>li {
	position: relative;
	cursor: default
}

.m-product-panel .m-product-panel-list>li h4 {
	color: #4a4a4a;
	font-size: 27px;
	padding: 50px 20px 0;
	-webkit-transition: color .3s ease, -webkit-transform .3s ease;
	transition: color .3s ease, -webkit-transform .3s ease;
	transition: color .3s ease, transform .3s ease;
	transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.m-product-panel .m-product-panel-list>li .m-product-panel-list-note {
	color: #7d7e7e;
	color: rgba(0, 0, 0, .5);
	font-size: 16px;
	padding: 20px 30px;
	-webkit-transition: -webkit-transform .3s ease .05s;
	transition: -webkit-transform .3s ease .05s;
	transition: transform .3s ease .05s;
	transition: transform .3s ease .05s, -webkit-transform .3s ease .05s
}

.m-product-panel .m-product-panel-list>li .m-product-panel-list-icon {
	position: absolute;
	width: 100%;
	bottom: 90px;
	left: 0;
	color: #dcdedf;
	color: rgba(0, 0, 0, .1);
	font-size: 64px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility .5s ease, opacity .5s ease;
	transition: visibility .5s ease, opacity .5s ease
}

.m-product-panel .m-product-panel-list>li .m-product-panel-list-button {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;
	transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;
	transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s;
	transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s
}

.m-product-panel .m-product-panel-list>li .m-product-panel-list-button button {
	height: 28px;
	line-height: 26px;
	padding: 0 18px;
	cursor: inherit;
	color: #666;
	font-size: 14px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: transparent;
	-webkit-transition: color .3s ease, border-color .3s ease, background .3s ease;
	transition: color .3s ease, border-color .3s ease, background .3s ease
}

.m-product-panel .m-product-panel-list>li .m-product-panel-list-detail {
	width: 100%;
	padding: 0 50px;
	text-align: left;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: -webkit-transform .3s ease .1s;
	transition: -webkit-transform .3s ease .1s;
	transition: transform .3s ease .1s;
	transition: transform .3s ease .1s, -webkit-transform .3s ease .1s
}

.m-product-panel .m-product-panel-list>li .m-product-panel-list-detail li {
	color: #999;
	font-size: 14px;
	margin-top: 18px
}

.m-product-panel .m-product-panel-list>li .m-product-panel-list-detail .c-icon {

	
}
.m-product-panel  .imggg {
	height: 20px;
	width: 20px;
	margin-top:10px;

}

.m-product-panel .m-product-panel-list>li>div {
	position: relative;
	z-index: 9;
	height: 382px;
	margin: 25px 0;
	border-left: 1px dashed #d6d6d6;
	-webkit-transition: border-color .3s ease;
	transition: border-color .3s ease;
	overflow: hidden
}

.m-product-panel .m-product-panel-list>li>div>a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none
}

.m-product-panel .m-product-panel-list>li:first-child>div {
	border-left-color: transparent
}

.m-product-panel .m-product-panel-list>li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: #f5f8f9;
	-webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
	transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
	transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
	transition: background .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease
}

.m-product-panel .m-product-panel-list>li.active:after,
.m-product-panel .m-product-panel-list>li:hover:after {
	z-index: 1;
	background: #fff;
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13)
}

.m-product-panel .m-product-panel-list>li.active+li>div,
.m-product-panel .m-product-panel-list>li.active>div,
.m-product-panel .m-product-panel-list>li:hover+li>div,
.m-product-panel .m-product-panel-list>li:hover>div {
	border-left-color: transparent
}

.m-product-panel .m-product-panel-list>li.active h4,
.m-product-panel .m-product-panel-list>li:hover h4 {
	color: #1ccfc9;
	-webkit-transform: translate3d(0, -37px, 0);
	transform: translate3d(0, -37px, 0)
}

.m-product-panel .m-product-panel-list>li.active .m-product-panel-list-note,
.m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-note {
	-webkit-transform: translate3d(0, -45px, 0);
	transform: translate3d(0, -45px, 0)
}

.m-product-panel .m-product-panel-list>li.active .m-product-panel-list-icon,
.m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-icon {
	visibility: hidden;
	opacity: 0
}

.m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button,
.m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate3d(0, -40px, 0);
	transform: translate3d(0, -40px, 0)
}

.m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button button,
.m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button button {
	color: #fff;
	border-color: #1ccfc9;
	background: #1ccfc9;
	box-shadow: 0 0 9px rgba(0, 0, 0, .06)
}

.m-product-panel .m-product-panel-list>li.active .m-product-panel-list-detail,
.m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-detail {
	-webkit-transform: translate3d(0, -60px, 0);
	transform: translate3d(0, -60px, 0)
}

.m-product-panel .m-product-panel-more {
	margin-top: 64px
}

.m-product-panel .m-product-panel-more a {
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	line-height: 36px;
	padding: 6px 26px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	-webkit-transition: color .3s ease, border-color .3s ease, background .3s ease;
	transition: color .3s ease, border-color .3s ease, background .3s ease
}

.m-product-panel .m-product-panel-more a:hover {
	color: #fff;
	border-color: #1ccfc9;
	background: #1ccfc9
}