@charset "utf-8";



/*

    header

*/



#header {

    background: url(../images/headbg.png) repeat-x;

    padding:30px 0 20px;

}

.r-nav{

    text-align: center;

    margin:20px auto;

}

.r-nav a{

    display: inline-block;

    margin:0 10px;

    font-size: 16px;

    font-weight: bold;

    color: #fff;

}

.wrap-h {

    width: 1200px;

    margin: 0 auto;

    position: relative;

}

.wrap-h > img{

    position: absolute;

    left: -360px;

    top: -30px;

}

.logo{

    position: relative;

    width: 49%;

    float: left;

}

.h-r{

    float: right;

    width: 26%;

}

.tel{

    background: url(../images/telbg.jpg) no-repeat;

    color: #7e7e7e;

    font-size: 18px;

    font-weight: bold;

    height:33px;

    line-height: 33px;

    text-align: right;

    padding-right: 10px;

}

.tel > img{

    display: inline-block;

}

.lang{

    background: url(../images/langbg.jpg) no-repeat;

    padding: 7px 0;

    margin-top: 10px;

    float: right;

    width: 40%;

}

.lang img{

    float: left;

    margin-left: 13px;

}

/*

    wrap

*/

#wrap{width:1200px; margin: 15px auto;}

.w-left{

    float: left;

    width: 19.7%;

}

.w-right{

    width: 79.2%;

    float: right;

    overflow: hidden;

}

#nav {

    position: relative;

}

#nav img{

    position: absolute;

    z-index: 99;

    left: 30px;

}

#nav img.image1{

    top: 10px;

}

#nav img.image2{

    top: 57px;

}

#nav img.image3{

    top: 104px;

}

#nav img.image4{

    top: 145px;

}

#nav img.image5{

    top: 190px;

}

#nav img.image6{

    top: 240px;

}

#nav ul li {

    text-align: left;

    position: relative;

    line-height: 44px;

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

    margin-bottom:1px;

    overflow: hidden;

}

#nav ul li.curr,#nav ul li:hover{

    background: #11974c;

    border-radius: 5px;

}



#nav ul li img {

    position: absolute;

    top:13px;

    left: 30px;  

}



#nav ul li a {

    color: #fff;

    font-size: 15px;

    position: relative;

    font-weight: bold;

    display: block;

    width: 65%;

    padding-left: 34%;

}



#menu {

    display: none;

    text-align: right;

    margin-top: -.5em;

}



#menu a {

    color: #ffffff;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    background-color: #ededed;

    background-repeat: repeat-x;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);

    border-left-color: #e5e5e5;

    border-right-color: #e5e5e5;

    border-top-color: #e5e5e5;

    border-bottom-color: #bfbfbf;

    color: #fff;

    width: 50px;

    text-shadow: none;

    margin: 0 auto 0;

    display: inline-block;

    border: 0;

    text-transform: none;

    background: #0e4562 !important;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    padding: 1% 0;

}



#menu a:hover {

    background: #000 !important;

}



.bar {

    display: block;

    width: 55%;

    height: 2px;

    margin: 10% auto;

    background-color: #f5f5f5;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    border-radius: 1px;

}



#close_menu {

    display: none;

}





/*

    banner

*/



.hiSlider {

    overflow: hidden;

    height: auto;

    width: 100%;

    background: #eee;

}



.hiSlider-item {

    float: left;

}



.hiSlider-item img {

    width: 100%;

}



.phone_banner {

    display: none;

}



.repeatbg {

    background: url(../images/01.png) repeat-x;

    height: 35px;

    position: relative;

    margin-top: -5px;

}



.index-c{

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

}

.index-c .index-c-l{

    float: left;

    width: 61%;

}

.index-c .index-c-l > img{

    padding: 5px;

    float: left;

    width: 19.4%;

    margin-right: 20px;

}

.index-c .index-c-l >div{

    float: left;

    width: 75%;

    margin-top: 5px;

    font-family: arial;

    font-size: 24px;

    color: #fff;

}

.index-c .index-c-l >div img{

    display: inline-block; 

}

.index-c .index-c-l >div p{

    font-size: 13px;

    color: #fff;

    margin-top: 5px;

}

.index-c .index-c-l >div p a{

    color: #ffcd00;

}

.index-c-r{

    float: right;

    width: 27.6%;

    margin-top: 7px;

    margin-right: 5px;

}

.index-c-r a:first-child{

    margin-right: 5px;

    display: block;

}

.index-c-r img{

    float: right;

    margin-bottom: 3px;

}

/*

    日历

*/

.calendar {

  width: 100%;

  border-radius: 4px;

  overflow: hidden;

  margin-top: 10px;

}

.calendar tr td:nth-of-type(2n+1){

    background: url(../images/1.jpg) no-repeat;

}

