section.sec_5_2 li.item a.thumb span.thumb{ background-color: #f6f6f6; -webkit-background-size: auto; background-size: auto; } section.sec_5_2 li.item div.info{ padding-top: 70px; } section.sec_5_2 li.item div.info a.shorttitle{ font-size: 28px; color: #888; margin-bottom: 35px; display: block; } section.sec_5_2 li.item:hover div.info a.shorttitle{ color: #00a783; } section.sec_5_2 li.item div.info a.title:after{ background: #373737; } section.sec_6_1{ padding: 195px 0; background: #fff url('../images/bg_a_6_1.jpg') no-repeat center / cover; } section.sec_6_1 div.wrapper{ position: relative; } section.sec_6_1 div.thumb{ /*float: left;*/ } section.sec_6_1 div.thumb span{ display: block; width: 516px; height: 354px; position:relative; overflow: hidden; background: no-repeat center; } section.sec_6_1 div.thumb span img{ display: block; max-width: 100%; max-height: 100%; opacity: 0; margin:0 auto; } section.sec_6_1 div.info{ position:absolute; right:0; top:50%; width: calc(100% - 570px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } section.sec_6_1 div.info h3{ line-height: 1.5; } section.sec_6_1 h3.pro-title:after{ margin-top: 40px; } section.sec_6_1 div.desc{ margin-top: 35px; font-size: 20px; line-height: 2; white-space: pre-wrap; } section.sec_6_2{ padding: 95px 0; } section.sec_6_2{ background: #f3f3f3 url('../images/bg_products_chip_3.jpg') no-repeat center / cover; } section.sec_6_2 div.specs{ margin-top: 30px; } section.sec_6_2 div.specs div.layui-row > div{ width: 25%; } section.sec_6_2 div.specs .layui-col-space52{ margin: 0 -70px -20px; } section.sec_6_2 div.specs .layui-col-space52 > *{ padding: 0 70px 20px; } section.sec_6_2 div.specs div.item span.icon i.icon{ height: 92px; } section.sec_6_2 div.item span.title{ max-width: 98%; } section.sec_6_2 div.container-body{ margin-top: 60px; overflow: hidden; position:relative; } section.sec_6_2 div.container-body *{ max-width: 100% !important; } section.sec_7_1{ padding: 100px 0 140px; position:relative; overflow: hidden; } section.sec_7_1 #dot-canvas{ width:100%; height:100%; position:absolute; left:0; top:0; z-index: 0; } section.sec_7_1 div.thumb{ float: left; overflow: hidden; border-radius: 0 0 0 30px; } section.sec_7_1 div.thumb span{ display: block; width: 479px; padding-top:106.4718162839248%; height:0; position:relative; overflow: hidden; background: no-repeat center / cover; } section.sec_7_1 div.thumb span img{ display: block; width: 100%; min-height: 100%; position:absolute; left:0; top:0; opacity: 0; } section.sec_7_1 div.info{ float: right; width:calc(100% - 590px); padding-top: 60px; } section.sec_7_1 div.info h3.pro-title:after{ margin-top: 40px; } section.sec_7_1 div.info div.desc{ margin-top: 25px; font-size: 16px; line-height: 2; } section.sec_7_2{ padding: 95px 0; background: #f3f3f3 url('../images/bg_products_chip_3.jpg') no-repeat center / cover; } section.sec_7_2 div.specs{ margin-top: 50px; } div.btnGroup { overflow: hidden; } div.btnGroup a { display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #ccc; float: left; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0 12px 0 12px; } div.btnGroup a.prev { background: #00a783; border-color: #00a783; color: #fff; margin-right: 7px; } div.btnGroup a:hover { background: #00a783; border-color: #00a783; color: #fff; } section.sec_7_2 div.specs div.swiper-slide{ float: left; width: 25%; } section.sec_7_2 div.specs div.item { overflow: hidden; text-align: center; margin: 0 auto; max-width: 239px; } section.sec_7_2 div.specs div.item span.icon { display: block; height: 0; position: relative; overflow: hidden; padding-top: 114.6443514644351%; background: url('data:image/png;base64,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') no-repeat center / 100% auto; } section.sec_7_2 div.specs div.item span.icon i.icon { display: block; height: 80px; width: 100%; position: absolute; left: 0; top: 50%; background: no-repeat center / auto 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.sec_7_2 div.specs div.item span.title{ display: block; max-width: 100%; margin: 10px auto 0; font-size: 15px; line-height: 26px; height: 120px; overflow: hidden; } section.sec_7_3{ padding: 120px 0 130px; overflow: hidden; } section.sec_7_3 div.specs{ margin-top: 100px; } section.sec_7_3 div.specs div.swiper-container{ height: 500px; } section.sec_7_3 div.specs div.swiper-slide{ width: 20%; height: calc((100% - 10px) / 2); overflow: hidden; text-align: center; } section.sec_7_3 div.specs div.swiper-slide span.icon{ display: block; width: 120px; height: 120px; border-radius: 50%; background: rgba(240, 240, 240, 0.6); margin: 0 auto; position:relative; overflow: hidden; } section.sec_7_3 div.specs div.swiper-slide span.icon i{ display: block; height: 56px; position:absolute; width:100%; top:50%; left:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: transparent no-repeat center / auto 100%; } section.sec_7_3 div.specs div.swiper-slide span.title{ margin-top: 30px; font-size: 18px; line-height: 30px; height:60px; max-width: 90%; margin: 30px auto 0; overflow: hidden; display: block; } section.sec_7_4{ padding: 95px 0 200px; background: #f6f6f6; } section.sec_7_4 div.prolist{ margin-top: 70px; } section.sec_7_4 div.prolist div.item{ overflow: hidden; border-radius: 0 30px 0 30px; position:relative; margin-bottom: 50px; background: #fff; } section.sec_7_4 div.prolist div.item div.thumb{ float: left; overflow: hidden; } section.sec_7_4 div.prolist div.item div.thumb span.thumb{ display: block; /*height:0;*/ width: 624px; /*padding-top:104.3269230769231%;*/ padding:0 !important; background: #353535 no-repeat center / cover; position:relative; overflow: hidden; } section.sec_7_4 div.prolist div.item div.thumb span.thumb img{ display: block; width: 100% !important; height: auto !important; min-height: initial; position:static; left:0; top:0; } section.sec_7_4 div.prolist div.item div.info{ float: right; width:calc(100% - 624px); overflow: hidden; padding: 60px 45px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.sec_7_4 div.prolist div.item div.info span.title{ display: block; font-size: 30px; line-height: 50px; overflow: hidden; } section.sec_7_4 div.prolist div.item div.info span.title:after{ content:''; display:block; width: 23px; height: 5px; margin-top: 30px; background: #00a783; } section.sec_7_4 div.prolist div.item div.info div.desc{ font-size: 14px; line-height: 26px; overflow: hidden; margin-top: 25px; text-align: justify; text-align-last:left; color: #666; } section.sec_7_4 div.prolist div.item ul.list{ margin-top: 45px; padding-top: 55px; overflow: hidden; float: right; width:calc(100% - 624px); padding: 60px 45px 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.sec_7_4 div.prolist div.item ul.list:before{ content:''; display:block; position: absolute; top:0; left:45px; right: 45px; height:1px; background: rgba(0, 0, 0, 0.2); } section.sec_7_4 div.prolist div.item ul.list li{ float: left; /*min-width: 160px;*/ min-width: 50%; font-size: 14px; font-weight: bold; line-height: 24px; overflow: hidden; color: #666; padding: 0 10px 0 26px; margin-bottom: 25px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAA3NCSVQICAjb4U/gAAAAG1BMVEX///99fX19fX19fX19fX19fX19fX19fX19fX3npNwyAAAACXRSTlMAEURViLvd7v8MOcd+AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAADVJREFUCJljYDAtD2JgYEkWNHNgUBNgYExmCGYqVzBlKGTvKBCHksFMZUARM7AsRCVQVzADADc8Cm20x046AAAAAElFTkSuQmCC') no-repeat left 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.sec_7_4 div.prolist div.item3 ul.list li{ width: 50%; height: 48px; margin-bottom: 10px; } @media screen and (max-width:1199px) { section.sec_5_2 li.item div.info{ padding-top: 50px; } section.sec_5_2 li.item div.info a.shorttitle{ margin-bottom: 15px; } section.sec_6_1{ padding: 120px 0; } section.sec_6_1 div.thumb span{ width: 450px; } section.sec_6_1 div.info{ width: calc(100% - 480px); } section.sec_6_1 h3.pro-title:after{ margin-top: 25px; } section.sec_6_2{ padding: 70px 0; } section.sec_6_2 div.specs .layui-col-space52{ margin: 0 -50px -20px; } section.sec_6_2 div.specs .layui-col-space52 > *{ padding: 0 50px 20px; } section.sec_6_2 div.specs div.item span.icon i.icon{ height: 80px; } section.sec_7_1{ padding: 70px 0 110px; } section.sec_7_1 div.info{ padding-top: 0; width: calc(100% - 510px); } section.sec_7_2{ padding: 70px 0; } div.btnGroup{ margin-top: 5px; } div.btnGroup a{ width:42px; height: 42px; line-height: 42px; } section.sec_7_3{ padding: 70px 0; } section.sec_7_4{ padding: 70px 0 140px; } section.sec_7_4 div.prolist{ margin-top: 35px; } section.sec_7_4 div.prolist div.item div.thumb span.thumb{ width: 525px; } section.sec_7_4 div.prolist div.item div.info{ width: calc(100% - 525px); padding-top: 45px; } section.sec_7_4 div.prolist div.item div.info span.title:after{ margin-top: 15px; } section.sec_7_4 div.prolist div.item ul.list{ width: calc(100% - 525px); padding-top: 25px; margin-top: 25px; } } @media screen and (max-width:991px) { section.sec_5_2 li.item a.thumb span.thumb{ -webkit-background-size: contain; background-size: contain; } section.sec_5_2 li.item div.info a.shorttitle{ font-size: 24px; } section.sec_6_1{ padding: 80px 0; } section.sec_6_1 div.thumb{ float: left; } section.sec_6_1 div.thumb span{ width: 360px; -webkit-background-size: contain; background-size: contain; } section.sec_6_1 div.info{ width: calc(100% - 380px); position:static; float: right; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } section.sec_6_1 h3.pro-title:after{ margin-top: 20px; } section.sec_6_2 div.specs .layui-col-space52{ margin: 0 -30px -10px; } section.sec_6_2 div.specs .layui-col-space52 > *{ padding: 0 30px 10px; } section.sec_6_2 div.specs div.item span.icon i.icon{ height: 64px; } section.sec_7_1{ padding: 40px 0 60px; } section.sec_7_1 div.thumb span{ width: 380px; } section.sec_7_1 div.info{ width: calc(100% - 400px); } section.sec_7_2{ padding: 40px 0; } section.sec_7_3{ padding: 40px 0; } section.sec_7_3 div.specs{ margin-top: 40px; } section.sec_7_3 div.specs div.swiper-container{ height: 420px; } section.sec_7_3 div.specs div.swiper-slide span.title{ font-size: 16px; margin-top: 15px; } section.sec_7_4{ padding: 40px 0 60px; } section.sec_7_4 div.prolist div.item{ margin-bottom: 30px; } section.sec_7_4 div.prolist div.item div.thumb span.thumb{ width: 360px; margin-bottom: 20px; } section.sec_7_4 div.prolist div.item div.info{ width: calc(100% - 360px); margin-bottom: 20px; padding-top: 15px; } section.sec_7_4 div.prolist div.item ul.list{ float: none; width: 100%; padding: 25px; } section.sec_7_4 div.prolist div.item ul.list:before{ left:0; right:0; } } @media screen and (max-width:767px) { section.sec_5_2 li.item div.info{ padding-top: 30px; } section.sec_6_1{ padding: 40px 0; } section.sec_6_1 div.thumb{ float: none; } section.sec_6_1 div.thumb span{ width: auto; } section.sec_6_1 div.info{ float: none; width: auto; margin-top: 20px; } section.sec_6_1 div.desc{ font-size: 18px; } section.sec_3_2 div.specs div.layui-row > div{ width: 33.3333333%; } section.sec_6_2{ padding: 40px 0; } section.sec_6_2 div.specs .layui-col-space52{ margin: 0 -10px -10px; } section.sec_6_2 div.specs .layui-col-space52 > *{ padding: 0 10px 10px; } section.sec_6_2 div.specs div.item span.title{ line-height: 24px; height: 96px; font-size: 12px; } section.sec_6_2 div.container-body{ margin-top: 30px; } section.sec_7_1{ padding: 40px 0; } section.sec_7_1 div.thumb{ float: none; } section.sec_7_1 div.thumb span{ width:auto; padding-top: 55%; } section.sec_7_1 div.info{ float: none; width: auto; margin-top: 20px; } section.sec_7_1 div.info h3.pro-title:after{ margin-top: 20px; } section.sec_7_1 div.info div.desc{ font-size: 18px; margin-top: 15px; } div.btnGroup{ margin-top: 8px; } div.btnGroup a { width: 36px; height: 36px; line-height: 36px; border-radius: 0 5px 0 5px; } section.sec_7_2 div.specs div.item span.title{ font-size: 12px; line-height:22px; } section.sec_7_2 div.specs div.item span.icon i.icon{ height: 64px; } section.sec_7_3 div.specs div.swiper-container{ height: 360px; } section.sec_7_3 div.specs div.swiper-slide span.icon{ width: 100px; height: 100px; } section.sec_7_3 div.specs div.swiper-slide span.icon i{ height: 48px; } section.sec_7_3 div.specs div.swiper-slide span.title{ margin-top: 10px; } section.sec_7_4 div.prolist div.item div.thumb{ float: none; } section.sec_7_4 div.prolist div.item div.thumb span.thumb{ width: auto; padding-top: 60%; } section.sec_7_4 div.prolist div.item div.info{ float: none; width: auto; padding: 15px 25px 0; } section.sec_7_4 div.prolist div.item div.info span.title{ font-size: 22px; line-height: 1.4; } section.sec_7_4 div.prolist div.item div.info div.desc{ font-weight: normal; line-height: 2; } section.sec_7_4 div.prolist div.item3 ul.list li{ width: 100%; height: auto; } } @media screen and (max-width:479px) { section.sec_6_1{ padding: 20px 0; } section.sec_6_1 h3.pro-title:after{ margin-top: 10px; } section.sec_6_1 div.desc{ margin-top: 20px; font-size: 16px; } section.sec_6_2{ padding: 20px 0; } section.sec_6_2 div.specs div.item span.title{ height: 120px; } section.sec_6_2 div.specs .layui-col-space52{ margin: -5px; } section.sec_6_2 div.specs .layui-col-space52 > *{ padding: 5px; } section.sec_6_2 div.specs div.layui-row > div{ width: 50%; } section.sec_6_2 div.container-body{ margin-top: 20px; } section.sec_7_1 div.info div.desc{ font-size: 16px; } section.sec_7_4 div.prolist div.item div.info span.title{ font-size: 20px; } }