.app-home li{float:left;width:33.33%;margin-bottom:40px;}
.app-home li .b{border:1px solid #EEE;margin:0 20px;}

.app-home .text{padding:30px;text-align:center;}
.app-home h3 a{font-size:18px;color:#333;font-weight:600;}
.app-home h3 a:hover{text-decoration:none;color:#00a0e9;}
.app-home .line{height:2px;background-color:#00a0e9;width:80px;margin:25px auto;}
.app-home .text p{font-size:16px;font-weight:300;}
.app-home .thumb{overflow:hidden;}
.app-home .thumb 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;}
.app-home li:hover .thumb img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.app-tree .h{margin-bottom:20px;border-bottom:1px solid #EEE;}
.app-tree .h .arrow{display:none;}
.app-tree .h h2{position:relative;font-size:20px;margin:0;padding-bottom:15px;line-height:100%;}
.app-tree .h h2:after{position:absolute;content:'';width:35px;height:2px;background-color:#00a0e9;left:0;bottom:-1px;}
.app-tree ul{list-style:disc;padding-left:13px;}
.app-tree li{list-style:disc;height:42px;line-height:42px;padding:0 0 0 8px;}
.app-tree a{font-size:15px;color:#333;}

.app-info{margin-bottom:50px;}
.app-info .bar-h1{margin-bottom:30px;}
.app-thumb {float:right;width:45%;margin:0 0 45px 45px;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);box-shadow: 0 1px 10px rgba(0,0,0,0.2);}

@media screen and (max-width:1200px) {
.app-home li{width:33.33%;margin:0;}
.app-home li .b{margin:5px;}
.app-home .i-header{margin-bottom:40px;}
}

@media screen and (max-width:890px) {
.app-tree{position:relative;}
.app-tree .h{border:1px solid #DDD;position:relative;cursor:pointer;margin-bottom:30px;
    -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.app-tree .h h2{height:50px;line-height:50px;padding:0 15px;font-size:18px;}
.app-tree .h h2:after{display:none;}
.app-tree .h .arrow{display:block;position:absolute;right:15px;top:0;line-height:50px;}
.app-tree .i-menu{display:none;position:absolute;left:0;top:50px;width:100%;z-index:10;
background-color:#FFF;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.app-tree .i-menu ul{padding:15px 30px;}
}

@media screen and (max-width:640px) {
.app-home li{width:100%;}
.app-home li .b{margin:10px 0;}
.app-home .i-header{margin-bottom:20px;}
.app-home .i-header h2{font-size:32px;}

.app-tree .h{margin-bottom:20px;}
.app-thumb{float:inherit;width:100%;margin:0 0 30px 0;}
.app-thumb img{width:100%;}
}