html,
body {
    color: #666;
    background-color: #eaeaea;
    font-size: 14px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.w1300 {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

.w1160 {
    width: 1160px;
    margin: 0 auto;
}

.pt50 {
    padding-top: 50px;
}

a {
    color: #666;
    transition: color 0.3s ease 0s;
}

a:hover {
    color: #001eff;
}

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


/*.pro_l { width: 47px; height: 47px; display: inline-block; top: 136px; left: -40px; position: absolute; z-index: 5; }
    .pro_l a { width: 47px; height: 47px; background: url(../img/pro_l1.png) no-repeat; display: inline-block; }
        .pro_l a:hover { background: url(../img/pro_l2.png) no-repeat; }
.pro_r { width: 47px; height: 47px; display: inline-block; right: -40px; top: 136px; position: absolute; }
    .pro_r a { width: 47px; height: 47px; background: url(../img/pro_r1.png) no-repeat; display: inline-block; }
        .pro_r a:hover { background: url(../img/pro_r2.png) no-repeat; }*/

.header-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    background: #fff;
    z-index: 100;
}

.header-top {
    height: 60px;
    border-bottom: 1px solid #e5e5e5;
}

.header-top .logo img {
    width: 300px;
    margin: 10px 0px 0 0;
}

.header-top .logo {
    display: inline-block;
}

.header-top span {
    position: absolute;
    right: 0;
    height: 32px;
    width: 340px;
    background: #001eff;
    display: block;
    color: #fff;
    border-radius: 5px;
    margin-top: 14px;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
}

.header-bottom {}

.header-bottom .header-nav {
    line-height: 42px;
    margin-right: 8px;
    position: relative;
    z-index: 20;
}

.header-bottom .header-nav li {
    font-size: 16px;
    position: relative;
    float: left;
}

.header-bottom .header-nav a.tit {
    color: #000;
    width: 70px;
    text-align: center;
    padding: 0 25px;
    /*background: url(../img/ico_04.png) no-repeat right center;*/
    display: inline-block;
    height: 60px;
    line-height: 60px;
}

.header-bottom .header-nav li:first-child a.tit {
    background: none;
    padding-left: 0;
}

.header-bottom .header-nav li:hover a.tit {
    color: #001eff;
}

.header-bottom .header-nav .sub-box {
    position: absolute;
    left: -80px;
    top: 100%;
    width: 300px;
    font-size: 16px;
    line-height: 30px;
    display: none;
    /*padding-top: 20px;*/
    /*padding-bottom: 36px;*/
    background-color: #f3f9f5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.header-bottom .header-nav .sub-box p {
    width: 300px;
    line-height: 42px;
    margin: 0 auto;
    padding: 0 10px;
    transition: background 0.3s ease 0s;
}

.header-bottom .header-nav .sub-box p:hover {
    background-color: #001eff;
}

.header-bottom .header-nav .sub-box p:hover a {
    color: #fff;
    border-bottom: 1px solid #001eff;
}

.header-bottom .header-nav .sub-box p:last-child a {
    border-bottom: none;
}

.header-bottom .header-nav .sub-box a {
    font-size: 14px;
    display: inline-block;
    color: #333;
    text-align: center;
    width: 300px;
    border-bottom: 1px solid #d4d4d4;
}

.header-bottom .header-nav .sub-box a:hover {
    color: #001eff;
}

.header-search {
    height: 21px;
    position: relative;
    border: 1px solid #e4e4e4;
    padding: 4px;
    margin-top: 15px;
}

.header-search .text {
    width: 180px;
    height: 21px;
    line-height: 21px;
    color: #444;
    float: left;
    border: none;
}

.header-search .btn {
    width: 18px;
    height: 18px;
    background: url(../image/search_icon.png) no-repeat;
    float: right;
    border: none;
    margin-top: 2px;
    cursor: pointer;
    text-indent: -9999px;
}

.msg_title {
    display: block;
    width: 600px;
    line-height: 40px;
    font-size: 20px;
    color: #e60012;
    margin: 0 auto;
    text-align: center;
}

.nav_hover {
    width: 120px;
    height: 2px;
    font-size: 0;
    background: #001eff;
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: -25px;
}

.nav_line {
    width: 100%;
    height: 1px;
    background: #e1e2e5;
    position: absolute;
    bottom: 0;
    z-index: 5;
    left: 0;
}

.i-zero-wrap {
    background: #fff;
}

.d-tit {
    text-align: center;
    /* background: url(../image/tit-bg.png) top center no-repeat; */
    height: 54px;
}

.d-tit h3 {
    font-size: 30px;
    line-height: 30px;
    color: #001eff;
    height: 30px;
    padding-bottom: 14px;
}

.d-tit em {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    height: 10px;
    line-height: 10px;
    color: #333;
}

.iban-wrap {
    height: 500px;
    margin-top: 111px;
    border-top: 10px solid #fff;
}

.iban {
    height: 500px;
    background: url(../image/loadings.gif) no-repeat center;
}

.iban .imglist li.active {
    animation: bannerIn 15s forwards;
}

.tit-box h4 {
    font-size: 26px;
    line-height: 36px;
    font-weight: normal;
}

.tit-box .intr {
    line-height: 26px;
    font-size: 15px;
    margin-top: 6px;
    color: #999;
}

.tit-box .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #001eff;
    margin-top: 6px;
    line-height: 2px;
}

