*{font-family: Microsoft YaHei !important;}
html{overflow-y: scroll;overflow-x:hidden;color:#555;}
a{text-decoration: none;}
a:hover{text-decoration: none}
li{list-style: none;}
i{display: inline-block}
p{margin: 0 0 0px;}
.margin0{margin: 0 !important;overflow: hidden}
.padding0{padding:0}
.clear{clear: both;}
.floatL{float: left}
.floatR{float: right;}
.positionR{position: relative;}
.positionA{position: absolute;}
.displayNone{display: none;}
.marginTB{margin: 8px auto;}
header{overflow: hidden}
/***********导航************/
.menuTop{margin: 16px auto 20px auto;}
.telNum{margin-top: 18px;}
.nav > li > a{padding: 18px 53px;font-size: 20px;float: left}
.nav > li > i{font-style: normal;color: #fff;line-height: 56px;}
.columnNav{background: #034f84;width: 100%;text-align: center; margin-right:20%; }
.columnNav a{color: #fff;}
.navBg{background: #30bf09;}
.navbar{margin-bottom: 0px; }
.dropdown-menu{width: 100%;background: rgba(0,33,56,.8);padding-top: 0;}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #034f84;
}
.navbar-default .navbar-nav > li > a{
    color: #fff;
}
.navbar-brand{display: none;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: #034f84;}
.navbar-nav{
	font-size: 16px;
    color: #333;
}
.navbar-default{background: none;border: none;}

.banner01{
	max-width: 135%;
	height: 540px;
	margin: 0 auto	;
	padding: 0;
	background: url("../images/banner01.jpg") no-repeat center;
}
.banner02{
	max-width: 135%;
	height: 540px;
	margin: 0 auto	;
	padding: 0;
	background: url("../images/banner02.jpg") no-repeat center;
}
.banner03{
	max-width: 135%;
	height: 540px;
	margin: 0 auto	;
	padding: 0;
	background: url("../images/banner03.jpg") no-repeat center;
}
.carousel-indicators {
    bottom: 0px;
}
/**********产品展示*******/
.blueLine{width: 114px;height: 5px;background: url("../images/blueLine.jpg") no-repeat;display: inline-block;}
.companys{
    box-shadow: 0px 2px 8px 6px #dcdcdc;
    font-size: 20px;
    color:#333;
    line-height: 36px;
    padding: 50px 28px;
}
.companyImg{position: absolute;right: 0;bottom: 0;}
.productAll{
    background: url("../images/proBg.jpg") center no-repeat;
    width: 100%;
    height: 818px;
}
.productAll ul{padding: 0;}
.productAll ul li{float: left;margin: 0 0px 30px 0px;position: relative;}
.productAll ul li h3{position: absolute;bottom: 0;text-align: center;background: rgba(0,0,0,.5);width: 95%;height: 60px;line-height: 60px;margin: 0;color: #fff;}
.productAll ul li:first-child{margin-left: 0}
.productAll ul li:nth-child(4){margin-left: 0}
.title{ margin-top: 50px;margin-bottom: 40px;}
.mb65{margin-bottom: 65px;}
/**********客户案例*********/
.caseBg{background: #fefefe;}
.caseBg ul{padding: 0;}
.caseBg ul li{float: left;margin: 0 0px 40px 0px;position: relative;}
.caseBg ul li h4{position: absolute;bottom: 0;text-align: center;background: rgba(0,0,0,.5);width: 96.4%;height: 40px;line-height: 40px;margin: 0;color: #fff;font-size: 18px;}
.caseBg ul li:first-child{margin-left: 0}
.caseBg ul li:nth-child(4n+1){margin-left: 0}

.adsBg{width: 100%;height: 60px;line-height: 60px; margin-bottom:54px;background: url("../images/adsImg01.jpg") no-repeat;color: #fff;}
.adsBg p{padding: 0 14%;font-size: 30px;}
.adsBg p strong{font-weight: 500;}
.adsBg p span{float: right;}
.adsBg p span a{color: #fff;}

/***********为什么选择青戎阳光房***********/
.chooseBg{
    width: 100%;
    height: 716px;
    background: url("../images/AdvantageBg.jpg") no-repeat;
}
.details ul{padding: 0;}
.details ul li{float: left;margin: 0 0px 40px 0px;position: relative;}
.details ul li h4{position: absolute;bottom: 0;text-align: center;background: rgba(0,0,0,.5);width: 96.4%;height: 40px;line-height: 40px;margin: 0;color: #fff;font-size: 18px;}
.details ul li:first-child{margin-left: 0}
.details ul li:nth-child(4n+1){margin-left: 0}


/********青戎阳光房为您提供*******/
.provideBg{
    width: 100%;
    height: 800px;
    background: #f3f3f3;
    margin: 0 auto;
    padding: 0;
}
.provideTitle{
    width: 100%;
    height: 60px;
    background:url("../images/provideT.jpg") center no-repeat;
    position: relative;
    right: 15px;
}
.provideCon{
    margin: 0 auto;
    padding: 0;
}
.provideS ul{padding: 0;}
.provideS ul li{float: left;margin: 0 0px 30px 0px;position: relative;}
.provideS ul li h3{position: absolute;bottom: 0;text-align: center;background: rgba(0,0,0,.5);width: 95%;height: 60px;line-height: 60px;margin: 0;color: #fff;}
.provideS ul li:first-child{margin-left: 0}
.provideS ul li:nth-child(4){margin-left: 0}

.newsBg{
    background: #f3f3f3;
    margin-right: 40px;
    margin-top: 0;
    padding: 0 36px;
}
.newsBg h4{
    height: 90px;
    line-height: 90px;
    font-size: 26px;
    margin: 0;
    color: #333;
}
.newsBg p{
    color: #333;
    font-size: 16px;
    line-height: 24px;
}
.moreBtn{
    background: #f67812;
    padding: 10px 36px;
    color: #fff;
    font-size: 16px;
    margin: 50px 0 50px 0;
    display: inline-block;
}
.newsList{}
.newsList li{
    padding: 37px 0;
    border-bottom: solid 2px #eee;
}
.newsList li:first-child{
    padding-top:0;
}
.newsList li a{
    display: inline-block;
    border-left: solid 2px #57ca38;
}
.newsList li a h4,.newsList li a p{
    padding-left: 33px;
}
.newsList li a h4{
    color:#333;
    font-size: 26px;
}
.newsList li a p{
    color: #666;
    font-size: 16px;
}
.aboutUs{
    background: #f3f3f3;
}
.aboutUsCon{
    width: 100%;
    background: url(../images/aboutUsBg.jpg) repeat-y;
}
.mb84{
    padding-bottom: 84px;
}
.introCon h4{
    font-size: 26px;
    color: #333;
    margin-bottom: 40px;
}
.introCon h4 span{
    padding-bottom: 20px;
    border-bottom: solid 1px #57ca38;
}
.introCon p{
    font-size: 16px;
    color:#333;
    line-height:28px;
}
.certImg img{
    box-shadow: 4px 3px 6px 3px #b4b4b4;
    margin-left: 26px;
}
.certImg img:last-child{
    margin-left: 20px;
}
.Instance{margin: 36px 0;}
.Instance li img{box-shadow: 4px 3px 6px 3px #b4b4b4;}

.footerBg{background: #57ca38;color: #fff;padding: 50px 0 40px 0;}
.FkrLogo{float: left;margin-right: 36px;}
.address{font-size: 16px;}
.telFoot{font-size: 24px;line-height: 70px;}
.telFoot i{font-size: 50px;font-weight: bold}

.recordBg{background: #337a20;line-height: 40px;height: 40px;text-align: center;color: #fff;font-size: 16px;}

.MessageBg{background: #57ca38;color: #fff;height: 80px;line-height: 80px;margin: 0 auto;padding: 0;}
.MessageBg p{text-align: center;font-size: 30px;}
.advice{margin-bottom: 70px;padding-left: 90px;}
.advice strong{ font-size: 40px;color: #333;line-height: 134px;font-weight: normal}
.advice p{font-size:30px;color: #333;}
.advice p em{font-size: 24px;color: #333;font-style: normal;}

.greenBtn{background: #57ca38;margin-right: 14px;}
.orangeBtn{background: #f67812;}
.btnClick{padding: 14px 64px;color: #fff;display: inline-block;font-size: 20px;margin-top: 72px;}
.telClick{font-size: 30px;margin-top: 40px;}
.telClick a{font-size: 36px;color: #333;font-style: italic;}

@media (min-width: 1200px){
	.container {
		width: 1200px;
		padding:0px;
	}
    .containerBuy {
        width: 978px;
        padding:0px;
    }

}
@media screen and (min-width: 768px) and (max-width: 959px) {

	.container {
		padding:0px;
	}
	.noneS{
		display: none;
	}
.navbar-brand > img {
	margin-left: 50%;
}
.navbar-brand {
    font-size: 14px;
	padding: 15px 0;
}
.navbar-nav > li > a{
	height: 42px;
	line-height: 42px;
	font-size: 16px;
    position: relative;
    display: block;
    padding: 0px 12px;
}
.navbar-brand{
	height: auto;
}
.navbar-nav{
	margin-right: 36px;
}

}






@media (max-width: 767px){
    img{ width: 100%;}
    .container{padding:0 10px;}
    .title {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .navbar-default .navbar-brand {
        color: #fff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .productAll {
        background: url(../images/proBg.jpg) center no-repeat;
        width: 100%;
        height: 550px;
    }
    .productAll ul li h3{
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .productAll ul li:nth-child(even){

    }
    .productAll ul li a{
        margin: 0 4px 0px 4px;
        display: inline-block;
    }
    .caseBg ul li{
        margin: 0 0px 40px 0px;
    }
    .caseBg ul li a{
        margin: 0 4px 0px 4px;
        display: inline-block;
    }
    .caseBg ul li h4{
        width: 95%;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .adsBg p {
        padding: 0 2%;
        font-size: 15px;
    }
    .chooseBg{
        height: 270px;
    }

    .provideBg {
         width: 100%;
        height: auto;
         background: none;
         margin: 0 auto;
         padding: 0;
    }
    .provideTitle {
        width: 100%;
        height: 40px;
        background: url(../images/provideT.jpg) center no-repeat;
        position:relative;
        right: 6px;
    }
    .remove{
        padding: 0 !important;
    }
    .details ul li a {
        margin: 0 4px 0px 4px;
        display: inline-block;
    }
    .details ul li h4 {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .provideS ul li a {
        margin: 0 4px 0px 4px;
        display: inline-block;
    }
    .provideS ul li h3 {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .newsBg {
        background: #f3f3f3;
        margin-right: 0px;
        margin-top: 0;
        padding: 0 12px;
    }
    .moreBtn {
        padding: 6px 10px;
        font-size: 14px;
        margin: 20px 0 20px 0;
    }
    .newsList ul{
        padding: 0;
    }
    .newsList li:first-child {
        padding-top: 20px;
    }
    .certImg img,.certImg img:last-child{margin-left: 0;}
    .certImg img:last-child{margin-top: 20px;}
    .Instance {
        margin: 36px 0;
        padding: 0;
    }
    .Instance li{
        margin-bottom: 20px;
    }
    .FkrLogo{width: 30%;margin-right: 16px;}
    .telFoot i {
        font-size: 30px;
        font-weight: bold;
    }
    .telFoot {
        font-size: 20px;
        line-height: 40px;
        margin-top: 40px;
    }
    .MessageBg p {
        text-align: center;
        font-size: 16px;
    }
    .advice {
        margin-bottom: 30px;
        padding-left: 10px;
    }
    .btnClick {
        padding: 14px 36px;
        margin-top: 20px;
    }
    .telClick {
        font-size: 20px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .telClick a{
        font-size: 32px;

    }



    .mNone{display: none}
    .navposition {
        top: 42px;
        right: 0px;
        border: solid 1px red;
        width: 77%;
        position: absolute;
        z-index: 999;
        background: #fff;
    }
    .navbar-brand{display: block;}
    .companyMap{width: 100%;}

    .title h2 {
        font-size: 20px;
    }
    .picScroll-left .hd ul{width: 30%;}
    .wxContact {margin-right: 18px;}
    .buyCon .positionA{position: static;}
    .buyCon .bgWhite{left: 0%;}
    .buyCon .padding0{padding-right: 15px;padding-left: 15px;}
    .buyCon{background: url("../images/purchaseBg.jpg") repeat-y; }
    .companyMImg{width: 100%;}
    .systemTable tr td span {
        border: solid 1px #071339;
        padding: 3px 6px;
        float: left;
        margin: 5px 10px 5px 0;
    }
    .systemTable tr td h4 {
        padding:0 4px;
    }
    .systemTable tr td i {
        padding: 3px 6px;
        margin: 5px 4px 5px 0;
    }
    .schemeListCon a {
        margin-left: 10px;
        margin-right: 4px;
    }
    .contentCon img{width: 100%;}
    .otherScheme {
        padding-left: 0px;
    }
    .clickA {
        text-align: center;
        margin: 8px 0 20px 0;
    }
    .functionCon tr td{
        padding: 10px 0;
    }
    .functionCon tr td strong{font-size: 16px;}
    .functionCon tr td p{ font-size: 14px;}
}