<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body { font-size: 14px; font-weight: normal; text-decoration: none; font-family: 微软雅黑; color: #000000; margin:auto; padding:0 }

body a { font-size: 14px; font-weight: normal; text-decoration: none; font-family: 微软雅黑; color: #666666; }

.webTopTable { width: 100%; font-size: 0; height: 0; padding: 0 }
.webTopTable .logo { height:60px; }
.webTopTable .logo img { max-height: 100%; }
.webTopTable .webTop { margin: 0px auto 0; padding-top: 30px; position: relative; max-width: 1200px; display: flex; align-items: center; justify-content: space-between; z-index: 31; }
.webTopTable .webTop .nav {  display: flex; align-items: center; justify-content: space-between }
.webTopTable .webTop .nav a { width: 110px;  height: 40px; line-height: 40px; font-size: 18px; text-align:center;  color: #fff; display:inline-block; margin:0 10px }
.webTopTable .webTop .nav a.cur, .webTopTable .webTop .nav a:hover { color: #140322; background-color:#fff; border-radius:20px; }


.webBannerTable { width: 100%; min-width:1200px;  height: 800px; text-align: center; overflow: hidden; position: relative; }
.webBannerTable .swiper-container { }
.webBannerTable .swiper-slide { width: 100%; float: left; height: 800px; }
.webBannerTable #swiper-slide1 { background: url(../images/banner1-1.jpg) top center no-repeat; background-size:cover; }
.webBannerTable #swiper-slide2 { background: url(../images/banner1-1.jpg) top center no-repeat; background-size: cover; }



.webBannerTable .swiper-slide .inner { position: relative; height: 100%; width:1200px; margin:auto }
.webBannerTable .swiper-slide .inner .swiper-content { width: 100%; height: 100%; display: flex; align-items:center; }
.webBannerTable .swiper-slide .inner .swiper-content image { max-width:100%}

.webBannerTable .arrow-left { position: absolute; left: 20px; top: 50%; margin-top: -40px; width: 38px; height: 38px; padding: 20px; z-index: 999; background: rgba(199, 199, 199, .2); border-radius:5px }
.webBannerTable .arrow-left::after { background: url(../images/icon_prev.png) no-repeat 14px -40px; content: ''; width: 38px; height: 38px; display: block }
.webBannerTable .arrow-left:hover::after { background: url(../images/icon_prev.png) no-repeat -14px -40px; content: ''; width: 38px; height: 38px; display: block }
.webBannerTable .arrow-right { position: absolute; right: 20px; top: 50%; margin-top: -40px; width: 38px; height: 38px; padding: 20px; z-index: 999; outline: none; background: rgba(199, 199, 199, .2); border-radius: 5px }
.webBannerTable .arrow-right::after { background: url(../images/icon_prev.png) no-repeat -40px -40px; content: ''; width: 38px; height: 38px; display: block }
.webBannerTable .arrow-right:hover::after { background: url(../images/icon_prev.png) no-repeat -68px -40px; content: ''; width: 38px; height: 38px; display: block }
.webBannerTable .pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; z-index: 999; }
.webBannerTable .pagination .swiper-pagination-bullet { display: inline-block; width: 6px; height: 6px; opacity: 1; border-radius: 10px; background: white; margin: 0 3px; cursor: pointer; transition: width 0.3s ease-in-out; }
.webBannerTable .pagination .swiper-pagination-bullet-active { background: #5571EC; width: 12px; }


.webProductTable { width: 100%; height: 788px; background: url(../images/index1-2.jpg) top center no-repeat; background-size: cover; }
.webProductTable .content { width: 1200px; height: 788px; margin: auto; text-align: center;position:relative  }
.webProductTable .content image { max-width: 100%; position: absolute; top: 0; left: 0;}


.webAboutTable { width: 100%;  background: url(../images/index2.jpg) top center no-repeat; background-size: cover; }
.webAboutTable .content { width: 1200px; margin: auto; text-align:center; display:flex; align-items:center; justify-content:space-between }
.webAboutTable .content .idx_about { width: 45%;height: 603px; background-color: rgba(12,88,201,0.8); box-sizing:border-box; padding:30px 20px; color:#fff;text-align: left; }
.webAboutTable .content .idx_about .t { text-indent: 40px;height:70px; line-height: 70px; font-size: 30px; border-bottom: 1px solid #fff }
.webAboutTable .content .idx_about .t a { color:#fff; float:right}
.webAboutTable .content .idx_about .com { line-height: 26px; font-size: 14px; width: 100%; box-sizing: border-box; padding: 30px 20px; }
.webAboutTable .content .idx_about .com p { text-indent:2em}

.webAboutTable .content .idx_data { width: 45%; height: 603px; box-sizing: border-box; padding: 30px 20px; color: #fff; display: flex; align-items: center; align-content: center; justify-content: space-between; flex-wrap: wrap }
.webAboutTable .content .idx_data .item { width: 50%; height: 260px; display: flex; flex-direction: column; align-items:flex-start; justify-content: center; box-sizing: border-box; padding: 40px; }
.webAboutTable .content .idx_data .item span { font-size:48px;}
.webAboutTable .content .idx_data .item samp { font-size: 22px; text-align: center; word-break: break-all; word-wrap: break-word; }
.webAboutTable .content .idx_data .item:nth-child(1) { border-bottom: 2px solid #F3F3FB; border-right: 2px solid #F3F3FB; }
.webAboutTable .content .idx_data .item:nth-child(2) { border-bottom: 2px solid #F3F3FB; }
.webAboutTable .content .idx_data .item:nth-child(3) { border-right: 2px solid #F3F3FB; }

#stars { margin: 0 auto; width: 100%; position: absolute; top: 0; left: 0; right: 0; height: 800px; z-index: 1; }
.star { display: block;  width: 1px; background: transparent; position: relative; opacity: 0; /*过渡动画*/ animation: star-fall 3s linear infinite; -webkit-animation: star-fall 3s linear infinite; -moz-animation: star-fall 3s linear infinite;z-index:2 }

.star:after { content: ''; display: block; border: 0px solid #fff; border-width: 0px 90px 2px 90px; border-color: transparent transparent transparent rgba(255, 255, 255, .5); box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1); /*变形*/ transform: rotate(-45deg) translate3d(1px, 3px, 0); -webkit-transform: rotate(-45deg) translate3d(1px, 3px, 0); -moz-transform: rotate(-45deg) translate3d(1px, 3px, 0); transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; }

@keyframes star-fall {
    0% { opacity: 0; transform: scale(0.5) translate3d(0, 0, 0); -webkit-transform: scale(0.5) translate3d(0, 0, 0); -moz-transform: scale(0.5) translate3d(0, 0, 0); }
    50% { opacity: 1; transform: translate3d(-200px, 200px, 0); -webkit-transform: translate3d(-200px, 200px, 0); -moz-transform: translate3d(-200px, 200px, 0); }
    100% { opacity: 0; transform: scale(1.2) translate3d(-300px, 300px, 0); -webkit-transform: scale(1.2) translate3d(-300px, 300px, 0); -moz-transform: scale(1.2) translate3d(-300px, 300px, 0); }
}

.footer { background-color: #1B1B1B; width:100%; margin:auto }
.footer .foot { width: 1200px; padding:10px 0; margin: auto; text-align: center;}
.footer .foot .logo { width:100px; margin-right:20px; }
.footer .foot .logo img { width:100%}
.footer .foot h1 { font-size: 20px; font-weight: normal; color: #fff }
.footer .foot .com { flex: 1 1 0; margin: 0 20px; color: #fff }
.footer .foot .contact { width: 100%; color: #fff;font-size:14px;  }
.footer .foot .contact p{margin:5px 0; padding:0}
.footer .foot .contact a{color: #fff;}
.footer .foot .contact a:hover { color: #044f9f; }

.aboutBannerTable { width: 100%; min-width: 1200px; height: 499px; text-align: center; overflow: hidden; position: relative; background: url(../images/about_banner.jpg) top center no-repeat; background-size: cover; }
.aboutContentTable { width: 100%; min-width: 1200px; padding: 60px 0 20px; margin: auto; background-color: #fff;  }
.aboutContentTable .content { width: 1200px; margin: auto; text-align: center; display: flex; align-items: self-start; justify-content: space-between }
.aboutContentTable .content .about_content {flex:1 1 0; box-sizing: border-box; padding: 0px 0px; color: #000; text-align: left; }
.aboutContentTable .content .about_content .t {  height: 70px; line-height: 70px; font-size: 35px;  }
.aboutContentTable .content .about_content .t em { font-size: 13px; text-transform: uppercase; font-style:normal }
.aboutContentTable .content .about_content .com { line-height: 42px; font-size: 27px; letter-spacing: 1px; width: 100%; box-sizing: border-box; padding: 20px 0px; }
.aboutContentTable .content .about_content .com p { text-indent: 2em; padding:0; margin:auto }
.aboutContentTable .content .about_content .com p em { color: #E60000; font-style: normal }
.aboutContentTable .content .about_img { box-sizing: border-box; padding: 75px 20px 40px 90px; color: #fff; display: flex; align-items: center; align-content: center; justify-content: space-between; flex-wrap: wrap }

.aboutContentTable2 { width: 100%; min-width: 1200px; padding: 20px 0 60px; margin: auto; background-color: #fff; }
.aboutContentTable2 .content { width: 1200px; margin: auto; text-align: center; display: flex; align-items: self-start; justify-content: space-between; padding:20px 0 }
.aboutContentTable2 .content .content_left { flex:1 1 0; text-align:left }
.aboutContentTable2 .content .content_left .t { display: flex; flex-direction: column; font-size: 30px;  }
.aboutContentTable2 .content .content_left .t span { font-size: 27px; color: #000; line-height: 60px; font-weight: 400 }
.aboutContentTable2 .content .content_left .t samp { font-size: 25px; color: #044f9f; line-height: 50px; }
.aboutContentTable2 .content .content_left .t2 { display: flex; flex-direction: column; font-size: 30px; }
.aboutContentTable2 .content .content_left .t2 span { font-size: 22px; color: #000; line-height: 40px; font-weight: 400 }
.aboutContentTable2 .content .content_left .com { line-height: 32px; font-size: 15px; letter-spacing: 1px; width: 100%; box-sizing: border-box; padding: 10px 0px; color: #5D5D5D }
.aboutContentTable2 .content .content_left .com p { text-indent: 2em; padding: 0; margin: auto }
.aboutContentTable2 .content .content_left .coms { width: 100%; display: flex; align-items: stretch; justify-content: space-between; padding-top: 20px }
.aboutContentTable2 .content .content_left .coms .item { width: 31.5%; background-color: #EBEBEB; padding:20px; box-sizing:border-box }
.aboutContentTable2 .content .content_left .coms .item .t { font-size:16px;  height:50px; line-height:30px; position:relative }
.aboutContentTable2 .content .content_left .coms .item .t:before { width: 30px; content: ''; height: 1px; position: absolute; bottom: 10px; left: 0; z-index: 1; background-color: #9B9B9B }
.aboutContentTable2 .content .content_left .coms .item .c { line-height: 25px; font-size: 14px;  width: 100%;  color: #5D5D5D }

.aboutContentTable2 .content .content_right { margin-left: 110px; margin-top: 100px; }



.aboutContentTable3 { width: 100%; min-width: 1200px; height: 511px; text-align: center; overflow: hidden; position: relative; background: url(../images/about3.png) top center no-repeat; background-size: cover; }
.aboutContentTable3 .content { width: 1200px; margin: auto; text-align: center; display: flex; justify-content: right; }
.aboutContentTable3 .content .com { width: 305px; background-color: #f3f3f3; height: 511px; text-align:left}
.aboutContentTable3 .content .com .t { width: 100%; background-color: #173AA0; padding: 25px 20px; box-sizing: border-box; height: 160px; color: #fff; font-size: 35px;  }
.aboutContentTable3 .content .com .t p {line-height:55px; padding:0; margin:auto }
.aboutContentTable3 .content .com .item { width: 90%; margin: 0 5%; border-bottom: 1px solid #D0D0D0; height: 75px; line-height: 75px; font-size:20px; }

.newsBannerTable { width: 100%; min-width: 1200px; height: 499px; text-align: center; overflow: hidden; position: relative; background: url(../images/news_banner.jpg) top center no-repeat; background-size: cover; }
.newstContentTable { width: 100%; }
.newstContentTable .content { width: 1200px; margin: auto;   }
.newstContentTable .content .new_nav { width: 100%; display: flex; align-items: center; padding: 30px 0 8px; font-size: 14px; color: rgb(24, 24, 24); border-bottom:1px solid #e9e9e9 }
.newstContentTable .content .new_nav .item { min-width:104px; text-align:center; line-height:24px; cursor:pointer }
.newstContentTable .content .new_nav .item.cur { text-shadow: rgb(19, 102, 236) 0px 0px 0.25px; color: #1366ec;  position:relative }
.newstContentTable .content .new_nav .item.cur::after { content: ''; width: 100%; height: 2px; background-color: #1366ec; position:absolute; bottom:-9px; left:0; z-index:1 }
.newstContentTable .content .new_nums { padding: 24px; width: 100%; font-weight: 400; font-size: 14px; color: #666; line-height: 24px; border-bottom: 1px solid #e9e9e9; box-sizing:border-box }
.newstContentTable .content .new_list { width: 100%; list-style:none; list-style-type:none; padding:0; min-height:300px}
.newstContentTable .content .new_list li { margin-left: 0; }
.newstContentTable .content .new_list li a{ all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; height: 72px; box-shadow: inset 0 -1px #e9e9e9; padding: 24px; }
.newstContentTable .content .new_list li a .info-title { font-weight: 600; font-size: 16px; color: #181818; line-height: 24px; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newstContentTable .content .new_list li a .info-release-time { font-weight: 400; font-size: 14px; color: #666; line-height: 24px; min-width: 160px; text-align: right; }
.newstContentTable .content .new_page { width: 60%; max-width: 1400px; min-width: 1000px; margin: auto; }

.newstContentTable .content .new_page div.page { margin: 50px 0; padding: 0; text-align: center; font-size: 14px; display: flex; justify-content: center; color: #333 }
.newstContentTable .content .new_page div.page a { display: inline-block; padding: 5px 12px; margin: 0 0 0 8px; border: 1px solid #e1e2e3; line-height: 20px; height: 20px; color: #3b8dd1; background: #fff; text-decoration: none; }
.newstContentTable .content .new_page div.page a:hover { border: 1px solid rgb(217,59,176); color: rgb(217,59,176) }
.newstContentTable .content .new_page div.page .pageinfo { padding: 5px 12px; margin: 0 0 0 8px; }
.newstContentTable .content .new_page div.page .current { border: 1px solid #1366ec; color: #fff; background: #1366ec }
.newstContentTable .content .new_page div.digg font { color: #ddd; }

.newstContentTable .content .new_pace { width: 100%; display: flex; align-items: center; padding: 30px 0 8px; font-size: 14px; color: rgb(24, 24, 24); border-bottom: 1px solid #e9e9e9 }
.newstContentTable .content .new_pace i { margin:0 10px}
.newstContentTable .content .new_title { width: 100%; font-weight: 600; font-size: 26px; color: #181818; line-height: 40px; margin-bottom: 16px; text-align:center; margin-top:50px }
.newstContentTable .content .new_time { font-weight: 400; font-size: 14px; color: #666; line-height: 24px; margin-bottom: 20px; text-align: center; }
.newstContentTable .content .new_content { width: 90%; padding: 20px 5% 50px; min-height: 300px }



@keyframes wave { 0% { background: rgba(0,0,0,.25); -webkit-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0) }

    to { background: transparent; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1) }
}

.mapContentTable { width: 100%; min-width: 1200px;  text-align: left; overflow: hidden; position: relative; background: url(../images/map_bg.jpg) top center no-repeat; padding:24px 0;   }
.mapContentTable .content { width: 1200px; margin: auto; text-align: left; padding: 30px 0 }
.mapContentTable .content .t { display: flex; flex-direction: column; font-size: 30px; text-align:center }
.mapContentTable .content .t span { font-size: 26px; color: #444; line-height: 40px; font-weight: 400 }
.mapContentTable .content .t samp { font-size: 14px; color: #777; line-height: 30px; }
.mapContentTable .content .com { width: 100%; display: flex; align-items: stretch; justify-content: space-between; padding-top: 20px }
.mapContentTable .content .com .box{ width:45%; margin-right:20px;}
.mapContentTable .content .com .box .text { width: 100%; font-size: 14px;  color: #666666; font-weight: 700; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mapContentTable .content .com .box .input { width: 100%; font-size: 14px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.mapContentTable .content .com .box .input input { border: 1px solid #dadada; width: 0; flex: 1 1 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; margin: 0; padding: 0; text-indent: 6px; width: 100%; height: 36px; line-height:36px; }
.mapContentTable .content .com .box .input em {color:red; margin-left:10px; }
.mapContentTable .content .com .box .input textarea { border: 1px solid #dadada; width: 0; flex: 1 1 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; margin: 0; padding: 0; text-indent: 6px; width: 100%; height: 100px; line-height: 36px; }
.mapContentTable .content .com .box .input .Validform_error{ background-color:#ffdcdc}
.mapContentTable .content .com .box .input .Validform_checktip { display:none}
.mapContentTable .content .com .box .input.code { justify-content:flex-start}
.mapContentTable .content .com .box .input.code input { width: 120px; flex: 0 0 0;}
.mapContentTable .content .com .box .input.code img {width:100px; height:36px; margin:0 10px;cursor:pointer; }
.mapContentTable .content .com .box .input.code span {cursor:pointer; }
.mapContentTable .content .com .box .btns{ width:100%; }
.mapContentTable .content .com .box .btns .btn { width: 200px; height: 44px; line-height: 44px; text-align: center; font-size: 14px; background-color: rgba(0, 59, 175, 1); color: #fff; opacity: 1; position:relative; overflow:hidden; cursor:pointer; border-radius:5px; border:0px; }
.mapContentTable .content .com .box .btns .btn::before { pointer-events: none; content: ""; position: absolute; display: block; transition: all 0.6s; width: 100%; height: 0; border-radius: 50%; left: 50%; top: 50%; padding-top: 100%; transform: translateX(-50%) translateY(-50%); -webkit-animation: wave 1.3s infinite; animation: wave 1.3s infinite; z-index: 1; }
.mapContentTable .content .com .address { flex: 1 1 0; font-size: 16px; line-height: 26px; margin-top: 20px; color: #666666; }
.mapContentTable .content .com .address p {  margin:auto; padding:0;}
.mapContentTable .content .com .address .map { width:100%; height:330px; margin-top:10px; }



#product_page .webTopTable { background-color: #fff; height:110px; }
#product_page .webTopTable .webTop .nav a { color: #2F65E9 }
#product_page .webTopTable .webTop .nav a.cur, #product_page .webTopTable .webTop .nav a:hover { background-color: #2F65E9; color:#fff }


.productContentTable { width: 100%; min-width: 1200px;  margin: auto; background-color: #fff }
.productContentTable .content { width: 1200px; margin: auto; padding: 40px 0; text-align: center; display: flex; align-items: center; justify-content: space-between; background: url(../images/product_bg01.jpg) top right no-repeat ; }
.productContentTable .content .content_left { flex: 1 1 0; text-align: left ;display: flex; flex-direction: column;}
.productContentTable .content .content_left .t {  font-size: 45px;  color:#000; line-height:60px }
.productContentTable .content .content_left .com { margin-top:25px; line-height: 25px; font-size: 15px; width: 100%; color: #000 }
.productContentTable .content .content_left .btn { margin-top: 25px; height: 50px; line-height: 50px; font-size: 17px; color: #fff; width: 160px; text-align: center; border-radius: 25px; background-image: linear-gradient(to right,#617CFF,#2B4AFC); }
.productContentTable .content .content_left .btn:hover { background-image: linear-gradient(to right,#2B4AFC,#0123E2); }

.productContentTable .content .content_right { margin-left: 20px; width: 710px; }
.productContentTable .content .content_right img { width:100% }


.productContentTable01 { width: 100%; min-width: 1200px; overflow: hidden; margin: auto; background: url(../images/product_bg02.jpg) top center #EBF3FF no-repeat }
.productContentTable01 .content { width: 1080px; height:635px; margin: auto;  padding: 20px 0 60px; text-align: center; display: flex;  justify-content:space-evenly; flex-direction:column; position:relative  }
.productContentTable01 .content .bg { width:461px; height:380px; position:absolute; bottom:80px; right:-250px }
.productContentTable01 .content .bg img { width: 100% }
.productContentTable01 .content  .t { font-size: 45px; color: #000; line-height: 60px }
.productContentTable01 .content  .com {  line-height: 25px; font-size: 15px; width: 100%; color: #000 }
.productContentTable01 .content .com p { padding: 0; margin: 0 }
.productContentTable01 .content .list { width:94%; z-index:1; margin-top:80px; display: flex !important; align-items: center;  flex-wrap: wrap; background-color: rgb(255 255 255 / 0.33); border-radius: 35px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(140, 173, 244, 0.4); box-shadow: 0 0 10px rgba(140, 173, 244, 0.4); padding: 20px 65px; box-sizing: border-box }
.productContentTable01 .content .list .item { width: 220px; height: 135px; line-height: 120px; border-right: 1px solid #DDE0E5; font-size:25px; }
.productContentTable01 .content .list .item:nth-child(4n+4) { border-right:0 }
.productContentTable01 .content .list .item:nth-child(n+5) { border-top: 1px solid #DDE0E5; }


.productContentTable02 { width: 100%; min-width: 1200px; margin: auto; background: #fff }
.productContentTable02 .content { width: 1200px; height: 600px; margin: auto; padding: 50px 0; text-align: center; display: flex; justify-content: space-evenly; flex-direction: column;  }

.productContentTable02 .content .t { font-size: 45px; color: #000; line-height: 60px }
.productContentTable02 .content .com { line-height: 25px; font-size: 15px; width: 100%; color: #000 }
.productContentTable02 .content .com p { padding:0; margin:0 }
.productContentTable02 .content .lists { width: 100%;  margin-top: 80px; display: flex !important;   justify-content:space-between; }
.productContentTable02 .content .lists .img{ width: 412px; height: 350px; margin-right: 20px; }
.productContentTable02 .content .lists .img img { width: 100% }
.productContentTable02 .content .lists #p5 { flex: 1 1 0; }
.productContentTable02 .content .lists .list { flex:1 1 0; z-index: 1;  position:relative; margin-top:30px  }
.productContentTable02 .content .lists .list .item { width: 215px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #C8D4E4; font-size: 20px; color: #074FF7; border-radius:25px; position:absolute }
.productContentTable02 .content .lists .list .item:nth-child(1) { top:0; left:60px; }
.productContentTable02 .content .lists .list .item:nth-child(2) { top: 0; left: 325px; }
.productContentTable02 .content .lists .list .item:nth-child(3) { top: 80px; left: 0px; }
.productContentTable02 .content .lists .list .item:nth-child(4) { top: 80px; left: 245px; }
.productContentTable02 .content .lists .list .item:nth-child(5) { top: 80px; left: 490px; }
.productContentTable02 .content .lists .list .item:nth-child(6) { top: 160px; left: 135px; width:330px }


.productContentTable03 { width: 100%; min-width: 1200px; margin: auto; background: url(../images/product_bg04.jpg) top center #cfe1fc no-repeat }
.productContentTable03 .content { width: 1200px; height: 796px; margin: auto; padding: 40px 0; text-align: center; display: flex; align-items:center; justify-content: space-evenly; flex-direction: column; }

.productContentTable03 .content .t { font-size: 45px; color: #000; line-height: 60px }
.productContentTable03 .content .com { line-height: 25px; font-size: 15px; width: 100%; color: #000 }
.productContentTable03 .content .com p { padding: 0; margin: 0 }
.productContentTable03 .content  .img { width: 605px; height: 573px; margin-right: 20px; text-align:center }
.productContentTable03 .content .img img { width: 100% }


.productContentTable04 { width: 100%; min-width: 1200px; margin: auto; background: #fff }
.productContentTable04 .content { width: 86%; height: 600px; margin: auto; padding: 50px 0; text-align: center; display: flex; justify-content: space-evenly; flex-direction: column; }

.productContentTable04 .content .t { font-size: 45px; color: #000; line-height: 60px }
.productContentTable04 .content .lists { width: 100%; margin-top: 80px; display: flex !important; align-items:stretch; justify-content: space-between; }
.productContentTable04 .content .lists .list { width: 30.4%; min-height: 21.3vw; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(140, 173, 244, 0.4); box-shadow: 0 0 10px rgba(140, 173, 244, 0.4); padding:40px; box-sizing: border-box; position:relative !important }
.productContentTable04 .content .lists .list .item { width: 100%; height: 100%; position: relative; display: flex;  flex-direction: column; text-align: left; }
.productContentTable04 .content .lists .list .item::before { content: attr(data-number); position: absolute; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 14px; background-color: #E90611; border-radius: 9px; color: #fff; left: -20px; top: -20px }
.productContentTable04 .content .lists .list .item .title {font-size:25px; color:#000;  width:100%; margin-top:2vw; }
.productContentTable04 .content .lists .list .item .c { font-size: 15px; color: #727171; width: 100%; margin-top: 20px; line-height: 25px; }

.productContentTable05 { width: 100%; min-width: 1200px; margin: auto; background: url(../images/product_bg04.jpg) top center #cfe1fc no-repeat }
.productContentTable05 .content { width: 86%; min-height:816px; margin: auto; padding-top: 60px; text-align: center; display: flex;  flex-direction: column; }

.productContentTable05 .content .t { font-size: 45px; color: #000; line-height: 60px }
.productContentTable05 .content .com { line-height: 25px; font-size: 15px; width: 100%; color: #000; margin-top: 20px; }
.productContentTable05 .content .com p { padding: 0; margin: 0 }
.productContentTable05 .content .lists { width: 100%; margin-top: 80px; display: flex !important; align-items: stretch; justify-content: space-between; }
.productContentTable05 .content .lists .list { width: 30.4%; min-height: 21.3vw; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(140, 173, 244, 0.4); box-shadow: 0 0 10px rgba(140, 173, 244, 0.4); padding: 40px; box-sizing: border-box; position: relative !important }
.productContentTable05 .content .lists .list .item { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; text-align: left; }
.productContentTable05 .content .lists .list .item .img{ width: 68px; height: 62px;  }
.productContentTable05 .content .lists .list .item .img img { height: 100% }
.productContentTable05 .content .lists .list .item .title { font-size: 25px; color: #000; width: 100%; margin-top:20px; }
.productContentTable05 .content .lists .list .item .c { font-size: 15px; color: #727171; width: 100%; margin-top: 20px; line-height: 25px; }


@media (max-width: 1400px) {
    .productContentTable04 .content { width: 94%; }
    .productContentTable04 .content .lists .list { width: 31%; min-height: 24vw; padding: 30px; }
    .productContentTable04 .content .lists .list .item::before { left: -10px; top: -10px }
    .productContentTable04 .content .lists .list .item .title { font-size: 23px; margin-top: 1vw; }
    .productContentTable04 .content .lists .list .item .c { font-size: 14px; line-height: 23px; }

    .productContentTable05 .content { width: 94%; }
    .productContentTable05 .content .lists .list { width: 31%; min-height: 24vw; padding: 30px; }
}

@media (max-width: 1280px) { .productContentTable04 .content { width: 98%; }
    .productContentTable04 .content .lists .list { width: 32%; min-height: 24vw; padding: 30px; }
    .productContentTable04 .content .lists .list .item::before { left: -10px; top: -10px }

    .productContentTable04 .content .lists .list .item .title { font-size: 22px; margin-top: 1vw; }
    .productContentTable04 .content .lists .list .item .c { font-size: 13px; line-height: 22px; margin-top: 10px; }


    .productContentTable05 .content .lists .list { width: 32%; min-height: 24vw; padding: 30px; }
    .productContentTable05 .content .lists .list .item::before { left: -10px; top: -10px }

    .productContentTable05 .content .lists .list .item .title { font-size: 22px; margin-top: 10px; }
    .productContentTable05 .content .lists .list .item .c { font-size: 13px; line-height: 22px; margin-top: 10px; }
}</pre></body></html>