.tit-box .more {
    display: inline-block;
    line-height: 32px;
    margin-top: 16px;
    padding-left: 25px;
    background: url(https://img.dq800.com/shop/mdp1079/templet/mdp1079/mdstyle/img/ico_09.png) no-repeat left center;
    font-size: 12px;
}

.i-wrap {
    background: #fff;
    max-width: 1300px;
    margin: 0 auto;
}

.schW {
    width: 100%;
    height: 58px;
    overflow: hidden;
    border-top: 1px solid #FFF;
}

.sch {
    width: 1080px;
    height: 50px;
    color: #da251c;
    clear: both;
    line-height: 30px;
    padding: 8px 60px 0;
    overflow: hidden;
    margin: 0 auto;
    background: url(https://img.dq800.com/shop/mdp1079/templet/mdp1079/mdstyle/img/sch_bg.png) no-repeat center;
    overflow: hidden;
}

.sch a {
    color: #da251c;
    display: inline-block;
    padding: 0 6px;
}

.sch a:hover {
    color: #da251c;
    text-decoration: underline;
}

.i-fir-wrap {
    padding-top: 50px;
    padding-bottom: 35px;
    background: #f1f1f1;
    height: 752px;
    overflow: hidden;
}

.pro_l {
    width: 210px;
    overflow: hidden;
}

.pro_l h4 {
    font-size: 24px;
    background: #001eff;
    height: 75px;
}

.pro_l h4 a {
    display: block;
    color: #fff;
    padding: 27px 0 0 20px;
}

.pro_l h4 span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    margin-top: 4px;
}

.pro_l h4 a:hover {
    text-decoration: none;
}

.pro_cat ul {
    padding: 10px;
    background: #cdcdcd;
    overflow-y: auto;
}

.pro_cat li {
    font-size: 14px;
    line-height: 40px;
    background: url(../image/pro_ic2.png) no-repeat 0 center;
    padding: 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 0;
    background: #fff
}

.pro_cat li:hover {
    background: #001eff;
    color: #fff;
}

.pro_r {
    width: 939px;
    overflow: hidden;
}

.product-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.product-container ul {
    width: 972px;
}

.product-slide {
    float: left;
    width: 210px;
    margin-left: 20px;
    margin-bottom: 15px;
}

.product-slide .box {
    width: 210px;
    margin: 0px auto;
    overflow: hidden;
}

.product-slide .img {
    display: block;
    /* height: 150px; */
    width: 200px;
    background: #cdcdcd;
    overflow: hidden;
    border: 5px solid #cdcdcd;
    border-bottom: 0px;
}

.product-slide .img img {
    width: 100%;
}

.product-slide .img:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.product-slide a.tt {
    display: block;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #555;
    font-size: 12px;
    transition: all 0.3s ease 0s;
    padding: 5px 20px;
    background: #cdcdcd;
}

.product-slide .box:hover .tt {
    color: #fff;
    background-color: #001eff;
}


/*#proclass_list { width: 100%; height: 328px; overflow: hidden; margin-top: 40px; }
    #proclass_list > a { display: block; width: 23%; float: left; margin-right: 2.66%; margin-bottom: 20px; overflow: hidden; }
        #proclass_list > a:nth-child(4n) { margin-right: 0px; }

        #proclass_list > a img { transform: scale(1.0); transition: transform 1s ease; width: 100%; display: block; }
        #proclass_list > a:hover img { transform: scale(1.05); }

        #proclass_list > a span { transition: all,0.5s; display: block; text-align: center; height: 30px; line-height: 30px; background: #FFF; color: #001eff; border: 1px solid #001eff; }
        #proclass_list > a:hover span { background: #001eff; color: #ffffff; height: 40px; line-height: 45px; }*/


/*.five_chnal { height: 300px; margin-bottom: 58px; margin-top: 40px; }
.five_chlist ul { width: 1232px; }
.five_chlist li { float: left; margin-right: 32px; display: inline; position: relative; width: 276px; height: 300px; }
.five_po { width: 256px; height: 290px; padding: 10px 9px 0 9px; border: 1px solid #dcdcdc; }
.five_poName a { color: #333; font-size: 15px; }
    .five_poName a img { vertical-align: middle; margin-right: 18px; }
.five_poImg { width: 256px; height: 256px; padding-top: 4px; }
.five_show { position: absolute; top: 0; left: 0; z-index: 10; width: 276px; display: none; }
.five_shBox { width: 256px; min-height: 290px; padding: 10px 9px 0 9px; border: 1px solid #dcdcdc; }
.five_sub { padding: 8px 0 12px; }
.five_subBox { float: none; display: block; margin-right: 0; width: 256px; height: 32px; line-height: 32px; border-bottom: 1px dotted #ccc; }
    .five_subBox a { display: block; background: url(../img/sub_ac.png) no-repeat left; padding-left: 12px; width: 198px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }*/

a.more {
    cursor: pointer;
    width: 180px;
    border: 1px solid #001eff;
    display: block;
    margin: 0 auto;
    height: 45px;
    text-align: center;
    line-height: 45px;
}

a.more:hover {
    border: 1px solid #001eff;
}

a.alphatrans {
    transition: all 0.8s;
    color: #ffffff;
    background: #001eff;
}

a.alphatrans:hover {
    color: #001eff;
    background: #FFFFFF;
}

a.alphatrans1 {
    transition: all 0.8s;
}

.divtrans {
    transition: all 0.8s;
}

.i-sec-wrap {
    padding-bottom: 60px;
    padding-top: 50px;
    height: 298px;
    overflow: hidden;
    background: #f1f1f1;
}

.cor_c {
    clear: both;
    margin-top: 50px;
}

.cor_c li {
    text-align: center;
    float: left;
    width: 190px;
    padding: 0 80px 0 0;
    margin: 0 65px 0 0;
    display: inline;
    background: url(../image/why_l.gif) right 15px no-repeat;
}

.cor_c li p img {
    width: 136px;
    height: 136px;
    overflow: hidden;
    display: block;
    vertical-align: top;
}

.cor_c li p {
    position: relative;
    width: 190px;
    height: 136px;
}

.cor_c li p i img {
    position: absolute;
    left: 27px;
    top: 0;
    z-index: 1;
}

.cor_c li p em img {
    position: absolute;
    left: 27px;
    top: 0;
    z-index: -1;
}

.cor_c li b {
    display: block;
    padding: 20px 0 0;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    font-size: 16px;
    color: #333;
}

.cor_c li span {
    display: block;
    line-height: 24px;
    height: 45px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}

.cor_c li img {
    margin: 0 auto;
}

.cor_c .lst {
    margin: 0;
    padding: 0;
    background: none;
}

.cor_c li a:hover i img {
    z-index: -1;
}

.cor_c li a:hover em img {
    z-index: 1;
}

.i-thi-wrap {
    padding-top: 50px;
    height: 490px;
    /* background: url(../image/bg_01.jpg) no-repeat center bottom; */
    background: #f1f1f1;
    overflow: hidden;
}


/*.i-thi-wrap .d-tit h3 { color: #fff; }*/


/*.i-thi-wrap .d-tit em { color: #fff; }*/

.i-about {
    padding: 30px 0 0px;
}

.gs_pic {
    width: 42%;
    float: right;
}

.gs_pic img {
    width: 100%;
    margin: 0 auto;
    display: block;
    float: right;
}

.gs_text {
    width: 52%;
    float: left;
}

.gs_text_con {
    height: 270px;
    overflow: hidden;
    margin-bottom: 15px;
    line-height: 30px;
}

.i-fou-wrap {
    background: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 50px;
}

.i-fou-wrap .slide-box {
    position: relative;
    z-index: 5;
    padding-top: 50px;
    padding-bottom: 30px;
}

.i-fou-wrap .slide-box .bd {
    width: 1190px;
}

.i-fou-wrap .slide-box .bd ul li {
    width: 270px;
    height: 380px;
    background: #fff;
}

.i-fou-wrap .slide-box .bd ul li .title {
    height: 50px;
    padding-top: 30px;
}

.i-fou-wrap .slide-box .bd ul li .title .top {
    background: url(../image/tb2.jpg) no-repeat center top;
    padding-top: 20px;
}

.i-fou-wrap .slide-box .bd ul li .title .top p {
    font-weight: bold;
    font-size: 20px;
    color: #333;
    text-align: center;
}

.i-fou-wrap .slide-box .bd ul li .title .text {
    width: 215px;
    padding-top: 15px;
    margin: 0 auto;
}

.i-fou-wrap .slide-box .bd ul li .title .text p {
    color: #8f8f8f;
    text-align: center;
}

.i-fou-wrap .slide-box .bd ul li .pic {
    width: 200px;
    height: 280px;
    margin: 0 auto;
}

.i-fou-wrap .slide-box .bd ul li .pic img {
    max-width: 100%;
    vertical-align: middle;
}

.i-fou-wrap .slide-box .bd ul li .pic i {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.i-fou-wrap .slide-box .bd ul li {
    margin-right: 27px;
    float: left;
}

.i-fou-wrap .slide-box .hd {
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
}

.i-fou-wrap .slide-box .hd ul {
    text-align: center;
    margin: 0 auto;
    padding-top: 35px;
    float: left;
}

.i-fou-wrap .slide-box .hd ul li {
    width: 12px;
    height: 12px;
    background: #8d8d8d;
    float: left;
    margin-right: 7px;
    text-indent: -9999px;
    overflow: hidden;
}

.i-fou-wrap .slide-box .hd ul li.on {
    background: #001eff;
}

.i-fou-wrap .slide-box .hd p {
    text-align: center;
}

.i-fou-wrap .slide-box .hd .next {
    background: url(../image/btn1.png);
    width: 24px;
    height: 47px;
    background-position: -24px 0px;
    position: absolute;
    right: 0px;
    top: 200px;
    cursor: pointer;
}

.i-fou-wrap .slide-box .hd .prev {
    background: url(../image/btn1.png);
    width: 24px;
    height: 47px;
    position: absolute;
    left: 0px;
    top: 200px;
    cursor: pointer;
}

.i-fiv-wrap {
    padding-bottom: 50px;
    background: #f1f1f1;
    padding-top: 50px;
    height: 404px;
    overflow: hidden;
}

.d-news {
    margin-top: 45px;
}

.d-news ul {
    width: 1224px;
}

.d-news li {
    width: 384px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
}

.d-news li .img {
    width: 384px;
    height: 256px;
    display: block;
    overflow: hidden;
}

.d-news li img {
    max-width: 100%;
}

.d-news li:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}

.d-news li p {
    font-size: 15px;
    line-height: 24px;
    margin: 10px 0;
}

.d-news li span {
    padding-left: 20px;
    background: url(../image/shijian.jpg) left center no-repeat;
    font-size: 14px;
    color: #777777;
}

.fttop {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #323238;
}

.botlink {
    width: 850px;
}

.botlink dl {
    width: 160px;
}

.botlink dl dt {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
}

.botlink dl dd {
    line-height: 32px;
}

.botlink dl dd a {
    color: #adadaf;
    font-size: 15px;
}

.botlink dl dd a:hover {
    color: #fff;
    transition: all 0.5s;
}

.focus {
    width: 350px;
}

.focus h2 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}

