#pros > div {display:flex;justify-content:space-between;margin-top:10px;padding-bottom:80px;}
#pros .l {flex:0 0 auto;width:240px;}
#pros .r {flex:0 0 auto;width:calc(100% - 270px);}
#pros .fls h2 {position:relative;height:80px;line-height:75px;color:#fff;font-size:24px;font-weight:normal;text-align:center;background-color:#0cabeb;}
#pros .fls h2:after {position:absolute;bottom:4px;left:0;display:block;width:100%;height:1px;background-color:#fff;content:"";}
#pros .fls dl dt {margin-bottom:4px;}
#pros .fls dl dt a {display:block;position:relative;padding:14px 40px 14px 30px;color:#666;font-size:18px;background-color:#ececeb;}
#pros .fls dl dt a:after {position:absolute;top:50%;right:20px;display:none;width:12px;height:2px;background-color:rgba(255,255,255,0.5);content:"";}
#pros .fls dl dt a:hover, #pros .fls dl dt a.curt {color:#fff;background-color:#0cabeb;}
#pros .fls dl dt a:hover:after, #pros .fls dl dt a.curt:after {display:block;}
#pros .fls dl dd {margin-bottom:4px;}
#pros .fls dl dd a {display:block;position:relative;margin-bottom:1px;padding:14px 40px 14px 45px;color:#666;font-size:16px;background-color:#ececeb;}
#pros .fls dl dd a:last-child {margin-bottom:0;}
#pros .fls dl dd a i {position:absolute;top:16px;right:15px;color:#aaa;font-size:18px;}
#pros .fls dl dd a:hover {color:#0cabeb;}
#pros .fls dl dd a:hover i {color:#0cabeb;}

#pros .tjzx {margin-top:20px;}
#pros .tjzx h3 {padding:14px;color:#fff;font-size:24px;font-weight:normal;text-align:center;background-color:#0cabeb;}
#pros .tjzx a {display:block;height:45px;line-height:45px;color:#4b4a4a;font-size:14px;border-bottom:1px dashed #dbdbdb;}
#pros .tjzx a:hover {color:#0cabeb;}
#pros .tel {margin-top:20px;padding-top:25px;padding-left:16px;color:#fff;font-size:18px;height:120px;box-sizing:border-box;background:url(../images/icon-2.png) no-repeat 162px 16px #0cabeb;}
#pros .tel h2 {margin-top:2px;font-size:20px;line-height:1;}
#tjzxs {margin-top:10px;height:245px;overflow:hidden;}

#pros .hot .bts {border-bottom:2px solid #ebebeb;}
#pros .hot .bts h2 {display:inline-block;margin-bottom:-2px;padding-left:32px;height:46px;line-height:46px;color:#464646;font-size:24px;font-weight:normal;vertical-align:top;border-bottom:2px solid #333;background:url(../images/icon-3.png) no-repeat left center;}
#pros .hot .bts span {display:inline-block;margin-left:15px;position:relative;top:2px;height:46px;line-height:46px;color:#c2c2c2;font-size:18px;font-family:Arial;text-transform:uppercase;vertical-align:top;}
#pros .hot .cont {display:flex;margin-top:25px;margin-bottom:20px;padding:15px;border:1px solid #dadada;}
#pros .hot .cont .imgs {flex:0 0 auto;width:46%;}
#pros .hot .cont .imgs img {padding:5px;width:100%;box-sizing:border-box;border:1px solid #ebebeb;}
#pros .hot .cont .text {flex:1 1 auto;margin-left:4%;}
#pros .hot .cont .text a {display:block;padding-top:5px;padding-bottom:15px;font-size:20px;font-weight:bold;border-bottom:1px dashed #d0d0d0;}
#pros .hot .cont .text p {margin-top:15px;color:#666;line-height:1.9;-webkit-line-clamp:5;}

#pros .r .tis {border-bottom:1px solid #ebebeb;}
#pros .r .tis h2 {display:inline-block;margin-bottom:-1px;height:50px;line-height:50px;color:#666;font-size:24px;font-weight:normal;vertical-align:top;border-bottom:1px solid #34c4b3;}
#pros .r .list a {display:inline-block;margin-top:1.5%;margin-right:1.3%;width:32.46666%;box-sizing:border-box;border:1px solid #dedede;}
#pros .r .list a:nth-child(3n) {margin-right:0;}
#pros .r .list a .imgs {font-size:0;}
#pros .r .list a .imgs img {width:100%;}
#pros .r .list a .text {padding:16px 20px;}
#pros .r .list a .text h2 {color:#727272;font-size:18px;font-weight:normal;}
#pros .r .list a .text p {margin-top:6px;color:#666;line-height:1.8;}
#pros .r .list a:hover {border-color:#0cabeb;}
#pros .r .list a:hover .text h2 {color:#0cabeb;}

