*{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;}

.bodyBg{background: url("../images/bg.jpg")}

header{width: 100%; font-family: "microsoft yahei";}
header .head{width: 100%;height:110px; padding:20px 0;position:relative;}
header .head .logo{width: 420px; line-height: 70px;float: left;overflow: hidden;}
header .head .logo img{float:left; width: 100%; line-height: 70px;}.page .navShow li a
header .head .icon-menu{width: 35px; line-height: 80px;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{height: 45px; background-color: #282828;}
header .hNav nav{}
header .hNav nav li{width:14.28%;height: 50px; line-height:50px; transition: all 0.3s;position: relative; margin-top: -5px; border-top-left-radius:6px;border-top-right-radius:6px; }
header .hNav nav li a{display:block;color: #fff;width: 100%;line-height:50px;}
header .hNav nav li:hover{background-color: #5e9d18; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
header .hNav nav li ul{ display:none; position:absolute; left:0; z-index:99999; width:100%;}
header .hNav nav li ul li{ padding:0; width:100%;height:45px; background-color:#282828; transition:all 0.3s; margin-top: 0; border-radius: 0}
header .hNav nav li ul li a{line-height:45px; color:#fff;transition:all 0.3s;}
header .hNav nav li ul li:hover{background-color: #5e9d18;}
header .hNav nav li:hover ul{ display:block;}
header .hNav .active{background-color: #5e9d18; box-shadow: 0 0 5px rgba(0,0,0,0.3); text-shadow: 0 0 2px rgba(0,0,0,0.5);}


header .head .phone{float: right; font-size: 32px; color: #5e9d18; line-height: 70px; background: url("../images/head_phone.png") no-repeat center left; background-size:auto 45px; font-weight: bold; padding-left: 50px;}

/*banner*/
.bannerbox{width:100%; height:500px; transition:all 1s;}
#banner{ height:500px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:500px;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:500px;transition:all 1s;}
#banner .main_image li .img_1{background:url(../images/ban1.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_2{background:url(../images/ban2.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_3{background:url(../images/ban3.jpg) 50% 50%; background-size:cover;}
#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:29px!important;height:29px!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{width: 100%; height: 148px; margin:20px 0;padding:30px 0;overflow: hidden; text-align: center; background: url("../images/class_line.png") no-repeat center center; background-size: auto 100%;color: #5e9d18;}
.main .mTitle small{text-transform: uppercase; font-family: "Agency FB"; font-size: 2.3em; font-weight: bold; line-height: 40px; text-shadow: 2px 2px 5px rgba(105,164,50,0.6);}
.main .mTitle h1{font-size: 1.3em; font-weight: bold; margin-left: 70px;}
.main .mTitleW{background: url("../images/about_line.png") no-repeat center center; color: #fff;}

/*service*/
.main .service{width: 100%;overflow: hidden;}
.main .service .content{width: 100%; overflow: hidden; padding:20px 0;}
.main .service .sItem{overflow: hidden; position: relative; transition: all 0.3s; box-shadow: 0 2px 15px rgba(0,0,0,0.3)}
.main .service .sItem:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.8)}
.main .service .sItem:hover .img{transform: scale(1.2);}
.main .service .sItem:hover .title{background-color: rgba(105,164,50,0.6); height: 70px; line-height: 70px; text-shadow: 2px 2px 5px rgba(0,0,0,0.6);}
.main .service .content .img{width: 100%; height: 100%; background-size: cover; transition: all 0.3s;}
.main .service .content .title{width: 100%;position: absolute; height: 50px; line-height:50px;background-color: rgba(0,0,0,0.5); color: #fff;bottom: 0; text-align: center; font-size: 1.2em; transition: all 0.3s;}
.main .service .content .left{width: 23.75%; height: 480px; float: left; margin-right: 1.66%;}
.main .service .content .right{width: 23.75%; height: 480px; float: right ;}
.main .service .content .right .top{width: 100%; height: 230px;}
.main .service .content .right .bottom{width: 100%; height: 230px; margin-top: 20px;}
.main .service .content .middle{width: 49.16%; height: 480px; float: left;}
.main .service .content .middle .left{width: 48.3%; height: 230px;float: left;}
.main .service .content .middle .right{width: 48.3%; height: 230px;float: right;}
.main .service .content .middle .bottom{width: 100%; height: 230px; margin-top: 20px;}



/*about*/
.main .about{width: 100%; background: url("../images/about_bg2.jpg") no-repeat center center; background-size: cover;padding: 20px 0; position: relative; overflow: hidden; transition: all 0.3s;}
.main .about .bg2{width: 100%; height:100%;background: url("../images/about_bg1.png") no-repeat center left;background-size: auto 100%;position: absolute; margin-top: -20px; z-index: 0; transition: all 0.3s;}
.main .about .wrap{position: relative; z-index: 10;}
.main .about .content{padding:20px 0; overflow: hidden; width: 100%;}
.main .about .content .left{float: left; width: 50%;}
.main .about .content .right{ float: right; width: 50%; padding-left:20px; color: #fff;}
.main .about .content .left .img{width: auto; max-width: 100%; height: 350px; box-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.main .about .content .left .img img{width: auto; max-width: 100%; height: auto; max-height: 100%;}
.main .about .content .right .title{line-height: 30px; font-size: 1.5em;}
.main .about .content .right .text{margin-top: 30px; line-height: 30px; font-size: 1.1em; opacity: 0.8;}
.main .about .content .more{width: 140px; height: 40px; line-height:40px; padding-left: 15px;background: url("../images/more.png") no-repeat center center; background-size: cover; border-radius: 10px; margin-top: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
.main .about .content .more a{display: block; color: #666; transition: all 0.3s;}
.main .about .content .more:hover a{color: #5e9d18;}


/*project*/
.main .project{width: 100%; overflow: hidden; background: url("../images/case_bg.jpg") no-repeat center center; background-size: cover; padding: 20px 0;}
.main .project .content{width: 100%; overflow: hidden; padding: 20px 0;}
.main .project .content .text{font-size: 1.1em; line-height: 30px;  color: #fff; opacity: 0.9;}
.main .project .content .show{padding: 40px 0;}
.main .project .content .show .stand{text-align: center;}
.main .project .content .show .stand .pItem{width:150px; height:150px; margin: 0 30px;display: inline-block; overflow: hidden; transform: rotate(45deg); position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.5); transition: all 0.3s; }
.main .project .content .show .stand .pItem .img{width: 213px; height: 213px;transform: rotate(-45deg); position: absolute;margin-top: -30px; margin-left: -30px; transition: 0.3s;}
.main .project .content .show .stand2{margin-top: -40px;}
.main .project .content .show .stand .pItem:hover{transform: scale(1.4);z-index: 999;}
.main .project .content .show .stand .pItem:hover .img{transform: rotate(0deg)}
.main .project .content .more{width: 140px; height: 40px; line-height:40px; margin: 10px auto;padding-left: 15px;background: url("../images/more.png") no-repeat center center; background-size: cover; border-radius: 10px;  box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
.main .project .content .more a{display: block; color: #666; transition: all 0.3s;}
.main .project .content .more:hover a{color: #5e9d18;}
.inlineBlock{display: inline;}


/*news*/
.main .news .content{width: 100%; padding: 20px 0; overflow: hidden;}
.main .news .content .nItem{width: 48%; margin: 10px 1%; overflow: hidden;float: left; transition: all 0.3s;}
.main .news .content .nItem .left{float: left; width: 31%; height: 130px; overflow: hidden; margin-right: 15px;}
.main .news .content .nItem .left .img{width: 100%; height: 100%;}
.main .news .content .nItem .right{padding-right: 10px;}
.main .news .content .nItem .title{font-size: 1.2em; line-height:30px;position: relative; color: #5e9d18; font-weight: bold;}
.main .news .content .nItem .title span{font-size: 0.8em; line-height:30px; font-weight: 500; color: #666; position: absolute;right: 0;}
.main .news .content .nItem .text{position: relative;margin-top: 15px; line-height: 23px; height: 69px;overflow: hidden; color: #333;}
.main .news .content .nItem .text span{position: absolute; right: 0; color: #5e9d18;}
.main .news .content .nItem:hover{background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.3);}

/*contact*/
.main .contact .contactLine{height: 5px; width: 100%; background-color: #5e9d18;}
.main .contact .content{width: 100%; height: 200px; padding: 15px; position: relative;}
.main .contact .content .info{overflow: hidden; width: 50%;}
.main .contact .content .left{float: left; width: 38%;text-align: center; overflow: hidden;}
.main .contact .content .left .qr{width: 140px; margin: 0 auto;background-color: #fff; padding: 5px;}
.main .contact .content .left .qr img{ width: 100%;}
.main .contact .content .left .qr .name{text-align: center; margin-top: 10px;}
.main .contact .content .text{float: right; width: 62%;text-align: left; margin-top: 20px;}
.main .contact .content .text li{line-height: 25px;}

.main .contact .content .map{position: absolute;width: 50%; height: 320px; top: -5px;right:0; border:5px solid #5e9d18; background-color: #fff;z-index: 20;}
#map,#dituContent{width: 100%; height: 100%;}


/*footer*/
footer{font-family: "microsoft yahei";}
footer .link{background-color: #282828; width: 100%; height: 80px; line-height: 80px; overflow: hidden;}
footer .link ul{width: 50%; text-align: center;}
footer .link li{display: inline-block; color: #fff;}
footer .link li a{padding: 0 6px; color: #fff; transition: all 0.3s;}
footer .link li a:hover{color: #5e9d18;}
footer .copyright{height: 40px; overflow: hidden;}
footer .copyright .text{width: 50%;line-height: 40px; text-align: center;}
footer .copyright .text a{color: #000; transition: all 0.3s;}
footer .copyright .text a:hover{color: #5e9d18;}


footer .foot{width: 100%; padding: 10px; line-height: 30px; overflow: hidden; background-color: #282828;}
footer .foot .left{float: left;}
footer .foot .left li{display: inline-block; color: #fff;}
footer .foot .left li a{color: #fff; padding: 0 6px;}
footer .foot .left li a:hover{color: #5e9d18;}
footer .foot .right{float: right; color: #fff;}
footer .foot .right .text a{color: #fff; transition: all 0.3s;}
footer .foot .right .text a:hover{color: #5e9d18;}


/*page navMenu*/
.page .navMenu{width: 100%; overflow: hidden; border: 1px solid #aaa; margin-top: 10px;}
.page .navMenu .tlt{width: 100%; height:40px; color: #000;cursor: pointer; transition: all 0.3s; text-align: center; margin-left: -20px;}
.page .navMenu .tlt h1{ display:block;font-size: 1.1em; line-height: 40px; color: #000; transition: all 0.3s; position:relative;}
.page .navMenu .tlt h1 span{width: 23px; height: 23px; margin-top: 10px; position: absolute; right:30px;background: url("../images/nav_icon.png")no-repeat center center; transition: all 0.3s;}
.page .navMenu .tlt:hover{}
.page .navMenu .tlt:hover h1{color: #5e9d18;}
.page .navMenu .tlt:hover h1 span{background-image: url("../images/nav_icon_h.png"); right: 25px;}
.page .navMenu .active{}
.page .navMenu .active h1{color: #5e9d18;}
.page .navMenu .active h1 span{background-image: url("../images/nav_icon_h.png"); right: 25px;}
.page ul{padding:0;margin:auto;}
.page .navShow li{width:100%;height:40px; text-align: center; border-bottom:1px solid #aaa; transition: all 0.3s;}
.page .navShow li:hover{background-color: #5e9d18;}
.page .navShow li a{display:block; color:#000;line-height:40px; transition: all 0.3s }
.page .navShow li:hover a{color: #fff;}
.page .navHide{height:0; overflow:hidden;}

.page .navMenu2{overflow: hidden; padding-top: 10px;}
.page .navMenu2 .tlt{width:100%;line-height: 50px; padding:0 15px; background-color: #5e9d18; color:#fff;font-weight: bold; font-size: 16px; position: relative; cursor: pointer;}
.page .navMenu2 .tlt span{position: absolute;right:25px;line-height: 50px;}
.page .navMenu2 .sjdnav2{height:auto; position:absolute; left: 0;z-index:5;width:100%; background:#f5f5f5;box-shadow:0 2px 5px rgba(245,245,245,0.2);}
.page .navMenu2 .sjdnav2 ul{padding:0;margin:auto; background-color: #fff;}
.page .navMenu2 .sjdnav2 li{width:100%;height:40px; text-align: center;background:#fff; border-bottom:2px solid #5e9d18; transition: all 0.3s;}
.page .navMenu2 .sjdnav2 li:hover{color: #fff; background: #5e9d18;}
.page .navMenu2 .sjdnav2 li a{display:block; color:#000;line-height:40px; transition: all 0.3s }
.page .navMenu2 .sjdnav2 li:hover a{color: #fff;}
.page .navMenu2 .sjdnavhide2{ height:0; overflow:hidden;}

.page .left{float: left; width: 20%; overflow: hidden;}
.page .right{float: right; width: 78%; overflow: hidden;}
.page .pTitle{width: 100%; height: 150px; background: url("../images/page_title_line.png") no-repeat center center; background-size: cover; color: #fff; padding-top: 40px; padding-left: 60px;}
.page .pTitle small{text-transform: uppercase; font-family: "Agency FB"; font-size: 2.3em; font-weight: bold; line-height: 40px; text-shadow: 2px 2px 5px rgba(105,164,50,0.6);}
.page .pTitle h1{font-size: 1.6em;}

.page .pTitle2{width: 100%; border-bottom: 1px solid #5e9d18; margin-top: 10px; position: relative;}
.page .pTitle2 .title{padding:10px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #5e9d18; width: 190px; text-align: center; color: #fff;}
.page .pTitle2 .back{position: absolute; right: 15px;top:10px;}
.page .pTitle2 .back a{color: #666;}

.page .navContact .title{width: 100%; height: 50px; line-height:50px; padding-left:80px;background-color: #5e9d18; color: #fff; font-size: 1.6em; position: relative; margin-top: 10px;}
.page .navContact .title span{width:27px; height: 27px;background: url("../images/nav_title_phone.png") no-repeat center center;position: absolute; top: 13px; margin-left: -30px;}
.page .navContact .info{border: 1px solid #aaa; margin-top: 10px; padding: 10px;}
.page .navContact .info li{line-height: 25px;}
.page .navContact .info .phone{text-align: center; background: url("../images/nav_phone.png") no-repeat 5px 0; padding-left: 20px; margin:5px 0;font-size: 1.8em; color: #5e9d18;}
.page .navContact .info .qr{text-align: center; width: 100%; padding:10px; overflow: hidden; background-color: #fff; margin-top: 10px;}
.page .navContact .info .qr img{width: 100%;}
.page .navContact .info .qr .name{margin-top: 10px;}

.page .content{padding: 20px;}

/*about.html*/
.page .content .aboutHtml .text{line-height: 25px; color: #666;}

/*contact.html*/
.page .content .contactHtml li{line-height: 25px; color: #666;}
.page .content .contactHtml .map{width: 100%; height: 350px; overflow: hidden; margin-top: 20px;}


/*case.html*/
.page .content .caseHtml .cItem{ float:left;width: 31.33%; height: 230px;margin:10px 1%;overflow: hidden; position: relative; transition: all 0.3s; box-shadow: 0 2px 15px rgba(0,0,0,0.3)}
.page .content .caseHtml .cItem:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.8)}
.page .content .caseHtml .cItem:hover .img{transform: scale(1.2);}
.page .content .caseHtml .cItem:hover .title{background-color: rgba(105,164,50,0.6); height: 70px; line-height: 70px; text-shadow: 2px 2px 5px rgba(0,0,0,0.6);}
.page .content .caseHtml .cItem .img{width: 100%; height: 100%; background-size: cover; transition: all 0.3s;}
.page .content .caseHtml .cItem .title{width: 100%;position: absolute; height: 50px; line-height:50px;background-color: rgba(0,0,0,0.5); color: #fff;bottom: 0; text-align: center; font-size: 1.2em; transition: all 0.3s;}


.page .content .caseShowHtml .img{width: auto; max-width: 80%; height: auto; max-height: 100%; margin: 0 auto; text-align: center; overflow: hidden;}
.page .content .caseShowHtml .img img{width: auto; max-width: 100%; height: auto; max-height: 100%;}
.page .content .caseShowHtml .title{font-size: 1.2em; text-align: center;  margin-top: 10px; font-weight: bold;}
.page .content .caseShowHtml .text{line-height: 25px; color: #666;}
.page .content .caseShowHtml .text img{ width:98%; height:auto; display:block; margin:0.5%;}
.page .content .caseShowHtml .text p img{ width:98%; height:auto; display:block; margin:0.5%;}


/*news.html*/
.page .content .newsHtml .nItem{width: 98%; margin: 10px 1%; overflow: hidden; transition: all 0.3s;}
.page .content .newsHtml .nItem .left{float: left; width: 31%; height: 150px; overflow: hidden; margin-right: 1%;}
.page .content .newsHtml .nItem .left .img{width: 100%; height: 100%;}
.page .content .newsHtml .nItem .right{float: right; width:68%;padding-right: 10px;}
.page .content .newsHtml .nItem .title{font-size: 1.2em; line-height:30px;position: relative; color: #5e9d18; font-weight: bold;}
.page .content .newsHtml .nItem .title span{font-size: 0.8em; line-height:30px; font-weight: 500; color: #666; position: absolute;right: 0;}
.page .content .newsHtml .nItem .text{position: relative;margin-top: 15px; line-height: 23px; height: 92px;overflow: hidden; color: #333;}
.page .content .newsHtml .nItem .text span{position: absolute; right: 0; color: #5e9d18;}
.page .content .newsHtml .nItem:hover{background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.3);}


/*case*/
.main .case .content{width: 100%; overflow: hidden; padding:20px;}
.main .case .content .left{float: left; width: 73%; height: 500px; transition: all 0.3s;}
.main .case .content .right{float: right; width: 23%; height: 500px; transition: all 0.3s;}
.main .case .content .swiper-container{width: 100%; height: 100%;}







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

    .main .project .content .text{padding: 0 15px;}

    footer .link li{font-size: 0.9em;}
    footer .link li a{padding: 0 2px; color: #fff; transition: all 0.3s;}

    footer .foot .left{float: none; width: 100%; text-align: center;}
    footer .foot .right{float: none; width: 100%; text-align: center;}

    .page .pTitle{padding-left: 50px;}
    .page .navContact .title{padding-left:70px;}

    .main .case .content .left{height: 400px;}
    .main .case .content .right{height: 400px;}

.page .content .caseShowHtml .text img{ width:98%; height:auto; display:block; margin:0.5%;}
.page .content .caseShowHtml .text p img{ width:98%; height:auto; display:block; margin:0.5%;}


}

@media (max-width: 991px) {
    header .head{height:100px;padding:10px 20px;}
    header .head .logo{width: 80%;}
    header .head .logo img{width: 320px;height:auto; margin-top: 20px;}
    /*mobile*/
    header .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:110px;z-index:5; }
    header .sjdnav ul{ padding:0; margin:0;}
    header .sjdnav li{ height:30px;display:block; padding:0; background-color:rgba(105,164,50,0.8); text-align:center; margin-bottom:1px;}
    header .sjdnav li:hover{opacity: 0.8;}
    header .sjdnav li a{display:block; color:#fff; line-height:30px; }
    header .sjdnavhide{ height:0; overflow:hidden;}

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

    .main .project .content .show .stand .pItem{transform: rotate(0deg); margin: 0;}
    .main .project .content .show .stand .pItem .img{transform: rotate(0deg);}
    .main .project .content .show .stand2{margin-top: 0;}


    .main .contact .content{height: auto;}
    .main .contact .content .info{overflow: hidden; width: 100%;}
    .main .contact .content .map{position: relative; width: 100%; margin-top: 20px; }
    footer .link ul{width: 100%; text-align: center;}
    footer .copyright .text{width: 100%;}

    .main .contact .content .left{width: 50%;}
    .main .contact .content .text{width: 50%;}


    .page .left{width: 100%; float: none;}
    .page .right{width: 100%; float: none;}

    .main .case .content .left{height: 300px;}
    .main .case .content .right{height: 300px;}

.page .content .caseShowHtml .text img{ width:98%; height:auto; display:block; margin:0.5%;}
.page .content .caseShowHtml .text p img{ width:98%; height:auto; display:block; margin:0.5%;}


}

@media (max-width:767px){
    body{margin-bottom: 76px;}
    header .head{height:80px;padding: 5px 10px;}
    header .head .logo img{width: 280px; line-height: 70px; margin-top: 15px;}
    header .head .icon-menu{width: 30px; line-height: 70px;}
    /*monile*/
    header .sjdnav{ left:0;top:80px; width:100%; background: url("../images/bg.jpg");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 #5e9d18; transition: all 0.3s;}
    header .sjdnav li:hover{color: #f5f5f5; background: #5e9d18;}
    header .sjdnav li a{color:#333;line-height:40px; transition: all 0.3s}
    header .sjdnav li:hover a{color: #f5f5f5;}

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

    .main .service .content .left{width: 48.3%; margin-right: 1.66%; height: 420px;}
    .main .service .content .right{width: 48.3%; height: 420px;}
    .main .service .content .middle{width: 100%; height: 420px; margin-top: 20px;}
    .main .service .content .right .top{height: 200px;}
    .main .service .content .right .bottom{height: 200px;}
    .main .service .content .middle .left{height: 200px;}
    .main .service .content .middle .right{height: 200px;}
    .main .service .content .middle .bottom{height: 200px;}

    .main .about .content .left{float: none; width: 100%; }
    .main .about .content .left .img{ height: 200px;}
    .main .about .content .right{float: none; width: 100%; padding: 15px;}
    .main .about .content .right .title{ font-size: 1.2em;}
    .main .about .content .right .text{margin-top: 15px;font-size: 1em; line-height: 25px;}

    .inlineBlock{display: block;}
    .main .project .content .text{font-size: 1em; line-height: 25px;}

    .main .news .content .nItem{width: 98%;}

    .page .content .caseHtml .cItem{width: 48%; height: 200px;}
    .page .content .caseHtml .cItem .title{height: 40px; line-height:40px;font-size: 1em;}

    .page .content .caseShowHtml .img{max-width: 100%;}

    .main .case .content .left{float: none; width: 100%; height: 200px;}

.page .content .caseShowHtml .text img{ width:98%; height:auto; display:block; margin:0.5%;}
.page .content .caseShowHtml .text p img{ width:98%; height:auto; display:block; margin:0.5%;}

}

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

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

    .page .content .caseHtml .cItem{width: 48%; height: 160px;}
.page .content .caseShowHtml .text img{ width:98%; height:auto; display:block; margin:0.5%;}
.page .content .caseShowHtml .text p img{ width:98%; height:auto; display:block; margin:0.5%;}

}

/*��ҳ��ʽ*/
div.page1 {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; float:right;}
div.page1 a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #5E9D18; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page1 a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page1 a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page1 span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #5E9D18; margin-right: 3px; padding-top: 2px;}
div.page1 span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}