.share {
    padding-bottom: 20px;
    border-bottom: 1px #3c3c42 solid;
}

.share .bdsharebuttonbox a {
    display: inline-block;
    *zoom: 1;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-right: 20px;
}

.share .bdsharebuttonbox a.bds_weixin {
    background: url("{erweima}") center no-repeat;
    background-size: cover;
}

.share .bdsharebuttonbox a.bds_tsina {
    background: url(../image/xl.png) center no-repeat;
    background-size: cover;
}

.hotline {
    padding-top: 40px;
    float: right;
}

.hotline p {
    font-size: 16px;
    color: #adadaf;
    line-height: 24px;
}

.hotline p.telnum {
    color: #fff;
    font-size: 24px;
    padding-top: 14px;
}

.ftbot {
    background-color: #28282a;
}

.ftbot .w1200 {
    padding: 16px 0;
}

.ftbot p {
    font-size: 14px;
    color: #666;
}

.ftbot p a {
    color: #666;
}

.ftbot p a:hover {
    color: #fff;
    transition: all 0.5s;
}

.copyright {
    margin-left: 35px;
}

.copyright a {
    padding: 0 5px;
}

.ftlink {
    margin-right: 6px;
}

.ftlink a {
    padding: 0 20px;
    background: url(https://img.dq800.com/shop/mdp1079/templet/mdp1079/mdstyle/img/ftlinkline.jpg) no-repeat right center;
    background-size: 1px 10px;
}

.ftlink a:last-child {
    background: none;
}

.pagecontent {
    width: 100%;
    height: auto;
    overflow: hidden;
    /* margin-top: 20px; */
}

.right_bot {
    width: 100%;
    float: right;
    margin-top: 14px;
}

.right_bot .datu {
    text-align: center;
    overflow: hidden;
}

.right_bot .datu .datu_img a {
    border: 1px solid#d3d3d3;
}

.right_bot .datu .datu_img {
    float: left;
    width: 350px;
}

.right_bot .datu .datu_img img {
    border: 1px solid #ddd;
}

.right_bot .datu .datu_text {
    float: right;
    width: 500px;
    text-align: left;
}

.right_bot .datu .datu_text h4 {
    font-size: 20px;
}

.right_bot .datu p {
    margin: 10px 0;
}

.right_bot .datu a {
    color: #333;
    line-height: 25px;
}

.right_bot .datu .datu_text .pinfo {
    line-height: 2;
}

.right_bot .xiangqin {
    background: url(../image/cpxq.png) no-repeat;
    height: 42px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    padding-left: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.right_bot .neirong {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    padding-top: 10px;
}

.right_bot .neirong p {
    font-size: 16px;
    line-height: 30px;
}

.right_bot .neirong img {
    display: block;
    max-width: 100%;
}

.right_bot .tuijian {
    border: 1px solid #d9d9d9;
}

.right_bot .shangyipian {
    height: 32px;
    line-height: 32px;
    background: #e5e5e5;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 10px;
}

.right_bot .shangyipian {
    height: 32px;
    line-height: 32px;
    background: #e5e5e5;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 10px;
}

.right_bot .shangyipian a {
    font-size: 14px;
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
}

.right_bot .shangyipian span.next {
    float: right;
}

.right_bot .xiangqin {
    background: url(../image/cpxq.png) no-repeat;
    height: 42px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    padding-left: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.right_bot #pro li,
#gallery li,
#colist li {
    float: left;
    margin: 10px 5px 10px;
    text-align: center;
    line-height: 38px;
    font-size: 13px;
    color: #333;
    width: 205px;
    border: 1px solid #ddd;
}

.right_bot #pro li a,
#gallery li a,
#colist li a {
    /* color: #555; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 4px;
}

.right_bot #pro li img,
#gallery li img,
#colist li img {
    display: block;
    width: 100%;
}

.page {
    padding: 0;
    font-size: 0;
    line-height: 22px;
    text-align: center;
    clear: both;
}

.mt50 {
    margin-top: 50px;
}

.pagination {
    text-align: center;
}

.clear {
    clear: both;
}

.page a.page-num-current {
    background: #184a9a;
    border: 1px solid #184a9a;
    color: #fff;
}

.page a {
    text-decoration: none;
    color: #999;
    background: #fff;
    border: 1px solid #CCCCCC;
    padding: 8px 12px;
    margin-right: 8px;
    font-size: 12px;
}

.lxwm {
    width: 1020px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.aboutmain-cbot {
    font-size: 0;
}

.aboutmain-cbot img {
    width: 100px;
    position: absolute;
    right: 204px;
    bottom: 90px;
}

.aboutmain-cbot .input {
    line-height: 25px;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #bfbfbf;
    width: 265px;
    margin: 5px;
    font-size: 12px;
}

.aboutmain-cbot textarea.input {
    height: 200px;
    width: 977px;
    vertical-align: text-top;
    display: block;
}

.aboutmain-btnlist {
    padding: 10px 0;
    text-align: center;
}

.aboutmain-btnlist .submit {
    background: #001eff;
    margin-right: 5px;
}

.aboutmain-btnlist input {
    width: 110px;
    height: 40px;
    border: none;
    color: #fff;
}

.aboutmain-btnlist .reset {
    background: #828282;
    margin-left: 5px;
}

.aboutmain-btnlist .reset:hover {
    background: #717171;
    cursor: pointer;
}

.aboutmain-btnlist .submit:hover {
    background: #009ed5;
    cursor: pointer;
}


/*job-list*/

#jobs {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

#jobs>.list-tr {
    background: #e7e7e7;
    height: 40px
}

#jobs>.list-tr div {
    position: relative;
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    color: #444;
    font-size: 16px;
    text-align: center;
}

