@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    border: none;
}

/* public */

a {
    font-family: "microsoft yahei", Arial, sans-serif;
}
a:link,a:visited,a:hover,a:active{
    text-decoration:none;
}
.full-container {

    margin-right: auto;
    margin-left: auto;
}
.del-padding{
    padding-right: 0;
    padding-left: 0;
}
.del-margin{
    margin-left: 0;
    margin-right: 0;
}
.title-line-1{
    width: 140px;
    height: 1px;
    background-color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin: 10px auto;
}
.title-line-2{
    width: 140px;
    height: 1px;
    background-color: #2196f3;
    border-top: 1px solid #2196f3;
    border-bottom: 1px solid #2196f3;
    margin: 10px auto;
}
.cell-box{
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin: 28px auto;
}
.cell-e74b3e{
    background-color: #e74b3e;
}
.cell-2f983e{
	background-color:#2f983e;
}
.cell-1a6ac3{
	background-color:#1a6ac3;
}
.cell-4fb8d5{
    background-color: #4fb8d5;
}
.cell-8561aa{
    background-color: #8561aa;
}
.cell-4bb5c1{
    background-color: #4bb5c1;
}
.cell-265485{
	background-color: #265485;
}
.cell-2754eb{
    background-color: #2754eb;
}
.cell-0065ba{
    background-color: #0065ba;
}
.cell-000000{
    background-color: #000000;
}
.cell-1976bc{
    background-color: #1976bc;
}
.cell-096b44{
    background-color: #096b44;
}
.cell-0088ba{
    background-color: #0088ba;
}
.cell-254a6f{
    background-color: #254a6f;
}
.cell-2a4788{
    background-color: #2a4788;
}
.cell-005db0{
    background-color: #005db0;
}
.cell-777777{
    background-color: #777777;
}
.cell-4656b3{
    background-color: #4656b3;
}
.cell-053389{
    background-color: #053389;
}
.cell-4a494e{
    background-color: #4a494e;
}
.cell-4a79ad{
    background-color: #4a79ad;
}
.cell-0474bd{
    background-color: #0474bd;
}
.cell-79a4cf{
    background-color: #79a4cf;
}
.cell-e82828{
    background-color: #e82828;
}
.cell-77a917{
    background-color: #77a917;
}
.cell-51586a{
    background-color: #51586a;
}
.cell-1b8abd{
    background-color: #1b8abd;
}
.cell-2085c5{
    background-color: #2085c5;
}
.cell-c71129{
    background-color: #c71129;
}
.cell-4fae1b{
    background-color: #4fae1b;
}
.cell-ff8001{
    background-color: #ff8001;
}
.cell-57514e{
    background-color: #57514e;
}
.cell-1990d6{
    background-color: #1990d6;
}
.cell-ec2a5c{
    background-color: #ec2a5c;
}
.cell-4655b2{
    background-color: #4655b2;
}
.cell-1e4183{
    background-color: #1e4183;
}
.cell-ae1601{
    background-color: #ae1601;
}
.cell-018d82{
    background-color: #018d82;
}
.cell-21130a{
    background-color: #21130a;
}
.cell-d6ce01{
    background-color: #d6ce01;
}
.cell-d60405{
    background-color: #d60405;
}
.cell-343031{
    background-color: #343031;
}
.cell-208582{
    background-color: #208582;
}
.cell-053387{
    background-color: #053387;
}
.cell-f0e1de{
    background-color: #f0e1de;
}
.cell-d2262f{
    background-color: #d2262f;
}
.cell-8e6d64{
    background-color: #8e6d64;
}
.cell-77a1cb{
    background-color: #77a1cb;
}
.cell-2f67b2{
    background-color: #2f67b2;
}
.cell-c85634{
    background-color: #c85634;
}
.cell-779b07{
    background-color: #779b07;
}
.cell-bfbfbf{
    background-color: #bfbfbf;
}
.cell-57971f{
    background-color: #57971f;
}
.cell-f4f4f4{
    background-color: #f4f4f4;
}
.cell-cc0202{
    background-color: #cc0202;
}
.cell-921743{
    background-color: #921743;
}
.cell-939393{
    background-color: #939393;
}
.cell-4f4744{
    background-color: #4f4744;
}
.cell-317ee8{
    background-color: #317ee8;
}
.cell-087097{
    background-color: #087097;
}
.cell-66bd2e{
    background-color: #66bd2e;
}
.cell-4f4744{
    background-color: #4f4744;
}
.cell-087097{
    background-color: #087097;
}
.cell-0c4890{
    background-color: #0c4890;
}
.cell-1baada{
    background-color: #1baada;
}
.cell-90c712{
    background-color: #90c712;
}
.cell-fb9229{
    background-color: #fb9229;
}
.cell-272727{
    background-color: #272727;
}
.cell-ad0101{
    background-color: #ad0101;
}
.cell-142a3f{
    background-color: #142a3f;
}
.cell-4f4744{
    background-color: #4f4744;
}
.cell-b9b9b9{
    background-color: #b9b9b9;
}
.cell-6ba014{
    background-color: #6ba014;
}
.cell-354253{
    background-color: #354253;
}
.cell-90d4f9{
    background-color: #90d4f9;
}
.cell-91c228{
    background-color: #91c228;
}
.cell-084377{
    background-color: #084377;
}
.cell-7f0b2e{
    background-color: #7f0b2e;
}
.cell-e1e1e1{
    background-color: #e1e1e1;
}
.cell-02317b{
    background-color: #02317b;
}
.cell-a31018{
    background-color: #a31018;
}
.cell-dedede{
    background-color: #dedede;
}
.cell-4573a4{
    background-color: #4573a4;
}
.cell-46526c{
    background-color: #46526c;
}
.cell-165684{
    background-color: #165684;
}
.cell-41699c{
    background-color: #41699c;
}
.cell-5e82cd{
    background-color: #5e82cd;
}
.cell-09734f{
    background-color: #09734f;
}
.cell-0d8bc5{
    background-color: #0d8bc5;
}
.cell-90cd0b{
    background-color: #90cd0b;
}
.cell-e4e4e4{
    background-color: #e4e4e4;
}
.cell-101922{
    background-color: #101922;
}
.cell-c20404{
    background-color: #c20404;
}
.cell-cc0001{
    background-color: #cc0001;
}
.cell-002748{
    background-color: #002748;
}
.cell-dfdfdf{
    background-color: #dfdfdf;
}
.cell-1f76c5{
    background-color: #1f76c5;
}
.cell-f6f6f6{
    background-color: #f6f6f6;
}
.cell-ebeef3{
    background-color: #ebeef3;
}
.cell-d6d6d6{
    background-color: #d6d6d6;
}
.cell-e8e8e8{
    background-color: #e8e8e8;
}
.cell-0053a1{
    background-color: #0053a1;
}
.cell-0474bc{
    background-color: #0474bc;
}
.cell-dedede{
    background-color: #dedede;
}
.cell-e4e4e4{
    background-color: #e4e4e4;
}






