/*全局控制*/
    
    @charset "utf-8";
    /*全局控制*/
    
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    p,
    blockquote,
    /* structural elements 结构元素 */
    
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    /* list elements 列表元素 */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    /* text formatting elements 文本格式元素 */
    
    form,
    fieldset,
    legend,
    button,
    input,
    textarea,
    /* form elements 表单元素 */
    
    p,
    blockquote,
    th,
    td
    /* table elements 表格元素 */
    
    {
        margin: 0;
        padding: 0;
    }
    /** 设置默认字体 **/
    
    body,
    button,
    input,
    select,
    textarea
    /* for ie */
    
    {
        font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal;
    }
    
    address,
    cite,
    dfn,
    em,
    var {
        font-style: normal;
    }
    /* 将斜体扶正 */
    
    code,
    kbd,
    pre,
    samp {
        font-family: courier new, courier, monospace;
    }
    /* 统一等宽字体 */
    
    small {
        font-size: 12px;
    }
    /* 小于 12px 的中文很难阅读，让 small 正常化
*/
    
    table,
    td,
    tr,
    th {
        font-size: 12px;
    }
    
    caption,
    th {
        text-align: left;
    }
    
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /** 重置列表元素 **/
    
    ul,
    ol,
    li {
        list-style: none;
    }
    
    li {
        list-style-type: none;
    }
    
    q:before,
    q:after {
        content: '';
    }
    
    abbr,
    acronym {
        border: 0;
        font-variant: normal;
    }
    
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    th,
    var,
    optgroup {
        font-weight: normal;
        font-style: normal;
    }
    
    del,
    ins {
        text-decoration: none;
    }
    /** 重置文本格式元素 **/
    
    a {
        color: #000;
        text-decoration: none;
        outline: none;
    }
    
    a:visited {
        color: #000;
        text-decoration: none;
    }
    
    a:hover {
        color: #666;
        text-decoration: none;
    }
    
    a:active {
        color: #666;
    }
    /** 重置表单元素 **/
    
    legend {
        color: #666;
    }
    /* for ie6 */
    
    fieldset,
    img {
        border: 0;
    }
    /* img 搭车：让链接里的 img 无边框 */
    
    button,
    input,
    select,
    textarea {
        font-size: 100%;
    }
    /* 使得表单元素在 ie 下能继承字体大小 */
    
    sup {
        vertical-align: text-top;
    }
    /* 重置，减少对行高的影响 */
    
    sub {
        vertical-align: text-bottom;
    }
    /* 注：optgroup 无法扶正 */
    /** 重置表格元素 **/
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    /** 清除浮动 **/
    
    input,
    button,
    textarea,
    select,
    optgroup,
    option {
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
        outline: none;
    }
    
    body {
        background: #fff;
        font: 14px/20px Microsoft Yahei, simsun, Tahoma, Arial, Helvetica, sans-serif;
        color: #000;
    }
    
    input[type="text"],
    textarea {
        -webkit-appearance: none;
    }
    
    input {
        _background: #fff;
    }
    
    textarea {
        background: #fff;
    }
    
    select {
        *background: #fff;
    }
    
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }
    
    .clearfix:after {
        clear: both;
    }
    
    .clearfix {
        zoom: 1;
    }
    
    .clear {
        clear: both;
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    .bl1 {
        clear: both;
        height: 1px;
        overflow: hidden;
        display: block;
    }
    
    .bl5 {
        clear: both;
        height: 5px;
        overflow: hidden;
        display: block;
    }
    
    .bl10 {
        clear: both;
        height: 10px;
        overflow: hidden;
        display: block;
    }
    
    .bl15 {
        clear: both;
        height: 15px;
        overflow: hidden;
        display: block;
    }
    
    .bl20 {
        clear: both;
        height: 20px;
        overflow: hidden;
        display: block;
    }
    
    .bl30 {
        clear: both;
        height: 30px;
        overflow: hidden;
        display: block;
    }
    
    .bl40 {
        clear: both;
        height: 40px;
        overflow: hidden;
        display: block;
    }
    
    .bl50 {
        clear: both;
        height: 50px;
        overflow: hidden;
        display: block;
    }
    
    .tc {
        text-align: center;
    }
    
    .tl {
        text-align: left;
    }
    
    .tr {
        text-align: right;
    }
    
    .dis {
        display: block;
    }
    
    .undis {
        display: none;
    }
    
    .cl {
        clear: both;
    }
    
    .fb {
        font-weight: bold;
    }
    
    .fnb {
        font-weight: 200;
        margin-left: -1px;
    }
    
    .hr_1,
    .hr_10 {
        font-size: 1px;
        line-height: 1px;
        clear: both;
    }
    
    .hr_1 {
        height: 1px;
    }
    
    .hr_10 {
        height: 10px;
    }
    
    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus {
        outline: none;
    }
    
    .wrap {
        width: 1200px;
        margin: 0 auto;
        text-align: left;
    }
    
    .header .logo {
        width: 331px;
        /* height: 54px; */
    }
    
    .header .logo img {
        max-width: 100%;
    }
    
    .header {
        position: relative;
        padding-top: 30px;
        height: 100px;
    }
    
    .nav li {
        float: left;
        margin-left: 42px;
        font-size: 16px;
        height: 55px;
        margin-top: 15px;
        position: relative;
    }
    
    .nav li::after {
        content: '';
        width: 8px;
        height: 28px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -4px;
        transition: all 0.5s;
    }
    
    .nav li:hover::after,
    .nav li.on::after {
        background: url(../img/icon1.png) no-repeat;
    }
    
    .nav li a {
        display: block;
    }
    
    .nav li:hover a,
    .nav li.on a {
        color: #c83728;
    }
    
    .head2 .nav {
        display: flex;
        justify-content: space-between;
    }
    
    .head2 .nav li:hover a,
    .head2 .nav li.on a {
        color: #800000;
    }
    
    .banner {
        position: relative;
        overflow: hidden;
        width: 100% !important;
    }
    
    .banner a,
    .banPic,
    .banPic .swiper-slide {
        width: 100% !important;
        height: 550px;
    }
    
    .banner li a {
        display: block;
        cursor: pointer;
    }
    
    .dot_style {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 15px;
        text-align: center;
        z-index: 10;
    }
    
    .dot_style .swiper-pagination-bullet {
        opacity: 1;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 5px;
        border: 2px solid #fff;
        font-size: 0;
    }
    
    .dot_style .swiper-pagination-bullet-active {
        background: #fff;
    }
    
    .indexabout {
        margin-top: 110px;
    }
    
    .insideBan {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    .insideBan>img {
        position: relative;
        left: 50%;
        margin-left: -960px;
        width: 1920px;
        display: block;
    }
    
    .video,
    .video video {
        width: 600px;
        height: 400px;
    }
    
    .aboutcontent {
        width: 600px;
        padding: 30px 0 30px 50px;
    }
    
    .aboutcontent h2,
    .productop h2 {
        line-height: 150%;
        margin-top: 10px;
    }
    
    .aboutcontent p {
        font-size: 16px;
        line-height: 180%;
        text-indent: 20px;
        margin-top: 30px;
        font-weight:bold;
    }
    
    .aboutcontent a,
    .applyBtn {
        padding-left: 25px;
        margin-top: 50px;
        width: 120px;
        height: 40px;
        background: #c83728;
        color: #fff;
        line-height: 40px;
        position: relative;
    }
    
    .aboutcontent a::after,
    .applyBtn::after {
        content: '';
        border: #c83728 2px solid;
        width: 116px;
        height: 36px;
        position: absolute;
        top: 5px;
        left: 5px;
        transition: all 0.5s;
    }
    
    .aboutcontent a:hover:after,
    .applyBtn:hover::after {
        top: 0;
        left: 0;
    }
    
    .aboutcontent a i,
    .applyBtn i {
        display: inline-block;
        width: 36px;
        height: 2px;
        background: #fff;
        margin-left: 3px;
        vertical-align: middle;
    }
    
    .indexproduct {
        background: url(../img/bg2.jpg) no-repeat;
        background-size: 100%;
        position: relative;
    }
    
    .indexproduct::after {
        content: '';
        width: 600px;
        height: 400px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .productop {
        padding-top: 60px;
        position: relative;
        z-index: 10;
    }
    
    .productNav a {
        margin-left: 30px;
        font-size: 18px;
        color: #000;
        padding-bottom: 8px;
        border-bottom: #fff 1px solid;
    }
    
    .productNav a.on {
        color: #c83728;
        border-bottom-color: #c83728;
    }
    
    .productlist {
        margin-top: 30px;
    }
    
    .productlist .swiper-slide {
        border: #999 2px solid;
        background: #fff;
        padding-bottom: 25px;
        width: 368px;
        margin-right: 48px;
    }
    
    .productlist .swiper-slide img {
        max-width: 100%;height:200px;width:auto;
    }
    
    .productlist .swiper-slide:hover {
        border-color: #c83728;
    }
    
    .productlist .swiper-slide:hover::after {
        content: '';
        width: 60px;
        height: 60px;
        background: url(../img/icon.png) no-repeat;
        background-position: -72px 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .swriperBtn a {
        display: inline-block;
        width: 46px;
        height: 46px;
        border: #999 2px solid;
        background: url(../img/icon.png) no-repeat;
    }
    
    .swriperBtn a:hover {
        border-color: #c83728;
        background-color: #c83728;
    }
    
    .swriperBtn a.btn1 {
        background-position: -132px -7px;
    }
    
    .swriperBtn a.btn1:hover {
        background-position: -132px -65px;
    }
    
    .swriperBtn a.btn2 {
        background-position: -188px -7px;
    }
    
    .swriperBtn a.btn2:hover {
        background-position: -188px -65px;
    }
    
    .swriperBtn a.btn3 {
        background-position: -243px -7px;
        border-color: #c83728;
        background-color: #c83728;
    }
    
    .productKind1 {
        position: relative;
    }
    
    .swriperBtn {
        position: absolute;
        right: 0;
        top: -85px;
        z-index: 20;
    }
    
    .cooperImg,
    .cooperFrom {
        width: 600px;
    }
    
    .cooper {
        margin-top: 65px;
        background-color: #fff;
    }
    
    .cooperImg img {
        display: block;
        width: 100%;
    }
    
    .cooperFrom {
        padding: 35px 40px 0;
    }
    
    .inputDiv>div {
        width: 47%;
        padding-bottom: 10px;
        border-bottom: #ccc 1px solid;
    }
    
    .inputDiv1>div {
        width: 100%;
    }
    
    .inputDiv1>div input,
    .inputDiv2>div textarea {
        width: 88%;
        border: none;
        vertical-align: middle;
    }
    
    .inputDiv2>div textarea {
        height: 21px;
    }
    
    .inputDiv2>div {
        width: 100%;
        vertical-align: top;
    }
    
    .inputDiv>div span {
        display: inline-block;
        width: 20%;
        color: #999;
    }
    
    .inputDiv1>div span,
    .inputDiv2>div span {
        width: 10%;
    }
    
    .inputDiv>div input {
        width: 78%;
        border: none;
    }
    
    .applyBtn {
        position: relative;
    }
    
    .applyBtn input {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: none;
        border: none;
        color: #fff;
        z-index: 99
    }
    
    .cooperphone {
        position: relative;
        margin-top: 100px;
    }
    
    .cooperphone>div {
        width: 50%;
        height: 200px;
    }
    
    .cooperphone .div1 {
        background: #c83728;
    }
    
    .cooperphone .div2 {
        background: url(../img/bg1.jpg) no-repeat;
    }
    
    .cooperphone .div3 {
        position: absolute;
        width: 1200px;
        left: 50%;
        position: absolute;
        margin-left: -600px;
        top: 0;
    }
    
    .cooperphone .div3 a {
        display: block;
    }
    
    .cooperphone .div3 .icon {
        display: inline-block;
        background-position: 0 -177px;
        width: 640px;
        margin-top: 60px;
        height: 100px;
        vertical-align: middle;
        position: relative;
        z-index: 10;
    }
    
    .cooperphone .div3 img {
        margin-left: -43px;
        position: absolute;
    }
    
    .footer {
        margin-top: 95px;
        padding-bottom: 100px;
    }
    
    .f_logo {
        width: 90px;
        height: 107px;
    }
    
    .f_ewm {
        width: 114px;
        height: 115px;
        margin-left: 40px;
    }
    
    .f_contact {
        margin-left: 95px;
        color: #666;
    }
    
    .f_contact p {
        margin-top: 15px;
    }
    
    .f_contact p i {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 20px;
        vertical-align: middle;
        position: relative;
    }
    
    .f_contact p i::before {
        content: '';
        width: 1px;
        height: 12px;
        background: #999999;
        position: absolute;
        right: -10px;
        top: 1px;
    }
    
    .f_contact .p1 i {
        background-position: 0 -75px;
    }
    
    .f_contact .p2 i {
        background-position: 0 -110px;
    }
    
    .f_contact .p3 i {
        background-position: 0 -151px;
    }
    
    .f_share {
        text-align: right;
    }
    
    .f_share div a {
        display: inline-block;
    }
    
    .f_share div a {
        display: inline-block;
    }
    
    .f_share a i {
        display: inline-block;
        width: 30px;
        height: 30px;
    }
    
    .f_share a.qq i {
        background-position: -24px -70px;
    }
    
    .f_share a.wx i {
        background-position: -64px -70px;
    }
    
    .f_share a.wx {
        position: relative;
    }
    
    .f_share a.wx img {
        position: absolute;
        width: 114px;
        height: 114px;
        top: -111px;
        left: -53px;
        display: none;
    }
    
    .f_share a.wx:hover img {
        display: block;
    }
    
    .f_share p {
        line-height: 180%;
        margin-top: 10px;
        color: #666;
    }
    /* .conIright{ width: 880px;} */

    .search{margin:0 0 20px 0;width:202px;}
    .search .textInput{border:1px solid #ccc;height:30px;line-height:30px;}
    .search .searchBtn{cursor:pointer;width:50px;float:right;border:none;background:#fb402c;color:#fff;height:30px;line-height:30px;}
    .intro_txt{padding:0 0 0 40px;}
    .intro_txt h3{padding:10px 0;font-size:18px;}
    .intro_txt h3 span{color:#f00;}
    .search_list li{border-bottom:1px solid #ccc;height:50px;line-height:50px;width:100%;}
    .search_list li span{float:right;padding:0 10px 0 0;color:#ccc;}
    .contop {
        margin-top: 50px;
    }
    
    .contop i {
        display: inline-block;
        background-position: -24px -110px;
        width: 16px;
        height: 15px;
        vertical-align: middle;
        position: relative;
        top: -2px;
    }
    
    .contop h1 {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 24px;
        color: #800000;
    }
    
    .conIright .rednews dl {
        margin-top: 30px;
    }
    
    .conIright .rednews dl dt {
        width: 25%;
    }
    
    .conIright .rednews dl dt img {
        width: 100%;
        display: block;
    }
    
    .conIright .rednews dl dd {
        width: 72%;
        border-bottom: #ccc 1px dashed;
        position: relative;
        height: 200px;
    }
    
    .conIright .rednews dl dd p.time {
        margin-top: 20px;
        position: absolute;
        bottom: 10px;
        width: 100%;
        font-size: 12px;
    }
    
    .conIright .rednews dl dd p.title {
        font-size: 18px;
    }
    
    .page {
        text-align: center;
        margin-top: 50px;
    }
    
    .page li {
        /* width: 40px; */
        padding: 0 14px;
        height: 40px;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        margin: 0 3px;
        border: #ccc 1px solid;
    }
    
    .page li a {
        display: block;
    }
    
    .page li:hover,
    .page li.active {
        border-color: #c83728;
        color: #c83728;
    }
    
    .page li:hover a,
    .page li.active a {
        color: #c83728;
    }
    
    .detailTxt h1 {
        line-height: 150%;
        margin: 20px 0;
    }
    
    .detailPage {
        border-top: #ccc 1px solid;
        padding-top: 10px;
    }
    
    .detailPage p {
        margin-top: 10px;
    }
    
    .detailPage p a {
        color: #999;
    }
    
    .detailPage p:hover a {
        color: #800000;
    }
    
    .introTxt img {
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    .introTxt p {
        line-height: 180%;
        margin-bottom: 20px;
        text-indent: 20px;
    }
    
    .intro_text_left {
        width: 775px;
    }
    
    .intro_text_left h2 {
        font-size: 30px;
        font-weight: bold;
        color: #333;
        margin-top: 38px;
        margin-bottom: 60px;
    }
    
    .intro_text_left p {
        font-size: 14px;
        line-height: 180%;
    }
    
    .intro_text_right,
    .intro_text_right img {
        width: 380px;
        height: 331px;
    }
    
    .public_top {
        margin-top: 70px;
    }
    
    .partName i {
        display: block;
        text-align: center;
        font-style: normal;
    }
    
    .partName .cn_txt {
        color: #e60012;
        font-size: 30px;
    }
    
    .partName .en_txt {
        color: #999;
        font-size: 14px;
    }
    
    .part1_content img {
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    .part1_content {
        margin-top: 35px;
    }
    
    .part1_content p {
        line-height: 180%;
        font-size: 14px;
        color: #333;
        margin-bottom: 10px;
    }
    
    .leftr {
        float: left;
        width: 202px;
        overflow: hidden;
        display: inline;
        margin-left: 20px;
    }
    
    .leib2 {
        width: 202px;
    }
    
    .leib2 .tit {
        width: 202px;
        height: 79px;
        background: url(../img/sex_03.jpg) no-repeat;
        text-align: center;
        padding-top: 25px;
        font: 20px "Microsoft YaHei";
        color: #fff;
        font-weight: bold;
    }
    
    .leib2 .tit a {
        font: 20px "Microsoft YaHei";
        color: #fff;
        font-weight: bold;
    }
    
    .leib2 .tit i {
        font-style: normal;
        text-transform: uppercase;
        font: 12px "Microsoft YaHei";
        color: #2583e4;
        display: block;
    }
    
    .leib2 .nr {
        border: 1px solid #ccc;
        border-top: 0;
        background: #fff;
        padding: 4px 11px 8px;
        overflow: hidden;
    }
    
    .bgn {
        background: url(../img/lan_03.jpg) no-repeat;
        height: 27px;
        line-height: 27px;
        padding-left: 28px;
        overflow: hidden;
        margin-top: 4px;
    }
    
    .h4s {
        background: url(../img/lan_03.jpg) no-repeat;
        height: 27px;
        line-height: 27px;
        padding-left: 28px;
        overflow: hidden;
        margin-top: 4px;
    }
    
    .leib2 .nr h4 {
        height: 35px;
        line-height: 35px;
        padding-left: 28px;
        overflow: hidden;
        margin-top: 8px;
        background: #197EE6;
    }
    
    .leib2 .nr h4.cur {
        background: #FE0000;
    }
    
    .leib2 .nr h4 a {
        color: #fff;
    }
    
    .leib2 h3 {
        background: url(../img/icon1.gif) no-repeat scroll 16px 13px;
        padding-left: 31px;
        height: 34px;
        line-height: 34px;
        margin-top: 4px;
    }
    
    .leib2 h3 a {
        display: inline-block;
        font: 14px "Microsoft YaHei";
        color: #333;
        font-weight: bold;
        line-height: 34px;
    }
    
    .leib2 h3.cur a {
        color: #fe0000;
    }
    
    .leib2 .nr ul {
        padding: 0 15px;
    }
    
    .leib2 .nr li {
        background: url(../img/icon1.gif) no-repeat scroll 16px 10px;
        padding-left: 40px;
        color: #666;
        line-height: 29px;
        overflow: hidden;
        white-space: nowrap;
        height: 29px;
        border-bottom: 1px dashed #DEDEDE
    }
    
    .leib2 .nr ul {
        display: none;
    }
    
    .leib2 .nr ul.open {
        display: block;
    }
    
    .leib2 .nr li.cur a {
        color: #fe0000;
    }
    
    .about_part1 ul li {
        float: left;
        width: 25%;
        text-align: center;
        margin: 0;
    }
    
    .about_part1 ul li img {
        display: block;
        margin: 0 auto;
    }
    
    .about_part1 ul li span {
        display: block;
        color: #333;
        font-size: 22px;
        margin-top: 20px;
        text-align: center;
    }
    
    .about_part1 ul li p {
        line-height: 180%;
        margin-top: 10px;
        font-size: 16px;
        color: #666;
    }
    
    .about_part1 ul li p.boldFont {
        font-weight: bold;
        font-size: 24px
    }
    
    .productlistCont li {
        border: #d2d2d2 1px solid;
        background-color: #fff;
        width: 286px;
        float: left;
        text-align: center;
        padding-bottom: 25px;
        margin-bottom: 30px;
        margin-left: 40px;
    }
    
    .productlistCont li .Img {
        width: 100%;
        margin: 38px auto 0;
        height: 175px;
        overflow: hidden;
    }
    
    .productlistCont li .Img img {
        max-width: 100%;
        height: 166px;
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    
    .productlistCont li:hover .Img img {
        margin-left: -10px;
    }
    
    .productlistCont li p {
        font-size: 16px;
        padding: 0 15px;
    }
    
    .Iproduct {
        margin-top: 60px;
    }
    
    .rightr {
        float: left;
        width: 978px;
    }
    
    .productDetail {
        margin-top: 50px;
    }
    
    .DetailDiv1Left {
        width: 400px;
        border: #ccc 1px solid;
    }
    
    .DetailDiv1Left img {
        max-width: 90%;
        display: block;
        margin: 0 auto;
    }
    
    .DetailDiv1right {
        width: 765px;
    }
    
    .DetailDiv1right .name {
        font-size: 32px;
    }
    
    .DetailDiv1right .intro {
        color: #343434;
        margin-top: 10px;
        font-size: 16px;
        line-height: 180%;
    }
    
    .DetailDiv1right .description {
        margin-top: 40px;
    }
    
    .DetailDiv1right .description p {
        line-height: 180%;
        color: #343434;
    }
    
    .DetailDiv1right .description p i {
        color: #666;
        font-style: normal;
    }
    
    .detailPhone {
        margin-top: 40px;
    }
    
    .detailPhone>div {
        float: left;
    }
    
    .detailPhone .number1 {
        font-size: 16px;
    }
    
    .detailPhone .number1 p img {
        margin-right: 5px;
        vertical-align: middle;
    }
    
    .detailPhone .number1 span {
        display: block;
        font-size: 32px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #c20f2f;
    }
    
    .detailPhone .number2 {
        position: relative;
        padding-left: 65px;
        margin-top:20px;
    }
    
    .detailPhone .number2 img {
        position: absolute;
        left: 0;
        top: 3px;
    }
    
    .detailPhone .number2 p {
        font-size: 20px;
    }
    
    .detailPhone .number2 span {
        display: block;
        font-size: 29px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #333;
    }
    
    .detail2Cont {
        height: 65px;
        background-color: #f5f5f5;
        font-size: 0;
    }
    
    .detail2Cont.fixed {
        position: fixed;
        width: 1300px;
        left: 50%;
        margin-left: -650px;
        z-index: 100;
        top: 0;
    }
    
    .detail2Cont a {
        display: inline-block;
        width: 158px;
        line-height: 65px;
        font-size: 18px;
        text-align: center;
        border-right: #e2e2e2 1px solid;
    }
    
    .detail2Cont a.on {
        background-color: #c20f2f;
        font-weight: bold;
        color: #fff;
    }
    
    .productDetailDiv2 {
        margin-top: 60px;
        margin-bottom: 45px;
    }
    
    .detail2Cont1 {
        margin-top:20px;
    }
    
    .detail2Cont1 .detail img {
        max-width: 100%;
    }
    
    .detail2Cont1 .casedetailRight,
    .detail2Cont1 .relaCase {
        width: 100%;
    }
    
    .relaCase .title {
        font-size: 24px;
        font-weight: bold;
        margin-top: 10px;
        position: relative;
    }
    
    .relaCase .title img {
        vertical-align: middle;
        margin-right: 10px;
    }
    
    .relaCase .title a {
        font-size: 14px;
        color: #333;
        font-weight: normal;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 30px;
    }
    
    .relacaselist li {
        width: 282px;
        background-color: #fff;
        text-align: center;
        padding-bottom: 20px;
        margin-top: 30px;
        float: left;
        margin-right: 24px;
        border: #e5e5e5 1px solid;
        cursor: pointer;
    }
    
    .relacaselist li .Img {
        padding: 40px 0;
        text-align: center;
    }
    
    .relacaselist li .Img img {
        max-width: 100%;
        height: 166px;
    }
    
    .relacaselist li .p1 {
        font-size: 15px;
        font-weight: bold;
    }
    
    .relacaselist li .p2 {
        font-size: 13px;
        color: #666;
        padding: 0 15px;
        margin-top: 10px;
    }
    
    .relacaselist li .p3 {
        margin-top: 18px;
        font-size: 12.67px;
        text-decoration: underline;
        color: #333;
    }
    
    .relacaselist li:hover .p1,
    .relaCase .title a:hover {
        color: #c20f2f;
    }
    
    .advtage {
        margin-top: 50px;
    }
    
    .advtage h1 {
        color: #c20f2f;
    }
    
    .advtage p {
        line-height: 180%;
        margin-top: 15px;
    }
    
    .techlist1 li {
        background-color: #fff;
        width: 270px;
        border-radius: 5px;
        overflow: hidden;
        text-align: center;
        margin-top: 40px;
        float: left;
        margin-right: 40px;
    }
    
    .techlist1 li img {
        max-width: 100%;
    }
    
    .techlist1 li .p1 {
        color: #333;
        font-size: 18px;
        font-weight: bold;
    }
    
    .techlist1 li .p2 {
        color: #999;
        font-size: 14px;
        padding: 0 5%;
        margin: 10px auto 0;
        line-height: 160%;
        min-height: 110px;
    }
    
    .techlist1 li>div {
        padding: 5% 0 6%;
    }
    
    .tech_java1 {
        padding: 60px 0 40px;
        background-color: #0f0261;
    }
    
    .tech_java1 .div_name .p2 {
        color: #fff;
    }
    
    .tech_java1 .div_name .p2 span,
    .tech_java2 .p1 {
        color: #fff100;
    }
    
    .tech_java1 .pic_box {
        margin-top: 0;
    }
    
    .div_name .p1 {
        text-align: center;
        color: #e60012;
        font-size: 30px;
        font-weight: bold;
        line-height: 120%;
    }
    /* .imgbox{} */
    
    .imgbox img {
        max-width: 100%;
        margin-top: 20px;
    }
    .conlist li {
        margin-top: 50px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
    }
    
    .conlist li p {
        background: url(../img/txicon.jpg) no-repeat;
        padding-left: 90px;
        line-height: 60px;
        font-size:24px;
    }
    
    .conlist .li1 {
        background-position: 0 0;
    }
    
    .conlist .li2 {
        background-position: 0 -60px;
    }
    
    .conlist .li3 {
        background-position: 0 -120px;
    }
    
    .conlist .li4 {
        background-position: 0 -180px;
    }
    
    .conlist .li5 {
        background-position: 0 -240px;
    }
    
    .navmenu {
        display: none;
    }
    /* 公共样式 */
    
    .line-height150 {
        line-height: 150%;
    }
    
    .hide {
        display: none;
    }
    
    .txt_center {
        text-align: center;
    }
    
    ._block {
        display: block;
    }
    
    .marginTop60 {
        margin-top: 60px;
    }
    
    .icon {
        background: url(../img/icon.png) no-repeat;
    }
    
    .marginlf10 {
        margin-left: 10px;
    }
    
    .marginlf15 {
        margin-left: 15px;
    }
    
    .marginlf20 {
        margin-left: 20px;
    }
    
    .marginlf30 {
        margin-left: 30px;
    }
    
    .ellipsis1 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .ellipsis2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .ellipsis3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .marginTop50 {
        margin-top: 50px;
    }
    
    .marginTop25 {
        margin-top: 25px;
    }
    
    .marginTop15 {
        margin-top: 15px;
    }
    
    .marginTop10 {
        margin-top: 10px;
    }
    
    .width217 {
        width: 217px;
    }
    
    .color_999 {
        color: #999;
    }
    
    .font16 {
        font-size: 16px;
    }
    
    .font24 {
        font-size: 24px;
    }
    
    .font36 {
        font-size: 36px;
    }
    
    .marginTop2 {
        margin-top: 2px;
    }
    
    .marginR0 {
        margin-right: 0 !important;
    }
    
    .marginB0 {
        margin-bottom: 0 !important;
    }
    
    @media(max-width:768px) {
        .wrap {
            width: 100%;
            padding: 0 2%;
        }
        .menu {
            background-color: transparent;
            background-image: none;
            border: 1px solid #C81D25;
            border-radius: 4px;
            float: right;
            /* margin-top: 6px; */
            padding: 3px 5px 6px;
        }
        .menu .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            margin-top: 4px;
            background-color: #C81D25;
        }
        .header .logo {
            width: 190px;
        }
        .nav {
            padding-right: 15px;
            padding-left: 15px;
            overflow-x: visible;
            z-index: 999;
            position: absolute;
            width: 150px;
            right: 0;
            top: 45px;
            border: 0;
            background: rgba(157, 11, 10, 0.8);
            display: none;
        }
        .nav {
            flex-direction: column;
        }
        .nav li {
            font-size: 16px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }
        .nav li a {
            color: #fff;
        }
        .nav li.on a {
            color: #fff;
        }
        .header {
            height: auto;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .banner a,
        .banPic,
        .banPic .swiper-slide {
            height: 150px;
        }
        .indexabout {
            margin-top: 30px;
        }
        .indexabout .video,
        .video video {
            width: 100%;
            height: auto;
        }
        .aboutcontent {
            width: 100%;
            padding: 0;
            margin-top: 20px;
        }
        .indexabout .fl,
        .indexabout .fr {
            float: none;
        }
        .productop {
            display: flex;
            flex-direction: column;
        }
        .productNav {
            margin-top: 30px;
        }
        .productNav a {
            margin-left: 0;
            margin-right: 30px;
        }
        .cooperImg,
        .cooperFrom {
            width: 100%;
            padding: 0;
        }
        .cooperFrom {
            margin-top: 20px;
        }
        .inputDiv>div {
            width: 100%;
        }
        .inputDiv>div.fr {
            margin-top: 25px;
        }
        .cooperphone {
            display: none;
        }
        .footer {
            background: #c83728;
        }
        .footer>img {
            display: none;
        }
        .f_contact {
            margin: 0;
            display: none;
        }
        .f_contact p i {
            display: none;
        }
        .f_share div {
            display: none;
        }
        .f_share {
            float: none;
        }
        .f_share p {
            text-align: center;
            color: #fff;
        }
        .productlist .swiper-slide {
            margin-right: 0;
            width: 100%;
        }
        .font36 {
            font-size: 24px;
        }
        .indexproduct {
            background: none;
        }
        .indexproduct::after {
            display: none;
        }
        .swriperBtn {
            position: static;
            margin-top: 30px;
        }
        .insideBan img {
            width: 100%;
            margin: 0;
            position: static;
        }
        .div_name .p1 {
            font-size: 20px;
        }
        .conlist li {
            height: 60px;
            line-height: 30px;
            margin-top: 20px;
        }
        .conlist li p {
            background: url(../img/txicon_.jpg) no-repeat;
            padding-left: 20%;
            height: 60px;
            line-height: 30px;font-size: 16px;
        }
        .conlist .li2 {
            background-position: 0 -60px;
        }
        .conlist .li3 {
            background-position: 0 -120px;
        }
        .conlist .li4 {
            background-position: 0 -240px;
        }
        .conlist .li5 {
            background-position: 0 -300px;
        }
        .techlist1 li {
            width: 100%;
            float: none;
            margin: 30px 0 0;
        }
        .about_part1>ul {
            display: flex;
            flex-wrap: wrap;
        }
        .about_part1>ul li {
            width: 50%;
            margin: 20px 0 0;
        }
        .about_part1 ul li img {
            width: 33.3333%;
        }
        .about_part1 ul li span {
            font-size: 18px;
        }
        .about_part1 ul li p {
            font-size: 12px;
        }
        .conIright .rednews dl dt,
        .conIright .rednews dl dd {
            width: 100%;
            float: none;
            height: auto;
        }
        .conIright .rednews dl dd {
            padding-bottom: 50px;
        }
        .detailTxt h1 {
            font-size: 20px;
        }
        .leftr {
            float: none;
            display: none;
        }
        .rightr {
            width: 100%;
            float: none;
        }
        .productlistCont,
        .relacaselist {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .productlistCont li {
            width: 47%;
            margin-left: 0;
        }
        .productlistCont::before,
        .relacaselist::before {
            display: none;
        }
        .navmenu {
            height: 50px;
            box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
            line-height: 50px;
            background-color: #fff;
            margin-bottom: 30px;
            display: block;
        }
        .navmenu a {
            color: #999;
            font-size: 18px;
            display: block;
            text-align: center;
        }
        .navmenu .on a {
            color: #C81D25;
        }
        .Iproduct {
            margin-top: 0;
        }
        .DetailDiv1Left,
        .DetailDiv1right {
            width: 100%;
        }
        .DetailDiv1right .name {
            font-size: 24px;
            margin-top: 20px;
        }
        .DetailDiv1right .intro {
            font-size: 14px;
        }
        .detailPhone>div {
            float: none;
            margin: 0 auto 20px;
        }
        .relacaselist li {
            width: 48%;
            margin-right: 0;
        }
        .relacaselist li .Img {
            padding: 0;
        }
        .relacaselist li .p2 {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .detail2Cont a {
            width: 25%;
            font-size: 14px;
            height: 50px;
            line-height: 50px;
        }
        .detail2Cont {
            height: 50px;
        }
        .relaCase .title {
            font-size: 18px;
            margin-top: 30px;
        }
        .detailPhone {

        }
        .detailPhone .number1 {
            margin-right: 0;
        }
        .detailPhone .number2 img {
            width: 40px;
        }
        .detailPhone .number2 {
            padding-left: 45px;
        }
        .detailPhone .number2 p {
            font-size: 16px;
        }
        .detailPhone .number2 span,
        .detailPhone .number1 span {
            font-size: 20px;
            margin-top: 0;
        }
        .nav li::after {
            display: none;
        }
    }