#jobs>.list-tr div:after {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #fff;
    content: '';
}

#jobs>.list-tr .td1 {
    width: 15%;
    padding: 0px 2%;
    text-align: left;
}

#jobs>.list-tr .td2 {
    width: 13%;
}

#jobs>.list-tr .td3 {
    width: 13%;
}

#jobs>.list-tr .td4 {
    width: 33%;
}

#jobs>.list-tr .td5 {
    width: 13%;
}

#jobs>.list-tr .td6 {
    width: 9%;
}

#jobs>.list-tr .td6:after {
    display: none;
}

#jobs>.list-td {
    margin: 0px auto;
    height: 40px;
    border-bottom: 1px solid #eee;
}

#jobs>.list-td.A div {
    color: #000;
}

#jobs>.list-td div {
    text-overflow: ellipsis;
    overflow: hiden;
    white-space: nowrap;
    position: relative;
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

#jobs>.list-td .td1 {
    width: 15%;
    padding: 0px 2%;
    text-align: left;
}

#jobs>.list-td .td2 {
    width: 13%;
}

#jobs>.list-td .td3 {
    width: 13%;
}

#jobs>.list-td .td4 {
    width: 33%;
}

#jobs>.list-td .td5 {
    width: 13%;
}

#jobs>.list-td .td6 {
    width: 9%;
}