/*body*/
body {
    background-color: #F5F5F5;
    font-family: "microsoft yahei", Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
}

/*header*/

.header {
    background-color: #2196f3;
}

.header-right {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 40px;
    align-items: center;
}

.header-right-icon {
    color: #FFFFFF;
    margin-left: 18px;
    vertical-align: middle;
}

.header-right-icon a i {
    color: #FFFFFF;
    font-size: 20px;
}

.header-right-text a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    padding-left: 10px;
    text-decoration: none;
}

.header-right-weixin{
    position: relative;
}


#weixin-box{
    display: none;
    position: absolute;
    z-index: 10;
    right: -47px;
    width: 200px;
    height: 200px;
    margin-top: 10px;

}
/* navbar */

.navbar {
    min-height: 40px;
}

.navbar-brand {
    height: auto;
}

nav.navbar.bootsnav {
    border: none;
    margin-bottom: 0;
    background-color: #2196f3;
}

.navbar-nav {
    float: left;
}

nav.navbar.bootsnav ul.nav>li>a {
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 10px 25px;
}

nav.navbar.bootsnav ul.nav>li:hover {
    background: #2196f3;
}

.nav>li:after {
    content: "";
    width: 0;
    height: 5px;
    background: #FFFFFF;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all 0.5s ease 0s;
}

.nav>li:hover:after {
    width: 100%;
}

.nav>li.isactive:after {
    width: 100%;
}

nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
    content: "+";
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    top: 20%;
    right: 10%;
    transition: all 0.4s ease 0s;
}

nav.navbar.bootsnav ul.nav>li.dropdown.on>a.dropdown-toggle:after {
    content: "+";
    transform: rotate(90deg);
}

