*{margin: 0;padding: 0;}
h1,h2,h3,h4,h5{margin: 0;padding: 0;}
a{text-decoration: none !important;}
.wrap{max-width:1200px !important; margin:0 auto;}
.no-margin {margin: 0 !important;}
.clear{clear: both;}
.none{display: none;}
.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}
.imgAuto{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.wCenter{height: 100%;display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.overflowHidden{overflow: hidden;}

header{width: 100%; font-family: "microsoft yahei"; position: relative;}

header .head{width: 100%;height:130px; position:relative; /*padding: 20px 0;*/}
header .head .logo{width: 460px; line-height: 130px;float: left;overflow: hidden;}
header .head .logo img{width: 100%; line-height: 140px;}
header .head .icon-menu{width: 35px; line-height: 120px;overflow: hidden;cursor: pointer;}
header .head .icon-menu img{width: 100%; transition: all 0.3s; overflow: hidden;}
header .head .icon-menu:hover img{opacity: 0.6;}
header .hNav{width:100%;height: 50px; background-color: #d48a24;}
/*header .hNavAbs{position: absolute; bottom: -50px; z-index:20;}*/
/*header .hNavFix{position: fixed; top:0; z-index:20;}*/
header .hNav nav{}
header .hNav nav>ul>li{width:12.5%;height: 50px; transition: all 0.3s;position: relative;}
header .hNav nav>ul>li>a{display:flex; display: -webkit-flex;justify-content: center; -webkit-justify-content:center; align-items: center; -webkit-align-items: center; flex-direction: column;-webkit-flex-direction: column;color: #fff;width: 100%; height: 100%;}
header .hNav nav>ul>li>a>h1{font-size: 1.2em; width:100%;height: 25px; line-height: 25px; border-left: 1px solid #e6be95; border-right: 1px solid #74490f;}
header .hNav nav>ul>li>a>span{font-size: 1em; text-transform: uppercase; display: block;}
header .hNav nav>ul>li:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.5); background-color: #b56f10;}
header .hNav nav>ul>li:hover a{color: #fff;}
header .hNav nav>ul>li>ul{ display:none; position:absolute; left:0; z-index:99999; width:100%; top:50px;}
header .hNav nav li ul li{ padding:0; width:100%;height:50px; background-color: rgba(255,255,255,0.8); transition:all 0.3s; overflow: hidden;}
header .hNav nav li ul li a{line-height:50px; color:#333 !important;transition:all 0.3s; display: block;}
header .hNav nav li ul li:hover{background-color: #b56f10;}
header .hNav nav li ul li:hover a{color: #fff!important;}
header .hNav nav>ul>li:hover ul{ display:block;}
header .hNav .active{box-shadow: 0 0 5px rgba(0,0,0,0.5); text-shadow: 0 0 2px rgba(0,0,0,0.5); background-color: #b56f10;}
header .hNav .active a{color: #fff;}

header .head .right{overflow: hidden;}
header .head .right .phone{float: right; background: url("../images/head_phone.png") no-repeat left center; padding-left: 60px; margin-top: 40px;}
header .head .right .phone .number{font-size: 1.4em; color: #d48a24; font-weight: bold; }
header .head .right .idea{overflow: hidden; float: right; margin-top: 55px;}
header .head .right .idea .text{text-align: left; font-size: 1.4em; font-weight: bold; color: #000;}
header .head .right .line{width: 3px; height: 100px; background-color: #d48a24; margin: 20px 20px; float: left;}


.sbsb{ margin-top:20px;}
.sbsb img{ max-width:100%; height:auto;}

/*banner*/
.bannerbox{width:100%; height:600px; transition:all 1s;}
#banner{ height:600px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:600px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:600px;transition:all 1s;}
#banner div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
#banner div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;display:block;text-indent:-1000px}
#banner div.flicking_con a.on{background-position:0 -21px}
#banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:33px!important;height:27px!important;top:50%;margin-top:-30px;display:none; transition:all 0.5s;}
#banner #btn_prev{background:url(../images/main_btn_arrow_lr.png) no-repeat left bottom;left:20px;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
#banner #btn_next{background:url(../images/main_btn_arrow_lr.png) no-repeat left top;right:20px;}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}

.main{font-family: "microsoft yahei";}
.main .mTitle{text-align: center; overflow: hidden; padding: 20px 0;}
.main .mTitle h1{font-size: 2.2em; font-weight: bold; color: #d48a24;margin-bottom: 5px;}
.main .mTitle small{font-size: 1.2em; text-transform: uppercase; color: #848484;}
.main .mTitle .line{width: 50px; height: 5px; background-color: #d48a24; margin: 5px auto;}


.main .content{padding: 20px 0;}

/*product*/
.main .product .productUl{text-align: center; padding: 10px 0; overflow: hidden;}
.main .product .productUl li{display: inline-block; padding: 5px 10px; background-color: #e7e7e6; margin: 0 10px; transition: all 0.3s; border-radius: 5px;}
.main .product .productUl li a{color: #333; display: block;}
.main .product .productUl li:hover{background-color: #d48a24;}
.main .product .productUl li:hover a{color: #fff;}
.main .product .productUl .active{background-color: #d48a24;}
.main .product .productUl .active a{color: #fff;}

.main .pItem{transition: all 0.3s;}
.main .pItem .imgBox{width: 100%; height: 230px; border: 1px solid #e7e7e6; transition: all 0.3s;}
.main .pItem .imgBox .img{width: 100%; height: 100%; transition: all 0.3s;}
.main .pItem .text{width: 100%; height: 40px; line-height: 40px;text-align: center; color: #333; background-color: #e7e7e6; transition: all 0.3s;}
.main .pItem:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.5);}
.main .pItem:hover .imgBox{border-color: #d48a24;}
.main .pItem:hover .text{background-color: #d48a24; color: #fff;}
.main .product .pItem{float: left; width: 23%; margin: 10px 1%;}
.main .product .more{width: 150px; height: 40px;line-height: 40px; text-align: center;border-radius: 5px; background-color: #d48a24; margin: 10px auto;}
.main .product .more a{color: #fff; display: block;}

/*service*/
.main .service{width: 100%; height: 220px; transition: all 0.3s; overflow: hidden; padding: 20px 15px; text-align: center;}
.main .service img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.main .service .text{color: #fff; text-align: center; margin-top: 20px; font-size: 1.6em;}

/*about*/
.main .about .left{float: left; width: 300px; height: 450px;transition: all 0.3s;}
.main .about .left .img{width: 100%; height: 100%;}
.main .about .right{overflow: hidden; padding: 0 20px;}
.main .about .right .text{line-height: 25px; color: #5f5f5f; font-size: 1.1em; height: 238px; overflow: hidden;}
.main .about .right .line{width: 100%; height: 1px; background-color: #5f5f5f; margin: 10px 0;}
.main .about .right .roll{height: 190px;}
.main .about .right .roll .swiper-container{width: 100%; height: 100%;}
.main .about .right .roll .aItem .imgBox{width: 100%; height: 100%; }
.main .about .right .roll .aItem .imgBox .img{width: 100%; height: 100%;}

/*news*/
.main .news .swiper-container{padding: 10px;}
.main .news .nItem{transition: all 0.3s;}
.main .news .nItem .imgBox{width: 100%; height: 180px; overflow: hidden;}
.main .news .nItem .imgBox .img{width: 100%; height: 100%; transition: all 0.3s;}
.main .news .nItem .info{padding: 10px; background-color: #f2f2f2;}
.main .news .nItem .info .title{font-size: 1.2em; color: #333; overflow: hidden;}
.main .news .nItem .line{width: 50px; height: 3px; background-color: #d48a24; margin: 10px 0;}
.main .news .nItem .info .text{color: #747474;line-height: 22px; height: 44px; overflow: hidden;}
.main .news .nItem .info .date{color: #747474;}
.main .news .nItem .info .more{float:right;width: 80px; height:30px; line-height: 30px; text-align: center;background-color: #d48a24; border-radius: 5px; border-bottom:  2px solid #b67113; color: #fff; margin-top: 10px;}
.main .news .nItem:hover{box-shadow: 0 0 10px rgba(0,0,0,0.5)}
.main .news .nItem:hover .imgBox .img{transform: scale(1.1);}

/*case*/
.main .case .swiper-container{padding: 10px;}

/*contact*/
.main .contact .left{width: 500px; float: left; margin-right: 20px; transition: all 0.3s;}
.main .contact .right{overflow: hidden; transition: all 0.3s;}
.main .contact .left .title{font-size: 1.8em; font-weight: bold; color: #585858;}
.main .contact .left .text{color: #9b9b9b;line-height: 22px; margin: 10px 0;}
.main .content .left li{line-height: 30px; color: #9b9b9b; font-size: 1.1em; background: url(../images/contact_icon.png) no-repeat; padding-left: 40px;}
.main .content .left li:nth-child(2){background-position: 2px -40px;}
.main .content .left li:nth-child(3){background-position: 2px -80px;}
.main .content .left li:nth-child(4){background-position: 2px -118px;}
.main .content .left li:nth-child(5){background-position: 2px -160px;}
.main .content .left li:nth-child(6){background-position: 0 -200px;}
.main .contact .notice{padding: 15px; border: 1px solid #9b9b9b; margin-top: 10px;}
.main .contact .right .title{color: #999999; font-size: 1.4em;}
.main .contact .right .title span{padding: 2px 10px; background-color: #999; color: #fff; font-size: 0.8em; border-radius: 5px; display: inline-block;}

.main .contact .right .box label{display: block; margin: 10px 0;}
.main .contact .right .box span{display: block; color: #999;font-size: 16px; font-weight: 500;}
.main .contact .right .box input{width: 100%; outline: none; border: 1px solid #999; background-color: #f1f1f1; height: 40px; padding: 0 10px; margin: 5px 0;}
.main .contact .right .box textarea{width: 100%; resize: none; outline:none;margin-top: 5px; height: 100px; background-color: #f1f1f1; padding: 10px;}
.main .contact .right .box button{width: 100%; height: 40px; line-height: 40px;outline: none; border: 1px solid #999; background-color: #f1f1f1; color: #333;}


footer{width: 100%; height:230px;background-color: #111111; padding: 40px 0; font-family: "microsoft yahei"; transition: all 0.3s; display:none;}
footer .left{float: left;}
footer .right{float: right;}
footer .foot .qr{width: 150px; margin-left:135px; padding-right: 45px; margin-right:45px; border-right: 1px solid #4c4d4c;}
footer .foot .qr img{width: 100%;}
footer .foot .qr .txt{width: 100%;height: 25px;line-height: 25px;background-color: #d48a24;color: #fff;text-align: center;}
footer .foot .link li a{color: #fff; padding-right: 10px;}
footer .foot .link li a:hover{color: #d48a24;}
footer .foot .link li .rightLine{border-right: 2px solid #fff; margin-right: 10px;}
footer .foot .link2{margin-top: 20px;}
footer .foot .link2 li a{color: #fff; margin-right: 10px;}
footer .foot .link2 li a:hover{color: #d48a24;}
footer .foot .info{margin-top: 10px; color: #fff;}
footer .foot .info a{color: #fff;}
footer .foot .info a:hover{color: #d48a24;}


/*page*/
.page{padding: 20px 0;}
.page .left{float: left; width: 22%;}
.page .right{float: right; width: 76%;}
.page .left .title{position: relative;width: 100%; height: 55px; line-height:53px; text-align: center; font-size: 2em; font-weight: bold; border: 1px solid #858585; background-color: #d48a24; color: #fff; cursor: pointer;}
.page .left .title1{margin-top: 10px;}
.page .left .title span{position: absolute; top: 15px; right: 15px;}
.page .left .navMenuUl>ul>li{width: 100%; height: 40px; line-height: 40px; text-align: center; color: #333; background-color: #e7e5e5; margin: 5px 0; transition: all 0.3s;}
.page .left .navMenuUl>ul>li a{display: block; color: #333; transition: all 0.3s;}
.page .left .navMenuUl>ul>li:hover{background-color: #d48a24;}
.page .left .navMenuUl>ul>li:hover a{color: #fff;}
.page .left .navMenuUl>ul>.active{background-color: #d48a24;}
.page .left .navMenuUl>ul>.active a{color: #fff;}
.page .left .navMenuUl>ul>ul>li{width: 100%; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #666; background-color: #f0f0f0;}
.page .left .navMenuUl>ul>ul>li>a{display: block; color: #333;}
.page .left .navMenuUl>ul>ul>li:hover>a{color: #d48a24;}
.page .left .info{background-color:#e7e5e5; padding: 10px; overflow: hidden; margin-top: 10px;}
.page .left .info .img{width: 100%; height: 130px;}
.page .left .infoUl{margin-top: 10px;}
.page .left .infoUl li{line-height: 25px; color: #333;}

.page .pTitle{width: 100%; padding: 10px 0; overflow: hidden; position: relative; height: 50px; border-bottom: 3px double #858585;}
.page .pTitle h1{float: left; color: #d48a24; font-size: 1.6em; font-weight: bold;}
.page .pTitle span{line-height: 50px; position: absolute; top: 0; right: 0;}


/*about.html*/
.page .aboutHtml .text{line-height: 26px; color: #333;}

/*contact.html*/
.page .contactHtml li{line-height: 25px;}
.page .contactHtml .map{width: 100%; margin-top: 20px; height: 350px;}
#map,#dituContent{width: 100%; height: 100%;}

/*message.html*/
.page .messageHtml .box label{display: block; margin: 10px 0;}
.page .messageHtml .box span{display: block; color: #999;font-size: 16px; font-weight: 500;}
.page .messageHtml .box input{width: 500px; outline: none; border: 1px solid #999; background-color: #f1f1f1; height: 40px; padding: 0 10px; margin: 5px 0;}
.page .messageHtml .box textarea{width: 500px; resize: none; outline:none;margin-top: 5px; height: 100px; background-color: #f1f1f1; padding: 10px;}
.page .messageHtml .box button{width: 500px; height: 40px; line-height: 40px;outline: none; border: 1px solid #999; background-color: #f1f1f1; color: #333;}

/*product.html*/
.page .productHtml .pItem{float: left; width: 31.33%; margin: 10px 1%;}

.page .productShowHtml .text{text-align: center; padding: 10px 0; font-size: 1.2em; color: #333;}
.page .productShowHtml .img{width: auto; height: auto; max-width: 90%; max-height: 100%; text-align: center; margin: 10px auto;}
.page .productShowHtml .img img{width: auto; height: auto; max-width: 100%; max-height: 100%; }


/*news.html*/
.page .newsHtml .nItem{width: 100%; height: 130px; margin:10px 0;padding: 10px; transition: all 0.3s; background-color: #f2f2f2; border: 1px solid #ccc;}
.page .newsHtml .imgBox{width: 180px; height: 100%; overflow: hidden; float: left; margin-right: 10px;}
.page .newsHtml .imgBox .img{width: 100%; height: 100%; }
.page .newsHtml .info{overflow: hidden;}
.page .newsHtml .info .title{color: #333; font-size: 1.2em; height: 40px;line-height: 40px; overflow: hidden;}
.page .newsHtml .info .line{width: 50px; height: 3px; background-color: #d48a24;}
.page .newsHtml .info .text{line-height: 22px; height: 66px; margin-top: 5px; color: #333;}
.page .newsHtml .nItem:hover{background-color: #d48a24; border-color: #d48a24;}
.page .newsHtml .nItem:hover .title{color: #fff;}
.page .newsHtml .nItem:hover .line{background-color: #fff;}
.page .newsHtml .nItem:hover .text{color: #fff;}
/*newsShow.html*/
.page .newsShowHtml .tlt{width: 100%; text-align: center;padding: 5px 0; border-bottom: 1px solid #d3d3d3;}
.page .newsShowHtml .tlt .title{font-size: 1.2em; font-weight: bold; color: #333;}
.page .newsShowHtml .tlt .date{color: #d3d3d3; font-size: 1em; margin-top: 10px;}
.page .newsShowHtml .img{width: auto; height: auto; max-width: 100%;max-height: 100%;overflow: hidden; text-align: center; margin: 10px 0;}
.page .newsShowHtml .img img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.page .newsShowHtml .text{line-height: 22px; color: #333;}





@media (max-width:1199px){
    header .headInfo{padding: 0 15px;}
    header .head{padding-left: 15px; padding-right: 15px;}
    .bannerbox{height:320px;}
    #banner{ height:320px;}
    #banner .main_image{ height:320px;}
    #banner .main_image li span{height:320px;}
    header .head .right{width:auto;}

    .main .service .text{font-size: 1.2em;}
    .main .contact{padding: 0 15px;}
    .page{padding: 20px 15px;}










}

@media (max-width: 991px) {
    header .head{height:120px; padding: 0 15px;}
    header .head .logo{width: 80%; line-height: 120px;}
    header .head .logo img{width: 360px;height:auto;}
    /*mobile*/
    header .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:130px;z-index:5; }
    header .sjdnav ul{ padding:0; margin:0;}
    header .sjdnav li{ height:30px;display:block; padding:0; background-color:rgba(212,138,36,0.8); text-align:center; margin-bottom:1px;}
    header .sjdnav li:hover{background-color: #d48a24;}
    header .sjdnav li a{display:block; color:#fff; line-height:30px; }
    header .sjdnavhide{ height:0; overflow:hidden;}

    .bannerbox{height:250px;}
    #banner{ height:250px;}
    #banner .main_image{ height:250px;}
    #banner .main_image li span{ padding:100px 0 0 0;height:250px;}

    .main .service{width: 100%; height: 180px;}

    .main .about .left{width: 200px; height: 420px;}
    .main .about .right .text{line-height: 22px; color: #5f5f5f; font-size: 1em; height: 198px;}

    .main .service .text{font-size: 1em;}

    .main .contact .left{width: 400px;}

    footer .left{float: none;}
    footer .right{float: none;}
    footer{width: 100%; height:auto; padding: 20px 0; text-align: center; display:block;}
    footer .foot .info{ text-align: center; margin: 0 auto;}
	
	.newfooter{ display:none;}
	
	.lwp_nav{padding:0 0.2% !important}

    .page .left{float: none; width: 100%;}
    .page .right{float: none; width: 100%;}
    .page .left .title{text-align: left; padding-left: 15px;}

    .page .messageHtml .box input{width: 100%;}
    .page .messageHtml .box textarea{width: 100%; }
    .page .messageHtml .box button{width: 100%;}





}

@media (max-width:767px){
    body{margin-bottom: 60px;}
    header .head{height:80px;}
    header .head .logo{line-height: 80px;}
    header .head .logo img{width: 300px; }
    header .head .icon-menu{width: 30px; line-height: 80px;}
    /*monile*/
    header .sjdnav{ left:0;top:80px; width:100%; background: #fff;box-shadow:0 2px 5px rgba(245,245,245,0.2);}
    header .sjdnav li{text-align: right;margin-bottom:0;padding:0 3%;height:40px; background: #fff;border-bottom:solid 1px #d48a24; transition: all 0.3s;}
    header .sjdnav li:hover{background: #d48a24;}
    header .sjdnav li a{color:#333;line-height:40px; transition: all 0.3s}
    header .sjdnav li:hover a{color: #f5f5f5;}

    .bannerbox{height:160px;}
    #banner{ height:160px;}
    #banner .main_image{height:160px; }
    #banner .main_image li span{height:160px;}
    #banner #btn_prev, #btn_next{ margin-top:0;}

    .main .service{width: 100%; height: 120px;}

    .main .product .pItem{float: left; width: 48%; margin: 10px 1%;}

    .main .content{padding: 10px 0;}
    .main .mTitle{padding: 15px 0 0 0 ;}
    .main .mTitle h1{font-size: 1.6em;}

    .main .product .productUl li{float: left; width: 48%; margin: 5px 1%;}
    .main .product .pItem .imgBox{ height: 180px;}
    .main .about .right .roll{height: 180px;}

    .main .service .text{font-size: 0.8em;}

    .main .news .nItem .imgBox{height: 150px;}
    .main .case .pItem .imgBox{ height: 150px;}

    .main .contact .left{width: 100%; float: none;}
    .main .contact .right{width: 100%; margin-top: 20px;}

    .page .left .title{font-size: 1.6em;}

    .page .productHtml .pItem .imgBox{height: 160px;}

    .page .newsHtml .nItem{height: 110px; padding: 5px ; overflow: hidden;}
    .page .newsHtml .imgBox{width: 100px;}
    .page .newsHtml .info .title{font-size: 1.1em; height: 25px;line-height: 25px;}
    .page .newsHtml .info .line{display: none;}
    .page .newsHtml .info .text{line-height: 22px; height: 66px;}







}

@media (max-width: 480px) {
    header .head .logo img{width: 230px;}

    .bannerbox{height:100px;}
    #banner{ height:100px;}
    #banner .main_image{ height:100px;}
    #banner .main_image li span{height:100px;}

    .main .service{width: 100%; height: 80px;}

    .main .product .pItem{float: left; width: 48%; margin: 10px 1%;}

    .main .news .nItem .imgBox{height: 130px;}

    .page .productHtml .pItem{width: 48%;}
    .page .productHtml .pItem .imgBox{height: 150px;}




}