/*澶撮儴*/

.hwl-top-wrap { background: #fff; width: 100%; height: 4.2em;   position: fixed; top: 0;  z-index: 100;-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); }

.hwl-top-wrap .hwl-top { margin: 0 1em; padding:0; height: 4.2em; position: relative; }

.hwl-top-wrap .hwl-top .logo {float: left; height: 2.4em; margin-top: .9em;}

.hwl-top-wrap .hwl-top .logo img {height: 2.4em; }

.hwl-top-wrap .tel{ position: absolute; top: 1.4em; right: 2em; width: 40%; height: 1.4em; display: block; }

.hwl-top-wrap .tel img{ height: 1.4em; margin-right: .5em; }

.hwl-top-wrap .hwl-menu { float: right; height: 2em; position: relative;  margin-top: 1.1em; right: 0; }

.hwl-top-wrap .hwl-menu span { display: block; height: 2em; cursor: pointer; }

.hwl-top-wrap .hwl-menu span img{ height: 2em; margin-right: .5em; }

.hwl-top-wrap .hwl-menu span em { display: block; float: right; width: 2em; height: 2em; background: url(../images/ico_menu.png) no-repeat; background-size: 100%; }

.hwl-top-wrap .hwl-menu span.menuClose em { display: block; width: 2em; height: 2em; background: url(../images/ico_menu_close.png) no-repeat; background-size: 100%; }

.hwl-menu-list { visibility: hidden; overflow:auto; max-height:90%; position: fixed; top: 4.2em; right: 0; width:60%; background: #343434; z-index: 9999999;  }

.hwl-menu-list a { color: #fff; }

.hwl-menu-list ul li { line-height: 3.1746em; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; border-bottom:0.1em solid #3a3c45; padding:0; background-image: url(../images/ico_nav.png); background-size: .5em; background-position: 1em 1.6em; background-repeat: no-repeat; }  

.hwl-menu-list ul li a.mn { display: block; font-size: 1.282em; line-height: 3em; position: relative; padding-left: 2em;}

.hwl-menu-list ul li a.mn i.ico { display: inline-block; width: .8em; height: .8em; background: url(../images/ico_sq.png) no-repeat; background-size: 100%; position: absolute; top: 1.5em; right: .5em; transition: all .3s ease; -webkit-transition: all .3s ease; }

.hwl-menu-list ul li a.mn.msq i.ico { transform: rotate(180deg); -webkit-transform: rotate(180deg); top: 1.3em; }

.hwl-menu-list ul .menuson { display: none; background: #343434; }

.hwl-menu-list ul .menuson a { display: block; line-height: 2.8em; font-size: 1.1em; color: #aaa; padding-left: 2em;border-top:0.1em solid #3a3c45;   }

.hwl-menu-list ul .menuson a span {
    /* background-image: url(../images/icon_index_jt.png); */
    background-size: .5em;
    background-position: center left;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    overflow: hidden;
    width: 1em;
    float: left;
    height: 1em;
    margin-right: .5em;
    margin-top: 1em;
}

.hwl-menu-list ul .menuson a:focus { text-decoration: underline; }

.hwl-menu-list.open { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 999999; }

.hwl-menu-list.open ul li { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.hwl-menu-bg { display: none; position: absolute;  left: 0; width: 100%; z-index: 98; } 





.hwl-nav-list {  width: 100%; padding: 0 1em; box-sizing: border-box; display: block; position: relative; overflow: hidden;}

.hwl-nav-list ul li a { color: #fff; }

.hwl-nav-list ul li { line-height: 3em; border-bottom: 1px solid #545454; padding: 0; width: 100%; display: block; float: left;   }   

.hwl-nav-list ul li a.mn { display: block; font-size: 1.282em; line-height: 3em; position: relative; }

.hwl-nav-list ul li a.mn i.ico { display: inline-block; width: .8em; height: .8em; background: url(../images/ico_sq.png) no-repeat; background-size: 100%; position: absolute; top: 1.5em; right: .5em; transition: all .3s ease; -webkit-transition: all .3s ease; }

.hwl-nav-list ul li a.mn.msq i.ico { transform: rotate(180deg); -webkit-transform: rotate(180deg); top: 1.3em; }

.hwl-nav-list ul .navson { display: none; background: #222; }

.hwl-nav-list ul .navson a { display: block; line-height: 2.8em; font-size: 1.2em; color: #8E8E8E; padding-left: 1em;border-top:0.1em solid #545454;   }

.hwl-nav-list ul .navson a span{ background-image: url(../images/icon_index_jt.png);background-size: .5em; background-position: center left; background-repeat: no-repeat; display: block; position: relative; overflow: hidden; width: 1em; float: left; height: 1em; margin-right: .5em; margin-top: 1em;   }

.hwl-nav-list ul .navson a:focus { text-decoration: underline; }

.hwl-nav-list.open { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 99; }

.hwl-nav-list.open ul li { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.men_logo{ padding: 3em 1em 0; display: block; position: relative; overflow: hidden; box-sizing: border-box; }

.men_logo img{ height: 1.5em; display: block;}

.men_gsgo{ padding: 1em; display: block; position: relative; overflow: hidden; box-sizing: border-box; font-size: 1.2em; line-height:1.6em; color: #fff; }

.men_gsgo span{ color: #fe253d}

 

.men_login{display: flex;margin-bottom: 1rem;}
.mem_butt{     
    padding: 1em;
    display: flex;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 1.2em;
    line-height: 0.6em;
    color: #fff;
    background-color: #e7290f;
    justify-content: space-between;
    margin: 0 1rem; 
}
.mem_butt a{ 
    border: 1px solid #E7290F;
    background: #E7290F;
    color: #fff;
}


.boxWrap{max-width: 750px;min-width: 320px;height: auto;margin: 0 auto;}

.wbsd{ width: 100%; height: 4.2em; display: block; position: relative; overflow: hidden; }



.banner {position: relative;}

.index-banner-swiper {position: relative;background: #000;z-index:1;}

.banner-slide {}

.banner-slide .txt{position: absolute;width: 90%;left: 5%;top: 35%; z-index: 33; text-align: center; } 



.banner-slide .txtpc{width: 100%; position: relative; overflow: hidden; z-index: 33; text-align: center; padding-bottom: 2em }

.banner-slide .txtpc img{ max-width: 50%; }



.banner-slide .txt h2{font-size: 2.2em; padding-bottom: .5em; color: #fff; margin:0; font-weight: normal;line-height: 36px;}

.banner-slide .txt h3{font-size: 1.2em;color: #fff; padding-bottom: 2em; margin:0;font-weight: normal;line-height: 1.5;text-transform: uppercase;}

.banner-slide .txt h5{font-size: 1.5em;color: #fff; padding-bottom: 2em; margin:0;font-weight: normal;line-height: 1.5;text-transform: uppercase;}

.banner-slide .txt h3 span{  margin: 0 1em;  display: inline-block; } 

.banner-slide .txt h4{display: block; text-align: center;text-transform: uppercase;}

.banner-slide .txt h4 a{ display: inline-block; margin: 0 .5em;  width: 7em; height: 2.2em; line-height: 2.2em; text-align: center;  background: #E7290F; border-radius: 2px; color: #fff; border: 1px solid #E7290F; }

.banner-slide .txt h4 a.cur{ border: 1px solid #fff; background: transparent; color: #fff; }



.banner-slide .img {text-align: center;}

.banner-slide .img img{ width: 100% } 



.swiper-container-horizontal>.swiper-pagination-bullets.banner-pagination{ bottom: 30px;}

.banner-pagination { position: absolute; text-align: center;  box-sizing: border-box; width: 100%; display: block;z-index: 90; }

.banner-pagination .swiper-pagination-bullet {width:2em;height:.3em; border: none; margin: 0 2px; background: #fff; position: relative;z-index: 11;outline: none; border-radius: 2px; display: inline-block;  opacity:.3} 

.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; opacity:1; border: none; } 





/*棣栭〉*/

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





.ind-bana{ width: 100%; display: block; position: relative; padding: 1em 0; background: #fff; box-sizing: border-box; overflow: hidden; text-align: center; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}



.ind-bana dl{ width: 36%; display:block; float: left; border-right: 1px solid #ccc; padding: 0 .5em; box-sizing: border-box; }

.ind-bana dl:nth-child(3){ border-right: none; width:28% }

.ind-bana dl dt{ width: 30px; display: block; float: left; position: relative; overflow: hidden; }

.ind-bana dl dt img{ max-width:100%; }

.ind-bana dl dd{width:75%; float: right; font-size: 1.2em; color: #0B0B0B; line-height: 1.4; vertical-align: middle; text-align: left;  }  

.ind-bana dl:nth-child(3) dd{ width: 65%; padding-top: .4em; }



.ind-bg-f5{ padding:2em 1em 1.5em; width: 100%;  box-sizing: border-box; display: block; background: #f5f5f5; position: relative; overflow: hidden; }

.ind-bg-fb{ padding:2em 1em 1.5em; width: 100%;  box-sizing: border-box; display: block; background: #fbfbfb; position: relative; overflow: hidden; }

.swiper-qyxl{ width: 100%; position: relative; overflow: hidden; display: block; margin-bottom: 1em;}

.swiper-qyxl section{ width: 100%; background: #fff; border-radius: .3em; display: block; box-sizing: border-box; position: relative; overflow: hidden; text-align: center; margin-bottom: 2em; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);   }

.swiper-qyxl_img{ width:100%; text-align: center; vertical-align: middle; padding-top:.5em; display: block; position: relative; overflow: hidden;  }

.swiper-qyxl_img img{ max-width: 100%; height: 3em; text-align: center; display: block; margin: auto; }

.swiper-qyxl_text{ width: 100%; padding: 1em 1em 2em; box-sizing: border-box; display: block;  position: relative; overflow: hidden;}

.swiper-qyxl_text h2{ font-size: 1.3em; height: 2.8em; color: #0B0B0B; display: block; text-align: center; line-height: 1.4em; position: relative; overflow: hidden; margin-bottom: .2em; }

.swiper-qyxl_text em{width: 15%; margin: .5em auto ; display: block; height: 2px; background: #E7290F; position: relative; overflow: hidden;}

.swiper-qyxl_text span{ font-size: 1.2em; line-height: 1.6em; color: #666; display: block; position: relative; overflow: hidden; height:3.2em;  }

.swiper-qyxl_text a{ width: 70%; border: 1px solid #E7290F; height:2em; line-height: 2em; font-size: 1em; color: #E7290F; text-align: center; margin: .5em auto 0; display: block; position: relative; overflow: hidden; }



.swiper-container-horizontal>.swiper-pagination-bullets.qyxl-pagination{ bottom: 0; }

.qyxl-pagination { position: absolute; text-align: center;  box-sizing: border-box; width: 100%; display: block;z-index: 90; }

.qyxl-pagination .swiper-pagination-bullet {width:.6em;height:.6em; border: none; margin: 0 2px; background: #aaa; position: relative;z-index: 11;outline: none; border-radius: 100%; display: inline-block; opacity: 1; } 

.qyxl-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #E7290F; opacity:1; border: none; } 



.subNavBox{ width: 100%; padding:1em; box-sizing: border-box; position: relative; overflow: hidden; display: block;    }

.subNav{cursor:pointer; font-size:1.3em;color:#5f5f5f;line-height:2.5em;height:2.5em; background-image:url(../images/zzyh_jt.png); background-repeat: no-repeat; background-position:96% center; background-size: .8em; border-bottom: 1px solid #d5d5d5; vertical-align: middle;  }

.subNav img{ height: 1.3em; vertical-align: middle;  }

.subNav span{ display: inline-block; padding-left: 10px; font-weight: normal; }

.subNav:hover{color:#0B0B0B;}

.currentDd,.currentDd:hover{color:#E7290F}

.currentDt{background-image:url(../images/zzyh_jta.png);background-repeat: no-repeat; background-position:96% center; background-size: .8em;}

.navContent {display: none; padding: 1em .5em; box-sizing: border-box; position: relative; overflow: hidden;}  

.navContent h2{ font-size: 1.3em; display: block; color: #0B0B0B; position: relative; padding-bottom: .5em; }

.navContent p{ font-size: 1.2em; line-height: 1.6em; color: #3d3d3d; display: block;}

.navContent-p4{ width: 100%; display: block; position: relative; padding: .5em 0 .2em; overflow: hidden;  }

.navContent-p4 span{color: #666; font-size: 1em; display: block; float: left; margin-bottom: .5em; margin-right: .5em; border: 1px solid #666; line-height: 1.6em; position: relative; padding: 0 .5em;}

.navContent a{color: #fff; font-size: 1em; padding: 0 .5em; border-radius:.3em;  display: block; float: left; line-height: 2em; position: relative; background: #e7290f; border: 1px solid #e7290f; margin-right: .5em; }



.navContent a.cur{background: transparent; border: 1px solid #e7290f; color: #e7290f;}

 



.ind-bg1{ width: 100%; background: url(../images/ind-bg1.jpg) repeat-x center top; padding:2em 1em 1.5em; box-sizing: border-box;  }

.ind-bg-f2{ width: 100%; background:#f2f2f2; padding:2em 1em 1.5em; box-sizing: border-box;  }

.ind_bgff{ width: 100%; background: #fff; padding:2em 1em 1.5em; box-sizing: border-box;  }

.ind_bgffa{ width: 100%; background: #fff; padding: 1.5em 0; box-sizing: border-box;  }

.ind_bgf5{width: 100%; background: #f5f5f5;padding:2em 1em 1.5em; box-sizing: border-box; }

.ind_bgf9{width: 100%; background: #f9f9f9;padding:2em 1em 1.5em; box-sizing: border-box; }

.ind_bgfaa{width: 100%; background: #fafafa;padding:2em 1em 1.5em; box-sizing: border-box; }

.ind_bgfjb{ background-image: linear-gradient(0deg, #e7e8e8, white);  width: 100%; padding:2em 1em 1.5em; box-sizing: border-box;}



.yhtxt{ width: 100%; text-align: center; display: block; position: relative; overflow: hidden; padding-bottom: 1em; }

.yhtxt h2{ font-size: 1.5em; font-weight: bold; color: #000; line-height:1.4;  display: block; } 

.yhtxt h3{ font-size: 1.2em; color: #767676; line-height:1.6em; display: block; padding-top: .5em; }

.yhtxt h4{ font-size: 1.5em; font-weight: bold; color: #fff; line-height:1.4;  display: block; }

.yhtxt h5{ font-size: 1em; color: #fff; line-height:1.6em; display: block; } 

.yhtxt em{ width: 5%; height: .1em; background: #32b9ff; margin: 0 auto; display: block; position: relative; overflow: hidden; }

.yhtxt p{ font-size: 1.2em; color: #333; line-height: 1.6em; display: block; padding-top: .5em;  }

.yhtxt h2 img{ width: 2.5em; }







.index-pod{ width:100%;  display: block; position: relative; padding: 0 1em 3em; box-sizing: border-box; }

.index-pod .tabs{ text-align: center; display: inline-block; }

.index-pod .tabs a{ display: inline-block;  margin:.2em; padding:0 1em;   cursor: pointer;  font-size: 1.2em; background: #fafafa; line-height: 2em; height: 2em; box-sizing: border-box; } 

.index-pod .tabs a.active{background:#e7290f; color: #fff;  } 

#solutionlist{ width: 100%; display: block; position: relative; padding-bottom: 1em;} 

#solutionlist .swiper-slide .tab1{ color: #0B0B0B; font-size: 1.3em; padding:1em 0 .5em 0;  display: block; position: relative;  text-align: center;  }

#solutionlist .swiper-slide .tab2{ width: 2em; height: .15em; background: #e7290f; display: block; position: relative; margin: 0 auto; }

#solutionlist .swiper-slide .tab3{font-size: 1.2em; line-height: 1.6em; color: #0B0B0B; padding: 1em 0; display: block; position: relative; text-align: justify;  } 

#solutionlist .swiper-slide .tab6{ background: #fafafa; padding:2em 1em 1em; box-sizing: border-box;  display: block; position: relative;overflow: hidden; width: 100%; }

#solutionlist .swiper-slide .tab6 h2{ text-align: center; font-size: 1.3em; display: block; position: relative; color: #0B0B0B;  }

#solutionlist .swiper-slide .tab6 .tab7{ width: 100%; display: block; position: relative; overflow: hidden; padding: 2em 0 1em; }

#solutionlist .swiper-slide .tab6 .tab7 dl{ width: 33%; display: block; float: left; position: relative; margin-bottom: .5em;  }

#solutionlist .swiper-slide .tab6 .tab7 dl dt{ width: 100%; padding-bottom: 1em; text-align: center; }

#solutionlist .swiper-slide .tab6 .tab7 dl dt img{height: 3em; display: block; margin: auto;; }

#solutionlist .swiper-slide .tab6 .tab7 dl dd{ width: 100%; text-align: center; display: block; font-size: 1em; color: #0B0B0B; line-height: 1.6em; height: 3.2em; } 

#solutionlist .swiper-slide .tab6 .tab9{ width: 100%; float: left; display: block; position: relative; padding: 2em 0 0;  overflow: hidden; } 

#solutionlist .swiper-slide .tab6 .tab9 li{ display: block; float: left; position: relative; margin-right: 1.6%; margin-bottom: .5em; width:23.8%;  border: 1px solid #ccc; padding: .5em; box-sizing: border-box; text-align: center;  } 

#solutionlist .swiper-slide .tab6 .tab9 li:nth-child(4n){ margin-right: 0; }

#solutionlist .swiper-slide .tab6 .tab9 li img{ max-width: 100%; height: 2em; display: block; text-align: center; margin: auto; }  



.swiper-container-horizontal>.swiper-pagination-bullets.solu-pagination{ bottom: 10px; }

.solu-pagination { position: absolute; text-align: center;  box-sizing: border-box; width: 100%; display: block;z-index: 90; }

.solu-pagination .swiper-pagination-bullet {width:.6em;height:.6em; border: none; margin: 0 2px; background: #aaa; position: relative;z-index: 11;outline: none; border-radius: 100%; display: inline-block; opacity: 1; } 

.solu-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #E7290F; opacity:1; border: none; } 

 

 

.ind-case{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.ind-case dl{ width: 49%; margin-right: 2%; margin-bottom: .5em; float: left; display: block; box-sizing: border-box; position: relative; overflow: hidden; }

.ind-case dl:nth-child(even){ margin-right: 0; }

.ind-case dl dt{ width:100%; text-align: center; vertical-align: middle; display: block; position: relative; overflow: hidden;  }

.ind-case dl dt img{ width: 100%; text-align: center; display: block; margin: auto; }

.ind-case dl dd{ width: 100%; display: block;  position: relative; overflow: hidden; padding: .5em .5em 1em; box-sizing: border-box; background: #fff; }

.ind-case dl dd h2{ font-size: 1.2em; color: #000; display: block; text-align: center; line-height: 1.6em; height: 3.2em; padding-bottom: .2em; position: relative; overflow: hidden; } 

.ind-case dl dd p{ font-size: 1em; text-align: center; line-height: 1.6em; color: #3d3d3d; display: block; position: relative; overflow: hidden; height:1.6em;  }

.ind-case dl dd p.indse1{ color: #999; }



.index-more{ width: 100%; padding: 0; text-align: center; display: block; } 

.index-more a{ font-size: 1em; line-height: 2em; color: #E7290F; text-align: center; border-bottom: 1px solid #E7290F; display: inline-block; }

.index-more a:hover{ font-weight: bold; }



.index-honor{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; } 

.index-honor dl{ width: 49%; margin-right: 2%; box-sizing: border-box; margin-bottom: 1em; float: left; display: block;  text-align: center; }

.index-honor dl:nth-child(even){ margin-right: 0; }

.index-honor dl dt{ width: 100%; padding: 0 10%; margin-bottom: .5em; box-sizing: border-box; height: 6em; display: block; overflow: hidden; position: relative; }  

.zoomImageA{width:100%;height:0;padding-bottom: 50%;overflow:hidden;background-position: center;background-repeat: no-repeat;-webkit-background-size: contain ;-moz-background-size:contain;background-size:contain;} 

.index-honor dl dd{ width: 100%; text-align: center; display: block; font-size: 1em; line-height: 1.6em; color: #0B0B0B; position: relative; height: 3.2em; overflow: hidden;}



.index-lxz{ width: 100%; display: block; position: relative; box-sizing: border-box; overflow: hidden; } 

.index-lxz dl{ width: 49%; margin-right: 2%; box-sizing: border-box; margin-top: 1em; float: left; display: block;  text-align: center; }

.index-lxz dl:nth-child(even){ margin-right: 0; } 

.index-lxz dl dt{ width: 100%; padding: 0 25%; margin-bottom: .5em; box-sizing: border-box; height: 4em; display: block; overflow: hidden; position: relative; }  

.zoomImageB{width:100%;height:0;padding-bottom: 55%;overflow:hidden;background-position: center;background-repeat: no-repeat;-webkit-background-size: contain ;-moz-background-size:contain;background-size:contain;}  

.index-lxz dl dd{ width: 100%; display: block; text-align: center; position: relative; }

.index-lxz dl dd h2{color: #E7290F; display: block; position: relative; }

.index-lxz dl dd h2 .lxz-a{ display: inline-block; font-size: 2em; font-weight: bold; line-height: 1;  }

.index-lxz dl dd h2 .lxz-c{ font-size: 1em; font-weight: normal; font-style: normal; }

.index-lxz dl dd h2 .lxz-b{ font-size: 2em; font-weight: bold; line-height: 1; }

.index-lxz dl dd p{ font-size: .8em; color: #3d3d3d; display: block; position: relative; }



.index-lxz-moe{margin: 1em auto; display:block; text-align: center; position: relative; overflow: hidden; }

.index-lxz-moe a{padding: 0 1.5em; height: 2em; display: inline-block; position: relative; background: #e7290f; color: #fff; text-align: center; line-height: 2em; font-size: 1em; border: 1px solid #e7290f; box-sizing: border-box; }

.index-lxz-moe a:hover{ background:transparent; color: #e7290f; }





.banq { width:100%; height:auto; margin:0 auto; text-align:center; }

.banq img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; }





.ind_new_lst{ width: 100%; padding: 1em 0 .5em; box-sizing: border-box; display: block; position: relative; overflow: hidden; } 

.ind_new_lst ul li{ width: 100%; float: left; line-height: 2.5em; height: 2.5em; display: block; position: relative; overflow: hidden;  }

.ind_new_lst ul li em{ font-size: 1.2em; float: left; display: block; color: #000; width: 20%; }

.ind_new_lst ul li h2{ font-size: 1.2em; float: left; display: block; color: #000; width: 50%; }

.ind_new_lst ul li span{ width:30%; float: right;  font-size: 1.2em; color: #777; text-align: right;  }





.footer{ width: 100%; background: #222; position: relative; overflow: hidden; display: block; } 

.ind_fot_bt{ width: 100%; padding:0 1em 1em; box-sizing: border-box; display: block; float: left; position: relative; } 

.ind_fot_bt dl{ width: 100%; float: left;  padding: .5em 0; display: block; box-sizing: border-box; }

.ind_fot_bt dl dt{ width: 8%; float: left; }

.ind_fot_bt dl dt img{ max-width: 100%; height: 2em;  }

.ind_fot_bt dl dd{font-size: 90%; float: right; font-size: 1.2em; line-height: 2em; color: #fff; float: left;} 

.ind_fot_bt dl dd span{ color: #ff422e; } 



.fot-tel{ width: 100%; text-align: center; padding: 2em 0 1em; display: block; box-sizing: border-box; font-size: 1.2em; line-height: 2em; color: #fff; }

.fot-tel span{ display: block; width: 100%; text-align: center; position: relative; }

.fot-tel a{ display: inline-block; text-align: center; color: #fff; }

.foot{ width: 100%; padding:1em 1em 2em; font-size: 1.2em; color: #8E8E8E; text-align: center; display: block; line-height: 1.8em; box-sizing: border-box; position: relative; height: auto;  }
.foot a{color: #999; }


.fot-wx{ width: 40%; margin: 0 auto; text-align: center; display: block; position: relative; overflow: hidden; }

.fot-wx img{ max-width: 100%; text-align: center; }



.fot-sebw{ width: 100%; text-align: center; display: inline-block; position: relative;  padding-top: 1em;}

.fot-sebw a{ display: inline-block; margin: 0 1em;  }

.fot-sebw  img{ width: 2.5em; } 



.cp_ban{ width: 100%; position: relative; padding:2em 2em 0; display: block; text-align: center; box-sizing: border-box; }

.iso-con1fla{ width:100%; height:auto; margin:0 auto; text-align:center; }

.iso-con1fla img{height: 2.5em; margin:0 auto; display:block; text-align:center; padding-bottom: 1em;}

.iso-con1flb{ display: block; font-size: 2em; line-height: 1.2; padding-bottom: .5em; color: #0B0B0B; text-align: center; width: 100%;   }

.iso-con1flbp{ display: block; font-size: 1.3em;line-height: 1.4; color: #3b3b3b; text-align: center; width: 100%;  position: relative; padding-bottom:.5em;  }



.iso-con1flc{ display: block; font-size: 1.2em;line-height: 1.4; color: #767676; text-align: center; width: 100%;  position: relative; padding-bottom: 1.5em;  }

.iso-con1fld {display: block; text-align: center;text-transform: uppercase; padding-bottom: 2em;}

.iso-con1fld a{ display: inline-block; font-size: 1em; margin: 0 .5em;  width: 7em; height: 2.2em; line-height: 2.2em; text-align: center;  background: #fff; border-radius: 2px; color: #E7290F; border: 1px solid #E7290F;border-radius: 4px; }

.iso-con1fld a.cur{ border: 1px solid #E7290F; background: #E7290F; color: #fff;border-radius: 4px; }

.iso-con1fld a:hover{background: #E7290F; color: #fff; }

.iso-con1fld a.cur:hover{ background: transparent; color: #E7290F; border: 1px solid #E7290F;}



.ind-con1fld {display: block; text-align: center;text-transform: uppercase; padding-bottom: 2em;}

.ind-con1fld a{ display: inline-block; font-size: 1em; margin: 0 .5em;  width: 7em; height: 2.2em; line-height: 2.2em; text-align: center;  background: #fff; border-radius: 2px; color: #1565C0; border: 1px solid #1565C0; }

.ind-con1fld a.cur{ border: 1px solid #1565C0; background: #1565C0; color: #fff; }

.ind-con1fld a:hover{background: #1565C0; color: #fff; }

.ind-con1fld a.cur:hover{ background: transparent; color: #1565C0; border: 1px solid #1565C0;}



.sig-con1fld {display: block; text-align: center;text-transform: uppercase; padding-bottom: 2em;}

.sig-con1fld a{ display: inline-block; font-size: 1em; margin: 0 .5em;  width: 7em; height: 2.2em; line-height: 2.2em; text-align: center;  background: #fff; border-radius: 2px; color: #6001D2; border: 1px solid #6001D2; }

.sig-con1fld a.cur{ border: 1px solid #6001D2; background: #6001D2; color: #fff; }

.sig-con1fld a:hover{background: #6001D2; color: #fff; }

.sig-con1fld a.cur:hover{ background: transparent; color: #6001D2; border: 1px solid #6001D2;}











.iso-con1fle{ width:90%; height:auto; margin:0 auto; text-align:center; padding-bottom: 1em; overflow: hidden; }

.iso-con1fle img{ width:100%; height:auto; margin:0 auto; display:block; text-align:center; }





.main_ban{ width: 100%; position: relative; background-repeat: no-repeat; background-position:center; background-size: cover; padding:5em 3em;  display: block; text-align: center; box-sizing: border-box; }

.main_ban h2{ display: block; font-size: 2em; line-height: 1.2; padding-bottom: .5em; color: #fff; text-align: center; width: 100%;   }

.main_ban p{ display: block; font-size: 1.2em;line-height: 1.2; color: #fff; text-align: center; width: 100%; text-transform: uppercase;  position: relative; padding-bottom: 1.5em;  }

.main_ban span{display: block; text-align: center;text-transform: uppercase;}

.main_ban span a{ display: inline-block; font-size: 1em; margin: 0 .5em;  width: 7em; height: 2.2em; line-height: 2.2em; text-align: center;  background: #E7290F; border-radius: 2px; color: #fff; border: 1px solid #E7290F; }

.main_ban span a.cur{ border: 1px solid #fff; background: transparent; color: #fff; }

.main_ban span a:hover{border: 1px solid #fff; background: transparent; color: #fff; }

.main_ban span a.cur:hover{ background: #E7290F; color: #fff; border: 1px solid #E7290F;}



.ind-solu{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.ind-solu dl{ width: 100%; float: left; background: #f2f2f2; padding:2em; box-sizing: border-box; position: relative; display: block; margin-bottom: 1em;  } 

.ind-solu dl dt{ width: 28%; padding-top: .5em; float: left;  display: block; text-align: center; }

.ind-solu dl dt img{height: 5em; display: block; margin: auto; text-align: center; }

.ind-solu dl dd{ width: 70%; float: right; display: block; position: relative; text-align: left; }

.ind-solu dl dd h2{ font-size: 1.35em; color: #0B0B0B; display: block; padding-bottom: .5em; }

.ind-solu dl dd span{ font-size: 1.3em; color: #0B0B0B; display: block; padding-bottom: .5em; }

.ind-solu dl dd p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; position: relative; padding-left: 1em; box-sizing: border-box; }

.ind-solu dl dd p:before{ width: .4em; content: ""; height: .4em; border-radius: 100%; background: #767676; position: absolute; left: 0; top: .6em; display: block; }



.ind-solu-tsld{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.ind-solu-tsld dl{ width: 46%; margin: 0 2% 1em;float: left; box-sizing: border-box; position: relative; display: block;  } 

.ind-solu-tsld dl dt{ width: 100%; margin: auto;  display:block; vertical-align: middle; text-align: center; }

.ind-solu-tsld dl dt img{ height: 4.5em; display: block; margin: auto;; text-align: center; }

.ind-solu-tsld dl dd{ width: 100%; padding-top: 1em; display: block; position: relative; }

.ind-solu-tsld dl dd h2{ font-size: 1.3em; color: #0B0B0B; text-align: center; display: block; padding-bottom: .5em; }

.ind-solu-tsld dl dd p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; position: relative;box-sizing: border-box; text-align: center; }



.ind-solu-tsldmoe{ display: block; text-align: center; position: relative; padding: .5em 0 2em; }

.ind-solu-tsldmoe span a{ width: 7em; font-size: 1em; height: 2.2em; border-radius: 2px;  line-height: 2.2em; display: inline-block; margin: 0 .5em; color: #e7290f; border: 1px solid #e7290f; }

.ind-solu-tsldmoe span a.cur{ color: #fff; background: #e7290f; }





.iso-vsbg{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.iso-vsbg ul li{ width: 100%; display: block; float: left; position: relative; overflow: hidden; padding: .5em 0; box-sizing: border-box; }

.iso-vsbg ul li:nth-child(even){ background: #fff; }

.iso-vsbg ul li .vsbg-ba1{ width: 20%; line-height: 4em; font-weight: bold; display: block; text-align: center; float: left; position: relative; font-size:1.2em; color: #333; margin-right: 1%; }

.iso-vsbg ul li .vsbg-ba2{ width: 56%; display: block; float: left; position: relative;  box-sizing: border-box; }

.iso-vsbg ul li .vsbg-ba2 dl{background-image: url(../images/prod/prod-iso-icon-right.svg); background-repeat: no-repeat; background-size: 1.5em; background-position: center left; padding-left: 2em; width: 100%; box-sizing: border-box; float: left; display: block; position: relative; overflow: hidden; }

.iso-vsbg ul li .vsbg-ba2 dl dt{ font-size:1.2em; line-height: 2em; color: #3b3b3b; width: 100%; }



.iso-vsbg ul li .vsbg-ba3{ width: 22%; display: block;  float: right; position: relative; } 

.iso-vsbg ul li .vsbg-ba3 dl{background-image: url(../images/prod/prod-iso-icon-wrong.svg); background-repeat: no-repeat; background-size: 1.5em; background-position: center left; padding-left: 2em; box-sizing: border-box; width: 100%; float: left; display: block; position: relative; overflow: hidden;  }

.iso-vsbg ul li .vsbg-ba3 dl dt{  font-size:1.2em; line-height: 2em; color: #3b3b3b; width: 100%; float: left; display: block; } 



.iso-vsbg ul li:first-child .vsbg-ba2{font-size: 1.3em;  color: #0b0b0b; text-align: center; line-height: 1.2;  width: 60%; padding-left: 20%; box-sizing: border-box; display: block; }

.iso-vsbg ul li:first-child .vsbg-ba3{font-size: 1.3em;  color: #0b0b0b; text-align: center; line-height: 1.2;  width: 32%; box-sizing: border-box; display: block; }

 



.abt-comp{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.abt-comp ul li{ width: 32%; margin-right: 2%; box-sizing: border-box; margin-bottom: .5em; background: #fff; padding:.5em; text-align: center; float: left;  display: block; position: relative;  }

.abt-comp ul li:nth-child(3n){ margin-right: 0; }

.comp-log{width: 100%; text-align: center; display: block; position: relative; overflow: hidden; margin: auto;}

.comp-log img{ height: 3em; display: block; text-align: center; margin: auto; }





.down-fot{ width: 100%; box-sizing: border-box; position: relative; overflow: hidden;background-repeat: no-repeat; background-position:center; background-size: cover; padding:4em 3em; display: block; text-align: center; background-image: url(../images/logo-slogan.jpg); }

.down-fot h2{ font-size: 1.6em; line-height: 1.4; color: #0B0B0B; display: block; padding-bottom: .5em; }

.down-fot span{display: block; text-align: center;text-transform: uppercase;}

.down-fot span a{ display: inline-block; font-size: 1em; margin: 0 .5em;  width: 7em; height: 2.2em; line-height: 2.2em; text-align: center;  border-radius: 2px; border: 1px solid #E7290F; background: transparent; color: #E7290F; }

.down-fot span a.cur,.down-fot span a:hover{ color: #fff;  background: #E7290F; } 

.down-fot span a.cur:hover{ background: transparent; color: #E7290F;}

 

.swiper-case{ width: 100%; position: relative; overflow: hidden; display: block; margin-bottom: 1em;}

.swiper-case section{ width: 100%; background: #fff; border-radius: .3em; display: block; box-sizing: border-box; position: relative; overflow: hidden; margin-bottom: 2em; }

.swiper-case_img{ width:100%; text-align: center; vertical-align: middle; display: block; position: relative; overflow: hidden;  }

.swiper-case_img img{ width: 100%; text-align: center; display: block; margin: auto; }

.swiper-case_text{ width: 100%; padding: 1em; box-sizing: border-box; display: block;  position: relative; overflow: hidden;}

.swiper-case_text h2{ font-size: 1.3em; color: #0B0B0B; display: block;  position: relative; overflow: hidden; padding-bottom: .5em; } 

.swiper-case_text span{ font-size: 1.2em;  color: #333; display: block; position: relative; overflow: hidden; padding-bottom: .5em;   } 

.swiper-case_text p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; position: relative; overflow: hidden;  } 





.casw-tab{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.menu2box{ width:100%;  display: block; position: relative; overflow: hidden; padding-bottom: 3px; text-align: center; border-bottom: 1px solid #ececec; margin-bottom: .5em;  }

.menu2box ul li { display: inline-block;  cursor: pointer; font-size: 1.2em; box-sizing: border-box;  margin: 0 1em; color: #1F0A14; height: 2em; line-height: 2em;  } 

.menu2box ul li.hover { color: #e7290f; } 

.menu2box ul li.hover:after{ width: 40px; height: 3px; background: #e7290f; margin-left: 20px; left: 50%; display: block; content: ""; bottom:0px; }

.main2box{width:100%;   box-sizing: border-box; position: relative; display: block; overflow: hidden;}

.main2box a{ display: block; float: left; text-align: center; margin-top: .5em; border-radius: 2px; padding: 0 0.5em; box-sizing: border-box;  width: 32%; height: 2em; font-size: 1.2em; overflow: hidden; line-height: 2em; background: #f2f2f2;  margin-right: 2%; color: #1F0A14; }

.main2box a:nth-child(3n){ margin-right: 0; }

.main2box a:hover,.main2box a.cur{ color: #e7290f }

#main2 ul {display: none;}

#main2 ul.block {display: none;} 





.casw-lst{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.casw-lst dl{width:100%; padding: 1em 0; float: left; border-bottom: 1px solid #ececec; box-sizing: border-box; display: block; position: relative; background: #fff; transition: all .3s; overflow: hidden;} 

.casw-lst dl:last-child{ border-bottom: none; }

.casw-lst dl dt{ width: 34%; float: left; display: block; vertical-align: middle; }

.casw-lst dl dt img{ max-width: 100%; vertical-align: middle; }

.casw-lst dl dd{ width: 62%; float: right;  box-sizing: border-box; display: block; position: relative; }

.casw-lst dl dd h2{ font-size: 1.3em; line-height: 1.4; color: #0B0B0B; display: block; padding-bottom: .5em; } 

.casw-lst dl dd p{ font-size: 1.2em; height: 3.2em; line-height: 1.6em; position: relative; overflow: hidden; color: #767676; display: block; } 

.casw-lst dl:hover dd h2{ color: #e7290f } 



.acg_app{ width: 100%; position: relative; overflow: hidden; display: block; font-size: 1.2em; line-height: 1.6em; color: #666; padding-bottom: 1em; }



.abt-histy{ width: 100%; display: block; position: relative; overflow: hidden; }

.abt-histy ul li{ width: 100%; display: block; position: relative; padding-left: 2.5em; float: left; padding-bottom: 1.5em; box-sizing: border-box;  }

.abt-histy ul li h4{ width: 100%; font-size: 1.5em; color: #0B0B0B; font-weight: bold; display: block; padding-bottom: .5em; position: relative; overflow: hidden; }

.abt-histy ul li p{ width: 100%; font-size: 1.2em; color: #767676; display: block;  line-height: 1.6em; position: relative;}

.abt-histy ul li:after{ width: .05em; height: 100%; background: #868686; display: block; position: absolute; top: 0; left: .65em; content: ""; z-index: 1 }

.abt-histy ul li:before{ width: .6em; height: .6em; display: block; background: #868686; position: absolute; content: ""; left: .35em; top: .5em; z-index: 22; border-radius: 100%;}

.abt-histy ul li:hover:before,.abt-histy ul li:first-child:before{ border: .4em solid #e7290f; background: #fff; left: 0; top: 0; }



.part-asdf{ width: 100%; display: block; position: relative; overflow: hidden; }

.part-asdf h2{ font-size: 1.5em; color: #0B0B0B;  display: block; position: relative; padding-bottom: .5em;  }

.part-asdf p{ font-size: 1.2em; line-height: 1.6em;  color: #767676; display: block; position: relative; padding-bottom: .5em;  }

.part-asdf ul{ width: 100%; display: block; position: relative; }

.part-asdf ul li{ width: 25%; float: left; display: block;  text-align: center;  } 

.part-asdf ul li span{ font-size: 2em; line-height: 1.6; color: #E7290F; display: block; position: relative;  }

.part-asdf ul li span:nth-child(even){ font-size: 1.2em; color: #0B0B0B; padding-bottom: 0; }



.abt-hyfg{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.abt-hyfg dl{ width: 25%; margin-bottom: 1em; float: left; box-sizing: border-box; position: relative; display: block;  } 

.abt-hyfg dl dt{ width: 100%; margin: auto;  display:block;   text-align: center; }

.abt-hyfg dl dt img{ height: 4em; display: block; margin: auto;  text-align: center; }

.abt-hyfg dl dd{ width: 100%; padding-top: 1em; display: block; position: relative; font-size: 1em; color: #0B0B0B; text-align: center; overflow: hidden; }





.swiper-honor .swiper-slide{ width: 100%; position: relative; overflow: hidden; display: block;  margin-bottom: 2em;}



.abt-job{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; padding-bottom: 1em; }

.abt-job dl{ width: 24%; float: left; display: block; padding-right: 14%; margin-bottom: 1em; position: relative; text-align: center; }

.abt-job dl:nth-child(3n){ padding-right: 0; }

.abt-job dl dt{ width: 100%;  display: block; text-align: center; margin: auto; }

.abt-job dl dt img{height: 6em; display: block; margin: auto; text-align: center; }

.abt-job dl dd{ width: 100%; text-align: center; font-size: 1.2em; color: #0B0B0B; padding-top: .5em; display: block; position: relative; }

.abt-job dl:after{ width: 33%; height: 1px; background: #dedede; display: block; position: absolute; content: ""; right: 0; top: 2.8em; }

.abt-job dl:nth-child(3n):after{ display: none; }





.abt_t4{ width: 100%; position: relative; overflow: hidden; display: block;  }

.abt_t4 dl{ width: 100%; box-sizing: border-box; display: block; border-radius: .5em;  float: left; margin: .5em 0; background: #fff; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);

    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);

    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}

.abt_t4 dl dt{ width: 35%; float: left;display: block; }

.abt_t4 dl dt img{ width: 100%; height: 10em;  border-radius: .5em 0 0 0.5em;}

.abt_t4 dl dd{ width:60%; float: right; float: right;  box-sizing: border-box; padding-right: 1em; box-sizing: border-box; }  

.abt_t4 dl dd h2{font-size: 1.3em;  color: #0B0B0B; padding-top: 1em;  padding-bottom: .5em; display: block; width: 100%; position: relative; overflow: hidden;  }

.abt_t4 dl dd p{ width: 100%; font-size: 1.2em; line-height: 1.6em; display: block; color: #767676; position: relative; overflow: hidden; text-align: left; }

.abt_t4 dl dd span{ display: inline-block; font-size: 1.2em; color: #E7290F; height: 2em; line-height: 2em; border-bottom: 1px solid #E7290F; position: relative; } 

.abt_t4 dl dd span a{color: #E7290F;}

.abt_t4 dl dd span a:hover{ font-weight: bold; }

 



.part-prw{ width: 100%; position: relative; overflow: hidden; display: block; padding-bottom: 1em;  }

.part-prw ul li{ width: 100%; float: left;  margin-bottom: 1em; display: block; position: relative; background: #fff; border: 1px solid #dfdfdf; box-sizing: border-box;}  

.part-prw ul li h2{ width: 100%; background-repeat: no-repeat; background-position: 1em center; background-size: 1.5em;  background-color: #fafafa;  display: block; height: 2em; line-height: 2em; padding-left: 1.5em; box-sizing: border-box; position: relative; font-size: 1.4em; color: #1F0A14;  }

.part-prw ul li dl{ width:100%; padding: 1em 1em 1em 2em; box-sizing: border-box; border-bottom: 1px solid #eee; display: block; float: left; position: relative;  }

.part-prw ul li dl dt{ width: 100%; font-size: 1.3em; color: #e7290f; display: block; padding-bottom: .6em; }

.part-prw ul li dl dd{ width: 100%; float: left; text-align: left; font-size: 1.2em; color: #3b3b3b; display: block; line-height: 1.6em; }

.part-prw ul li dl:last-child{ border-bottom: none; }

 

.part-scrz{ width: 100%; position: relative; overflow: hidden; display: block; padding-bottom: 1em;  }

.part-scrz ul li{ width: 100%; padding: 2em; box-sizing: border-box; background: url(../images/parnte-sgc.png) repeat-x top center; border-radius: 3px;  display: block; position: relative; margin-bottom: 1em;  }



.scrz-p1{ width: 100%; text-align: center; display: block; padding: 0 25%; box-sizing: border-box; }

.scrz-p1 img{ max-width: 100%; text-align: center; }

.scrz-p2{ font-size: 1.3em; line-height:1.6em; padding: 1em 0; display: block; text-align: center; color: #1F0A14;}

.scrz-p3{ font-size: 1.2em; line-height:1.6em; padding: .5em 0 0; display: block; color: #767676; text-align: justify; }



.part-sbcom{ width: 100%; position: relative; overflow: hidden; display: block; padding-bottom: 1em;  }

.part-sbcom dl{ width: 49%; float: left; margin-right: 2%; margin-bottom: 1em; display: block; position: relative;}

.part-sbcom dl:nth-child(even){ margin-right: 0; }

.part-sbcom dl dt{ width: 100%; display: block; position: relative; font-size: 1.2em; color: #1F0A14; padding-left: 2em; height: 2em; line-height: 2em;background-repeat: no-repeat; background-position: left center; background-size: 2em; }

.part-sbcom dl dd{ font-size: 1.1em; line-height: 1.6em; color: #929292; display: block; position: relative; padding:.5em 0 0 .5em; box-sizing: border-box; }





.part-soure{ width: 100%; position: relative; overflow: hidden; display: block; padding-bottom: 1em;  text-align: center; }

.part-soure dl{ position: relative;display: inline-block; margin-bottom: .5em; }

.part-soure dl dt{ width:11em; display: block; float: left; position: relative; background-image: url(../images/prod/part-soure1.svg); background-repeat: no-repeat; background-size: contain; background-position: center top; height:3.5em; line-height: 3.5em; padding-left: 3.5em; box-sizing: border-box;  }

.part-soure dl:nth-child(2) dt{ background-image: url(../images/prod/part-soure2.svg);}

.part-soure dl:nth-child(3) dt{ background-image: url(../images/prod/part-soure3.svg);}

.part-soure dl:nth-child(4) dt{ background-image: url(../images/prod/part-soure4.svg);}

.part-soure dl:nth-child(5) dt{ background-image: url(../images/prod/part-soure5.svg);}

.part-soure dl:nth-child(6) dt{ background-image: url(../images/prod/part-soure6.svg);} 

.part-soure dl dt span { width: 6em; display: block; text-align: center; font-size: 1.2em; color: #fff; line-height: 3em; }

.part-soure dl dd{ width: 1em; text-align: center; display: block; line-height: 2; float: left; font-size: 1.6em; color: #e7290f; position: relative;  font-family: Arial;}



.video-nav{ width: 100%; border-bottom: 1px solid #eee; display: block; position: relative; text-align: center; }

.video-nav ul li{ display: inline-block; margin: 0 .5em;}

.video-nav ul li a{ display: block; padding: 0 0.2em; font-size: 1.2em; color: #1F0A14; line-height: 3em;  border-bottom: 3px solid #fff; }

.video-nav ul li a:hover,.video-nav ul li a.current{ font-weight: bold;  border-bottom: 3px solid #e7290f;  }

 

.report-lst{ width: 100%; position: relative; overflow: hidden; display: block; padding-bottom: 1em;  }

.report-lst ul li{ width: 49%; background: #fff; display: block; margin-right: 2%; margin-bottom: .5em; float: left; padding:.5em 1em 1em; box-sizing: border-box; }

.report-lst ul li:nth-child(even){ margin-right: 0; }

.report-lst ul li h2{ width: 100%; display: block; font-size: 1.3em; color: #1F0A14; line-height: 1.6em;  height: 3.2em; overflow: hidden; position: relative; }

.repimg{ width: 100%; display: block; padding: .5em 0; position: relative; overflow: hidden; }

.repimg img{ max-width:100%; height:12em; margin:0 auto; display:block; float: left; }

.report-lst ul li span{display: block; text-transform: uppercase; }

.report-lst ul li span a{ display:block; font-size: 1em; width: 7em; height: 2.2em; line-height: 2.2em; text-align: center; border-radius: 1px; border: 1px solid #E7290F;background: #fff; color: #e7290f; }

.report-lst ul li span a:hover{  background: #fff; color: #e7290f; }



.actie-lst{ width: 100%; position: relative; overflow: hidden; display: block; padding-bottom: 1em;  } 

.actie-lst dl{ width: 100%; float: left; margin-right: 2%; margin-bottom: .5em; position: relative; box-sizing: border-box; padding: 1em; border: 1px solid #eee; }

.actie-lst dl dt{ width: 100%; display: block; position: relative; }

.actie-lst dl dt img{ width: 100%; } 

.actie-lst dl dt i{ width: 2em; height: 2em; display: block; position: absolute; left: 50%; margin-left: -1em; top: 50%; margin-top: -1em; z-index: 22; background-image: url(../images/prod/active-vido.svg); background-repeat: no-repeat; background-size: 1.5em; background-position: center;}

.actie-lst dl:nth-child(even){ margin-right: 0; }

.actie-lst dl dd{ width: 100%; padding:1em .5em 0; box-sizing: border-box; position: relative; display: block; }

.actie-lst dl dd h2{ width: 100%; display: block; font-size: 1.3em; line-height: 1.4; color: #0B0B0B; position: relative; padding-bottom: .5em; }

.actie-lst dl dd p{ width: 100%; display: block; font-size: 1.2em; line-height: 1.6em; overflow: hidden; color: #2d2d2d; position: relative; }

.actie-lst dl dd span{ width: 100%; display: block;background-image: url(../images/active-icon.png); background-repeat: no-repeat; background-size: 1.8em; background-position: center left;  font-size: 1em; color: #929292; line-height: 2em; height: 2em; padding-left: 2em; box-sizing: border-box; margin-top: .5em; }

.actie-lst dl dd span em{ display: inline-block; float: right; text-align: right; font-style: normal; }

 



.video-ext{ width: 100%; position: relative; overflow: hidden; display: block; padding-bottom: 1em;  } 

.video-ext dl{ width: 100%; display: block;position: relative; overflow: hidden;  } 

.video-ext dl dt{ width:  100%; display: block; font-size: 1.2em;padding-bottom: .5em; font-weight: bold; color: #0B0B0B; position: relative; }

.video-ext dl dd{ overflow: hidden; width:  100%; display: block; position: relative; padding-bottom: .5em; }

.video-ext dl dd a{ color: #767676; padding: 0 1em; margin-bottom: .3em; display: block; float: left; margin-right: .2em; line-height: 2em; background: #fff; border: 1px solid #ccc; font-size: 1.2em;}

.video-ext dl dd a.cur,.video-ext dl dd a:hover{ color: #fff; background: #e7290f; border: 1px solid #e7290f; } 



.contxt{ width: 100%; text-align: center;  box-sizing: border-box; font-size:1.4em; line-height: 1.5; padding-bottom: .5em; color: #000; display: block; position: relative; overflow: hidden;} 

.tabsfds{ width:100%; text-align: center; font-size:1em; color:#98a6ad; line-height:2em; letter-spacing:1px; border-bottom: .1px solid #eaeaea; padding-bottom: .5em;}

.tabsfds span{ display:inline-block;  margin:0 1em; vertical-align: middle; text-align: center; padding-left: 1.5em; box-sizing: border-box;background-repeat: no-repeat; background-position:left center;  background-size: 1em; } 

.sj{ background-image:url(../images/riqi.svg); }

.dj{ background-image:url(../images/click.svg); }

.tabsfds span img{ vertical-align:middle;  height: 1em; display: inline-block; margin-right: .5em;}

.contbg{ width: 100%; font-size: 1.2em; color: #3b3b3b; line-height:1.6em; padding:.5em 0 1em; box-sizing: border-box;  display: block; position: relative; overflow: hidden; min-height: 10em;}

.main_r_nav{ width: 100%; overflow: hidden; box-sizing: border-box;  padding:.5em 1em;  background: #f5f5f5;  display: block; position: relative; }

.main_r_nav ul{ width: 100%; position: relative; overflow: hidden; display: block;}

.main_r_nav ul li{color:#000;font-size:1.2em; line-height:2em; width:100%; display: block; float:left; height:2em; overflow:hidden; border-bottom: 1px solid #fff; }

.main_r_nav ul li:last-child{ border-bottom: none; }

.main_r_nav ul li a{color:#000;  font-weight:normal; }

.main_r_nav ul li a:hover{color:#d2020b;} 





.indrive-icon1{ width: 100%; position: relative; overflow: hidden; display: block; text-align: center;} 

.indrive-icon1 dl{ width: 9em; display: inline-block;  position: relative; margin-bottom: .5em; }

.indrive-icon1 dl dt{ width: 100%; position: relative; text-align: center; margin: 0 auto;}

.indrive-icon1 dl dt img{height: 6em; display: block; margin: auto; text-align: center; } 

.indrive-icon1 dl dd{ width: 100%; text-align: center; display: block; position: relative; }

.indrive-icon1 dl dd span{ display: block; font-size: 1.2em; color: #767676; line-height: 1.6em; }

.indrive-icon1 dl dd span:nth-child(even){ color: #0B0B0B; font-weight: bold; }





.indrive-icon2{ width: 100%; position: relative; overflow: hidden; display: block;} 

.indrive-icon2 dl{ width: 100%; display: block; position: relative; margin-bottom: 2em; float: left; }

.indrive-icon2 dl dt{  width: 100%; text-align: center; display: block; position: relative; margin: auto; }

.indrive-icon2 dl dt img{max-width: 100%; text-align: center; }

.indrive-icon2 dl dd{ width: 100%; padding-bottom: .5em; float: right; box-sizing: border-box; }

.indrive-icon2 dl dd h2{ font-size: 1.3em; font-weight: bold; color: #0B0B0B; padding-bottom: 1em; display: block;  text-align: center;}

.indrive-icon2 dl dd p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; position: relative; }
.indrive-icon2 dl:last-child{ margin-bottom: 0; }


.iso-tsld{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.iso-tsld dl{ width: 46%; margin: 0 2% 1em;float: left; box-sizing: border-box; position: relative; display: block;  } 

.iso-tsld dl dt{ width: 100%; margin: auto;  display:block; vertical-align: middle; text-align: center; }

.iso-tsld dl dt img{ height: 4.5em; display: block; margin: auto;; text-align: center; }

.iso-tsld dl dd{ width: 100%; padding-top: 1em; display: block; position: relative; }

.iso-tsld dl dd h2{ font-size: 1.3em; color: #0B0B0B; text-align: center; display: block; padding-bottom: .5em; }

.iso-tsld dl dd p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; position: relative;box-sizing: border-box; text-align: center; }



.iso-con4{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.menu3box{ width:100%; text-align: center; display: block; }

.menu3box ul li { display: inline-block; padding: 0 .5em 1em; box-sizing: border-box; border-bottom: 0.1em solid transparent; cursor: pointer; font-size: 1.2em; box-sizing: border-box;   color: #0B0B0B;  } 

.menu3box ul li.hover { color: #1989FA; border-bottom: 0.1em solid #1989FA;  }  

.main3box{width:100%; box-sizing: border-box; position: relative; display: block; overflow: hidden; padding-top: 1em;} 

.main3box img{ max-width: 100%; }

#main3 ul {display: none;}

#main3 ul.block {display: none;} 

.con4-tabs{ width: 100%; display: block; position: relative; overflow: hidden; padding-bottom: 1em; }

.con4-tabs dl{ display: block; float: left;  line-height: 1.2; margin-bottom: .5em; width: 100%; } 

.con4-tabs dl dt{ font-size: 1.3em; padding:1em 0 .5em; color: #0B0B0B; display: block; font-weight: bold; }

.con4-tabs dl dd{ font-size: 1.2em; color: #767676; display: block; }







.menu4box{ width:100%; display: block; position: relative; text-align: center; }

.menu4box ul li { display: inline-block;  padding: 0 .5em 1em; box-sizing: border-box; border-bottom: 0.1em solid transparent; cursor: pointer; font-size: 1.2em; box-sizing: border-box;   color: #0B0B0B; margin-bottom: 0.5em;  } 

.menu4box ul li.hover { color: #1989FA; border-bottom: 0.1em solid #1989FA;    }  

.main4box{width:100%; padding-top: 1em; box-sizing: border-box; position: relative; display: block; overflow: hidden;}  

#main4 ul {display: none;}

#main4 ul.block {display: none;} 



.main4box-con4{ width:100%; display: block; position: relative;  padding: 1em 1em 0; box-sizing: border-box; }

.main4box-pic{ width: 100%; position: relative; display: block; margin: auto;  overflow: hidden;}

.main4box-pic img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center;}

.main4box-cotxt{ width: 100%;  display: block; position: relative; overflow: hidden; padding-bottom: 1em;  }

.main4box-cotxt h2{ font-size: 1.3em; line-height: 1.4; color: #0B0B0B; width: 100%; display: block; position: relative; padding-bottom: 1em;}

.main4box-cotxt p{ font-size: 1.2em; line-height: 1.6em; color: #767676; position: relative; overflow: hidden; padding-left: 1em; }

.main4box-cotxt p:before{ width: 0.4em; height: 0.4em; border-radius: 100%; background: #1565c0; display: block; position: absolute; left: 0; top: .6em; content: ""; }



 



.iso-gxbgse{ width:100%; display: block; position: relative; }

.iso-gxbgse ul{ width: 49%; margin-right: 2%; float: left; display: block; background-image: url(../images/iso-iconbg.png); background-repeat: no-repeat; background-size: 1.8em; background-position: center top;  padding-bottom: 1em;}

.iso-gxbgse ul:nth-child(even){ margin-right: 0; }

.iso-gxbgse ul h2{ width: 100%; text-align: center; font-size: 1.5em; color: #0B0B0B; line-height: 2.2em; display: block; position: relative;  }

.iso-gxbgse dl{ width: 100%; display: block; padding: .5em 0; box-sizing: border-box; margin: 0 auto; position: relative;}

.iso-gxbgse dl dt{ width: 100%; color: #0B0B0B; padding-left:2em; box-sizing: border-box; display: block; font-size: 1.2em; line-height: 2em; height: 2em; background-repeat: no-repeat; background-position: center left; background-size: 1.5em; margin-bottom: .5em;  }



.iso-gxbgse dl dd{ font-size:1.1em; color: #767676; line-height: 1.6em; padding-left: 2em; box-sizing: border-box; }



.iso-jxgsl{ width:100%; display: block; position: relative; }

.iso-jxgsl dl{ width: 100%; height: auto; float: left; display: block; background: #f2f2f2; padding: 1em; box-sizing: border-box; margin-bottom: .5em; border-radius: .5em;  }

.iso-jxgsl dl:last-child{ margin-right: 0; }

.iso-jxgsl dl dt{ width: 90%; margin: 0 auto; display: block; height: 2.2em; line-height: 2.2em; padding-left: 2em; font-size: 1.5em; color: #0B0B0B;position: relative; box-sizing: border-box; background-repeat: no-repeat; background-position: left center; background-size: contain;  text-align: center;}

.iso-jxgsl dl dd{ width: 80%; margin: 0 auto; text-align: center; padding: 0; box-sizing: border-box; display: block; position: relative;  }

.iso-jxgsl dl dd img{ max-width: 100%; }

.iso-jxgsl ul{ width: 100%; padding: 1em 0 0; box-sizing: border-box; display: block; position: relative;  }

.iso-jxgsl ul li{ width: 100%; padding-left: 1em; display: block; box-sizing: border-box; float: left; position: relative; margin-bottom: .5em; }

.iso-jxgsl ul li:before{ width: 0.4em; height: 0.4em; border-radius: 100%; background: #1565c0; display: block; position: absolute; left: 0; top: .8em; content: ""; }

.iso-jxgsl ul li h2{ font-size: 1.3em; color: #0B0B0B; display: block; line-height:2em;  }

.iso-jxgsl ul li p{ font-size: 1.2em; color: #767676; line-height: 1.6em; box-sizing: border-box; }



.prod-ai-conb{ width:100%; display: block; position: relative; }

.prod-ai-conb dl{ width: 100%; display: block; float: left; margin-bottom: 1em; margin-top:1em; }

.prod-ai-conb dl dt{ width: 100%; position: relative; overflow: hidden; display: block; }

.prod-ai-conb dl dt img{ width: 100%;  display: block; }

.prod-ai-conb dl dd{width: 100%; float: right; display: block;padding-bottom: .5em}

.prod-ai-conb dl dd h2{font-size: 1.3em; color: #0B0B0B; display: block; padding-bottom: 1em; font-weight: bold; text-align: center; width: 100%; }

.prod-ai-conb dl dd p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; }

.prod-ai-conb dl dd span{ font-size: 1.2em; line-height: 1.6em; padding-left: 1em; box-sizing: border-box; color: #767676; display: block; position: relative; }

.prod-ai-conb dl dd span:before{ width: .4em; height: .4em; background: #e7290f; display: block; border-radius: 100%; position: absolute;top: .6em; left: 0; content: "";  }  





.menu9box{ width:100%; display: block; position: relative; text-align: center; }

.menu9box ul li { display: inline-block;  padding: 0 .5em 1em; box-sizing: border-box; border-bottom: 0.1em solid transparent; cursor: pointer; font-size: 1.2em; box-sizing: border-box;   color: #0B0B0B; margin-bottom: 0.5em;  } 

.menu9box ul li.hover { color: #1989FA; border-bottom: 0.1em solid #1989FA;    }  

.main9box{width:100%; padding-top: 1em; box-sizing: border-box; position: relative; display: block; overflow: hidden;}  

#main9 ul {display: none;}

#main9 ul.block {display: none;} 

 

.prod-ai-concfr{ width: 100%; position: relative; display: block; margin: auto;  overflow: hidden;}

.prod-ai-concfr img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center;}

.prod-ai-concfl{ width: 100%;  display: block; position: relative; overflow: hidden; padding-bottom: 1em;  }

.prod-ai-concfl p{ font-size: 1.2em; line-height: 1.4; color: #0B0B0B; width: 100%; display: block; position: relative; padding-bottom: 1em;}

.prod-ai-concfl span{ font-size: 1em; text-align:left; line-height: 1.6em; color: #767676; width: 100%; display: block; position: relative; overflow: hidden; padding-left: 1em; }

.prod-ai-concfl span:before{ width: 0.4em; height: 0.4em; border-radius: 100%; background: #e7290f; display: block; position: absolute; left: 0; top: .6em; content: ""; }



.menu10box{ width:100%; display: block; position: relative; text-align: center; }

.menu10box ul li { display: inline-block;  padding: 0 .5em 1em; box-sizing: border-box; border-bottom: 0.1em solid transparent; cursor: pointer; font-size: 1.2em; box-sizing: border-box;   color: #0B0B0B; margin-bottom: 0.5em;  } 

.menu10box ul li.hover { color: #e7290f; border-bottom: 0.1em solid #e7290f;    }  

.main10box{width:100%; padding-top: 1em; box-sizing: border-box; position: relative; display: block; overflow: hidden;}  

#main10 ul {display: none;}

#main10 ul.block {display: none;} 

.prod-ai-condfl{ width: 100%; position: relative; display: block; margin: auto;  overflow: hidden;}

.prod-ai-condfl img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center;}

.prod-ai-condfr{ width: 100%;  display: block; position: relative; overflow: hidden; padding-bottom: 1em;  }

.prod-ai-condfr h2{font-size: 1.2em; color: #0B0B0B; display: block; padding-bottom: 1em; line-height: 1.4; font-weight: bold;}

.prod-ai-condfr p{ font-size: 1.2em; line-height: 1.4; color: #767676; display: block; padding-bottom: 1em; }

.prod-ai-condfr span{ font-size: 1em; line-height: 1.6em; padding-left: 1em;  box-sizing: border-box; color: #767676; display: block; position: relative; }

.prod-ai-condfr span:before{ width: 0.4em; height: 0.4em; background: #e7290f; display: block; border-radius: 100%; position: absolute;top: 0.6em; left: 0; content: "";  }



.pro-xdms-iconb{ width: 100%; position: relative; display: block; margin: auto;  overflow: hidden;}

.pro-xdms-iconb dl{ width: 49%; margin-right: 2%; margin-bottom: .5em; display: block; float: left; position: relative; background: #f2f2f2; border-radius: 2px; text-align: center;}

.pro-xdms-iconb dl:nth-child(even),.pro-xdms-honor dl:nth-child(even){ margin-right: 0; }

.pro-xdms-iconb dl dt{ width: 100%; height: 2.2em; line-height: 2.2em; font-size: 1.2em; color: #fff; background: #e7290f; border-radius: 2px 2px 0 0; display: block; position: relative; }

.pro-xdms-iconb dl dd{ color: #767676; display: block; padding: 1em 0 ;  font-size: 1em; line-height: 1.8em;  }

 

.pro-xdms-honor{ width: 100%; position: relative; display: block; margin: auto;  overflow: hidden;}

.pro-xdms-honor dl{ width: 49%; margin-right: 2%; margin-bottom: .5em; display: block; float: left; position: relative; }

.pro-xdms-honor dl dt{ width: 100%; text-align: center; display: block; font-size: 1.2em; color: #0B0B0B;padding-bottom: 1em; position: relative; }

.pro-xdms-honor dl dd{ width: 100%; display: block; text-align: center; }

.pro-xdms-honor dl dd img{ max-width: 100%; }



.pro-xdms-abtfr{ width: 90%; margin: 0 auto; position: relative; display: block; overflow: hidden; padding-bottom: 1em;}

.pro-xdms-abtfr h2{ font-size: 1.35em; color: #0B0B0B; display: block; position: relative; overflow: hidden; padding-bottom: 1em; }

.pro-xdms-abtfr ul{ width: 100%; display: block; position: relative; }

.pro-xdms-abtfr ul li{display: block; float: left; position: relative; overflow: hidden; width: 100%; margin-bottom: 1em; }

.pro-xdms-abtfr ul li h4{ font-size: 1.3em; color: #0B0B0B; display: block; position: relative; padding-bottom: .5em;  }

.pro-xdms-abtfr ul li p{ font-size: 1.2em; text-align: justify;  box-sizing: border-box; line-height: 1.6em; color: #767676; display: block; position: relative; } 



.pro-archives-icona{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.pro-archives-icona dl{ width: 100%; float: left; padding:0 2em; box-sizing: border-box; position: relative; display: block; margin-bottom: 1em;  } 

.pro-archives-icona dl dt{ width: 28%; padding-top: .5em; float: left;  display: block; text-align: center; }

.pro-archives-icona dl dt img{height: 5em; display: block; margin: auto; text-align: center; }

.pro-archives-icona dl dd{ width: 70%; float: right; display: block; position: relative; text-align: left; }

.pro-archives-icona dl dd h2{ font-size: 1.3em; color: #0B0B0B; display: block; padding-bottom: .5em; } 

.pro-archives-icona dl dd p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; position: relative; box-sizing: border-box; } 



.pro-archives-iconb{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.pro-archives-iconb dl{ width: 100%; display: block; padding: .5em 0; box-sizing: border-box; margin: 0 auto; position: relative;}

.pro-archives-iconb dl dt{ width: 100%; color: #0B0B0B; padding-left:2em; box-sizing: border-box; display: block; font-size: 1.3em; line-height: 2em; height: 2em; background-repeat: no-repeat; background-position: center left; background-size: 1.5em; margin-bottom: .5em;  }

.pro-archives-iconb dl dd{ font-size:1.2em; color: #767676; line-height: 1.6em; padding-left: .1em; box-sizing: border-box; }



.pro-archives-iconcon{ width: 100%;  display: block; position: relative; overflow: hidden;   }

.pro-archives-iconcon dl{ width: 100%; display: block; padding:0; box-sizing: border-box; margin: 0 auto; position: relative;padding-top: 1em;}

.pro-archives-iconcon dl dt{ font-size: 1.3em; line-height: 1.6em; color: #0B0B0B; width: 100%; display: block; position: relative; padding-bottom: .5em; padding-left: 1em; box-sizing: border-box;}

.pro-archives-iconcon dl dd{ font-size: 1.2em; line-height: 1.6em; color: #767676; position: relative; overflow: hidden; padding-left: 1em; }

.pro-archives-iconcon dl dt:before{ width: 0.4em; height: 0.4em; border-radius: 100%; background: #e7290f; display: block; position: absolute; left: 0; top: .6em; content: ""; }



.pro-inbizb{ width: 100%;  display: block; position: relative; overflow: hidden;   }

.pro-inbizb .tabs{ width:100%; text-align: center; box-sizing: border-box;  margin: 0 auto; display: block;  position:relative; overflow: hidden;}

.pro-inbizb .tabs a{ color:#0B0B0B;  display: inline-block; position:relative;  text-align: center;  border-bottom:0.2em solid #fff;  box-sizing: border-box; font-size: 1.2em; padding: 0 .5em 1em; margin-bottom: .5em;  }   

.pro-inbizb .tabs a.active{ color: #1989FA; border-bottom: 0.2em solid #1989FA;  }  

#pro-inbiz-swiper{ width: 100%; display: block; position: relative; overflow: hidden; padding-top: 1em; }

#pro-inbiz-swiper .pic{ width: 100%;  text-align: center; display: block; position: relative; overflow: hidden; }

#pro-inbiz-swiper .pic img{ max-width: 100%; }

#pro-inbiz-swiper .text{ width: 100%; display: block; position: relative; overflow: hidden; }

#pro-inbiz-swiper .text .inbiz-p1{ font-size: 1.25em; color: #0B0B0B; display: block; padding-bottom: .5em; position: relative; overflow: hidden; }

#pro-inbiz-swiper .text .inbiz-p2{ font-size: 1em; text-align: justify; color: #767676; line-height: 1.6em; display: block; padding-bottom: 1em; position: relative; overflow: hidden; }

#pro-inbiz-swiper .text .inbiz-p3{ width: 100%; display: block; position: relative; overflow: hidden; }

#pro-inbiz-swiper .text .inbiz-p3 dl{ width: 100%; float: left; display: block; position: relative; margin-bottom: .5em; } 

#pro-inbiz-swiper .text .inbiz-p3 dl dt{ width: 100%; box-sizing: border-box; padding-left: 1em; font-size: 1.2em; color: #0B0B0B; line-height: 1.6em; display: block;  }

#pro-inbiz-swiper .text .inbiz-p3 dl dt:before{ width: .4em; height: .4em; border-radius: 100%; background: #1989FA; display: block; position: absolute; left: 0; top: .6em; content: ""; }

#pro-inbiz-swiper .text .inbiz-p3 dl dd{ width: 100%; text-align: justify; box-sizing: border-box; padding-left: 1em; font-size: 1em; line-height: 1.6em;color: #767676; display: block;  }



.pro-inbizc{ width: 100%;  display: block; position: relative; overflow: hidden;   }

.pro-inbizc .tabas{ width:100%; text-align: center; box-sizing: border-box;  margin: 0 auto; display: block;  position:relative; overflow: hidden;}

.pro-inbizc .tabas a{ color:#0B0B0B;  display: inline-block; position:relative;  text-align: center;  border-bottom:0.2em solid #fbfbfb;  box-sizing: border-box; font-size: 1.2em; padding: 0 .5em 1em; margin-bottom: .5em;  }   

.pro-inbizc .tabas a.active{ color: #6001D2; border-bottom: 0.2em solid #6001D2;  }

 

#pro-inbizc-swiper{ width:100%; text-align: center;  display: block; position: relative;  } 

#pro-inbizc-swiper .swiper-slide img{ max-width: 100%; text-align: center; } 

#pro-inbizc-swiper .swiper-slide h2{ font-size: 1.3em; line-height: 1.6em; color: #0B0B0B; width: 100%; display: block; position: relative; padding-bottom: .5em;  box-sizing: border-box;}

#pro-inbizc-swiper .swiper-slide p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; padding-bottom: .5em; text-align: left;   } 



.menu7box{ width: 100%;  display: block; position: relative; overflow: hidden;   padding-top: 1em;border-bottom: 0.1em solid #d1d1d1;  }

.menu7box ul li { display:block;width:24%; float: left; box-sizing: border-box;  text-align: center; position: relative; overflow: hidden;  cursor: pointer; padding-bottom: 1em;   } 

.menu7box ul li:last-child{ width:28%; }

.menu7box ul li img{ height: 3em; text-align: center; padding-bottom: 1em; display: inline-block; opacity: .3; filter: opacity(30); }

.menu7box ul li span{font-size: 1.1em; color: #0B0B0B; display: block; position: relative;} 

.menu7box ul li.hover img{ opacity: 1; filter: opacity(100); }

.menu7box ul li.hover{border-bottom: 0.2em solid #6001D2;  } 



.main7box{width:100%; display: block;  box-sizing: border-box; position: relative;  display: block; z-index: 10;  padding-top: 1em; }  

#main7 ul {display: none;}

#main7 ul.block {display: none;} 

.pro-insight-confl{ width: 100%; padding-bottom: .5em; display: block; position: relative;  }

.pro-insight-confl p { font-size: 1em; line-height: 1.6em; color: #0B0B0B; display: block; } 

.pro-insight-confr{ width:100%; height:auto; margin:0 auto; text-align:center; }

.pro-insight-confr img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; }









.pro-insight-iconc{ width:100%; text-align: center;  display: block; position: relative;  } 

.pro-insight-iconc dl{ height: 100%; border-radius: 2px; border: 0.1em solid #d1d1d1; display: block; padding:0; box-sizing: border-box; float: left;  position: relative;  margin-bottom: 1em; margin-top: 1.1em;}

.pro-insight-iconc dl dt{ display: inline-block; position: absolute; text-align: center; top: -1.1em; left: 10%; z-index: 22; }

.pro-insight-iconc dl dt span{ display: block; padding: 0 2em; background: #6001D2; line-height: 2.2em; height: 2.2em; font-size: 1.2em; color: #fff; border-radius: 2em; }

.pro-insight-iconc dl dd{ width:100%; height:auto; margin:0 auto; text-align:center; }

.pro-insight-iconc dl dd img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; }





.pro-ecmxd{ width: 100%;  display: block; position: relative; overflow: hidden;   }
.pro-ecmxd .tabas{ width:100%; text-align: center; box-sizing: border-box;  margin: 0 auto; display: block;  position:relative; overflow: hidden;}
.pro-ecmxd .tabas a{ color:#0B0B0B;  display: inline-block; position:relative;  text-align: center;  border-bottom:0.2em solid transparent;  box-sizing: border-box; font-size: 1.2em; padding: 0 .5em 1em; margin-bottom: .5em;  }
.pro-ecmxd .tabas a.active{ color: #e7290f; border-bottom: 0.2em solid #e7290f;  }
#pro-ecmxd-swiper{ width:100%; text-align: center;  display: block; position: relative;  }
#pro-ecmxd-swiper .swiper-slide img{ max-width: 100%; text-align: center; }
#pro-ecmxd-swiper .swiper-slide h2{ font-size: 1.2em; line-height: 1.6em; color: #0B0B0B; width: 100%; display: block; position: relative; padding-bottom: .5em;  box-sizing: border-box;}
#pro-ecmxd-swiper .swiper-slide p{ font-size: 1em; line-height: 1.6em; color: #767676; display: block; padding-bottom: .5em; text-align: left;   }
 



.menu18box{ width:100%; text-align: center; box-sizing: border-box;  margin: 0 auto; display: block;  position:relative; overflow: hidden;}
.menu18box ul li{ color:#0B0B0B;  display: inline-block; position:relative;  text-align: center;  border-bottom:0.2em solid #fbfbfb;  box-sizing: border-box; font-size: 1.2em; padding: 0 .5em 1em; margin-bottom: .5em;  }   
.menu18box ul li.hover{ color: #e7290f; border-bottom: 0.2em solid #e7290f;  }
#main18 ul {display: none;}
#main18 ul.block {display: none;} 

.main18box{ width:100%; text-align: center;  display: block; position: relative;  } 

.main18box img{ max-width: 100%; text-align: center; } 

.main18box h2{ font-size: 1.2em; line-height: 1.6em; color: #0B0B0B; width: 100%; display: block; position: relative; padding-bottom: .5em;  box-sizing: border-box;}

.main18box p{ font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; padding-bottom: .5em; text-align: left;   } 


.pro-ecm-m6werl{ width: 100%; display: block; position: relative; overflow: hidden;  } 
.k-core-list-bar{background-image: linear-gradient(90deg, #eeeeee 0%, #fdfdfd 50%, rgba(255, 255, 255, 0) 100%);border-radius: 2em;padding: 1em 0;margin-bottom: 1.5em;display: flex;align-items: center;}
.k-core-list-bar img{ width:3em; margin-left: 2em; }
.k-core-list-bar p{margin-bottom: 0; font-size: 1em; line-height: 1.6em;color: #767676; padding-top: 0;}
 

.prod-inwriter-conbg{ width: 100%;  display: block; position: relative; overflow: hidden;   }

.prod-inwriter-conimg{ width: 100%; text-align: center; display: block; position: relative; overflow: hidden; }

.prod-inwriter-conimg img{ height: 3em; margin: 0 1em; display: inline-block; text-align: center; position:relative;}

.prod-inwriter-contxt{ width: 100%;  display: block; position: relative; overflow: hidden; padding-top: 2em;  }

.prod-inwriter-contxt dl{ width: 100%; display: block; position: relative; overflow: hidden; margin-bottom:1em; margin-top:1.5em; float:left; }

.prod-inwriter-contxt dl dt{width: 100%; float: left; display: block; position: relative; }

.prod-inwriter-contxt dl dt h2{ font-size: 1.5em; color: #0B0B0B; font-weight: bold; display: block; padding-bottom: .8em; position: relative; }

.prod-inwriter-contxt dl dt ul{ width: 100%; display: block; position: relative; overflow: hidden; }

.prod-inwriter-contxt dl dt ul li{ width: 48%;  margin-right: 4%; display: block; float: left; position: relative; margin-bottom: 1em; }

.prod-inwriter-contxt dl dt ul li:nth-child(even){ margin-right: 0; }

.prod-inwriter-contxt dl dt ul li h3{ font-size: 1.3em; color: #0B0B0B; display: block;  position: relative; margin-bottom: .3em; }

.prod-inwriter-contxt dl dt ul li h4{ font-size: 1.2em; color: #767676; line-height: 1.6em; display: block;  position: relative; }

.prod-inwriter-contxt dl dd{ width: 100%; position: relative; overflow: hidden; display: block; margin: auto; } 

.prod-inwriter-contxt dl dd img{ max-width: 100%; text-align: center; margin: auto;}



 



.pro-km-cond{ width: 100%;  display: block; position: relative; overflow: hidden;   }

.pro-km-cond ul li{ width: 100%; float: left;padding: 0 5%; box-sizing: border-box; text-align: center; margin: 0 0 1em; display: block; position: relative; }

.pro-km-cond ul li img{ max-width: 100%; text-align: center; margin: 0 auto; display: block; }





.pro-akm-icona{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.pro-akm-icona dl{ width: 100%; float: left; padding:0; box-sizing: border-box; position: relative; display: block; margin-bottom: 1em;  } 

.pro-akm-icona dl dt{ width:23%; padding-top: .5em; float: left;  display: block; text-align: center; }

.pro-akm-icona dl dt img{height: 5em; display: block; margin: auto; text-align: center; }

.pro-akm-icona dl dd{ width: 75%; float: right; display: block; position: relative; text-align: left; }

.pro-akm-icona dl dd h2{ font-size: 1.3em; color: #0B0B0B; display: block; padding-bottom: .5em; } 

.pro-akm-icona dl dd p{ font-size: 1em; line-height: 1.6em; color: #767676; display: block; position: relative; box-sizing: border-box; } 





.akm-tsld{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.akm-tsld dl{ width: 49%; margin-right: 2%; margin-bottom: 1em; float: left; box-sizing: border-box; position: relative; display: block;  }

.akm-tsld dl:nth-child(even){ margin-right: 0; } 

.akm-tsld dl dt{ width: 100%; margin: auto;  display:block; vertical-align: middle; text-align: center; }

.akm-tsld dl dt img{ height: 4.5em; display: block; margin: auto;; text-align: center; }

.akm-tsld dl dd{ width: 100%; padding-top: 1em; display: block; position: relative; }

.akm-tsld dl dd h2{ font-size: 1.3em; color: #0B0B0B; text-align: center; display: block; padding-bottom: .5em; }

.akm-tsld dl dd p{ font-size: 1em; line-height: 1.6em; color: #767676; display: block; position: relative;box-sizing: border-box; text-align: left; }





.menu11box{ width:100%; display: block; position: relative; text-align: center; }

.menu11box ul li { display: inline-block;  padding: 0 .5em 1em; box-sizing: border-box; border-bottom: 0.1em solid transparent; cursor: pointer; font-size: 1.2em; box-sizing: border-box;   color: #0B0B0B; margin-bottom: 0.5em;  } 

.menu11box ul li.hover { color: #e7290f; border-bottom: 0.1em solid #e7290f;    }  

.main11box{width:100%; padding-top: 1em; box-sizing: border-box; position: relative; display: block; overflow: hidden;}  

#main11 ul {display: none;}

#main11 ul.block {display: none;} 





.prod-pharma-yycjsd{ width: 100%;  display: block; position: relative; overflow: hidden; padding-bottom: 1em;  }

.prod-pharma-yycjsd dl{ width: 100%; display: block; float: left; position: relative; overflow: hidden; margin-bottom: .5em; }

.prod-pharma-yycjsd dl dt{ font-size: 1.2em; line-height: 1.4; color: #0B0B0B; width: 100%; display: block; position: relative; }

.prod-pharma-yycjsd dl dd{ font-size: 1em; line-height: 1.6em; color: #767676; position: relative; overflow: hidden; padding-left: 1em; }

.prod-pharma-yycjsd dl dd:before{ width: 0.4em; height: 0.4em; border-radius: 100%; background: #e7290f; display: block; position: absolute; left: 0; top: .6em; content: ""; }



.pro-bak-txt{ width: 100%; text-align: center; display: block; position: relative; overflow: hidden; }

.pro-bak-txt span{ display: inline-block; margin: 0 1em; padding-left: 1em; font-size: 1.2em; color: #0B0B0B; line-height: 1.6em; position: relative; margin-bottom: .5em; }

.pro-bak-txt span:before{ width: .4em; height: .4em; border-radius: 100%; content: ""; display: block; left: 0; top: .6em; position: absolute; background: #e7290f }

 

.pro-bak-cpkj{ width: 90%; margin: 0 auto; text-align: center; display: block; position: relative; overflow: hidden; }

.pro-bak-cpkj dl{ width: 49%; margin-right: 2%; float: left; display: block;  }

.pro-bak-cpkj dl:nth-child(even){ margin-right: 0; }

.pro-bak-cpkj dl dt{ width: 15%; display: block; float: left; }

.pro-bak-cpkj dl dt img{ height: 1.8em; }

.pro-bak-cpkj dl dd{ width: 80%; float: right; text-align: left; font-size: 1.2em; line-height: 1.6em; color: #0B0B0B; display: block; }

 

.serve-nav{ text-align: center; display: inline-block; width: 100%; position: relative; overflow: hidden; padding-bottom: 1em; }

.serve-nav a{ display: inline-block; padding:0 1em; margin: 0 .2em;  cursor: pointer;  font-size: 1.2em; background: #fafafa; color: #0B0B0B; line-height: 2em; height: 2em; box-sizing: border-box; } 

.serve-nav a:hover,.serve-nav a.current{ background: #e7290f; color: #fff; }







.serve-list{ width: 100%; display: block; position: relative; overflow: hidden; }

.serve-list dl{ width: 100%; display: block; float: left;border-bottom: 1px solid #e3e3e3; font-size: 1em; color: #3b3b3b; height:3em; overflow: hidden; }

.serve-list dl dt{ width: 76%; float: left;  font-size: 1.2em; color: #3b3b3b; line-height: 3em; text-align: left; }

.serve-list dl dd{ width: 22%; float: right;  font-size: 1.2em; color: #767676; line-height: 3em; text-align: right; }

.serve-list dl:hover dt{ color: #e7290f }



.changeone{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; }

.changeone dl{ width: 100%; float: left; display: block; box-sizing: border-box;  overflow: hidden; margin-bottom: 1em; position: relative; } 

.changeone dl dt{ width: 2em; height: 2em; border-radius: 100%; background: #e4e4e4; display: block; float: left; line-height: 2em;  font-size: 1.2em; color: #fff; text-align: center;  }

.changeone dl dd{ width: 90%; box-sizing: border-box; position: relative;overflow: hidden; display: block; color: #767676; font-size: 1.2em; line-height: 2em; float: right;}  



 



.serve-fwbz{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; }

.serve-fwbz dl{ width: 100%; float: left; display: block; } 

.serve-fwbz dl dt{ border-bottom: 1px solid #dad9d9; width: 100%; position: relative; display: block; }

.serve-fwbz dl dt span{ display: inline-block; padding: 0 1em;  font-size: 1.2em; color: #3b3b3b; line-height: 2.2em;  position: relative; }

.serve-fwbz dl dt span:before{ width: 100%; height: .2em; background: #e7290f; position: absolute; top: 2.1em; content: ""; left: 0; }

.serve-fwbz dl dd{ width: 100%; padding: .5em 0; box-sizing: border-box; display: block; font-size: 1.2em; line-height: 1.6em; color: #767676; position: relative; overflow: hidden; text-align: justify; }

.serve-fwebz{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; padding: 0; }

.serve-fwebz ul li{ width: 100%; display: block; position: relative; overflow: hidden; background: #fafafa; float: left; }

.serve-fwebz ul li:first-child{ background: #e7290f; color: #fff; }

.serve-fwebz ul li span{ width: 24%; font-size: 1em; line-height: 2em; height: 2em; display: block; text-align: center; float: left; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; color: #767676; background-repeat: no-repeat; background-size:.5em; background-position: center;}

.serve-fwebz ul li span:nth-child(4n){ border-right: none; }

.serve-fwebz ul li span:first-child{width: 28%;}

.serve-fwebz ul li span.fwebz01{ font-size: 1.2em; line-height: 2.2em; color: #fff;  } 

.serve-fwebz ul li span.fwebz02{ background-image: url(../images/serve-icon02.png);}

.serve-fwebz ul li span.fwebz03{ background-image: url(../images/serve-icon03.png);}

.serve-fwebz ul li span.fwebz04{ background-image: url(../images/serve-icon04.png);}



.serve-fwebz h2{ width: 100%; text-align: right; display: block; position: relative; overflow: hidden; padding-bottom: .5em; }

.serve-fwebz h2 span{ padding-left: 1em;background-image: url(../images/serve-icon02.png); background-repeat: no-repeat; background-size:.5em; background-position: center left; font-size: 1em; color: #767676; box-sizing: border-box; margin-left: 2em; display: block; float: right; position: relative; line-height: 1.6em; }

.serve-fwebz h2 span:nth-child(2){background-image: url(../images/serve-icon03.png);}

.serve-fwebz h2 span:nth-child(3){background-image: url(../images/serve-icon04.png);}



.serve-cont{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden;}

.serve-cont dl{ width: 50%; box-sizing: border-box; float: left; display: block; position: relative; margin-bottom: .5em; }

.serve-cont dl dt{ width: 100%; display: block; margin: 0 auto; vertical-align: middle; text-align: center; }

.serve-cont dl dt img{height: 4.5em; display: block; text-align: center; margin: auto; }

.serve-cont dl dd{ width: 100%; padding-top: 1em; text-align: center; display: block; position: relative; }

.serve-cont dl dd h2{ font-size: 1.2em; color: #0B0B0B; display: block; padding-bottom: .5em; }

.serve-cont dl dd p{ font-size: 1em; display: block; line-height: 1.6em; color: #0B0B0B;}

.serve-cont dl dd p span{ width: 100%; font-size: .8em; text-align: center; display: block; color: #767676; } 

.serve-cont dl dd a{ width: 7em; height: 2.2em; font-size: 1em; background: #e7290f; text-align: center; line-height: 2.2em; color: #fff; display: block; margin: auto; border-radius: 3px;  border: 1px solid #e7290f;}

.serve-cont dl dd a:hover{ background: #fff; color: #e7290f; }


.pro-ecmbg{background-image: url(../images/pro-ecmbg.jpg); background-repeat: no-repeat; background-size:cover; background-position: center top; width: 100%; position: relative; overflow: hidden; display: block;  padding:3em 0 2em; box-sizing: border-box; color: #fff; }
.pro-onbg{padding: 0 1em; box-sizing: border-box; width: 100%; display: block; position: relative; overflow: hidden;}
.pro-ecmone{ width:100%; display: block; position: relative; overflow: hidden; padding: 0 0 1.5em;  }
.pro-ecmone h2{ width: 35%; padding-bottom: 2em; text-align:center; display: block; position: relative; overflow: hidden; }
.pro-ecmone h2 span{ border-bottom: .2em solid #4b1bc6; font-size: 1.3em; }

.pro-ecmone dl{width: 100%; display: block; float: left; padding-bottom: 2em; position: relative; overflow: hidden; }
.pro-ecmone dl:last-child{ padding-bottom: 0; }
.pro-ecmone dl:before{ width: 1px; position:absolute;left:17%; top: 0; height: 100%; display: block; background: #b7b4c4; content: "";  }
.pro-ecmone dl dt{ width: 18%; float: left; text-align: left; font-size: 1.3em;  }
.pro-ecmone dl dd{ width: 78%; float: right; display: block; }
.pro-ecmone dl dd span{ display: block; width: 100%; font-size: 1.2em; position: relative; overflow: hidden; }
.pro-ecmone dl dd p{ display: block; width: 100%; font-size: 1.1em; position: relative; overflow: hidden; padding-top: .5em; }
.pro-ecmmeet{ width: 100%; position: relative; overflow: hidden; padding-bottom: 2em;  box-sizing: border-box; }
.pro-ecmmeet dl{ width: 100%; display: block ; float: left; margin-bottom: 1em; }
.pro-ecmmeet dl dt{ width:20%; float: left; display: block; text-align: right; font-size: 1.2em; color: #fff; line-height: 1.6em; }
.pro-ecmmeet dl dd{ width: 78%; float: right; text-align: left; font-size: 1.2em; color: #fff; line-height: 1.6em; }
.pro-ecmtwo{ width: 100%; display: block; position: relative; overflow: hidden;  padding-bottom: 2em;}
.pro-ecmtwo ul li{ width: 48%; float: left; display: block; margin-right: 4%; position: relative; margin-bottom: .6em;background:rgba(75,27,198,.3); padding: 1em; box-sizing: border-box; font-size: 1.2em; line-height: 1.6em; color: #fff; border-radius: .5em;  }
.pro-ecmtwo ul li:nth-child(even){ margin-right: 0; }
.pro-ecmtwo ul li:nth-child(7){padding: 1.8em 1em;}



.pro-dhbg1{background-image: url(../images/prod-dahdbg1.jpg); background-repeat: no-repeat; background-size:cover; background-position: center top; width: 100%; position: relative; overflow: hidden; display: block;  padding:3em 1em 2em; box-sizing: border-box; }

.w1sdf{ width: 100%; position: relative ; overflow: hidden; display: block; }

.w1sdf img{ height: 2.3em; display: block; position: relative; }

.wgsa2e{ width: 100%; background: rgba(77, 71, 173, .4); padding: 1em; box-sizing: border-box; display: block; position: relative; font-size: 1.2em; line-height: 2.2em; color: #fff; border-radius:.5em; margin-bottom: 2em; }

.pro-hddatxt{ width: 100%; position: relative; overflow: hidden;background-image: url(../images/w1sdf-04.png); background-repeat: no-repeat; background-size:2em; background-position: left top; padding: 1em 0 2em; box-sizing: border-box; font-size: 1.5em; color: #fff;  }

.pro-hdyc{ width: 100%; position: relative; overflow: hidden; display: block; padding-bottom: 2em; }

.pro-hdyc ul li{ width: 100%; display: block; line-height: 1.4; color: #fff; float: left;background-image: url(../images/w1sdf-05.png); background-repeat: no-repeat; background-size:2.5em; background-position: left top; padding: 1em 0 1.5em 2em; box-sizing: border-box;  }

.pro-hdyc ul li h2{ font-size:1.3em; display: block; position: relative;}

.pro-hdyc ul li h4{ font-size:1.2em; display: block; position: relative;}

.pro-hdyc ul li p{ font-size:1.1em; display: block; position: relative;}



.pro-hdda-jbjs{ width: 100%; position: relative; overflow: hidden;  box-sizing: border-box; }

.pro-hdda-jbjs dl{ width: 100%; position: relative; display: block; color: #fff; margin-bottom: 1em; }

.pro-hdda-jbjs dl dt{ width: 100%; overflow: hidden; padding-right: 1em; background:  rgba(77, 71, 173, .4); display: block; position: relative;}

.hdda-jbjs-img{ width:38%; float: left; }

.hdda-jbjs-img img{ max-width: 100%; }

.hdda-jbjs-con{ width: 58%; float: right; padding:3em 1em 0; box-sizing: border-box; font-size: 1em; line-height: 1.6em; color: #fff;  }

.pro-hdda-jbjs dl dd{ width: 100%; background-image: url(../images/w1sdf-06.png); background-repeat: no-repeat; background-size:cover; background-position: center bottom; padding:1em; box-sizing: border-box; position: relative; display: block; overflow: hidden; }

.pro-hdda-jbjs dl dd h2{ width: 30%; float: left; display: block; text-align: center; font-size:1.5em; line-height: 2.2; }

.pro-hdda-jbjs dl dd h3{ width:66%;  font-size:1.2em; float:right ; line-height:1.4; }



.pro-dhbg2{background-image: url(../images/prod-dahdbg.jpg); background-repeat: no-repeat; background-size:cover; background-position: center bottom; width: 100%; position: relative; overflow: hidden; display: block;  padding: 1em 0 0; box-sizing: border-box; }

.pro-hddameet{ width: 100%; position: relative; overflow: hidden;  box-sizing: border-box; padding: 0 1em;  }

.pro-hddameet dl{ width: 100%; display: block ; float: left; margin-bottom: 1em; }

.pro-hddameet dl dt{ width:20%; float: left; display: block; text-align: right; font-size: 1.2em; color: #fff; line-height: 1.6em; }

.pro-hddameet dl dd{ width: 78%; float: right; text-align: left; font-size: 1.2em; color: #fff; line-height: 1.6em; }

.pro-hddabmzx{ width: 100%; padding: 1em 1em 2em;  position: relative; overflow: hidden;  box-sizing: border-box; }

.pro-hddabmzx h2{ width: 40%; text-align: center; font-size: 1.5em; color: #fff; position: relative; line-height: 2.5; position: relative; float: left; padding-top: 2em;background-image: url(../images/w1sdf-07.png); background-repeat: no-repeat; background-size:4em; background-position:center 4.3em ; } 

.pro-hddabmzx img{ max-width: 40%; float: right; margin-right: 10%; border:.5em solid #fff; }

.pro-dabot{ width: 100%; display: block; position: relative; padding: 2em; box-sizing: border-box; background:  rgba(7, 0, 46, .9); overflow: hidden; }

.pro-dabotxt{ width: 40%; float: left; text-align: center; padding-top: 2em; color: #fff; font-size:1.5em ; line-height: 2; }

.pro-daboterm{ width: 60%; float: right; }

.pro-daboterm dl{ width: 50%; float: left ; text-align: center; display: block; position: relative; }

.pro-daboterm dl dt{ text-align: center; margin: 0 auto; width: 100%; position: relative; }

.pro-daboterm dl dt img{ max-width: 74%; text-align: center; margin: auto; }

.pro-daboterm dl dd{ width: 100%; padding-top: 2em; font-size: 1.2em; color: #fff; display: block ; position: relative; }



.inDass-dsj-yycj{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.inDass-dsj-yycj dl{ width: 100%; display: block; padding: .5em 0; box-sizing: border-box; margin: 0 auto; position: relative;}

.inDass-dsj-yycj dl dt{ width: 100%; color: #0B0B0B; padding-left:2em; box-sizing: border-box; display: block; font-size: 1.3em; line-height: 2em; height: 2em; background-repeat: no-repeat; background-position: center left; background-size: 2em; margin-bottom: .5em;  }

.inDass-dsj-yycj dl dd{ font-size:1.2em; color: #767676; line-height: 1.6em; padding-left: 2em; box-sizing: border-box; }



.pro-gck-con{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.pro-gck-con dl{ width: 50%; box-sizing: border-box; padding: 0 5%; float: left ; display: block; position: relative; margin-bottom:1em ; }

.pro-gck-con dl dt{ width: 100%; display: block; position: relative; padding-bottom: 10px; }

.pro-gck-con dl dd{ width: 100%; position: relative; overflow: hidden; }

.pro-gck-con dl dd h2{ font-size: 1.2em; padding-bottom: .5em; display:block; position:relative; color: #0b0b0b;  }

.pro-gck-con dl dd p{ font-size:1em;  line-height: 1.6em; text-align: justify; color: #767676; display:block; position:relative;  }



.pro-gck-down{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; }

.pro-gck-downimg{ width: 40%; float: left; text-align: right; }

.pro-gck-downimg img{ max-width: 100%; text-align: center; margin: auto; }

.pro-gck-downcon{ width: 55%; float: right; }

.pro-gck-downcon h2{ width: 100%; display: block; position: relative; overflow: hidden; font-size: 1.3em; color: #0b0b0b; padding-top: 2em; padding-bottom: 1em; }

.pro-gck-downcon p{ width: 100%; display: block; font-size: 1.2em; color: #929292; line-height: 1.6em; position: relative; padding-bottom:2em;}

.pro-gck-downcon span a{ display:block; font-size: 1em; width: 7em; height: 2.2em; line-height: 2.2em; text-align: center; border-radius: 1px; border: 1px solid #E7290F;background: #fff; color: #e7290f; }

.pro-gck-downcon span a:hover{  background: #fff; color: #e7290f; }

 



.pro-hyzc-cpjscon{ width: 100%; display: block; position: relative; }

.pro-hyzc-cpjscon p{ font-size: 1.2em; color: #767676; line-height: 1.6em; text-align: justify; padding-left:1em; box-sizing: border-box; position: relative;}

.pro-hyzc-cpjscon p:before{ width: .4em; height: .4em; background: #e7290f; display: block; border-radius: 10px; position: absolute;top: .6em; left: 0; content: "";  }

.pro-hyzc-cpjscon p strong{color: #e7290f; font-weight: normal;}



.hyzc-case{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; }

.hyzc-case-con{ width: 100%; display: block; overflow: hidden; position: relative;  }

.hyzc-case-con h2{ font-size:1.35em; display:block; position:relative; color: #0b0b0b; padding-bottom: .5em;  text-align: center; }

.hyzc-case-con p{ font-size:1.2em; line-height: 1.6em; text-align: justify; color: #767676; display:block; position:relative;  padding-bottom: 1.5em;  }

.hyzc-case-img{ width: 100%; display: block; overflow: hidden; position: relative; }

.hyzc-case-img img{ max-width: 100%; }



.pro-huw-why{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; padding:1em 0; }

.pro-huw-why dl{ width: 100%; float: left; display: block ; position: relative;margin-bottom: 1em; }

.pro-huw-why dl dt{ width: 18%; float: left; display: block; position: relative; }

.pro-huw-why dl dt img{ max-width: 100%; display: block; }

.pro-huw-why dl dd{ width: 80%; float: right; font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; }

.pro-huw-why dl:nth-child(even){ float: right; }



.pro-huw-hycon{ width:100%; display:block; position:relative; overflow:hidden; ; }

.pro-huw-hycon p{ width: 100%; float: left; position: relative; overflow: hidden; font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; padding-left: 1em; text-align: justify; box-sizing: border-box; }

.pro-huw-hycon p:before{ width: .4em; height: .4em; border-radius: 50%; display: block; position: absolute;content: ""; left: 0; top: .6em; background: #767676; } 

 

.pro-huw-sq{ width:100%;  display: block; position: relative; box-sizing: border-box; overflow: hidden; padding-bottom: 1em; }

.pro-huw-sq dl{ width: 18%; float: left; display: block; padding-right: 2.5%; margin-bottom: 1em; position: relative; text-align: center; }

.pro-huw-sq dl:last-child{ padding-right: 0; }

.pro-huw-sq dl dt{ width: 100%;  display: block; text-align: center; margin: auto; }

.pro-huw-sq dl dt img{height: 6em; display: block; margin: auto; text-align: center; }

.pro-huw-sq dl dd{ width: 100%; text-align: center; font-size: 1.2em; color: #0B0B0B; padding-top: .5em; display: block; position: relative; }

.pro-huw-sq dl:after{ width: 2.5%; height: 1px; background: #dedede; display: block; position: absolute; content: ""; right: 0; top: 2.8em; }

.pro-huw-sq dl:last-child:after{ display: none; }



.inDass-sssj-yycj{ width: 100%; margin:0 auto; display: block; position: relative; overflow: hidden;  }

.inDass-sssj-yycj dl{ width:100%; float:left; position:relative; margin-bottom: 50px; display: block; overflow: hidden; } 

.inDass-sssj-yycj dl dt{ background-size: 1.5em; background-repeat: no-repeat; background-position: left center; font-size: 1.3em; color: #0b0b0b; margin-bottom: .5em; height:2em; line-height:2em; width: 100%; padding-left: 2em; box-sizing: border-box; display: block; position: relative; }

.inDass-sssj-yycj dl dd{ width: 100%; display: block; position: relative; padding-left: 2em; box-sizing: border-box;}

.inDass-sssj-yycj dl dd p{ padding-left:1em; font-size: 1.2em; line-height: 1.6em; color: #767676; text-align: justify; width: 100%; position: relative; display: block;}

.inDass-sssj-yycj dl dd p:before{ width: .4em; height: .4em; border-radius: 50%; display: block; position: absolute;content: ""; left: 0; top: .6em; background: #767676; }

.inDass-sssj-yycj dl:last-child{ margin-bottom: 0; }



.InDaas-wjfx-khjzcon{ width: 100%;   display: block; position: relative; }

.InDaas-wjfx-khjzcon ul li{ width: 100%; display: block; padding-left: 2em;box-sizing: border-box; position: relative; margin-bottom:.5em; float:left ; }

.InDaas-wjfx-khjzcon ul li:before{ width: 1em; height: .1em; background: #e7290f; position: absolute; left: 0; top: .9em; content: ""; display: block; }

.InDaas-wjfx-khjzcon ul li h2{ font-size:1.3em; line-height:2em; color:#4f4f4f; display: block; width: 100%; position: relative; text-align: justify;}

.InDaas-wjfx-khjzcon ul li p{ font-size:1.2em; line-height:1.6em; color:#767676; display: block; width: 100%; position: relative;  display:block;} 

.pro-fex-tz{ width: 100%; margin:0 auto; display: block; position: relative; overflow: hidden;  }
.pro-fex-tz dl{ width: 47%;  margin-right: 6%; float: left; box-sizing: border-box; position: relative; display: block;  }
.pro-fex-tz dl:nth-child(even){ margin-right: 0; }
.pro-fex-tz dl dt{ width: 100%; display: block;  padding: 0 25%; box-sizing: border-box; text-align:center;  }
.pro-fex-tz dl dt img{ max-width: 100%;  display: block; margin:auto; text-align:center;  }
.pro-fex-tz dl dd{ width: 100%; padding-top: 1em; display: block; position: relative; }
.pro-fex-tz dl dd h2{ font-size:1.35em; display:block; position:relative; color: #0b0b0b; padding-bottom: .5em;  text-align: center; }
.pro-fex-tz dl dd p{ font-size: 1em; line-height: 1.6em; color: #767676; text-align: center; width: 100%; position: relative; display: block; box-sizing: border-box;} 

.menu15box{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; text-align: center;   }
.menu15box ul li { border-bottom: .2em solid #fff; line-height:2em; display: inline-block; text-align: center; margin: 0 5%; padding: 0 .5em;   text-align: center; font-size: 1.3em; color: #0B0B0B; box-sizing: border-box;} 
.menu15box ul li.hover {border-bottom: .2em solid #e7290f;  cursor: pointer;  }   
.main15box{width:100%; margin:1em auto;   box-sizing: border-box; position: relative; display: block; overflow: hidden;}  
#main15 ul {display: none;}
#main15 ul.block {display: none;} 
.main15boxa{ width: 100%; display: block; text-align: center; position: relative; overflow: hidden; font-size: 1.1em; color: #767676;padding-bottom: .5em; line-height: 1.6em; }
.main15boxb{ width:100%; margin: 0 auto 0; display: block; position: relative; overflow: hidden; }
.main15boxb dl{ width: 100%; float: left; color: #767676; display: block;  margin-bottom:1em; position: relative; }
.main15boxb dl:last-child{ margin-bottom: 0; }
.main15boxb dl dt{ width: 100%; font-size: 1.2em; color: #0b0b0b; line-height: 1.6em;  display: block; position: relative; }
.main15boxb dl dt span{ display: inline-block; font-size: 1.5em; color: #767676; line-height: 1.6em; margin-right: .5em; }

.main15boxb dl dd{ width: 100%; display: block; font-size: 1em; line-height: 1.6em; position: relative; }
.main15boxb dl dd p{ font-size: 1em; color: #767676; line-height: 1.6em; text-align: justify; padding-left:1.5em; box-sizing: border-box; position: relative;}
.main15boxb dl dd p:before{ width: 1em; height: .2em; background: #ccc; display: block; position: absolute;top: .7em; left: 0; content: "";  }


.main15boxnx{ width:100%; margin: 0 auto 0; display: block; position: relative; overflow: hidden; }
.main15boxnx dl{ width: 32%; float: left; color: #767676; display: block; margin-right:2%; position: relative; }
.main15boxnx dl:last-child{ margin-right: 0; }
.main15boxnx dl dt{ width: 100%; padding: 0 20%; box-sizing: border-box; display: block; position: relative; } 
.main15boxnx dl dt img{ max-width: 100%; }

.main15boxc{width: 100%; margin: 0 auto; display: block; position: relative; padding-top: 1em;}
.main15boxc dl{ display: block; width: 49%; float: left; margin-right:2%; margin-bottom:1em;  } 
.main15boxc dl:nth-child(even){ margin-right:0; }  
.main15boxc dl dd h2{ font-size: 1.2em; color: #0b0b0b; display: block; padding-bottom:.5em;  }
.main15boxc dl dd p{ font-size: .9em; color: #767676; display: block;  line-height: 1.6em; overflow: hidden; position: relative; } 


.main15boxc dl dt{ width: 18%; float: left; display: block; position: relative; }
.main15boxc dl dt img{ max-width: 100%; display: block; }
.main15boxc dl dd{ width: 80%; float: right; font-size: 1.2em; line-height: 1.6em; color: #767676; display: block; }


.pro-indizN-one{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; }
.pro-indizN-one dl{ width: 48%; margin-right: 4%; margin-bottom: .5em; display: block; float: left; position: relative; overflow: hidden; }
.pro-indizN-one dl:nth-child(even){ margin-right: 0; }
.pro-indizN-one dl dt{width: 100%; padding-left:1em;box-sizing:border-box ; font-size:1.2em; display: block; position: relative; overflow: hidden; color: #0b0b0b; margin-bottom: .5em;}
.pro-indizN-one dl dt:before{width: .5em; height: .5em; background: rgba(25, 137, 250, 1); display: block; position: absolute; top: .2em; left: 0; content: "";}
.pro-indizN-one dl dd{ width: 100%; display: block; position: relative; overflow: hidden;  padding-left:1.5em;box-sizing:border-box ; }
.pro-indizN-one dl dd p{ font-size: 1em; width: 100%; display: block; line-height:1.6em; color:#767676 ; position: relative; overflow: hidden; margin-bottom: .5em; }

.pro-indizN-two{ width: 100%;  margin:0 auto; display: block; position: relative; overflow: hidden; }

.menu17box{ width:100%; padding:0; box-sizing: border-box;  margin: 0 auto; display: block;  position:relative; overflow: hidden; text-align: center;   z-index:2}
.menu17box ul li{ color:#0B0B0B;   position:relative;  text-align: center;  border-bottom:.2em solid #fff; display: inline-block; padding: 0 .5em;  margin: 0 5%; box-sizing: border-box; font-size: 1.3em; line-height: 2em; }  
.menu17box ul li.hover{ color: rgba(25, 137, 250, 1); border-bottom: .2em solid rgba(25, 137, 250, 1); }  
#main17 ul {display: none;}
#main17 ul.block {display: none;} 

.main17box{ width: 100%;  padding-top: 1em;  position: relative; display: block; overflow: hidden; }
.pro-inbiz-nhsj-cj{ width: 100%; display: block; position: relative; overflow: hidden;  }
.pro-inbiz-nhsj-cj dl{ width: 100%; box-sizing: border-box; display: block;  float: left; position: relative; overflow: hidden; margin-bottom:1.5em; } 
.pro-inbiz-nhsj-cj dl dt{ width: 20%; display: block; float: left;  }
.pro-inbiz-nhsj-cj dl dt img{ max-width: 100%; }
.pro-inbiz-nhsj-cj dl dd{ width: 75%; float: right; padding-top: 1em; }
.pro-inbiz-nhsj-cj dl dd h2{width: 100%; height: 2.5em; line-height: 2.5em; text-align: center; display: block; position: relative; font-size: 1.3em; color: rgba(25, 137, 250, 1); background-image: url(../images/prod/pro-inbiz-nhsj-cjbg.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.pro-inbiz-nhsj-cj dl dd p{ width: 100%; padding: 10px 0 0 15px; font-size: 14px; color: #767676; line-height: 22px; display: block; position: relative;overflow: hidden; height: 76px; box-sizing: border-box;  }

.pro-inbiz-nhsj-zj{ width: 100%; margin: 2em auto 0; display: block; position: relative; overflow: hidden; }
.pro-inbiz-nhsj-zj h1{width:15%; text-align:center; font-size:1.5em; line-height:1.6em; color:#0b0b0b; float: left;}
.pro-inbiz-nhsj-zj dl{ width: 80%; float: right; display: block; position: relative; overflow: hidden; } 
.pro-inbiz-nhsj-zj dl dd{width:100%; float:left; display:block; position:relative; margin-bottom:1em; padding-left:2em; box-sizing:border-box ;}
.pro-inbiz-nhsj-zj dl dd:before{ width: 1em; height: .2em; background:rgba(25, 137, 250, 1) ; display: block; position: absolute; left: 0; top: .5em; content: ""; }
.pro-inbiz-nhsj-zj dl dd h2{ font-size: 1.2em; color: #0b0b0b; display: block;  }
.pro-inbiz-nhsj-zj dl dd p{ font-size: 1em; color: #767676; display: block; line-height: 1.6em; }

.pro-inbiz-nhsj-nh{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden;  }
.pro-inbiz-nhsj-nh dl{ width: 49%; padding: 0 1em 1em; box-sizing: border-box; margin-right: 2%; margin-bottom: 1em; background: rgba(252, 253, 255, 1);
box-shadow: 0px 3px 3px rgba(24, 53, 91, 0.12),inset 0px 3px 8px rgba(4, 32, 88, 0.1);
border-radius: 4px; float: left; display: block; text-align: center; position: relative; overflow: hidden; }
.pro-inbiz-nhsj-nh dl:nth-child(even){ margin-right: 0; }
.pro-inbiz-nhsj-nh dl .nhsgl{ width: 60px; height: 60px;background: rgba(255, 255, 255, 1);
border: 1px solid rgba(255, 255, 255, 1);
box-shadow: 0px 3px 6px rgba(24, 53, 91, 0.16),inset 3px 3px 8px rgba(4, 32, 88, 0.1);
border-radius: 8px; padding: 5px;  margin:25px auto 0; display: block; text-align: center; position: relative; overflow: hidden; transition: all .3s;  box-sizing: border-box;}
.pro-inbiz-nhsj-nh dl span{ width: 50px; height: 50px; margin: 0 auto;   display: table-cell; vertical-align: middle; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; }
.pro-inbiz-nhsj-nh dl span img{ max-width:50px; max-height: 50px; display: block; text-align: center; margin: auto; } 
.pro-inbiz-nhsj-nh dl h2{ width: 100%; display: block; transition: all .3s; font-size: 1.35em; margin-top: 1em;margin-bottom: .5em; color: #0b0b0b; position: relative; }
.pro-inbiz-nhsj-nh dl p{ width: 100%;font-size: 1em; text-align: left;  line-height: 1.6em; color: #767676; position: relative;}



.pro-inbiz-nhsj-jg{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden;   }
.pro-inbiz-nhsj-jg dl{ width: 100%; float: left; display: block; position: relative; overflow: hidden; text-align: center; margin-bottom: 2em; }
.pro-inbiz-nhsj-jg dl h2{ font-size:1.3em; color:#0b0b0b; position: relative; overflow: hidden; display: block; padding-bottom: 15px; } 
.pro-inbiz-nhsj-jg dl p{ font-size:1em; line-height:1.6em; color:#767676; position: relative; overflow: hidden; display: block; margin-bottom: 1em; padding: 0 1em; box-sizing: border-box; text-align: left; }
.pro-inbiz-nhsj-jg dl img{ max-width: 100%; margin: auto; }   

.pro-indizN-tymb{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; text-align: center; padding-bottom: 1em;  }
.pro-indizN-tymb h2{ font-size: 1.2em; color: #767676; text-align: center; width: 100%; display: block; padding-bottom: 1em; position: relative; overflow: hidden; }
.pro-indizN-tymb ul{ width: 100%; position: relative; overflow: hidden; }
.pro-indizN-tymb ul li{ width: 49%; display: block; float: left; margin-right: 2%; margin-bottom: .5em;  position: relative; }
.pro-indizN-tymb ul li img{ max-width: 100%; display: block; text-align: center; }
.pro-indizN-tymb ul li span{ width: 100%; display: block; position: relative; text-align: center; font-size:1.1em; color:#767676; line-height: 2em; }
.pro-indizN-tymb ul li:nth-child(even){ margin-right: 0; }

.pro-indizN-jjfa{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; text-align: center; }
.pro-indizN-jjfa h2{ font-size: 1.2em; color: #767676; text-align: center; width: 100%; display: block; padding-bottom: 1em; position: relative; overflow: hidden; }
.pro-indizN-jjfa ul{ width:100%; margin: 0 auto; position: relative; overflow: hidden; text-align: center; }
.pro-indizN-jjfa ul li{ width: 49%; float: left; display: block;  margin-right: 2%; margin-bottom: .5em; position: relative; }
.pro-indizN-jjfa ul li:nth-child(even){ margin-right: 0; }
.pro-indizN-jjfa ul li img{ max-width: 100%; display: block; text-align: center; }
.pro-indizN-jjfa ul li span{ width: 100%; display: block; position: relative; text-align: center; font-size:1.1em; color:#767676; line-height: 2em; } 

.pro-UDCzt-nl{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; }
.menu14box{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden;    }
.menu14box ul{ width: 29em; margin: 0 auto; display: block; position: relative; overflow: hidden;  height: 12em; }
.menu14box ul li { width: 4em; height: 4em; display: block;  text-align: center; font-size: 1.2em; color: #fff; position: absolute;  line-height: 4em; background-repeat: no-repeat; background-position: center; background-image: url(../images/prod/pro-UDCzt-nlaa.png); background-size: contain;  box-sizing: border-box;} 
.menu14box ul li:nth-child(1){left: 0; top: 2em;}
.menu14box ul li:nth-child(2){left: 3.3em; top: 0;}
.menu14box ul li:nth-child(3){left: 3.3em; top: 4em;}
.menu14box ul li:nth-child(4){left: 6.6em; top: 2em;}
.menu14box ul li:nth-child(5){left: 6.6em; top: 6em;}
.menu14box ul li:nth-child(6){left: 9.9em; top: 0;}
.menu14box ul li:nth-child(7){left: 9.9em; top: 4em;}
.menu14box ul li:nth-child(8){left: 13.2em; top: 2em;}
.menu14box ul li:nth-child(9){left: 13.2em; top: 6em;}
.menu14box ul li:nth-child(10){left: 16.5em; top: 0;}
.menu14box ul li:nth-child(11){left: 16.5em; top: 4em;}
.menu14box ul li:nth-child(12){left:19.8em; top: 2em;}
.menu14box ul li.hover {background-image: url(../images/prod/pro-UDCzt-nlhh.png); cursor: pointer; line-height:3.4em;  }  
.menu14box ul li.hover:after{ width: 1.4em; height: .1em; position: absolute; left: 1.3em; top: 3em; display: block; background: #fff; content: ""; }
.main14box{width:100%; margin: 2em auto 0;   box-sizing: border-box; position: relative; display: block; overflow: hidden;}  
#main14 ul {display: none;}
#main14 ul.block {display: none;} 
.main14boxfl{ width: 100%;   display: block; position: relative;  }
.main14boxfl h2{ font-size: 1.2em; text-align: center; font-weight: bold; color: #0B0B0B; padding-bottom: 1em; display: block; }
.main14boxfl p{ font-size: 1em; text-align: justify;  box-sizing: border-box; line-height: 1.6em; color: #767676; display: block; position: relative; }