/* CSS Document */
*{font-size:12px; margin:0 auto;padding:0; margin:0 auto;}
body{font-family:"΢���ź�"; font-size:12px; margin:0 auto; color:#505050;}
li{list-style-type:none;}
a{color:#505050; text-decoration:none;}
a:link {color: #505050;text-decoration: none;}
a:hover{color:#006ab0; text-decoration:underline;}

.list_pro_c a img{padding:1px; border:1px solid #d8d8d8; width:300px; }
.list_pro_c a:hover img{border:1px solid #006ab0;}

/*menu*/
.top{
    height:50px;
    line-height:50px;
    background:#006ab0;
}
.w85{
    width:85%;
    margin:0 auto;
}
.top-left{
    float:left;
    color:#fff;
    font-size:16px;
}
.top-right{
    float:right;
}
.top-right font{
    color:#fff;
    font-size:16px;
}
.top-right em{
    color:#fff;
    margin-left:15px;
    font-size:16px;
}
.top-right em a{
    color:#fff;
    font-size:16px;
}
ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}
#nav {margin:0 auto 0; width:630px; display:block;}
#nav .mainlevel {float:left; width:90px;/*IE6 only*/}
#nav .mainlevel a {color:#000; text-decoration:none; line-height:46px; height:46px; display:block; width:83px;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none;}
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel ul li a{background:#3e7c10; width:83px;line-height:26px; height:26px; color:#FFFFFF; text-align:center;/*IE6 only*/}
#nav .mainlevel ul li a:hover{background:#a9f22a; line-height:26px; height:26px; width:83px; color:#1d4300;/*IE6 only*/}
.header{
	width:85%;
	margin:0 auto;
    height:108px;
    line-height:108px;
}
.header_left{
	width:120px;
	float:left;
    position:relative;
    top:19.5px;
}
.header_right{
	float:right;
}
.header_right li{
	display:inline-block;
}
.header_right li a{
    display:block;
    padding:0 35px;
    font-size:16px;
}

.mySwiper{
    width:100%;
    height:711px;
}
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

/*��ҳ����*/
.left_nav_title{font-size:16px; color:#fff; background:url(About_c_t_bg.gif) no-repeat center top; text-indent:10px;}

.leftmenulink {padding-top:25px; padding-bottom:6px; border-top:none; text-align:left;}
.leftmenulink a{display:block; font-size:14px; height:36px; width:130px; line-height:36px; padding-left:15px; background:url(about_hover_x.gif) no-repeat left bottom;}
.leftmenulink a:hover {text-decoration: underline; color:#691500;}

.left_nav{width:200px; padding-top:10px; padding-bottom:15px; min-height:120px;_height:120px; overflow-x:hidden; margin:0 auto;}
.left_nav ul li{ width:200px; border-bottom:1px solid #eaeaea;}
.left_nav ul li a{ width:200px; font-size:13px; height:31px; display:block; line-height:31px; text-indent:40px;}
.left_nav ul li a:hover{background:#d9e9f3; text-decoration:none; font-weight:bold;}
.left_nav ul li.left_nav_cur a{background:#d9e9f3; text-decoration:none; font-weight:bold;}

.right_contact{width:717px; padding-top:15px; padding-bottom:10px; margin:0 auto; overflow-x:hidden; line-height:24px; min-height:360px;_height:360px;}
.contact_l_title{font-size:15px; color:#006ab0;}

.list_pro a img{padding:2px; border:1px solid #d8d8d8; width:200px; height:147px;}
.list_pro a:hover img{border:1px solid #006ab0;}

/**Joblist*/
#Joblist{width:688px; border:1px solid #dedede; margin:0 auto;clear:both; padding:1px; background:#FFF;}
#Joblist .title{padding:2px 12px; height:26px; background:#eeeeee; line-height:26px; font-size:12px; font-weight:bold; cursor:pointer;}
#Joblist .content{ padding:2px 12px; margin-top:8px;}
#Joblist .content p{  line-height:24px; border-bottom:1px dotted #dedede;}
#Joblist .content .content_t{ font-weight:bold;}
#Joblist .submit{padding:5px 12px; text-align:right;}
.hr15{width:100%; height:15px; line-height:1px; clear:both;}
.sj{
    display: none;
}
@media (max-width: 1200px){
    .pc,.top{
        display:none;
    }
    .sj{
        display:block;
    }
    .header_right{
        float:none;
        position:fixed;
        top:0px;
        left:-100%;
        z-index:99;
        width:100%;
        height:100vh;
        background:#0371b0;
    }
    .header_right li{
        width:100%;
        padding:0px;
        line-height:60px;
        border-bottom: 1px solid rgba(0,0,0,0.02);
    }
    .header_right li a{
        color:#fff;
    }
    .sj_gb{
        position:absolute;
        right:20px;
        top:20px;
    }
    .sj_gb svg{
        width:2.5em;
        color:#fff;
    }
    .header{
        height:90px;
    }
    .header_left{
        float:none;
        position:fixed;
        top:0px;
        left:0px;
        margin:0px;
        width:100%;
        height: 90px;
        background: #fff;
        z-index: 98;
    }
    .header_left img{
        float:left;
        width:100px;
        position:relative;
        top:15px;
        left:20px;
    }
    .sj_zk{
        position:absolute;
        right:20px;
        top:30px;
    }
    .sj_zk svg{
        width:2.5em;
    }
    .header_right ul{
        padding-top:70px;
    }
    .mySwiper{
        height:170px;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
       font-size:24px !important;
    }
    .about{
        width:94%;
        margin:0 auto;
    }
    .about img{
        width:100%;
        margin:10px 0 20px;
    }
    .about .title{
        margin-top:20px;
        margin-bottom:10px;
        font-size:24px;
        font-weight:bold;
        text-indent:0px;
        text-align:center;
    }
    .about a{
        font-size:14px;
        color:#000;
        text-indent:2em;
        line-height:35px;
    }
    .sjnews{
        background:#f8f8f8;
        padding-bottom:60px;
    }
    .sjnews .title{
        margin-top:20px;
        padding-top:30px;
        margin-bottom:20px;
        font-size:24px;
        font-weight:bold;
        text-indent:0px;
        text-align:center;
    }
    .sjnews_li{
        width:94%;
        margin:0 auto;
        border-bottom:#333 1px dotted;
    }
    .sjnews_li a{
        font-size:14px;
        display:block;
        line-height:40px;
        color:#333;
    }
    .sjproduct{
        padding-bottom:20px;
    }
    .sjproduct .title{
        margin-top:20px;
        padding-top:30px;
        margin-bottom:20px;
        font-size:24px;
        font-weight:bold;
        text-indent:0px;
        text-align:center;
    }
    .sjproduct a {
        width:48%;
        float:left;
        display:block;
        margin-right:0.7%;
        margin-left:0.7%;
        border:#f8f8f8 solid 1px;
        margin-bottom:10px;
    }
    .sjproduct a img{
        width:100%;
    }
    .sjproduct .text{
        text-align:center;
        line-height:30px;
        font-size:14px;
    }
    .sjlxwm{
        background:#f8f8f8;
        padding-top:15px;
        padding-bottom:30px;
    }
    .sjlxwm .content{
        width:94%;
        margin:0 auto;
        font-size:14px;
        line-height:30px;
        text-align:center;
    }
    .sjnav{
        text-align:center;
    }
    .sjnav li{
        display:inline-block;
        width:40%;
        line-height:40px;
        text-align:center;
        margin-top:10px;
        border:1px solid #f8f8f8;
    }
    .sjnav li a{
        font-size:14px;
    }
    .sjcontent{
        width:94%;
        margin:30px auto 0;

    }
    .sjcontent p{
        font-size:14px;
        text-align:justify;
        line-height:28px;
    }
    .sjcontent table img{
        width:173px;
    }
    .sjcontent table p{
        text-align:center;
        line-height:28px;
        position:relative;
        overflow: hidden;
        height:28px;
        color:#000;
    }
    .sjcontent{
        padding-bottom:30px ;
    }
}