﻿/* Reset

---------------------------------*/

html {

    font-family: "Microsoft YaHei";

}



body {

    font-family: "Microsoft YaHei";

    font-size: 14px;

}



input {

    font-family: "Microsoft YaHei";

}



/*.row {

    margin-right: 0;

    margin-left: 0;

}

*/

h1 {

    font-size: 0.666666rem !important;

}



h2 {

    font-size: 0.555555rem !important;

}



h3 {

    font-size: 0.439444rem !important;

}



h5 {

    font-size: 0.25925rem !important;

}



ul {

    list-style: none;

}



.figure {

    margin: 0px;

}



a,

a:hover,

a:active {

    outline: 0px !important;

}



.clear {

    clear: both;

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0;

}



.fon12 {

    font-size: 0.222222rem;

}



.fon14 {

    font-size: 0.259259rem;

}



.fon16 {

    font-size: 0.296296rem;

}



.fon18 {

    font-size: 0.333333rem;

}



.fon20 {

    font-size: 0.370370rem;

}



.fon22 {

    font-size: 0.407407407rem;

}



.fon24 {

    font-size: 0.444444rem;

}



.fon26 {

    font-size: 0.481481rem;

}



.fon28 {

    font-size: 0.518518rem;

}



.fon30 {

    font-size: 0.555555rem;

}



.color_darkgrey {

    color: darkgrey !important;

}



.container {

   /* padding-right: 0 !important;

    padding-left: 0 !important;*/

		max-width:990px;

}



.clearfix:before,

.clearfix:after {

    content: '\0020';

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0;

}



.clearfix:after {

    clear: both;

}



.header {

    background-color: #26a24c;

    color: white;

    height: 40px;

    line-height: 40px;

}



.header .agileinfo-phone>p {

    width: max-width;

}



.hidden {

    display: none;

}



/* 首页 */

#index1 img {

    max-width: 100%;

}



#index1 .col-md-12 {

    margin: 0.3rem 0;

}



#index1 .col-md-12 .div-type {

    border-top: 1px solid black;

    padding-top: 0.2rem;

}



#index1 div.pull-right img {

    background: url(../images/index/p3.png) no-repeat;

    width: 23px;

    height: 23px;

    background-size: contain;

    display: inline-block;

    position: relative;

    top: -1px;

    right: 30px;

    cursor: pointer;

}



/* product 产品 */

#product1 img {

    max-width: 100%;

}



#product1 .col-md-12:nth-of-type(1),

#product1 .col-md-12:nth-of-type(2) {

    margin: 0.3rem 0;

}



#product1 .change-content {

    font-size: 20px;

    cursor: pointer;

}



#product1 .change-content.active {

    color: red;

    border-bottom: 1px solid red;

    padding-bottom: 15px;

}



#product1 ul.change-tag {

    display: flex;

    padding: 0;

    flex-flow: row wrap;

    /* 换行 */

}



#product1 ul.change-tag li {

    flex: 0 1 30%;

    margin: 15px 10px 0px;

    padding: 15px 0;

    border: 1px solid red;

    cursor: pointer;

    color: red;

}



@media (max-width:414px) {

    #product1 ul.change-tag li {

        flex: 0 1 100%;

    }



    #product1 ul.list-content li {

        flex: 0 1 100% !important;

    }

}



#product1 ul.change-tag li.active {

    background-color: red;

    color: white;

}



#product1 ul.list-content {

    display: flex;

    padding: 0;

    flex-flow: row wrap;

    /* 换行 */

}



#product1 ul.list-content li {

    flex: 0 1 30%;

    margin: 15px 10px 0px;

    padding: 15px 0;

    cursor: pointer;

}



#product1 .col-md-12 .div-type {

    border-top: 1px solid black;

    padding-top: 0.2rem;

}



/* 森海 indexNew */

#indexNew1 {

    padding: 20px 0 0;

}



#indexNew1 .container>.row>.col-md-12:first-of-type li {

    display: inline-block;

    margin: 0 10px;

    color: #b1b1b1;

}



