@charset "utf-8";

* {

    margin: 0;

    padding: 0;

    font-size: 100%;

    font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;

    list-style: none;

}

a{

    text-decoration: none;

    color: initial;

}



.containerc{ display:none;}



.clearfix{

    overflow:hidden;

    clear:both;

    width:0;

    visibility:hidden;

}

.w100{

    width: 100%;

}

.head{ 

    height: 96px;

    color: #6c6c6c;

}

.logo{

    width: 13%; margin-left:4%;

    float: left;

    line-height: 96px;



}

.logo img{

    width: 100%;

    vertical-align: middle;

}

.navc{

    width: 630px;

    float: left;

}

.navc li{

    float: left;

    width: 16.6%;

    text-align: center;

    line-height: 96px;

    font-size: 100%;

    color: #313235;

    text-indent: -1em;

    position: relative;

}

..navc a:hover{

    color: red;

}



.sybt{ width:100%; height:auto; font-size:25px; color:#333; text-align:center; font-weight:bold; padding-bottom:40px; float:left;}







.xl {

    position: absolute;

    z-index: 99;

    text-align: center;

    line-height: 33px;

    width: 100%;

    margin-top: -20px;

    display: none;

}

.xl dd:last-child{

    padding-bottom: 10px;

    border-radius: 0 0 5px 5px;

}

.xl dd{

    background-color: #fff; font-size:14px;

}

.xl dd:hover{

    color: #e2bf28;

}

.navc li:hover{

    background: url("../images/nava.png") no-repeat 50% 50%;

}

.navc li:hover .xl{

    display: block;

}

.search{width:100%;float: right;margin-top:30px;}

.searcha{width:50%;float:left; border:1px #afafaf solid;}

.search_input{width:76%; height:auto; float:left; box-shadow:none; background:#fff; border:0; line-height:25px; font-size:13px; color:#b1b0b0; padding-left:2%;}

.ssal{ border:none; width:20%; height:25px; background:url(../images/search.gif) right no-repeat;  float:right;}





/*导航补充*/

.xl dd:hover dl{

    display: block;

}

.xl dl{

    width: 525px;

    background: white;

    text-indent: initial;

    position: absolute;

    margin-left: 100%;

    top: 0;

    display: none;

}

.xl dl p{

    width: 196px;

    float: left;

    padding: 20px;line-height:22px;

}

.dla {

    width:110px; margin-left:70px;

    position: absolute;

    bottom: 10px; background:#cd5c5c; color:#fff;

    left: 0;

}

.xl dl img{

    width: 260px;

    float: right;

}

/*导航补充*/





#tijiao{

    width: 30px;

    position: absolute;

    background:url("../images/search.gif") no-repeat;

    background-size: 100%;

    border: 0;;

    right: 6%;

    top: 1px;

}

.favz{float: right; margin-top:10px;

    width:20%;}

.fav {

    float:left;

    width: 100%;

}

.fav li {

    float: left;

    width:33%;

    text-align: center;

    line-height: 36px;

    font-size: 14px;

}

.fx a:hover{

    color: red;

}

.fav li img{

    vertical-align: middle;

    margin-right: 1%;

}

.hpd{

    width: 100%;

    position: relative;

}

.hdpa{width:100%; height:auto; background: no-repeat center;position:relative;float:left; margin-bottom:60px;}

.hdpac{ display:none;}

.hdp .bx-wrapper .bx-viewport{

    left: 0;

    border:initial;

    background: #272727;

}

.bx-wrapper .bx-prev{

    background: url("../images/zuo.png") no-repeat 50% 50% !important;

}

.bx-wrapper .bx-next{

    background: url("../images/you.png") no-repeat 50% 50% !important;

}

.bx-controls-direction {

    position: relative;

    width: 126px;

    left: 50%;

    margin-left: -63px;

    top: 15px;

}

.hdpbox {

    color: white;

    width: 29%;

    position: absolute;

    left: 59%;

    top: 30%;

}

.hdpbox h1{

    font-size: 40px;

    font-weight: normal;

    margin-bottom: 12px;

}

.hdpbox input {

    background: #e2be28;

    color: white;

    border: 0;

    width: 116px;

    line-height: 39px;

    margin-top: 25px;

}

.hdpbox input:hover{

    background: red;

}

.main{

    margin: 0 auto;

    width: 74%;

}

.index-m li{

    background-repeat: no-repeat;

    height: 393px;

    position: relative;

    margin-bottom: 60px;

}

.index-mli{

    background: url("../images/ba1.jpg") 100% 50%;

}

.index-mli1{

    background: url("../images/ba2.jpg") 100% 50%;

}

.index-mli2{

    background: url("../images/ba3.jpg") 100% 50%;

}

.index-mli3{

    background: url("../images/ba4.jpg") 100% 50%;

}

.m-boxa{ display:none;}

.m-box{

    width: 250px;

    top: 110px;

    position: absolute;  left:2%;

     

}

.m-box1{

    width: 250px;

    top: 110px;

    position: absolute; right:2%;

}

.m-box1 h5{

    font-size: 28px;

    font-weight: lighter;

    margin-bottom: 8px;

}

.m-box h5{

    font-size: 28px;

    font-weight: lighter;

    margin-bottom: 8px;

}

.m-box p{



}

.button{

    background: #e2bf28;

    color: white;

    border: 0;

    line-height: 30px;

    padding: 0 20px;

    width: 150px;

    margin-top: 30px;

}

.button:hover{

    background-color: indianred;

}

.hzkh{

    padding: 3% 13%;

    background: #e2bf28;;

    color: white;

}

.hzkh h1{

    font-size: 32px;

    font-weight: lighter;

    position: relative;

}

.hzkh p{

    position: absolute;

    right: 0;

    top: 0;

    font-size: 14px;

}

.hzkh p a{

    color: white;

}

.hzkh p a:hover{

    color: indianred;

}

.hzkh li{

    float: left;

    width: 16.4%;

    margin: 0 0.1%;

}

.hzkh li img{

    width: 100%;



}

.dibu{

    background-color: #f4f4f4;

    padding: 3% 13% 0 13%;

}

.b-nav{

    width: 75%;

    float: left;

}

.b-nav-1{

     width: 25%;

     float: left;

     font-weight: bold;

    color: #40474f;

 }

.b-nav-2{

    width: 25%;

    float: right;

    font-weight: bold;

    color: #40474f;

}

.b-nav-1 ul{

    font-size: 14px;

    font-weight: normal;

    line-height: 32px;

    color: #6c6c6c;

}

.b-nav-1 a:hover{

    color: indianred;

}

.b-nav-2l {

    float: left;

}

.b-nav-2r {

    float: left;

    font-size: 14px;

    font-weight: lighter;

    color: #6c6c6c;

}

.b-nav-2r li{

    height: 30px;

}

.fcdmz{ float:left;}

.fcdmy{ float: left;

    font-size: 14px;

    font-weight: lighter;

    color: #6c6c6c;}



.db2 {

    text-align:right; margin-right:4%;

    font-size: 14px;

    color: #40474f;

    width:45%;

    padding-left:0;

    float:right; 

}

.db2 #select{

    line-height: 27px;

    height: 27px;



    width: 100%;

}

.db3 {

    width: 100%;

    color: #63686e;

    font-size: 14px;

    line-height: 50px;

    border-top:#63686e 1px solid;

}



/*底部*/

.kg{ display:none;}

.db2c{ display:none;}





@media screen and (max-device-width:1280px) {

    .head{

        height: auto;

    }

    .nav {

        width: 57%;

    }

    .hdpbox{

        top: 10%;

    }

    .hdpbox h1 {

        font-size: 22px;

    }

    .hdpbox p{

        font-size: 12px;

    }

    .hdpbox input{

        width: 90px;

        line-height: 27px;

        margin-top: 10px;

    }

    .main{

        width: 100%;

    }

}

@media screen and (max-device-width:1024px) {

    .logo{

        width: 20%;

        padding: 0 40%;

        line-height: 60px;

    }

    .fav{

        width: 24%;

    }

    .nav {

        width: 62%;

    }

    .hdpbox{

        width: 80%;

        left: 10%;

        position: relative;

        padding-bottom: 10px;

    }

    .hzkh{

        padding: 3% 0%;

    }

    .dibu{

        padding: 3% 0;

    }

    .m-box h5 {

        font-size: 24px;

        font-weight: lighter;

        margin-bottom: 8px;

    }

}

@media screen and (max-device-width:768px) {

	

			.containerc{ width:100%; height:auto; margin:0 auto;position:relative; display:block; padding-top:50px;}

		.containera{ width:100%; height:50px; margin:0 auto;position:absolute; top:0; bottom:0px; left:0px; z-index:99999999;}

.sybt{ width:100%; height:auto; font-size:20px; color:#333; text-align:center; font-weight:bold; padding-bottom:20px; float:left;}





    .head{

    display: none;

    }

    .hdpbox h1 {

        font-size: 18px;

    }

    .hdpbox input {

        width: 74px;

        line-height: 21px;

        margin-top: 10px;

        font-size: 14px;

    }

    .index-m li{

        height: 248px;

    }

	.m-boxa{ width:100%; height:auto; display:block;}

	.m-boxa img{ width:100%; height:auto; display:block;}

    .m-box h5 {

        font-size: 18px;

        font-weight: lighter;

        margin-bottom: 0px;

    }

	.m-box1{

    width: 200px;

    top: 50px;

    position: absolute; right:1%;}

	.m-box1 h5 {

        font-size: 14px;

        font-weight: lighter;

        margin-bottom: 0px;

    }

	.m-box1 p {

        font-size: 12px;

        font-weight: lighter;

        margin-bottom: 0px;

    }

    .m-box {

        width: 150px;

        top: 15%;

        position: absolute;

        left: 2%;

    }

	.m-box p{

        font-size: 12px;

    }

    .hzkh h1{

        font-size: 18px;

    }

    .hzkh li{

        width: 33%;

    }

    .b-nav {

        width: 100%;

        text-align: center;

    }

    .b-nav-2{

        width: 100%;

    }

    .b-nav-2l{

        width: 100%;

        text-align: center;

    }

    .b-nav-2r{

        width: 100%;

        text-align: center;

    }

    .b-nav-2r ul{

        display: inline-block;

    }

    .b-nav-2r li {

        float: left;

        padding: 15px 2%;

    }

    .db2{ display:none;}

	.db3{ margin-top:20px; line-height:20px; padding-top:10px;}

		

.button{



    width: 180px;



}

.hdpac{width:100%; height:auto; background: no-repeat center;position:relative;float:left; margin-bottom:40px; display:block;}

.hdpa{ display:none;}

.navbar-brand1{ width:40%; height:auto; float:left;}

.navbar-brand1 img{ width:100%; height:auto; display:block;}

.navbar-brand2{ height:auto; float:left; font-size:14px; color:#666666; line-height:50px;}



.index-m li{

    background-repeat: no-repeat;

    height:auto;

    position: relative;

    margin-bottom: 20px;

}



.index-mli{

    background:none;

}

.index-mli1{

    background:none;

}

.index-mli2{

    background:none;

}

.index-mli3{

    background:none;

}

}