/* pc */
/* pc_banenr */  
.pc_banner {
    position: relative;
    height: 450px;
    background: url(../images/banner_products.jpg) no-repeat center;
    background-size: cover;
}
.pc_banner02 {
    position: relative;
    height: 450px;
	padding-top:200px;
    background: url(../images/banner_products02.jpg) no-repeat center;
    background-size: cover;
}

.forefront-element {
    -webkit-transform: translateZ(999px) scale(.7);
    transform: translateZ(999px) scale(.7);
    z-index: 1;
  }

  .base-element {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

  .background-element {
    -webkit-transform: translateZ(-999px) scale(2);
    transform: translateZ(-999px) scale(2);
    z-index: 3;
  }
  
.banner_menu{margin:0 auto;width:1170px;}
.banner_download{margin:0 auto;width:1170px;}
.menu_r{float:right;margin-top:150px;width:150px;right:0;}
.menu_r li{float:left;width:100%;margin-top:10px;height:40px;line-height:40px;background:#303030;}
.menu_r li a{display:block;color:#fff;padding-left:5px;height:40px;background:#303030;}
.menu_r li a:hover{display:block;color:#fff;padding-left:5px;height:40px;background:#e60616;}
.position{margin:0 auto;width:1420px;}

.filt{width:100%;}
.lon {
    padding-top: 40px;
    padding-bottom: 5px;
	width:300px;
}
.w1{float:left;width:300px;}
.cont {
    margin: 0 auto;
}
.cpzx-t{float:right;}
.cpzx-t1 {
    display: flex;
    justify-content: flex-end;
    font-family: segoeuil;
}
.cpzx-t1 button:hover {}
.cpzx-t1 button{border: none;}
.cpzx-t1 button {
    width: 55px;
    height: 45px;
    background: #e20012;
    color: #fff;
    cursor: pointer;
}
fieldset{position:absolute;z-index: 1;margin-top:380px;}
@media (max-width: 1199px) {
  fieldset{position:absolute;z-index: 1;margin-top:360px;text-align:center;}
}

@media (min-width: 768px) and (max-width: 979px) 
{
   fieldset{position:absolute;z-index: 1;margin-top:260px;text-align:center;}
}
@media (max-width: 767px) { 
 fieldset{width:100%;position:absolute;z-index: 1;margin-top:140px;text-align:center;}
}
@media (max-width: 480px) {  fieldset{width:100%;position:absolute;z-index: 1;margin-top:130px;text-align:center;} }

.menu2{position:absolute;z-index: 1;margin-top:380px;}
.menu2 a{ text-decoration: none;
          display: inline-block;
		  width: 260px;
          height: 40px;          
		  padding-left:15px;
          color: white;
          background: #303030;
          line-height: 40px;}

.menu2 a:hover {background: #e4001e;}
.menu2 .cur {background: #ff697d;}

    .menu2 ul{list-style: none;}

            #pro_menulist{
                display: inline-block;
                margin: 0px;
                padding: 0px;
                vertical-align: bottom;
            }

            #pro_menulist>li{
                float: left;
				width: 260px;
		        margin-right:20px;
            }
 #pro_menulist>li span{
                float: right;
				width: 30px;
            }
            #pro_menulist>li>ul{
                display: none;
            }

            #pro_menulist>li:hover ul{display: block;}
           
#pro_menulist>li:last-child{width: 260px;float: right;}
		  
.pc_products_list{margin:15px auto;}
.pc_products_list li{float:left;width:23%;margin:15px 1%;}
.pc_products_list li a{display:block;color:#333;width:100%;height:100%;border:1px solid #dcdcdc;overflow:hidden;padding:0 0 5px 0;}
.pc_products_list li a:hover{display:block;color:#333;width:100%;height:100%;border:1px solid #ff2a0e;overflow:hidden;padding:0 0 5px 0;}
.pc_products_list li .pic{width:100%;}
.pc_products_list li .pic img{width:100%;}
.pc_products_list li .title{margin:0 auto;width:96%;height:30px;line-height:30px;}
.pc_products_list li .title strong{float:left;width:100%;color:#ff2a0e;font-size:18px;}
.pc_products_list li .title span{float:left;width:100%;color:#666;}
.pic_des{margin:0 auto;width:96%;padding:5px 0 5px 0;}
.pic_des .txt{float:left;width:50%;font-size:14px;}

.pagination {
  position: relative;
  transform: translateY(-10px);
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
  line-height: 0;
  font-size: 0;
  width:100%;
  text-align:center;
}

.pagination > * {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}


.pagination li {
  display: inline-block;
  vertical-align: middle;
}

.pagination li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 52px;
  min-width: 52px;
  height: 52px;
  padding: 10px 20px;
  border-radius: 0;
  font: 400 16px/24px "Montserrat", sans-serif;
  vertical-align: middle;
  box-shadow: inset 0 -4px 0 0 #ac2817;
}

.pagination li a:after, .pagination li a:before {
  font: 400 20px/1 'Material Design Icons';
}

.pagination li a, .pagination li a:active, .pagination li a:focus {
  color: #fff;
  background: #c74736;
}

.pagination li a:hover {
  color: #fff;
  background: #ff6b4f;
  box-shadow: inset 0 -4px 0 0 #ff3a14;
}

.pagination li:first-child a,
.pagination li:last-child a {
  padding-left: 12px;
  padding-right: 12px;
}


.pagination li.disabled,
.pagination li.active {
  pointer-events: none;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.15);
}

.pagination li.active a {
  color: #292828;
  background: #d6d6d6;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.15);
}

.pagination li.disabled a {
  color: #292828;
  background: #d6d6d6;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.15);
}

* + .pagination {
  margin-top: 30px;
}

.pc_tech02{
  float:left;
  width:100%;
  min-height: 120px;
  background: linear-gradient(to right,#212121 12px,#726E6E 585px);
  text-align:center;
  color:#fff;
  font-size:14px;
  padding:0 50px 30px 50px;
}
.pc_tech02 .title{
font-size: 20px;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-weight:blod;
height:45px;
line-height:45px;
}


/*products*/
.padding-0-80{padding: 0 0 80px;}
.laydqzs{width: 100%;overflow: hidden;background: #f5f5f5;}
.contain {
    width: 1420px;margin:0 auto;
}
.m-b1{color:#333;}
.cpzx-b {
}
.cpzx-b dd a h3 {
  font-size: 20px;
  color: #676767;
  font-family: segoeuib;
  margin-bottom: 8px;
  line-height: 35px;
  padding: 0 10px;
}
.cpzx-b dd a h5 {
  color: #e20012;
  font-size: 14px;
}
.cpzx-b dl {
	padding-top: 37px;
}

.cpzx-b dl dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
}

.cpzx-b dl dt h3 {
	font-family: 'seguisb';
	font-size: 26px;
}
.cpzx-b dl dd h2{
    font-family: segoeuisl;
    font-size: 14px;
}
.cpzx-b dl dt a {
	display: block;
	text-align: center;
	line-height: 38px;
	width: 150px;
	border-radius: 100px;
	border: 1px solid #ea616c;
	color: #1d1d1d;
	font-family: segoeui;
	font-size:14px;
}

.cpzx-b dl dt a:hover {
	background: #e20012;
	border-color: #e20012;
	color: #fff;
	transition: all 0.5s;
}

.cpzx-b dd {
	display: flex;
	flex-wrap: wrap;
}

.cpzx-b dd a {
	margin-top: 20px;
	display: block;
	width: calc(25% - 19px);
	margin-right: 19px;
	background: #fff;
	text-align: center;
	transition: all 0.5s;
	padding-bottom: 30px;
	/*display: none;*/
}
.cpzx-b dd a:nth-child(4n) {
	margin-right: 0;
}

.cpzx-b dd a h4 {
	overflow: hidden;
}
.cpzx-b dd a h4 img{
  width: 100%;
}


.cpzx-t {
	margin-bottom: 37px;
}
.cpzx-t .active a{display:block;background:#F00;color:#fff;padding:2px 5px;}
.cpzx-t .active a:hover{display:block;background:#F00;color:#fff;padding:2px 5px;}

.cpzx-t1 {
	display: flex;
	justify-content: flex-end;
	font-family: segoeuil;
}

.cpzx-t1 input {
	width: 245px;
	height: 45px;
	border: 1px solid #e5e5e5;
	border-right: none;
	background: #fff;
	color: #b2b2b2;
	text-indent: 20px;
}

.cpzx-t1 input::placeholder {
	color: #b2b2b2;
}

.cpzx-t1 button {
	width: 55px;
	height: 45px;
	background: #e20012;
	color: #fff;
	cursor: pointer;
}

.cpzx-t1 button:hover {
}

.cpzx-t2 {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 3px solid #e5e5e5;
	margin-bottom: 42px;
}

.cpzx-t2 a {
	display: block;
	line-height: 61px;
	font-size: 18px;
	color: #272727;
	font-family: segoeui;
	position: relative;
	padding: 0 16px;
}

.cpzx-t2 a span {
	position: absolute;
	display: block;
	width: 0%;
	left: 0;
	bottom: -4px;
	height: 5px;
	background: #e20012;
	transition: all 0.5s;
}

.cpzx-t2 a.active,.cpzx-t2 a:hover {
	color: #e40013;
}

.cpzx-t2 a.active span,.cpzx-t2 a:hover span {
	transition: all 0.5s;
	width: 100%;
}

.cpzx-t3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	/* padding-right: 11.1%; */
	margin-top:25px;
	margin-bottom: 23px;
}

.cpzx-t3 h3 {
	width: 110px;
	line-height: 24px;
	background: url(../images/cpzx-tb4.png)no-repeat left bottom;
	font-size: 18px;
	color: #1d1d1d;
	background-position: 0 8px;
}

.cpzx-t3 p {
	width: calc(100% - 110px);
	display: flex;
	flex-wrap: wrap;
	font-family: segoeui;
}

.cpzx-t3 p a {
	/* display: none; */
	line-height: 24px;
	border-radius: 50px;
	border: 1px solid #f4f4f4;
	margin-bottom: 20px;
	padding: 0 15px;
	color: #1d1d1d;
	font-size: 16px;
}

.cpzx-t3 p.active a {
	display: block;
}

.cpzx-t3 p a:nth-child(1),.cpzx-t3 p a:nth-child(2),.cpzx-t3 p a:nth-child(3),.cpzx-t3 p a:nth-child(4),.cpzx-t3 p a:nth-child(5),.cpzx-t3 p a:nth-child(6),.cpzx-t3 p a:nth-child(7) {
	display: block;
}

.cpzx-t3 p a.active {
	border-color: #e40013;
	color: #e40013;
}

.cpzx-t3 p a:hover {
	color: #e40013;
	text-decoration: underline;
}

.cpzx-t3 h4 {
	color: #e40013;
	font-family: segoeui;
	line-height: 24px;
	cursor: pointer;
	width: 100%;
	margin-left: 190px;
	font-size: 16px;
	display: none;
}

.cpzx-t3 h4:hover {
}

.cpzx-t4 {
	display: flex;
	flex-wrap: wrap;
}

.cpzx-t4 a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: 10px;
	line-height: 38px;
	padding: 0 20px;
	font-family: segoeui;
	color: #3b3b3b;
	font-size: 16px;
	transition: all 0.5s;
	background: #ebebeb;
	border: 1px solid #e2e2e2;
}

.cpzx-t4 a i {
	display: block;
	width: 10px;
	height: 12px;
	background: url(../images/cpzx-tb2.png);
	background-size: 100% 100%;
	margin-left: 13px;
}

.cpzx-t4 a.active,.cpzx-t4 a:hover {
	background: #e20012;
	color: #fff;
	border-color: #e20012;
}

.cpzx-t4 a.active i,.cpzx-t4 a:hover i {
	background: url(../images/cpzx-tb3.png);
}


.sonMenu{width: 100%;position: relative;}
body.PC .sonMenu-scroll, body.PAD .sonMenu-scroll{width: 100%;}
.sonMenu::before{content: "";position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background: #f0f0f0;}
.sonMenu a{display: flex;float: left;height: 68px;font-size: 16px;color: #333;align-items: center;margin: 0 32px;transition: all .4s ease;position: relative;}
.sonMenu a:first-child{margin-left: 0;}
.sonMenu a:last-child{margin-right: 0;}
.sonMenu a::after{content: "";position: absolute;width: 100%;height: 2px;bottom: 0;background: #c7000b;display: none;}
.sonMenu a.active::after{display: block;}
.sonMenu a:hover, .sonMenu a.active{color: #c7000b;}
/*case1*/
.pro_box{margin:0 auto;width:1190px;padding-top:85px;}
.pro_banner{margin:0 auto;width:1190px;position: relative;}
.pro_banner img{width:100%;}
.pro_download{position: fixed; top:75px;right: 50%; transform: translateX(min(calc(1190px / 2), calc(100vw / 2 - 22px)));}
.pro_download li{line-height:35px;margin-top:5px;text-align:center;width:110px;/* box-shadow: 5px 5px 3px 4px rgba(0, 0, 0, .4);  */
    /* box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸（影子大小） 阴影颜色  内/外阴影； */
    box-shadow: 0 5px 5px  rgba(0, 0, 0, .3);}
.pro_download li a{border:1px solid #fff;padding:0 5px;display:block;color:#333;line-height:35px;background:#f1f1f1;}
.pro_download li a:hover{padding:0 5px;display:block;color:#fff;line-height:35px;background:#4e4e4e;}

.pro_title{position: relative;width:100%;color:#333;height:45px;line-height:45px;font-size:28px;font-weight:600;text-align:center;}
.pro_ltitle{position:absolute;left:0;top:0;padding:0 20px;background:#333;color:#fff;}
.pro_ltitle em{font-style:normal;color:#ed1e28;}
.pro_titlea{width:100%;color:#ed1e28;height:45px;line-height:45px;font-size:28px;font-weight:600;}
.pro_features{float:left;margin-bottom:15px;width:100%;}
.pro_features li{float:left;width:30%;margin-right:3%;font-size:20px;line-height: 30px;padding-left: 10px;background: url(../images/icon3.jpg) no-repeat 0 11px;word-wrap:break-word;}
.pro_features2{float:left;margin-bottom:15px;width:100%;}
.pro_features2 li{float:left;width:30%;margin-right:3%;font-size:14px;line-height: 21px;word-wrap:break-word;}
.pro_features2 li p{text-indent: 20px;}
.pro_features2 img{width:100%;}
.pro_features3{float:left;margin-bottom:15px;width:100%;}
.pro_features3 li{float:left;width:25%;text-align:center;}
.pro_features3 img{width:100%;}
.pro_features3 td{line-height:21px;}
.pro_titleb{width:100%;background:#000;color:#fff;font-size:14px;font-weight:600;padding:5px 10px;}
.pboxline{border-bottom:1px solid #666;}
.pro_features4{float:left;margin-top:15px;width:100%;}
.pro_features4 img{width:100%;}

.article_info{margin:0 auto;width:1190px;padding-top:85px;font-size:16px;}
.article_info .name {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    line-height: 1.32;
}
.article_info .time {
    font-size: 12px;
    margin-top: 16px;
    color: #888;
    padding-left: 26px;
    background: url(../images/newsxqicon.png) no-repeat left center;
    height: 15px;
    line-height: 15px;
}
.article_info table{border-collapse:collapse;border:0;cellpadding:0;cellspacing:0;}
.article_info tr{height:35px;line-height:35px;}
  .article_info td{border:solid 1px #ccc;color:#333;text-align:left;overflow:hidden;padding-left:5px;}
  .article_info th{border:solid 1px #ccc;background:#ececec;overflow:hidden;color:#333;padding-left:5px;}
.article_con{margin-top:15px;width:100%;}
.article_con img{width:100%;}
/*case-end*/
.pro_banner img {
    width: 49%;
    float: left;
    padding: 1px;
    margin-left: 1px;
}

.pro_features5 {
    float: left;
    margin-top: 15px;
    width: 100%;
}
.pro_features5 .imgtitle {
    width: 49%;
    float: left;
    padding: 5px;
    margin-left: 5px;
    color: #b84b37;
    font-size: 18px;
    font-weight: bold;
}
.pro_features5 img {
    width: 100%;
}


.products_oem{padding:0;}
.products_oem li{float:left;width:100%;color:#333;margin-top:10px;}
.products_oem .title{width:100%;font-size:16px;font-weight:bold;color:#fff;height:35px;line-height:35px;background:#ec2027;text-align:center;}
.products_oem li .probox{width:100%;background:#fff4f4;overflow:hidden;padding:10px;}
.products_oem li .probox p{text-indent:20px;margin-top:15px;font-size:14px;}

.oemservice{
	width:100%;
	color:#fff;
	padding:10px 15px;
	font-size:14px;
}
.oemservice li{float:left;width:100%;line-height:20px;padding-left:10px;background: url(../images/icon2.jpg) no-repeat 0 9px;}
.btn_update{margin:0 auto;width:250px;text-align:center;}
.btn_update a{display:block;width:250px;height:50px;padding:10px 0 0 0;background:#333;color:#fff;text-decoration:none;}
.btn_update a:hover{display:block;width:250px;height:50px;padding:10px 0 0 0;background:#ac0000;color:#fff;text-decoration:none;}

.btn_download{margin:0 auto;width:700px;}
.btn_download li{float:left;width:300px;color:#fff;text-align:center;padding:20px;margin:0 10px;}
.btn_download li a{display:block;color:#fff;background:#ec2027;}
.btn_download li a:hover{display:block;color:#fff;background:#ff6358;}
.btn_download li strong{width:100%;font-size:24px;}
.btn_download li span{width:100%;font-size:12px;}

/* m */
.m_btn_download{margin:0 auto;width:100%;}
.m_btn_download li{float:left;width:45%;color:#fff;text-align:center;padding:5px;margin:0 10px;}
.m_btn_download li a{display:block;color:#fff;background:#ec2027;}
.m_btn_download li a:hover{display:block;color:#fff;background:#ff6358;}
.m_btn_download li strong{width:100%;font-size:16px;}
.m_btn_download li span{width:100%;font-size:12px;}

.m_banner_box {
    position: relative;
    overflow: hidden;
}

.m_banner {
    display: block;
    width: 100%;
    height: auto;
}

.m_banner img{width:100%;}
.m_banner02 {
display: block;
    width: 100%;
    height: auto;
	position: relative;
    background: url(../images/m_banner_33.jpg) no-repeat center;
    background-size: cover;}
	
.m_products{
  width:100%;
  background: #545456;
  color:#fff;
  font-size:12px;
  opacity: 0.9;
}



.m_products_box{
  margin:0 auto;
  width:96%;
  padding:0 0 25px 0;
}
.m_products_box .title{
font-size: 18px;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-weight:blod;
height:45px;
line-height:45px;
text-align:center;
}
/* m_banner */
.m_banner_menu{position:absolute;top:55px;z-index:9;width:100%;}

.m_menu_r{float:right;margin-top:20px;width:180px;right:0;}
.m_menu_r li{float:left;width:100%;margin-top:10px;height:40px;line-height:40px;background:#303030;}
.m_menu_r li a{display:block;color:#fff;padding-left:5px;height:40px;background:#303030;}
.m_menu_r li a:hover{display:block;color:#fff;padding-left:5px;height:40px;background:#e60616;}

.m_menu2{position:absolute;width:100%;z-index: 1;margin-top:160px;text-align:center;font-size:12px;}
.m_menu2 strong{font-weight:normal;}
.m_menu2 a{ text-decoration: none;
          display: inline-block;
		  width: 100%;
          height: 40px; 
          color: white;
          background: #303030;
		  font-size:12px;
		  display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex; 
	-webkit-align-items:center;
	align-items:center;
	-webkit-justify-content: center;
	justify-content: center;}

.m_menu2 a:hover {background: #e4001e;}
.m_menu2 .cur {background: #ff697d;}
.m_menu2 ul{list-style: none;}
           
#m_pro_menulist{
                display: inline-block;
				width:99%;
                margin: 0px;
                padding: 0px;
                vertical-align: bottom;
				margin-left:1%;
            }

#m_pro_menulist>li{
                float: left;
				width: 24%;
		        margin-right:1%;
            }
#m_pro_menulist>li span{
                float: right;
				width: 30px;
            }
#m_pro_menulist>li>ul{display: none; }

#m_pro_menulist>li:hover ul{display: block;}
           
#m_pro_menulist>li:last-child{width: 24%;float: right;}

/* m_breadcrumb */
.m_breadcrumb {
    padding-left: 15px;
    height: 38px;
    font-size: 13px;
    color: #999;
    line-height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_breadcrumb>a {
    color: #999;
}

.m_breadcrumb>span {
    color: #333;
}

/* m_breadcrumb */

/* m_case */
.m_pro_box{margin:0 auto;width:100%;padding-top:5px;}

.m_pro_banner{margin:0 auto;width:100%;}
.m_pro_banner img{width:100%;}
.m_pro_banner img {
    width: 49%;
    padding: 1px;
    margin-left: 1px;
}
.m_pro_download{top:70px;right: 50%; }
.m_pro_download li{line-height:35px;margin-top:5px;text-align:center;width:110px;box-shadow: 0 5px 5px  rgba(0, 0, 0, .3);}
.m_pro_download li a{border:1px solid #fff;padding:0 5px;display:block;color:#333;line-height:35px;background:#f1f1f1;}
.m_pro_download li a:hover{padding:0 5px;display:block;color:#fff;line-height:35px;background:#4e4e4e;}
.m_pro_box2{margin:0 auto;width:100%;background:#fff;}
.m_pro_title{position: relative;width:100%;color:#333;height:30px;line-height:30px;font-size:18px;font-weight:600;text-align:center;background:#fff;}
.m_pro_ltitle{margin:0;padding:0 0 0 2%;font-size:16px;background:#999;color:#fff;text-align: left;}
.m_pro_back{position:absolute;left:15px;top:0;}
.m_pro_ltitle em{font-style:normal;color:#ed1e28;}
.m_pro_titlea{margin:0 auto;width:96%;color:#ed1e28;height:35px;line-height:35px;font-size:18px;font-weight:600;}
.m_pro_features{margin:0 auto;margin-bottom:15px;width:96%;background:#fff;}
.m_pro_features li{float:left;width:100%;font-size:12px;padding-left: 10px;background: url(../images/icon3.jpg) no-repeat 0 5px;word-wrap:break-word;}
.m_pro_features2{margin:0 auto;margin-bottom:15px;width:96%;height:100%;overflow:hidden;background:#fff;}
.m_pro_features2 li{float:left;width:100%;font-size:14px;line-height: 21px;word-wrap:break-word;}
.m_pro_features2 li p{text-indent: 20px;}
.m_pro_features2 img{width:100%;}
.m_pro_features3{margin:0 auto;margin-bottom:15px;width:96%;background:#fff;}
.m_pro_features3 li{float:left;width:25%;text-align:center;}
.m_pro_features3 img{width:100%;}
.m_pro_features3 td{line-height:21px;}
.m_pro_titleb{width:100%;background:#000;color:#fff;font-size:14px;font-weight:600;padding:5px 10px;}
.m_pboxline{border-bottom:1px solid #666;}
.m_pro_features4{margin:0 auto;margin-top:15px;width:96%;background:#fff;}
.m_pro_features4 img{width:100%;}

.m_pro_features4 .imgtitle {
    width: 49%;
    float: left;
    padding: 2px;
    margin-left: 2px;
    color: #b84b37;
    font-size: 12px;
    font-weight: bold;
}

.m_article_info{margin:0 auto;width:96%;padding-top:5px;font-size:14px;}
.m_article_info img{width:100%;}
.m_article_info .name{font-size: 16px;
    color: #333;
    font-weight: 700;
    line-height: 1.32;}

.m_case {
    padding: 0 10px 30px;
}

.m_case_box {
    min-height: 260px;
}

.m_case_box li {
    margin-bottom: 10px;
    padding: 5px;
	width:100%;
    display: flex;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
}
.m_case_box li a{
    margin-bottom: 10px;
    padding: 5px;
	width:100%;
    display: flex;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
}
.m_case_box li a:hover{
    margin-bottom: 10px;
    padding: 5px;
	width:100%;
    display: flex;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
}

.m_case_img {
	float:left;
    display: block;
    width: 150px;
}

.m_case_img>img {
    display: block;
    width: 100%;
}

.m_case_text_box {
    margin-left:10px;
    position: relative;
    width: calc(100% - 95px);
}

.m_case_btn {
    position: absolute;
    right: 0;
    top: 2px;
    display: block;
    width: 75px;
    height: 30px;
    background: #e30000;
    box-shadow: 1px 5px 10px 0px rgba(4, 78, 170, 0.2);
    border-radius: 15px;
    font-size: 14px;
    color: #ffffff !important;
    text-align: center;
    line-height: 30px;
}

.m_layer_name,
.m_layer_zw {
    width: calc(100% - 80px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m_layer_name {
    font-size: 18px;
    color: #e30000;
    font-weight: bold;
}

.m_layer_zw {
    margin-top: 5px;
    font-size: 14px;
    color: #333333;
}

.m_layer_text {
    margin-top: 5px;
    height: 45px;
    font-size: 12px;
    color: #787878;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* m_case */
.m_page {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.m_page>li {
    list-style: none;
}

.m_page>li>a,
.m_page>li>span {
    margin: 0 2.5px;
    display: block;
    min-height: 25px;
    min-width: 25px;
    border: 1px solid #C9C8C8;
    border-radius: 2px;
    font-size: 13px;
    color: #484848;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
}

.m_page>li:first-child>a,
.m_page>li:first-child>span,
.m_page>li:last-child>a,
.m_page>li:last-child>span {
    height: 27px;
    width: 62.5px;
    background: #EBEBEB;
    border: none;
}

.m_page .disabled {
    cursor: no-drop;
}

.m_page .active>span,
.m_page .active>a {
    background: #034DAA;
    border-color: #034DAA;
    color: #ffffff;
}

@media (max-width: 767px) {
   .db {
	margin:0 auto;
    width: 100vw;
    height: 14vw;
    position: fixed;
    bottom: 40px;
	left:40%;
    z-index: 998;
	text-align: center;
}
}

@media (max-width: 1199px) {
  .db {
	margin:0 auto;
    width: 100vw;
    height: 14vw;
    position: fixed;
    bottom: 40px;
	left:40%;
    z-index: 998;
	text-align: center;
}
}

@media (min-width: 768px) and (max-width: 979px) 
{
   .db {
	margin:0 auto;
    width: 100vw;
    height: 14vw;
    position: fixed;
    bottom: 40px;
	left:40%;
    z-index: 998;
	text-align: center;
}
}
@media (max-width: 767px) { 
  .db {
	margin:0 auto;
    width: 100vw;
    height: 14vw;
    position: fixed;
    bottom: 40px;
	left:40%;
    z-index: 998;
	text-align: center;
}
}
@media (max-width: 480px) {  .db {
	margin:0 auto;
    width: 100vw;
    height: 14vw;
    position: fixed;
    bottom: 40px;
	left:40%;
    z-index: 998;
	text-align: center;
} }

/* m */