﻿@charset "utf-8";
html,body{width: 100%;/* height: 100%; */min-width:1000px;font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
    /*text-align: center;*/
}
/*a:hover{color: #fff000}*/
img{display: inline-block;}
.wrap{position: relative;width: 100%;height: 100%;}
.banner{width: 100%; position:relative;}
.banner img{width: 100%;}
/*nav*/
.navBg{width:  100%;background: #0e5c3a;/* position: absolute; */z-index: 99;}
.navBox{width: 1200px;height: 80px;margin: 0 auto;/* padding: 6px 0; */overflow: hidden;/* line-height: 80px; */}
.navBox .logo{float: left;margin-top: 10px; width: 330px;}
.navBox .nav{width: 100%;float: right;margin: 0 auto;height: 100%;/* line-height: 80px; */}
.nav a{color: #ffffff;/* font-weight: bold; */}
.nav li{width: 175px;/* float: left; */height: 40px;font-size: 20px;text-align: center;margin: 0 10px;background: #08482c;display: inline-block;/* padding: 5px 39px; */border-radius: 20px 20px 0 0;border: 1px solid #fff;line-height: 40px;margin-top: 20px;letter-spacing: 2px;}
.nav li+li a{}
.nav li.on{background: #1c8d5c;}
.nav li:hover{background: #1c8d5c;}
.nav li:hover a{ font-weight: bold;}
.nav li.on a{font-weight: bold;}
/*banner*/
.banner img{width: 100%;}
.banner-line{width: 100%;height: 10px; background: #1284cc}
/*foot*/
.footer{width:100%;line-height: 52px;text-align: center;font-size: 14px;color: #5c5c5c;background: #cbcbcb;/* margin-top: 100px; */}
.footer a{color: #fff;}
/*xnav*/
.xnav{text-align: center;/* overflow: hidden; *//* height: 37px; */border-bottom: 1px #d0cfce solid;margin-top: 50px;}
.xnav li{display: inline-block;text-align: center;width: 170px;height: 110px;overflow: hidden;color: #231815;padding-top: 15px;margin:  0;float: left;}
.xnav li+li{/* margin-left: 100px; */}
.xnav li a{color: #3e3a39;font-size: 22px;/* padding: 5px; */overflow: hidden;display: block;}
.xnav li.on{border-bottom: 3px solid #059000;background: #f4fff6;}
.xnav li:hover{border-bottom: 3px solid #059000;background: #f4fff6;}
.xnav li span{display: block;margin-top: 10px;font-size: 16px;font-weight: bold;}
.xnav ul{ overflow: hidden;width: 680px;margin: auto;}
/*.container{width: 100%;margin: 0 auto; background-image: url("images/bg.png"); background-position: center; background-repeat: no-repeat}*/
.title {margin: 0 auto;margin-top: 40px;margin-bottom: 50px;}
.title img{display: block; margin:  0 auto;}
.content{width: 1200px;margin: 0 auto;overflow: hidden;}
.top_icon{position: relative;left: 50%;margin-left: -20px;cursor: pointer;}
body{background: #fff;}
/*index*/
.index .text-box{text-indent: 2em;color: #5c5c5c;font-size: 15px;font-weight: lighter;text-align: justify;line-height: 35px;}
.pic-center{display: block;margin: 0 auto;width: 100%;}
.content{padding-bottom: 100px;}
.content2{background: #e9f5f0;}
.content4{background: #e9f5f0;}
.index .pic-box p{color: #21b37d;font-size: 16px;font-weight: bold;text-align: center;width: 820px;border-bottom: 1px #21b37d solid;margin: 0 auto;padding-bottom: 15px;}
.index .pic-box{width: 880px;margin: 0 auto;margin-top: 90px;}
.contentW{width: 1000px; margin: 0 auto}
/*about*/
.title-p{width: max-content;color: #454343;font-size: 24px;font-weight: bold;margin: 0 auto;border-bottom: 2px solid #be9d64;text-align: center;line-height: 40px; margin-top: 50px;}
.text-p{
    background: #ebe1d0;
    font-size: 16px;
    color: #555555;
    line-height: 40px;
    padding-left: 35px;
    margin-top: 35px;
}
table tr:nth-child(odd) {
}
.index2{width: 100%;height: 100%;background: url("images/index/bg.jpg") no-repeat;background-size: 100% 100%;overflow: hidden;position: relative;}
.index2 img{position: absolute;}
.index-1{
    width: 63.5%;
    top: 20%;
    left: 6%;
    animation: bounceIn 1.3s forwards linear;-webkit-animation: bounceIn 1.3s forwards linear
}
.index-2{
    width: 50.1%;
    left: 50%;
    top: 14%;
    margin-left: -25.5%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-3{
    width: 30%;
    left: 50%;
    top: 70%;
    margin-left: -15%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-4{
    width: 75%;
    top: 0;
    left: 13%;
}
.index-5{
    width: 100%;
}
.index-6{
    width: 100%;
    bottom: 0;
}
.index-7{
    width: 32%;
    left: 5%;
    top: 5%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-btn{
    width: 12.5%;
    position: absolute;
    display: block;
    top: 88%;
    left: 50%;
    margin-left: -6.5rem;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-btn img{width: 100%; position: relative}
.xq_box{width: 93%;margin: 0px auto;text-align: justify;line-height: 31px;font-size: 14px;}
.zwlb{width: 15%;}
.zwmc{width: 25%}
.xlyq{width: 13%;}
.gzdd{width: 25%}
.jltd{width: 12%;}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
        transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}
/*job*/
.depName{width: 100%;font-size: 20px;color: #ffffff;font-weight: bold;background-color: #1c8d5c;background-image: url("images/job-icon.png");background-repeat: no-repeat;height: 50px;line-height: 50px;background-position: right;padding: 0px 50px;background-position-x: 1100px;border-radius: 25px;cursor: pointer;margin-top: 10px;}
.job-tb{width: 1100px; margin: 0 auto;}
.job-tb td{width: 33.3%; padding: 0 30px;padding-top: 20px;border-bottom: 1px dashed #1c8d5c;}
.job-tb td p{color: #5c5c5c; font-size: 18px;}
.job-url{color: #08482c;border: 2px solid #1c8d5c;padding: 1px 26px;border-radius: 33px;}
.job-tb{display: none;}
.rcjm .text-box p{font-size: 20px; color: #5c5c5c;font-weight: bold}
.rcjm .text-box p span{font-size: 24px; color: #0e5c3a; font-weight: bold;}
.lxwm .text-box p{font-size: 20px; color: #5c5c5c; margin-top: 30px;font-weight: bold}
.lxwm .text-box p span{font-size: 24px; color: #0e5c3a; font-weight: bold;}
.lxwm .text-box{position: relative}
.lxwm .text-box .erweima{position: absolute;top: 30px;right: 90px;}
.footer2{width: 100%; height: 5px; background: #e6b18b;}
.picMarquee-left{width:1200px;overflow:hidden;position:relative;background: url("images/lunbo-bg.jpg");padding: 16px 31px;margin-top: 30px;}
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
/*.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;*/
    /*cursor:pointer; background:url("../images/arrow.png") no-repeat;}*/
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{/* padding:10px; */}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:280px; height:170px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
.tempWrap{width: 100%!important;}