@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------------------------------------ */
/* ---------------------------------------------------------------------------- */
.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: #19adfd;}
    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

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

/* ---HomePage--- */
.box-content {padding: 80px 0;}
/* 背景颜色 */
.box-content.box-style-1{background: url(../img/J_one.png) no-repeat center;background-size: auto 100%;}
.box-content.box-style-2{background-color: #eaedf2;}
.bottom-footer{background-color: #101b31 !important;}

/* 内容项.一 */
.box-content.box-1 .container{margin: 60px auto;}
.box-content.box-1 .pic{display: block;margin: 0 auto;}

/* 内容项·二 */
.box-content.box-2 .submit{background: #ffffff;padding: 100px 40px;}
.box-content.box-2 .pic{margin: 60px auto;}
.box-content.box-2 h2{font-size: 24px;color: #363636;}
.box-content.box-2 .form-control{margin-top: 20px;}
.box-content.box-2 select{width: 169px;margin-top: 20px;padding: 6px 0 6px 6px;border-radius: 4px;border: 1px solid #ccc;}
.box-content.box-2 .moblie{margin-top: 15px;}
.box-content.box-2 button{width: 160px;height: 42px;border: none;border-radius: 5px;color: #ffffff;font-size: 19px;background: #19adfd;}

.box-content.box-2 .feedback{background: #ffffff;padding: 160px 40px 277px;display: none;}
.box-content.box-2 .iconfont{display: block;font-size: 90px;line-height: 90px;color: #1296db;text-align: center;}
.box-content.box-2 p{font-size: 28px;color: #1296db;margin-top: 60px;text-align: center;}

@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 .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;}