#prods_mimage {display:none;font-size:0;}
#prods_mimage img {width:100%;}
#prods {padding-bottom:80px;}
#prods .info {display:flex;margin-top:10px;border:1px solid #e3e3e3;}
#prods .info .imgs {width:50%;font-size:0;}
#prods .info .imgs img {width:100%;}
#prods .info .text {padding-left:3%;padding-right:3%;width:50%;box-sizing:border-box;}
#prods .info .text .name {position:relative;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #e3e3e3;}
#prods .info .text .name:after {position:absolute;bottom:-2px;left:0;display:block;width:40px;height:3px;background-color:#0cabeb;content:"";}
#prods .info .text .name h1 {color:#1a1a1a;font-size:26px;font-weight:normal;line-height:1.4;}
#prods .info .text .name h4 {margin-top:5px;color:#808080;font-size:16px;font-weight:normal;}
#prods .info .text .editorc {margin-top:10px;color:#4c4c4c;}
#prods .info .text .zixun {display:flex;align-items:center;margin-top:15px;}
#prods .info .text .zixun a {display:flex;align-items:center;padding-left:20px;padding-right:30px;height:50px;color:#fff;font-size:18px;text-align:center;}
#prods .info .text .zixun a i {margin-right:10px;font-size:26px;}
#prods .info .text .zixun .tel {display:flex;align-items:center;margin-left:12px;color:#4c4c4c;font-size:16px;}
#prods .info .text .zixun .tel i {margin-right:10px;width:40px;height:40px;line-height:40px;color:#333;font-size:20px;text-align:center;border-radius:50%;border:1px solid #ddd;}
#prods .info .text .zixun .tel h2 {color:#333;font-size:26px;font-family:Arial;}

#prods .tis {padding-top:80px;text-align:center;}
#prods .tis h2 {color:#333;font-size:40px;line-height:1;}
#prods .tis p {margin-top:10px;color:#ccc;font-size:20px;text-transform:uppercase;}
#prods .tis2 {margin-top:60px;}
#prods .tis2 h3 {position:relative;display:inline-block;padding-bottom:17px;color:#1a1a1a;font-size:32px;font-weight:normal;line-height:1;vertical-align:top;border-bottom:3px solid #0cabeb;}
#prods .tis2 h3:after {position:absolute;bottom:-3px;right:0;display:block;width:50%;height:3px;background-color:#34c4b3;content:"";}

#prods .ypzs {margin-top:60px;background:url(../images/ypzs_bg.jpg) no-repeat center top;}
#prods .ypzs dl {margin-top:30px;padding:30px;box-sizing:border-box;background-color:#fff;box-shadow:0 13px 18px 0px rgba(4, 0, 0, 0.03);}
#prods .ypzs dl dd {display:inline-block;margin-bottom:0.5%;margin-right:0.5%;width:33%;font-size:0;vertical-align:top;}
#prods .ypzs dl dd:nth-child(3n) {margin-right:0;}
#prods .ypzs dl dd img {width:100%;}

#prods .video {margin-top:30px;width:100%;font-size:0;background-color:#000;overflow:hidden;}

#prods .partner {padding-bottom:80px;background:url(../images/partner_bg.jpg) no-repeat center center/cover;}
#prods .partner .list {display:flex;flex-flow:row wrap;}
#prods .partner .list li {margin-top:3.125%;margin-right:3.125%;width:17.5%;height:110px;font-size:0;text-align:center;vertical-align:top;border:5px solid #fff;box-sizing:border-box;box-shadow:0 0 5px #dedede;background-color:#fff;overflow:hidden;}
#prods .partner .list li:nth-child(5n) {margin-right:0;}
#prods .partner .list li span, #prods .partner .list li a {max-height:100%;}
#prods .partner .list li img {max-width:100%;max-height:100%;}

#prods .tjcp .swiper-container {margin-top:30px;}
#prods .tjcp .swiper-wrapper {width:100%;height:auto;padding-bottom:1px;}
#prods .tjcp .swiper-slide {width:auto;font-size:0;}
#prods .tjcp .swiper-slide a {display:block;border:1px solid #dfdfdf;}
#prods .tjcp .swiper-slide a img {width:100%;}
#prods .tjcp .swiper-slide a div {padding:10px 15px;}
#prods .tjcp .swiper-slide a div h2 {color:#191919;font-size:16px;font-weight:normal;}
#prods .tjcp .swiper-slide a div p {margin-top:5px;color:#666;font-size:14px;}
#prods .tjcp .swiper-pagination {position:static;left:0;bottom:0;display:none;margin-top:25px;width:100%;height:14px;font-size:0;text-align:center;}
#prods .tjcp .swiper-pagination span {margin:0;width:14px;height:14px;font-size:0;border-radius:50%;box-sizing:border-box;border:2px solid #0cabeb;background:#fff;opacity:1;verflow:hidden;}
#prods .tjcp .swiper-pagination span.swiper-pagination-bullet {margin:0 6px;}
#prods .tjcp .swiper-pagination span.swiper-pagination-bullet-active {background:#0cabeb;}