.dropdown-menu.multi-dropdown {
    position: absolute;
    left: -100% !important;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border: none;
}

@media only screen and (max-width:990px) {
    nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after,
    nav.navbar.bootsnav ul.nav>li.dropdown.on>a.dropdown-toggle:after {
        content: " ";
    }
    .dropdown-menu.multi-dropdown {
        left: 0 !important;
    }
    nav.navbar.bootsnav ul.nav>li:hover {
        background: transparent;
    }
    nav.navbar.bootsnav ul.nav>li>a {
        margin: 0;
    }
}
/* banner */
.banner{
    position: relative;
    z-index: 1;
	background: url(../images/banner-bg.jpg) center top no-repeat;
    background-size: cover;
	background-color:#0960a5;
	padding:38px 0;
}
.banner-reason-tit{
	text-align:left;
    background-color: rgba(0,0,0,.4);
    padding: 1.6rem;
    margin-left: -10000px;
    padding-left: 10000px;
    z-index: 6;
    margin-bottom: 3rem;
	color:#fff;
	font-size:26px;
	font-weight: 100;

}
.banner-reason-con{
	
	font-size:17px;
	color:#fff;
	line-height:46px;
	padding:0 16px;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 80%);
}
.banner-zixun{ width:235px;height:55px;line-height:55px;letter-spacing: 2px;  background:#ff9800; color:#fff; font-size:22px;text-align:center;    border-radius: 3px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);text-shadow: 2px 1px 1px #000000b5;}
.banner-zixun a{color:#fff; display:block; width:235px;height:55px;}
/* home-price-type */

.home-price-type{
    margin-bottom: 80px;
}

.server-number {
    text-align: center;
    font-size: 26px;
    padding: 60px 0 80px 0;
}

.server-number span {
    color: #2196f3;
    font-size: 40px;
}

.three-price-type{
    margin-right: 0;
    margin-left: 0;
}
.three-price-type > div.col-sm-4{
    padding-right: 0;
    padding-left: 0;
}

.price-type-all {
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24);
    background-color: #fff;
    padding: 0;
    transition: all ease .5s;
    position: relative;
    z-index: 1
}

.price-type-title {
    text-align: center;
    color: #FFFFFF;
    font-size: 30px;
    padding: 30px 0;
}

.price-type-menu {
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
    padding: 16px 0;
}

.price-type-1 {
    border-bottom: 3px solid #00bcd4;
}

.price-type-1>div.price-type-title {
    background-color: #00bcd4;
}

.price-type-1>div.price-type-menu {
    background-color: #0097aa;
}

.price-type-2 {
    transform: translateY(-10px);
    position: relative;
    z-index: 2;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
    border-bottom: 3px solid #4caf50;
}

.price-type-2>div.price-type-title {
    background-color: #4caf50;
}

.price-type-2>div.price-type-menu {
    background-color: #3d8c40;
}

.price-type-3 {
    border-bottom: 3px solid #ff9800;
}

.price-type-3>div.price-type-title {
    background-color: #ff9800;
}

.price-type-3>div.price-type-menu {
    background-color: #cc7a00;
}

.price-type-menu-color {
    color: #fff006;
}

.price-type-menu-font {
    font-size: 18px;
    margin-left: 10px;
}

.price-type-list {
    padding: 27px;
    color: #585858;
    font-size: 14px;
}

.price-type-li {
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0;
}

.price-type-btn {
    text-align: center;
    margin-bottom: 20px;
}

.price-type-btn a {
    display: inline-block;
    color: #FFFFFF;
    padding: 10px 40px;
    border-radius: 5px;
    font-size: 16px;
    text-decoration: none;
}

.price-type-btn a i {
    margin-right: 10px;
}

.price-type-btn>a.price-type-btn-1 {
    background-color: #00bcd4;
}

.price-type-btn>a.price-type-btn-2 {
    background-color: #4caf50;
    margin-bottom: 20px;
}

.price-type-btn>a.price-type-btn-3 {
    background-color: #ff9800;
}

.price-type-1>div.price-type-list>div.price-type-li i {
    color: #00bcd4;
    margin-left: 5px;
}

.price-type-2>div.price-type-list>div.price-type-li i {
    color: #4caf50;
    margin-left: 5px;
}

.price-type-3>div.price-type-list>div.price-type-li i {
    color: #ff9800;
    margin-left: 5px;
}

.price-type-1>div.showMorehandle {
    text-align: center;
    color: #00bcd4;
    font-size: 18px;
    padding-bottom: 30px;
    cursor: pointer;
    position: relative;
}

.price-type-2>div.showMorehandle {
    text-align: center;
    color: #4caf50;
    font-size: 18px;
    padding-bottom: 30px;
    cursor: pointer;
    position: relative;
}

.price-type-3>div.showMorehandle {
    text-align: center;
    color: #ff9800;
    font-size: 18px;
    padding-bottom: 30px;
    cursor: pointer;
    position: relative;
}

.more_mask {
    position: absolute;
    left: 0;
    bottom: 55px;
    z-index: 4;
    display: inline-block;
    width: 100%;
    height: 120px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

/* home-responsive */

.home-responsive {
    background: url(../images/home-responsive-bg.jpg) no-repeat center top;
    width: 100%;
    height: 641px;
}
.home-responsive-title{
    text-align: center;
    font-size: 30px;
    color: #FFFFFF;
    padding: 60px 0 40px 0;
    text-shadow: 2px 2px 1px rgba(0,0,0,.2);
}
.home-responsive-vs-text{
    text-align: center;
    font-size: 80px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 150px;
}
.home-responsive-title-1{
    text-align: left;
}
.home-responsive-title-2{
    text-align: right;
}
.home-responsive-title-name{
    font-size: 30px;
    color: #FFFFFF;
    text-shadow: 2px 2px 1px rgba(0,0,0,.2);
}
.home-responsive-title-name span{
    color: #ffe57e;
}
.home-responsive-title-info{
    display: inline-block;
    background-color: #701f19;
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px;
    margin-top: 20px;
}
.home-responsive-vs-img{
    display: flex;
    align-items: flex-end;
    margin-top: 60px;
}
.home-responsive-img{
    padding: 0 5px;
}
.home-responsive-img-title{
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 20px;
}
/* home-template */
.home-template{
    margin-bottom: 100px;
}
.home-template-title{
    text-align: center;
    margin: 80px 0;
}
.home-template-title-1{
    color: #b9b9b9;
}
.home-template-title-2{
    color: #373737;
    font-size: 26px;
    padding: 16px 0;
}
.home-template-title-2 span{
    color: #2196f3;
    margin-left: 16px;
}
.home-template-one{
    margin-bottom: 40px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
}
.home-template-img{
    border-bottom: 1px solid #e8e8e8;
}
.home-template-info{
    background-color: #FFFFFF;
}
.home-template-num{
    color: #2196f3;
    padding-top: 16px;
    padding-bottom: 2px;
}
.home-template-name{
    color: #282828;
    padding-top: 2px;
    padding-bottom: 16px;
}
.home-template-price{
    color: #282828;
	font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    padding-top: 20px;
}
.home-template-more{
    text-align: center;
}
.home-template-btn{
    display: inline-block;
    background-color: #f44336;
    color: #FFFFFF;
    font-size: 18px;
    padding: 8px 120px;
    border-radius: 2px;
    -moz-box-shadow:0px 2px 2px #c1c1c1; 
    -webkit-box-shadow:0px 2px 2px #c1c1c1; 
    box-shadow:0px 2px 2px #c1c1c1;
}
.home-template-btn:hover{
    background-color: #f44336;
    color: #FFFFFF;
}
/* home-process */
.home-process{
    background-image: url(../images/process-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    /* margin: -40px 0 40px 0; */
    padding: 60px 0;
}
.home-process::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,93,157,.85);
    z-index: 0;
}
.home-process-zindex-container{
    position: relative;
    z-index: 1;
}
.home-process-title{
    text-align: center;
    margin-top: 20px;
}
.home-process-title-1{
    color: #5c99c2;
}
.home-process-title-2{
    color: #FFFFFF;
    font-size: 26px;
    padding: 16px 0;
}
.home-process-title-2 span{
    color: #fad24d;
    margin-left: 16px;
}
.home-process-list{
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 80px 0;
}
.home-process-li{
    background: url(../images/process-arrow.png) no-repeat;
    background-position-x: right;
    background-position-y: 70px;
    padding-right: 54px;
}
.home-process-text{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 20px;
}
/* home-services */
.home-services{
    margin-bottom: 100px;
}
.home-services-title{
    text-align: center;
    margin: 80px 0;
}
.home-services-title-1{
    color: #b9b9b9;
}
.home-services-title-2{
    color: #373737;
    font-size: 26px;
    padding: 16px 0;
}
.home-services-title-2 span{
    color: #2196f3;
    margin-left: 16px;
}
.home-services-1{
    background-color: #ff9800;
}
.home-services-2{
    background-color: #00bcd4;
}
.home-services-3{
    background-color: #ff5c65;
}
.home-services-4{
    background-color: #2196f3;
}
.home-services-img{
    position: absolute;
    top: -82px;
    z-index: 2;
    width: 100%;
}
.home-services-text{
    padding: 140px 25px 20px 25px;
    color: #FFFFFF;
}
.home-services-text-title{
    text-align: center;
    font-size: 22px;
    margin-bottom: 40px;
}
.home-services-text-font{
    font-size: 16px;
    line-height: 40px;
}
/* home-review */
.home-review{
    background-image: url(../images/review-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    /* margin: -40px 0 40px 0; */
    padding: 60px 0;
}
.home-review::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(32, 32, 32, 0.8);
    z-index: 0;
}
.home-review-zindex-container{
    position: relative;
    z-index: 1;
}
.home-review-title{
    text-align: center;
    margin-top: 20px;
}
.home-review-title-1{
    color: #959595;
}
.home-review-title-2{
    color: #FFFFFF;
    font-size: 26px;
    padding: 16px 0;
}
.home-review-title-2 span{
    color: #ff9800;
    margin-left: 16px;
}
.home-review-text{
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 80px;
}
.home-review-item{
    line-height: 50px;
}
.home-review-item span{
    padding: 0 5px;
}
.home-review-item i{
    font-size: 45px;
    color: #FFB72F;
}
.home-review-item-i-l{
    padding-right: 30px;
}
.home-review-item-i-r{
    padding-left: 30px;
}

#home-review .owl-buttons{
    margin-top: 50px;
}
#home-review .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
/* home-faq */
.home-faq{
    margin-bottom: 100px;
}
.home-faq .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.home-faq .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.home-faq-title{
    text-align: center;
    margin: 80px 0;
}
.home-faq-title-1{
    color: #b9b9b9;
}
.home-faq-title-2{
    color: #373737;
    font-size: 26px;
    padding: 16px 0;
}
.home-faq-title-2 span{
    color: #2196f3;
    margin-left: 16px;
}
.home-faq-item{
    -moz-box-shadow:0px 2px 2px #c1c1c1; 
    -webkit-box-shadow:0px 2px 2px #c1c1c1; 
    box-shadow:0px 2px 2px #c1c1c1;
    background-color: #FFFFFF;
    height: 100%;
}
.home-faq-img img{
    width: 100%;
}
.home-faq-text{
    text-align: center;
    padding: 0 20px;
}
.home-faq-text-title{
    color: #2196f3;
    font-size: 20px;
    padding: 30px 0;
}
.home-faq-text-font{
    color: #6d6d6d;
    font-size: 13px;
    line-height: 30px;
}
.home-faq-text-btn{
    padding: 40px 0;
}
.home-faq-text-btn a{
    display: inline-block;
    color: #FFFFFF;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 16px;
    text-decoration: none;
    -moz-box-shadow: 0px 2px 2px #c1c1c1;
    -webkit-box-shadow: 0px 2px 2px #c1c1c1;
    box-shadow: 0px 2px 2px #c1c1c1;
}
.home-faq-text-btn-1{
    background-color: #4caf50;
}
.home-faq-text-btn-2{
    background-color: #00bcd4;
}
.home-faq-text-btn-3{
    background-color: #f44336;
}

