@charset "gb2312";
/* CSS Document */
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
.clear{ clear:both; height:0px;}
.fl{ float:left;}
.fr{ float:right;}
/**********************************************/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;position: relative;z-index: 100;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative; background: #3d9c4d;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center; margin-top: 235px;;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(themes.gif) no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
/********************************************/
.hy{ width: 100%; height: 50px; background: #3d9c4d; position:fixed; top: 0px; z-index: 99999;}
.hy-in{ width: 1200px; margin: 0 auto; position: relative; height: 55px;;}
.hy-in .hy-lt{ letter-spacing: 1px; float: left; height: 50px; line-height: 50px; color: #fff; }
.hy-in .hy-rt{ letter-spacing: 1px; float: right; height: 50px; line-height: 50px; color: #fff; }
.hy-in .hy-rt a{ color: #fff;}
.hy-in .hy-rt a:hover{ color: #ff0;}
.hy-in .hy-rt span{ padding: 0px 5px; font-weight: bold; color: #ff0;}
/********************************************/
.lg{ width: 100%; height: 130px; position:fixed; top: 50px; z-index: 99999; background: #fff;}
.lg-in{ width: 1200px; margin: 0 auto; position: relative; height: 130px;;}
/*********************************************/
.nav{ width: 100%; height: 55px; position:fixed; top: 180px;border-top: 1px solid #ededed; z-index: 9999999;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.01),0 4px 4px 0 rgba(0,0,0,.04);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.01),0 4px 4px 0 rgba(0,0,0,.04);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.01),0 4px 4px 0 rgba(0,0,0,.04);; background: #fff;}
.nav-in{ width: 1200px; height: 55px; margin: 0 auto; position: relative;;}
.nav-in ul li{ float: left; text-align: center; width: 150px; background: url(./nav.png) right center no-repeat; font-size: 15px; line-height: 55px; color: #5a5a5a;}
.nav-in ul li:hover{ color: #3d9c4d;}
/**********************************************/
.ss{width: 100%;overflow: hidden;height: 75px;}
.ss-in{ width: 1200px; margin:0 auto; position: relative; height: 75px;;}
.ss-in .ss-wz{ float: left; height: 75px; width: 800px;;;}
.ss-in .ss-wz span#dz{ display: block; float: left; margin-top: 33px; color: #000; font-weight: bold; font-size: 15px; height: 20px; line-height: 20px;}
.ss-in .ss-wz span#wz{ display: block; float: left; margin-top: 33px; height: 20px; line-height: 20px;;}
.ss-in .ss-wz span#wz a{float: left; display: block; margin: 0px 10px; font-size: 14px; color: #c6c6c6;}
.ss-in .ss-wz span#wz a:hover{ color: #3d9c4d;}
.ss-kk{float: right;overflow: hidden;width: 330px;height: 35px;border: 1px solid #dedee0;border-radius: 50px;margin-top: 23px;}
.ss-kk input{ border: none; background: none;}
.ss-kk input#key{ height: 35px; line-height: 35px; width: 260px; float: left; padding: 0px 8px;}
.ss-kk input#in1{ height: 35px; line-height: 35px; width: 35px; float: right; background: url(./ss.png) center no-repeat;}
/*********************************************/
.abt{ width: 100%; ; padding: 60px 0px; height: 450px;;}
.abt-in{ width: 1200px; margin: 0 auto; position: relative; background: #fff; height: 450px;}
.abt-tp{ width: 500px; float: left; background: #000; height: 450px;}
.abt-nr{ width: 600px; height: 350px; float: right; padding: 50px;background: #f5f5f5}
.abt-nr .abt-dz{ width: 100%; float: left; font-size:40px; letter-spacing:3px; color: #3d9c4d;}
.abt-nr .abt-xz{ width: 100%; float: left; font-size:18px; letter-spacing: 1px; color: #666666; margin-top: 12px;;}
.abt-nr .abt-js{ width: 100%; float: left; font-size:15px; letter-spacing: 1px; text-align: justify; color: #999999; margin-top: 20px; line-height: 180%;}
/**********************************************/
.pro{ width: 100%; padding: 60px 0px; height: 740px;background: #f5f5f5; }
.pro-in{ width: 1200px; margin: 0 auto; position: relative; height: 740px;}
.pro-xz{ width: 100%; float: left; text-transform: uppercase; text-align: center; color: #666666; font-size: 18px; letter-spacing: 2px;}
.pro-dz{ font-weight: bold;  font-size: 45px; letter-spacing: 8px; text-align: center; display: block; width: 100%; float: left; margin-top: 0px;;color: #3d9c4d;  }
.pro-fl{ width: 100%; overflow: hidden; margin-top: 20px; float: left;;}
.pro-fl ul{ width: 105%;}
.pro-fl ul li{ width: 175px; margin-right: 30px;; float: left; background: #3d9c4d; color: #fff; font-size: 15px; text-align: center; height: 40px; line-height: 40px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.pro-fl ul li:hover{ background: #ff7e00;}
.pro-cp{ width:100%; float: left; margin-top: 30px;}
.pro-cp ul{ width: 105%;}
.pro-cp ul li{ width: 275px; position: relative; float: left; margin-right: 30px; margin-bottom: 30px;}
.pro-cp ul li .pro-tp{ background: #fff; border: 1px solid #ededed;  width: 271px; height: 203px;; padding: 5px; position: relative;;}
.pro-cp ul li .pro-tp img{ display: block; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; max-width: 271px; max-height: 205px;;}
.pro-cp ul li .pro-wz{ width: 100%; float: left; text-align: center; background: #3d9c4d; color: #fff; height: 38px; line-height:38px; margin-top: 15px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; font-size: 15px;}
.pro-cp ul li:hover .pro-tp{ border-color: #3d9c4d;}
.pro-cp ul li:hover .pro-wz{ color: #ff0;}
/**********************************************/
.js{ width: 100%; background: url(./ad.jpg) center no-repeat; height: 254px;;}
.js-in{ width: 1200px; margin: 0 auto; position: relative; height: 254px;;;}
/*.js-in .js-lb{ float: right; width: 800px; margin-top: 50px;;}
.js-in .js-lb ul{ width: 850px; height: 118px;;}
.js-in .js-lb ul li{float: left;height: 118px;width: 118px; margin-right: 19px; }
.js-in .js-lb ul .a1{background:url(./js1.png) no-repeat center;}
.js-in .js-lb ul .a2{background:url(./js2.png) no-repeat center;}
.js-in .js-lb ul .a3{background:url(./js3.png) no-repeat center;}
.js-in .js-lb ul .a4{background:url(./js4.png) no-repeat center;}
.js-in .js-lb ul .a5{background:url(./js5.png) no-repeat center;}
.js-in .js-lb ul .a6{background:url(./js6.png) no-repeat center;}
.js-in .js-lb span{font-size: 22px;color: #ffffff;display: block;line-height: 24px;padding: 37px; }*/
/**************************************************/
.lx{ width: 100%; height: 390px; background: url(./liux.jpg) center no-repeat; margin-bottom: 60px;;}
.lx-in{ width: 1200px; margin: 0 auto; position: relative; height: 390px;}
.lx-nr{ float: right; width: 295px; height: 340px; margin-right: 20px; margin-top: 20px; overflow: hidden;;}
.lx-nr span#dz{ display: block; width: 100%; float: left; color: #fff; font-weight: bold; font-size: 20px; padding-bottom: 20px; margin-top: 10px;}
.lx-nr span#xz{ display: block; width: 100%; float: left; color: #fff; line-height: 220%;}






















/******************************************/
.ad2{ width: 100%; height: 204px; background: url(./ad.png) center no-repeat; }
.ad2-in{ width: 1200px; margin: 0 auto; position: relative;;}
.ad2-in span#dz{ font-size: 45px; color: #fff; letter-spacing: 8px; text-align: center; display: block; width: 100%; float: left; margin-top: 40px;;}
.ad2-in span#xz{ font-size: 20px; color: #ff0; letter-spacing: 3px; text-align: center; display: block; width: 100%; float: left; margin-top: 20px;;}
/******************************************/
.db{ width: 100%; height: 270px; padding: 50px 0px;}
.db-in{ width: 1200px; height: 270px; margin: 0 auto; position: relative; overflow: hidden;;}
.db-in ul{ width:1250px;;}
.db-in ul li{float: left; margin-right: 30px; width: 275px;}
.db-in ul li .db-tp{background: #f5f5f5; border: 1px solid #ededed;  width: 265px; height: 200px; position: relative; float: left; overflow: hidden;padding: 5px; ;}
.db-in ul li .db-tp img{ display: block; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 265px;;;}
.db-in ul li .db-wz{ width: 100%; float: left; text-align: center; background: #3d9c4d; color: #fff; height: 38px; line-height:38px; margin-top: 20px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; font-size: 15px; }
.db-in ul li:hover .db-tp { border-color: #3d9c4d;}
.db-in ul li:hover .db-wz{ color: #ff0;}
/******************************************/
.xw{ width: 100%; height: 507px;}
.xw-in{ width: 1200px; height: 507px; margin: 0 auto; position: relative;;}
.xw-in .xw-le{ width: 578px; height: 507px; word-wrap: break-word;padding: 0px;border-color: #3d9c4d rgb(238, 238, 238) rgb(238, 238, 238);border-width: 2px 1px 1px;background-color: rgb(255, 255, 255);border-style: solid; overflow: hidden;;}
.xw-in .xw-le .xw-bt{ width: 528px; float: left; border-bottom: 1px solid rgb(238, 238, 238); padding: 20px 25px; height: 30px; background: #f5f5f5;}
.xw-in .xw-le .xw-bt span#tp{ width: 30px; height: 30px; display: block; float: left;;}
.xw-in .xw-le .xw-bt span#dz{ color: #3d9c4d; font-weight: bold; font-size: 22px; display: block; float: left; letter-spacing: 1px; text-indent: 1rem; line-height: 30px; }
.xw-in .xw-le .xw-bt span#xz{ font-size: 14px; display: block; float: right; letter-spacing: 1px; line-height: 30px; color: #5a5a5a;}
.xw-in .xw-le .xw-bt span#xz:hover{ color:#3d9c4d ;}
.xw-in .xw-le .xw-nr{  width: 528px; float: left;padding: 20px 25px 0px 25px;}
.xw-in .xw-le .xw-nr ul li{ float: left; float: left; border-bottom: 1px dotted #5a5a5a; height: 57px; margin-bottom: 20px; width: 100%;;}
.xw-in .xw-le .xw-nr ul li span#mz{ display: block; width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float: left; font-size: 15px; color: #5a5a5a;}
.xw-in .xw-le .xw-nr ul li span#sj{ display: block; width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float: right; font-size: 13px; color: #999999; text-align: right; margin-top: 7px;;}
.xw-in .xw-le .xw-nr ul li:hover span#mz{ color: #3d9c4d;}
.xw-in .xw-le .xw-tp{ width: 528px; margin: 0px 25px; float: left; height: 80px; background: #000;}
/*****************************************/
.fot{ width: 100%; height: 427px; background: url(./fotbg.png) center no-repeat;}
.fot-in{ width: 1200px; margin: 0 auto; position: relative; height: 427px; }
.fot-yl{ width: 100%; float: left; padding: 40px 0px; font-size: 16px;;}
.fot-yl a{ color: #5a5a5a; padding: 0px 20px;;}
.fot-yl a:hover{ color: #3d9c4d;}
.fot-cp{ position: absolute; left: 225px; top:190px; color: #fff; font-size: 15px; width: 180px;;}
.fot-cp ul{}
.fot-cp ul li{ float: left; width: 100%; margin: 3px 0px; color: #fff;}
.fot-cp ul li:hover{ color: #ff0;}
.fot-lx{ position: absolute; left: 450px; top:190px; color: #fff; font-size: 15px; width: 400px;;}
.fot-lx span{ width: 100%; display: block; float: left; letter-spacing: 1px;margin: 3px 0px; }
.fot-tp{ position: absolute; right: 0px; top: 190px;;}
.fot-bq{ width: 100%; position: absolute; color: #fff;left: 0px; bottom: 20px;;}
.fot-bq a{ color: #fff; }

/**************************************/
.feedback {
    width: 340px;
    position: fixed;
    right: 0px;
    bottom: -9999px;
    box-shadow: 0 20px 40px 8px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    z-index: 99999999999999;
    background: #fff;
}

.feedback .feedbackHeader {
    height: 40px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    text-indent: 50px;
    font-weight: normal;
    cursor: pointer;
}

.feedback .eMailIco {
    background: url("./emailIco.png") 16px center no-repeat #252c33;
    background-size: 21px auto;
}

.feedbackForm {
    padding: 16px 16px 40px 16px;
}

.feedbackForm .tips {
    color: #222d38;
    padding-bottom: 20px;
}

.feedbackForm .line {
    margin-bottom: 16px;
}

.feedbackForm .line input, .feedbackForm .line textarea {
    width: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: solid 1px #ccc;
    color: #222d38;
    display: block;
}

.feedbackForm textarea {
    resize: none;
    height: 78px;
    padding: 11px;
    line-height: 20px;
}

.feedbackForm .line input {
    height: 40px;
    line-height: 40px;
    padding: 0 11px;
}

.feedbackForm .btn {
    background: #18c139;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    cursor: pointer;
}

.feedback .closeBtn {
    background: url("./closeBtn.png") no-repeat;
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    position: absolute;
    left: -36px;
    top: 6px;
    cursor: pointer;
    display: block;
}