html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-weight: normal;
    vertical-align: baseline;
}
strong{ font-weight: bold;}
strong span{ font-weight: bold;}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-size: 12px;
    font-family: '微软雅黑';
    min-width: 1200px;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clearfix {
    zoom: 1;
}
.clear{clear: both;}
a {
    color: #4c4c4c;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
.mt44{ margin-top: 44px;}
.mt32{ margin-top: 32px;}
.mt22{ margin-top: 22px;}
.d-loader {
    position: fixed;
    left: 50%;
    margin-left: -75px;
    top: 30%;
    width: 150px;
    text-align: center;
    z-index: 9999999;
}

.d-loader > div {
    width: 30px;
    height: 30px;
    background-color: #67CF22;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.d-loader .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.d-loader .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.shadow {
    -moz-box-shadow: 2px 2px 16px #DDE1E4;
    -webkit-box-shadow: 2px 2px 16px #DDE1E4;
    box-shadow: 2px 2px 16px #DDE1E4;
}

.radius {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.radius5 {
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius:5px;
 }
.radius-top{
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:0em;
    -webkit-border-bottom-left-radius:0em;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:0em;
    -moz-border-radius-bottomleft:0em;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:0em;
    border-bottom-left-radius:0em;
}

.radius-bottom{
    -webkit-border-top-left-radius:0em;
    -webkit-border-top-right-radius:0em;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:0em;
    -moz-border-radius-topright:0em;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:0em;
    border-top-right-radius:0em;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
.details strong{ font-weight: bold;}
.details strong span{ font-weight: bold;}
.form-control-feedback{ left: 0;z-index: 9; border-right: 1px solid #f4f4f4; }
.form-control-feedcode{ position: absolute;
    right: 0;z-index: 9;}
.has-feedback .form-control{ padding-left: 55px; padding-right: 0;}
.has-feedback  span.focus{ color: #1abb30;}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #FFF;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}

@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #FFF;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../images/sanjiao.png") right center no-repeat;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

input, button, select, textarea {
    outline: none
}

.msgbox {
    position: fixed;
    margin: auto;
    height: 32px;
    line-height: 32px;
    top: -32px;
    width: 100%;
    text-align: center;
    z-index: 111111111;
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    opacity: 0;
}

.msgbox.in {
    top: 0;
    opacity: 1;
}

.msgbox .msg {
    display: inline-block;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    min-width: 350px;
}

.msgbox .msg-success {
    background: #5cb85c
}

.msgbox .msg-error {
    background: #eaa000
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
}

.flex {

    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    display: flex;

    /* 混合版本语法: IE 10 */
}

.flex1 {
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1 /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1 /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-align-bottom {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.warp {
    width: 1200px;
    margin: 0 auto;
}

.header {
}

.header .top {
    height: 59px;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa;
}

.header .top .hidetext {
    width: 25%;
}

.header .top .lefttext p {
    max-width: 450px;
    min-width: 100px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.header .top .lefttext {
    width: 50%;
    text-align: center;
}

.header .top .btns {
    width: 25%;
    text-align: right;
}

.header .top .btns a {
    display: inline-block;
    margin-right: 22px;
    vertical-align: middle;
}

.header .top .btns .loginbtn {
    background: url(../images/icon_login.png) no-repeat left center;
    padding-left: 18px;
    height: 18px;
    line-height: 18px;
}

.header .top .btns .regbtn {
    background: url(../images/icon_reg.png) no-repeat left center;
    padding-left: 22px;
    height: 20px;
    line-height: 20px;
}
.header .top .btns .joinbtn{
    /*background: url("../images/rzbtn.png") no-repeat;*/
     /*width: 142px;height: 40px;*/
    /*text-align: center; padding-top: 7px;*/
}

.header .logo {
    margin-top: 53px;
    width: 30%;
    padding-left: 3%;
}

.header .search {
    margin-top: 18px;
    width: 33%;
}

.header .contact {
    margin-top: 64px;
    width: 31%;
    padding-right: 3%;
    text-align: right;
}

.header .search .form {
    background: url(../images/search_bg.png) no-repeat;
    width: 530px;
    height: 44px;
    padding-left: 60px;
}

.header .search .form input {
    height: 44px;
    width: 386px;
    border: 0;
    background: url("../images/shu.png") no-repeat left center;
    background-size: 1px 26px;
    padding: 0;
    padding-left: 10px;

}

.header .search .form a {
    height: 44px;
    width: 84px;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 44px;
}

.header .search .hotkeyword {
    text-align: left;
    padding-left: 52px;
}
.header .search .hotkeyword span{ background: url("../images/hot.png") no-repeat left center; padding-left: 20px; background-size: 14px;}
.header .search .hotkeyword a {
    display: inline-block;
    font-size: 12px;
    color: #666;
    line-height: 34px;
    margin-right: 16px;
}

.header .search .hotkeyword a:hover,
.header .search .hotkeyword a.cur {
    color: #1abb30;
}

.header .contact .tel {
    color: #3eb652;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
}

.header .contact .tel img {
    vertical-align: top;
}

.header .contact .email {
    color: #808080;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.2px;
}

.header .nav {
    text-align: center;padding-bottom: 8px;
}
.header .nav dl{
    display: inline-block;
    position: relative;
    z-index: 99999;
}
.header .nav dl dd{
    position: absolute;
    background: #fff;
    width: 100%;
    border: 1px solid #1abb30;
    border-top: 0;
    display: none;  z-index: 99999;
}
.header .nav dl dt.cur{
    background: #1abb30;
}
.header .nav dl dt.cur a i{ opacity: 1}
.header .nav dl dt a i{
vertical-align: middle; padding-left: 5px; opacity: 0;
}
.header .nav a {
    font-size: 15px;
    margin: 0 25px;
    padding: 14px 0;
    display: block;
}
.header .nav dd a{ font-size: 13px; color: #4c4c4c; margin: 0; padding:14px 0;}
.header .nav dl dt.cur a{ color: #fff;}
.header .nav a.cur,
.header .nav a:hover {
    color: #1abb30;
}
.header .nav dd a:hover{ background: #f5f5f5;}

.banner {
    background: url(../images/banner.jpg) no-repeat top center;
    height: 500px;
}

.footer {
    background: #3e3e3e;
    padding: 56px 0;
    color: #fff;
}

.footer .lfooter {
    width: 500px;
    padding-left: 70px;
}

.footer .lfooter dl {
    margin-bottom: 40px;
}

.footer .lfooter dl dt {
    width: 144px;
}

.footer .lfooter dl dd {
}

.footer .lfooter dl dd h2 {
    line-height: 46px;
}

.footer .lfooter dl dd a {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.footer .rfooter {
}

.footer .rfooter .top {
}

.footer .rfooter h2.tit {
    font-size: 24px;
    color: #fff;
}

.footer .rfooter h2.tit span {
    color: #9f9f9f;
}

.footer .rfooter .top dl {
    margin-right: 90px;
    margin-top: 22px;
}

.footer .rfooter .top dl dt a {
    color: #908f8f;
    line-height: 28px;
}

.footer .rfooter .bottom {
    padding-top: 30px;
    color: #908f8f;
    line-height: 26px;
}

.footer .rfooter .bottom .info {
    padding-top: 8px;
}

.main {
    background: url("../images/mainbg.png") no-repeat top center;
    min-width: 1244px;
    margin-top: -38px;
    padding-top: 30px;
    position: relative;
    z-index:99;
}

.sliderbox {
    position: relative;
}

.main .notice {
    background: url("../images/notice_bg.png") no-repeat top center;
    width: 956px;
    height: 31px;
    margin: 0 auto;
    line-height: 31px;
    text-indent: 46px;
    color: #4c4c4c;
    overflow: hidden;
    position: relative;
}
.pb40{ padding-bottom: 40px;}

.main .service {
    padding-top: 44px;
}

.main .service .tit {
    text-align: center;
    display: flex;
    justify-content: center;
    justify-items: center;
    font-size: 35px;
    color: #333;
    line-height: 44px;
}

.main .service .tit span {
    display: block;
    height: 2px;
    width: 80px;
    background: #2fc744;
    margin: 0 6px;
}

.main .service .entit {
    text-align: center;
    font-size: 22px;
    color: #b2b2b2;
    line-height: 60px;
}

.main .service .desc {
    text-align: center;
    font-size: 28px;
    color: #595961;
    line-height: 66px;
}

.main .service .text {
    text-align: center;
    font-size: 16px;
    color: #595961;
    line-height: 46px;
}

.main .service .items {
    width: 1122px;
    margin: 0 auto;
    flex-wrap: wrap;
    align-content: flex-start;
    display: flex;
}

.main .service .items .item {
    width: 212px;
    height: 190px;
    flex: 0 0 20%;
    margin: 5px 0;
}

.main .service .items .item1 {
    background: url("../images/icon_s1.png") no-repeat center;
}

.main .service .items .item2 {
    background: url("../images/icon_s2.png") no-repeat center;
}

.main .service .items .item3 {
    background: url("../images/icon_s3.png") no-repeat center;
}

.main .service .items .item4 {
    background: url("../images/icon_s4.png") no-repeat center;
}

.main .service .items .item5 {
    background: url("../images/icon_s5.png") no-repeat center;
}

.main .service .items .item6 {
    background: url("../images/icon_s6.png") no-repeat center;
}

.main .service .items .item7 {
    background: url("../images/icon_s7.png") no-repeat center;
}

.main .service .items .item8 {
    background: url("../images/icon_s8.png") no-repeat center;
}

.main .service .items .item9 {
    background: url("../images/icon_s9.png") no-repeat center;
}

.main .service .items .item10 {
    background: url("../images/icon_s10.png") no-repeat center;
}

.main .service .items .item1 dl {
    background: url("../images/s1_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item2 dl {
    background: url("../images/s2_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item3 dl {
    background: url("../images/s3_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item4 dl {
    background: url("../images/s4_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item5 dl {
    background: url("../images/s5_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item6 dl {
    background: url("../images/s6_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item7 dl {
    background: url("../images/s7_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item8 dl {
    background: url("../images/s8_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item9 dl {
    background: url("../images/s9_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item10 dl {
    background: url("../images/s10_bg.png") no-repeat center;
    width: 212px;
    height: 190px;
}

.main .service .items .item:hover dl {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.main .service .items .item dl {
    opacity: 0;
}

.main .service .items .item dl dt {
    color: #fff;
}

.main .service .items .item dl dt h2 {
    text-align: center;
    line-height: 48px;
    font-size: 16px;

}
.main .service .items .item dl dt h2 a{ color: #fff;}
.main .service .items .item dl dt p {
    text-align: left;
    line-height: 38px;
    font-size: 13px;
    height: 100px;
     padding: 0 10px;
}

.main .service .items .item dl dd {
    text-align: center;
    padding-top: 0px;
    cursor: pointer;
}

.main .service .items .item dl dd a {
    display: inline-block;
    margin: 0 16px;
    color: #999;
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
    width: 130px;
    height: 34px;
}

.main .other {
    background: url("../images/other_bg.png") no-repeat;
    width: 162px;
    height: 38px;
    margin: 0 auto;
}

.main .other a {
    display: block;
    line-height: 38px;
    font-size: 14px;
    color: #808080;
    text-indent: 18px;
}

.qingwa {
    position: relative;
    height: 180px;
    width: 1090px;
    margin: 0 auto;
    margin-top: 30px;
}

.qingwa div {
    position: absolute;
    z-index: 2;
}

.qingwa .line1 {
    background: url("../images/line1.png") no-repeat;
    width: 175px;
    height: 48px;
    left: 130px;
    z-index: 1;
    top: 20px;
}

.qingwa .line2 {
    background: url("../images/line2.png") no-repeat;
    width: 117px;
    height: 34px;
    left: 375px;
    z-index: 1;
    top: 80px;
}

.qingwa .line3 {
    background: url("../images/line3.png") no-repeat;
    width: 168px;
    height: 67px;
    left: 606px;
    z-index: 1;
    top: 20px;
}

.qingwa .line4 {
    background: url("../images/line4.png") no-repeat;
    width: 205px;
    height: 66px;
    left: 817px;
    z-index: 1;
    top: 20px;
}

.qingwa .wa1 {
    background: url("../images/wa1.png") no-repeat;
    width: 280px;
    height: 169px;
}

.qingwa .wa2 {
    background: url("../images/wa2.png") no-repeat;
    width: 257px;
    height: 169px;
    left: 238px;
}

.qingwa .wa3 {
    background: url("../images/wa3.png") no-repeat;
    width: 270px;
    height: 169px;
    left: 477px;
}

.qingwa .wa4 {
    background: url("../images/wa4.png") no-repeat;
    width: 343px;
    height: 169px;
    left: 682px;
}

.qingwa .wa5 {
    background: url("../images/wa5.png") no-repeat;
    width: 169px;
    height: 169px;
    left: 927px;
}

.xuqiu {
    background: #f5f5f5;
    position: relative;
}

.xuqiu .whitebg {
    background: #fff;
    position: absolute;
    z-index: 0;
    height: 334px;
    width: 100%;
}

.xuqiu .warp {
    position: relative;
    z-index: 9;
}

.xuqiu .left {
    background: url("../images/xq_left_bg.png") no-repeat;
    width: 387px;
    height: 730px;
    padding-top: 335px;
    padding-left: 36px;
}

.xuqiu .left div {
    margin-bottom: 11px;
}

.xuqiu .right {
    background: url("../images/xq_right_bg.png") no-repeat top center;
    width: 789px;
    padding: 24px 34px 24px 0;
}
.ltit1 {
    display: flex;
    text-indent: 16px;
    padding-right: 20px;
    justify-content: space-between;
    border-left: 8px solid #1abb30;
    font-size: 20px;
    color: #232323;
    line-height: 24px;
    height: 24px;
}
.ltit {
    display: flex;
    text-indent: 16px;
    padding-right: 20px;
    justify-content: space-between;
    border-left: 8px solid #1abb30;
    font-size: 24px;
    color: #232323;
    line-height: 28px;
    height: 28px;
}

 .ltit a {
    color: #1abb30;
}

 .ltit a em {
    color: #d0d0d0;
    font-size: 12px;
}

.xuqiu .right table {
    border: 0;
    margin-left: 18px;
    margin-top: 20px;
    width: 732px;
    margin-bottom: 10px;
}

.xuqiu .right table td {
    border: 0;
    font-size: 14px;
    color: #4c4c4c;
}

.xuqiu .right table td:nth-child(3), .xuqiu .right table td:nth-child(4), .xuqiu .right table td:nth-child(5), .xuqiu .right table td:nth-child(6) {
    color: #808080;
}

.xuqiu .right .top { height: 310px;}
.xuqiu .right .bottom {
    background: url("../images/xq_right_bottom_bg.png") no-repeat;
    width: 788px;
    height: 393px;
    padding-top: 30px;
}

.xuqiu .right .bottom .form {
    padding-top: 18px;
}

.xuqiu .right .bottom .form .form-control {
    /*border: 0;*/
    height: 34px;
}

.xuqiu .right .bottom .form select {
    background: url("../images/sanjiao.png") 96% center no-repeat #fff;
    border: 0;
}

.xuqiu .right .bottom .form .lform {
    width: 280px;
    margin-left: 26px;
}

.xuqiu .right .bottom .form .rform {
    width: 418px;
    margin-right: 38px;
}

.xuqiu .right .bottom .form .form-group {
    margin-bottom: 10px;
}

.xuqiu .right .bottom .form .rform textarea {
    width: 418px;
    height: 240px;
    line-height: 24px;
}

.xuqiu .right .bottom .form .rform label {
    line-height: 36px;
    font-size: 12px;
    color: #808080;
}

.paiyou {
    background: url("../images/py_bg.png") no-repeat center 130px #f5f5f5;
    height: 590px;
    padding-top: 100px;
}

.paiyou .wenti {
    background: url("../images/py_wenti.png") no-repeat center;
    width: 1163px;
    height: 422px;
    margin: 0 auto;
}

.func .zizhi {
    background: url("../images/n_1.png") no-repeat 236px 46px;
    padding-top: 46px;
}

.func .zizhi h2.tit {
    text-align: center;
    font-size: 35px;
    color: #4c4c4c;
    padding-top: 60px;
}

.func .zizhi h3 {
    text-align: center;
    font-size: 22px;
    color: #b2b2b2;
    padding-top: 22px;
    text-transform: uppercase;
}

.func .zizhi .texts {
    width: 626px;
    margin: 0 auto;
    padding-top: 46px;
}

.func .zizhi .texts .text {
    background: url("../images/fangkuai.png") no-repeat left 2px;
    padding-left: 26px;
    font-size: 14px;
    color: #5e5e5e;
    line-height: 18px;
    margin-bottom: 16px;
}

.func .zizhi .swiper_zz_main {
    position: relative;
    padding-top: 42px;
}

.func .zizhi .swiper_qy_main {
    position: relative;
    padding-top: 74px;
}

.func .zizhi .swiper_zz {
    width: 1036px;
    margin: 0 auto;
}

.func .zizhi .swiper_zz .swiper-slide {
    text-align: center;
    line-height: 24px;
    width: 247px;
}

.swiper_zz_main .swiper-button-next,
.func .zizhi .swiper_qy_main .swiper-button-next,
.swiper_team_main .swiper-button-next,
.contactlist .swiper-button-next,
.swiper_partner_main .swiper-button-next {
    background: url("../images/right_btn.png") no-repeat;
    width: 16px;
    height: 24px;
}

.contactlist .swiper-button-prev,
.swiper_zz_main .swiper-button-prev,
.func .zizhi .swiper_qy_main .swiper-button-prev, .swiper_team_main .swiper-button-prev, .swiper_partner_main .swiper-button-prev {
    background: url("../images/left_btn.png") no-repeat;
    width: 16px;
    height: 24px;
}

.func .zizhi .swiper_zz .swiper-slide img {
    display: block;
    opacity: 0.9;
    margin: 0 auto;
}

.func .zizhi .swiper_zz .swiper-slide img:hover, .func .zizhi .swiper_qy_main .swiper-slide img:hover, .swiper_team_main .swiper-slide img:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.func .zizhi .swiper_qy_main .swiper-slide img {
    display: block;
    margin: 0 auto;
}

.func .zizhi .more {
    width: 111px;
    height: 38px;
    margin: 0 auto;
    margin-top: 22px;
}

.func .zizhi .swiper_qy_main {
    padding-bottom: 40px;
}

.func .zizhi .swiper_qy_main .toptit {
    font-size: 28px;
    color: #4c4c4c;
}

.func .zizhi .swiper_qy_main .toptit span {
    height: 2px;
    width: 30px;
    background: #4c4c4c;
    display: block;
    margin: 0 10px;
}

.func .zizhi .swiper_qy {
    width: 1050px;
}

.func .zizhi .swiper_qy .swiper-slide {
    width: 247px;
    height: 440px;
}

.func .zizhi .swiper_qy .swiper-slide div{
    margin: 28px 0;
    background: url("../images/qiye_item_bg.png") no-repeat;
    width: 247px;
    height: 184px;
}

.teammain {
    background: #f7f7f7;
    padding-bottom: 30px;
}

.teammain .team {
    background: url("../images/n2.png") no-repeat 236px 46px;
    padding-top: 46px;
}

.teammain .team h2.tit {
    text-align: center;
    font-size: 35px;
    color: #4c4c4c;
    padding-top: 60px;
}

.teammain .team h3 {
    text-align: center;
    font-size: 22px;
    color: #b2b2b2;
    padding-top: 22px;
    text-transform: uppercase;
}

.teammain .team .texts {
    width: 574px;
    margin: 0 auto;
    padding-top: 46px;
}

.teammain .team .texts .text {
    background: url("../images/fangkuai.png") no-repeat left 2px;
    padding-left: 26px;
    font-size: 14px;
    color: #5e5e5e;
    line-height: 18px;
    margin-bottom: 16px;
}

.teammain .swiper_team_main {
    position: relative;
    padding-top: 70px;
}

.teammain .swiper_team {
    width: 1050px;
    margin: 0 auto;
}

.teammain .swiper_team_main .swiper-slide dl {
    background: #fff;
    width: 245px;
    margin: 0 auto;
    padding-bottom: 20px;
    height: 426px;
}

.teammain .swiper_team_main .swiper-slide dl dt {
    width: 245px;
    overflow: hidden;
}

.teammain .swiper_team_main .swiper-slide dl dd {
    padding-top: 26px;
}

.teammain .swiper_team_main .swiper-slide dl dd h2 {
    text-indent: 12px;
    border-left: 8px solid #1abb30;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
    color: #4c4c4c;
}

.teammain .swiper_team_main .swiper-slide dl dd h2 span {
    font-size: 12px;
    color: #808080;
    padding-left: 10px;
}

.teammain .swiper_team_main .swiper-slide dl dd .address {
    font-size: 14px;
    color: #999;
    text-indent: 20px;
}

.teammain .swiper_team_main .swiper-slide dl dd .desc {
    padding-left: 20px;
    font-size: 14px;
    color: #626262;
    line-height: 24px;
    width: 200px;
}

.teammain .swiper_team_main .swiper-slide dl dd .desc p {
    display: block;
}

.teammain .swiper_team_main .swiper-slide dl dd .desc span {
    display: inline-block;
    width: 170px;
    vertical-align: top;
    margin-left: 3px;
}

.teammain .more {
    width: 111px;
    height: 38px;
    margin: 0 auto;
    margin-top: 22px;
}

.main .partner {
    padding-top: 50px;
}

.main .recruit {
    padding-top: 50px;
    padding-bottom: 50px;
}

.recruitinfo {
    padding-top: 36px;
}

.main .market {
    padding-top: 50px;
}

.main .news {
    padding-top: 50px;
}


.titmain .biaoti h3 {
    text-align: center;
    font-size: 22px;
    color: #b2b2b2;
    padding-top: 22px;
    text-transform: uppercase;
}
.titmain .tit {
    text-align: center;
    display: flex;
    justify-content: center;
    justify-items: center;
    font-size: 35px;
    color: #333;
    line-height: 44px;
}
.titmain .tit span {
    display: block;
    height: 2px;
    width: 80px;
    background: #2fc744;
    margin: 0 20px;
}
.titmain h3{ text-align: center; font-size: 22px; color: #9f9f9f; text-transform: uppercase; padding-top: 9px; letter-spacing: 4px;}
.main .biaoti h3 {
    text-align: center;
    font-size: 22px;
    color: #b2b2b2;
    padding-top: 22px;
    text-transform: uppercase;
}
.main .biaoti .tit {
    text-align: center;
    display: flex;
    justify-content: center;
    justify-items: center;
    font-size: 35px;
    color: #333;
    line-height: 44px;
}

.main .biaoti .tit span {
    display: block;
    height: 2px;
    width: 80px;
    background: #2fc744;
    margin: 0 20px;
}

.swiper_partner_main {
    position: relative;
    padding-top: 40px;
    padding-bottom: 70px;
}

.swiper_partner {
    width: 1010px;
}

.swiper_partner .swiper-slide img {
    /*max-height: 137px;*/
}

.recruit {
}

.recruit .left {
    width: 566px;
}

.recruit .left table {
    width: 566px;
}

.recruit .left table th {
    background: #79d16b;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
}

.recruit .left table td {
    color: #4c4c4c;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
    text-align: center;
    font-size: 14px;
}
.recruit .left table td:first-child{ text-align: left; text-indent: 4px;}
.recruit .left table td span {
    color: #1abb30;
    font-size: 14px;
}

.recruit .left table th:nth-child(1), .recruit .left table th:nth-child(2) {
    border-right: 3px solid #fff;
}

.recruit .left .more {
    margin-right: 26px;
}

.recruit .right {
    width: 634px;
    border-top: 3px solid #79d16b;
    padding-top: 14px;
    position: relative;
    /*background: url("../images/jobbg.png") no-repeat right bottom;*/
    height: 491px;
}
.swiper_partner{ padding: 10px 10px;}
.market {
    background: #f4f4f4;
}

.market .shopmain {
}

.market .shopmain .tabs {
    text-align: center;
    margin-top: 50px;
}

.market .shopmain .tabs a {
    display: block;
    width: 91px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #4c4c4c;
    font-size: 14px;
}

.market .shopmain .tabs span {
    display: block;
    width: 1px;
    height: 26px;
    margin: 0 36px;
    background: #808080;
}

.market .shopmain .tabs a.cur, .market .shopmain .tabs a:hover {
    color: #fff;
    background: url("../images/h_bg.png") no-repeat;
}

.market .goodslist {
    background: #fff;
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-top: 5px;
    padding-left: 5px;
}

.market .goodslist dl {
    width: 376px;
    flex: 0 0 376px;
    margin: 0 10px;
}

.market .goodslist dl dt {
    height: 300px;
    position: relative;
}

.market .goodslist dl dt div {
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/goodsbg.png") no-repeat;
    width: 376px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    opacity: 0;

}

.market .goodslist dl:hover dt div {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.market .goodslist dl dt div h1 {
    font-size: 22px;
    color: #fff;
    line-height: 46px;
}

.market .goodslist dl dt div p {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    width: 162px;
}

.market .goodslist dl dd {
    height: 102px;
    text-align: center;
}

.market .goodslist dl dd h2 {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.market .goodslist dl dd h2 a {
    font-size: 16px;
}

.market .goodslist dl dd span {
    font-size: 14px;
    color: red;
}

.market .goodslist dl dt img {
    display: block;
    width: 100%;
}

.market .more {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 60px;
}

.newsmain {
    padding-top: 64px;
}

.newsmain .news_left {
    width: 630px;
    border-top: 3px solid #79d16b;
    padding-top: 14px;
    padding-left: 4px;
    position: relative;
}

.recruit_right .recruit_img {
    width: 560px;
    margin-left: 65px;
    margin-right: 0;
}

.recruit .recruit_right .swiper-pagination {
    text-align: right;
    right: 10px;
}

.recruit .recruit_right .swiper-pagination-bullet {
    width: 68px;
    height: 6px;
    border-radius: 0;
    margin-left: 5px;
}

.recruit .recruit_right .swiper-pagination-bullet-active {
    background: #1abb30;
}

.newsmain .news_left .news_img {
    width: 492px;
    margin-left: 0;
}

.newsmain .news_left .swiper-pagination {
    text-align: right;
    right: 134px;
}
.topbrand{ margin-top: 32px;}
.newsmain .news_left .swiper-pagination-bullet {
    width: 68px;
    height: 6px;
    border-radius: 0;
    margin-left: 5px;
}

.newsmain .news_left .swiper-pagination-bullet-active {
    background: #1abb30;
}

.newsmain .news_right {
    width: 570px;
}

.newsmain .news_right .tabs {
    width: 570px;
    display: flex;
    justify-content: space-between;
}

.newsmain .news_right .tabs a {
    display: block;
    background: #79d16b;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    width: 32%;
}
.newsmain .news_right .tabs a.cur{
    /*height: 50px; line-height: 50px;*/
    background: #1abb30; font-weight: bold;
}

.newsmain .news_right .tabs a.a1 {
    /*width: 126px;*/
}

.newsmain .news_right .tabs a.a2 {
    /*width: 304px;*/
}

.newsmain .news_right .tabs a.a3 {
    /*width: 126px;*/
}

.newsmain .news_right .news_lists {
    padding-top: 40px;
}

.newsmain .news_right .news_lists dl {
    height: 98px;
    padding-top: 8px;
    margin-top: 10px;
    font-size: 16px;
    border-bottom: 1px solid #f9f9f9;
}

.newsmain .news_right .news_lists dl:hover {
    background: #91de9c;
}

.newsmain .news_right .news_lists dl:hover dt {
    color: #fff;
}

.newsmain .news_right .news_lists dl:hover dd {
    color: #fff;
}

.newsmain .news_right .news_lists dl:hover dd p {
    color: #fff;
}

.newsmain .news_right .news_lists dl dt {
    width: 126px;
    font-size: 36px;
    text-align: right;
    color: #b8b8b8;
}

.newsmain .news_right .news_lists dl dd {
    width: 440px;
    color: #b8b8b8;
    font-size: 16px;
    padding-left: 20px;
    line-height: 34px;
}

.newsmain .news_right .news_lists dl dd p {
    color: #b8b8b8;
    font-size: 14px;
    line-height: 24px;
}

.newsmain .news_right .news_lists dl dt span {
    display: block;
    font-size: 14px;
    text-align: right;
}

.newsmain .news_right .more {
    text-align: right;
    padding-top: 12px;
}

.case {
    padding-top: 120px;
}

.case .swiper_case_main {
    position: relative;
    padding-top: 56px;
}

.case .swiper_case_main .swiper-pagination {
    width: 100%;
    padding-top: 16px;
}

.case .swiper_case_main .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
}

.case .swiper-slide {
    position: relative;
}

.case .swiper-slide dl {
    background: url("../images/case_bg.png") no-repeat bottom center;
    width: 385px;
}

.case .swiper-slide dl dt {
    width: 377px;
    height: 283px;
    overflow: hidden;
}

.case .swiper-slide dl dd {
    height: 114px;
    overflow: hidden;
    background: url("../images/go.png") no-repeat 320px 22px;
}

.case .swiper-slide dl dd h2 {
    font-size: 16px;
    text-indent: 36px;
    line-height: 40px;
    padding-top: 20px;
}

.case .swiper-slide dl dd p {
    font-size: 12px;
    text-indent: 36px;
}

.case .swiper-slide dl dt img {
    width: 377px;
    height: 283px;
}

.case .swiper-slide .case_item div {
    opacity: 0;
    color: #fff;
    padding: 45px;
    height: 390px;
    border-radius: 5px;
    width: 377px;
    position: absolute;
    top: 0;
    left: 0;
    background: #8ddc98 url("../images/go.png") no-repeat 300px 312px;
}

.more a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.case .swiper-slide .case_item:hover div {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.case .swiper-slide .case_item div h2 {
    font-size: 16px;
}

.case .swiper-slide .case_item div p {
    font-size: 14px;
    padding-top: 20px;
    line-height: 24px;
}

.case .swiper-slide .case_item div h3 {
    font-size: 14px;
    text-align: left;
    color: #fff;
    padding-top: 10px;
}

.case .more {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 80px;
}

.serverdata {
    padding-bottom: 200px;
    background: url("../images/serverdata_bg.jpg") no-repeat top center #fff;
    padding-top: 60px;
}

.serverdata .fangzi {
    padding-top: 24px;
}

.serverdata .fangzi .span {
    display: block;
    width: 1px;
    height: 80px;
    background: #ccc;
    margin: 0 50px;
    margin-top: -215px;
}

.serverdata .fangzi .cur .fan {
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.serverdata .fangzi .cur .line {
    height: 62px;
    width: 2px;
    border-left: 2px dotted #79d16b;
    margin: 0 auto;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.serverdata .fangzi .cur .re {
    height: 10px;
    width: 10px;
    background: #79d16b;
    margin: 0 auto;
    border-radius: 50%;
}

.serverdata .fangzi .fan {

    width: 248px;
    height: 248px;
    margin: 0 auto;
    border: 10px solid #79d16b;
    border-radius: 50%;
    opacity: 0;
}

.serverdata .fangzi .fang1 {
    font-size: 18px;
    color: #666;
    text-align: center;
    background: url("../images/fang_1.png") no-repeat center 40px;
    background-size: 220px;
    width: 266px;
    height: 456px;
}

.serverdata .fangzi .fang1 span {
    font-size: 60px;
}

.serverdata .fangzi .fang2 span {
    font-size: 60px;
}

.serverdata .fangzi .fang3 span {
    font-size: 60px;
}

.serverdata .fangzi .fang1 em {
    display: block;
    line-height: 60px;
}

.serverdata .fangzi .fang2 em {
    display: block;
    line-height: 60px;
}

.serverdata .fangzi .fang3 em {
    display: block;
    line-height: 60px;
}

.serverdata .fangzi .fang2 {
    font-size: 18px;
    color: #666;
    text-align: center;
    background: url("../images/fang_2.png") no-repeat center 40px;
    background-size: 220px;
    width: 266px;
    height: 456px;
}

.serverdata .fangzi .fang3 {
    font-size: 18px;
    color: #666;
    text-align: center;
    background: url("../images/fang_3.png") no-repeat center 70px;
    background-size: 220px;
    width: 266px;
    height: 456px;
}

.serverdata .aboutus {
    padding-left: 54px;
    position: relative;
    background: url("../images/about_bg.png") no-repeat;
    width: 1053px;
    height: 282px;
    margin-left: 36px;
    margin-top: 20px;
}

.serverdata .aboutus h4 {
    color: #fff;
    line-height: 120px;
    font-size: 30px;
    letter-spacing: 4px;
}

.serverdata .aboutus p {
    color: #fff;
    line-height: 30px;
    width: 580px;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
}

.serverdata .aboutus .about_img {
    position: absolute;
    right: -102px;
    top: 40px;
}

.serverdata .aboutus .more {
    position: absolute;
    top: 308px;
}

.banner .warp {
    position: relative;
}

.login_small {
    background: url("../images/login_bg.png") no-repeat;
    width: 319px;
    height: 376px;
    position: absolute;
    right: 0;
    top: -456px;
    z-index: 9999;
}

.login_small .tabs {
    text-align: center;
    padding-top: 12px;
}

.login_small .tabs a {
    display: inline-block;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    margin: 0 20px;
    color: #4c4c4c;
    padding: 0 10px;
    width: 104px;
}

.login_small .tabs a.cur, .login_small .tabs a:hover {
    border-bottom: 3px solid #1abb30;
    background: #1abb30; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
    color: #fff;
}

.login_small .login_form {
    width: 250px;
    margin: 0 auto;
    padding-top: 14px;
}

.login_small .login_form .form-group {
    /*border-radius: 5px;*/
    /*border: 1px solid #f3f3f3;*/
    height: 38px;
}

.login_small .login_form .form-group div {
    padding-left: 0px;
}
.login_small .login_form .form-group div.popover-content{ padding-left: 14px; font-size: 12px;}
.login_small .login_form .form-group label {
    height: 20px;
    border-right: 1px solid #f3f3f3;
    margin-top: 8px;
}

.login_small .login_form .form-group input {
    /*border: 0;*/
    background: none;
    height: 38px;
    /*box-shadow: none;*/
}

.login_small .login_form .btn {
 margin: 0 1px;
}

.login_small .login_form .forget {
    padding-top: 40px;
}

.login_small .login_form .forget .checkbox {
    margin-top: 0;
}

.login_small .login_form .forget label {
    line-height: 20px;
}

.login_small .login_form .forget a {
    line-height: 20px;
    color: #10a0eb;
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px;
    height: 14px;
    background: #ededed;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    border-radius: 3px;
}

input[type=checkbox]:checked {
    background: #1abb30 url("../images/gou.png") no-repeat center;
}

.more a {
    display: block;
    margin: 0 auto;
    background: #fff;
    padding: 0;
    text-align: left;
    width: 111px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    font-size: 14px;
    color: #808080;
    text-indent: 20px;
}

.more a em {
    padding-left: 8px;
    font-family: Arial;
    font-size: 16px;
}

.more a:hover {
    border: 1px solid #1abb30;
    color: #fff;
    background: #1abb30;
}

.more1 a {
    width: 170px;
}

.btn-die {
    background: #999;
    color: #fff;
    padding: 6px 24px;
}

.btn-die:hover {
    background: #999;
    color: #fff;
    padding: 6px 24px;
}

.btn-ok:hover {
    background: #1abb30;
    color: #fff;
    padding: 6px 24px;
}

.btn-ok {
    background: #1abb30;
    color: #fff;
    padding: 6px 24px;
}

.btn-login {
    background: #1abb30;
    color: #fff;
    padding: 8px 38px;
}

.regmain,.forgetmain {
    background: url("../images/reg_bg.jpg") no-repeat bottom center;
    padding: 65px 0;
    height:100%;
}

.regmain .reg {
    width: 924px;
    margin: 0 auto;
    background: #fff;
}

.regmain .reg .tabs {
    text-align: center;
    height: 58px;
    line-height: 50px;
    padding-top: 6px;
    position: relative;
}

.regmain .reg .tabs .line {
    background: #ebebeb;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 58px;
}

.regmain .reg .tabs a {
    margin: 0 65px;
    display: inline-block;
    font-size: 20px;
    color: #4c4c4c;
    position: relative;
    z-index: 999;
}

.regmain .reg .tabs a span {
    background: url("../images/sanjiao1.png") no-repeat;
    position: absolute;
    width: 100%;
    height: 9px;
    top: 50px;
    margin-left: -6px;
    left: 50%;
    display: none;
}

.regmain .reg .tabs a.cur, .regmain .reg .tabs a:hover {
    color: #1abb30;
    border-bottom: 2px solid #1abb30;
}
.form-control{ height: 38px; border: 1px solid #ededed;}
.regmain .reg .tabs a.cur span, .regmain .reg .tabs a:hover span {
    display: block;
}
.wd235{ width: 235px !important;}
.regmain .reg .formmain {}
.regmain .reg .left{ width: 376px;  margin-top: 20px;}
.regmain .reg .left dl{padding-left: 92px;}
.regmain .reg .left dl dt{ background: url("../images/logo_small.png") no-repeat top center; padding-top: 60px; font-size: 20px;
    color: #4c4c4c; width: 220px; margin-top: 16px; margin-bottom: 20px;}
.regmain .reg .left dl dd{ font-size: 16px; color: #969696; line-height: 40px; text-indent: 5px;}
.regmain .reg .left dl dd.last{ font-size: 16px; color: #4c4c4c; line-height: 50px; text-indent: 5px;}
.regmain .reg .left dl dd.last a{ font-size: 16px; color: #10a0eb;}
.regmain .reg .right{ width: 546px; border-left: 1px dotted #eaeaea; margin-top: 20px; margin-bottom: 20px;}
.regmain .reg .right .form{ width: 368px; margin: 0 auto;}
.regmain .reg .right .form .form-control{ height: 36px;}
 .form .form-control:focus{ border-color:#1abb30;}
 .form-control-feedback{ height: 20px;    top: 8px; line-height: 22px; font-size: 14px; width: 45px; color: #b2b2b2;}
.regmain .reg .right .form .focus{color:#1abb30; }
.btn-default{ height:36px; line-height: 22px; margin-left: 9px; width: 120px; color: #1abb30; border: 1px solid #1abb30;}
.btn-default:hover{color: #fff; background: #1abb30; font-size: 14px;}
.btn-reg{ width: 100%; height: 36px; line-height: 22px; background: #1abb30; color: #fff; font-size: 16px; margin-top: 32px;}
.checkbox{ line-height: 20px;}
.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.imgshow{ position: absolute;
    top:36px; width: 100% !important; z-index: 99999; background: #fff; padding: 10px; display: none;}
.imgshow ul li{ float: left; width: 40%; text-align: center; font-size: 12px;  background: #fff; margin: 0 4%; line-height: 20px;}
.imgshow ul li img{ width: 100%; }

.forgetmain .forget{ width: 542px; background: #fff; margin: 0 auto;}
.forgetmain .forget .tabs{ height: 57px; line-height: 57px; font-size: 20px; color: #4c4c4c; border-bottom: 1px solid #ebebeb; text-align: center;}
.forgetmain .forget .formmain{ width: 370px; margin: 0 auto; margin-top: 30px;}
.infoset{ width: 500px; margin: 0 auto;}
.infoset .downbg{ width: 370px; margin: 0 auto; background: url("../images/icon_cphone.png") no-repeat top center; height: 246px; padding-top: 140px; margin-top: 40px;}
.infoset p{ border-top: 1px dotted #eaeaea; line-height: 26px; color: #969696; padding: 20px 12px;  text-align: center; font-size: 13px;}




.banner1{ background: url('../images/banner1.jpg') no-repeat top center; height: 320px;  margin-top: 15px;}
.banner2{ background: url('../images/banner2.jpg') no-repeat top center; height: 320px;  margin-top: 15px;}
.jsbanner{ background: url('../images/jsbanner.jpg') no-repeat top center; height: 400px; margin-top: 15px;}
.zsbanner{ background: url('../images/zsbanner.jpg') no-repeat top center; height: 320px; margin-top: 15px;}
.ubanner{ background: url('../images/ubanner.jpg') no-repeat top center; height: 160px; margin-top: 15px;}
.news_tabs{ text-align: center;}
.news_tabs a{ display: inline-block; text-align: center; background: #fff; padding: 15px 51px 13px 51px; margin: -30px 2px 0 2px; font-size: 16px; color: #333333;}
.news_tabs a.cur,.news_tabs a:hover{ border-bottom: 3px solid #1abb30; color: #1abb30;}
.news_main{ width: 1140px; margin: 20px auto 0 auto; padding-bottom: 50px;}
.news_main dl{ padding: 40px 18px; border-bottom: 1px dotted #e6e6e6;}
.news_main dl dt{ width: 240px; max-height: 144px; overflow: hidden;}
.news_main dl dd{ width: 820px; max-height: 144px; margin-left: 40px;}
.news_main dl dd h2{ font-size: 20px; color: #333333;}
.news_main dl dd h4{ font-size: 14px; color: #999999; line-height: 50px;}
.news_main dl dd p{ font-size: 15px; color: #727272; line-height: 30px;}
.news_main .dla:hover dl{ background: #f4f4f4;}
.news_main .dla:hover dl dd h2{ color:#1abb30; }
.page{ text-align: right;}
.page li a{ margin: 0 4px; color: #666666; font-size: 13px;}
.page li a:hover{ margin: 0 4px; background: #1abb30; border-color: #1abb30;}
.page li.active span{  margin: 0 4px; background: #1abb30; border-color: #1abb30;}
.page li.active span:hover{  margin: 0 4px; background: #1abb30; border-color: #1abb30;}

.newsmore_main{ width: 830px; margin: 40px auto 0 auto; padding-bottom: 50px;}
.newsmore_main .tit,.gsinfo .tit{ text-align: center; font-size: 22px; color: #333333; line-height: 48px;}
.newsmore_main .intime,.gsinfo .intime{ text-align: center; font-size: 14px; color: #999; line-height: 48px;}
.newsmore_main .details{ line-height: 32px; color: #333; font-size: 15px; }
.newsmore_main .details img{ max-width: 100%;  }

.yellowmain{ width: 1122px; margin: 0 auto; padding:50px 0;}
.yellowmain .cateselect{ text-align: center; padding-top: 46px;}
.yellowmain .cateselect dl{ display: inline-block; position: relative; margin: 0 8px;}
.yellowmain .cateselect dl:first-child{ width: 178px; text-align: left; display: inline-block; position: relative; margin: 0 12px;}
.yellowmain .cateselect dl:first-child i{ float: right; color: #fff; margin-top: -5px; font-size: 16px;}
.yellowmain .cateselect dl:first-child dt a:hover{ background: #1abb30; color: #fff; border-color: #1abb30;}
.yellowmain .cateselect dl.cur dt a{ background: #1abb30; color: #fff; border-color: #1abb30;}
.yellowmain .cateselect dl:first-child:hover dd{ display: block;}
.yellowmain .cateselect dl dt { position: relative; z-index: 999;}
.yellowmain .cateselect dl dt a{ font-size: 16px; color: #4c4c4c; display: block; padding:8px 26px; border: 1px solid #cfcfcf;-moz-border-radius:10em; -webkit-border-radius:10em; border-radius:10em;}
.yellowmain .cateselect dl dd{ position: absolute; width:168px; border: 1px solid #1abb30; border-top: 0;
    top: 28px; background: #fff; padding-top: 20px; z-index: 99; left: 6px; display: none;}

.yellowmain .cateselect dl dd a{ display: block; padding-left: 28px; font-size: 15px; color: #4c4c4c; line-height: 38px;}
.yellowmain .cateselect dl a:hover{ color: #1abb30;}
.companylist{ padding-top: 40px;}
.companylist dl{ padding: 24px 35px;  background: #f6f6f6; margin-bottom: 28px;}
.companylist dl dt{ width: 425px; overflow: hidden; height: 290px; background: #fff;}
.companylist dl dd{ width: 548px;}
.companylist dl dd h1{ font-size: 24px; color: #4c4c4c; line-height: 50px;}
.companylist dl dd ul{ }
.companylist dl dd ul li{ font-size: 14px; color: #8f8f8f; line-height: 30px;}
.companylist dl dd ul li span{ font-size: 24px; color: #ff9d1f; display: inline-block; vertical-align: middle;}
.companylist dl dd ul li em{ text-align:justify; width: 88px; display: inline-block;text-align:justify;text-align-last:justify;}
.companylist dl dd p{ font-size: 14px; color: #4b4b4b; padding-top: 20px;}
.companylist dl dd p span{ display: inline-block; width: 472px; vertical-align: top; line-height: 24px; margin-top: -5px; }
.companylist dl dd .btns { padding-top: 10px;}
.companylist dl dd .btns .btn{ padding: 6px 34px; margin-right: 12px;}

.xieyimain{ width: 890px; margin: 0 auto; background: #fff;}
.xieyimain .title{ height: 48px; line-height: 48px; font-size: 18px; color: #fff; background:#79d16b; text-indent: 30px; position: relative; }
.xieyimain .title a{ position: absolute;right: 30px; top: 5px; }
.xieyimain .info .tit{ border-bottom: 1px dotted #dcdcdc; text-align: center; font-size: 24px; color: #4c4c4c; line-height: 70px; margin-bottom: 10px;}
.xieyimain .info{ padding: 0 64px; font-size: 13px; line-height: 24px; height: 460px; overflow: hidden; overflow-y: scroll;}
.xieyimain .btns{border-top: 1px dotted #dcdcdc; margin-top: 10px; text-align: center; padding: 20px 0;}
.xieyimain .btns .btn{ padding: 8px 46px; margin: 0 15px;}

.bgmain{ background: #f6f6f6;}
.casewmain{ padding:50px 0; width: 1122px; margin: 0 auto;}
.casewmain .companylist dl{ padding: 24px 35px;  background: #fff; margin-bottom: 28px;}
.casewmain .companylist dl .caselabel{ padding-top: 20px;}
.casewmain .companylist dl .caselabel span{ font-size14px; color:#8f8f8f;-moz-border-radius:10em; -webkit-border-radius:10em; border-radius:10em; border: 1px solid #e6e6e6; padding: 5px 12px; }
.casewmain .companylist dl dd p{ color: #4b4b4b;}
.casewmain .companylist dl dd p span{ color: #9e9e9e; display: inline-block; width: 472px; vertical-align: top; line-height: 24px; margin-top: -5px; }
.casewmain .companylist dl dd .btns { padding-top: 20px;}
.casedetails{ margin: 0 auto; width:1200px; padding-top: 10px; padding-bottom: 50px;}
.casedetails .pull-left{width: 856px; background: #fff; padding: 50px;}
.casedetails .pull-left .tit{ font-size: 28px; color: #4c4c4c; line-height: 60px;}
.casedetails .pull-left .caselabel{ height: 50px; padding-top: 10px;  }
.casedetails .pull-left .caselabel span{ font-size14px; color:#8f8f8f;-moz-border-radius:10em; -webkit-border-radius:10em; border-radius:10em; border: 1px solid #e6e6e6; padding: 5px 12px; }
.casedetails .pull-left .info{ border-top: 1px dotted #dcdcdc; font-size: 14px; color: #4b4b4b; line-height: 24px; padding-top: 20px; white-space:normal}
.casedetails .pull-left .info img{ max-width: 100%;}
.casedetails .pull-right{width: 330px;}
.casedetails .pull-right .othercase{ border-bottom: 2px solid #1abb30; line-height: 38px; padding-top: 20px;}
.casedetails .pull-right .othercase h3{ font-size: 20px; color: #4c4c4c;}
.casedetails .pull-right .othercase h3 i{ font-size: 16px; color: #1abb30; margin-right: 10px;}
.casedetails .pull-right .othercase h3 a{ font-size: 12px; color: #1abb30; float: right;}
.casedetails .pull-right .othercase h3 a i{ font-size: 16px; color: #dbdbdb;}
.casedetails .pull-right .othercase dl{ margin-top: 24px; position: relative;}
.casedetails .pull-right .othercase dl dt{ display: block;}
.casedetails .pull-right .othercase dl dd{ position: absolute;
    bottom: 0; height: 44px; line-height: 44px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.4); width: 100%; text-indent: 14px;}
.casedetails .pull-right .othercase dl dd a{ color: #fff;}

.yellowdetails{ padding: 20px 0 50px 0;}
.yellowdetails .minfo{ width: 267px;  padding-bottom: 30px;}
.yellowdetails .headimgurl{ width: 88px; height: 128px; margin: 0 auto; padding-top: 40px;}
.yellowdetails .headimgurl img{ border-radius: 50%; margin: 0 auto;}
.yellowdetails .contactinfo{ font-size: 14px; color: #4c4c4c; line-height: 28px; padding-left: 30px; padding-top: 26px;}
.yellowdetails .contactinfo li em{ text-align:justify; width: 88px; display: inline-block;text-align:justify;text-align-last:justify;}
.yellowdetails .btns{ margin: 0 auto; padding-top: 20px; text-align: center; }
.yellowdetails .btns .btn{ padding: 6px 26px; margin: 0 4px; }
.lan{ position: relative;}
.lan .lan1{ position: absolute; top: 0;overflow: hidden;  left: 0; background: url("../images/lan1.png") no-repeat; width: 267px; height: 37px; z-index: 2;}
.lan .lan2{ position: absolute; top: 0;overflow: hidden;  left: 0; background: url("../images/lan2.png") no-repeat; width: 267px; height: 47px; z-index: 1;}
.yellowdetails .pull-right{ width: 914px;}
.yellowdetails .compenyinfo{}
.yellowdetails .compenyinfo .tit{ height: 36px; text-indent: 30px; line-height: 36px; background: #c4e3bf; font-size: 16px; color: #4c4c4e;}
.companylist{ padding-top: 40px;}
.yellowdetails .compenyinfo  .sanjiao{ display: inline-block; vertical-align: top;}
.yellowdetails .compenyinfo  dl{display: inline-block; padding: 24px 35px;  background: #fff; margin-bottom: 28px; width: 904px; border: 1px solid #d9d9d9; border-top: 0;}
.yellowdetails .compenyinfo  dl dt{ width: 284px; overflow: hidden;}
.yellowdetails .compenyinfo  dl dd{ width: 490px;}
.yellowdetails .compenyinfo  dl dd h1{ font-size: 24px; color: #4c4c4c; line-height: 50px;}
.yellowdetails .compenyinfo  dl dd ul{ }
.yellowdetails .compenyinfo  dl dd ul li{ font-size: 14px; color: #8f8f8f; line-height: 30px;}
.yellowdetails .compenyinfo  dl dd ul li span{ font-size: 24px; color: #ff9d1f; display: inline-block; vertical-align: middle;}
.yellowdetails .compenyinfo  dl dd ul li em{ text-align:justify; width: 88px; display: inline-block;text-align:justify;text-align-last:justify;}
.yellowdetails .compenyinfo  dl dd p{ font-size: 14px; color: #4b4b4b; padding-top: 20px; line-height: 24px;}
.yellowdetails .compenyinfo  dl dd p span{ display: inline-block; width: 472px; vertical-align: top; line-height: 24px; margin-top: -5px; }
.yellowdetails .company_zizhi{ position: relative; width: 904px; margin-left: 10px; }
.yellowdetails .company_zizhi .swiper_zz_main{ margin-top: 30px; position: relative;}
.yellowdetails .company_zizhi .swiper_zz{ width: 840px;}
.yellowdetails .company_zizhi .swiper-slide a{  text-align: center; display: block;}


.titmain1{ border-bottom: 2px solid #1abb30; line-height: 38px; padding-top: 20px;}
.titmain1 h3{ font-size: 20px; color: #4c4c4c;}
.titmain1 h3 i{ font-size: 16px; color: #1abb30; margin-right: 10px;}
.titmain1 h3 a{ font-size: 12px; color: #1abb30; float: right;}
.titmain1 h3 a i{ font-size: 16px; color: #dbdbdb;}



.toppro{ padding-top: 30px; width: 904px; margin-left: 10px;}
.toppro .goodslist {
    background: #fff;
    margin-top: 22px;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-top: 5px;
    padding-left: 5px;
}

.toppro .goodslist dl {
    width: 290px;
    flex: 0 0 290px;
    margin: 0 4px;
}

.toppro .goodslist dl dt {
    height: 232px;
    position: relative;
}

.toppro .goodslist dl dt div {
    height: 232px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/goodsbg.png") no-repeat;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    opacity: 0;

}

.toppro .goodslist dl:hover dt div {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.toppro .goodslist dl dt div h1 {
    font-size: 22px;
    color: #fff;
    line-height: 46px;
}

.toppro .goodslist dl dt div p {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    width: 162px;
}

.toppro .goodslist dl dd {
    height: 102px;
    text-align: center;
}

.toppro .goodslist dl dd h2 {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.toppro .goodslist dl dd h2 a {
    font-size: 16px;
}

.toppro .goodslist dl dd span {
    font-size: 14px;
    color: #b2b2b2;
}

.toppro .goodslist dl dt img {
    display: block;
    width: 100%;
}
.job_list { width: 904px; margin-left: 10px;}
.job_list .joblist{}
.job_list .joblist dl{ float: left; width: 210px; border: 1px solid #dfdfdf; padding-bottom: 20px; margin: 20px 16px 0 0;}
.job_list .joblist dl dt{font-size: 20px; color: #4c4c4c; text-align: center; line-height: 60px;}
.job_list .joblist dl dd{ text-indent: 10px; }
.job_list .joblist dl dd p{ font-size: 14px; color: #8f8f8f; line-height: 28px;  }
.job_list .joblist dl dd .btn{ padding: 6px 28px ; text-indent: 0; }
.job_list .joblist dl.cur dt{ color:#1abb30 }



.needmain{ padding: 50px 0;}
.needmain .needinfo{ margin-top: 50px; position: relative; }
.needmain .needinfo .catelist{ background: #f9f9f9; width: 800px; padding-top: 20px;}
.needmain .needinfo .catelist dl{ padding-bottom: 24px; width: 344px; padding-left: 46px; background: url("../images/shu.png") repeat-y 84px 0;}
.needmain .needinfo .catelist dl dt{ height: 30px; }
.needmain .needinfo .catelist dl dt span{ background-repeat: no-repeat; background-position-y: center; display: inline-block; width:30px; height: 30px; vertical-align: middle; margin-right: 5px;}
.needmain .needinfo .catelist dl dt em{ display: inline-block; border-radius: 50%; width: 10px; height: 10px; border: 2px solid #e3ecf2; background: #fff; }
.needmain .needinfo .catelist dl dt h2{ display: inline-block; font-style: 14px; color: #fff; text-indent: 16px; margin-left: 5px;}
.needmain .needinfo .catelist dl dt h2.c1{ background: url("../images/c1.png") no-repeat; height: 24px;line-height:24px; width: 182px; }
.needmain .needinfo .catelist dl dt h2.c2{ background: url("../images/c2.png") no-repeat; height: 24px;line-height:24px; width: 182px; }
.needmain .needinfo .catelist dl dt h2.c0{ background: url("../images/c3.png") no-repeat; height: 24px;line-height:24px; width: 182px; }
.needmain .needinfo .catelist dl dd{ float: right; width: 240px; font-size: 12px; color: #999999; line-height: 24px;}
.needmain .needinfo .catelist .pull-left:nth-child(2){ margin-left: 40px;}
.needmain .needinfo .rightform{ position: absolute;
    top: 0; right: 0; width: 360px; border: 1px solid #e0e0e0; background: #f9f9f9; padding-top: 20px;}
.needmain .needinfo .rightform .ltit{ margin-bottom: 20px;}
.needmain .needinfo .rightform .form{ width: 300px; margin: 0 auto;}
.form select{ background: url(../images/sanjiao.png) 96% center no-repeat #fff;}
.needmain .needinfo .rightform .form .xieyi{  vertical-align: bottom;}

.needmain .needlist{  padding: 50px 0;}
.needmain .cate{ width: 260px; height: 480px;}
.needmain .cate dl{  position: relative; }
.needmain .cate dl dt{  position: relative; z-index: 2; height: 50px; line-height: 50px; text-align: center; background: #1abb30; border-radius: 10em; color: #fff; font-size: 20px;}
.needmain .cate dl dt a{  color: #fff; font-size: 20px;}
.needmain .cate dl dd{  position: absolute; z-index: 1; background: #f8f8f8; width: 100%;
    top: 30px; padding-top: 40px; padding-bottom: 20px;}
.needmain .cate dl dd a{border-left: 4px solid #f8f8f8;  display: block; height: 24px; line-height: 24px; color: #4b4b4b; font-size: 16px; text-align: center; margin: 10px 0;}
.needmain .cate dl dd a:hover,.needmain .cate dl dd a.cur{ color:#1abb30; border-left: 4px solid #1abb30;  }
.needmain .needlist .table{ width: 910px; border: 1px solid #e8e8e8;}
.needmain .needlist .table th{  font-size: 18px; color: #232323;border-bottom: 2px solid #1abb30; height: 48px;}
.needmain .needlist .table td{ font-size: 14px; color: #4c4c4c; border: 0;}
.needmain .needlist .table td:nth-child(1),.needmain .needlist .table td:nth-child(2){text-align: center; height: 38px; }
.needmain .needlist .table th:nth-child(2){ text-align: center;}

.joinbanner{ background: url('../images/join.jpg') no-repeat top center; height: 320px;}
.yellowbanner{ background: url('../images/ybanner.jpg') no-repeat top center; height: 320px;}
.teambanner{ background: url('../images/zhuanjia.jpg') no-repeat top center; height: 320px;}
.joinbanner .form,.teambanner .form{ width: 800px; margin:0 auto; padding-top: 235px;}
.joinbanner .form .form-control-feedback,.teambanner .form .form-control-feedback{ border-right: 0; background: url('../images/search.png') no-repeat; width: 22px; height: 22px; left: 14px;}
.joinbanner .form .form-control{width: 688px; vertical-align: top; height: 40px; border: 1px solid #dedede; color: #fff; background: rgba(255,255,255,0.4); font-size: 15px;}
.teambanner .form .form-control{width: 688px; vertical-align: top; height: 40px; border: 1px solid #fff; color: #fff; background: rgba(255,255,255,0.4); font-size: 15px;}
.joinbanner .form .form-control::placeholder,.teambanner .form .form-control::placeholder{ color: #fff;}
.joinbanner .form .btn,.teambanner .form .btn{width: 86px; height: 40px; border: 1px solid #dedede; color: #fff; background: rgba(255,255,255,0.4); line-height: 26px; font-size: 16px; margin-left: 20px;}
.teambanner .form .btn{background: rgba(255,255,255,0.3);}
.teambanner .form .btn{ border-color: #fff;}

.jobmain{ padding: 40px 0;}
.jobmain .hotwei{ border-top: 1px dotted #dfdfdf;border-bottom: 1px dotted #dfdfdf;}
.jobmain .hotwei span{ width: 108px;margin: 10px 0 10px 0; line-height: 24px; display: inline-block; background: url("../images/hot.png") no-repeat left center; padding-left: 16px; font-size: 14px; color: #767676;}
.jobmain .hotwei div,.jobmain .address div{ width: 1092px;}
.jobmain .hotwei a{ font-size: 14px; color: #767676;display: inline-block;  line-height: 24px; margin: 10px 34px 10px 0;}
.jobmain .hotwei a.alldown{ border: 1px solid #dedede; background: #eeeceb; padding: 0 4px; }

.jobmain .address { border-bottom: 1px dotted #dfdfdf;}
.jobmain .address span{ width: 108px;margin: 10px 0 10px 0; line-height: 24px; display: inline-block; background: url("../images/address.png") no-repeat left center; padding-left: 16px; font-size: 14px; color: #767676;}
.jobmain .address a{ font-size: 14px; color: #767676;display: inline-block;  line-height: 24px; margin: 10px 34px 10px 0;}
.jobmain .address a:hover,.jobmain .hotwei a:hover{    color: #1abb30;}
.jobmain .joblist { flex-wrap:wrap;justify-content:space-between;}
.jobmain .joblist dl{ width: 585px; flex: 0 0 585px; margin-top: 20px; border:1px solid #e4e4e4; padding: 26px;}
.jobmain .joblist dl dt { padding-bottom: 20px;}
.jobmain .joblist dl dt h2{ font-size: 18px; color: #4c4c4c;}
.jobmain .joblist dl.cur dt h2{ color: #1abb30;}
.jobmain .joblist dl dt h2 span{ font-size: 16px; color: #969696; margin-left: 10px;}
.jobmain .joblist dl dt h2 em{ font-size: 20px; color: #ff9d1f; float: right;}
.jobmain .joblist dl dt h3{ font-size: 16px; color: #969696; line-height: 40px;}
.jobmain .joblist dl dt h4{}
.jobmain .joblist dl dt h4 span{ display: inline-block; border: 1px solid #e4e4e4; padding: 6px 16px; color: #969696; font-size: 14px; margin-right: 4px;}
.jobmain .joblist dl dd{ padding-top: 24px;border-top: 1px dotted #eaeaea; font-size: 16px; color: #969696;}
.jobmain .joblist dl dd span{ float: right; background: url('../images/zixun.png') no-repeat left center;height: 18px; padding-left: 24px;}
.jobdetails{ padding-top: 14px;}
.jobdetails .pull-left{ width: 860px; background: #fff; padding: 0 50px;}
.jobdetails .pull-left .pos{  line-height: 50px; font-size: 13px; color: #969696;}
.jobdetails .pull-left .pos span{  color: #4b4b4b;}
.jobdetails .pull-left .topinfo h2{font-size: 28px; color: #4c4c4c;}
.jobdetails .pull-left .topinfo h2 span{ font-size: 16px; color: #969696; margin-left: 10px;}
.jobdetails .pull-left .topinfo h3 em{ font-size: 20px; color: #ff9d1f; }
.jobdetails .pull-left .topinfo h3{ font-size: 16px; color: #969696; line-height: 40px;}
.jobdetails .pull-left .topinfo h4 span{ display: inline-block; border: 1px solid #e4e4e4; padding: 6px 16px; color: #969696; font-size: 14px; margin-right: 4px;}
.jobdetails .pull-left .bottominfo{border-top: 1px dotted #dfdfdf; margin-top: 20px; font-size: 14px; line-height: 30px;}
.jobdetails .pull-left .bottominfo .tip{ line-height: 30px; font-size: 13px; color: #969696;}
.jobdetails .pull-left .bottominfo .tip a{ float: right; color: #4899d0;}
.jobdetails .pull-right{ width: 328px;}
.jobdetails .pull-right .company_info{  background: #fff; padding: 20px 40px; font-size: 16px; color: #969696; line-height: 32px;}
.jobdetails .pull-right .company_info span{  color: #000;text-align:justify;text-align-last:justify; display: inline-block; width: 80px;}
.jobdetails .pull-right .company_info em{ display: inline-block; width: 160px; vertical-align: top;}



.xuetangmain .row1 .xuetang_swiper{ width: 710px; height: 402px;}
.xuetangmain .row1 .xuetang_swiper .swiper-pagination-bullet{ background: #fff;}
.xuetangmain .row1 .yugao{ width: 490px;}
.xuetangmain .row1 .yugao .tit{ height: 44px; line-height: 44px; background: url("../images/clock.png") no-repeat 20px center #79d16b; font-size: 18px; color: #fff; text-indent: 52px;}
.xuetangmain .row1 .yugao .tit a{ float: right; font-size: 12px; color: #fff; padding-right: 10px;}
.xuetangmain .row1 .yugao .tit a em{ color: #fff;}


.xuetangmain .huodong{ background: #f4f4f4; height: 358px;padding-left: 34px;}
.xuetangmain .huodong dl{  height: 51px; position: relative; }
.xuetangmain .huodong dl.isend dt{ color: #989898;}
.xuetangmain .huodong dl.isend dt img{ vertical-align: middle; margin-left: 6px; display: inherit;}
.xuetangmain .huodong dl i{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #d2d2d2; margin-right: 14px; position: absolute; top: 23px; left: -4px;}
.xuetangmain .huodong dl dt{ line-height: 51px; font-size: 15px; color: #4c4c4c; margin-left: -5px;}
.xuetangmain .huodong dl dt span{ float: right; padding-right: 20px; color: #969696; font-size: 14px;}
.xuetangmain .huodong dl dd{z-index: 99999; padding-left: 30px;  position: absolute;top: -10px; background: #fff; height: 70px; width: 490px; left: -33px; display: none; font-size: 15px; color: #1abb30;}
.xuetangmain .huodong dl dd span{ float: right; width: 102px; padding-right: 20px; font-size: 14px; color: #3d3d3d; text-align: center; padding-top: 8px; line-height: 24px;}
.xuetangmain .huodong dl dd span em{ font-size: 14px; display: block; color: #1abb30;}
.xuetangmain .huodong dl dd i{ background: #1abb30;  top: 34px; left: 29px;}
.xuetangmain .huodong dl dt p{ height: 48px; display: inline-block; width: 336px; line-height: 24px; padding-top: 10px;border-left: 2px dotted #d7d7d7; padding-left: 20px; margin-left: 4px;}
.xuetangmain .huodong dl dt p img{ display: none;}
.xuetangmain .huodong dl dd p{ height: 70px; display: inline-block; width: 290px; line-height: 24px; padding-top: 10px;border-left: 2px dotted #d7d7d7; padding-left: 20px; margin-left: 2px;}



.xuetangmain .row2{ padding-top: 50px;}
.xuetangmain .row2 .rightinfo{ width: 960px;}
.xuetangmain .row2 .rightinfo .tabs{ text-align: left;}
.xuetangmain .row2 .rightinfo .tabs a{ display: inline-block; font-size: 16px; color: #747474; margin-right: 30px; line-height: 30px;}
.xuetangmain .row2 .rightinfo .tabs a.cur,.xuetangmain .row2 .rightinfo .tabs a:hover{ color: #1abb30; border-bottom: 2px solid #1abb30;}
.xuetangmain .row2 .rightinfo .tabs a.more{ float: right; font-size: 12px; color: #1abb30; margin-right: 0;}
.xuetangmain .row2 .rightinfo .tabs a.more:hover{ border-bottom: 0;}

.xuetangmain .row2 .rightinfo dl{ width: 222px; height:176px; margin-top: 14px; flex: 0 0 240px;}
.xuetangmain .row2 .rightinfo dl dt{ position: relative; height: 128px; overflow: hidden;}
.xuetangmain .row2 .rightinfo dl dt i{ position: absolute; color: #fff; border: 2px solid #fff; border-radius: 50%;
    top: 48px; left: 94px; width: 30px; height: 30px; padding-top: 7px; padding-left: 11px;}
.xuetangmain .row2 .rightinfo dl dt span{ position: absolute; top: 0; left: 0; background: #0ebfa0; color: #fff; width: 42px; height: 20px; line-height: 20px; text-align: center; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.xuetangmain .row2 .rightinfo dl dt span.need{  background: #f09c31;}
.xuetangmain .row2 .rightinfo dl dd a{ display: block; font-size: 14px;line-height: 36px; color: #4c4c4c;}
.xuetangmain .row2 .rightinfo dl dd span{font-size: 13px; color: #969696; font-family:"PingFang SC";}
.xuetangmain .row3 { padding-top: 30px;}
.xuetangmain .row3 .tit{ text-indent: 45px; font-size: 18px; color: #4c4c4c; background: url("../images/icon_jishu.png") no-repeat 12px center #f7f7f7; height: 40px; line-height: 40px;}
.xuetangmain .row3 .tit .tabs{ display: inline-block; padding-left: 78px;}
.xuetangmain .row3 .tit .tabs a{ font-size: 16px; margin-right: 30px;}
.xuetangmain .row3 .tit .tabs a:hover,.xuetangmain .row3 .tit .tabs a.cur{border-bottom:2px solid #1abb30;}
.xuetangmain .row3 .tit a.more{ color: #1abb30; font-size: 12px; float: right; padding-right: 10px; }
.xuetangmain .row3 .flex{ padding-top: 22px;}
.xuetangmain .row3 .lista{ width: 420px; }
.xuetangmain .row3 .lista a{ display: block; border-bottom: 1px dotted #e4e7e3; font-size: 14px; color: #4c4c4c; line-height: 36px;}
.xuetangmain .row3 .lista a:hover{ color: #1abb30;}
.xuetangmain .row3 .lista a:hover span{ color: #1abb30;}
.xuetangmain .row3 .lista a img{ vertical-align: middle; margin-left: 4px;}
.xuetangmain .row3 .lista a span{ float: right; font-size: 14px; color: #969696;  font-family:"PingFang SC";}

.xuetangmain .row4{ padding-top: 50px; padding-bottom: 50px; }
.xuetangmain .row4 .newsa{ width: 480px; }
.xuetangmain .row4 .newsa .ltit { padding-right: 0; font-size: 20px; height: 20px;line-height: 20px; color: #4c4c4c;}
.xuetangmain .row4 .newsa .ltit a{ float: right;}
.xuetangmain .row4 .newsa .lista{ border: 1px solid #dedede; padding: 17px 0; margin-top: 24px; height: 516px;}
.xuetangmain .row4 .newsa .lista a{ display: block; line-height: 48px; padding: 0 24px; font-size: 15px; color: #4c4c4c;}
.xuetangmain .row4 .newsa .lista a:hover{ color: #1abb30; background: #f4f4f4;}
.xuetangmain .row4 .newsa .lista a span{ float: right; width: 88px; text-align: justify;text-align-last:justify;}


.xuetangmain .videolist{ padding: 40px;}
.xuetangmain .videolist .tabs{ text-align: left;}
.xuetangmain .videolist .tabs a{ display: inline-block; font-size: 16px; color: #747474; margin-right: 30px; line-height: 30px;}
.xuetangmain .videolist .tabs a.cur,.xuetangmain .videolist .tabs a:hover{ color: #1abb30; border-bottom: 2px solid #1abb30;}
.xuetangmain .videolist .tabs a.more{ float: right; font-size: 12px; color: #1abb30; margin-right: 0;}
.xuetangmain .videolist .tabs a.more:hover{ border-bottom: 0;}

.xuetangmain .videolist dl{ width: 222px; height:176px; margin-top: 14px; flex: 0 0 240px;}
.xuetangmain .videolist dl dt{ position: relative;}
.xuetangmain .videolist dl dt i{ position: absolute; color: #fff; border: 2px solid #fff; border-radius: 50%;
    top: 48px; left: 94px; width: 30px; height: 30px; padding-top: 7px; padding-left: 11px;}
.xuetangmain .videolist dl dt span{ position: absolute; top: 0; left: 0; background: #0ebfa0; color: #fff; width: 42px; height: 20px; line-height: 20px; text-align: center; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.xuetangmain .videolist dl dt span.need{  background: #f09c31;}
.xuetangmain .videolist dl dd a{ display: block; font-size: 14px;line-height: 36px; color: #4c4c4c;}
.xuetangmain .videolist dl dd span{font-size: 13px; color: #969696; font-family:"PingFang SC";}

.jishutabs{ text-align: center;margin-top: 45px;}
.jishutabs a{ display: inline-block;font-size: 16px;
    color: #747474;
    margin-right: 30px;
    line-height: 30px;}
.jishutabs a.cur{ color: #1abb30; border-bottom: 2px solid #1abb30;}
.xuetangmain .others{ padding-bottom: 50px; padding-top: 20px;}
.xuetangmain .others h2{ height: 36px; line-height: 36px; font-size: 16px; color: #333333; background:url('../images/logo_smalls.png') 10px center no-repeat #f2f2f4; text-indent: 35px;}
.xuetangmain .others dl{ width: 222px; height:176px; margin-top: 14px; flex: 0 0 240px;}
.xuetangmain .others dl dt{ position: relative;}
.xuetangmain .others dl dt i{ position: absolute; color: #fff; border: 2px solid #fff; border-radius: 50%;
    top: 48px; left: 94px; width: 30px; height: 30px; padding-top: 7px; padding-left: 11px;}
.xuetangmain .others dl dt span{ position: absolute; top: 0; left: 0; background: #0ebfa0; color: #fff; width: 42px; height: 20px; line-height: 20px; text-align: center; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.xuetangmain .others dl dt span.need{  background: #f09c31;}
.xuetangmain .others dl dd a{ display: block; font-size: 14px;line-height: 36px; color: #4c4c4c;}
.xuetangmain .others dl dd span{font-size: 13px; color: #969696; font-family:"PingFang SC";}
.videodetails{ background: #fff; padding: 0 120px; }
.videodetails .pos{ line-height: 60px; font-size: 14px; color: #999;}
.videodetails .pos span{color: #333333;}
.videodetails .tit{ font-size: 24px; color: #333333; height: 26px;line-height: 26px;}
.videodetails .tit span{ font-size: 14px; color: #fff; background:#0ebfa0; margin-left: 20px; padding: 3px 10px; border-radius: 30px; vertical-align: top; }
.videodetails .tit span.need{ background: #f09c31;}
.videobg{ padding: 14px 0 50px 0;}
.videodetails .details{ padding-top: 30px;}
.details .tit{ font-size: 18px; color: #4b4b4b;}
.details{ font-size: 14px; color: #969696; line-height: 26px;}
.dplayer-setting,.dplayer-full-in-icon{ display: none !important;}
.tit a em,.tabs a.more em{    color: #d0d0d0;
    font-size: 12px;}

.jishumain{ margin-top: -130px; padding-top: 60px; background: #fff; padding-bottom: 50px;}

.jishumain .jishulist{ border: 1px solid #e8e8e8; width: 862px; margin: 0 auto; margin-top: 20px; }
.jishumain .jishulist .tit{ border-bottom: 2px solid #1abb30; height: 48px; line-height: 48px; padding: 0 42px; font-size: 18px;color: #232323;}
.jishumain .jishulist .lista{ padding: 10px 0; min-height: 200px;}
.jishumain .jishulist .lista a{ border-top: 1px solid #fff;border-bottom: 1px solid #fff; display: block; height: 38px; line-height: 38px; font-size: 14px; color: #4c4c4c; padding-right: 42px; padding-left: 24px;}
.jishumain .jishulist .lista a:hover{background: #f8f8f8; color: #1abb30; border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.jishumain .jishulist .lista a span{ float: right;}
.jishumain .jishulist .lista a i{ color: #79d16b; font-size: 12px; margin-right: 10px;
    transform:scale(0.5,0.5);
    -ms-transform:scale(0.5,0.5);	/* IE 9 */
    -moz-transform:scale(0.5,0.5);/* Firefox */
    -webkit-transform:scale(0.5,0.5); /* Safari 和 Chrome */
    -o-transform:scale(0.5,0.5);
}

.adbottom{ padding-bottom: 50px;}

.jishudetails{ width: 1100px; background: #fff; border: 1px solid #e8e8e8; padding: 0 50px; padding-top: 20px;}
.jishudetails .tit{ text-align: center; font-size: 28px; color: #4c4c4c; line-height: 60px;}
.jishudetails .intime{ text-align: center; font-size: 14px; color: #969696; line-height: 24px;}
.jishudetails .details{ margin-top: 36px; border-top: 1px dotted #e8e8e8; padding-top: 20px; line-height: 24px; font-size: 14px; color: #4b4b4b; padding-bottom: 40px;}





.catenav{ background: #f6f6f6; height: 72px;}
.catenav a{ font-size: 15px; color: #6f6f6f; padding: 5px 12px; border-radius: 30px; margin: 0 4px;}
.catenav a.cur,.catenav a:hover{color: #fff; background: #1abb30;}
.zhishimain{ padding-top: 38px; padding-bottom: 50px;}
.zhishimain .linfo{ width: 680px;}
.zhishimain .rinfo{ width: 420px;}
.zhishimain .rinfo .zhishi{ padding-top: 38px;}
.zhishimain .rinfo .zhishi dl{ padding-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #ececec;}
.zhishimain .rinfo .zhishi dl:hover{ background: #91de9c;  border-bottom: 1px solid #91de9c; }
.zhishimain .rinfo .zhishi dl:hover dt{ color: #fff;}
.zhishimain .rinfo .zhishi dl:hover dd{ color: #fff;}
.zhishimain .rinfo .zhishi dl:hover dd p{ color: #fff;}
.zhishimain .rinfo .zhishi dl dt{ width: 86px; font-size: 28px; color: #b9b9b9; text-align: right; }
.zhishimain .rinfo .zhishi dl dt span{ font-size: 14px; display: block;}
.zhishimain .rinfo .zhishi dl dd{ width: 312px; font-size: 16px; color: #4b4b4b; line-height: 36px;}
.zhishimain .rinfo .zhishi dl dd p{  font-size: 14px; color: #b8b8b8; line-height: 24px;}
.zhishimain .rinfo .zhishi dl{ }


.titstop { font-size: 20px; color: #4c4c4c; border-bottom: 2px solid #79d16b; line-height: 40px;}
.titstop i{ color: #79d16b; font-size: 14px; margin-right: 10px;}


.zhishimain .linfo .relacompany{ flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; max-height: 304px; overflow: hidden; min-height: 160px;}
.zhishimain .linfo .relacompany a{ width: 152px; height: 108px;  margin-top: 38px; margin-left: 24px;}
.zhishimain .linfo .relacompany a img{ max-width: 152px; max-height: 108px; }
.zhishimain .linfo .relacompany a:first-child,.zhishimain .linfo .relacompany a:nth-child(5){margin-left: 0;}


.zhishimain .linfo .bottom {

    background: url("../images/xq_right_bottom_bg.png") no-repeat;
    height: 393px;
    padding-top: 20px;
    margin-top: 30px;
}

.zhishimain .linfo .bottom .form {
    padding-top: 18px;
}

.zhishimain .linfo .bottom .form .form-control {
    /*border: 0;*/
    height: 32px;
}

.zhishimain .linfo .bottom .form select {
    background: url("../images/sanjiao.png") 96% center no-repeat #fff;
    border: 0;
}

.zhishimain .linfo .bottom .form .lform {
    width: 280px;
    margin-left: 26px;
}

.zhishimain .linfo .bottom .form .rform {
    width: 320px;
    margin-right: 20px;
}

.zhishimain .linfo .bottom .form .form-group {
    margin-bottom: 10px;
}

.zhishimain .linfo .bottom .form .rform textarea {
    width: 320px;
    height: 202px;
    line-height: 24px;
}

.zhishimain .linfo .bottom .form .rform label {
    line-height: 36px;
    font-size: 12px;
    color: #808080;
}

.zhishimain .linfo .catelist{ padding-bottom: 40px;}
.zhishimain .linfo .catelist .dllist{ padding-top: 20px;}
.zhishimain .linfo .catelist dl{ margin-top: 10px;}
.zhishimain .linfo .catelist dl dt{ font-size: 18px; color: #4b4b4b; text-decoration: underline; padding: 14px 0;}
.zhishimain .linfo .catelist dl dt span{ margin-right: 10px; vertical-align: top; display: inline-block; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #1abb30; color: #fff; font-size: 12px; text-align: center;}
.zhishimain .linfo .catelist dl dd{ font-size: 14px; color: #969696; line-height: 24px;}


.cateinfo{ padding: 50px 0;}
.subnav{ width: 326px; border: 1px solid #e8e8e8;}
.subnav h2{ height: 46px; line-height: 46px; background: #79d16b; position: relative; text-align: center; color: #fff; font-size: 18px; margin-bottom: 30px;}
.subnav h2 i{ font-size: 34px; position: absolute; color: #79d16b; top: 26px; left: 50%;margin-left: -10px;}

.subnav a{ display: block; margin: 0 22px; font-size: 15px; color: #4b4b4b; line-height: 46px; text-decoration: underline;}
.subnav a.cur,.subnav a:hover{color: #1abb30; font-size: 17px; }




.joincate{ height: 162px;}
.joincate a{ color: #4b4b4b; font-size: 14px; text-align: center; line-height: 30px; margin: 0 50px;}
.joincate a i{ color: #1abb30; font-size: 50px; display: block;}

.jinlist{padding: 30px 0;}
.jinlist .lcate{ text-align: center; color: #fff; width: 220px; height: 230px;}
.color_0{ background: #5cc8bb;}
.color_0 .downbtn{ color: #5cc8bb;}
.color_1{ background: #69ce9c;}
.color_1 .downbtn{ color: #69ce9c;}
.color_2{ background: #f09583;}
.color_2 .downbtn{ color: #f09583;}
.color_3{ background: #a18df8;}
.color_3 .downbtn{ color: #a18df8;}
.jinlist .lcate { padding-top: 34px;}
.jinlist .lcate .ficon{ font-size:50px; }
.jinlist .lcate .tit{ font-size: 28px; text-align: center; line-height: 40px;}
.jinlist .lcate .entit{ font-size: 16px;text-align: center; line-height: 30px;}
.jinlist .lcate .downbtn{ margin-top: 20px; width: 24px; height: 24px; border-radius: 50%; background:rgba(255,255,255,0.5); line-height: 24px; }
.jinlist .lcate{}
.jinlist .rinfo{ padding: 60px 90px; font-size: 14px; line-height: 24px; background: #e8eaec; width: 980px;}
.jinlist .rlist{ padding:32px 30px; background: #e8eaec; width: 980px;}
.jinlist .rlist div{ width: 166px; height:124px; margin:0 9px;   background: #fff; margin-top: 18px;}
.jinlist .rinfo img{ max-width: 100%;}
.bgmain1{ background: #e8eaec;}
.bgmain2{ background: #f6f6f7;}
.bgmain3{ background: #f8f8f8;}
.bgmain1 .jinlist .rinfo{ background: #fff;}



.usermain{ padding: 20px 0 50px 0;}
.usermain .leftnav{ width: 240px; background: #fff; padding-top: 24px; padding-bottom: 50px;}
.usermain .leftnav a{ display: block; font-size: 18px; color: #3d3d3d; line-height: 50px; padding: 0 36px; margin-bottom: 10px;}
.usermain .leftnav a.cur,.usermain .leftnav a:hover{ color: #fff; background: #1abb30;}
.usermain .leftnav a i{ color: #e0e0e0; margin-right: 16px; font-size: 20px;}
.usermain .leftnav a.cur i,.usermain .leftnav a:hover i{ color: #fff; }
.usermain .rightmain{ background: #fff; width: 940px; padding: 32px 68px; }
.user_tit{ font-size: 18px; color: #3d3d3d; border-bottom: 1px dotted #f0f0f0; line-height: 42px;}
.user_tit i{ color: #1abb30; font-size: 12px; vertical-align:middle; margin-right: 10px;}
.user_tit a{ float: right; font-size: 14px; color: #3d3d3d; background: #f2f2f2; height: 24px;  line-height: 14px; margin-top: 14px; padding: 5px 20px; border: 1px solid #e4e4e4;}
.user_tit a.btn{background: #1abb30; color: #fff;}
.profile{ padding: 30px 0;}
.profile label{ font-size: 15px; color: #a5a5a5; min-width: 80px; text-align:justify;text-align-last:justify;}
.profile input.form-control{ width: 410px;height:38px;}
.profile textarea.form-control{ width: 670px;height:82px;}
.profile .form-control{border-color: #e0e0e0; border-radius: 0;}
.profile .form-control:focus{border-color: #1abb30;}
.zizhimake{}
.zizhimake dl{ width: 174px; border: 1px solid #eaeaea; margin: 0 13px; margin-top: 20px;}
.zizhimake dl.cur{ border-color: #1abb30;}
.zizhimake dl dt{ height: 123px; overflow: hidden;}
.zizhimake dl dt img{ max-width: 170px;max-height: 123px; margin: 0 auto;}
.zizhimake dl dd h2{ text-align: center;  }
.zizhimake dl dd p{display: block; font-size: 12px; color: #4c4c4c; text-align: center; line-height: 20px;}
.prolist .zizhimake dl dd p{display: block; font-size: 12px; color: #bababa; text-align: center; line-height: 20px;}
.zizhimake dl dd { padding: 10px 12px;}
.zizhimake dl dd input{ height: 24px; margin-bottom: 10px; }
.zizhimake dl dd a{ padding: 5px 8px; background:#f6f6f6; color: #3d3d3d; font-size: 13px; }
.zizhimake dl dd a:hover{ background:#1abb30; color: #fff; }

.noticelist{  position: relative; width: 940px;  left: -68px;}
.noticelist li{ height: 40px;line-height: 40px; font-size: 14px; color: #3d3d3d; padding: 0 68px;}
.noticelist li:hover{  background: #f8f8f8;}
.noticelist li span{ float: right; margin-right: 49px;}
.noticelist li a{ float: right;  margin-left: 16px; color: #5696c3; font-size: 13px;}
.noticelist li a i{ color: #cecece; margin-right: 8px;}



.profile select{ width: 134px !important;}
.width300{ width: 300px; margin-left: 80px;}
.mylabel{ background: #f9f9f9; border: 1px solid #e0e0e0; padding: 6px 12px; font-size: 13px; color: #999999; display: inline-block;}
.mylabel.cur{ background: #1abb30;color: #fff;}
.mylabel input{ display: none;}

.webuploader-pick{ width: 100%; height: 108px;}
.filebtn .webuploader-pick{width: 130px; height: 28px;}
.filebtn{ width: 130px; height: 28px; display: inline-block; vertical-align: middle;}
#imgshow{ display: inline-block;vertical-align: middle; width: 714px;}
#imgshow li { display: inline-block; width: 108px; height: 138px; margin-right: 10px; margin-bottom: 10px; overflow: hidden;}
#imgshow li .img-box{  width: 108px; height: 108px;  overflow: hidden;}
#imgshow li img{ width: 100%;}
#imgshow li a{ text-align: center; color: #ababab; display:block; line-height: 30px;}


.gongsi{ position: relative;top:-120px; background: #fff; padding: 50px 60px;}
.gongsi .paizi{ position: absolute;top: 0; left: 112px; background: url("../images/paizi.png") no-repeat; width: 283px; height: 111px;}
.gongsi .gonggao{ background: #f8f8f8; padding: 84px 54px 54px; font-size: 14px; line-height: 26px;}


.gongsilist{ padding-top: 50px;}
.gongsi .lnav{ width: 190px; min-height: 300px;}
.gongsi .rlist{ width: 860px;}
.gongsi .rlist table{border: 1px solid #e8e8e8;}
.gongsi .rlist table th{border-bottom: 2px solid #1abb30; font-size: 18px; color: #232323; text-align: center;}
.gongsi .rlist table th:first-child{ width: 124px;}
.gongsi .rlist table th:nth-child(2){ width: 520px;}
.gongsi .rlist table td{ font-size: 14px; color: #4c4c4c; text-align: center;}

.gongsi .lnav dl{  position: relative; }
.gongsi .lnav dl dt{  position: relative; z-index: 2; height: 50px; line-height: 50px; text-align: center; background: #1abb30; border-radius: 10em; color: #fff; font-size: 20px;}
.gongsi .lnav dl dt a{ color: #fff; font-size: 20px;}
.gongsi .lnav dl dd{  position: absolute; z-index: 1; background: #f8f8f8; width: 100%;
    top: 30px; padding-top: 40px; padding-bottom: 20px;}
.gongsi .lnav dl dd a{border-left: 4px solid #f8f8f8;  display: block; height: 24px; line-height: 24px; color: #4b4b4b; font-size: 16px; text-align: center; margin: 10px 0;}
.gongsi .lnav dl dd a:hover,.gongsi .lnav dl dd a.cur{ color:#1abb30; border-left: 4px solid #1abb30;  }

.gongsi .lcompany{
    background: url("../images/lcompanybg.png") no-repeat;
    width: 263px; height: 201px; position: absolute;
    top: 0; left: 92px;}
.gongsi .gsinfo{ margin-left: 370px; font-size: 14px; color: #4b4b4b; line-height: 24px;}

.lcompany{ text-align: center; padding: 0 30px; padding-top: 30px;}
.lcompany h2{ font-size: 14px; line-height: 30px; color: #fff; width: 100%; margin-top: 10px;}
.lcompany h3{font-size: 20px; line-height: 30px; color: #fff;width: 100%; overflow: hidden; text-align: center;}
.lcompany h3 img{ margin: 0 auto; max-height: 98px;}
.lcompany h4{font-size: 16px; line-height: 30px; color: #fff;width: 100%;}
.gongsi .downgs{border-top: 1px dotted #dcdcdc; border-bottom: 1px dotted #dcdcdc; padding: 30px 0; margin-top: 40px;}
.gongsi .downgs dl{ display: inline-block;  background: url("../images/zip.png") no-repeat left center; padding-left:50px; height: 36px; margin-right: 20px;}
.gongsi .downgs dl dt{  line-height: 20px;}
.gongsi .downgs .btn{ display: inline-block; width: 130px; margin-top: 0; border-radius: 10em; vertical-align: top;}
.gongsi .downgs dl.ocx,.gongsi .downgs dl.doc{  background: url("../images/word.jpeg") no-repeat left center;background-size: 40px;}
.gongsi .downgs dl.pdf{  background: url("../images/pdf.jpeg") no-repeat left center; background-size: 60px;}

.shopbanner{ background: url('../images/shopbanner.jpg') no-repeat; height: 500px;}
.shopbanner .warp{ padding-top: 30px;}
.shopbanner .fcate{  background: rgba(255,255,255,0.9); padding: 10px 0;  height: 442px; overflow-y: auto;}
.shopbanner .fcate a{ padding: 0 22px;padding-right: 60px; display: block; height: 38px; line-height: 38px; font-size: 14px; color: #707070;}
.shopbanner .fcate a:hover,.shopbanner .fcate a.cur{color: #fff; background: #1abb30;}
.shopbanner .fcate a:hover i,.shopbanner .fcate a.cur i{color: #fff; }
.shopbanner .fcate a i{ margin-left: 12px; color: #d3d3d3; font-size: 16px;}
.shopbanner .scate{  margin-left: 12px; background: rgba(255,255,255,0.8); padding: 24px; width: 456px; display: none;}
.shopbanner .scate a{ font-size: 14px; color: #4c4c4c; display: inline-block; line-height: 24px;}
.shopbanner .scate a:hover,.shopbanner .scate a.cur{  color: #1abb30;}
.shopbanner .scate em{ color: #f5f5f4; padding: 0 12px;}


.titmain2{ border-bottom: 2px solid #79d16b;}
.titmain2 h2{ font-size: 18px; color: #fff; background: #79d16b; width: 124px; text-align: center; height: 40px; line-height: 40px; }
.titmain2 a{ color: #79d16b;}
.titmain2 a em{ color: #d2d2d2; font-size: 16px;}



.prosearch{ padding: 57px 0;}
.prosearch input{ background: url('../images/search.png') no-repeat 16px center; width: 478px; height: 38px; padding-left: 48px; font-size: 14px; border: 1px solid #d2d2d2;}
.prosearch a{border: 1px solid #d2d2d2; padding: 7px 18px; font-size: 16px;  margin-left: 14px;background-image:-webkit-gradient(linear,0% 0%, 0% 50%, from(#FFFFFF), to(#EFEFEF))}


.hotpro { }
.hotpro .ad1{ width: 310px;}
.hotpro .goodslist1{ width: 866px; background: #fff; padding-left: 6px;}
.hotpro .goodslist1 dl{ width: 210px; margin: 0 2px; float: left; margin-top: 5px;
    height: 208px;}
.hotpro .goodslist1 dl dt{ width: 208px; height: 160px; display: flex; align-items: center;}
.hotpro .goodslist1 dl dt img{ width: 208px;}
.hotpro .goodslist1 dl dd{ text-align: center; line-height: 22px; font-size: 15px;}
.hotpro .goodslist1 dl dd span{ color: red;}

.toppros{ margin-top: 34px;}

.toppros .goodslist {
    background: #fff;
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 10px 0;
    padding-left: 5px;
}

.toppros .goodslist dl {
    width: 376px;
    flex: 0 0 376px;
    margin: 10px 10px;
}

.toppros .goodslist dl dt {
    height: 300px;
    position: relative;
    display: flex;
    align-items: center;
}

.toppros .goodslist dl dt div {
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/goodsbg.png") no-repeat;
    width: 376px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    opacity: 0;
    padding: 0 14px;
}

.toppros .goodslist dl:hover dt div {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.toppros .goodslist dl dt div h1 {
    font-size: 22px;
    color: #fff;
    line-height: 46px;
}

.toppros .goodslist dl dt div p {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    width: 162px;
}

.toppros .goodslist dl dd {
    height: 102px;
    text-align: center;
}

.toppros .goodslist dl dd h2 {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.toppros .goodslist dl dd h2 a {
    font-size: 16px;
}

.toppros .goodslist dl dd span {
    font-size: 14px;
    color: red;
}

.toppros .goodslist dl dt img {
    display: block;
    width: 100%;
    max-width: 23.50rem;
    max-height: 18.75rem;
}

.brand{ margin: 1.25rem 0.31rem 0.00rem 0.31rem;padding-left: 0.13rem; padding-bottom: 50.00px;}
.brand a{ width: 160px; height: 102px; margin-right: 9px; background: #fff; display: flex; align-items: center; margin-bottom: 9px;}
.brand a img{ width: 100%;}


.prolists{ width: 990px; padding-top: 40px; padding-bottom: 50px;}
.prosearch1{ padding: 0;}
.prosearch1 a{ color: #4c4c4c;padding: 4px 18px; font-size: 14px;}
.prosearch1 input{ height: 30px; width: 400px;}
.prolists .goodslist1{ background: #fff; padding: 10px 0; padding-left: 3px;  margin-top: 20px;}
.prolists .goodslist1 dl{ width: 238px; margin: 5px 4px; float: left; margin-top: 5px;
    height: 181px;}
.prolists .goodslist1 dl dt{ width: 238px;
    height: 137px;}
.prolists .goodslist1 dl dt img{ margin: 0 auto;}
.prolists .goodslist1 dl dd{ text-align: center; line-height: 22px;}

.hotpros{ width: 178px;padding-top: 40px;padding-bottom: 50px;}
.hotpros .tit{ font-size: 16px; color: #3c3c3c; display: flex; justify-content: space-between; justify-items: center; align-content: center; height: 40px;}
.hotpros .tit span{ background: #D9D9D9; height: 2px; width: 40px; display: block;}

.hotpros {}
.hotpros dl{ margin-top: 20px; background: #fff;}
.hotpros dl dd{ text-align: center; font-size: 14px; line-height: 24px;}
.hotpros dl dd span{ color: red;}


.propos{ height: 40px; line-height: 40px; background: #f4f4f4;  color: #969696; font-size: 14px;}
.propos span{color: #4b4b4b; }

.prohead{ padding-top: 34px;}
.prohead .proimgmain{ width: 320px;}
.prohead .proimgmain .proimgshow{ width: 320px; height: 320px; overflow: hidden; display: flex;  align-items: center;}
.prohead .proimgmain .imglist{ width: 320px; height: 62px; }
.prohead .proimgmain .imglist a{ width: 62px; height: 62px; overflow: hidden; display: flex;  align-items: center;}





.prohead .protit{ width: 584px;}
.prohead .protit h2{ font-size: 24px; color: #4c4c4c; line-height: 26px;}
.prohead .protit h3{ font-size: 14px; color: #d24844; line-height: 26px;}
.prohead .protit p{ font-size: 14px; color: #969696; padding: 20px; line-height: 26px; background: url('../images/proditu.jpg') no-repeat; width: 583px; height: 186px;}
.prohead .protit .buy{height: 54px; background: #f6f6f6; line-height: 54px; margin-top: 14px; font-size: 14px; color: #787878; padding-left: 20px;}
.prohead .protit .buy span{ color: #ef8100;}
.prohead .protit .buy a{float: right; margin-top: 10px; margin-right: 20px;}
.prohead .company_info{ }
.prohead .company_info{width: 240px; border-left: 1px dotted #dfdfdf; padding-left:25px; font-size: 16px; color: #969696; line-height: 32px;}
.prohead .company_info img{ margin: 0 auto; margin-bottom: 20px;}
.prohead .company_info span{  color: #000;text-align:justify;text-align-last:justify; display: inline-block; width: 80px;}
.prohead .company_info em{ display: inline-block; width: 134px; vertical-align: top;}

.probottom{ padding-top: 30px; padding-bottom: 40px;}
.probottom .proinfo{ width: 950px;}
.probottom .prodetails{ border: 1px solid #e6e6e6; padding: 40px; line-height: 24px; font-size: 14px;}
.probottom .proinfo .tit{ height: 40px; line-height: 40px; font-size: 16px; color: #4b4b4b; background: #f4f4f4; padding-left: 20px;}



.teamlistmain{ width: 930px; margin: 0 auto; margin-top: 40px; padding-bottom: 50px;}
.teamlistmain dl{ position: relative; padding: 30px 0; border-top: 1px dotted #e7e7e7;}

.teamlistmain .btns{ position: absolute; right: 20px; top: 30px; width: 100px;}
.teamlistmain .btns a{ margin-top: 10px; font-size: 14px; height: 30px;}
.teamlistmain dl dt{ width: 200px;}
.teamlistmain dl dd{ width: 690px;}
.teamlistmain dl dd h2{ border-left: 4px solid #1abb30; padding-left: 8px; font-size: 24px; color: #4c4c4c;}
.teamlistmain dl dd h2 span{ font-size: 13px; color: #808080; padding-left: 20px;}
.teamlistmain dl dd h3{ font-size: 14px; color: #4c4c4c; line-height: 60px; padding-left: 16px;}
.teamlistmain dl dd .txt{ padding-left: 16px; font-size: 14px; color: #979797; line-height: 24px;}
.teamlistmain dl dd .txt span{ display: inline-block; vertical-align: top; width: 590px;}



.aboutbanner{ background: url("../images/aboutbanner.jpg") no-repeat top center; height: 500px;}
.ctabs{ margin-top: -25px;}
.tabinfo{ padding: 70px 54px; font-size: 14px; color: #4b4b4b; line-height: 24px;}


.tequan{ background: #fff; padding: 0 50px; padding-top: 50px; }
.tequan .titmain em{ font-size: 35px; color: #1abb30;}
.tequan .titmain em i{ font-size: 52px; padding: 0 10px;}
.tequan .qlist{ font-size: 52px;  padding: 40px 10px; padding-bottom: 60px;}
.tequan .qlist dl{ width: 217px; overflow: hidden; border: 1px solid #1abb30; margin-left: -1px;}
.tequan .qlist dl dt{ font-size: 20px; color: #fff; background: #1abb30; height: 80px; line-height: 80px; text-align: center;}
.tequan .qlist dl dt i{ display: inline-block; width: 28px; line-height: 28px; height: 28px; border-radius: 50%; background: #fff; color: #1abb30;  margin-right: 8px;}
.tequan .qlist dl dd{ font-size: 15px; color: #666666; text-align: center; padding: 35px 0; line-height: 26px;}

.tequan .qlist dl.cur{}
.tequan .qlist dl.cur dt{ background: #f2f4f5; color: #333333;}
.tequan .qlist dl.cur dt i{ background: #1abb30; color: #fff;}


.dowhat{ padding: 10px 50px 60px 50px;}
.dowhat .tit,.liucheng .tit,.map .tit{ text-align: center; font-size: 35px; color: #333;padding: 70px 0;}
.dowhat .flex div{ width: 356px; text-align: center; padding:34px 28px; background: #fff;}
.dowhat .flex div h2{ font-size: 20px; color: #4b4b4b; line-height: 50px;}
.dowhat .flex div h3{ font-size: 13px; color: #666666; line-height: 24px;}

.liucheng{ text-align: center; padding-bottom: 50px;}



.contactlist{ position: relative; padding: 50px 0;}
.contactlist .swiper_contact{ padding: 30px 0; width: 1100px; margin: 0 auto;}
.contactlist .swiper-slide{border: 1px solid #fff; background: #fff; width: 258px; padding: 10px; text-align: center; font-size: 14px; line-height: 26px;}
.contactlist .swiper-slide.cur{ border-color: #1abb30;}

.prenext{ padding-top: 30px;}
.prenext a{ display: block; font-size: 14px; line-height: 26px;}






/*jj*/
.yellowmain .companylist dl{ width: 540px; margin: 20px 10px;    padding: 10px 12px;border: 1px solid #cfcfcf; background: none;}
.yellowmain .companylist dl dt{ width: initial;}
.yellowmain .companylist dl dt h1{ font-size: 20px; color: #4c4c4c; line-height: 36px; border-bottom: 1px dotted #cfcfcf;}
.yellowmain .companylist dl dt ul{ padding-top: 10px;}
.yellowmain .companylist dl dt ul li{ font-size: 14px; color: #333; line-height: 30px;}
.yellowmain .companylist dl dt ul li span{ font-size: 24px; color: #ff9d1f; display: inline-block; vertical-align: middle;}
.yellowmain .companylist dl dt ul li em{ text-align:justify; width: 88px; display: inline-block;text-align:justify;text-align-last:justify;}
.yellowmain .companylist dl dd .btns{ text-align: center;}
.yellowmain .companylist dl dd p {  color: #8f8f8f; }
.yellowmain .companylist dl dd p span{ width: 444px;  color: #8f8f8f; }
.yellowmain .companylist dl dt{ background: none; height: 208px; }

.casewmain{}

.msgmain{ padding-bottom: 50px; background: url('../images/msgbg.jpg');}
.msgmain .tit{text-align: center;
    font-size: 35px;
    color: #333;
    padding: 70px 0;}
.msgform{ text-align: center;}
.msgform .form-group{ margin: 0 20px; margin-bottom: 15px; border-radius: 0;}
.msgform input.form-control{ width: 340px;  }
.msgform .form-control:focus{ border-color: #1abb30; }
.msgform .form-control-feedback{ font-size: 20px;
    top: 8px !important; }
.msgform textarea{ width: 720px !important; height: 100px;}
.msgform .btn{ margin-left: 0; height: 40px;  line-height: 26px;}



.homebanner .swiper-button-prev{ background: rgba(0,0,0,.3); height: 70px; width: 35px; font-size: 30px; color: #fff;}
.homebanner .swiper-button-next{ background: rgba(0,0,0,.3); height: 70px; width: 35px; font-size: 30px; color: #fff;}
.homebanner .swiper-button-prev i{ margin-top: 19px; margin-left: 13px;}
.homebanner .swiper-button-next i{ margin-top: 19px; margin-left: 13px;}

.yuyue{ background: #fff;  width: 920px;  margin: 0 auto; border-radius: 5px; margin-top: 10%;  padding-bottom: 13px; }
.yuyue .title{ height: 64px; font-size: 24px; color: #333; line-height: 64px;  padding-left: 15px; padding-right: 15px; text-align: center; border-bottom: 1px solid #e3e3e3;}
.yuyue .title a{ color: #b3b3b3; float: right; margin-right: 8px;}
.yuyue .head{ padding: 13px 0;}
.yuyue .head img{ height: 58px;}
.yuyue .head div{ width: 314px; height: 58px; border: 1px solid #9ed797; line-height: 58px; color: #fff; border-radius: 5px; font-size: 20px; padding-left: 50px;}
.yuyue .head div i{ font-size: 26px; margin-right: 16px;  vertical-align: middle;}
.yuyue .form { background: #fff; padding: 20px 36px 40px 46px; width: 400px;;border-left: 1px solid #ededed;}
.yuyue .form  .form-group{ width: 400px; }
.yuyue .form  .form-control-feedback{ top:8px;}
.yuyue .form .form-group textarea.form-control{ height: 95px;}
.yuyue .linfo{ width: 390px; padding-top: 60px; padding-left: 110px; }
.yuyue .linfo h2{ font-size: 22px;color: #575757; line-height: 40px;}
.yuyue .linfo p{ font-size: 16px; color: #a0a0a0; line-height: 30px;}
.yuyue .linfo img{ margin-top: 30px;}
.ml8{ margin-left: 8px;}
.yuyue .form .btn{  margin: 0 auto; margin-top: 30px; display: block;}

.needshow{ width: 640px; margin: 0 auto; background: #fff; padding: 0 40px; padding-bottom: 30px;}
.needshow .title{ height: 50px; line-height: 50px; border-bottom: 5px solid #f2f2f2; font-size: 16px; color: #3d3d3d;}
.needshow .title a{ color: #b3b3b3; float: right; margin-right: 8px;}
.needshow .list-group{}
.needshow .list-group .list-group-item{ padding: 15px 12px; font-size: 16px; color: #3d3d3d; border: 0; border-bottom: 1px dotted #dddddd; margin: 0;}
.needshow .list-group .list-group-item span{color: #959595; width: 94px; }
.needshow .list-group .list-group-item i{ float: right; font-size: 13px; color: #ef6b00;  }
.needshow .list-group .list-group-item p{ font-size: 14px;}
.needshow .showcount{ font-size: 16px; background: #f3f3f4; height: 60px; line-height: 60px; padding-left: 15px; color: #333333;}
.needshow .showcount span{ font-size: 18px; color: #ef6b00;}
.needshow .showcount em{ float: right; font-size: 13px; color: #9a9a9b; padding-right: 10px;}
.needshow .btns{ text-align: center; padding-top: 20px;}
.needshow .btn{ width: 138px; margin: 0 10px;}


.modal{ z-index: 999999;}
#filelist{ padding-left: 88px;}
#filelist .img-box{ font-size: 14px; line-height: 30px;}
#filelist .img-box a{ margin-left: 20px; color: red}
.reg .btn{ padding:6px 0;}
.regmain .reg .left .dl2{ padding-bottom: 20px;}
.regmain .reg .left .dl2 dt{}
.regmain .reg .left .dl2 dd{ font-size: 14px;}

.header .logo,.header .search,.header .contact,.header .top div{ display: inline-block\0;}
.header .top div{ height: 59px\0; line-height: 59px\0; float: left\0;}
.header .top div .btn-reg{ width: 122px\0; display: inline-block\0;margin-top: -10px\0;}