#jobs>.list-td .td6 .btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

#jobs>.list-td .td6 .btn img {
    height: 18px;
    width: auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3;
    transition: all .35s;
}

#jobs>.list-td .td6 .btn:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

#jobs>.list-son {
    display: none;
    background: #f7f7f7;
    padding: 20px;
    font-size: 14px;
    text-align: left;
    color: #666;
}

#jobs>.list-son .text {
    padding-bottom: 20px;
    line-height: 2;
    height: auto;
}

#jobs>.list-son .text a {
    padding: 11px;
    background: #001eff;
    color: #Fff;
}

#jobs>.list-son .text a:hover {
    background: rgb(0, 169, 255);
    color: #Fff!important;
    text-decoration: none;
}

#jobs>.list-son .text>.item {
    float: left;
    line-height: 24px;
    padding-right: 70px;
}

#jobs>.list-son .tag {
    padding-bottom: 20px;
    line-height: 21px;
    color: #666;
}

#jobs>.list-son .tag h4 {
    display: block;
    font-weight: normal;
    padding: 5px 0px;
}

#form .layui-btn:hover {
    background: rgb(0 169 255)
}

.aboutmain-btnlist .submit:hover {
    background: rgb(0 169 255);
    cursor: pointer;
}

.aboutmain-btnlist .reset:hover {
    background: #717171;
    cursor: pointer;
}