/* design-banner */
.design-banner{
    /* -moz-box-shadow: 0 3px 5px #4c4d4d inset;
    -webkit-box-shadow: 0 3px 5px #4c4d4d inset;
    box-shadow: 0 3px 5px #4c4d4d inset;
    padding-top: 5px; */
	border-bottom: 3px #2196f2 solid;
}
.design-banner-text{
    padding-top: 180px;
    color: #FFFFFF;
}
.design-banner-title-1{
    margin-bottom: 30px;
}
.design-banner-title-1 h1{
    font-size: 72px;
    font-weight: bold;
    letter-spacing: 10px;
	color: #373737;
}
.design-banner-title-2{
    display: inline-block;
    border-top: 3px #2196f3 solid;
    padding: 0 10px;
}
.design-banner-title-2 h2{
    font-size: 24px;
    color: #b9b9b9;
	font-weight:lighter;
}
.design-banner-title-3{
    margin-top: 40px;
}
.design-banner-title-3 h3{

    font-size: 24px;
	color: #373737;
}

/* tailor-made */
.tailor-made{
    margin-bottom: 40px;
}
.tailor-made-title{
    text-align: center;
    margin: 80px 0;
}
.tailor-made-title-1{
    color: #b9b9b9;
}
.tailor-made-title-2{
    color: #373737;
    font-size: 26px;
    padding: 16px 0;
}
.tailor-made-title-2 span{
    color: #2196f3;
    margin-left: 16px;
}
.tailor-made-box{
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
    margin: 0 7px 50px;
}
.tailor-made-box-img{
    width: 100%;
}
.tailor-made-box-text-1{
    padding: 26px 0;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 3px solid #4caf50;
}
.tailor-made-box-text-2{
    padding: 26px 0;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 3px solid #2196f3;
}
.tailor-made-box-text-3{
    padding: 26px 0;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 3px solid #9c27b0;
}
.tailor-made-box-text-4{
    padding: 26px 0;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 3px solid #1bb9da;
}
.tailor-made-box-text-5{
    padding: 26px 0;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 3px solid #f44336;
}
.tailor-made-box-text-6{
    padding: 26px 0;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 3px solid #ff971c;
}