#prods .tjzx .tt {display:flex;position:relative;margin-top:30px;padding:9px;border:1px solid #ebebeb;background-color:#f8f8f8;}
#prods .tjzx .tt .imgs {flex:0 0 auto;width:268px;font-size:0;}
#prods .tjzx .tt .imgs img {width:100%;}
#prods .tjzx .tt .text {flex:1 1 auto;padding:30px 50px;width:calc(100% - 268px);box-sizing:border-box;}
#prods .tjzx .tt .text div {display:flex;}
#prods .tjzx .tt .text div span {flex:0 0 auto;width:74px;height:30px;line-height:30px;color:#0cabeb;font-size:18px;font-weight:bold;text-align:center;border:1px solid #0cabeb;}
#prods .tjzx .tt .text div h2 {flex:1 1 auto;margin-top:-3px;margin-left:12px;color:#333;font-size:22px;font-weight:normal;line-height:1.6;}
#prods .tjzx .tt .text p {margin-top:20px;color:#666;line-height:1.8;}
#prods .tjzx .tt .text > span {position:absolute;top:0;right:0;display:block;width:120px;height:40px;line-height:40px;color:#fff;font-family:Arial;font-size:14px;text-align:center;background-color:#333;}
#prods .tjzx .tt:hover .text div h2 {color:#0cabeb;}

#prods .tjzx .list {position:relative;margin-top:20px;}
#prods .tjzx .list:after {position:absolute;top:0;left:50%;display:block;width:1px;height:100%;background-color:#dedede;content:"";}
#prods .tjzx .list li {position:relative;display:inline-block;padding-left:25px;padding-right:100px;width:47%;height:35px;line-height:35px;font-size:16px;box-sizing:border-box;}
#prods .tjzx .list li:nth-child(even) {margin-left:6%;}
#prods .tjzx .list li:before {position:absolute;top:50%;left:0;display:block;margin-top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #b3b3b3;content:"";}
#prods .tjzx .list li span {position:absolute;top:0;right:0;color:#999;font-family:Arial;font-size:14px;}

#prods .zxal .swiper-container {margin-top:30px;}
#prods .zxal .swiper-wrapper {width:100%;height:auto;}
#prods .zxal .swiper-slide {width:auto;font-size:0;}
#prods .zxal .swiper-slide a {position:relative;display:block;}
#prods .zxal .swiper-slide a img {width:100%;}
#prods .zxal .swiper-slide a h2 {position:absolute;bottom:0;left:0;z-index:2;padding:0 15px;width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;box-sizing:border-box;background-color:rgba(0,0,0,0.5);}
#prods .zxal .swiper-slide a i {position:absolute;top:50%;left:50%;z-index:10;display:none;margin-top:-25px;margin-left:-25px;width:50px;height:50px;line-height:50px;color:#fff;font-size:16px;font-weight:bold;text-align:center;border-radius:50%;background-color:#0cabeb;}
#prods .zxal .swiper-slide a:hover:after {position:absolute;top:0;left:0;z-index:3;display:block;width:100%;height:calc(100% - 50px);background-color:rgba(0,0,0,0.5);content:"";}
#prods .zxal .swiper-slide a:hover i {display:block;}
#prods .zxal .swiper-pagination {position:static;left:0;bottom:0;margin-top:25px;width:100%;height:14px;font-size:0;text-align:center;}
#prods .zxal .swiper-pagination span {margin:0;width:14px;height:14px;font-size:0;border-radius:50%;box-sizing:border-box;border:2px solid #0cabeb;background:#fff;opacity:1;verflow:hidden;}
#prods .zxal .swiper-pagination span.swiper-pagination-bullet {margin:0 6px;}
#prods .zxal .swiper-pagination span.swiper-pagination-bullet-active {background:#0cabeb;}
#prods .zxal .back {display:flex;justify-content:center;margin-top:45px;}
#prods .zxal .back a {display:flex;align-items:center;padding:10px 20px;color:#0cabeb;font-size:18px;border:1px solid #0cabeb;}
#prods .zxal .back a i {margin-right:10px;font-size:20px;}
#prods .zxal .back a:hover {color:#fff;background-color:#0cabeb;}