@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: #343434;}


.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------------------------------------ */
/* ---------------------------------------------------------------------------- */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: none;}
.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: 80px 0;}
/* 背景颜色 */
.box-content.box-style-1{background: url(../img/A_one.png) no-repeat center;background-size: auto 100%;}
.box-content.box-style-2{background-color: #ffffff;}
.box-content.box-style-3{background: url(../img/A_three.png) no-repeat center;}
.box-content.box-style-4{background-color: #ffffff;}
.box-content.box-style-5{background: url(../img/A_five.png) no-repeat center;}
.box-content.box-style-6{background: url(../img/A_six.png) no-repeat center;}
.bottom-footer{background-color: #101b31 !important;}

/* 内容项.一 */
.box-content.box-1{padding: 0;}
.box-content.box-1 .info{margin-top: 190px;}
.box-content.box-1 .info h2{margin: 0 0 180px 40px;}
.box-content.box-1 .info .C{font-size: 32px;color: #ffffff;}
.box-content.box-1 .info .E{font-size: 64px;color: rgba(255, 255, 255, 0.3);}
.box-content.box-1 button{width: 160px;height: 42px;border: none;border-radius: 20px;color: #ffffff;font-size: 19px;background: #19adfd;}

/* 内容项·二 */
.box-content.box-2 .info{margin-top: 5px;}
.box-content.box-2 h2{font-size: 28px;color: #383838;margin-bottom: 35px;}
.box-content.box-2 p{font-size: 14px;color: #323232;text-align: left;}

/* 内容项·三 */
.box-content.box-3 .info{margin: 0 0 40px 0;}
.box-content.box-3 .info h2{font-size: 34px;color: #feffff;text-align: center;}
.box-content.box-3 .info p{font-size: 14px;color: #e8efff;text-align: center;}
.box-content.box-3 .pic img{display: block;width: 140px;height: 140px;margin: 0 auto;}
.box-content.box-3 .pic h3{font-size: 16px;color: #ebeffb;text-align: center;}
.box-content.box-3 .pic p{font-size: 14px;color: #d5d9e5;text-align: center;}

/* 内容项·四 */
.box-content.box-4 .info h2{font-size: 35px;text-align: center;margin-bottom: 60px;}
.box-content.box-4 .info .N{font-size: 28px;color: #333;}
.box-content.box-4 .info .P{font-size: 14px;color: #555;}
.box-content.box-4 .info ul{padding: 4px 0 0 20px;}
.box-content.box-4 .info li{font-size: 13px;margin-top: 6px;color: #555;}
.box-content.box-4 .info2{margin-top: 80px;}

/* 内容项·五 */
.box-content.box-5 .info{display: flex;justify-content: space-between;padding: 0 30px;}
.box-content.box-5 .item{background: rgba(80, 150, 250, 0.8);width: 48%;}
.box-content.box-5 .pic{margin-top: 70px;}
.box-content.box-5 .N{font-size: 26px;color: #fff;text-align: center;}
.box-content.box-5 .P{font-size: 14px;color: #eee;text-align: center;}
.box-content.box-5 .item ul{padding: 4px 0 0 20px;}
.box-content.box-5 .item li{font-size: 13px;margin-top: 6px;color: #eee;}

/* 内容项·六 */
.box-content.box-6{height: 460px;}
.box-content.box-6 .location{display: block;width: 360px;height: 180px;margin: 100px auto 0;}

@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-top: 160px;}
footer .wrap-footer h2{font-size: 35px;color: #ffffff;}
footer .wrap-footer h4{font-size: 14px;color: #ced1d8;font-weight: 500;}
footer .wrap-footer button{width: 160px;height: 42px;border: none;border-radius: 20px;color: #ffffff;font-size: 19px;background: #19adfd;}

/* 底部·二 */
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;}