.calendar tr td:nth-of-type(2n){

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

}

.calendar tr td:first-child a{

    color: #ffb81d;

}

.calendar tr td:last-child a{

    color: #ffb81d;

}

.ui-datepicker-header {

  height: 50px;

  line-height: 50px;

  color: #b0aead;

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

}

.ui-datepicker-prev,

.ui-datepicker-next {

  width: 20px;

  height: 20px;

  text-indent: 9999px;

  border: 2px solid #b0aead;

  border-radius: 100%;

  cursor: pointer;

  overflow: hidden;

  margin-top: 12px;

}

.ui-datepicker-prev {

  float: left;

  margin-left: 12px;

}

.ui-datepicker-prev:after {

  transform: rotate(45deg);

  margin: -43px 0px 0px 8px;

}

.ui-datepicker-next {

  float: right;

  margin-right: 12px;

}

.ui-datepicker-next:after {

  transform: rotate(-135deg);

  margin: -43px 0px 0px 6px;

}

.ui-datepicker-prev:after,

.ui-datepicker-next:after {

  content: '';

  position: absolute;

  display: block;

  width: 4px;

  height: 4px;

  border-left: 2px solid #b0aead;

  border-bottom: 2px solid #b0aead;

}

.ui-datepicker-prev:hover,

.ui-datepicker-next:hover,

.ui-datepicker-prev:hover:after,

.ui-datepicker-next:hover:after {

  border-color: #5ed1cc;

}

.ui-datepicker-title {

  text-align: center;

}

.ui-datepicker-calendar {

  width: 100%;

  text-align: center;

}

.ui-datepicker-calendar td{

    width: 31px;

    height: 32px;

}

.ui-datepicker-calendar thead tr th span {

  display: block;

  width: 29px;

  color: #999999;

  font-size: 12px;

  font-family: arial;

  font-weight: bold;

}

.ui-state-default {

  display: block;

  text-decoration: none;

  color: #b5b5b5;

  line-height: 33px;

  font-size: 12px;

}

.ui-state-default:hover {

  background: rgba(0,0,0,0.02);

}

.ui-state-highlight {

  color: #8dd391;

}

.ui-state-active {

  color: #fff;

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

}

.ui-datepicker-unselectable .ui-state-default {

  color: #eee;

  border: 2px solid transparent;

}

.index-p{

    width: 970px;

    margin-top: 15px;

}

.index-p li{

    position: relative;

    float: left;

    margin-right: 18px;

    width: 31.34%;

}

.index-p li p{

    position: absolute;

    top: 0;

    left: 0;

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

    line-height: 33px;

    padding-left: 20px;

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    width: 194px;

}

.index-a div{

    position: relative;

    width: 49.14%;

    float: left;

}

.index-a div.index-a-r{

    float: right;

}

.index-a a{

    float: right;

    margin-right: 23px;

    font-size: 10px;

    font-family: arial;

    color:#0dd874;

}

.index-a{

    margin-top: 15px;

}

.index-a p{

    font-size: 13px;

    color: #fff;

    line-height: 23px;

    width: 94%;

    margin: 15px auto 0;

    max-height: 69px;

    overflow: hidden;

}

.index-a p.p1{

    position: absolute;

    top: 0;

    left: 0;

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

    line-height: 33px;

    padding-left: 20px;

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    width: 194px;

    margin: 0;

    text-align: left;

}

/*

    内页

*/

#side-title{

    width: 100%;

    border-top: 1px solid #666666;

    border-bottom: 1px solid #666666;

}

.side-title{

    width: 95%;

    margin: 0 auto;

    color: #fff;

    padding:8px 0 8px 5px;

    border-bottom: 1px solid #666666;

}

.side-title img{

    display: inline-block;

    margin:0 15px;

}

#side-title h1{

    color: #fff;

    font-size: 16px;

    width: 95%;

    margin: 0 auto;

    padding:8px 0;

}

#side-title h1 img{

    display: inline-block;

    margin:0 10px 0 5px;



}

.w-right .p1{

    text-align: right;

    color: rgba(255,255,255,0.4);

    font-size: 14px;

    margin:10px 0;

}

.about1{

    border:1px solid #292929;

    margin:20px 0;

    background:url(../images/014.png);

}

.h2{

    font-size: 16px;

    color: #fff;

    background: url(../images/4.jpg) repeat;

    line-height: 39px;

    padding-left: 20px;

    position: relative;

}

.h2::before{

    content: "";

    width: 2px;

    height: 36px;

    display: block;

    position: absolute;

    left: 1px;

    top: 1px;

    background: #0dd874;

}

.about-a{

    margin: 20px auto ;

    width: 96%;

}

.about-a .about-a-l{

    float: left;

    width: 26.37%;

}

