/* @import url(https://fonts.googleapis.com/css?family=Merriweather);
@import url(https://fonts.googleapis.com/css?family=Open+Sans); */

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
body {color: #666;background: #fff;font-size: 14px;line-height: 1.6em;font-weight: 400;}
html, body {width:100%; padding:0; margin:0;}
::-moz-selection{background:#000;color:#fff;text-shadow:none}
::selection{background:#000;color:#fff;text-shadow:none}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{width:100%;}

h1 {font-size: 38px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 24px;}
h6 {font-size: 20px;}
h1,h2,h3,h4,h5,h6 {font-weight: 600;color: #111;}

.nav a {
    color: #cecece !important;
    font-weight: 600;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.nav a:hover,
.nav a:focus {color: #19adfd !important;text-decoration: none;}
.nav .cur {color: #19adfd !important;text-decoration: none;margin-top: -5px;border-top: 5px solid #19adfd !important;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------标题导航------------------------------------ */
/* ---------------------------------------------------------------------------- */

.navbar-default {border-color: transparent;background-color: #222;}
.navbar-default .title {width: 140px;padding: 15px 0 0 0;}
.navbar-default .logo {width: 37px;height: 25px;float: left;}
.navbar-default .name {background: url(../img/name_W.png);width: 95px;height: 23px;background-size: 95px 23px;float: right;}

@media(min-width:768px) {
    .navbar-default {
        padding: 20px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }
    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .navbar-default.navbar-shrink {
        padding: 0;
        background-color: #fff;
		border-bottom: 1px solid rgba(30, 150, 250, 0.5);
    }
    /* 触发吸顶 */
    .navbar-default.navbar-shrink .name {background: url(../img/name_B.png);width: 95px;height: 23px;background-size: 95px 23px;float: right;}
	.navbar-default.navbar-shrink .nav li a{color: #999 !important;}
	.navbar-default.navbar-shrink .nav li a:hover,
	.navbar-default.navbar-shrink .nav li a:focus
    {color: #F05F40;}
    .navbar-default.navbar-shrink .nav .cur
	{color: #19adfd !important;}
    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------Content------------------------------------ */
/* ---------------------------------------------------------------------------- */

.box-content {padding: 100px 0;}
/* 背景颜色 */
.box-content.box-style-1{background-color: #112a54;}
.box-content.box-style-2{background-color: #0a173b;}
.box-content.box-style-3{background-color: #112b55;}
.box-content.box-style-4{background-color: #0a183c;}
.box-content.box-style-5{background-color: #112b55;}
.box-content.box-style-6{background-color: #0a183c;}
.wrap-footer{background-color: #0a183c !important;}
.bottom-footer{background-color: #101b31 !important;}

/* 内容项.一 */
.box-content.box-1 {padding: 100px 0 0;}
.box-content.box-1 .info{margin-top: 100px;z-index: 99;}
.box-content.box-1 h2{font-size: 26px;color: #ffffff;}
.box-content.box-1 p{font-size: 32px;color: #ffffff;margin: 40px 0 30px;}
.box-content.box-1 a{display: block;width: 160px;line-height: 42px;color: #ffffff;font-size: 18px;text-decoration: none;text-align: center;border-radius: 20px;background: #19adfd;}
.box-content.box-1 .pic{float: right;margin-top: -240px;}

/* 内容项·二 */
.box-content.box-2 .info{margin-top: 60px;}
.box-content.box-2 h2{font-size: 35px;color: #ffffff;}
.box-content.box-2 p{font-size: 14px;color: #d5d7dc;font-weight: 500;}
.box-content.box-2 .info .items{display: flex;flex-wrap: wrap;}
.box-content.box-2 .info .item{width: 146px;height: 66px;border: 1px solid #9da2b1;border-radius: 10px;margin: 15px 15px 0 0;}
.box-content.box-2 .info .iconfont{display: block;font-size: 24px;margin: 8px auto 6px;color: #9499a9;text-align: center;}
.box-content.box-2 .info .fa{display: block;font-size: 24px;margin: 8px auto 6px;color: #9499a9;text-align: center;}
.box-content.box-2 h5{font-size: 14px;color: #9499a9;text-align: center;}

/* 内容项·三 */
.box-content.box-3 .info{margin-top: 60px;}
.box-content.box-3 h2{font-size: 35px;color: #ffffff;}
.box-content.box-3 p{font-size: 14px;color: #d5d7dc;font-weight: 500;}
.box-content.box-3 .info .items{display: flex;flex-wrap: wrap;}
.box-content.box-3 .info .item{width: 146px;height: 66px;border: 1px solid #9da2b1;border-radius: 10px;margin: 15px 15px 0 0;}
.box-content.box-3 .info .iconfont{display: block;font-size: 24px;margin: 8px auto 6px;color: #9499a9;text-align: center;}
.box-content.box-3 .info .fa{display: block;font-size: 24px;margin: 8px auto 6px;color: #9499a9;text-align: center;}
.box-content.box-3 h5{font-size: 14px;color: #9499a9;text-align: center;}

/* 内容项·四 */
.box-content.box-4 {padding: 120px 0;}
.box-content.box-4 .pic{margin: 40px 0;}
.box-content.box-4 .info{margin: 40px 0;}
.box-content.box-4 h2{font-size: 35px;color: #ffffff;}
.box-content.box-4 p{font-size: 14px;color: #d5d7dc;font-weight: 500;}
.box-content.box-4 .info .items{display: flex;flex-wrap: wrap;}
.box-content.box-4 .info .item{width: 116px;height: 66px;border: 1px solid #9da2b1;border-radius: 10px;margin: 15px 15px 0 0;}
.box-content.box-4 .info .iconfont{display: block;font-size: 24px;margin: 8px auto 6px;color: #9499a9;text-align: center;}
.box-content.box-4 .info .fa{display: block;font-size: 24px;margin: 8px auto 6px;color: #9499a9;text-align: center;}
.box-content.box-4 h5{font-size: 14px;color: #9499a9;text-align: center;}

/* 内容项·五 */
.box-content.box-5 {padding: 120px 0;}
.box-content.box-5 .info{margin-top: 60px;}
.box-content.box-5 h2{font-size: 35px;color: #ffffff;}
.box-content.box-5 p{font-size: 14px;color: #d5d7dc;font-weight: 500;}
.box-content.box-5 .info .items{display: flex;flex-wrap: wrap;}
.box-content.box-5 .info .item{width: 116px;height: 66px;border: 1px solid #9da2b1;border-radius: 10px;margin: 15px 15px 0 0;}
.box-content.box-5 .info .iconfont{display: block;font-size: 24px;margin: 8px auto 6px;color: #9499a9;text-align: center;}
.box-content.box-5 .info .fa{display: block;font-size: 24px;margin: 8px auto 6px;color: #9499a9;text-align: center;}
.box-content.box-5 h5{font-size: 14px;color: #9499a9;text-align: center;}

/* 内容项·六 */
.box-content.box-6 .info{margin-top: 60px;}
.box-content.box-6 h2{font-size: 35px;color: #ffffff;}
.box-content.box-6 p{font-size: 14px;color: #d5d7dc;font-weight: 500;}
.box-content.box-6 .info .items{display: flex;flex-wrap: wrap;}
.box-content.box-6 .info .item{width: 146px;height: 80px;border: 1px solid #9da2b1;border-radius: 10px;margin: 15px 15px 0 0;}
.box-content.box-6 .info .iconfont{display: block;font-size: 24px;margin: 8px auto 4px;color: #9499a9;text-align: center;}
.box-content.box-6 .info .fa{display: block;font-size: 24px;margin: 8px auto 4px;color: #9499a9;text-align: center;}
.box-content.box-6 h5{font-size: 14px;color: #9499a9;text-align: center;margin: 0 15px;line-height: 20px;}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

@media(max-width:570px){
	.box-content.box-4 .r-slidebar img{ margin: 15px;}
}

/* ---------------------------------------------------------------------------- */
/* ----------------------------------Footer------------------------------------ */
/* ---------------------------------------------------------------------------- */

/* 底部·一 */
footer .wrap-footer .info{margin: 100px 0;}
footer .wrap-footer h2{font-size: 32px;color: #ffffff;text-align: center;}
footer .wrap-footer a{display: block;width: 160px;line-height: 42px;color: #ffffff;font-size: 18px;text-decoration: none;text-align: center;border-radius: 20px;background: #19adfd;margin: 40px auto 60px;}

/* 底部·二 */
footer .bottom-footer {padding: 60px 0 60px;}
footer .bottom-footer .logo{width: 52px;height: 35px;margin-bottom: 20px;}
footer .bottom-footer .name{width: 133px;height: 32px;margin: 0 0 20px 10px;}
footer .bottom-footer p{color: #9fa4ad;font-size: 14px;margin: 0;}
footer .bottom-footer p:last-of-type{margin-bottom: 40px;}
footer .bottom-footer .QRcode{display: block;float: right;}
footer .bottom-footer h5{color: #9fa4ad;font-size: 12px;text-align: right;margin: 125px 8px 0 0;}