.aboutmain-btnlist input {
    width: 110px;
    height: 40px;
    border: none;
    color: #fff;
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: block;
}

.contentbg {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    /*background: #f8f8f8;*/
    padding-top: 50px;
}

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

.aboutmain-cbot {
    font-size: 0
}

.aboutmain-cbot .input {
    line-height: 25px;
    color: #333;
    padding: 5px 9px;
    border: 1px solid #bfbfbf;
    width: calc(100% - 20px);
    margin: 5px 0;
}

#sex {
    height: 25px;
    box-sizing: content-box;
}

.aboutmain-cbot textarea.input {
    height: 200px;
    width: calc(100% - 20px);
    vertical-align: text-top;
    display: block；
}

.aboutmain-cbot #code {
    width: 82%;
}

.product_detail_download .aboutmain-cbot img {
    border: none;
    position: relative;
    top: -4px;
    left: -45px;
    width: 40px;
}

.aboutmain-btnlist {
    padding: 10px 0 35px 0;
    text-align: center;
}

.aboutmain-btnlist .submit {
    background: #001eff;
    margin-right: 5px;
}

.aboutmain-btnlist .reset {
    background: #828282;
    margin-left: 5px;
}

.page a:hover {
    text-decoration: none;
    color: #fff;
    background: #184a9a;
    border: 1px solid #184a9a;
}