.about-a .about-a-l img{

    margin-bottom: 7px;

}

.about-a-r{

    font-size: 16px;

    line-height: 35px;

    color: #fff;

    float: right;

    width: 71%;

}

.about-a-r strong{

    color: #0dd874;

    line-height: 30px;

    font-size: 18px;

}

.about-a-r table{

    line-height: 40px;

}

.about-a-r td.td1{

    width: 170px;

    background: url(../images/016.png);

    text-align: center;

    border-right:2px solid #000;

    border-bottom: 2px solid #000;

    display: inline-block;

}

.about-a-r td.td2{

    background: url(../images/015.png);

    text-align: center;

    width: 465px;

    border-bottom: 2px solid #000;

    display: inline-block;

}

.about-a >p{

    line-height: 40px;

    color: #fff;

}

.about-aa{

    margin-top: 20px;

}

.about-aa >img{

    float:left;

    width: 26.37%;

}

.about-aa ul{

    float: right;

    margin-left: 20px;

    width: 71.4%;



}

.about-aa ul li{

    float:left;

    width: 22.2%;

    margin-right: 2.8%;

}

.about-aa ul li p{

    background: #009a44;

    color: #fff;

    line-height: 45px;

    text-align: center;

}

.img img{

    display: inline-block;

}

/*

    PRODUCT

*/

.pro-list >ul >li{

    margin: 15px 6px 0;

    float: left;

    float: left;

    width: 31.8%;

    border:1px solid #272727;

    position: relative;

}

.p2{

    position: absolute;

    top: 0;

    left: 0;

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

    line-height: 33px;

    padding-left: 20px;

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    width: 194px;

    display: block;

}

.page {

    text-align: center;

    margin-top: 30px;

}

.page a{

    color: #fff;

}

.pro-list >ul >li ul{

    padding:0 5px;

}

.pro-d {

    width: 98%;

    margin:20px auto;

}

.pro-d img{

    margin: 15px auto;

}

.pro-d p{

    line-height: 30px;

    text-indent: 2em;

    font-size: 14px;

    letter-spacing: 1.5px;

    color: #fff;

}

.pro-list >ul >li p {

    color: #0dd874;

    font-weight: bold;

    margin:10px 0 10px 5px;

}

.pro-list >ul >li li{

    color: #fff;

    font-weight: bold;

    line-height: 25px;

    background: url(../images/19.jpg) no-repeat left top 10px;

    padding-left: 10px;

}

/*

    FOOTER

*/

#footer{

    background: #333333;

    padding:40px 0 30px;

}

#footer .footer{

    width: 1200px;

    margin: 0 auto;

}

#footer .footer img{

    float: left;

    width: 12.167%;

    margin: 10px 10px 0 0;

}

.f-address{

    float: left;

    font-size: 13px;

    line-height: 24px;

    color: #6b6b6b;

    width: 35%;

    padding-left: 15px;

    border-left: 1px solid #464646;

}

#footer .footer img.erweima{

    float: right;

    width: 9%;

}

/*

    SHEBEI

*/

.shebei-list{

    border:1px solid #292929;

    padding-bottom: 30px;

}

.shebei-list ul> p,.shebei-list4 ul> p{

    line-height: 30px;

    color: #fff;

}

.shebei-list ul,.shebei-list4 ul{

    padding:0 15px;
    display: flex;
    flex-wrap: wrap;

}

.shebei-list ul li{

    width: 23.19%;

    float: left;

    margin: 20px 8px 0;

}

.shebei-list ul li p{

    line-height: 55px;

    color: #fff;

    text-align: center;

    background: #14a253;

}

.shebei-list2,.shebei-list4{

    margin-top: 20px;

    border:1px solid #292929;

    padding-bottom: 30px;

}

.shebei2-l{

    line-height: 30px;

    margin-left: 20px;

    margin-top: 15px;

    width: 35%;

    float: left;

}

.shebei2-l ul{

    margin-left: 25px;

}

.shebei-list2 img{

    float: right;

    margin:15px 15px 0 0;

    width: 47.02%;

}

.shebei-list4 ul li{

    width: 30.6%;

    float: left;

    margin: 20px 8px 0;

}

.shebei-list4 ul li p{

    line-height: 55px;

    color: #fff;

    text-align: center;

    background: #14a253;

}

/*

    LIUYAN

*/

.liuyan{

    border:1px solid #292929;

    margin:20px 0;

    background:url(../images/014.png);

    padding:0 15px 30px;

}

.liuyan p{

    color: #fff;

    line-height: 40px;

}

.liuyan table{

    line-height: 40px;

}

.liuyan td.td1{

    width: 170px;

    background: url(../images/016.png) repeat;

    text-align: center;

    border-right:2px solid #000;

    border-bottom: 2px solid #000;

    display: inline-block;

}

