.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.w1476 { width: 1476px; max-width: 100%;}
.center { margin: 0 auto;}
.w100bgF0F0F0 { width: 100%; }
.page_banner { position: relative;}
.page_banner h3 { position: absolute; width: 200px; text-align: center;transform: translate(-50%, -50%); left: 50%; top:45%; color: white; font-size:40px}

.position {    width: 100%;
    padding: 20px 10%;
    line-height: 40px;
    border-bottom: solid #E3E3E3 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.position p.right,.position p.right a { font-size: 16px; color: black;}
.main {margin-top: 54px;}
.main_l {margin: 0; width: 16%;}
.main_l ul li { background:#f1f1f1; height: 53px; overflow: hidden; line-height: 52px; border: none; margin-bottom:1px; }
.main_l ul li.on,.main_l ul li:hover { background:#156451; }
.main_l ul li a span { color: black; }
.main_r { width: 84%;}
.pro_list { margin-top: 0;}
.pro_list ul li { width: 31%; padding: 1%; margin: 1%; background-color: #F0F0F0;}
.pro_list ul li:nth-child(4n) {margin: 1%;}
.pro_list ul li a .imgauto {margin-bottom: 25px;}
.pro_list ul li a span { font-size: 16px; margin:20px auto ; color: #141414;}
.pro_list ul li p { font-size: 15px;color: #898989;}
.pro_list ul li:hover { background-color: #156451;}
.pro_list ul li:hover span,.pro_list ul li:hover p { color: white; }

.pc-slide .view {background-color: #F9F9F9;}
.pro_content .pro_text {width: 49%; height: 553px; background-color: #F9F9F9;padding: 3%; margin-left: 1%;}
.pro_content .pro_text h3 { font-size: 30px; color: #212332; padding-bottom:20px; border-bottom: 1px solid #ccc;}
.pro_content .pro_text .text a { background: none;}
.pro_content .pro_text .text a { width: 190px; height: 46px; background-color: #156451; line-height: 46px; border-radius:7px; }
.pro_content .pro_text .text a.tel {background: none; font-size: 24px; color: #156451; font-weight: bold; padding-left:0;}
.pro_content .pro_text .text a.tel span { color: black;}
.page_title { border: none;}
.page_title h3 { width: auto; text-align: left; font-size: 38px; font-weight: bold; background: none; color:#156451; }
.show_pages { margin-top: 50px; border-top: solid 2px #E9E9EB;}
.hot_pro .pro_list ul li { width: 23%; padding: 1%; margin: 1%; }
.main .m-message { width: 100%;}
.main .m-message label { width: 50%; float: left; position: relative;}
.main .m-message label.mes { width: 100%;}
.m-message label {font-size: 32px; padding-top: 20px;}
.m-message label em { position: absolute; float: left; left: 5px; top:40%; line-height: 42px;}
.m-message label input, .m-message label input.inp, .m-message label textarea, .m-message label.code input { width: 90%; border: none; border-bottom: solid 1px #D8D8D8; height: 42px; line-height: 42px; font-size: 18px; color:black; text-indent: 20px;padding:0 20px;}
.main .m-message label.mes input { width: 95%;}
.main .m-message label.code { width: 30%;}
.main .m-message label.code input { width: 50%; }
.btn-1 input.focus { width:71%; background-color: #156451; height: 50px; border-radius: 7px; font-size: 16px;}
@media screen and (max-width: 768px) {
            .main .m-message label.code{
            width: 100% !important;
    }
    .zisda{
        display: none;
    }
       .position {
        display: none !important;
    }
    .main{
        margin-top: 0;
    }

  .main_r{
        width: 100%;
    }
    }