@charset "utf-8";
/* CSS Document */

dt,th {
    font-weight: normal
}

.wyx_b {
color: #6E6E6E;	
	}

.wyx_b a {
	color: #6E6E6E;
}

.wyx_b a:hover { color:#FF6000;}
	
.wyx_h1 {
color: #333;
text-align: center;
padding: 0 0 20px 0;
background: url(../images/text-under-line.jpg) no-repeat center bottom;
font-size: 30px;
margin: .67em 0;
font-weight: normal;
line-height: 1.1;
}

.block {
margin-bottom: 60px; display: block;
}

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}

.wyx_h4 {
text-align: center;
margin: 30px 0 30px 0;
font-size: 20px;
line-height: 30px;
font-weight: normal;
}
	
.row {
margin-right: -15px;
margin-left: -15px;
margin-bottom: 10px;
}


 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}
 
 
.plateform{
    padding: 35px 0
}


.plateform hgroup h1,.solution hgroup h1,.product-item h1{
    color: #333333;
    text-align: center;
    padding: 0 0 20px 0;
    background: url(../images/text-under-line.jpg) no-repeat center bottom;
    font-size: 30px;
}

.plateform hgroup h4,.solution hgroup h4,.product-item hgroup h4{
    text-align: center;
    margin: 30px 0 30px 0;
    font-size: 20px;
    line-height: 30px;
}

.plateform .step{
    padding: 0 15px;
    font-size: 22px;
}

.plateform .step .inner{
    border: 1px red solid;
    border-radius: 5px;
    position: relative;
    background: white
}

.plateform .step .inner:before{
    content: '';
    position: absolute;
    right: -30px;
    bottom: 120px;
    border: 15px transparent solid;
    border-left: 15px #ffab1e solid;
}

.plateform .step .inner:after{
    content: '';
    position: absolute;
    right: -29px;
    bottom: 120px;
    border: 15px transparent solid;
    border-left: 15px white solid;
}

.plateform .step .title{
    padding: 18px 10px;
    font-size: 20px;
    margin-bottom: 10px;
}

.plateform .step .detail{
    font-size: 18px; padding:0 0 10px 0;
}

.plateform .step li{
    padding: 5px 10px
}


/* invite */

.plateform .invite .inner{
    border: 1px #ffab1e solid;
}

.plateform .invite .inner:before{
    border-left: 15px #ffab1e solid;
}

.plateform .invite dt{
    background-color: #ffab1e;
    background-image: url(../images/pf-bg-1.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: #764f0e
}



/* register */

.plateform .register .inner{
    border: 1px #76c3ff solid;
}

.plateform .register .inner:before{
    border-left: 15px #76c3ff solid;
}

.plateform .register dt{
    background-color: #76c3ff;
    background-image: url(../images/pf-bg-2.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: #385c78
}



/* interaction */

.plateform .interaction .inner{
    border: 1px #13eca7 solid;
}

.plateform .interaction .inner:before{
    border-left: 15px #13eca7 solid;
}

.plateform .interaction dt{
    background-color: #13eca7;
    background-image: url(../images/pf-bg-3.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: #0a805b
}



/* analysis */

.plateform .analysis .inner{
    border: 1px #c28df8 solid;
}

.plateform .analysis .inner:before,

.plateform .analysis .inner:after{
    display: none
}

.plateform .analysis dt{
    background-color: #c28df8;
    background-image: url(../images/pf-bg-4.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: #664a82
}

.solution dl{

    overflow: hidden;

    margin: 0 auto;

    width: auto;

    display: inline-block;

    margin-top: 10px;

}



.solution{

    text-align: center;

}



.solution dd{

    padding-right: 74px;

    position: relative;

    margin-right: 35px;

    border-right: 1px #efefef solid;

    display: inline-block;

    margin-bottom: 30px;

    cursor: pointer;

}



.solution dd:hover a{

    color: #ff6000

}



.solution dd .icon{

    display: inline-block;

    width: 80px;

    height: 80px;

}



.solution dd .icon.s-1{

    background: url(../images/so-i1.png);

}



.solution dd .icon.s-2{

    background: url(../images/so-i2.png);

}



.solution dd .icon.s-3{

    background: url(../images/so-i3.png);

}



.solution dd .icon.s-4{

    background: url(../images/so-i4.png);

}



.solution dd .icon.s-5{

    background: url(../images/so-i5.png);

}



.solution dd:hover .icon.s-1{

    background: url(../images/so-i1-hover.png);

}



.solution dd:hover .icon.s-2{

    background: url(../images/so-i2-hover.png);

}



.solution dd:hover .icon.s-3{

    background: url(../images/so-i3-hover.png);

}



.solution dd:hover .icon.s-4{

    background: url(../images/so-i4-hover.png);

}



.solution dd:hover .icon.s-5{

    background: url(../images/so-i5-hover.png);

}





.solution dd:last-child{

    margin-right: 0;

    border-right: 0

}



.solution dd p{

    text-align: left;

    padding: 10px 0px 0px 8px;

    margin-bottom: 0;

    font-size: 16px

}



.solution .steps .arrow{

    background-position: -338px -660px;

    position: absolute;

    right: 15px;

    bottom: 10px;

    width: 28px;

    height: 28px;

}



.solution .steps dd:hover .arrow{

    background-position: -275px -660px

}
.to-icon{

    display: inline-block;

    height: 24px;

    width: 24px;

    background: url(../images/to-icons.png) no-repeat

}