.liuyan td.td2{

    background: url(../images/015.png);

    text-align: left;

    width: 715px;

    border-bottom: 2px solid #000;

    display: inline-block;

    padding-left: 15px;

}

/*

    CONTACT

*/

.map{

    margin-bottom: 15px;

}

.liuyan.contact td.td2{

    text-align: center;

}

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

    #menu {

        position: absolute;

        top: 80px;

        display: block;

        width: 20%;

        right: 5px;

    }

    #nav {

        background: rgba(0, 0, 0, 0.7);

        position: fixed;

        width: 42%;

        right: -55%;

        top: 0;

        height: 100%;

        z-index: 999;

        padding: 0;

    }

    #nav > ul {

        margin: 10% 0 0;

        padding: 0;

        width: 100%;

    }

    #nav > ul > li {

        display: block;

        float: none;

        text-align: center;

        margin: 0;

        padding: 0;

        width: 100%;

        height: 50px;

        background:none;

    }

    #nav ul li img,

    .online {

        display: none;

    }

    #nav > ul > li > a {

        color: #fff;

        display: block;

        line-height: 50px;

        width: 100%;

        background: none;

        padding-left: 0;

    }

    #nav > ul > li > ul {

        right: -300px;

    }

    #nav ul li a:hover,

    #nav ul li a.curr {

        color: #71bd0f;

        margin: 0;

        width: 100%;

        background: none;

    }

    #close_menu {

        display: block;

        position: absolute;

        z-index: 9999999999999;

        top: 30%;

        color: #fff;

        left: -40px;

        background: #009fe9;

        width: 40px;

        height: 40px;

        border-radius: 50%;

        text-align: center;

        line-height: 40px;

    }

    #datepicker,#footer .footer img{

        display: none;

    }

    #wrap,.wrap-h,.w-right,.index-p,.index-a,#footer .footer{

        width: 100%;

    }

    .h-r{

        width: 39%;

    }

    .lang{

        float: left;

    }

    .wrap-h > img{

        top: -17px;

    }

    #wrap{

        margin-bottom: 20px;

        overflow: hidden;

    }

    .index-c .index-c-l{

        width: 72%;

    }

    .index-c-r{

        width: 26.6%;

        float: left;

    }

    .index-p ul{

        width: 105%;

    }

    .index-p li{

        width: 30.2%;

    }

    .index-a div{

        width: 49.2%;

    }

    .f-address{

        width: 50%;

    }

    #footer .footer img.erweima{

        display: block;

        width: 13.5%;

    }

    .about-a .about-a-l,.about-aa > img{

        display: none;

    }

    .about-a .about-a-r{

        width: 100%;

    }

    .about-aa ul{

        float: left;

    }

    .img img{

        width: 32%;

    }

    .pro-list > ul > li{

        width: 47.8%;

    }

    .shebei-list ul li{

        width: 22.19%;

    }

    .liuyan td.td2{

        width:560px;

    }

}



@media screen and (min-width: 320px) and (max-width:500px){

    #header{

        padding-top: 5px;

    }

    .logo,.h-r,.index-c .index-c-l,.index-c-r,.f-address{

        width: 100%;

    }

    .h-r{

        margin-top: 10px;

    }

    #menu{

        top: 97px;

    }

    .tel{

        text-align: center;

        background: none;

        border:2px solid #343434;

    }

    .index-c .index-c-l > div{

        width: 72%;

        font-size: 13px;

    }

    .index-c-r img{

        float: left;

    }

    .index-p li{

        width:47.2%;

        margin-bottom: 10px;

        margin-right: 5px;

    }

    .index-p li p{

        position: relative;

        width: 89%;

    }

    .index-a div{

        width: 100%;

        margin-bottom: 10px;

    }

    .f-address{

        font-size: 11px;

        width: 95%;

    }

    #footer .footer img.erweima{

        display: none;

    }

    .about-a-r table,.about-a-r td.td1,.about-a-r td.td2{

        width: 100%;

        font-size: 13px;

    }

    .about-aa ul{

        width: 100%;

    }

    .about-aa ul li{

        width: 42.1%;

        margin-bottom: 10px;

    }

    .pro-list > ul > li {

        width: 84%;

        margin: 10px auto;

        float: none;

    }

    .shebei-list ul li,.shebei-list4 ul li{

        width: 45.1%

    }

    .shebei2-l,.shebei-list2 img{

        width: 100%;

        float: none;

    }

    .shebei-list2 img{

        margin: 0 auto;

    }

    .shebei-list ul li p{

        font-size: 11px;

        line-height: 30px;

    }

    .liuyan td.td1,.liuyan td.td2{

        width:95%;

        padding-left:15px;

    }

}