/* template-body */
.template-body{
    background: url(../images/template-banner.jpg) no-repeat top center;
}
.template-body-title{
    text-align: center;
}
.template-body-title-1{
    font-size: 48px;
    color: #FFFFFF;
    margin-top: 50px;
    margin-bottom: 10px;
}
.template-body-title-1 span{
    color: #de7b27;
}
.template-body-title-2{
    color: #3a688e;
    font-size: 18px;
    margin-bottom: 30px;
}
.template-body-title-text{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
}
.template-body-box{
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
    background-color: #FFFFFF;
    margin-bottom: 50px;
    padding: 15px 30px;
}
.template-body-box-tabsbg{
    background-color: #eeeeee;
    height: 85px;
}
.template-body-box-tabs-li{
    background-color: #FFFFFF;
    height: 85px;
    border-bottom: 3px solid #eeeeee;
}
.template-body-box-tabs-li-active{
    background-color: #FFFFFF;
    height: 85px;
    border-bottom: 3px solid #499df5;
}
.template-body-box-tabs-php{
    background: url(../images/template-php.jpg) no-repeat 11px 11px;
    background-color: #FFFFFF;
}
.template-body-box-tabs-php-active{
    background: url(../images/template-php-active.jpg) no-repeat 11px 11px;
    background-color: #FFFFFF;
}
.template-body-box-tabs-asp{
    background: url(../images/template-asp.jpg) no-repeat 11px 11px;
    background-color: #FFFFFF;
}
.template-body-box-tabs-asp-active{
    background: url(../images/template-asp-active.jpg) no-repeat 11px 11px;
    background-color: #FFFFFF;
}
.template-body-box-tabs-ecart{
    background: url(../images/template-ecart.jpg) no-repeat 11px 11px;
    background-color: #FFFFFF;
}
.template-body-box-tabs-ecart-active{
    background: url(../images/template-ecart-active.jpg) no-repeat 11px 11px;
    background-color: #FFFFFF;
}
.template-body-box-tabs-li a{
    color: #797979;
}
.template-body-box-tabs-li-active a{
    color: #499df5;
}
.template-body-box-tabs-a{
    display: inline-block;
    font-size: 16px;
    padding-left: 82px;
    height: 82px;
    line-height: 82px;
}
.template-show-box{
    padding-top: 60px;
}
.template-show-one{
    margin-bottom: 40px;
    box-shadow: 0 3px 4px 0 rgba(160,160,160,.14),0 3px 3px -2px rgba(160,160,160,.2),0 1px 8px 0 rgba(160,160,160,.12);
}
.template-show-img{
    border-bottom: 1px solid #e8e8e8;
}
.template-show-info{
    background-color: #FFFFFF;
}
.template-show-num{
    color: #2196f3;
    padding-top: 16px;
    padding-bottom: 2px;
}
.template-show-name{
    color: #282828;
    padding-top: 2px;
    padding-bottom: 16px;
}
.template-show-price{
    color: #282828;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    padding-top: 20px;
}

