@charset "utf-8";
/* CSS Document */
/*2023.01.06*/
.subbanner,.subbanner2{width: 100%;overflow: hidden;position: relative; } 
.subbanner:after { content: ''; position: absolute; width: 100%; bottom: 0px; height: 250px; z-index: 1;
    background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, .45)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .45));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, .45), endColorstr=rgba(0, 0, 0, 0));}
.subbanner-con{width: 100%;height: 0;padding-bottom:26%;overflow: hidden; text-align: center;}
.subbanner-con img{ width: 100%; }
.subbanner-con2{ width: 100%;height:100vh;overflow: hidden; text-align: center; }
.subbanner-con2 img{ height: 100vh; }
.subbanner-con2 video{width: 100%;height: 100%;object-fit: cover;}
.subbanner2 #playBnt{ display: block; width: auto; color: #fff; position: absolute; left: 50%; top: 50%; cursor: pointer;font-size: 2.0rem;
  margin-left: -50px; margin-top: -55px; background: url(../images/play.png) no-repeat center top; padding-top: 84px;z-index: 99;}
.subPage{position: relative;z-index: 9;}
.subPagebg{ background: #eff4fa; overflow: hidden;}


.list7 ul li { float: left; width: 25%; }
.list7 ul li a{ display: block; margin:0 25px; overflow: hidden; }
.list7 ul li .slickText { margin-top:20px; text-align: center; }
.list7 ul li .gp-img-responsive{ padding-bottom: 75.2% }

/*侧边栏*/  
.subLeft{ position: relative;}
.gp-subLeft{}
.gp-subLeft > ul{ border-bottom: #d2d2d2 1px solid; text-align: center;}
.gp-subLeft > ul >li{ display: inline-block; position: relative; margin: 0 3%;} 
.gp-subLeft > ul >li:before{ content: ""; display: block;width: 0; height: 5px; background: #ee8840; position: absolute;
left:50%; bottom: 0; margin-left: -48px;}
.gp-subLeft > ul >li > a{ display: table; width: 100%; height:97px; font-size:20px; font-size:2.0rem;text-align: center;}
.gp-subLeft > ul >li > a span{ display: table-cell; vertical-align: middle; color: #666666; transition: all 0.2s ease-out;}
.gp-subLeft > ul >li:hover > a span,.gp-subLeft > ul >li.active > a span{ color: #00479d; font-size: 24px; font-size: 2.4rem; }
.gp-subLeft > ul >li:hover:before,.gp-subLeft > ul >li.active:before{ width: 96px; }
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 36px;height:74px;position: absolute;right: 0;top: 0;line-height: 59px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;margin-right: 12px;}
.gp-subLeft .gp-toggles.icon-jia{background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-toggles.icon-jia.icon-down{background: url(../images/jian.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles{width: 50px;height: 50px;line-height: 50px;}
.gp-subLeft .gp-sub-toggles.icon-jia{background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles.icon-jian{background: url(../images/jian.png) no-repeat center center;}
.gp-second-nav{padding:10px;display: none;position: absolute;top: 55px;left: 0;width: 100%;z-index: 999;background: #181878;}
.gp-second-nav dd{position: relative;}
.gp-second-nav dd a{display: block;position: relative; padding:8px 10px; transition: all 0.35s ease-in-out; }
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 10px 30px 10px 50px;background-color: #3d72b3;color:#ddd;border-bottom: none;}
.gp-second-nav dd:hover a,.gp-second-nav dd.active a{color:#ed6c00; }
.gp-subLeft > ul >li:hover .gp-second-nav{ display: block; }

.gp-subLeft *{transition: none;}
.gp-subLeft .subText{ margin: 25px 0; }
.gp-subRight{ margin-bottom: 100px; min-height: 600px; background: #fff; position: relative;}
.gp-subRight-con{ padding:50px 50px 80px 50px; overflow: hidden; position: relative;}
/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:42px;background-color: #1e3282;cursor:pointer;line-height: 42px;}
.gp-m-inner-header > span{height: 50px;padding-left: 15px;font-size: 1.8rem;color:#fff;}
.gp-m-subNav .gp-m-inner-header-icon{float: right; width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-out i.icon-jia{display: block; background: url(../images/jia.png) no-repeat center;width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian{display: block; background: url(../images/jian.png) no-repeat center;width: 50px;height: 42px;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;display:block;color:#fff;}
.gp-subNavm ul{background: #fff;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:38px;line-height:38px;border-bottom:1px solid #eee;display:block;} 
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle,.gp-sub-m-toggle{width: 15px;height: 15px;position: absolute;right: 16px;top: 15px;line-height: 40px;text-align: center;}
.gp-m-toggle.icon-right{ background: url(../images/jia.png) no-repeat center center;}
.gp-m-toggle.icon-down{ background: url(../images/jian.png) no-repeat center center; }
.gp-subNavm dl{ display: none; background-color:#FDFDFD; }
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #f3f5f6;position: relative;}
.gp-subNavm li dl dd a{ font-size: 14px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#5b396c;}

.subCon{ background: #fff; margin: 50px auto 100px; overflow: hidden;}
.sub-leftTitle{width: 100%; padding: 0 30px; box-sizing: border-box; position: absolute; bottom: 90px;z-index: 9; text-align: center; overflow: hidden;}
.sub-leftTitle h2{ display: inline-block; margin-bottom: 35px;}
/*自定义*/ 

/*文章页和简介页*/
.gp-bread{ display: inline-block; float: right; }
.gp-bread > div{ background: url(../images/local.png) no-repeat left center;padding-left: 25px;}
.Bucea-article01{ }
.pageArticleTitle{ overflow: hidden; }
.pageArticleTitle h3{ text-align: center; }
.articleAuthor { text-align: center; padding:20px 0; margin:25px 0; color: #999; border-bottom: #00479d 1px solid; overflow: hidden; }
.articleAuthor span{ color: #999999; padding: 0 20px;}
.articleAuthor .title{ border: #e6e6e6 1px solid; padding:5px 10px; border-radius: 3px; }
.gp-article{line-height:30px; }
.gp-article p{} 
.gp-article table{margin: auto;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }
.gp-article img{ padding: 15px 0; }

/*通栏标题*/
.subTitle{ padding: 40px 50px; border-bottom: #dcdcdc 1px solid; overflow: hidden; }
.subTitle h2{  font-weight: normal; font-family: '方正正中黑简体'; display: inline-block; float: left;}

/*列表页*/
.articleTitle02{ padding:35px 50px; border-bottom: #dcdcdc 1px solid; overflow: hidden;}
.articleTitle02 span{ }


/*1-2企业文化*/
.wraplist1{ padding: 80px 0;  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.wraplist1 .list1{ width: calc(100% + 7vw); }
.wraplist1 .gp-article p{ line-height: 28px; }
.wraplist2{ background: url(../images/modebg4.jpg) no-repeat center top; background-size: cover; padding: 90px 0 130px 0; overflow: hidden; }
.listTitle{ position: relative; margin-bottom: 70px;}
.listTitle .title_en{ position: absolute; bottom:13px; left: 0; padding-top: 50px; }
.listTitle .title_en:before{content: ""; display: block;width:120px; height: 5px;background: #ee8840; position: absolute; top: 0;}
.listTitle .title_cn{ color: #fff; font-family: 'Atlantic Inline';}
.list2 .title_cn{ opacity: 0.1; }
.list2 .title_en{ color: #fff; }


.listContent2 li{ width:8%;height: 320px; transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.listContent2 li.on{width:43%;}
.listContent2 li a{ display: block; margin: 5px; height: 320px; overflow: hidden; }
.listContent2 .listName{ display: table;width:123px; height:320px; float: left;text-align: center; background: rgba(255,255,255,0.9); position: relative;}
.listContent2 .listName .title{display: table-cell; vertical-align: middle; padding:20px 35px; font-family: '黑体';}
.listContent2 .listText{ margin-left: 133px; background: rgba(0,0,0,0.35); height: 320px; border-left: #ee8840 5px solid; overflow: hidden;}
.listContent2 .listTextCon{ margin: 40px; overflow: hidden; }
.listContent2 .listCon{ line-height: 38px; max-height: 188px; margin-top: 20px;  }


/*1-3社会责任*/
.wraplist3{ padding: 80px 0; overflow: hidden; }
.listTitle .title_cn.gray{ color: #f5f5f5; }
.listContent3{ padding:0 68px; overflow: hidden; clear: both;}
.listContent3 .slick-slider > a{display: block;margin:0 40px; overflow: hidden;}
.listContent3 .gp-img-responsive{ padding-bottom: 133%; }
.listContent3 .slickText{ text-align: center; margin-top:15px; }
.listContent3 .slickName{ height:auto; max-height: 48px;}
.listContent3 .slick-arrow{ width:60px; height:60px;text-indent: 999em; border: none; outline: none; cursor: pointer; margin-top: -30px; border-radius: 50%; }
.listContent3 .slick-prev{ background: url(../images/prev.png) no-repeat center rgba(0,0,0,0.2); position: absolute; left:0;top: 50%;z-index: 9;}
.listContent3 .slick-next{ background: url(../images/next.png) no-repeat center rgba(0,0,0,0.2); position: absolute; right:0;top: 50%;z-index: 9;}

.wraplist4{ padding: 60px 0; background: url(../images/modebg5.jpg) no-repeat center top; background-size: cover; overflow: hidden; }
.wraplist4 .title_cn{ opacity: 0.4; }

.wraplist5{ background: #ebf0f3; padding: 50px 0 140px; overflow: hidden; }
.wraplist5 .title_cn{ color: #dde5ea; }
.list5 > .gp-fl{ width:50%; overflow: hidden; }
.list5 > .gp-fr{ width:48.2%; overflow: hidden; }
.listContent5 {}
.listContent5 a{ display: block; overflow: hidden; }
.listContent5 .listText{ position: absolute; bottom: 0;width: 100%; height:70px;background:rgba(0,0,0,0.35);}
.listContent5 .listTitle3{ height:70px;line-height: 70px; padding: 0 20px;}
.listContent5 .slick-arrow{ display: none !important;}
.listContent5 .slick-dots{ bottom: 30px; right: 20px; width: auto;}
.listContent5 .slick-dots li{ width: 8px; height: 8px; border: #fff 1px solid; background: none; margin: 0 10px;}
.listContent5 .slick-dots li.slick-active{ background: #00479d; border: #00479d 1px solid; }

.list5-lf{ width: 52%; float: left; overflow: hidden;}
.list5-lf li { padding:25px; margin-bottom: 10px; background: #fff; overflow: hidden; }
.list5-lf li a{ display: block; overflow: hidden; transition: all 0.2s ease;}
.list5-lf .listDate{ margin-top: 14px; background: url(../images/morebg.png) no-repeat center right 1px;}
.list5-lf .listDate *{ color: #999; }
.list5-lf .year{ height: 24px; line-height: 24px;}
.list5-lf .day{ height: 30px; line-height: 30px; }
.list5-lf .listText{ border-bottom: #eeeeee 1px solid; transition: all 0.2s ease-out;}
.list5-lf .listT{ height: 24px; }
.list5-lf .listCon{ margin: 14px 0; }
.list5-lf li:hover,.list5-rt li:hover { background: #00479d; }
.list5-lf li:hover *,.list5-rt li:hover *{ color: #fff; }
.list5-lf li:hover .listCon,.list5-lf li:hover .year{opacity: 0.66;}

.list5-rt{ width: 44%; float: right; overflow: hidden; }
.list5-rt li { padding:39px 25px; margin-bottom: 10px; background: #fff; overflow: hidden; }
.list5-rt li a{ display: block; overflow: hidden; transition: all 0.2s ease;}
.list5-rt .listDate{ width: 75px; float: left; }
.list5-rt .listDate *{ color: #999999; }
.list5-rt .year{ height: 24px; line-height: 24px;}
.list5-rt .day{ height: 30px; line-height: 30px; position: relative;padding-bottom: 5px; margin-bottom: 5px;}
.list5-rt .day:before{ content: ""; display: block;width: 20px; height: 1px;background: #e5e5e5; position: absolute; bottom: 0; left: 0; }
.list5-rt .listText{ margin-left:75px; padding-left: 16px; border-left: #eeeeee 1px solid; transition: all 0.2s ease-out;}
.list5-rt .listT{ }
.list5-rt li a:hover .listText{ padding-left: 22px; }


/*1- 关于我们*/
.wraplist6{ background: url(../images/modebg6.jpg) no-repeat center top; background-size: cover; padding: 100px 0; overflow: hidden;} 
.list6{ background: url(../images/img7.jpg) no-repeat left top; overflow: hidden; }
.list6 .listTitle{ padding-top: 8px; }
.listContent6{ width:69%; float: right;}
.listContent6 .gp-article{ position: relative; }
.listContent6 .gp-article:before{ content:""; display:block; width: 31px; height: 26px;background: url(../images/yh.png) no-repeat center;
position: absolute; left: -50px; top: -30px; }

.wraplist7{ padding: 80px 0;overflow: hidden; }
.listContent7{ overflow: hidden;}
.listContent7 .slick-slider > a{display: block;margin:0 25px; overflow: hidden;}
.listContent7 .gp-img-responsive{ padding-bottom: 75%; }
.listContent7 .slickText{ text-align: center; margin-top:20px; }
.listContent7 .slickName{ height:auto; max-height: 48px;}


.wraplist8{ background: url(../images/modebg7.jpg) no-repeat top center; background-size: cover; padding: 80px 0; overflow: hidden; }
.list8 .title_cn{ opacity: 0.1; }
.listContent8{ padding:0 220px 70px 220px; overflow: hidden;}
.listContent8 a{ display: block; overflow: hidden; }
.listContent8 .listText{ }
.listContent8 .listDate{ width: 290px; float: left; overflow: hidden; }
.listContent8 .listCon{ margin:20px 0 0 290px; line-height: 28px; max-height: 84px;}
.listContent8 .slick-arrow{}
.listContent8 .slick-dots{ bottom: 0; left: 0; width: 100%; height: 40px; display: none;}
.listContent8 .slick-dots:before{ content: ""; display: block;width: 100%; height: 1px; background: rgba(255,255,255,0.33); position: absolute; bottom:17px;left: 0;}
.listContent8 .slick-dots li{ width:20px; height:20px; border-radius: 0; background: #fff; border: none; transform: rotate(45deg); margin: 0 50px;}
.listContent8 .slick-dots li.slick-active{ background: #ee8840; }
.listContent8 .slick-arrow{ width:60px; height:60px;text-indent: 999em; border:rgba(255,255,255,0.5) 1px solid; outline: none; cursor: pointer; border-radius: 50%; }
.listContent8 .slick-prev{ background: url(../images/prev.png) no-repeat center rgba(0,0,0,0.2); position: absolute; left:0;top:20px;z-index: 9;}
.listContent8 .slick-next{ background: url(../images/next.png) no-repeat center rgba(0,0,0,0.2); position: absolute; right:0;top:20px;z-index: 9;}


.wraplist9{ padding: 100px 0; overflow: hidden; }
.listTitle { position:relative;}
.listTitle .more{ position: absolute; right: 0; bottom:10px; display: block;width: 115px; height: 34px;text-align: center;line-height: 34px; border:#d2d2d2 1px solid;
border-radius: 20px; }
.listContent9{ margin: -25px; overflow: hidden; }
.listContent9 li{ width: 20%; }
.listContent9 li a{ display: block; margin: 25px; overflow: hidden; }
.listContent9 .listName{ margin: 20px 0 0; text-align: center; line-height: 24px; height: 48px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.listContent9 .gp-img-responsive { padding-bottom:75.2%; }

/*2- 研发与制造*/
.wraplist10{ padding: 80px 0; overflow: hidden; }
.listContent10{ margin:20px 80px; overflow: hidden; }
.listContent10 li{ width: 33.3%; }
.listContent10 li a{ display: block; margin:40px; overflow: hidden; }
.listContent10 .listName{ margin: 20px 0 0; text-align: center; line-height: 24px; height: 24px; }


.wraplist11{ background: url(../images/modebg8.jpg) no-repeat top center; padding: 70px 0 20px; margin-bottom: -100px; overflow: hidden; }
.listTitle11{ text-align: center; margin-bottom: 70px; }
.listContent11{ margin: -50px 0; text-align: center; }
.listContent11 li { width:38%; }
.listContent11 li > div{ margin:50px; }
.listContent11 li a{ display: table;width: 100%; height: 180px; background: #fff; border-top: #ee8840 10px solid; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 10px; border-top-right-radius: 10px;  box-sizing: border-box;}
.listContent11 .listName{ display: table-cell; vertical-align: middle; padding: 0 30px; line-height: 30px;}
.listContent11 .listName strong{ font-size:36px; color: #ee8840; font-weight:normal;  font-family: 'FZZhengHeiS-DB-GB';}


.wraplist12{ background: url(../images/modebg9.jpg) no-repeat top center; padding: 180px 0 100px; overflow: hidden; }
.listContent12{ position: relative; margin: -25px; padding-bottom: 50px; overflow: hidden;}
.listContent12 li{filter: brightness(1);}
.listContent12 li a{ display: block; margin: 25px; overflow: hidden; }
.listContent12 .listName{ margin-top: 20px; line-height: 24px;height: 24px; }
.listContent12 .swiper-scrollbar{width: calc(100% - 40px);left: 20px;height: 16px;background: none;bottom: 0;}
.listContent12 .swiper-scrollbar::after{content: '';background: #dcdcdc;height: 1px;position: absolute;left: 0;right: 0;top: 50%;}
.listContent12 .swiper-scrollbar-drag{background: url(../images/scroll-btn.png) center no-repeat; background-size: contain; z-index: 2;}


.wraplist13{ padding-top:160px; overflow: hidden; }
.list13 .gp-article{ margin-bottom: 40px; }
.list13-lf{ background: #f5f9fc; width:46.2%; padding: 50px 50px 130px 0;box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.1); float: left; box-sizing: border-box; position: relative;}
.list13-lf:before{ content: ""; display: block;width: 50%; height: 100%; background:#f5f9fc; position: absolute; left: -10vw; top: 0; }
.list13-rt{ width:50.6%; float: right; padding-top: 60px; overflow: hidden; }
.listContent13{ margin: -15px -25px; overflow: hidden; position: relative;z-index: 1;}
.listContent13 li{width: 50%;}
.listContent13 li a{ display: block; margin: 15px 25px; padding: 25px; line-height: 36px; border: #00479d 1px solid; overflow: hidden; }
.listContent13 .num{ color: #ee8840; }
.listContent13 .num b{ font-weight: normal; }
.listContent13 .listText{ height: 72px; }
.listContent13-2{ margin: -25px; overflow: hidden; }
.listContent13-2 li{ width: 33.3%; }
.listContent13-2 li a{ display: block; margin: 25px; overflow: hidden; }

.listContent13-2 .gp-img-responsive{ padding-bottom:75.2%;}


/*2-5质量管理*/
.wraplist14{ padding: 80px 0; background: #f8f9fb; overflow: hidden; }
.wraplist15{ padding: 80px 0; overflow: hidden; }
.listContent15{ margin: -25px;}
.listContent15 li{ width:50%; }
/* .listContent15 li:nth-child(2n){ margin-top: 30px;} */
.listContent15 li a{ display: block; margin:25px; overflow: hidden;position: relative;}
.listContent15 .listText{ background: rgba(0, 71, 157, 0.55); padding:15px 45px; box-sizing: border-box; overflow: visible; width: 80%;
  position: absolute; bottom: 0; left: 0;}
.listContent15 .listText::before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 108px solid #00479d;
  opacity: 0.55;
  border-right:27px solid transparent;
  position: absolute;
  right: -27px;
  top: 0;
  }
.listContent15 .listText *{ color: #fff;} 
.listContent15 .listTil{ margin-bottom: 10px; height: 24px; line-height: 24px;}
.listContent15 .listCon{height: 44px;line-height: 22px;}
.listContent15 li a:hover .listText{ background: #00479d;}
.listContent15 li a:hover .listText::before{ opacity: 1;}

 
                  

/*4- 模切设备*/
.wraplist16{ padding: 80px 0; background:url(../images/modebg10.jpg) no-repeat top center; background-size: cover; overflow: hidden;}
.wraplist17{ padding: 50px 0 100px; overflow:hidden; }
.listContent17{ margin:-25px; overflow: hidden;}
.listContent17 li{ width: 33.3%; }
.listContent17 li a{ display: block; margin:25px; overflow: hidden; }
.listContent17 .listName{ margin: 20px 0 0; text-align: center; line-height: 24px; height: 24px; }


/*通用图片列表页*/
.listContent18{ margin:-25px; overflow: hidden;}
.listContent18 li{ width:25%; }
.listContent18 li a{ display: block; margin:20px 25px; overflow: hidden; }
.listContent18 .listName{ margin: 20px 0 0; text-align: center; line-height: 24px; height: 24px; }
.listContent18 .gp-img-responsive { padding-bottom:75.2%}

/*5-1公司新闻*/
.listContent19 { margin: 20px; }
.listContent19 li { margin-bottom:60px; position: relative;}
.listContent19 li a { display: block; position: relative;}
.listContent19 li a:before{ content: ""; display: block;width: 100%; height: 100%;border: #00479d 1px solid; position: absolute; left: 0; top: 0; box-sizing: border-box;}
.listContent19 .gp-img-responsive {width:500px;height:281px;padding: 0;float: left;position: relative;z-index: 9;top: -20px; left: -20px;}
.listContent19 .listText {display: block;margin-left:500px;padding:40px;transition: all 0.2s ease; position: relative;z-index: 9;}
.listContent19 .listName { line-height: 24px;height:24px;}
.listContent19 .listCon { line-height: 26px; max-height:78px;color: #999999;}
.listContent19 .listDate {display: inline-block; color: #f39800; height: 20px; line-height: 20px; margin: 20px 0;}
.noMargin .listText {margin: 0 !important;}



/*3-新能源电池材料*/
.wraptabTitle{ width:100%; overflow: hidden; }
.tabTitle{ margin-bottom: 50px; overflow: hidden; text-align: center;}
.tabTitle li{display:inline-block; width: 23%; margin: 0 2%;}
.tabTitle a{ display: table; width:100%; height: 80px; border: #ee8840 1px solid; padding: 0 10px; box-sizing: border-box; overflow: hidden;}
.tabTitle span{ display:table-cell; vertical-align: middle;   }
.tabTitle li.active a{ background:#00479d; border: #00479d 1px solid; color: #fff; }
.listContent20 { }
.listContent20 li { margin-bottom:40px; background: #fff; box-shadow: 0.349px 9.994px 20px 0px rgba(7, 18, 67, 0.1); overflow: hidden;}
.listContent20 li a { display: block; margin: 30px; overflow: hidden;}
.listContent20 .gp-img-responsive {width:500px;height:281px;padding: 0;float: left; }
.listContent20 .listText {display: block;margin-left:500px;padding:20px 50px; transition: all 0.2s ease; position: relative;z-index: 9;}
.listContent20 .listName { line-height: 24px;height:24px;}
.listContent20 .listCon { line-height: 26px; max-height:104px;color: #666; margin-top:20px;}
.listContent20 .listDate {display: inline-block;color: #767573;height: 20px;line-height: 20px;margin: 20px 0;}



/*联系我们地图*/
#bMapContainer {height: 550px; margin-bottom: 20px;}
.BMap_bubble_content { font-size: 14px; line-height:2;padding-top: 7px;}

/* 制造管理 */
.listContent21{ position: relative;}
.list21-Text{ overflow: hidden;position: absolute;right: 0;top:20px; }
.list21-Text span{ display: inline-block; padding: 5px; color:#13368b;}
.list21-Til{ border-bottom: #13368b 1px solid; overflow: hidden;}
.list21-Til li{ }
.list21-Til li a{ display: block;padding:18px 30px;}
.list21-Til li:nth-child(1) span{ background: url(../images/icon11.png) no-repeat left center; background-size: 22px;}
.list21-Til li:nth-child(2) span{ background: url(../images/icon22.png) no-repeat left center; background-size: 22px;}
.list21-Til li span{ padding-left: 32px;}
.list21-Til li.on a{ background: #13368b; border-top-left-radius: 10px; border-bottom-left-radius:10px ;}
.list21-Til li.on span{ color: #fff; font-size: 2.4rem; padding-left:35px;}
.list21-Til li:nth-child(1).on span{ background: url(../images/icon1.png) no-repeat left center;}
.list21-Til li:nth-child(2).on span{ background: url(../images/icon2.png) no-repeat left center;}
.list21-Box{ margin: 100px 0;}
.list21-Box li{ display: none;}
.list21-Box li.on{ display: block; text-align: center;}
.list12.gp-ul-inline > dd{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;
   width: 16.66%; text-align: center;position: relative;}
.list12 dd:nth-child(1n):before{ content: ""; display: block; width: 100%; height: 245px; background: #edf1fa; box-sizing: border-box;
  position: absolute;left: 0; top: 0; transform:rotate(45deg);} 
.list12 dd:nth-child(2n):before{ content: ""; display: block; width: 100%; height: 245px; background: #fff; /*border: #13368b 1px dashed; */
  position: absolute; left: 0; top: 0; transform:rotate(45deg);
  background: repeating-linear-gradient(135deg, transparent, transparent 3px, #13368b 3px, #13368b 8px);
  animation: shine 1s infinite linear; overflow: hidden;} 
.list12 dd:nth-child(2n):after{ content: ""; display: block; width:99%; height: 243px; background: #fff;position:absolute;
  left: 1px; top: 1px;transform:rotate(45deg);} 
.list12 dd a{ display: block; overflow: hidden; margin-top: 40px; position: relative;z-index:99;}
.list12 .icon { height: 80px;}
.list12 .icon img{ height: 100%;} 
.list12 .listText {padding: 25px 0 15px;position: relative;}
.list12 .listText::before{ content: ""; display: block; width:96px; height: 1px; background: #cfa972;position: absolute;
left: 50%; transform: translate(-50%); bottom: 0;}

@keyframes shine {
  0% { background-position: -1px -1px;}
  100% { background-position: -12px -12px;}
}


.listContent22{ margin:90px -10px; overflow: hidden;} 
.listContent22 li{ width:20%; }
.listContent22 li a{ display: block; margin:10px; padding-bottom: 12px; overflow: hidden;position: relative;}
.listContent22 .gp-img-responsive{ padding-bottom: 70%;}
.listContent22 .listText{ background:#13368b; padding:7px 10px; min-width: 130px; text-align: center; box-sizing: border-box; overflow: visible;
  position: absolute; bottom: 0; left: 0;}
.listContent22 .listText::before{ content: ""; display: block;width: 0; height: 0; border-bottom:38px solid #13368b;
  border-right:12px solid transparent; position: absolute; right: -12px; top: 0;}
.listContent22 .listText *{ color: #fff;} 
.listContent22 .listTil{height: 24px; line-height: 24px;}

.listContent23{ max-width: 1000px; margin:0 auto;position: relative;}
.listContent23 #playBnt{ display: block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%;
  transform: translate(-50%); margin-top: -50px; cursor: pointer; background: url(../images/play2.png) no-repeat center; background-size: cover; z-index: 99;}
.listContent23 video{ width: 100%;}





/*文章页翻页篇*/
.articlePages{ margin: 50px 0; overflow: hidden; }
.articlePages .gp-fl,.articlePages .gp-fr{ width: 48%; overflow: hidden; }
.articlePages a{display: block; overflow: hidden;}
.articlePages span{ padding:7px 0; color: #999; }
.articlePages .gp-fl a{ background: url(../images/article-lf.png) no-repeat left center; padding-left: 40px;}
.articlePages .gp-fr a{ background: url(../images/article-rt.png) no-repeat right center; padding-right: 40px;text-align: right;}
.articlePages a:hover *{ color: #1e3282; }
.articlePages .gp-fl a:hover{background: url(../images/article-lf2.png) no-repeat left center;}
.articlePages .gp-fr a:hover{background: url(../images/article-rt2.png) no-repeat right center;}



/* 全球化布局 */
.wraplist18{ padding: 80px 0 0;}
.wraplist18 .titleList{ font-size: 0; text-align: center;}
.wraplist18 .tab_til{ display: inline-block; font-size: 2.4rem; width: 344px; height: 84px; line-height: 84px; text-align: center; margin-right: 50px;
  border: 1px solid #ee8840; box-sizing: border-box; color: #333; overflow: hidden; transition: all 0.35s ease;}
.wraplist18 .tab_til:last-child{ margin-right: 0;}
.wraplist18 .tab_til.on{ background-color: #00479d; border-color: #00479d; color: #fff;}
.wraplist18 .tab_til.off{ }
.wraplist18 .tabBoxList{ margin-top: 30px; min-height: 705px;}
.wraplist18 .tabBox{ text-align: center;}
.wraplist18 .tabBox.on{ display: block;}
.wraplist18 .tabBox.off{ display: none;}

.wraplist19{ padding: 54px 0 120px; background: url(../images/application_bg.png) no-repeat top center; background-size: 100% auto;}
.wraplist19 .listTitle{margin-bottom: 37px;}
.wraplist19 .title_en{ color: #fff; line-height: 1;}
.wraplist19 .title_cn{ color: rgba(255,255,255,0.1);}
.wraplist19 .application{ margin: 0 -40px;}
.wraplist19 .application li{float: left;width: 50%;/* margin: 0 0 5% 0; */}
.wraplist19 .application a{display: block;margin: 0 40px 80px;position: relative;}
.wraplist19 .application .title{ background: url(../images/blue_bg.png) no-repeat right center/cover; min-width: 280px; max-width: 100%; padding: 20px 20px 20px 50px; line-height: 1; color: #fff;
  position: absolute; bottom: 0px; left: 0px; box-sizing: border-box; transition: all 0.35s ease;}


/*附件*/
.Annex{ margin-top: 30px; padding-top: 15px; border-top: #dcdcdc 1px solid; overflow: hidden;} 
.Annex h3{ height: 40px; line-height: 40px; color: #1e3282; overflow: hidden; position: relative;} 
.annexList{  overflow: hidden;}
.annexList li{overflow: hidden; position: relative; }
.annexList li a{ display: block; margin:8px 0; line-height: 22px;color: #666666; }
.annexList li a:hover{ color: #333;}
 
/*分享*/
.share{ width: 95px; text-align: right; float: right; margin-top: 70px; overflow: hidden;} 
.share .bdsharebuttonbox  > a{padding-left: 0;margin:5px;height:38px;text-indent: 0;width: 38px;line-height: 38px;text-align: center;background: none;font-size: 20px;display: inline-block;float: none;color: #fff;transition: all 0.35s ease-out;/*! border-radius: 50%; *//*! border: #dbdbdb 1px solid; */}
.shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
.shareBox { font-size: 14px;}
.shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
.sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 260px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-130px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
.w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200px;height: 200px;margin:15px auto;background: #ccc;}
.w-footer{font-size: 12px;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}

.share span{ display: block;height: 40px; line-height: 40px;color: #0857a6; font-weight: bold;}
.share .bdsharebuttonbox{}
.share .bdsharebuttonbox > a.bds_weixin{ background:url(../images/wechat.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_tsina{background:url(../images/sina.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_qzone{ background:url(../images/zone.png) no-repeat center;  }
.share .bdsharebuttonbox  > a.bds_more{background:url(../images/bds_more.png) no-repeat center;}


  
/***分页*/ 
.gp-page { max-width: 800px; margin:60px auto auto; color:#999;font-size: 0;clear: both;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a:first-child{}
.gp-page>a,.gp-page>span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:44px;line-height:44px; position:relative;text-align: center; vertical-align: top;
	width:63px;font-size: 16px; color: #666; transition: all 0.35s ease-in-out; border:1px solid #dcdcdc; border-right: none;}
.gp-page-next{ border-right: #dcdcdc 1px solid !important; } 	
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span { padding: 0 15px;}
.gp-page > span{ border: none; }
.gp-page > a:hover ,.gp-page > a.on_pages{ background:#00479d;color: #fff;}
.gp-page .gp-page-prev:hover,.gp-page .gp-page-next:hover{ }
.gp-page > a.on_pages{ }
.gp-m-page{display: none; max-width: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 32px;line-height: 32px;font-size: 1.2rem; border: #dcdcdc 1px solid;}

/*居中*/
.gp-page-tz{ float: right; border:1px solid #dcdcdc; width: 180px;text-align: center; }
.gp-page-tz span{ display: inline-block; font-size: 16px;}
.gp-page-centered {text-align:center}
.gp-page a:hover ,.pageList li.active a{ }
.gp-page .select2{    }
.gp-page .pageSelect{ width:55px;height:44px;line-height: 44px; border: none; text-align: center;padding:0;}
.select2-container--default .select2-selection--single{ border: none}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  background: url(../images/select.png) no-repeat center;}
.select2-container .select2-selection--single{height: 34px;line-height: 34px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px;}
 

 


@media screen  and (max-width:1600px) {
    .listContent2 .listName{ width: 80px; }
    .listContent2 .listText{ margin-left: 80px; }
    .listContent2 .listName .title{ font-size: 26px; font-size: 2.6rem; }
    .listContent3 .slick-slider > a{ margin: 0 20px; }
    .list5-lf li{padding: 10px 25px;}
    .list5-rt li{ padding: 28px 25px; }
    .listContent7 .slick-slider > a{ margin: 0 15px; }
    .listContent8{ padding: 0 110px 110px; }
    .listContent9,.listContent12,.listContent13,.listContent13-2 { margin: -15px; } 
    .listContent9 li a,.listContent12 li a,.listContent13 li a,.listContent13-2 li a{ margin: 15px;}
    .list12 dd:nth-child(1n):before,.list12 dd:nth-child(2n):before{ height: 210px;}
    .list12 dd:nth-child(2n):after{ height: 208px;}
    .list12 .icon{ height: 50px;}
    .list12 .listText{ font-size: 2.0rem;}
}

@media screen  and (max-width:1200px) {
    /*.listContent2 li{ width: 12.5%; }*/
    /*.listContent2 .listText{ display: none; }*/
    /*.listContent2 .listName{ width: 100%; }*/
    .listContent2 .listName .title{ padding:20px }
    .wraplist1,.wraplist2,.wraplist4,.wraplist5,.wraplist7,.wraplist15,.wraplist17{ padding: 50px 0; }
    .wraplist6,.wraplist8,.wraplist9,.wraplist10,.wraplist12,.wraplist14,.wraplist16{ padding: 80px 0 50px; }
    .listTitle{ margin-bottom: 30px; }
    .listTitle .title_en{ padding-top: 30px; }
    .sub-leftTitle{ position: static; background: #00479d; text-align: left; padding: 0 15px;}
    .sub-leftTitle h2{ margin: 10px 0; font-size: 20px; font-size: 2.0rem;}
    .sub-leftTitle .subText { display: none; }
    .subbanner:after{ display: none; }   
    .wraplist1 .list1{ width: 100%; }
    .list5 > .gp-fl{ width: 100%; float: none; }
    .list5 > .gp-fr{ width: 100%; float: none; margin-top: 10px;}
    .list5-rt{ width: 47%; }
    .list6{ background: none; overflow: visible; }
    .listContent6{ width: 100%; float: none; }
    .list6 .listTitle{ padding-top: 0; }
    .listContent8 .listDate{ width: 170px; }
    .listContent8 .listCon{ margin:0 0 0 170px; }
    .listContent9 li{ width: 25%; }
    .subbanner-con2{ height: 0; padding-bottom: 56.2%; }
    .subbanner-con2 video{ height: auto; }
    .listContent10{ margin: 20px 0; }
    .listContent10 li a{ margin: 13px; }
    .wraplist11{ padding: 40px 0; margin-bottom: 0;}
    .listTitle11{ margin-bottom: 30px; }
    .listContent11{ margin: 0; }
    .listContent11 li > div{ margin: 10px; }
    .listContent11 li,.listContent13-2 li{ width: 50%; }
    .list13-rt{ padding-top: 0; }
    .list13-lf{ padding:30px 30px 130px 0; }
    .listContent15 { margin: -10px; }
    .listContent15 li:nth-child(2n){ margin: 0;}
    .listContent15 li a{ margin:10px; }
    .listContent15 .listText{ padding: 10px;} 
    .listContent17 { margin:-15px; }
    .listContent17 li a{ margin: 15px; } 
    .listContent18 { margin: -15px; }
    .listContent18 li a{ margin: 15px; }
    .subTitle{ padding: 20px; }
    .gp-subRight-con{ padding: 30px 30px 50px 30px; }
    .subCon{ margin:30px; }
    .listContent19{ margin: 0; } 
    .listContent19 .gp-img-responsive,.listContent20 .gp-img-responsive{ width: 300px; height: 169px; top: 0; left: 0; }
    .listContent19 .listText,.listContent20 .listText{ margin-left: 300px; padding: 20px; }
    .listContent19 .listDate,.listContent20 .listDate{ margin: 10px 0; }
    .listContent19 li,.listContent20 li{ margin-bottom: 30px; }
    .tabTitle{ margin-bottom:30px; }
    .tabTitle li{ width: 27%; margin: 0 1%;}
    .listContent20{ margin:0 -20px;}
    .listContent20 li a{ margin: 15px;}
    .list21-Box{ margin: 50px 0;}
    .list12.gp-ul-inline > dd,.listContent22 li{ width: 33.3%; }
    .list12 dd:nth-child(1n):before,.list12 dd:nth-child(2n):before{transform: none; height: 100%;}
    .list12 dd a{ margin:20px 10px;}
    .listContent22{ margin: 0 -10px 50px;} 
    .list12 dd:nth-child(2n):after{ width:99%; height:99%; transform: none;}

    .wraplist18 .tabBoxList{ min-height: unset;}
    .wraplist19{ padding: 54px 0 80px;}
    .wraplist19 .application{ margin: 0 -20px;}
    .wraplist19 .application a{margin: 0 20px 40px;}
}


@media screen  and (max-width:1024px) {
   .subPage-con.gp-container { margin-left: 0 !important; margin-right: 0 !important; }
   .subPage{margin-top: 0;}
   .subbanner:after{display: none;}
   .gp-subLeft > ul >li > a{ height: 60px; }
   .articleTitle02{padding: 15px;}
   .gp-subRight-con{ padding: 25px 15px; }
   .gp-subRight{}
   .gp-m-subNav{display: block;}
   .gp-page{display: none;background: none;}
   .gp-m-page{display: block; margin: 30px 0 20px;}
   .listContent18 { margin: -10px; }
   .listContent18 li{ width: 33.3%; }
   .listContent18 li a{ margin: 10px; }
   .listContent2 .listName{ width: 70px; }
   .listContent2 .listText{ margin-left: 70px; }
   .listContent2 .listTextCon{ margin: 20px; }
} 


 
@media screen  and (max-width:992px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }
  .articleBottom{ width: auto; padding: 12px; }
  .articlePages{ margin: 30px 0; }
  .articlePages .gp-fl, .articlePages .gp-fr{width: 100%; float: none;}
  .articlePages .gp-fr a,.articlePages .gp-fr a:hover{ text-align: left; background: url(../images/article-lf.png) no-repeat left center; padding: 0 0 0 30px; }
  .articlePages .gp-fl a{ padding-left: 30px; }
  .listContent9 li{ width: 33.3%; }
  .wraptabTitle { overflow-x: scroll; }
  .tabTitle { width: 992px; text-align: left;}
  .tabTitle li{ width: auto; }
  .tabTitle a{ height: 60px; }


  .wraplist18 .tabBoxList{ padding-bottom: 30px;}
  .wraplist18 .tab_til{ width: auto; height: auto; line-height: 1; padding: 20px 30px; margin-right: 30px;}
  .wraplist19{ padding: 54px 0 50px;}
  .wraplist19 .application{ margin: 0 -15px;}
  .wraplist19 .application a{margin: 0 15px 30px;}
  .wraplist19 .application .title{ min-width: unset; padding: 20px}
}

@media screen  and (max-width:766px) {
  .wraplist3 { padding:50px 0; }
  .list1 .listImg { float: none; }
  .listContent2 li, .listContent2 li.on{ width: 100%; }
  .listContent2 .listName .title{ padding:0 15px; font-size: 2.0rem;}
  .listContent2 .listTitle2{ font-size: 2.0rem; }
  .listContent2 li,.listContent2 li a{ height:auto; }
  .listContent2 .listName{ width: 100%; height: 50px;}
  .listContent2 .listText{ width: 100%; height: auto; margin-left: 0; border-left: none;border-top: #ee8840 5px solid; display: none;}
  .listContent2 li.on .listText{display: block;}
  .listContent2 .listTextCon{ margin: 15px;}
  .listContent2 .listCon{ line-height: 24px; max-height: none; margin-top: 5px; }


  .listTitle .title_en{ bottom: 0; padding-top: 15px; }
  .list5-lf,.list5-rt{ width: 100%; float: none; }
  .list5-lf li,.list5-rt li{ padding: 15px; }
  .listContent3{ padding: 0 40px; }
  .listContent3 .slick-arrow,.listContent8 .slick-arrow{ width: 35px; height: 35px; }
  .listContent3 .slick-prev,.listContent3 .slick-next,.listContent8 .slick-prev,.listContent8 .slick-next{ background-size: 10px; }
  .listContent3 .slick-slider > a,.listContent8 .slick-dots li{ margin: 0 10px; }
  .listContent8{ padding: 0 50px 80px; }
  .listContent8 .listDate{ float: none;width: auto; }
  .listContent8 .listCon{ margin-left: 0; }
  .listContent8 .slick-dots{ height:22px; }
  .listContent8 .slick-dots:before{ bottom: 9px; }
  .listContent8 .slick-dots li{ width: 10px; height: 10px; }
  .listContent15 li{ width: 50%; }
  .listContent15 .num{ width: 90px; height: 90px; line-height: 90px; }
  .listContent17 li,.listContent18 li{ width: 50%; }
  .gp-bread{ float: none;display: block; margin-bottom: 10px;}
  .subTitle h2{ float: none; display: block; }
  .articleAuthor{ margin: 0 0 25px 0; }
  #bMapContainer{ height: 400px; }
  .listContent11 .listName strong{ font-size: 22px; }
  .listContent15 .listText{ width: 100%;}
  .listContent23 #playBnt{ width: 50px; height: 50px; margin-top: -25px;}
  .list7 ul li { width: 50% }
  .gp-title-lh24, .gp-title-lh22{ height: 48px; margin:0 0 10px 0; }
}


@media screen and (max-width:640px) {
	.wraplist6,.wraplist8,.wraplist9,.wraplist10,.wraplist12,.wraplist14,.wraplist16,.wraplist13{ padding:30px 0; }
   .listContent9,.listContent12,.listContent13{ margin: -10px;}
   .listContent9 li{ width: 50%; }
   .listContent9 li a,.listContent12 li a,.listContent13 li a{ margin: 10px; }
   .listContent10 li,.listContent11 li, .listContent13-2 li,.listContent13 li{ width: 100%; }
   .list13-lf,.list13-rt{ width: 100%; float: none; padding:0;box-shadow: none;}
   .list13-lf:before{ display: none; }
   .listContent11 li a{ height: 110px; }
   .listContent17 li{ width: 100%; }
   .listTitle{ margin-bottom: 20px; }
   .listTitle .title_cn{ display: none; }
   .listTitle .title_en{ position: relative; }
   .listContent19 .gp-img-responsive,.listContent20 .gp-img-responsive{ width: 100%; height: 0; padding-bottom: 56.2%; float: none; }
   .listContent19 .listText{ margin-left: 0; padding: 15px;}
   .listContent20 .listText{ margin-left: 0; padding: 15px 0 0;}
   .listContent15 li{ width: 100%;}
   .listContent15 .listText{ position: static;}
   .list12.gp-ul-inline > dd,.listContent22 li{ width: 50%; }
   .list12 .icon{ height: 35px;}
   .list12 .listText{ padding: 10px 0;}
   .list12 dd:nth-child(2n):before{ background: #f3f7ff;}
   .list12 dd:nth-child(2n):after{ display: none;}
   .list21-Box{ margin: 30px 0;}
   .list21-Text{ position: static; text-align: right; margin-bottom: 15px;}
   .list21-Til li a{ padding: 13px;}
   .list21-Til li.on span{ font-size: 2.0rem;}
   .listContent22{ margin: 0 -10px 30px;}

   .wraplist19 .listTitle{ margin-bottom: 30px;}
   .wraplist19 .application{ margin: 0;}
   .wraplist19 .application li{ width: 100%; margin-bottom: 20px;}
   .wraplist19 .application a{ margin: 0;}
   .wraplist18{ padding: 30px 0 20px;}
   .wraplist19{ padding: 30px 0 20px;}
   .list7 ul li { width: 100%; float: none; }
}


@media screen and (max-width:480px) {
   .listContent18 li{ width: 100%; }

   .wraplist18 .tab_til{ padding: 10px 15px; margin-right: 10px; font-size: 1.8rem;}
   .wraplist19 .application a{ box-shadow: 0 0 3px 10px rgba(255,255,255,0.2);}
   .wraplist18 .tabBoxList{ padding-bottom: 0px;}
}