/** page loading **/
#loading-page{background-color:#f2f3f5;height:100%;width:100%;position:fixed;z-index:9999;top:0;left:0}
#loading-page .b{position:absolute;left:50%;top:50%;height:150px;width:150px;margin-top:-75px;margin-left:-75px}
#loading-page i{display:block;width:20px;height:20px;background-color:#0197d6;float:left;margin-right:20px;margin-top:65px;-moz-border-radius:50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%}
#loading-page .one{-webkit-animation:loading_page_one 1.5s infinite;animation:loading_page_one 1.5s infinite}
#loading-page .two{-webkit-animation:loading_page_two 1.5s infinite;animation:loading_page_two 1.5s infinite;-webkit-animation-delay:.25s;animation-delay:.25s}
#loading-page .three{-webkit-animation:loading_page_three 1.5s infinite;animation:loading_page_three 1.5s infinite;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes loading_page_one{75%{-webkit-transform:scale(0)}}
@keyframes loading_page_one{75%{transform:scale(0);-webkit-transform:scale(0)}}
@-webkit-keyframes loading_page_two{75%{-webkit-transform:scale(0)}}
@keyframes loading_page_two{75%{transform:scale(0);-webkit-transform:scale(0)}}
@-webkit-keyframes loading_page_three{75%{-webkit-transform:scale(0)}}
@keyframes loading_page_three{75%{transform:scale(0);-webkit-transform:scale(0)}}

/** slide **/
.slide-bg{background:url("../images/bg-1.jpg");padding:40px 0;}
.slide-prev, .slide-next{display:none;}
.slide{position:relative;overflow:hidden;}
.slide-box img{width:100%;height:auto;}
.slide-tabs{position:absolute;bottom:10px;left:0;width:100%;text-align:center;z-index:2;}
.slide-tabs li{display:inline-block;width:10px;height:10px;margin:0 3px;background-color:rgba(0,0,0,0.3);cursor:pointer;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.slide-tabs li.on{width:16px;background-color:rgba(1, 151, 214,0.8);}

/** about **/
.col-service{margin-top:80px;}
.col-service li{float:left;width:33.33%;}
.col-service .b{position:relative;height:250px;}
.col-service li.i0 .b{margin-right:20px;}
.col-service li.i1 .b{margin:0 10px;}
.col-service li.i2 .b{margin-left:20px;}
.col-service .i-icon{position:absolute;bottom:0;left:35px;width:2px;background-color:#c2c2c2;height:100%;}
.col-service .i-icon em{position:absolute;width:70px;height:70px;border:4px solid #c2c2c2;background-color:#FFF;left:-37px;top:0;z-index:2;text-align:center;
overflow:hidden;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.col-service .i-icon .icon{line-height:70px;font-size:32px;color:#999;}
.col-service li:hover .i-icon{height:110%;background-color:#0197d6;}
.col-service li:hover .i-icon em{border-color:#0197d6;}
.col-service li:hover .i-icon .icon{color:#0197d6;}
.col-service .i-text{position:absolute;top:20px;right:0;width:66%;height:190px;overflow:hidden;}
.col-service .i-text h3{font-size:21px;}
.col-service li:hover .i-text{top:-70px;height:125%;}
.col-service .more{opacity:0;}
.col-service li:hover .more{opacity:1;}

/** about **/
.col-about{background-color:#FFF;padding:100px 0;}
.col-about .i-text{float:left;width:52%;}
.col-about .i-text .b{margin-right:80px;}
.col-about .i-text h2{font-size:30px;margin:0 0 15px 0;}
.col-about .i-text p{margin:18px 0;font-size:16px;}
.col-about .i-thumb{float:right;width:48%;}
.col-about .i-thumb img{width:100%;}

/** feature **/
.col-feature{padding:100px 0;}
.col-feature li{float:left;width:360px;margin:0 40px 40px 0;}
.col-feature li.nm{margin-right:0;}
.col-feature .b{background-color:#F4F4F4;}
.col-feature .thumb{overflow:hidden;}
.col-feature .text{padding:20px;}
.col-feature h3{font-size:18px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.col-feature h3 a{font-size:18px;color:#333;}

/** common **/
.slide-tabs li,
.col-service .i-icon, .col-service .i-icon em, .col-service .i-icon .icon, .col-service .i-text, .col-service .more,
.col-feature .b
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.col-feature img{width:100%;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.col-feature li:hover img
{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

@media screen and (max-width:1160px) {
.slide-bg{padding:15px 0;}
.slide-bg .floor{padding:0;}

.col-feature li{width:33.33%;margin:0;}
.col-feature .b{margin:5px;}
}

@media screen and (max-width:960px) {
.col-service{margin-top:50px;}
.col-service li{width:100%;}
.col-service .b{height:auto;padding-bottom:30px;}
.col-service li.i0 .b, .col-service li.i1 .b, .col-service li.i2 .b{margin:0;}
.col-service li:hover .i-icon{height:100%;}
.col-service .i-text{position:static;float:right;height:auto;padding-top:20px;width: -moz-calc(100% - 120px);width: -webkit-calc(100% - 120px);width: calc(100% - 120px);}
.col-service li:hover .i-text{top:0;height:auto;}
.col-service .more{opacity:1;}

.col-about, .col-feature{padding:60px 0;}
.col-about .i-text .b{margin-right:50px;}

.col-feature h3, .col-feature h3 a{font-size:15px;}
}

@media screen and (max-width:640px) {
.slide-bg{padding:2px 0;}


.col-service{margin-top:35px;}
.col-service .i-icon{left:30px;}
.col-service .i-icon em{width:55px;height:55px;border-width:3px;left:-30px;}
.col-service .i-icon .icon{line-height:55px;font-size:26px;}
.col-service .i-text{width: -moz-calc(100% - 85px);width: -webkit-calc(100% - 85px);width: calc(100% - 85px);}

.col-about, .col-feature{padding:40px 0;}

.col-about .i-text{width:100%;}
.col-about .i-thumb{width:100%;margin-top:25px;}
.col-about .i-text .b{margin:0;}

.col-feature li{width:100%;margin-bottom:20px;}
.col-feature .b{margin:0;}



}