/* Advantage */
.advantage-title{
    background: url(../images/advantage-banner.jpg) no-repeat top center;
    padding-bottom: 45px;
}
.advantage-title-box{
    text-align: center;
}
.advantage-title-1{
    font-size: 48px;
    color: #FFFFFF;
    margin-top: 60px;
    margin-bottom: 10px;
}
.advantage-title-1 span{
    color: #de7b27;
}
.advantage-title-2{
    color: #3a688e;
    font-size: 18px;
    margin-bottom: 30px;
}
.advantage-body{
    margin-bottom: 50px;
}
.advantage-body-1{
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 0;
}
.advantage-body-1-title{
    font-size: 35px;
    font-weight: bold;
    color: #2196f3;
    margin-top: 140px;
}
.advantage-body-1-title-small{
    font-size: 18px;
    font-weight: bold;
    color: #545454;
    margin-top: 10px;
}
.advantage-body-1-text{
    font-size: 16px;
    color: #636363;
    line-height: 36px;
    margin-top: 30px;
}
.advantage-body-1-link a{
    font-size: 16px;
    color: #2196f3;
    line-height: 36px;
}
.advantage-body-1-link a:hover{
    color: #2196f3;
}
.advantage-body-2{
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 0;
}
.advantage-body-2-title{
    font-size: 35px;
    font-weight: bold;
    color: #9c27b0;
    margin-top: 140px;
}
.advantage-body-2-title-small{
    font-size: 18px;
    font-weight: bold;
    color: #545454;
    margin-top: 10px;
}
.advantage-body-2-text{
    font-size: 16px;
    color: #636363;
    line-height: 36px;
    margin-top: 30px;
}
.advantage-body-2-link a{
    font-size: 16px;
    color: #9c27b0;
    line-height: 36px;
}
.advantage-body-2-link a:hover{
    color: #9c27b0;
}
.advantage-body-3{
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 0;
}
.advantage-body-3-title{
    font-size: 35px;
    font-weight: bold;
    color: #4caf50;
    margin-top: 140px;
}
.advantage-body-3-title-small{
    font-size: 18px;
    font-weight: bold;
    color: #545454;
    margin-top: 10px;
}
.advantage-body-3-text{
    font-size: 16px;
    color: #636363;
    line-height: 36px;
    margin-top: 30px;
}
.advantage-body-4{
    margin-top: 80px;
    margin-bottom: 40px;
}
.advantage-body-4-img{
    margin: 30px 0 50px 0;
}
.advantage-body-4-title-1{
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #ff9800;
    text-align: center;
}
.advantage-body-4-title-2{
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #f44336;
    text-align: center;
}
.advantage-body-4-title-3{
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #00bcd4;
    text-align: center;
}
.advantage-body-4-title-4{
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #484848;
    text-align: center;
}
.advantage-body-4-text{
    margin-top: 30px;
    padding: 0 10px;
    color: #636363;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
}
/* news */
.news-body{
    background: url(../images/knowledge-banner.jpg) no-repeat top center;
}
.news-title{
    padding-bottom: 35px;
}
.news-title-box{
    text-align: center;
}
.news-title-1{
    font-size: 48px;
    color: #FFFFFF;
    margin-top: 60px;
    margin-bottom: 10px;
}
.news-title-2{
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 30px;
}
.news-body-list{
    margin-bottom: 40px;
}
.news-list-box{
    background-color: #FFFFFF;
    border-bottom: 3px solid #2196f3;
    margin-bottom: 50px;
    padding: 50px;
    box-shadow: 0 3px 4px 0 rgba(160,160,160,.14),0 3px 3px -2px rgba(160,160,160,.2),0 1px 8px 0 rgba(160,160,160,.12);
}
.news-list-box-title{
    font-size: 24px;
    color: #2196f3;
}
.news-list-box-text{
    font-size: 14px;
    color: #6f6f6f;
    line-height: 36px;
    margin: 22px 0 30px 0;
}
.news-list-box-btn a{
    display: inline-block;
    background-color: #2196f3;
    border-radius: 2px;
    color: #FFFFFF;
    padding: 8px 100px;
    -moz-box-shadow: 0px 2px 2px #c1c1c1;
    -webkit-box-shadow: 0px 2px 2px #c1c1c1;
    box-shadow: 0px 2px 2px #c1c1c1;
}

