/* 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;}

.filt{width:100%;}
.filter{width:70%;position:absolute;z-index: 1;text-align:center;}
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:200px;text-align:center;}
}
@media (max-width: 480px) {  fieldset{width:100%;position:absolute;z-index: 1;margin-top:90px;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;
}

/*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 span{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%;}
/*case-end*/

.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_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 span{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_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 */