@media (min-width:414px) {

    #main-nav ul {

        float: right;

    }



    .list-title {

        display: block;

    }



    .list-title-ipone {

        display: none;

        background-color: black;

    }



    body{

        z-index: -3;

        position: relative;

    }

    

}



@media (max-width:414px) {

    #main-nav {

        position: absolute;

        left: 0px;

        right: 0px;

        background-color: black;

    }



    #indexNew1 .container>.row>.col-md-12:first-of-type li {

        margin: 10px 0;

    }



    .list-title {

        display: none;

    }



    .list-title-ipone {

        display: block;

        background-color: black;

    }



    .col-md-12 {

        z-index: -1;

    }

}







#main-nav ul {

    width: auto;

}



#main-nav1 {

    position: absolute;

    left: 0px;

    right: 0px;

    z-index: 9999;

    background-color: #101010;

}







@media (max-width: 414px) {

    #main-nav1 .navbar-nav .open .dropdown-menu {

        background-color: black!important;

        color:white!important;

    }



    #top-banner .swiper-container{

        z-index: -1!important;

    }

    

    #top-banner {

        background-color: transparent!important;

    }



    #top-banner2{

        display:none!important;

    }



    #top-banner{

        display:block!important;

    }

}



#main{

    display:block;

    z-index: -1;

    position: relative;

    background-color: black;

}



#top-banner2{display:block;}



#top-banner{

    display:none;

}



#indexNew1 ul input {

    border-radius: 50px;

    background-color: white;

    border: 1px solid #8c8c8c;

    padding: 5px 15px;

}



#indexNew1 ul {

    padding: 10px 0 0;

}

.t-flex{
	display:flex;
	justify-content: space-between;
}

#indexNew1,

.list-title {

    background-color: white;padding-bottom: 10px;

}







.navbar-inverse {

    background-color: white;

    margin-bottom: 0;

}



#main-nav ul li {

    color: white;

    font-size: 16px;

}



#top-banner {

    background-color: black;

    position: relative;

    z-index: -1;

}



#top-banner img {

    max-width: 100%;

}



.navbar-inverse .navbar-nav>li>a {

    color: #6a6662 !important;

	font-size:16px;

}

.navbar-inverse .navbar-nav>li>a:hover {

    color: #f0843d;

}

/*

.footer {

    background-color: black;

    color: #b1b1b1;

}

.footer>div>ul>li>a{color:#868688 !important;}



.footer .col-md-3 {

    margin: 30px 0;

}



.footer .col-md-3.text-center {

    padding-top: 30px;

}



.footer ul li:first-of-type {

    font-size: 18px;

}



.footer ul li {

    margin: 10px 0;

    cursor: pointer;

}*/



.footer {

    background-color: black;

    color: #b1b1b1;

    background: url(../images/yky/footerbg.png) no-repeat center center;

}



.footer>div>ul>li>a{color:#868688 !important;}



.footer .col-md-3 {

    margin: 18px 0;

}



.footer .col-md-3.text-center {

    padding-top: 30px;

}



.footer ul li:first-of-type {

    font-size: 18px;

}



.footer ul li {

    margin: 10px 0;

    cursor: pointer;

}



.footer .col-md-12{

    border-top:1px solid grey; 

}

@media (min-width:414px) {

.footer .footer_box .col-md-3:nth-of-type(4){

    /*padding:30px 0;*/

}

}



@media (max-width:414px) {

.footer .footer_box .col-md-3:nth-of-type(4){

    padding:30px 20px;

}

}



.footer .footer-code{

    display:inline-block;

}





#indexNew2 {

    margin: 40px 0;

}



#indexNew2 a {

    color: #ff9d00;

}



#indexNew2 .container>.col-md-12:first-of-type p {

    font-size: 20px;

   /* font-weight: bold;*/

}



#indexNew2 .container>.col-md-12:last-of-type p:first-of-type {

    font-size: 16px;

}



#indexNew2 .container>.col-md-12:last-of-type img {

    margin: 20px 0 30px;

}



#indexNew2 .container>.col-md-12:last-of-type p:last-of-type {

    font-size: 14px;

    color: #a5a5a5;

    line-height: 29px;

}