/* about-body */
.about-body{
    background: url(../images/about-banner.jpg) no-repeat top center;
}
.about-body-title{
    text-align: center;
}
.about-body-title-1{
    font-size: 48px;
    color: #0cd2eb;
    margin-top: 50px;
    margin-bottom: 10px;
}
.about-body-title-2{
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 30px;
}
.about-body-title-text{
    color: #FFFFFF;
    font-size: 16px;
    text-align: left;
    margin-top: 50px;
}
.about-body-title-text img{
    margin-top: 30px;
}
.about-body-title-text-1{
    margin-bottom: 15px;
}
.about-body-title-text-2{
    margin-bottom: 15px;
}
.about-body-title-text-3{
    margin-bottom: 15px;
}

.about-body-main{
    margin-top: 155px;
    border-top: 1px solid #dcdde2;
    position: relative;
}
.about-body-main-title{
    position: absolute;
    z-index: 2;
    font-size: 30px;
    color: #888888;
    left: 0;
    top: -25px;
    display: inline-block;
    background-color: #f5f5f5;
    padding-right: 20px;
}
.about-body-main-title span{
    font-size: 14px;
    margin-left: 10px;
}
.about-body-main-box{
    margin-top: 70px;
    line-height: 30px;
    margin-bottom: 50px;
}

