/**{
    font-family: Hiragino Sans GB W3;
}*/
#icons>li{
    width: 25%;
    text-align: center;
}

#icons>li>p{
    width: 180px;
    margin: 40px auto 0;
    line-height: 2.3em;
    color: #000000;
}

#data{
    background: rgb(232,228,214);  max-width: 1700px;  margin: 0 auto;
}

#data>.page-width{
    /*background: url("../img/TAIdata.jpg") no-repeat 0 210px;*/
    height: 954px;
}

#data h3{
    height: 110px;
    line-height: 120px;
    margin: 0;
}

#benefit h3{
    padding: 100px 0;
}

#benefit .pullleft{
    height: 500px;
    padding-top: 100px;
    padding-left: 40px;
}

#benefit ul{
    font-size: 22px;
    text-align:left; 
}

#benefit li{
    margin-bottom: 18px;
}

#benefit>p{
    text-align: center;
    font-size: 27px;
    line-height: 2.6em;
    color: #6e6e6e;
    padding-bottom: 100px;
}

#benefit .icon{
    display: inline-block;
    background: url("../img/IAT-icons.jpg") no-repeat;
    width: 75px;
    height: 76px;
    vertical-align: middle;
}

#benefit .IAT-icon1>i{
    background-position: 0 0;
}
#benefit .IAT-icon2>i{
    background-position: 0 -93px;
}
#benefit .IAT-icon3>i{
    background-position: 0 -187px;
}
#benefit .IAT-icon4>i{
    background-position: 0 -281px;
}
#benefit .IAT-icon5>i{
    background-position: 0 -375px;
}
.circle-bg{
    margin:50px auto 65px;
}
.marginleft120{
    margin-left:220px;  margin-top: 20px;
}
.word36-1{
    color: rgb(61,73,73);
    font-size: 26px;
    height: 36px;
 }
.word36-2{font-size: 26px;
    height: 36px;
    color:rgb(114,187,79);
}
.word36-3{font-size: 26px;
    height: 36px;
    color:rgb(144,161,173);
}
.word36-4{font-size: 26px;
    height: 36px;
    color:rgb(42,173,209);
}
.word18-1{
    font-size: 15px;
    color: rgb(61,73,73);
}
.word18-2{
    font-size: 15px;
    color:rgb(114,187,79);
}
.word18-3{
    font-size: 15px;
    color:rgb(144,161,173);
}
.word18-4{
    font-size: 15px;
    color:rgb(42,173,209);
}
.rightcon{
    margin-bottom:40px;
}
.a{
    margin-left: 30px;
}
.word22{
    font-size:22px;color:rgb(64,179,224);
}
.b-1{
    width: 35%;
    text-align: center;
    margin-left: 14%;
}
.b-2{
    margin-left: 11%;width:35%;  text-align: center;
}
.c-1{
    width:450px;
}
.c-1>img{
	width:450px;
}
.c-2{
    width:200px;
}
.c-3{
    width:350px;
}
.c-3>img{
	width:350px;
}
.c-con{
    margin-top:50px;
}
.p4{
    font-size: 14px;
    text-align: center;
    margin-bottom: 13px;
}
.circle1{margin-left:20%}
.pullleft{
    float:left;
}
@media only screen and (max-device-width: 767px) {
    .pullleft {
        float: left;
    }
    #icons>li {
        width: 100%;
        text-align: center;
    }
    #icons>li>p {
        width: 100%;
        margin: 6px auto 30px;
        line-height: 2.3em;
        color: #000000;
        font-size: 14px;
    }
    .pullleft>img{
        width:30%;
    }
    h2 {
        font-size: 23px;
    }
    #data>.page-width {
        height: auto;
    }
    #data h3 {
        height: 95px;
        line-height: 120px;
        margin: 0;
    }
    h3 {
        font-size: 17px;
    }
    #benefit h3 {
        padding: 10px 0;
    }
    #benefit .pullleft {
        height: auto;
        padding-top: 20px;
        padding-left: 0px;
        text-align: center;
        width: 100%;
    }
    [class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
        float: none;
    }
    .span7 {
        width: auto;
    }
    .span5 {
        width: auto;
    }
    #benefit ul {
        font-size: 12px;
    }
    #benefit>p {
        text-align: center;
        font-size: 20px;
        line-height: 2.6em;
        color: #6e6e6e;
        padding-bottom: 10px;
    }
    .circle1 {
        margin-left: 5%;
    }
    .marginleft120 {
        margin-left: 10px;
        margin-top: 20px;
    }
    .circle1-con{
        text-align: center;
    }
    .word36-1 {
        color: rgb(61,73,73);
        font-size: 14px;
        height: auto;
        padding-top: 0;
    }
    .word36-2{font-size: 14px;
        height: auto;
        padding-top: 0;color:rgb(114,187,79);
    }
    .word36-3{font-size: 14px;
        height: auto;
        padding-top: 0;color:rgb(144,161,173);
    }
    .word36-4{font-size: 14px;
        height: auto;
        padding-top: 0;;color:rgb(42,173,209);
    }
    .pullleft > .tra{
           width:90%;
    }
    .word18-1 {
        font-size: 12px;
        color: rgb(61,73,73);
    }
    .word18-2{
        font-size: 12px;
        color:rgb(114,187,79);
    }
    .word18-3{
        font-size: 12px;
        color:rgb(144,161,173);
    }
    .word18-4{
        font-size: 12px;
        color:rgb(42,173,209);
    }
    .a {
        margin-left: 30px;
        margin-top: 8px;
    }
    .marginleft120 {
        margin-left: 12%;
        margin-top: 20px;
    }
    .word22 {
        font-size: 14px;
        color: rgb(64,179,224);
    }
    .b-1 {
        width: 50%;
        text-align: center;
        margin-left: 0;
    }
    .b-2 {
        margin-left: 0;
        width: 50%;
        text-align: center;
    }
    .p4 {
        font-size: 12px;
        text-align: center;
        margin-bottom: 5px;
    }
    .c-1 {
        width: 100%;
    }
    .c-1>img {
        width: 90%;
        margin-left: 5%;
    }
    .c-2 {
        width: 100%;
        margin: 30px auto;
    }
    .c-3 {
        width: 100%;  margin-bottom: 30px;
    }
    .c-3>img{width: 90%;
        margin-left: 5%;}
    #icon3>.left {
        width: 100%;
    }
    #icon3>.right {
        width: 100%;
    }
}