#indexNew2 .container .col-sm-4 {

    padding-right: 0 !important;

    padding-left: 0 !important;

}



.dropdown-submenu {

    position: relative;

}



li.dropdown-submenu > ul.dropdown-menu > li.dropdown-submenu >ul.dropdown-menu{

    top: 0;

    left: 100%;

}



#main .gallery {

    z-index: -1;

}



#mainNav >.dropdown-submenu>.dropdown-menu{

    top: 100%!important;

    left: -40px !important;

}



.dropdown-submenu>.dropdown-menu {

    top: 53px;

    left: 0;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px;

    border-radius: 0 6px 6px 6px;

}



.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}



.dropdown-submenu>a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #ccc;

    margin-top: 0px;

    margin-right: -10px;

}



.dropdown-menu{

    border-radius: 4px!important;

}



.dropdown-submenu:hover>a:after {

    border-left-color: black;

}



.dropdown-submenu>a:after {

    border-left-color: black;

}



.dropdown-submenu.pull-left {

    float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}



#scene1 {

    background-color: black;

    color: white;

    border-top: 1px solid #797979;

}



#scene1 ul {

    padding: 10px 0;

}



#scene1 li {

    display: inline-block;

    /*margin: 0 20px;*/

	margin-right:20px;

    font-size: 16px;

}



#scene1 li.active {

    color: #f0843d;

}

#scene1 li a {

    color: white;

}

#scene1 li a:hover {

    color: #f0843d;

}



#scene2 {

    background-color: #e6e6e6;

    color: black;

    padding: 5px 0;

  /*  padding-left: 15px;*/

}



#scene2 a {

    color: black;

   /* margin-left: 10px;*/

    font-size: 14px;

}



#scene2 a:not(:last-of-type)::after {

    content: ">";

    margin-left: 10px;

}



#scene3 div.title {

    font-size: 24px;

    margin: 15px 0;

}



#scene3 div.content {

    border-top: 1px solid black;

}



#scene3 div.content p.title {

    font-size: 18px;

}



#scene3 div.content p.time {

    color: #868688;

}



#scene3 div.content p.name {

    font-size: 16px;

    color: #0c4c8a;

}



#scene3 div.content p.details {

    color: #868688;

}



#scene3 .content-list {

    margin: 20px 0;

}



@media (max-width:414px) {

    #scene3 div {

        padding-left: 15px;

        padding-right: 15px;

    }

}



#rentServe1 .title {

    padding: 10px 15px !important;

    border-bottom: 1px solid black;

    line-height: 25px;

    font-size: 16px;

    margin-bottom: 40px;

}



#rentServe1 .container>div {

    padding: 0 15px;

}



.form label {

    margin-right: 15px;

    font-size: 16px;

}



.form>div {

    margin: 10px 0;

}



.form>div:nth-of-type(1) input,

.form>div:nth-of-type(2) input,

.form>div:nth-of-type(3) input {

    width: 185px;

}



#rentServe1 .form>div:nth-of-type(7) div{

    display:inline-block;

}



.form input[type="radio"] {

    width: 18px;

    height: 18px;

    position: relative;

    top: 4px;

    margin-right: 10px;

}



.form input:checked::before {


    content: "";

    width: 9px;

    height: 8px;

    background-color: #f27a19;

    display: inline-block;

    border-radius: 25px;

    position: relative;

    left: 4px;

    top: -3px;

}



label {

    font-weight: inherit !important;

}



.form input {

    margin-right: 10px;

}



.form button {

    width: 110px;

    height: 35px;

    font-size: 16px;

    color: white;

    font-weight: bold;

    letter-spacing: 15px;

    background-color: #f27a19;

    border: 0;

  /*  border-radius: 10px;*/

    padding-left: 20px;

}



.form .title-serve {

    font-size: 18px;

    margin: 30px 0;

}



.form .title-serve+div p {

    line-height: 30px;

}



#yky .col-md-12:first-of-type {

    

    padding-top:20px;

	

	

}

#yky .col-md-12:first-of-type::after {

	border-bottom: 1px solid black;

	display:block;

	margin-top:20px;

	content:'';

	}

