@charset "utf-8"; /* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td {
    /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
.pages-turn{width:100%;height:auto;padding-top:30px;text-align:center;position:relative;overflow:hidden; }/*分页*/
.pages-turn span{
    display:inline-block;width:26px;height:28px;text-align:center;font-family:'Arial';background-color:#d61f17;line-height: 28px;    margin: 5px;color: #ffffff;
}
.pages-turn a{display:inline-block;width:26px;height:28px;color:#000000;  text-align:center;font-family:'Arial';background-color:#F0F0F0;line-height: 28px;margin: 5px; }

.pages-turn a.on, .pages-turn a:hover{background-color:#d61f17;color:#ffffff;border-color:#0075f6;}
/*.pages-turn a:first-child{width: 108px;background-color:#F0F0F0; color: #555555;float: left;}*/
/*.pages-turn a:last-child{width: 108px;background-color:#F0F0F0; color: #555555;float: right;}*/
input,textarea {
    border: 2 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

/* 设置默认字体 */
body, button, input, select, textarea {
    font-family: "Microsoft Yahei";
    color: #666;
    font-size: 13px;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4, h5, h6 {
    font-size: 100%;
}

* h1,* h2,* h3,* h4,* h5,* h6 {
    margin: 0px;
}

/*覆盖bootstrape对标题加的默认外边距*/
address, cite, dfn, em, i, var {
    font-style: normal;
}

/* 斜体扶正 */
/* 重置列表元素 */
ul, ol ,li {
    list-style: none;
}

/* 重置文本格式元素 */
a {
    text-decoration: none;
    color: #666;
    word-wrap: break-word;
}

/*英文换行*/
a:hover {
    text-decoration: none;
}

/* 重置表单元素 */
legend {
    color: #000;
}

/* for ie6 */
fieldset, img {
    border: none;
}

/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%;
    /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {
    overflow-y: scroll;
}

/*设置浮动*/
.fl,.pull-left {
    float: left;
}

.fr,.pull-right {
    float: right;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

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

.box,.content,.w1200,.width-1200 {
    width: 1300px;
    margin: 0 auto;
}

/* -- 内页布局 -- */
.page_bg {
    padding: 20px 0 20px;
    background: #fff;
}

.page_main {
    margin: 0 auto;
    width: 1300px;
}

/*版面宽度*/
.page_content {
    width: 930px;
}

/*右边宽度*/
.page_left {
    width: 240px;
}

/*左边宽度*/
.page_full {
    width: 100%;
}

.dis,.hide {
    display: none;
}

.line-clamp-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line-clamp-2 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

body {
    margin: 0 auto;
    font-family: "microsoft yahei";
    color: #525252;
    font-size: 14px;
    min-width: 1300px;
    overflow-x: hidden;
}

div,dl,ul,li,span,p,img,h1,h2,dl,p,em,h6 {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 0px;
    font-weight: normal;
}

i,em {
    font-style: normal;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cp img {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 2px;
    background-color: #fff;
}

.cp a:hover img {
    border: 1px solid #cf1d00;
    background-color: #fff;
    padding: 2px;
}

a {
    color: #525252;
    text-decoration: none;
    cursor: pointer;
}

.trans1 img {
    transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
}

.trans1 img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}

.trans2 img {
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
}

.trans2 img:hover {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -wbkit-transform: scale(1.2);
}

.trans3 img {
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
}

.trans3 img:hover {
    transform: rotateY(360deg);
}

a:hover {
    text-decoration: none;
    color: #007d43;
}

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

.box:after,w1300:after {
    display: block;
    clear: both;
    content: "";
}

/*  抬头*/
.htop,.htop a {
    font-size: 14px;
    color: #999;
    font-weight: lighter;
    line-height: 55px;
}

.htop a:hover {
    color: #cf1d00;
}

.htop {
    background: #f9f9f9;
}

.htop span {
    display: inline-block;
    padding-left: 21px;
    position: relative;
    cursor: pointer;
}

.htop span+span {
    margin-left: 17px;
}

.htop span img {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100px;
    z-index: 9;
    height: auto;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}

.htop p.fl {
    padding-left: 30px;
    background: url(../images/005.png) no-repeat left center;
    font-size: 13px;
}

.htop span:hover img {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.htop span:nth-child(1) {
    background: url(../images/003.png) no-repeat left center;
}

.htop span:nth-child(2) {
    background: url(../images/002.png) no-repeat left center;
}

.htop span:nth-child(3) {
    background: url(../images/001.png) no-repeat left center;
}

.htop span:nth-child(4) {
    background: url(../images/004.png) no-repeat left center;
}

.header {
    background: #fff;
}

.hlogo {
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: relative;
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    padding: 15px;
    overflow: hidden;
    margin: 30px 0 25px 0;
}

.hlogo img {
    position: relative;
    z-index: 3;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.hlogo a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;

}

.hwa {
    font-size: 0;
    margin: 50px 0 0 15px;
}

.hwa p {
    float: left;
}

.top_title i {
    display: block;
    font-style: normal;
    font-size: 49px;
    line-height: 50px;
    color: #222;
    font-weight: bold;
}

.top_title em {
    display: block;
    font-style: normal;
    font-size: 16px;
    line-height: 34px;
    font-weight: lighter;
    text-transform: uppercase;
    ;color: #999;
}

.alibb1 {
    margin: 60px 0 0 80px;
}

.hline {
    width: 15px;
    height: 86px;
    background: url(../images/008.png) left center no-repeat;
    margin: 0 2px 0 17px ;
   width: 0;
}

.hmean {
    font-size: 20px;
    color: #555;
    font-weight: lighter;
}

.hmean i {
    letter-spacing: 1.4px;
}

.hmean b {
    display: block;
    font-size: 30px;
    color: #333;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid #eee;
}

.hmean b span {
    color: #cf1d00;
    font-weight: bold;
}

.head_p {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 1.6;
    padding: 50px 0 0 0;
    display: flex;
    align-items: center;
    /* background: url(../images/025.png) left 50px no-repeat; */
}
.head_p .l{
  margin-right: 10px;
}
.head_p .l img{
  display: block;
  width: 67px;
  transform: rotate(-20deg);
}
.head_p .head_p_n{
  font-family: "Arial";
    font-size: 36px;
    font-weight: bold;
    color: #ec0000;
    line-height: 1;
    /* padding-bottom: 5px; */
}
.head_p li:first-child{
  /* padding-top: 5px; */
}
.head_p p {
    font-size: 30px;
    font-family: "impact";
    color: #222;
    line-height: 32px;
    float: left;
}

.head_p li {
    display: block;
    position: relative;
}

/*  主营*/
.main_all {
    width: 100%;
    min-width: 1300px;
    padding-bottom: 80px;
    background: url(../images/main_bg.jpg) center bottom no-repeat;
    padding-top: 80px;
}

.main_t {
    text-align: center;
}

.main_t p {
    font-size: 44px;
    color: #222;
    line-height: 44px;
}

.main_t strong {
    color: #cf1d00;
}

.main_t dl {
    font-size: 18px;
    font-weight: lighter;
    padding-top: 15px;
}

/*圆圈跳动*/
.main_dline {
    width: 82px;
    margin: 0 auto;
    margin-bottom: 46px;
    margin-top: 16px;
}

.main_dline_line {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #cf1d00;
    margin: 0 5px;
}

.main_dline .main_dline_line:nth-last-child(1) {
    animation: loadingC 1.5s .8s linear infinite;
    background: #ffa800;
}

.main_dline .main_dline_line:nth-last-child(2) {
    animation: loadingC 1.5s 1s linear infinite;
    background: #0967b0;
}

.main_dline .main_dline_line:nth-last-child(3) {
    animation: loadingC 1.5s 1.2s linear infinite;
    background: #cf1d00;
}

@keyframes loadingC {
    0% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(0,7px);
    }

    100% {
        transform: translate(0,0);
    }
}

.main_b {
    margin-top: 80px;
}

.main_b li {
    display: block;
    width: 340px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #eee;
    padding: 60px;
    text-align: center;
    font-size: 17px;
    line-height: 36px;
    font-weight: lighter;
}

.main_b li:nth-of-type(1) {
    margin-left: 160px;
}

.main_b li .img {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    background: #eee;
    animation: mymove1 3s infinite;
    -moz-animation: mymove1 3s linear infinite;
    -ms-animation: mymove1 3s linear infinite;
    -o-animation: mymove1 3s linear infinite;
    -webkit-animation: mymove1 3s linear infinite;
}

@-webkit-keyframes mymove1 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes mymove1 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.main_b li .txt {
    padding-top: 30px;
}

.main_b li .txt dl {
    font-size: 28px;
    color: #cf1d00;
    line-height: 55px;
}

.main_b li .txt dl:after {
    display: block;
    content: "";
    width: 50px;
    background: #eee;
    height: 3px;
    margin: 20px auto;
}

.main_b li .txt p {
    padding-top: 5px;
    color: #888;
    font-weight: lighter;
}

.main_b li+li {
    margin-left: 60px;
}

.main_b li a {
    display: block;
    margin: 40px auto auto auto;
    background: #eee;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 50px;
}

.main_b li a:hover {
    background: #cf1d00;
    color: #fffc00;
}
.gy{max-width: 1400px; min-width: 1300px; width: 100%; margin: 0 auto;}
.cont_bc * { line-height: 100%;}
.cont_bc{width: 100%;position: relative;padding:80px 0; background: url(../images/20210515224015_390443593.jpg)center no-repeat;}
.cont_tit{text-align: center;}
.cont_tit p{font-size: 36px;color: #202020;}
.cont_tit b{display: block;font-size: 42px;color: #d6100f;margin-top: 18px;}
.cont_c ul{display: flex;justify-content: space-between;padding-top: 106px;}
.cont_c ul li{text-align: center;transition: all .5s;width: 25%;height: 270px;margin-bottom: 75px;overflow: hidden;}
.cont_c ul li>span{font-size: 60px;color: #d6100f;display: block;}
.cont_c ul li b{display: block;font-size: 26px;color: #222;padding:28px 0 43px;}
.cont_c ul li div{height: 212px;overflow-y:hidden;transition: all .5s;}
.cont_c ul li div p{font-size: 18px;color: #777;line-height: 32px;text-align: center;transition: all .5s; margin-bottom: 20px;}
.cont_c ul li div a{font-size: 16px; line-height: 60px; border: 1px solid #ddd;padding: 10px 36px; color: #666666;border-radius: 30px;}
.cont_c ul li:hover div{height: 280px;}
.cont_c ul li:hover{transform: translateY(-30px);padding: 0;margin-bottom: 0;}
.cont_c ul li:hover span{opacity: 1}
.cont_c ul li:hover div a {background: #d6100f;color: #fff;border: none;}

a.cont_btn{font-size: 24px;color: #fff;display: block;width: 288px;height: 62px;line-height: 62px;border-radius: 31px;text-align: center;background: #d6100f;margin:0 auto;}
a.cont_btn:hover{
  color: #fff;
}
@media screen and (max-width: 1460px){
.cont_c ul li:hover div{height: 300px;}
.cont_c ul li{padding:48px;height: 280px}
.cont_c ul li:hover{transform: translateY(-10px);}
.cont_c ul li div p{font-size: 16px;color: #777;line-height: 34px;text-align: center;}
}

/*  产品展示*/
.prod_all {
    padding-top: 80px;
    width: 100%;
    min-width: 1300px;
    background: #fff;
}
.prod_all .product_content{
  margin-top: 50px;
}
.prod_all .prod_b .prod_b-title{
  text-align: center;
  font-size: 32px;
  color: #222;
}
.prod_all .prod_b .prod_b-des{
  text-align: center;
  font-size: 16px;
  color: #979792;
  margin-top: 10px;
}
.prod_all a.more{
  display: block;
  margin: 52px auto 0;
  width: 500px;
  height: 60px;
  text-align: center;
  border: 1px solid #e3e3e3;
  line-height: 58px;
  color: #7f7f7d;
  font-size: 20px;
  transition: all .6s;
}
.prod_all a.more:hover{
  color: #fff;
  background-color: #d6100f;
}
.dis {
    display: none;
}

.product_nav {
    background: #f5f5f5 url(../images/list_bg.png) no-repeat center;
    width: 100%;
    height: 100px;
    position: relative;
    margin-top: 70px;
}

.product_nav:After {
    display: block;
    content: "";
    width: 302px;
    height: 130px;
    background: url(../images/list_polo.png)center no-repeat;
    position: absolute;
    right: 60px;
    top: -50px;
}

.product_nav p {
    width: 320px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin: 19px 0px 0px;
    font-weight: bold;
    margin-right: 27px;
}

.product_nav p span {
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial;
    color: #8e8e8e;
    display: block;
    margin-top: 5px;
}

.product_nav li {
    float: left;
    height: 100px;
    line-height: 88px;
    margin-left: 80px;
    transition: all 0.3s;
}

.product_nav li a {
    display: block;
    font-size: 26px;
    color: #fff;
}

.product_nav li.on a {
    color: #fffc00;
}

.product_nav li.on {
    background-image: url(../images/proico.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.product_content dl {
    overflow: hidden;
    margin-top: 30px;
}

.product_content dt {
    width: 100%;
    background: #f5f5f5;
    padding-top: 20px;
    margin-bottom: 35px;
    text-align: center;
    padding-bottom: 40px;
}

.product_content dt a {
    display: inline-block;
    height: 50px;
    margin: 0 12px;
    width: 222px;
    line-height: 50px;
    font-size: 16px;
    color: #555555;
    text-align: center;
    background: #fff;
    margin-top: 10px;
}

.product_content dt a:hover {
    background: #222;
    color: #fff;
}

.product_content dd {
    width: 100%;
}

.product_right {
    width: 100%;
    min-height: 100px;
}

.product_right .divproduct_new_div_item {
    width: 313px;
    position: relative;
    float: left;
    margin-right: 15px;
}

.product_right .divproduct_new_div_item:nth-child(4n) {
    margin-right: 0;
}

.product_right .divproduct_new_div_item:nth-child(n+5) {
    margin-top: 30px;
}

.product_right .product_div_item_pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product_right .product_div_item_pic img {
    width: 100%;
    height: auto;
    transition: all 0.5s linear;
    display: block;
}

.product_right .divproduct_new_div_item:hover .product_div_item_pic img {
    transform: scale(1.2);
}

.divproduct_new_div_item_title {
    background: #eee;
    position: relative;
}

.divproduct_new_div_item_title:after {
    content: "";
    z-index: 1;
    display: block;
    width: 0;
    height: 50px;
    transition: all ease 0.5s;
    background: #cf1d00;
    position: absolute;
    left: 0;
    top: 0;
}

.divproduct_new_div_item:hover .divproduct_new_div_item_title:after {
    width: 100%;
}

.product_right .divproduct_new_div_item_a {
    transition: all 0.5s linear;
    z-index: 2;
    position: relative;
    color: #555;
    background: none;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product_right .divproduct_new_div_item:hover .divproduct_new_div_item_a {
    color: #fff;
}
/*par*/
.par {padding: 73px 0;margin-top: 80px; overflow: hidden;/* background: url(../images/20211030135906_1933220245.jpg)no-repeat center fixed; */ position: relative;background: #d61f17;}
.par_box {max-width: 1500px;margin: 0 auto;}
.par_con {display: flex;justify-content: space-around;align-items: center;}
.par_l {width: 47%;display:  flex;flex-direction:  column;}
.par_l>p {font-size: 36px;color: #fff;line-height: 60px;display:  flex;align-items:  center;border-bottom: 2px solid rgba(255,255,255,0.2);padding-bottom: 24px;position:relative;}
.par_l>p:after {content:'';width:36%;background:#fff;height:2px;position:absolute;bottom: -2px;left:0;}
.par_l p b {font-size: calc(1.9rem + 1vw);}
.par_l em {font-size: 18px;font-weight: lighter;color: #fff;display:  flex;flex-direction:  column;padding-top: 19px;width: 60%;}
.par_l em>span {font-size: 32px;font-family: Arial;line-height: 42px;text-transform: uppercase;opacity: 0.3;padding-top: 20px;}
.par_r {width: 32%;}
.par_r ul {display: flex;justify-content: space-between;align-items: center;}
.par_r li {width: 32%;display:  flex;align-items:  center;flex-direction:  column;}
.par_r li i {background: url(../images/20211030084052_1676658689.png)no-repeat center;width: 108px;height: 108px;font-size: 40px;color: #fff;display:  flex;justify-content:  center;align-items:  center;}
.par_r li>p {font-size: 18px;color: #fff;line-height:  20px;padding-top: 15px;}
.par_r>p {display:  flex;padding-top: 32px;align-items:  center;justify-content:  center;justify-content:  space-around;}
.par_r>p>i {font-size: 20px;padding: 8px;background:  #fff;border-radius: 50%;line-height: 20px;}
.par_r>p span {font-size: 36px;color: #fff;line-height:  36px;font-family:  din;}
.par_r a {font-size:  16px;padding: 2% 8%; background:  #fff;line-height: 20px;display: flex;
justify-content: center; align-items: center;}
/*特点*/
.feature {
    margin-top: 70px;
    padding-bottom: 80px;
    display: block;
    width: 100%;
    padding-top: 150px;
    background: url(../images/feature_bg.jpg) top center no-repeat;
}

.feature_b {
    height: 720px;
    margin-top: 70px;
    background: url(../images/feature.png)center no-repeat;
    box-sizing: border-box;
    padding-top: 2px;
}

.feature_b li {
    display: block;
    height: 135px;
    box-sizing: border-box;
    margin-top: 83px;
}

.feature_b li .img {
    width: 150px;
    height: 150px;
    border: 3px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
}

.feature_b li .txt {
    padding: 20px;
    font-size: 15px;
    width: 210px;
    line-height: 30px;
}

.feature_b li .txt p {
    font-weight: lighter;
    color: #888;
}

.feature_b li .txt dl {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 40px;
}

.feature_b li:after {
    display: block;
    content: "";
    clear: both;
}

.feature_b li:nth-of-type(2) {
    width: 390px;
}

.feature_b li:nth-of-type(2) .txt {
    width: 140px;
}

.feature_b>.fr {
    text-align: right;
}

/*  四大优势*/
.adv_all {
    padding-bottom: 55px;
    width: 100%;
    min-width: 1300px;
    background: url(../images/adv_bg.jpg) center top no-repeat;
    padding-top: 80px;
}

.adv_all .main_t p {
    color: #fff;
}

.adv_all .main_t strong {
    color: #fff;
}

.adv_all .main_t dl {
    color: rgba(255,255,255,0.6);
}

.advcenter {
    background: #f9f9f9;
    margin-top: 70px;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}

.adv_all .main_dline .main_dline_line:nth-last-child(3) {
    background: #fff;
}

.adv_all .main_dline .main_dline_line:nth-last-child(2) {
    background: #27a1ff;
}

.advtab {
    margin-bottom: 40px;
    border-radius: 30px 30px 0 0;
}

.advtab:after {
    display: block;
    content: "";
    clear: both;
}

.advtab li {
    position: relative;
    width: 325px;
    border-right: 1px solid #ddd;
    height: 165px;
    box-sizing: border-box;
    background: #f2f2f2;
    padding-top: 30px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.advtab li:last-of-type {
    border-right: none;
}

.advtab li p {
    display: block;
    position: relative;
    z-index: 2;
}

.advtab li strong {
    display: block;
    font-size: 28px;
    color: #333333;
    margin-bottom: 5px;
    transition: all .3s ease;
}

.advtab li i {
    text-transform: uppercase;
    font-size: 14px;
    color: #999999;
    transition: all .3s ease;
}

.advtab li.on strong {
    color: #fff;
}

.advtab li.on:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: #ff9c00;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -12px;
}

.advtab li.on i {
    color: rgba(255,255,255,0.6);
}

.advtab li.on {
    background: #ff9c00;
}

.advtab li p:nth-child(1) {
    height: 46px;
    width: 42px;
    background: url(../images/20200513102753_872409485.png) no-repeat left top;
    margin: 0 auto;
    transition: all .3s ease;
}

.advtab li.on p:nth-child(1) {
    background-position-y: -65px;
    transform: rotate(360deg);
}

.advtab li:nth-child(2) p:nth-child(1) {
    width: 35px;
    background-position-x: -51px;
}

.advtab li:nth-child(3) p:nth-child(1) {
    width: 37px;
    background-position-x: -97px;
}

.advtab li:nth-child(4) p:nth-child(1) {
    width: 38px;
    background-position-x: -142px;
}

.advcen {
    width: 1300px;
}

.advwa {
    width: 650px;
    height: 100%;
    box-sizing: border-box;
    padding: 20px 50px 0px 60px;
}

.advcon ul {
    height: 521px;
}

.advpic {
    width: 650px;
    overflow: hidden;
}

.advpic img {
    height: 521px;
    width: 650px;
}

.advtil i {
    font-style: normal;
    display: block;
    font-size: 100px;
    line-height: 80px;
    color: #e6e3e3;
    float: left;
    font-family: 'impact';
}

.advtil p:nth-of-type(1) {
    font-weight: bold;
    font-size: 36px;
    margin-left: 15px;
    line-height: 40px;
    color: #333;
}

.advtil dl {
    line-height: 40px;
    margin-left: 15px;
    padding-top: 7px;
    font-size: 24px;
    color: #333;
}

.advtil:after {
    display: block;
    content: "";
    clear: both;
}

.advw {
    position: relative;
    font-size: 15px;
    color: #888888;
    line-height: 35px;
}

.advw:before {
    display: block;
    content: "";
    height: 4px;
    background: #eee;
    margin: 30px 0 15px 0;
}

.advw p {
    font-weight: lighter;
    padding-top: 15px;
}

.advw i {
    color: #cf1d00;
    padding-right: 12px;
}

.advphone:after {
    display: block;
    content: "";
    clear: both;
}

.advphone i, .advphone span {
    display: block;
    float: left;
}

.advphone {
    padding: 25px 20px 25px 85px;
    background: #fff url(../images/adv_tel.png) 30px center no-repeat;
    font-size: 16px;
    color: #aaaaaa;
    line-height: 30px;
    margin: 20px 0px 0 0px;
}

.advphone span {
    font-size: 30px;
    color: #cf1d00;
    font-family: Arial, Helvetica, sans-serif;
}

.advp {
    font-size: 30px;
    color: #222222;
    font-family: Arial, Helvetica, sans-serif;
}

.advp span {
    color: #cd0011;
}

.advp p {
    float: left;
}

.advp p:nth-child(2) {
    width: 320px;
    height: 1px;
    float: right;
    background: #e1e1e1;
    position: relative;
    margin-top: 18px;
}

.advp p:nth-child(2):after {
    content: '';
    display: block;
    position: absolute;
    width: 25%;
    height: 3px;
    margin: -1px;
    background: #cd0011;
    transition: all .5s ease;
    left: 0px;
}

.advp p:nth-child(2).atw:after {
    width: 50%;
}

.advp p:nth-child(2).ath:after {
    width: 75%;
}

.advp p:nth-child(2).af:after {
    width: 100%;
}

/*客户案例*/
.case_all {
    width: 100%;
    min-width: 1300px;
    background: url(../images/case_bg.jpg) center 85px no-repeat;
    padding-bottom: 80px;
    padding-top: 40px;
}

.case_b {
    margin-top: 90px;
    padding-top: 70px;
}

.case_b a {
    display: block;
    margin: 0 10px;
    border-radius: 10px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-right: 20px;
    width: 300px;
    text-align: center;
}

.case_b a .plant_img {
    display: block;
    width: 300px;
    height: 600px;
    overflow: hidden;
}

.case_b a .plant_img img {
    display: block;
    width1: 100%
}

.case_b a .plant_t {
    display: block;
    text-align: center;
    font-size: 15px;
    background: #fff;
    color: #333;
    line-height: 50px;
}

.case_b a:nth-of-type(2n) {
    margin-top: 30px;
}

.case_b a:after {
    z-index: 1;
    display: block;
    content: "查看详情";
    background: rgba(0,0,0,0.4);
    color: #fff;
    line-height: 0;
    height: 0;
    width: 0;
    top: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all ease 0.5s;
    position: absolute;
    font-size: 0px;
    border-radius: 10px 0 10px 0;
    overflow: hidden;
}

.case_b a:hover:after {
    width: 180px;
    line-height: 50px;
    font-size: 15px;
    height: 50px;
    transform: rotate(360deg);
}
.lc_bc{background: url(../images/20211030135906_1191076298.jpg) no-repeat 0 0;padding:100px 0;position: relative;}
.tech_tit {display: flex;justify-content: center; flex-direction: column;align-items: center;}
.tech_tit b {font-size: 42px;line-height: 45px;}
.tech_tit b span {}
.tech_tit p {font-size: 18px;line-height: 20px; font-weight: lighter; padding-top: 18px;}
.lc_c {max-width: 1500px;margin: 0 auto;}
.lc_c ul{display: flex;justify-content: space-between;margin-top: 60px;position: relative;}
.lc_c ul:after {position: absolute;content: "";width: 89%;height: 1px;border-top: 1px dashed rgba(14,19,31,0.13);bottom: 37px;left: 79px;}
.lc_c ul li{width: 11.1%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.lc_c ul li>div{background: url(../images/20211028161151_1589498423.png) no-repeat center;width: 76px;height: 85px;display: flex;justify-content: center;align-items: center;transition: all .5s;position: relative;}
.lc_c ul li>div:after{position: absolute;content: "";width: 1px;height: 34px;background: #0e0f11;bottom: -41px;left: 50%;}
.lc_c ul li:hover>div:after{background: #ff0000;}
.lc_c ul li>div>span{font-size: 26px;color: #fff;}
.lc_yd{width: 6px;height: 6px;border-radius: 100%;background: #0e131f;position: relative;margin:50px 0 22px;}
.lc_yd:after{position: absolute;content: "";width: 10px;height: 10px;border-radius: 100%;border:1px solid #0e131f;top: -3px;left: -3px;}
.lc_c ul li b{font-weight: normal;display: block;font-size: 14px;color: #666;transition: all .5s;}
.lc_btn{margin:0 auto;margin-top: 60px;width: 516px;height: 62px;background: #333;font-size: 36px;color: #fff;border-radius: 31px;display: flex;align-items: center;}
.lc_c ul li:hover>div{background: url(../images/20211029111734_104877771.png) no-repeat center;transform: translateY(-8px);}
.lc_c ul li:hover .lc_yd{background: #ff0000;}
.lc_c ul li:hover .lc_yd:after{border-color:#ff0000;}
.lc_c ul li:hover b{color: #ff0000;transform: rotateX(360deg);}
.lc_btn>p>span{font-size: 27px;color: #fff;margin-right: 9px;}
.lc_btn>p>b{font-weight: normal;font-size: 22px;color: #fff;}
.lc_btn>p{width: 196px;height: 62px;background: #ff0000;border-radius: 30px;display: flex;align-items: center;justify-content: center;margin-right: 26px;}
.lc_btn>div {font-size: 36px; font-family: din;line-height: 36px;}
.lc_yd:before{background: url(../images/20211028161252_1404469807.png) no-repeat center;width: 129px;height: 10px;left: 17px;position: absolute;content: "";top: -14px;}
.lc_c ul li:last-child .lc_yd:before{display: none;}
/*简介*/
.about_all {
    width: 100%;
    margin-top: 90px;
}

.about_l {
    width: 660px;
    margin-top: 30px;
}

.about_l dl {
    font-size: 38px;
    color: #333;
    line-height: 45px;
}

.about_l dl strong {
    color: #cf1d00;
}

.about_l p {
    display: block;
    padding: 30px 45px 35px 0;
    border-bottom: 1px solid #eee;
    text-align: justify;
    font-size: 15px;
    line-height: 34px;
    font-weight: lighter;
    color: #777;
}

.about_l a {
    display: block;
    font-size: 18px;
    position: relative;
    width: 100px;
    color: #333;
    line-height: 45px;
    margin-top: 30px;
    padding-left: 20px;
    background: url(../images/about_ico.png) 0 center no-repeat;
}

.about_l a+a {
    margin-left: 45px;
}

.about_l a:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
    background: #cf1d00;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    width: 0;
    z-index: 1;
}

.about_l a:hover:after {
    width: 100%;
}

.about_l a i {
    display: block;
    font-style: normal;
    position: relative;
    z-index: 2;
}

.about_l a:hover {
    color: #fff;
    padding-left: 0;
    width: 120px;
    text-align: center;
}

/*视频*/
.about_r {
    position: relative;
    margin-top: 30px;
    display: block;
    position: relative;
    background: url(../images/about.jpg)no-repeat center;
    box-sizing: border-box;
    padding: 5px;
    width: 640px;
    height: 440px;
}

.sp {
    width: 630px;
    height: 380px;
    overflow: hidden;
}

.sp video {
    width: auto;
    height: 381px;
}

/*企业形象*/
.image {
    width: 100%;
    min-width: 1300px;
}

.image .picScroll-left {
    position: relative;
}

.image .picScroll-left .hd {
    height: 92px;
    z-index: 99;
    position: absolute;
    top: 110px;
    text-align: center;
    width: 100%;
    z-index: 999;
}

.image .picScroll-left .hd .prev {
    display: block;
    width: 52px;
    height: 92px;
    cursor: pointer;
    background: url(../images/prev.png) 0 0 no-repeat;
    position: absolute;
    left: -80px;
}

.image .picScroll-left .hd .next {
    display: block;
    width: 52px;
    height: 92px;
    position: absolute;
    right: -80px;
    cursor: pointer;
    background: url(../images/next.png) 0 0 no-repeat;
}

.image .picList {
    overflow: hidden;
}

.image .picScroll-left .bd {
    padding: 0;
    position: relative;
    width: 1300px;
    overflow: hidden;
}

.image .picScroll-left .bd ul {
    overflow: hidden;
    zoom:1; }

.image .picScroll-left .bd ul li {
    margin: 0 14px 0 3px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 423px;
    box-sizing: border-box;
    border: 1px solid #eee;
    display: block;
}

.image .picScroll-left .bd ul li .pic {
    text-align: center;
}

.image .picScroll-left .bd ul li .pic img {
    width: 100%;
    height: auto;
    display: block;
}

.image .picScroll-left .bd ul li .pic a:hover img {
    border-color: #999;
}

.image .picScroll-left .bd ul li .title {
    line-height: 40px;
    padding: 15px 0;
}

.image .picScroll-left .bd ul li .title a {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.i-lybg{margin-top: 30px; width: 100%;height: 250px;background: url(../images/lybg.jpg) no-repeat;background-size: 100% 100%;}
 .i-lycent{position: relative; width: 1300px;height: 250px;margin: 0 auto;padding: 38px 0;box-sizing: border-box;}
 .i-lyul li{float: left;width: 110px;height: 110px;border: 1px solid #fff;text-align: center;margin-right: 32px;padding-top: 15px;opacity: .9;box-sizing: border-box;}
 .i-lyul li p{color: #fff;font-size: 16px; margin-top: 10px;}
 .i-lyposi{position: absolute;right: 0;top: 0; width: 330px;height: 280px;border: 1px solid #bfbfbf;background: #fff;}
 .i-form{margin-top: 35px;}
 .i-lyform{margin-bottom: 25px;width: 230px;height: 32px;border: 1px solid #bfbfbf;}
 .i-lyfimg{width: 30px;height: 30px;border-right: 1px solid #bfbfbf;text-align: center;padding-top: 4px;background: #f6f6f6;}
 .i-lyform input{display: block;width: 200px;padding: 0 12px;color: #333;font-size: 14px;}
 .i-form button{width: 230px;height: 35px;background: #c9000a;color: #fff;font-size: 14px;cursor: pointer;}
 .i-lybg2{margin-top: 60px; width: 100%;height: 250px;background: url(../images/lybg2.jpg) no-repeat;background-size: 100% 100%;}
 .i-lyposi2{position: absolute;right: 0;top: 0; width: 330px;height: 220px;border: 1px solid #bfbfbf;background: url(../images/lykfbg.png) no-repeat;background-size: 100% 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
 .ctheme{
	color: red;
}
.fs30{
	font-size: 30px;
}
.fs24{
	font-size: 24px;
}
.mt15{
	margin-top: 15px;
}
.cfff{
	color: #fff;
}
.mt10{
	margin-top: 10px;
}
.c999{
	color: #999;
}
.fs14{
	font-size: 14px;
}
.fs20{
	font-size: 20px;
}
.ml20{
	margin-left: 20px;
}
.mt20{
	margin-top: 20px;
}
 /*版权*/
.foot {
    height: 386px;
    background: #333333;
    padding-top: 75px;
}

.foot_nav {
    width: 962px;
}

.foot_nav ul li {
    float: left;
    margin-right: 72px;
}

.foot_nav ul li:nth-child(5) {
    margin-right: 0px;
}

.foot_nav ul li p {
    font-size: 18px;
    color: #fff;
    position: relative;
    margin-bottom: 32px;
}

.foot_nav ul li p:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 1px;
    background: #aeaeae;
    left: 0;
    top: 41px;
}

.foot_nav ul li a {
    max-width: 150px;
}

.foot_nav ul li a ,.foot_nav ul li span {
    font-size: 15px;
    color: #999999;
    line-height: 30px;
    display: block
}

.foot_nav ul li a:hover {
    color: #ffa800;
}

.foot_nav ul li strong {
    font-size: 18px;
    color: #fff;
}

.foot_phone {
    background: url(../images/font_phone.jpg) no-repeat;
    position: absolute;
    right: 0;
    bottom: -24px;
    width: 246px;
    height: 381px;
}

.copy {
    border-top: #484848 solid 1px;
    padding-top: 33px;
    margin-top: 31px;
}

.copy span ,.copy span a {
    font-size: 15px;
    color: #999999;
    line-height: 30px;
}

.copy span a:hover {
    color: #ffa800;
}

.link {
    background: #222222;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
}

.link strong {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'impact';
    line-height: 76px;
    float: left;
    margin-right: 5px;
}

.link p {
    float: left;
}

.link p span {
    color: #fff;
    font-size: 16px;
}

.foot_phone_conetn {
    text-align: center;
}

.foot_phone_conetn img {
    width: 122px;
    height: auto;
}

.foot_phone_conetn p {
    font-size: 18px;
    color: #fff;
    margin: 66px 0 35px;
}

.foot_phone_nav img {
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 20px;
    float: left;
    margin-right: 17px;
}

.foot_phone_nav img:nth-child(3) {
    margin-right: 0;
}

.foot_phone_nav {
    width: 161px;
    margin: 54px 45px;
}

.foot_phone_nav img.on {
    background: #cf1d00;
}

/*友情链接*/
.link_conetn a {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
}

.link_conetn span:last-of-type {
    display: none;
}

.link_conetn a:hover {
    color: #ffa800;
}


.footbg{
  background: #cf1d01;
  position: relative;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  
}
.footbg::before{
  content: '';
  width: 1560px;
  height: 3px;
  background: url(../images/line04.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 124px;
}
.footbg .fnav{
  font-size: 16px;
  color: #fff;
  line-height: 124px;
  text-align: center;
}
.footbg .fnav a{
  color: #fff;
}

.foot1{
  padding-top: 60px;
  padding-bottom: 40px;
}
.foot1 .ff1{
  width: 400px;
  padding-left: 42px;
  background: url(../images/tel2.png) no-repeat left center;
  margin-top: 10px;
}
.foot1 .ff1 dd{
  font-size: 16px;
  color: #fff;
  opacity: 0.8;
  line-height: 1.8;
}
.foot1 .ff1 dl{
  font-size: 20px;
  color: #fff;
  line-height: 1.8;
  font-weight: bold;
}
.ff2{
  width: 530px;
}
.ff2 .copyr{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 2;
}
.ff2 .copyr a{
  color: #fff;
}
.ff2 .flx{
  font-size: 15px;
  color: #999;
  line-height: 2;
  color: #fff;
  opacity: 0.8;
}
.ff2 .flx a{
  color: #fff;
  opacity: 0.8;
}

.ff3{
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: 3;
  color: #fff;
  opacity: 0.8;
}

.yqlj{
  padding: 20px 30px 20px 0;
  border-top: 1px solid rgba(255,255,255,0.2);
  background: url(../images/jt.png) no-repeat right center;
  font-size: 16px;
  color: rgba(255,255,255,0.55);
  line-height: 2;
}
.yqlj a{
  color: rgba(255,255,255,0.55);
}

@media (min-width: 990px) {
  .page-wrap-left {
    float: left;
    width: 260px;
    margin-right: 4.16666667%;
  }
}
.xypg-left-box {
  margin-bottom: 20px;
}

.xypg-left-title {
  background: #d61f17;
  padding: 10px 20px;
  position: relative;
}

.xypg-left-title h3 {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  z-index: 9;
}

.xypg-left-title i {
  position: absolute;
  left: -5px;
  top: -9px;
  font-style: normal;
  font-size: 67px;
  font-weight: bold;
  opacity: .1;
  color: #fff;
  line-height: 1;
  z-index: 1;
  text-transform: uppercase;display:none;
}

.xypg-left-title span {
  font-weight: normal;
  font-size: 16px;
  color: #fff;

  margin-left: 10px;
  text-transform: capitalize;
}

.xypg-left-title span:before {
  content: "/";
  padding-right: 5px;
}

.xypg-left-con {
  border: 1px solid #d2d2d2;
  border-top: none;
}
.xypg-left-nav {
  margin: 0 -1px;
}

.xypg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav > li:last-child {
  border-bottom: none;
}

.xypg-left-nav > li > a {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #2e2e2e;
  padding: 15px 18px 15px 34px;
}
.xypg-left-nav > li > a::before{
  position:absolute;
  content: "";
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
width: 8px;height: 8px;border: 1px solid #999;border-radius: 50%;}
.xypg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
  color: #d61f17;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
  color: #d61f17;
}

.xypg-left-nav .xypg-left-subnav {
  display: none;
  padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #ab001a;
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #ab001a;
}

.xypg-left-nav .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
  content: '2014   ';
}

.xypg-left-nav .xypg-left-threenav > li > a:hover {
  color: #ab001a;
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
  color: #ab001a;
}

@media (max-width: 990px) {
  .xypg-left-nav .xypg-left-threenav {
    display: block;
  }
}
.xypg-pro-description {
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
  line-height: 24px;
  padding: 10px;
  margin-bottom: 15px;
  text-indent: 2em;
}

.xypg-product-list {
  margin: 0 -1.5%;
  font-size: 0;
}

.xypg-product-list li {
  display: inline-block;
  vertical-align: bottom;
  width: 30.333%;
  margin: 0 1.5% 20px 1.5%;
  padding: 10px 10px 0 10px;
  border: 1px solid #eeeeee;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-product-list li .img {
  display: block;
}

.xypg-product-list li h3 a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.6;
  padding: .8em 0;
}

.xypg-product-list li:hover {
  border-color: #ab001a;
}

.xypg-product-list .no-result {
  margin: 0 1.5%;
  font-size: 14px;
}

.xypg-case-list {
  margin: 0 -1%;
  font-size: 0;
}

.xypg-case-list li {
  display: inline-block;
  vertical-align: bottom;
  width: 31.333%;
  margin: 0 1% 10px 1%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-case-list li .img {
  display: block;
}

.xypg-case-list li h3 a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.6;
  padding: .8em 0;
}

.xypg-case-list li:hover h3 a {
  color: #ab001a;
}
.latest-news {
  padding: 10px 0;
}

.latest-news li {
  padding: .5em 1em;
  font-size: 14px;
}

.latest-news li a {
  display: block;
  line-height: 1.2;
  color: #5a5a5a;
}

.latest-news li a:before {
  content: '+';
  font-weight: bold;
  margin-right: 5px;
  font-size: 16px;
}

.latest-news li a:hover {
  color: #ab001a;
}

.latest-news li a:hover:before {
  color: #ab001a;
}

.hot-keys {
  padding: 20px 7px 8px 7px;
  overflow: hidden;
}

.hot-keys li {
  width: calc(50% - 14px);
  float: left;
  margin: 0 7px 14px 7px;
}

.hot-keys li a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 2.857;
  border: 1px dashed #f1f1f1;
}

.hot-keys li a:hover {
  color: #ab001a;
  border-color: #ab001a;
}
.page-wrap-contact {
  padding: 10px 0;
  font-size: 14px;
}

.page-wrap-contact h4 {
  padding: .3em 1.4em .8em 1.4em;
  font-size: 16px;
  color: #000000;
}

.page-wrap-contact p {
  border-top: 1px solid #eee;
  position: relative;
  margin-bottom: 0;
  padding: .8em 1.4em;
  color: #2f2f2f;
}
.C1_Share_nav_c{
  display: flex;
}
.prod_f i {font-weight: normal;}
.prod_f p { color: #333; font-weight: bold; }
.prod_f { font-size: 48px; text-align: center; margin-bottom: 36px; }
.prod_f span { font-size: 20px; color: #666; }
.prod_f em img { display: block; margin: 6px auto; }
.yinz { height: auto; overflow: hidden; background:url(../images/20191225195401_54777350.jpg) no-repeat center top; }

.yinz dl { width: 585px; float: left; margin-top: 70px; padding-left: 40px; }

.yinz dt { font: 32px "Microsoft YaHei"; font-weight: bold; color: #c82127; padding-bottom: 0px; }

.yinz dt em { color: #d72017; font-style: normal; }

.yinz dt span { display: block; font: 24px "Microsoft YaHei"; color: #4d4948; padding-top: 5px; background:url(uploadfile/image/20191225/20191225195301_959057949.jpg) no-repeat left bottom; padding-bottom: 18px; }

.yinz dd p { line-height: 28px; color: #666; font-size: 15px; }

.yinz dd span a { display: block; width: 108px; height: 46px; padding-left: 40px; overflow: hidden; margin-top: 13px; font: 15px "Microsoft YaHei"; line-height: 46px; color: #fff; background: #008fe9; border-radius: 80px; }

.yinz h3 {
    width: 483px;
    overflow: hidden;
    float: right;
    margin: 96px 20px 0 0;
}
.yinz h3 img { display: block; width: 484px; }
.page1{
  width: 1200px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}
.td_bj { margin-top: 60px; height: 726px; }
.td_bt { text-align: center; color: #333; font-size: 48px; }
.td_bt i { font-weight: bold; }
.td_bt p { background: url(../images/20191224192231_1060693361.jpg)no-repeat center; color: #666; font-size: 24px; margin: 12px 0 42px 0; }
.td_f1 ul li { float: left; width: 382px; height: 410px; text-align: center; background: #f1f1f1; }
.td_f1 ul li:nth-child(2) { margin: 0 27px; }
.td_f1 ul li p { color: #333; font-size: 30px; font-weight: bold; margin: 20px 0 5px 0; }
.td_f1 ul li:hover p{ color: #d72017; }
.td_f1 span { width: 357px; font-size: 15px; line-height: 25px; margin: 0 auto; color: #666; display: block; margin-bottom: 20px; }
.td_f1 ul li a { background: url(../images/20191225154530_656340754.png) no-repeat center; display: block; width: 100px; line-height: 30px; margin: 0 auto; border-radius: 4px; color: #333; }
.td_f1 ul li:hover a { background: url(../images/20191225154716_1300342282.png) no-repeat center; color: #fff; }
.td_f2{ background:url(../images/20191224160930_72700910.png) no-repeat center top; height:60px; width:100%; display:inline-block; margin-top: 38px; }
.td_f2 p span {
    float: right;
    font-size: 32px;
    color: #fff;
    margin: 0 30px 0 0px;
    width: 219px;
    font-family: arial;
    line-height: 60px;
}
.td_f2 p em{ float:left; color:#fff; font-size: 22px; margin-left: 37px; margin-top: 15px; }

.td_f1 ul li em { width: 382px; height: 215px; overflow: hidden; display: block; }
.td_f1 ul li:hover img { transition: 0.3s all; transform: scale(1.1); }
.td_f1 ul li em img { transition: 0.3s all; }
.td_f1 ul li em { width: 382px; height: 215px; overflow: hidden; display: block; }
.td_f1 ul li:hover img { transition: 0.3s all; transform: scale(1.1); }
.td_f1 ul li em img { transition: 0.3s all; }

.bodyContentString8{ float:left !important;}
.product-show .pro-top {
  position: relative;
}
.product-show .pro-top .slideTxtBox{
  display: flex;
  justify-content: space-between;
}
.product-show .pro-top .slideTxtBox .hd {
  /* float: right; */
  width: 59.64%;
}
.product-show .pro-top .slideTxtBox .hd ul {
  width: 90%;
  float: left;
}
.product-show .pro-top .slideTxtBox .hd .color {
  float: left;
  width: 10%;
  margin-top: 26px;
}
.product-show .pro-top .slideTxtBox .hd ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  width: 14%;
  margin-right: 0.3%;
  margin-bottom: 1%;
}
.product-show .pro-top .slideTxtBox .hd ul li img {
  width: 100%;
}
.product-show .pro-top .slideTxtBox .hd ul li.on {
  border: 1px solid #ddd;
}
.product-show .pro-top .slideTxtBox .bd{
  /* zoom: 1; */
  width: 37.2%;
  /* float: left; */
}
.product-show .pro-top .slideTxtBox .bd li {
  width: 100%;
  border: 1px solid #f1f1f1;
  cursor: pointer;
}
.product-show .pro-top .slideTxtBox .bd li img {
  width: 100%;
}
.product-show .pro-top .slideTxtBox .hd .txt-box h5 {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  padding-bottom: 12px;
  border-bottom: 1px dashed #d9d9d9;
}
.product-show .pro-top .slideTxtBox .hd .txt-box p {
  font-size: 14px;
  color: #333;
  line-height: 200%;
}
.product-show .pro-top .slideTxtBox .hd .tel {
  /* margin-top: 3%; */
}
.product-show .pro-top .slideTxtBox .hd .tel p {
  font-size: 30px;
  color: #333c46;
  height: 51px;
  padding: 25px 0 0 60px;
  float: left;
  background: url("../images/header-tel_03.jpg") no-repeat left center;
}
.product-show .pro-top .slideTxtBox .hd .tel a {
  font-size: 16px;
  color: #fff;
  padding: 2% 6%;
  float: left;
  background: #d61f17;
  border-radius: 4px;
  margin: 13px 0 0 3%;
}
.product-show .pro-detail {
  margin: 4% 0 5%;
}
.product-show .pro-detail h6 {
  height: 35px;
  line-height: 35px;
  background: #eee;
  font-size: 20px;
  margin-bottom: 3%;
  padding-left: 15px;
  border-left: 6px solid #d61f17;
  color: #1f1f1f;
  font-weight: 600;
}
.product-show .recommend h6 {
  height: 35px;
  line-height: 35px;
  background: #eee;
  font-size: 20px;
  margin-bottom: 3%;
  padding-left: 15px;
  border-left: 6px solid #d61f17;
  color: #1f1f1f;
  font-weight: 600;
}
.product-show .recommend h6 a {
  font-size: 12px;
  color: #a4a4a4;
  float: right;
  font-weight: 500;
  margin-right: 10px;
}
.product-show .recommend h6 a:hover {
  color: #d61f17;
}
.product-show .recommend li {
  width: 30.333333%;
  float: left;
  margin-right: 4.5%;
  margin-bottom: 1%;
}
.product-show .recommend li:hover .img img {
  transform: scale(1.05);
}
.product-show .recommend li:hover p {
  color: #fff;
  background: #d61f17;
}
.product-show .recommend li .img {
  border: 1px solid #f1f1f1;
  overflow: hidden;
}
.product-show .recommend li .img img {
  transition: 0.3s;
  width: 100%;
}
.product-show .recommend li p {
  font-size: 14px;
  color: #333;
  text-align: center;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-show .recommend li:nth-child(3n+3) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .product-show .pro-top {
    position: relative;
  }
  .product-show .pro-top .slideTxtBox .hd {
    float: right;
    width: 100%;
  }
  .product-show .pro-top .slideTxtBox .hd ul {
    float: left;
  }
  .product-show .pro-top .slideTxtBox .hd ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    width: 14%;
    margin-right: 0.3%;
    margin-bottom: 1%;
  }
  .product-show .pro-top .slideTxtBox .hd ul li img {
    width: 100%;
  }
  .product-show .pro-top .slideTxtBox .hd ul li.on {
    border: 1px solid #ddd;
  }
  .product-show .pro-top .slideTxtBox .bd ul {
    zoom: 1;
    width: 100%;
    float: left;
  }
  .product-show .pro-top .slideTxtBox .bd li {
    width: 100%;
    border: 1px solid #f1f1f1;
    cursor: pointer;
  }
  .product-show .pro-top .slideTxtBox .bd li img {
    width: 100%;
  }
  .product-show .pro-top .slideTxtBox .hd .txt-box h5 {
    font-size: 24px;
    color: #333;
    font-weight: 600;
    padding-bottom: 12px;
    border-bottom: 1px dashed #d9d9d9;
  }
  .product-show .pro-top .slideTxtBox .hd .txt-box p {
    font-size: 1.4rem;
    color: #333;
    line-height: 200%;
  }
  .product-show .pro-top .slideTxtBox .hd .tel {
    margin-top: 3%;
  }
  .product-show .pro-top .slideTxtBox .hd .tel p {
    font-size: 3rem;
    color: #333c46;
    height: 51px;
    padding: 18px 0 0 67px;
    float: left;
    background: url("../images/header-tel_03.jpg") no-repeat left center;
  }
  .product-show .pro-top .slideTxtBox .hd .tel a {
    font-size: 1.6rem;
    color: #fff;
    padding: 2% 6%;
    float: left;
    background: #d61f17;
    border-radius: 4px;
    margin: 13px 0 0 3%;
  }
  .product-show .pro-detail {
    margin: 4% 0 5%;
  }
  .product-show .pro-detail h6 {
    height: 35px;
    line-height: 35px;
    background: #eee;
    font-size: 2rem;
    margin-bottom: 3%;
    padding-left: 15px;
    border-left: 6px solid #d61f17;
    color: #1f1f1f;
    font-weight: 600;
  }
  .product-show .recommend h6 {
    height: 35px;
    line-height: 35px;
    background: #eee;
    font-size: 2rem;
    margin-bottom: 3%;
    padding-left: 15px;
    border-left: 6px solid #d61f17;
    color: #1f1f1f;
    font-weight: 600;
  }
  .product-show .recommend h6 a {
    font-size: 1.2rem;
    color: #a4a4a4;
    float: right;
    font-weight: 500;
    margin-right: 10px;
  }
  .product-show .recommend h6 a:hover {
    color: #d61f17;
  }
  .product-show .recommend li {
    width: 30.333333%;
    float: left;
    margin-right: 4.5%;
    margin-bottom: 1%;
  }
  .product-show .recommend li:hover .img img {
    transform: scale(1.05);
  }
  .product-show .recommend li:hover p {
    color: #fff;
    background: #d61f17;
  }
  .product-show .recommend li .img {
    border: 1px solid #f1f1f1;
    overflow: hidden;
  }
  .product-show .recommend li .img img {
    transition: 0.3s;
    width: 100%;
  }
  .product-show .recommend li p {
    font-size: 1.4rem;
    color: #333;
    text-align: center;
    height: 35px;
    line-height: 35px;
  }
  .product-show .recommend li:nth-child(3n+3) {
    margin-right: 0;
  }
}
/*内页样式*/
.n_box {
    width: 1300px;
    margin: 80px auto;
    position: relative;
}

.n_box:after {
    display: block;
    content: "";
    clear: both;
}

.cpnr_mb3 {
    text-align: center;
    line-height: 50px;
    color: #333;
    font-size: 30px;
    font-weight: bold;
}

.n_prod {
    /* width: 1000px; */
    flex: 1;
    width: 500px;
}

.alibb2 {
    z-index: 99;
    border-radius: 15px;
    overflow: hidden;
    padding: 15px;
    background: #fff;
    position: fixed;
    width: 96px;
    left: 20px;
    top: 50%;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
}

.alibb2 img {
    width: 100%;
}
.my-kefu{position: fixed;right: 0px;top:50%;z-index:9999;transform: translateY(-50%);}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;}
.my-kefu li{background:#d61f17;margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;cursor: pointer;}
.my-kefu li i{background: url(../images/20200304171855_1713096618.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{background-position: 5px -99px}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel5 i{
  background-position: 5px 5px;
}
.my-kefu .my-kefu-tel3 i{
  background-position: 3px -74px;
}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;}
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color:#333;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}
.m-footer{
  background-color: #d61f17;
  position: fixed;
  left: 0;
  bottom: 0px;
  width: 100%;
  z-index: 999;
  display: none;
}
.m-footer ul{
  display: flex;
}
.m-footer li{
  flex: 1;
}
.m-footer li a{
  display: block;
  text-align: center;
  color: #fff;
  padding: 10px 0;
}
.m-footer li a img{
  display: block;
  height: 26px;
  margin: 0 auto;
}
.m-footer li:nth-child(2) a img{
  transform: scale(1.2);
}
@media (max-width:1199px) {
  .my-kefu{
    display: none;
  }
  .m-footer{
    display: block;
  }
  html{
   
    height: 100vh;
    overflow: auto;
  }
  body{
    min-width: 100vw;
    padding-bottom: 100px;
  }
  .htop{
    display: none;
  }
  .hwa{
    display: none;
  }
  .box, .w1300{
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
  }
  .prod_all{
    min-width: 100vw;
  }
  .alibb1{
    display: none;
  }
  .hsecond{
    display: flex;
    justify-content: space-between;
  }
  .head_p{
    padding-top: 0;
  }
  .hsecond .clear{
    display: none;
  }
  .hlogo{
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
  }
  /*.mod1370{*/
  /*  display: none;*/
  /*}*/
  
  
  .mod1370 .nav_bg{
      height: 140px!important;
      background-size: 100%  100% !important;
  }
  
  .mod1370 .nav_bg .box ul{
      display: flex;
      flex-wrap: wrap;
     justify-content: space-between;
  }
  .mod1370 .nav_bg li{
      display: block;
      width: 19%!important;
      min-width: 70px!important;
  }
  .mod1370 .nav_bg li a {
    display: block;
    font-size: 13px!important;
    color: #fff!important;
}
  
  
  /* .mod1019 .banner .swiper-container, .mod1019 .banner .ban_bg, .mod1019 .banner .ban_nbg{
    height: 250px!important;
  } */
  .mod1451 .search_bg .search_hot{
    display: none!important;
  }
  .mod1451 .search_bg .search_d{
    float: none;
    width: 100%!important;
    border-left: none!important;
    height: 50px!important;
  }
  .mod1451 .search_bg .search_d form .search-i:after{
    width: 100%!important;
  }
  .cont_bc{
    display: none;
  }
  .par,.feature,.adv_all,.case_all,.lc_bc,.about_all,.image,.i-lybg2,.mod1499,.footbg{
    display: none;
  }
  .mod1451 .search_bg .search_d form{
    display: flex;
  }
  .mod1451 .search_bg .search_d form .search-bg{
    flex: 1;
  }
  .mod1451 .search_bg .search_d form .search-bg input{
    width: calc(100% - 50px)!important;
  }
  .prod_all a.more{
    max-width: 94%;
  }
  .mod1019 .banner .slide_03{

  }
  .head_p .l img{
    width: 40px;
  }
  .head_p .head_p_n{
    font-size: 24px;
  }
  .hlogo{
    height: auto;
    padding: 10px 0;
    width: 100px;
  }
  .mod1451 .search_bg .search_d form .search-bg,
  .mod1451 .search_bg{
    height: 50px!important;
  }
  .mod1451 .search_bg .search_d form .search-i{
    height: 50px!important;
  }
  .mod1451 .search_bg .search_d form .search-i input,
  .mod1451 .search_bg .search_d form .search-i:after,
  .mod1451 .search_bg .search_d form .search-bg input{
    height: 50px!important;
  }
  .mod1451 .search_bg .search_d form .search-bg input{
    display: block;
  }
  .mod1451 .search_bg .search_d form .search-bg{
    background-position: 20px 14px!important;
  }
  .main_t p{
    font-size: 24px;
  }
  .main_t dl{
    padding: 0 20px;
    font-size: 16px;
    display: none;
  }
  .prod_all .product_content{
    margin-top: 30px;
  }
  .prod_all .prod_b .prod_b-title{
    font-size: 20px;
  }
  .prod_all .prod_b .prod_b-des{
    font-size: 14px;
    margin-top: 5px;
    display: none;
  }
  .product_right .divproduct_new_div_item{
    width: 49%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .product_right .divproduct_new_div_item:nth-child(n+5){
    margin-top: 0;
  }
  .product_right .divproduct_new_div_item:not(:nth-child(2n)){
    margin-right: 2%;
  }
  .product_right .divproduct_new_div_item_a{
    line-height: 36px;
  }
  .prod_all a.more{
    margin-top: 20px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
  }
  .n_box{
    margin: 50px 0 0;
  }
  .page-wrap-left{
    width: 100%;
    display: none;
  }
  .C1_Share_nav_c{
    flex-wrap: wrap;
  }
  .n_box{
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
  }
  .mod1015 .navigation{
    margin-bottom: 30px!important;
  }
  .mod1491 .protemptwo li{
    width: 49%!important;
    margin-right: 2%!important;
  }
  .mod1491 .protemptwo li:nth-child(2n){
    margin-right: 0!important;
  }
  /* .mod1019 .banner .swiper-container, .mod1019 .banner .ban_bg, .mod1019 .banner .ban_nbg{
    height: auto!important;
  } */
  .product-show .pro-top .slideTxtBox{
    flex-wrap: wrap;
  }
  .product-show .pro-top .slideTxtBox .bd{
    width: 100%;
  }
  .n_prod{
    width: 100%;
  }
  .product-show .pro-top .slideTxtBox .hd{
    margin-top: 25px;
  }
  .product-show .pro-top .slideTxtBox .hd .color{
    width: 100%;
  }
  .product-show .pro-top .slideTxtBox .hd .txt-box p{
    line-height: 1.7;
  }
  .product-show .pro-top .slideTxtBox .hd .tel p{
    font-size: 28px;
    padding: 28px 0 0 59px;
  }
  .product-show .pro-top .slideTxtBox .hd .tel a{
    font-size: 16px;
  }
  .product-show .pro-detail h6,
  .product-show .recommend h6{
    font-size: 18px;
  }
  .product-show .pro-detail h6{
    margin-top: 20px;
  }
  .product-show .recommend li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .product-show .recommend li:nth-child(2n){
    margin-right: 0;
  }
  .product-show .recommend li p{
    font-size: 16px;
  }
  .bodyContentString8,.w1400{
    width: 100%!important;
  }
  .lxtop p{
    padding: 25px 15px!important;
  }
  .Separate{
    font-size: 24px!important;
  }
  .lxfsnr li{
    margin: 0!important;
    display: flex;
    align-items: center;
    width: 100%!important;
    padding: 15px 10px;
  }
  .lxfsnr li img{
    max-height: 35px;
    max-width: 35px;
  }
  .lxfsnr li p{
    line-height: 1.5!important;
    padding-left: 10px!important;
  }
  .lxtop img{
    width: 100%;
  }
}