/* knowledge */
.knowledge-body{
    background: url(../images/knowledge-banner.jpg) no-repeat top center;
}
.knowledge-title{
    padding-bottom: 35px;
}
.knowledge-title-box{
    text-align: center;
}
.knowledge-title-1{
    font-size: 48px;
    color: #FFFFFF;
    margin-top: 60px;
    margin-bottom: 10px;
}
.knowledge-title-2{
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 30px;
}
.knowledge-body-list{
    margin-bottom: 40px;
}
.knowledge-list-box{
    background-color: #FFFFFF;
    margin-bottom: 50px;
    box-shadow: 0 3px 4px 0 rgba(160,160,160,.14),0 3px 3px -2px rgba(160,160,160,.2),0 1px 8px 0 rgba(160,160,160,.12);
}

.panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none;
}
.panel:last-child {
    border-bottom: none;
}
.panel-group .panel {
    border-radius: 0;
}
.panel-group .panel+.panel {
    margin-top: 0;
}
.panel-heading {
    background-color: #2196f3;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
}
.panel-title a {
    display: block;
    color: #fff;
    padding: 15px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
}
.panel-body {
    background: #fff;
}
.panel:last-child .panel-heading {
    -webkit-transition: border-radius 0.3s linear 0.2s;
    transition: border-radius 0.3s linear 0.2s;
}
.panel:last-child .panel-heading.active {
    border-radius: 0;
    -webkit-transition: border-radius linear 0s;
    transition: border-radius linear 0s;
}
#accordion .panel-heading a i {
    margin-right: 10px;
}
#accordion .panel-heading a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 24px;
    position: absolute;
    right: 15px;
    top: 10px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#accordion .panel-heading.active a:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}









/* footer */
.footer{
    background-color: #607d8b;
    -moz-box-shadow: 0 2px 2px #42555e inset;
    -webkit-box-shadow: 0 2px 2px #42555e inset;
    box-shadow: 0 2px 2px #42555e inset;
}
.footer-title{
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    padding: 40px 0;
}
.footer-title span{
    color: #a9bec8;
    margin-left: 16px;
}
.footer-partners{
    width: 100%;
    margin-bottom: 50px;
}
.footer-partners a{
    float: left;
}
/* copyright */
.copyright{
    background-color: #3b4c55;
    -moz-box-shadow: 0 2px 2px #28353b inset;
    -webkit-box-shadow: 0 2px 2px #28353b inset;
    box-shadow: 0 2px 2px #28353b inset;
}
.copyright-text{
    color: #FFFFFF;
    padding: 20px 0;
    text-align: center;
}
.cancel-asp h1{
    color: #e13f34;
}
.cancel-asp h2{
    font-size: 20px;
    line-height: 40px;
    margin-top: 50px;
}
.cancel-asp h3{
    margin-bottom: 50px;
    color: #499df3;
    margin-top: 40px;
}