.tuijian li:hover a {
    color: rgb(255, 10, 44);
}

.shangyipian a:hover {
    color: #184a9a;
}

.share img {
    width: 150px;
}

.share span {
    display: block;
    text-align: center;
    width: 150px;
    margin-top: 20px;
    color: #fff;
}

.header-bottom .header-nav ul .cur:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0.5px;
    width: 100%;
    height: 1px;
    background: #001eff;
}

.header-bottom .header-nav ul .cur:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0.5px;
    width: 100%;
    height: 1px;
    background: #001eff;
}

.header-bottom .header-nav ul .cur a.tit {
    color: #001eff;
}


/*.contact-wrap { background-color: #f6f6f6; padding-top: 50px; padding-bottom: 50px; }
    .contact-wrap h4 { font-size: 18px; line-height: 30px; font-weight: bold; font-family: "Base-font"; padding-bottom: 13px; border-bottom: 1px solid #e3e3e3; color: #333; }
    .contact-wrap .address { margin-right: 90px; width: 600px; }
        .contact-wrap .address img { width: 150px; margin-top: 30px; }
        .contact-wrap .address .cont { padding-top: 25px; width: 400px; }
            .contact-wrap .address .cont .stt { font-weight: bold; }
            .contact-wrap .address .cont p { line-height: 24px; font-size: 14px; color: #666; }
    .contact-wrap .weixin { margin-right: 90px; width: 210px; }
        .contact-wrap .weixin .wx-img { padding-top: 26px; }
    .contact-wrap .mobile { width: 210px; }
        .contact-wrap .mobile .wx-img { padding-top: 26px; }

.footer-wrap { background-color: #222; padding-top: 20px; padding-bottom: 20px; }

    .footer-wrap .top-wrap { padding-bottom: 15px; border-bottom: 1px solid #393939; }
        .footer-wrap .top-wrap .nav { line-height: 40px; }
            .footer-wrap .top-wrap .nav a { display: inline-block; font-size: 14px; float: left; color: #fff; opacity: 0.4; filter: alpha(opacity=40); transition: opacity 0.3s ease 0s; }
                .footer-wrap .top-wrap .nav a:hover { opacity: 1; filter: alpha(opacity=100); }
            .footer-wrap .top-wrap .nav .line { display: inline-block; float: left; width: 1px; height: 10px; background-color: #fff; opacity: 0.4; filter: alpha(opacity=40); margin: 16px 20px 14px; }
        .footer-wrap .top-wrap .call { line-height: 40px; margin-top: 2px; display: inline-block; color: #fff; opacity: 0.4; filter: alpha(opacity=40); }
    .footer-wrap .bot-wrap { line-height: 42px; padding-top: 10px; font-size: 12px; }
        .footer-wrap .bot-wrap p { color: #7a7a7a; text-transform: uppercase; }
            .footer-wrap .bot-wrap p.fr img { height: 42px; }
        .footer-wrap .bot-wrap a { color: #7a7a7a; transition: all 0.3s ease 0s; }
            .footer-wrap .bot-wrap a:hover { color: #fff; }
        .footer-wrap .bot-wrap .site-img { display: inline-block; margin-right: 8px; }
.yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }
.yb_bar .yb_top { background: #ff4a00 url(../img/rightbar.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: #ff4a00 url(../img/rightbar.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { text-indent: 0; background: #ff4a00 url(../img/rightbar.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { background: #ff4a00 url(../img/rightbar.png) no-repeat 0 -169px; }
.hd_qr { padding: 0 29px 25px 29px; }
.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }*/

#youqin {
    margin-top: 20px;
    margin-bottom: 20px;
}

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