#yky .col-md-12:last-of-type {

    margin-top:30px;

	margin-bottom:30px;

	z-index:0 !important;

}



#yky p.title {

    font-size: 18px;

}



#yky img {

   /* max-width: 100%;*/

    width: 100%;

}



#yky p.content {

    font-size: 16px;

    color: #8a8a8a;

    margin: 0.1rem 0 0.2rem;

}



#ykyHelp1 {

    margin: 0 0.15rem;

}



#ykyHelp1 img {

    max-width: 100%;

}



#ykyHelp1 .col-md-12:first-of-type {

    padding: 0.01rem 0;

}



/*#ykyHelp1 .title div:first-of-type {

    font-size: 16px;

    border-bottom: 1px solid black;

    padding-bottom: 0.08rem;

}*/



#ykyHelp1 .title p:nth-of-type(1) {

    font-size: 16px;

    margin: 0.25rem 0;

}



#ykyHelp1 .title input {

    width: 2.85rem;

    padding: 0.05rem 0rem;

}



#ykyHelp1 .title div,

#ykyHelp1 .title p {

    margin: 10px 0;

}



#ykyHelp1 .title button {

    width: 110px;

    height: 35px;

    font-size: 16px;

    color: white;

    font-weight: bold;

    letter-spacing: 15px;

    background-color: #f27a19;

    border: 0;

  /*  border-radius: 10px;*/

    padding-left: 20px;

    margin: 0.2rem 0 0.4rem;

}



#ykyHelp1 .container>.col-md-12:first-of-type p {

    font-size: 18px;

    border-bottom: 1px solid black;

    padding: 10px 0;

}



#ykyHelp1 .change-type ul {

    padding: 0;

}



#ykyHelp1 .change-type li {

    display: inline-block;

    margin-right: 0.2rem;

    font-size: 18px;

    background-color: #98999b;

    padding: 0.08rem 0.25rem;

    color: white;

    cursor: pointer;

}



#ykyHelp1 .change-type li.active {

    background-color: darkorange;

}



@media (max-width:414px) {

    #ykyHelp1 .change-type li {

        width: 100%;

        text-align: center;

        margin: 10px 0;

    }



    .footer .col-md-3:not(:nth-of-type(4)){

        display:none;

    }

	.pc {display:none;}

	.ipc {display:block;}

}



@media (min-width:414px) {

	.ipc {display:none;}

}



#ykyHelp1 .title label {

    margin-right: 10px;

}





#product2 .container > .col-md-12:first-of-type p{

    font-size: 24px;

    margin: 0.1rem 0;

}



#product2 .container > .col-md-12 img{

    max-width: 100%;

}



#product2 .container > .col-md-12:last-of-type{

    margin: 0.3rem 0;

   

    border-top:1px solid black;

   

    /*padding-top:0.3rem;*/

}



#product2 p.name {

    font-size: 16px;

    color: black;

    margin: 0.1rem 0 0;

}

@media (max-width:414px) {

    #product2 p.name {

       text-align: center;

    }

}





@media (min-width:414px) {

	

.pc input{width:431px !important}	

#product2 p.content {

    font-size: 14px;

    color: #bfbfbf;

    margin: 0.1rem 0 0.2rem;

}

	

#product2 .container .row > .col-md-12:last-of-type a {

    position: relative;

   /* bottom: 0.4rem;*/

    left: 84%;

    color:#f27a19;

}

}

.ph{display:none}
@media (max-width:768px) {
    .navbar-inverse .navbar-toggle{background: #333;}
    .ph{display:block;}
}

@media (max-width:414px) {

.cn input{width:261px !important}	

.xh{padding-top:10px !important;}

.pc input{width:261px !important}



#product2 p.content {

    font-size: 14px;

    color: #bfbfbf;

    margin: 0.1rem 0 0.5rem;

}



#product2 .container .row > .col-md-12:last-of-type a {

    position: relative;

    left: 84%;

    color:#f27a19;

}	

}
.footer_box {
    padding: 0 25px;
}



/*.text-center:hover{color:#F00)*/