@charset "utf-8";
/* CSS Document */


* { margin: 0; padding: 0;  }
html, body { width: 100%;     font-family: '微软雅黑'; font-size: 16px; }
img { border:none ;max-width:100%;     text-align-last: center;    vertical-align: middle; display: block;}
a { color:#333;text-decoration:none; }
a:hover { color:#d0021c ;text-decoration:none;}
ul { list-style:none;}
li{ list-style-type :none;}
.clear {clear:both;    float: none!important;    background: none;    width: 0 !important;    height: 0 !important;}
.clearfix  {clear:both;}
.w1200 { max-width:1400px; margin: 0 auto; width:90%;}
span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fl{float: left;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
table
{
    border-collapse:collapse;
}
tr{    border: 1px solid black!important;}
td{    border: 1px solid black!important;}




.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
    }

	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}

/* ------------------                 header                --------------------------------------      */

.header{  height: 100px;    width: 100%;    margin: 0 auto; }
.header .logo{ float: left; margin: 32px 0 0;}
.header ul.nav{float: left;     padding-left: 20px; margin: 0 20px 0 80px;}
.header ul.nav > li{float: left; position: relative;}
.header ul.nav > li.on > a{ background: #fff; color: #d0021c; }
.header ul.nav > li > a{ line-height: 100px; padding: 0px 30px; color: #6d6e71; display: block; font-size:16px; }
.header ul.nav > li > a:hover{ color: #d0021c;}
.header .top_left{ float: right; margin: 22px 10px;  }
.header .top_left a{float:left; margin: 0 0 0 20px; display: inline-block;    width: 46px;    height: 46px;    line-height: 46px;    color: #d0021c;
    font-size: 14px;    border-radius: 100%;    transition: all .2s;    color: #fff; text-align: center; position: relative;}


.header .top_left a.tj{border: 1px solid #d0021c;background: #d0021c; cursor: pointer;}
.header .top_left a.tel{border: 1px solid #333;background: #333;}
.header .top_left a.ss{border: 1px solid #333;background: #333;}
.header .top_left a.ss img{ width:30px;     margin: 8px;}

.header ul li .er_li{display: none; position: absolute; top: 100px; left: -25%; width: 150%; z-index: 999;}
.header ul li .er_li li{ width: 100%; }
.header ul li:hover .er_li{display: block; padding: 0 0 20px; background: #fff;}
.header ul li a{ line-height: 48px; display: block; text-align: center; color: #333;}
.header ul li .er_li li:hover a{ background: #fff; color: #d0021c; }

.banner {position: relative;}
.banner .w1200{position: absolute;top: 0;left: calc((100% - 1400px) / 2);height: 100%;z-index: 8;}
.banner h2{width: 300px;position: absolute;display: block;line-height: 36px;top:calc(50% - 18px);color: #fff;font-size: 32px;}
.banner h2:after{     content: "";    display: block; width: 70px; height: 1px; position: absolute; top: 60px; left: 0; background: #fff;     }
/* ------------------                 header                --------------------------------------      */

.ss{background-color: #EEEEEE; height: 56px;}
.ss span{ line-height: 56px; padding: 0 80px 0 0;}
.ss span.span1{ color: #d0021c; }
.ss a{cursor: pointer;}

.ss form{ float:right; width: 280px;  margin: 12px 0px; position: relative;}
.ss form .input_tit{ height: 32px; border: 0; width: calc(100% - 20px); border-radius: 15px; padding: 0 10px}
.ss form .submit{ height: 32px; width: 32px; border: 0; position: absolute; right: 10px; top: 0; background: url(../img/ss.png) no-repeat center center; background-size: 24px;}

.tjb{ background: hsla(0,0%,0%,0.80); position: fixed; top: 0; left: 0; width: 90%; z-index: 9999; padding: 50px 5%; opacity: 0; z-index: -1; }
.tjb.on{opacity: 1; z-index: 999; }
.tjb_left{ position: relative; width: 48%; float: left}
.tjb_left #main{ width: 100%;}

.tjb_right{ float:left; width: 48%;}
.tjb_right ul{margin: 10% 0;}
.tjb_right li{ color: #fff; float: left; width: 24%; line-height: 42px; text-align: center; border: 1px solid #fff;}

.tjb .close{ position: absolute; bottom: 20%; left: calc(50% - 95px); border: 1px solid #fff; width: 50px; height: 50px; border-radius: 50px;}
.tjb .close img{    display: block;    margin: 11px auto;  transition: all .2s; cursor: pointer; overflow: hidden;} 
.tjb .close:hover{ border: 1px solid #d0021c;  }
.tjb .close:hover img{ transform:rotateZ(360deg);   }

/* ------------------                 ss                --------------------------------------      */

.black1 {    background-color: #fff; padding: 50px 0;}
.black1 .black_tit { text-align: center; font-size: 18px; font-weight: normal; position: relative; margin: 0 0 50px;}
.black1 .black_tit:after{     content: "";    display: block; width: 60px; height: 3px; position: absolute; top: 46px; right: calc(50% - 30px); background: #d0021c;}

.black1 p{ font-size: 14px; line-height: 32px;}

.black2{    background-color: #f7f8f9; padding: 30px 0;}
.black2 .black_tit { text-align: center; font-size: 18px; font-weight: normal; position: relative; margin: 0 0 50px;}
.black2 .black_tit:after{     content: "";    display: block; width: 60px; height: 3px; position: absolute; top: 46px; right: calc(50% - 30px); background: #d0021c;}
.black2 .black_titl span{ display: block; margin: 24px 0 0 ;}
.black2 .jj_img{ margin: 30px 0 0 ;  position: relative; }
.black2 .jj_img li{ float: left; margin: 0 30px 30px 0; width: calc((100% - 60px) / 3); position: relative; overflow: hidden; }
.black2 .jj_img li:nth-child(3n){ margin: 0 0 30px 0; }
.black2 .jj_img li img{ display: block;      transition: all 1s;v    transition: all 1s;}

.black2 .jj_img .jj_mb{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0,0%,0%,0.6); display: block;}
.black2 .jj_img .jj_mb img{ margin: 20% auto 0;}
.black2 .jj_img .jj_mb p{ color: #fff; text-align: center; line-height: 64px;}

.black2 .jj_img li:hover .jj_mb{ background: rgb(208 2 28 / 52%);}
.black2 .jj_img li:hover > img{    transform: scale(1.2);}

.black3{    background-color: #fff; padding: 50px 0;}
.black3 .black_tit { text-align: center; font-size: 18px; font-weight: normal; position: relative; margin: 0 0 50px;}
.black3 .black_tit:after{     content: "";    display: block; width: 60px; height: 3px; position: absolute; top: 46px; right: calc(50% - 30px); background: #d0021c;}

.left_new{ float: left; width: 48%;}
.right_new{ float: right; width: 48%;}

.black3 .news_img img{ float: left; margin: 0 20px 0 0; }
.black3 .news_txt{ float:left;    width: calc(100% - 240px);} 
.black3 .news_txt h3{ width:100%; font-size: 16px;}
.black3 .news_txt p{ width:100%; margin: 16px 0 8px; line-height: 24px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.black3 .news_txt em{ width:100%; font-style: none; font-size: 12px;}

.black3 ul{ margin: 30px 0 0;  border-top: 1px #ccc solid;}
.black3 ul li{ line-height: 48px; margin: 0 0 0 26px; list-style: disc; text-align: right;}
.black3 ul a{ text-align: left; width: 80%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display: block; float: left;}
.black3 .more{ margin: 50px 0 0;}
.black3 .more a{padding: 14px 20px; border: 1px solid #ccc; display: table; margin: 0 auto; border-radius: 20px;}

.black4{    background:url(../img/black4.jpg)  center center; padding: 150px 0;}
.black4 img{margin: 16px 0;}
.black4 p{ font-size: 18px; line-height: 46px; color:#fff;}

.footer { margin:0px 0 0 ;  background-color: #f3f3f3;  padding: 30px 0;}
.footer ul{ float: left;} 
.footer .foot_nav{ width:45%;}
.footer .foot_nav h3{ margin: 0 0 40px;position: relative;}
.footer .foot_nav h3:after{     content: "";    display: block; width: 40px; height: 3px; position: absolute; top: 32px; left: 0; background: #d0021c;}
.footer .foot_nav a{display:block; position:relative; float:left; width:40%; box-sizing:border-box; padding:15px 5px; background:url("../img/icon-arrow-right-grey.png") no-repeat; background-size:auto 10px; background-position:90% 50%; margin-right:8%; font-size:15px; font-weight:bold; border-bottom:1px solid #ddd;}

.footer .foot_contact{ width:35%;}
.footer .foot_contact h3{ margin: 0 0 40px;position: relative;}
.footer .foot_contact h3:after{     content: "";    display: block; width: 40px; height: 3px; position: absolute; top: 32px; left: 0; background: #d0021c;}
.footer .foot_contact li{ line-height: 42px; padding: 0 0 0 20px; }

.footer .foot_contact li.add{ background: url(../img/add.png) no-repeat left center; background-size: 24px; padding: 0 0 0 48px; }
.footer .foot_contact li.tel{ background: url(../img/tel.png) no-repeat left center; background-size: 24px; padding: 0 0 0 48px; }
.footer .foot_contact li.fax{ background: url(../img/fax.png) no-repeat left center; background-size: 24px; padding: 0 0 0 48px; }
.footer .foot_contact li.emali{ background: url(../img/email.png) no-repeat left center; background-size: 24px; padding: 0 0 0 48px; }

.footer .foot_ewm{ width:20%;}
.footer .foot_ewm h3{ margin: 0 0 40px;position: relative;}
.footer .foot_ewm h3:after{     content: "";    display: block; width: 40px; height: 3px; position: absolute; top: 32px; left: 0; background: #d0021c;}

.footer .foot{ margin: 30px 0 0 ; color: #ccc}

.link{background: #eee;}
.link a{ display: block; line-height: 36px; margin: 0 10px 0 0; float: left; font-size: 14px;}

/*        gg          */

.nav_top{ background: #f7f7f7;  border-bottom: 1px #ccc solid;height: 42px;}
.nav_top a{ padding: 0 16px; line-height: 42px; }

.page-status{display: none!important;}
.page{width:100%;text-align:center; padding-top:30px; margin: 30px 0;}
.page span,.page a{ display:inline-block; line-height: 24px; margin-right:5px;line-height:21px; text-align:center;color:#333;font-size:12px}
.page span{font-weight:bold;color:#fff;}
.page a{color:#333; border: 1px #ccc solid; border-radius: 10px; margin: 0 10px; padding: 3px 11px;}
.page a:hover{font-weight:bold;color:#d0021c;}
.page span.next,.page a.next{ width:51px; height:21px; }
.page span.next{color:#C4C4C4;font-weight:normal;}
.page a.page-num-current{background:#d0021c; color: #fff;}


.fenx{ margin-top: 45px;}
/*    zhuti   about     */

.about{ background: #fff;padding: 0 0 50px;}
.about h2{     padding: 20px 0;    text-align: left;    font-size: 24px;    font-weight: bold;    color: #333;    margin: 0 auto;}
.about .cont{background:#fff; padding: 50px 0px;}


.about_tjb{ width: 100%; z-index: 9999; padding: 50px 0%;  z-index: -1; }
.about_tjb.on{opacity: 1; z-index: 999; }
.about_tjb_left{ position: relative; width: 100%; float: left}
.about_tjb_left #main{ width: 100%;}

.about_tjb_right{ float:left; width: 100%;}
.about_tjb_right ul{}
.about_tjb_right li{ color: #000; float: left; width: 24%; line-height: 42px; text-align: center; border: 1px solid #000;}

#main1{ margin: 0!important; }




.honor_list h3 { position: relative; width: 100%; background: #eee; } 
.honor_list h3 a{
    display: inline-block;
    line-height: 36px;
    padding: 0 20px;
    background: #d0021c;
    color: #fff;
    font-size: 16px;
}
.honor_list ul{ margin:10px 0 30px }
.honor_list li{

    width: 31.333%;
    float: left;
    line-height: 36px;
    list-style: disc;
    text-indent: 10px;
    margin: 0 0 0 2%;

}
.honor_list li p{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.case_list{background: #fff; padding: 30px 50px;}
.case_list li{ float:left; margin: 0 30px 20px 0; width: calc((100% - 178px) / 4);     overflow: hidden;    padding: 10px;    border: 1px solid #eee;    text-align: center;}
.case_list li:nth-child(4n){ margin: 0 0px 20px 0;}
.case li img{max-height: 300px; width: 100%;     transition: all 1s;}
.case li .ico{ width: 100%;   overflow: hidden; }
.case_list li p{ line-height: 32px; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case_list li:hover { border: 1px solid #d0021c;}
.case_list li:hover img{    transform: scale(1.2);}

.contact{ background: #fff;padding: 0 0 50px;}
.contact h2{     padding: 20px 0;    text-align: left;    font-size: 24px;    font-weight: bold;    color: #333;    margin: 0 auto;}
.contact .cont{border: 1px #ccc solid; padding: 50px 0; position: relative;}
.contact .cont:after{     content: "";    display: block; width: 2px; height: 80%; position: absolute; top: 32px; left: 30%; background: #eee;}
.contact .cont:before {     content: "";    display: block; width: 2px; height: 80%; position: absolute; top: 32px; left: 70%; background: #eee;}

.contact .tit{ font-size:14px; color:#444;}
.contact .tel{ padding-bottom:10px; font-size:24px; color:#d0021c;}
.contact .tips{ font-size:12px; color:#ccc;}
.contact .con{ font-size:16px; color:#666;}
.contact .contact_left{ width:30%; text-align:center; float: left;}
.contact .contact_left>.icon{ text-align:center;}
.contact .contact_left>.icon>img{width:128px;height:auto;margin: 0 auto;}

.contact .contact_right{ width:30%; padding:20px 5%; text-align:left; float: left;}
.contact .contact_right>p{ position:relative; display:block;padding:8px 0 8px 38px;}
.contact .contact_right>p img{ position:absolute;z-index:1; left:0;top:6px; height:28px; width:auto;}

.contact .contact_ewm{ widht:30%; padding:20px 0;}
.contact .contact_ewm img{ margin:0 auto;}
.contact .contact_ewm p{ text-align: center; line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ly{ margin: 50px 0; border-top: 1px #ccc solid; padding: 50px 0;}
.ly h2{text-align: center;     font-size: 30px; padding: 0;}
.ly span{text-align: center; display:block; padding: 20px 0;    font-size: 16px;    color: #999;}

.ly .input{display: block;    padding: 16px 0; }
.ly input {
    
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 15px;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    color: #666;
    text-align: left;;
}

.ly input{ display:inline-block; box-sizing:border-box; width:100%;height:auto;padding:15px;-webkit-appearance:none; border:1px solid #ccc; color:#666;text-align:left;}
.ly .input{ float:left; width: 48%;}
.ly .input:nth-child(2n){float:right;}
.ly input::-webkit-input-placeholder{ color:#999;}
.textarea {margin:10px 0;}
.ly textarea{ display:block;box-sizing:border-box; width:100%;height:auto;padding:15px;-webkit-appearance:none;  font-family:"微软雅黑"; line-height:20px; border:1px solid #ccc; color:#666;text-align:left; }
.ly textarea::-webkit-input-placeholder{ color:#999;}

.yzm {position: relative; padding: 16px 0; width: 48%; float: left;}
.yzm img {position:absolute; top: 12px; right: 0; padding: 8px; height: 32px;}

.ly .submit{ float:right; display:inline-block; box-sizing:border-box; width:46%!important; background:#d0021c;padding:12px 10px; font-size:16px; color:#fff; text-align:center; border:0; cursor:pointer; width:50%;margin: 16px 0 0;}


.news{ background: #fff;padding: 0 0 50px;}
.news h2{     padding: 20px 0;    text-align: left;    font-size: 24px;    font-weight: bold;    color: #333;    margin: 0 auto;}

.news ul{margin:0 auto;}
.news ul li{display:block;margin:0 auto; transition:all .35s;}
.news ul li a{ position:relative; display:block; width:100%;padding:50px 0px; margin:0 auto; transition:all .35s;}
.news ul li a:after{ position:absolute;z-index:3;left:0;bottom:0; width:100%;height:1px; background:#eee;content:''; transition:all .35s;}
.news ul>li:last-child a:after{opacity:0;}
.news ul li a .img{ width:24%; text-align:left; overflow:hidden;}
.news ul li a .img>img{width:100%; height:auto; transition:all 1s;}
.news ul li a .con{width:50%;text-align:left; padding:0 5%;}
.news ul li a .con>.tit{ font-size:24px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
.news ul li a .con>.txt{ margin:20px 0; height:75px; line-height:26px; font-size:16px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news ul li a .con>.more{ text-align:left;}
.news ul li a .con>.more>span{ display:inline-block;padding:8px 30px; font-size:16px; color:#d0021c; border:1px solid #d0021c; border-radius:30px;transition:all .35s;}
.news ul li a .time{ width:10%; color:#d0021c; text-align:right; float: right;}
.news ul li a .time>.dm{ font-size:32px;}
.news ul li a .time>.yy{ font-size:18px;}
.news ul li:hover{ background:#eee;}
.news ul li:hover a:after{ background:none;}
.news ul li:hover .con>.more>span{ margin-left:6px; color:#fff; background:#d0021c;}
.news ul li a .img:hover img{transform:scale(1.1);}


.news .cont .title{ font-size:32px;font-weight:normal;padding:20px; text-align:center;}
.news .cont .time{text-align:right; font-size:16px; color:#999;padding:0 20px 20px 20px; border-bottom:1px solid #eee;}

.news .cont .txt{margin: 30px 0;}
.news .cont .txt span{     white-space: inherit;  }

.news .pageurl{margin:0 auto;padding:50px 0;font-size:14px;}
.news .pageurl .prev{ width:40%; padding:5px; text-align:left; border-bottom:1px solid #aaa;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;float: left;}
.news .pageurl .next{ width:40%; padding:5px; text-align:left; border-bottom:1px solid #aaa;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;float: right;}
.news .pageurl strong{font-weight:normal; font-size:16px;color:#999;}

.product{ background: #fff;padding: 0 0 50px;}
.product h2{     padding: 20px 0;    text-align: left;    font-size: 24px;    font-weight: bold;    color: #333;    margin: 0 auto;}

.product .cont{ width: 70%; float: left; }
.product .pro1{ border-bottom: 1px solid #ccc; padding: 20px 0 30px;}
.product .pro2{ border-bottom: 1px solid #ccc; padding: 20px 0 30px;}
.product .pro3{ border-bottom: 1px solid #ccc; padding: 20px 0 30px;}
.product .pro4{ border-bottom: 1px solid #ccc; padding: 20px 0 30px;}
.product .pro5{ border-bottom: 1px solid #ccc; padding: 20px 0 30px;}

.product .pro3 li{ float: left; margin: 0 30px 30px 0; width: calc((100% - 60px) / 3); position: relative; }
.product .pro3 li:nth-child(3n){ margin: 0 0 30px 0; }
.product .pro3 p{ text-align: center; line-height: 36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.product .pro5 ul{ width: 100%; }
.product .pro5 li{ float:left; margin: 0 30px 20px 0; width: calc((100% - 90px) / 4);     overflow: hidden; }
.product .pro5 li:nth-child(4n){ margin: 0 0px 20px 0;}
.product .pro5 li p{ line-height: 32px; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.product .xgcp{ width: 26%; float: right; margin: 40px 0 0 0; }
.product .xgcp h3{ border-bottom: 1px solid #ccc; line-height: 32px;}
.product .xgcp ul{}
.product .xgcp li{ margin: 10px 0; padding: 20px;}
.product .xgcp li img{}
.product .xgcp li p{ text-align: center; line-height: 36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.m_head{ display: none; }
.m_foot{ display: none; }
.m_footer{ display: none; }
.foot_bq{ display: none; }

@media only screen and (max-width: 768px){

  .page-index{ display: none!important; }
  .page-last{ display: none!important;}
  .page a{ margin: 0; }

	.w1200{ width:90%; margin: 0 auto;}
	.header{display: none;}
	.m_head{ display: block; }
	.m_head{ padding: 10px 0; position: relative;}
	.m_head .logo{ float: left; margin: 20px 0 0; width: 50%; }
	.m_head .head_l{float:right;}
	.m_head .head_l a{ line-height: 66px; font-size: 24px;padding: 0 20px 0 30px; color: #d0021c; position: relative}
	.m_head .head_l img{    display: block;    float: right;    padding: 21px 0 0 20px;}
	.m_head .head_l a:after{     content: "";    display: block; width: 3px; height: 20px; position: absolute; top: 7px; right: 0; background: #d0021c;}
	.m_head .er_li{display: none;width: 80%; margin: 0 auto; }
	.m_head .er_li a{ border-bottom: 1px #fff dashed; text-align: center;}
	
	.m_nav{ position: absolute; top: 86px; left: 0; width: 100%; background: hsla(0,0%,0%,0.6); z-index: 99; padding: 0 0 50px; display: none;}
	.m_nav a{ color: #fff; text-align: left; display: block; line-height: 48px ; border-bottom: 1px #fff solid; font-size: 16px; text-indent: 20px;}
	
	.tjb_left{ width:100%; display: none;}
	.tjb_right{ width: 100%;}
  .tjb_right ul{margin: 0;}
	
	.ss{ height: auto;}
	.ss span{ float:left; padding: 0; width: 50%; text-align: center; display: block;}
	.ss form{ display: none;}
	
	.black2 .jj_img li{float: left; margin: 0 30px 30px 0; width: calc((100% - 30px) / 2); position: relative;}
	.black2 .jj_img li:nth-child(2n){ margin: 0 0 30px 0; }
	.black2 .jj_img li:nth-child(2n - 1 ){ margin: 0 30px 30px 0; }
	.black2 .jj_img .jj_mb img { width: 20%; }
  .black2 .jj_img .jj_mb p{ line-height: 32px; }
  .black2 .jj_img .jj_mb { display: none; }

	.left_new{ width:100%; margin: 0 0 20px;}
	.right_new{ width:100%; margin: 0 0 20px;}
	.black3 ul a{ width: calc(100% - 90px);}
	.black3 .news_img img{width: 100%; margin: 0 0 20px;}
	.black3 .news_txt{width: 100%;}
	
	.product .cont{ width: 100%;}
	.product .xgcp{ width: 100%;}
	
	.product .xgcp li{float: left; margin: 0 30px 30px 0; width: calc((100% - 30px) / 2); position: relative; padding: 0;}
	.product .xgcp li:nth-child(2n){ margin: 0 0 30px 0; }

	.product .pro3 li{float: left; margin: 0 30px 30px 0; width: calc((100% - 30px) / 2); position: relative;}
	.product .pro3 li:nth-child(2n){ margin: 0 0 30px 0; }
	.product .pro3 li:nth-child(2n - 1 ){ margin: 0 30px 30px 0; }

	.news ul li a .img{ display: none;}
	.news ul li a .con{    width:60%;    text-align: left;    padding: 0 5%;}
	.news ul li a .con>.tit{ font-size:16px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
	.news ul li a .con>.txt{ margin:20px 0; height:75px; line-height:26px; font-size:14px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.news ul li a .time{ width:30%; color:#d0021c; text-align:right; float: right;}
	.news ul li a .time>.dm{ font-size:32px;}
	.news ul li a .time>.yy{ font-size:18px;}
	
	.news .pageurl{margin:0 auto;padding:50px 0;font-size:14px;}
	.news .pageurl .prev{ width:100%; padding:5px; text-align:left; border-bottom:1px solid #aaa;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;float: left;}
	.news .pageurl .next{ width:100%; padding:5px; text-align:left; border-bottom:1px solid #aaa;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;float: left;}
	.news .pageurl strong{font-weight:normal; font-size:16px;color:#999;}

	.contact .contact_left{ width:100%; text-align:center; float: left;}
	.contact .contact_right{ width:90%; padding:20px 0 0 13%; text-align:left; float: left;}

	.contact .contact_ewm{ width:100%; padding:20px 0;     display: table;}
  .contact .contact_ewm img{margin: 40px auto 0; display: block;}
	
	.contact .cont:after{     content: "";    display: none; width: 2px; height: 80%; position: absolute; top: 32px; left: 30%; background: #eee;}
	.contact .cont:before {     content: "";    display: none; width: 2px; height: 80%; position: absolute; top: 32px; left: 70%; background: #eee;}
	
	
	.link{display: none;}
	

	.tjb .close{  left: calc(50% - 27px);}
	.m_foot{  display: block;   background-color:#000; padding: 10px 0 30px; }
	.m_foot ul{}
	.m_foot li a{ width: 100%; color: #fff; border-bottom: 1px solid #fff; display: block; line-height: 48px;  font-size: 14px; text-indent: 10px; background: url(../img/plus.png) no-repeat calc(100% - 10px) center;}
	.foot_bq{ background: #666;margin: 0 0 98px; text-align: center; color: #fff; line-height: 36px;}
	
	.m_footer{ background: #0165b3; position: fixed; left: 0; bottom: 0; width: 100%;}
	.m_footer li {  float: left;  width: 25%;  height: 100%;  text-align: center;  line-height: 40px;  background: url('../img/b_split.jpg') no-repeat center right;}
	.m_footer li.lst{  background: none;}
	.m_footer li a{  color: #fff;font-size: 24px;}
	.m_footer li img{  margin: 6px auto 0px;  width: 48px;}
	
	.footer .foot_nav{ width:100%; margin: 0 0 30px;}
	.footer .foot_contact{ width:100%;  margin: 0 0 30px;}
	.footer .foot_ewm{ width:100%; }
	
	.nav_list{display: none;}
	.nav_top{  display: block;   background-color:#fff; padding: 0px 0 ;}
	.nav_top h2{ line-height: 32px; background: url(../img/index_19.jpg); text-align: left;}
	.nav_top h2 a{ display: inline-block; line-height: 32px; background: #fff; padding: 0 20px;}
	
	.about_cont{ padding:20px;}
	.about_cont span{white-space: inherit;}
	
	.pro_list li{ float: left; margin: 0 20px 20px 0; width: calc((100% - 20px) / 2 ); position: relative;}
	.pro_list li:nth-child(2n){ margin: 0 0 20px 0; }
	.pro_list li{ line-height: 32px; text-align: center;}
	
	.pro_left{ width: 100%;}
	.pro_right{ width: 100%; margin: 50px 0 0;}
	
	.honor_list{background: #fff; padding: 30px 50px;}
	.honor_list li{ float:left; margin: 0 20px 20px 0; width: calc((100% - 20px) / 2); }
	.honor_list li:nth-child(2n){ margin: 0 0px 20px 0;}
	.honor li img{max-height: 300px; width: 100%; text-align: center;}
	.honor_list li p{ line-height: 32px; text-align: center;  }
	.honor_list img{ margin: 0 auto;}

}



@media only screen and (max-width: 1024px){

  .header{display: none;}
  .m_head{ display: block; }
  .m_head{ padding: 10px 0; position: relative;}
  .m_head .logo{ float: left; margin: 20px 0 0; width: 50%; }
  .m_head .head_l{float:right;}
  .m_head .head_l a{ line-height: 66px; font-size: 24px;padding: 0 20px 0 30px; color: #d0021c; position: relative}
  .m_head .head_l img{    display: block;    float: right;    padding: 21px 0 0 20px;}
  .m_head .head_l a:after{     content: "";    display: block; width: 3px; height: 20px; position: absolute; top: 7px; right: 0; background: #d0021c;}
  .m_head .er_li{display: none;width: 80%; margin: 0 auto; }
  .m_head .er_li a{ border-bottom: 1px #fff dashed; text-align: center;}
  
  .m_nav{ position: absolute; top: 86px; left: 0; width: 100%; background: hsla(0,0%,0%,0.6); z-index: 99; padding: 0 0 50px; display: none;}
  .m_nav a{ color: #fff; text-align: left; display: block; line-height: 48px ; border-bottom: 1px #fff solid; font-size: 16px; text-indent: 20px;}
  
  .tjb_left{ width:100%; display: none;}
  .tjb_right{ width: 100%;}
  .tjb_right ul{margin: 0;}

}



@media only screen and (max-width: 1400px){

.banner .w1200{position: absolute;top: 0;left: calc((100% - 90%) / 2);height: 100%;z-index: 8;}

}