@charset "utf-8";

*, ::before, ::after { margin: 0px; padding: 0px; font-size: 16px; line-height: 1; font-family: MicrosoftYaHei; color: rgb(51, 51, 51); }

img { display: block; }

body { font-family: MicrosoftYaHei; }

a { text-decoration: none; }

.clearfix { zoom: 1; }

.clearfix::after { content: ""; display: block; clear: both; }

.clear { clear: both; font-size: 0px; height: 0px; line-height: 0; content: ""; }

li { list-style: none; }

.container { width: 1200px; margin: 0px auto; position: relative; }

.container2 { width: 1200px; margin: 0px auto; }

.f_left { float: left; }

.f_right { float: right; }

.banner { width: 100%; height: 510px; position: relative; }

.banner a { display: block; width: 100%; height: 100%; }

.banner img { width: 100%; }

.position { margin-top: 15px; margin-bottom: 23px; }

.position .container { font-size: 14px; color: rgb(102, 102, 102); }

.position p { padding-left: 27px; background: url("../images/icon/position_grey.png") left center no-repeat; height: 22px; }

.position a { font-size: 14px; color: rgb(102, 102, 102); line-height: 22px; }

.position span { color: rgb(102, 102, 102); font-size: 14px; line-height: 22px; }

.jump { margin-top: 50px; height: 30px !important; font-size: 0px !important; text-align: center !important; }

.jump li { float: none !important; border: none !important; background: rgb(233, 233, 233) !important; margin: 0px 7px !important; padding: 0px !important; height: 30px !important; font-size: 14px !important; width: 30px !important; display: inline-block !important; border-radius: 5px !important; }

.jump li a { display: block; height: 100% !important; width: 100% !important; line-height: 30px !important; text-align: center !important; font-size: 14px !important; border-radius: 5px !important; }

.jump li:first-of-type, .jump li:last-of-type { width: 56px !important; }

.jump li:hover, .jump li.on { background: rgb(0, 147, 222) !important; }

.jump li:hover a, .jump li.on a { color: rgb(255, 255, 255) !important; }

.swiper-slide img { width: auto; height: auto; max-width: 100%; max-height :100%;}

.index-banner .swiper-pagination-bullets { bottom: 120px; }

.index-title { background: url("../images/icon/title_line1.png") center 47px no-repeat; }

.index-title p:first-child { font-size: 30px; text-align: center; line-height: 1; color: rgb(34, 34, 34); }

.index-title p span { color: rgb(0, 147, 222); font-size: 30px; text-align: center; }

.index-title img { margin: 20px auto 22px; }

.index-title p img { display: inline; margin: 0px 8px 0px 10px; vertical-align: bottom; }

.index-title p:nth-of-type(2) { font-size: 18px; color: rgb(102, 102, 102); text-align: center; margin-top: 48px; }

.index-product { padding: 50px 0px; background: url("../images/index/index_product_background.jpg") repeat-y; }

.index-product-nav { margin-top: 35px; text-align: center; font-size: 0px; }

.index-product-nav li { display: inline-block; margin: 0px 20px; width: 120px; height: 36px; background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 3px; }

.index-product-nav li:hover, .index-product-nav li.on { border: 1px solid rgb(31, 148, 222); background-image: linear-gradient(0deg, rgb(26, 140, 212) 0%, rgb(46, 174, 255) 100%), linear-gradient(rgb(245, 34, 45), rgb(245, 34, 45)); background-blend-mode: normal, normal; }

.index-product-nav li a { color: rgb(51, 51, 51); display: block; width: 100%; height: 100%; line-height: 36px; text-align: center; }

.index-product-nav li:hover a, .index-product-nav li.on a { color: rgb(255, 255, 255); }

.index-product-main { display: none; margin-top: 45px; font-size: 0px; }

.index-product-main li { position: relative; display: inline-block; vertical-align: top; width: 280px; height: 296px; margin-bottom: 44px; margin-right: 26px; }

.index-product-main li:nth-child(6n) { margin-right: 0px; }

.index-product-main li a { display: block; width: 100%; height: 100%; }

.index-product-main li img { width: 278px; height: 238px; background-color: rgb(255, 255, 255); border: 1px solid rgb(193, 193, 193); }

.index-product-main li div { display: none; position: absolute; left: 0px; top: 0px; width: 278px; height: 238px; border: 1px solid rgb(26, 140, 212); background: rgba(26, 140, 212, 0.1); }

.index-product-main li div span { position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; background: url("../images/icon/product_search.png") center center no-repeat rgb(26, 140, 212); border-radius: 50%; }

.index-product-main li p { height: 56px; line-height: 56px; text-align: center; color: rgb(76, 76, 76); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.index-product-main .index-product-main-more { display: block; margin: -12px auto 0px; width: 160px; height: 30px; line-height: 30px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; background-image: linear-gradient(0deg, rgb(28, 144, 217) 0%, rgb(45, 172, 253) 100%), linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)); background-blend-mode: normal, normal; border-radius: 5px; border: 1px solid rgb(27, 142, 214); }

.index-manufacturer { padding: 51px 0px 53px; }

.index-manufacturer-ul { font-size: 0px; text-align: center; margin-top: 40px; }

.index-manufacturer-ul li { display: inline-block; vertical-align: top; width: 284px; height: 370px; margin: 0px 10px; position: relative; }

.index-manufacturer-ul li:first-child { background: url("../images/icon/index_manufacturer1.png") center 51px no-repeat rgb(246, 246, 246); }

.index-manufacturer-ul li:nth-child(2) { background: url("../images/icon/index_manufacturer2.png") center 50px no-repeat rgb(246, 246, 246); }

.index-manufacturer-ul li:nth-child(3) { background: url("../images/icon/index_manufacturer3.png") center 46px no-repeat rgb(246, 246, 246); }

.index-manufacturer-ul li:nth-child(4) { background: url("../images/icon/index_manufacturer4.png") center 49px no-repeat rgb(246, 246, 246); }

.index-manufacturer-ul li:hover { box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 10px; }

.index-manufacturer-ul li strong { display: block; padding-top: 186px; font-size: 18px; color: rgb(34, 34, 34); margin-bottom: 17px; }

.index-manufacturer-ul li p { font-size: 14px; color: rgb(68, 68, 68); line-height: 22px; padding: 0px 30px; }

.index-manufacturer-ul li span { position: absolute; width: 58px; height: 1px; background-color: rgb(27, 141, 213); left: 50%; margin-left: -29px; bottom: 70px; }

.index-experience { background: url("../images/index/index_experience.jpg") center top no-repeat; height: 172px; }

.index-experience .container { height: 100%; }

.index-experience-qrcode { position: absolute; left: 28px; top: 20px; width: 135px; height: 134px; }

.index-experience-qrcode img { width: 135px; height: 134px; }

.index-experience-txt { position: absolute; width: 435px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.index-experience-txt strong { display: block; text-align: center; font-size: 26px; line-height: 38px; letter-spacing: 2px; color: rgb(255, 255, 255); }

.index-experience-txt p { font-size: 16px; line-height: 32px; color: rgb(255, 255, 255); text-align: center; margin-top: 10px; }

.index-experience-phone { width: 220px; right: 0px; top: 25px; position: absolute; }

.i-exp-phone-top { width: 220px; height: 69px; padding-top: 16px; background: url("../images/index_experience_background.png") center center no-repeat; }

.i-exp-phone-top p:first-child { width: 138px; margin: 0px auto; padding-left: 42px; height: 25px; line-height: 25px; background: url("../images/phone.png") 9px center no-repeat; font-size: 14px; color: rgb(255, 255, 255); }

.i-exp-phone-top p:nth-child(2) { width: 180px; margin: 3px auto 0px; height: 25px; line-height: 25px; font-size: 24px; color: rgb(255, 255, 255); }

.i-exp-phone-bottom { margin-top: 12px; }

.i-exp-phone-bottom span:first-child { float: left; width: 99px; height: 26px; border: 1px solid rgb(255, 255, 255); text-align: center; line-height: 27px; font-size: 14px; }

.i-exp-phone-bottom span a { font-size: 14px; }

.i-exp-phone-bottom span:first-child a { color: rgb(255, 255, 255); }

.i-exp-phone-bottom span:nth-child(2) { float: right; width: 101px; height: 28px; background: rgb(255, 255, 255); text-align: center; line-height: 28px; font-size: 14px; }

.index-advantage { padding: 52px 0px 60px; }

.index-advantage .index-title { background: url("../images/icon/title_line1.png") center 74px no-repeat; }

.index-advantage .container { height: 774px; background: url("../images/index/index_advantage.png") center top no-repeat; margin-top: 30px; }

.index-advantage .container .index-advantage-simple { width: 296px; position: absolute; }

.index-advantage .container .index-advantage-simple:first-child { top: 22px; left: 63px; width: 294px; }

.index-advantage .container .index-advantage-simple:nth-child(2) { top: 22px; right: 51px; }

.index-advantage .container .index-advantage-simple:nth-child(3) { width: 280px; bottom: 21px; left: 64px; }

.index-advantage .container .index-advantage-simple:nth-child(4) { bottom: 22px; right: 51px; }

.index-advantage-simple p:first-child { font-size: 18px; color: rgb(51, 51, 51); font-weight: bold; margin-bottom: 15px; }

.index-advantage-simple p:first-child span { font-size: 18px; color: rgb(27, 142, 214); font-weight: bold; }

.index-advantage-simple p:nth-child(2) { font-size: 14px; line-height: 20px; color: rgb(68, 68, 68); }

.index-about { padding: 47px 0px 55px; }

.index-about .container { margin-top: 40px; }

.index-about .container img { width: 700px; height: 440px; border-radius: 10px; }

.index-about-txt { width: 447px; }

.index-about-txt strong { font-size: 18px; color: rgb(51, 51, 51); margin-bottom: 14px; display: block; }

.index-about-txt span { width: 50px; height: 2px; background: rgb(31, 148, 222); display: block; margin-bottom: 23px; }

.index-about-txt > p { font-size: 14px; line-height: 30px; color: rgb(51, 51, 51); height: 210px; margin-bottom: 32px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }

.index-about-txt-more { display: inline-block; font-size: 14px; color: rgb(51, 51, 51); padding-right: 50px; background: url("../images/index/index_about_right.png") right center no-repeat; }

.index-about-txt ul { margin-top: 49px; }

.index-about-txt ul li { float: left; margin-right: 42px; width: 90px; height: 90px; border-radius: 50%; }

.index-about-txt ul li:first-child { background: url("../images/index/index_about1.png") center 17px no-repeat rgb(121, 121, 121); }

.index-about-txt ul li:nth-child(2) { background: url("../images/index/index_about2.png") center 16px no-repeat rgb(121, 121, 121); }

.index-about-txt ul li:nth-child(3) { background: url("../images/index/index_about3.png") center 22px no-repeat rgb(121, 121, 121); }

.index-about-txt ul li:first-child:hover { background: url("../images/index/index_about1.png") center 17px no-repeat rgb(31, 148, 222); }

.index-about-txt ul li:nth-child(2):hover { background: url("../images/index/index_about2.png") center 16px no-repeat rgb(31, 148, 222); }

.index-about-txt ul li:nth-child(3):hover { background: url("../images/index/index_about3.png") center 22px no-repeat rgb(31, 148, 222); }

.index-about-txt ul li p { font-size: 15px; color: rgb(255, 255, 255); padding-top: 54px; text-align: center; }

.index-dynamic { background: rgb(235, 235, 235); padding: 65px 0px 85px; position: relative; }

.index-dynamic-company { width: 795px; float: left; background: rgb(255, 255, 255); padding-bottom: 30px; }

.index-dynamic-company-title { background: url("../images/new_nav1.png") center top no-repeat; height: 55px; }

.index-dynamic-company-title div { height: 55px; border-bottom: 1px solid rgb(221, 221, 221); }

.index-dynamic-company-title strong { margin: 20px 0px 0px 20px; display: block; line-height: 18px; border-left: 3px solid rgb(31, 148, 222); padding-left: 8px; float: left; color: rgb(31, 148, 222); font-size: 16px; }

.index-dynamic-company-title img { display: block; float: right; margin: 20px 20px 0px 0px; }

.index-dynamic-company_big { width: 730px; margin: 30px auto 0px; }

.index-dynamic-company_pic { float: left; width: 280px; position: relative; }

.index-dynamic-company_pic img { display: block; width: 280px; height: 297px; }

.index-dynamic-company_pic:hover .index-dynamic-company_float { display: block; }

.index-dynamic-company_pic .index-dynamic-company_float { display: block; position: absolute; background: rgba(31, 148, 222, 0.4); color: rgb(255, 255, 255); padding: 17px 15px 25px; left: 0px; bottom: 0px; width: 250px; }

.index-dynamic-company_float strong { display: block; margin-bottom: 5px; font-weight: normal; color: rgb(255, 255, 255); }

.index-dynamic-company_float p { line-height: 25px; color: rgb(255, 255, 255); word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.index-dynamic-company_txt { float: right; width: 420px; }

.index-dynamic-company_txt li { border-bottom: 1px dotted rgb(227, 226, 226); padding-bottom: 15px; margin-bottom: 15px; }

.index-dynamic-company_txt li .index-dynamic-company_data { float: left; }

.index-dynamic-company_data strong { display: block; font-size: 32px; color: rgb(102, 102, 102); font-weight: bold; margin-bottom: 5px; text-align: center; }

.index-dynamic-company_data span { width: 62px; display: block; line-height: 22px; text-align: center; font-size: 13px; color: rgb(255, 255, 255); background: rgb(196, 195, 195); }

.index-dynamic-company_txt li:hover span { background: rgb(31, 148, 222); }

.index-dynamic-company_th { width: 338px; float: right; }

.index-dynamic-company_th strong { display: block; color: rgb(51, 51, 51); margin-bottom: 5px; font-weight: normal; font-size: 16px; }

.index-dynamic-company_txt li a:hover .index-dynamic-company_th strong { color: rgb(31, 148, 222); }

.index-dynamic-company_th p { color: rgb(119, 119, 119); line-height: 25px; font-size: 14px; word-break: break-all; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.question { width: 360px; float: right; background: rgb(255, 255, 255); overflow: hidden; height: 420px; }

.question .question_con { width: 380px; height: 324px; margin-left: 12px; padding: 20px 0px 30px; overflow-y: scroll; }

.question_con li { width: 310px; box-sizing: border-box; border-bottom: 1px dotted rgb(227, 226, 226); padding-bottom: 13px; margin-bottom: 13px; background: url("../images/index/list_style_grey.png") left 3px no-repeat; }

.question_con li:hover { background: url("../images/index/list_style_blue.png") left 3px no-repeat; }

.question_con li a { padding-left: 19px; display: block; }

.question_con li a p { color: rgb(51, 51, 51); line-height: 1; margin-bottom: 14px; }

.question_con li a p:nth-child(2) { color: rgb(119, 119, 119); line-height: 25px; height: 50px; font-size: 14px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.question_con li:hover a p:first-child { color: rgb(31, 148, 222); }

.news .news_title { text-align: center; font-size: 28px; color: rgb(51, 51, 51); margin-top: 51px; }

.news_classify { text-align: center; font-size: 0px; margin-top: 34px; }

.news_classify a { display: inline-block; margin: 0px 10px; font-size: 14px; color: rgb(68, 68, 68); width: 90px; height: 37px; line-height: 37px; border: 1px solid rgb(229, 229, 229); }

.news_classify a.on, .news_classify a:hover { color: rgb(255, 255, 255); border: 1px solid rgb(31, 148, 222); background-image: linear-gradient(0deg, rgb(26, 140, 212) 0%, rgb(46, 174, 255) 100%), linear-gradient(rgb(31, 148, 222), rgb(31, 148, 222)); background-blend-mode: normal, normal; }

.news_list { margin-top: 60px; }

.news_list li { padding: 35px 0px; border-bottom: 1px solid rgb(239, 239, 239); }

.news_list li img { float: left; width: 296px; height: 188px; border-radius: 5px; }

.news_list_txt { width: 771px; margin-left: 45px; padding-top: 23px; }

.news_list_txt strong { font-weight: normal; font-size: 16px; color: rgb(51, 51, 51); line-height: 21px; height: 21px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.news_list_txt:hover strong { color: rgb(0, 147, 222); }

.news_list_txt p { font-size: 14px; color: rgb(68, 68, 68); line-height: 24px; height: 72px; margin: 20px 0px 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.news_list_txt span { font-size: 14px; color: rgb(68, 68, 68); }

.news_list li a > span { float: right; margin-top: 71px; width: 43px; height: 43px; background: url("../images/news/news_arrow_grey.png") center center no-repeat; }

.news_list li a:hover > span { background: url("../images/news/news_arrow_blue.png") center center no-repeat; }

.news .jump { margin: 70px 0px; }

.service-case-page .news-page_left { width: 1200px; }

.product-page_top_left { width: 628px; height: 410px; margin-top: 20px; }

.product-page_top_left #swiper1 { width: 628px; height: 410px; }

.swiper2-area { height: 55px; position: relative; margin-top: 13px; }

.swiper2-area .swiper-button-prev { left: 52px; top: 14px; margin: 0px; width: 17px; height: 27px; background: url("../images/icon/product_page_arrow_left.png") center center no-repeat; }

.swiper2-area .swiper-button-next { right: 87px; top: 14px; margin: 0px; width: 17px; height: 27px; background: url("../images/icon/product_page_arrow_right.png") center center no-repeat; }

.swiper2-area .swiper-button-prev:hover { background: url("../images/icon/product_page_arrow_left_hover.png") center center no-repeat; }

.swiper2-area .swiper-button-next:hover { background: url("../images/icon/product_page_arrow_right_hover.png") center center no-repeat; }

#swiper2 { height: 55px; width: 380px; }

#swiper2 .swiper-slide { width: 85px; height: 55px; margin-right: 10px; }

#swiper2 .swiper-slide img { width: 85px; height: 55px; }

.product-page_top_left .swiper-pagination span { color: rgb(255, 255, 255); font-size: 24px; }

.product-page_top_right { width: 522px; margin-top: 20px; }

.product-page_top_right_title { margin-top: 40px; position: relative; border-bottom: 1px solid rgb(204, 204, 204); }

.product-page_top_right_title p { font-size: 24px; font-weight: bold; color: rgb(51, 51, 51); line-height: 1; padding-bottom: 19px; }

.product-page_top_right_title a { position: absolute; right: 0px; top: 100%; width: 110px; height: 30px; line-height: 30px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(0, 147, 222); }

.product-page_top_right_list { height: 330px; border-bottom: 1px solid rgb(204, 204, 204); }

.product-page_top_right_list li { color: rgb(34, 34, 34); font-size: 14px; line-height: 36px; }

.product-page_top_right_list li:first-child { margin-top: 8px; }

.product-page_top_right_share { margin-top: 20px; font-size: 0px; color: rgb(116, 116, 116); }

.product-page_top_right_share span { font-size: 14px; line-height: 14px; color: rgb(116, 116, 116); vertical-align: middle; }

.product-page_top_right_share a { margin: 0px 5px; vertical-align: middle; }

.product-page_top_right_share a:first-of-type { display: inline-block; width: 15px; height: 14px; background: url("../images/icon/icon_friends.png") center center no-repeat; }

.product-page_top_right_share a:nth-of-type(2) { display: inline-block; width: 17px; height: 14px; background: url("../images/icon/icon_weixin.png") center center no-repeat; }

.product-page_top_right_share a:nth-of-type(3) { display: inline-block; width: 14px; height: 16px; background: url("../images/icon/icon_QQ.png") center center no-repeat; }

.product-page_top_right_share a:nth-of-type(4) { display: inline-block; width: 15px; height: 14px; background: url("../images/icon/icon_QQZone.png") center center no-repeat; }

.a-product-page-bottom { margin-top: 59px; }

.a-product-page-bottom-left { width: 788px; }

.a-product-page-bottom-left-switch { width: 788px; border-bottom: 1px solid rgb(207, 207, 207); }

.a-product-page-bottom-left-switch li { float: left; width: 78px; height: 34px; line-height: 34px; font-size: 14px; color: rgb(51, 51, 51); text-align: center; border-top: 1px solid rgb(207, 207, 207); border-left: 1px solid rgb(207, 207, 207); }

.a-product-page-bottom-left-switch li:last-child { border-right: 1px solid rgb(207, 207, 207); }

.a-product-page-bottom-left-switch li:hover, .a-product-page-bottom-left-switch li.on { color: rgb(0, 147, 222); }

.a-product-page-bottom-left-list { margin-top: 36px; width: 788px; }

ol.a-product-page-bottom-left-list { list-style-type: none; counter-reset: sectioncounter 0; }

ol.a-product-page-bottom-left-list li::before { content: counter(sectioncounter) "·"; counter-increment: sectioncounter 1; }

.a-product-page-bottom-left-list li { line-height: 36px; width: 788px; }

.a-product-page-bottom-left img { margin-top: 50px; max-width: 100%; height: auto; }

.a-product-page-bottom-right { width: 253px; }

.a-product-page-bottom-right p { margin-bottom: 21px; font-size: 22px; color: rgb(34, 34, 34); }

.a-product-page-bottom-right-ul { width: 253px; margin-bottom: 60px; }

.a-product-page-bottom-right-ul li { width: 251px; border: 1px solid rgb(203, 203, 203); height: 333px; margin-bottom: 28px; }

.a-product-page-bottom-right-ul li img { width: 251px; height: 206px; border-bottom: 1px solid rgb(203, 203, 203); }

.a-product-page-bottom-right-ul li strong { height: 16px; padding-left: 5px; margin-top: 21px; font-size: 16px; font-weight: normal; color: rgb(34, 34, 34); word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.a-product-page-bottom-right-ul li p { height: 14px; padding-left: 5px; margin-top: 12px; color: rgb(102, 102, 102); font-size: 14px; margin-bottom: 0px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.a-product-page-bottom-left-advantange { width: 100%; }

.a-product-page-bottom-left-color { width: 100%; margin-top: 38px; }

.a-product-page-bottom-left-color span { line-height: 36px; }

.a-product-page-bottom-left-color p { line-height: 36px; }

.a-product-page-bottom-left-color-ul { width: 674px; margin-left: 33px; margin-bottom: 19px; }

.a-product-page-bottom-left-color-ul > p { font-size: 16px; color: rgb(51, 51, 51); margin-bottom: 11px; }

.a-product-page-bottom-left-color-ul li { float: left; width: 209px; margin-right: 22px; margin-bottom: 10px; }

.a-product-page-bottom-left-color-ul li:nth-of-type(3n) { margin-right: 0px; }

.a-product-page-bottom-left-color-ul li img { width: 207px; height: 49px; border: 1px solid rgb(102, 102, 102); }

.a-product-page-bottom-left-color-ul li p { font-size: 16px; color: rgb(51, 51, 51); height: 16px; text-align: center; margin-top: 5px; }

.a-product-page-bottom-left-color-display { width: 790px; margin: 60px auto 0px; }

.a-product-page-bottom-left-color-display > p { font-size: 16px; color: rgb(34, 34, 34); padding-bottom: 15px; border-bottom: 1px solid rgb(207, 207, 207); }

.a-product-page-bottom-left-color-display ul li { float: left; }

.a-product-page-bottom-left-color-display ul li:last-child { margin-right: 0px; }

.a-product-page-bottom-left-color-display ul li p { margin-top: 25px; text-align: center; font-size: 18px; color: rgb(34, 34, 34); }

.a-product-page-bottom-left-effect { margin-top: 41px; }

.a-product-page-bottom-left-effect img { margin-bottom: 36px; }

.a-product-page-bottom-left-customize { width: 616px; }

.a-product-page-bottom-left-customize > p { margin-top: 50px; font-size: 24px; color: rgb(224, 119, 36); }

.a-product-page-bottom-left-customize ul { padding-bottom: 20px; border-bottom: 1px dotted rgb(187, 187, 187); }

.a-product-page-bottom-left-customize ul div { margin-bottom: 22px; margin-top: 33px; width: 187px; height: 42px; line-height: 42px; text-align: center; font-size: 24px; color: rgb(255, 255, 255); background-color: rgb(30, 30, 30); }

.a-product-page-bottom-left-customize ul li { float: left; margin-left: -10px; margin-bottom: 16px; width: 211px; height: 58px; line-height: 58px; text-align: center; font-size: 20px; color: rgb(51, 51, 51); background: url("../images/product-page/a_product_bottom_left4_bg2.png") center center no-repeat; }

.a-product-page-bottom-left-customize ul li:first-of-type { margin-left: 0px; background: url("../images/product-page/a_product_bottom_left4_bg1.png") center center no-repeat; }

.a-product-page-bottom-left-customize ul li:nth-of-type(3n+1) { margin-left: 0px; }

.a-product-page-bottom-left-customize a { display: block; margin-top: 46px; margin-bottom: 45px; width: 116px; height: 36px; line-height: 36px; background-color: rgb(224, 119, 36); text-align: center; font-size: 20px; color: rgb(255, 255, 255); }

.a-product-page-bottom-left-jump { width: 100%; margin-bottom: 80px; }

.a-product-page-bottom-left-jump a { font-size: 14px; color: rgb(51, 51, 51); }

.a-product-page-bottom-left-jump a:hover { color: rgb(224, 119, 36); }

.a-product-page-bottom-left-jump a:first-child { float: left; }

.a-product-page-bottom-left-jump a:nth-child(2) { float: right; }

.news-page_left { width: 823px; }

.news-page_left_title { position: relative; }

.news-page_left_title p { font-size: 22px; color: rgb(34, 34, 34); line-height: 1; padding-bottom: 14px; padding-right: 160px; }

.news-page_left_title a { position: absolute; right: 0px; bottom: 0px; background: rgb(0, 147, 222); width: 137px; height: 30px; font-size: 13px; line-height: 30px; text-align: center; letter-spacing: 1px; color: rgb(255, 254, 254); }

.news-page_left_title_footer { padding-top: 21px; border-top: 1px solid rgb(187, 187, 187); margin-bottom: 53px; }

.news-page_left_title_footer_left span { margin-right: 28px; font-size: 14px; line-height: 14px; color: rgb(116, 116, 116); }

.news-page_left_title_footer_right { font-size: 0px; }

.news-page_left_title_footer_right span { font-size: 14px; line-height: 14px; color: rgb(116, 116, 116); vertical-align: middle; }

.news-page_left_title_footer_right a { margin: 0px 5px; vertical-align: middle; }

.news-page_left_title_footer_right a:first-of-type { display: inline-block; width: 15px; height: 14px; background: url("../images/icon/icon_friends.png") center center no-repeat; }

.news-page_left_title_footer_right a:nth-of-type(2) { display: inline-block; width: 17px; height: 14px; background: url("../images/icon/icon_weixin.png") center center no-repeat; }

.news-page_left_title_footer_right a:nth-of-type(3) { display: inline-block; width: 14px; height: 16px; background: url("../images/icon/icon_QQ.png") center center no-repeat; }

.news-page_left_title_footer_right a:nth-of-type(4) { display: inline-block; width: 15px; height: 14px; background: url("../images/icon/icon_QQZone.png") center center no-repeat; }

.news-page_left > p { font-size: 14px; color: rgb(102, 102, 102); line-height: 32px !important; }

.news-page_left > img { width: 100%; margin-bottom: 31px; }

.news-page_left_jump { margin-top: 26px; margin-bottom: 71px; }

.news-page_left_jump a { font-size: 14px; line-height: 26px; color: rgb(51, 51, 51); display: block; }

.news-page_left_jump a:hover { color: rgb(0, 147, 222); }

.news-page_right { width: 325px; }

.news-page_right_title { width: 306px; height: 58px; padding-left: 19px; color: rgb(255, 255, 255); background: rgb(0, 147, 222); line-height: 58px; }

.news-page_right_ul { padding-left: 19px; padding-right: 20px; padding-bottom: 50px; background-color: rgb(242, 242, 242); }

.news-page_right_ul li { padding-top: 19px; padding-bottom: 19px; border-bottom: 1px dotted rgb(102, 102, 102); }

.news-page_right_ul li a { font-size: 14px; color: rgb(51, 51, 51); line-height: 1; margin-bottom: 14px; height: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.news-page_right_ul li a:hover { color: rgb(0, 147, 222); }

.news-page_right_ul li p { font-size: 13px; color: rgb(153, 153, 153); line-height: 1; }

.service-case-ul li { float: left; width: 380px; height: 480px; position: relative; background: rgb(255, 255, 255); margin-right: 30px; margin-bottom: 30px; }

.service-case-ul li:nth-child(3n) { margin-right: 0px; }

.service-case-ul li img { width: 380px; height: 300px; }

.service-case-ul li span { display: none; position: absolute; width: 298px; height: 218px; border: 1px solid rgb(255, 255, 255); top: 40px; left: 40px; }

.service-case-ul li:hover span { display: block; }

.service-case-ul li p:first-of-type { text-align: center; margin-top: 32px; padding: 0px 10px; font-size: 18px; color: rgb(102, 102, 102); margin-bottom: 24px; }

.service-case-ul li p:nth-of-type(2) { padding: 0px 44px 0px 56px; font-size: 14px; color: rgb(102, 102, 102); line-height: 26px; height: 52px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.service-case-ul li div { display: none; position: absolute; left: 0px; bottom: 0px; width: 380px; height: 30px; background: url("../images/index/index_case_right.png") center center no-repeat rgb(31, 148, 222); }

.service-case-ul li:hover div { display: block; }

.service-visit { padding-bottom: 59px; }

.service-visit-title { font-size: 28px; color: rgb(51, 51, 51); text-align: center; margin-top: 48px; margin-bottom: 31px; }

.service-visit-ul { font-size: 0px; text-align: center; margin-bottom: 60px; }

.service-visit-ul li { width: 76px; height: 76px; margin: 0px 35px; display: inline-block; vertical-align: top; }

.service-visit-ul li span { display: block; width: 76px; height: 58px; }

.service-visit-ul li:first-child span { background: url("../images/icon/service_visit1.png") center top no-repeat; }

.service-visit-ul li:nth-child(2) span { background: url("../images/icon/service_visit2.png") center top no-repeat; }

.service-visit-ul li:nth-child(3) span { background: url("../images/icon/service_visit3.png") center top no-repeat; }

.service-visit-ul li:nth-child(4) span { background: url("../images/icon/service_visit4.png") center top no-repeat; }

.service-visit-ul li p { font-size: 18px; color: rgb(51, 51, 51); letter-spacing: 1px; }

.service-visit-form input[type="text"] { float: left; margin-bottom: 60px; font-size: 16px; width: 544px; height: 50px; border: 1px solid rgb(132, 132, 132); line-height: 50px; padding-left: 18px; }

.service-visit-form div input:nth-child(2) { float: right; }

.service-visit-form textarea { display: block; margin-bottom: 40px; width: 100%; border: 1px solid rgb(132, 132, 132); box-sizing: border-box; padding: 16px 19px; height: 300px; resize: none; font-size: 16px; line-height: 25px; }

.service-visit-form input[type="submit"] { display: block; font-size: 23px; color: rgb(255, 255, 255); background-color: rgb(57, 169, 244); width: 200px; height: 60px; border: none; margin: 0px auto; }

.contact { padding-bottom: 67px; }

.contact_title { margin-top: 73px; }

.contact_title p:first-child { font-size: 28px; color: rgb(51, 51, 51); text-align: center; line-height: 1; }

.contact_title strong { color: rgb(0, 147, 222); font-size: 22px; display: block; line-height: 1; text-align: center; }

.contact_title p:nth-child(2) { width: 830px; margin: 20px auto 56px; color: rgb(0, 0, 0); line-height: 1; font-size: 14px; text-align: center; }

.contact_list { width: 930px; margin: 0px auto; }

.contact_list li { float: left; width: 226px; margin-right: 75px; padding-left: 34px; font-size: 14px; line-height: 41px; }

.contact_list li:nth-child(3n) { margin-right: 0px; }

.contact_list li:first-child { background: url("../images/icon/contact_icon_tel.png") left center no-repeat; }

.contact_list li:nth-child(2) { background: url("../images/icon/contact_icon_user.png") left center no-repeat; }

.contact_list li:nth-child(3) { background: url("../images/icon/contact_icon_email.png") left center no-repeat; }

.contact_list li:nth-child(4) { background: url("../images/icon/contact_icon_fax.png") left center no-repeat; }

.contact_list li:nth-child(5) { background: url("../images/icon/contact_icon_user.png") left center no-repeat; }

.contact_list li:nth-child(6) { background: url("../images/icon/contact_icon_tel.png") left center no-repeat; }

.contact_list li:nth-child(7) { background: url("../images/icon/contact_icon_money.png") left center no-repeat; }

.contact_list li:nth-child(8) { background: url("../images/icon/contact_icon_email.png") left center no-repeat; }

.contact_list li:nth-child(9) { background: url("../images/icon/contact_icon_tel.png") left center no-repeat; }

.contact_ali { width: 205px; text-align: center; padding-top: 12px; }

.contact_ali img { margin: 0px auto 8px; width: 90px; height: 20px; }

.contact_ali p { color: rgb(243, 111, 32); font-size: 14px; line-height: 38px; }

.contact_ali a { color: rgb(243, 111, 32); font-size: 14px; line-height: 1; text-decoration: underline; }

.contact_address { margin: 62px auto 12px; width: 330px; height: 26px; font-size: 14px; color: rgb(51, 51, 51); line-height: 30px; padding-left: 29px; background: url("../images/icon/contact_position.png") left center no-repeat; }

.contact_map { margin-bottom: 10px; height: 528px; }

.contact_map img { width: 100%; height: 528px; }

.service-after-intro { height: 360px; margin: 58px auto 48px; }

.service-after-intro span { width: 1px; height: 360px; background-color: rgb(195, 195, 195); position: absolute; left: 600px; }

.service-after-intro-simple { width: 536px; position: absolute; }

.service-after-intro-simple p { font-size: 14px; line-height: 30px; letter-spacing: 1px; color: rgb(51, 51, 51); }

.service-after-intro-simple p:first-child { font-size: 22px; color: rgb(51, 51, 51); letter-spacing: 1px; line-height: 1; margin-bottom: 25px; }

.sais1 { top: 0px; left: 0px; }

.sais2 { top: 0px; left: 664px; }

.sais3 { top: 205px; left: 0px; }

.sais4 { top: 205px; left: 664px; }

.service-after-progress { background: url("../images/service_after/service_after_progress_background.jpg") center top no-repeat; height: 406px; }

.service-after-progress-title { font-size: 28px; letter-spacing: 2px; color: rgb(51, 51, 51); text-align: center; padding: 47px 0px 49px; }

.service-after-progress ul { font-size: 0px; text-align: center; }

.service-after-progress ul li { display: inline-block; width: 180px; height: 235px; background-color: rgb(255, 255, 255); margin: 0px 12px; vertical-align: top; }

.service-after-progress ul li div { width: 180px; height: 86px; font-size: 24px; font-weight: bold; }

.service-after-progress ul li div p { padding-top: 34px; color: rgb(51, 51, 51); font-size: 18px; }

.service-after-progress ul li span { background: rgb(31, 148, 222); width: 40px; height: 3px; display: block; margin: 19px auto 0px; }

.service-after-progress ul li > p { padding: 37px 19px 0px 13px; font-size: 14px; line-height: 18px; color: rgb(51, 51, 51); text-align: left; letter-spacing: 1px; }

.service-after-progress ul li:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 16px 0px; }

.service-after-progress ul li:hover div { background-color: rgb(31, 148, 222); }

.service-after-progress ul li:hover div p { color: rgb(255, 255, 255); }

.service-after-progress ul li:hover span { background: rgb(255, 255, 255); }

.service-after-classify { padding: 48px 0px 61px; }

.service-after-classify-title { font-size: 28px; color: rgb(51, 51, 51); margin-bottom: 70px; text-align: center; }

.service-after-classify-simple { width: 1198px; height: 381px; border: 1px solid rgb(220, 220, 220); margin: 0px auto 110px; }

.service-after-classify-simple div { float: left; width: 512px; margin-left: 28px; margin-top: 40px; }

.service-after-classify-simple div p { font-size: 14px; line-height: 24px; color: rgb(51, 51, 51); letter-spacing: 1px; }

.service-after-classify-simple div p strong { font-size: 14px; line-height: 24px; color: rgb(51, 51, 51); letter-spacing: 1px; }

.service-after-classify-simple div p:first-child { font-size: 24px; letter-spacing: 1px; color: rgb(51, 51, 51); line-height: 1; margin-bottom: 37px; }

.service-after-classify-simple img { float: right; }

.service-after-classify .service-after-classify-simple:last-of-type { margin-bottom: 0px; }

.sacs1 img { margin-right: 29px; margin-top: -30px; }

.sacs2 div { float: right; margin-right: 37px; margin-top: 79px; margin-left: 0px; }

.sacs2 img { float: left; margin-left: 37px; margin-top: -38px; }

.sacs3 img { margin-right: 37px; margin-top: -30px; }

.service-after-message { background: url("../images/service_after/service_after_online.jpg") center top no-repeat; height: 686px; }

.service-after-message-title { font-size: 28px; color: rgb(51, 51, 51); padding: 59px 0px 46px; text-align: center; }

.service-after-message form div { font-size: 0px; }

.service-after-message form input[type="text"] { display: inline-block; font-size: 16px; width: 354px; height: 53px; line-height: 53px; background-color: rgb(255, 255, 255); border: none; padding-left: 18px; }

.service-after-message form div input:nth-child(2) { margin: 0px 42px; }

.service-after-message form textarea { height: 300px; padding-top: 17px; padding-left: 19px; line-height: 25px; resize: none; box-sizing: border-box; border: none; width: 1200px; margin: 28px auto 0px; }

.service-after-message form input[type="submit"] { display: block; margin: 50px auto 0px; width: 200px; height: 60px; background-color: rgb(57, 169, 244); font-size: 23px; color: rgb(255, 255, 255); border: none; }

.contact-agent-advantage { padding: 47px 0px 59px; color: rgb(242, 242, 242); }

.contact-agent-advantage-title { font-size: 28px; color: rgb(51, 51, 51); margin-bottom: 40px; text-align: center; }

.contact-agent-advantage-simple { height: 322px; }

.contact-agent-advantage-simple img { width: 600px; height: 322px; }

.contact-agent-advantage-simple div { width: 600px; height: 322px; box-sizing: border-box; padding-top: 76px; padding-left: 83px; position: relative; }

.contact-agent-advantage-simple div > span { position: absolute; width: 3px; height: 173px; background-color: rgb(31, 148, 222); top: 58px; left: 50px; }

.contact-agent-advantage-simple div p:first-of-type { font-size: 30px; line-height: 48px; color: rgb(153, 153, 153); margin-bottom: 25px; }

.contact-agent-advantage-simple div p:nth-of-type(2) { font-size: 28px; color: rgb(51, 51, 51); }

.contact-agent-advantage-simple div p:nth-of-type(2) span { font-size: 28px; color: rgb(31, 148, 222); }

.caas1 img { float: left; }

.caas1 div { float: right; }

.caas2 img { float: right; }

.caas2 div { float: left; }

.caas3 img { float: left; }

.caas3 div { float: right; }

.contact-agent-condition { padding: 53px 0px 60px; }

.contact-agent-condition-title p:first-child { font-size: 28px; color: rgb(51, 51, 51); margin-bottom: 20px; text-align: center; }

.contact-agent-condition-title p:nth-child(2) { font-size: 14px; color: rgb(102, 102, 102); margin-bottom: 41px; text-align: center; }

.contact-agent-condition-main { height: 379px; }

.contact-agent-condition-simple { position: absolute; width: 360px; height: 180px; border: 1px solid rgb(197, 197, 197); box-sizing: border-box; padding-top: 35px; padding-left: 30px; }

.contact-agent-condition-simple strong { display: block; font-size: 48px; color: rgb(31, 148, 222); margin-bottom: 19px; }

.contact-agent-condition-simple p { font-size: 14px; line-height: 22px; color: rgb(51, 51, 51); width: 294px; }

.contact-agent-condition-5 { position: absolute; right: 0px; top: 0px; width: 444px; box-sizing: border-box; height: 379px; padding: 97px 0px 0px 77px; background: url("../images/contact_agent/contact_agent_condition.jpg") left top no-repeat; border: 1px solid rgb(197, 197, 197); }

.contact-agent-condition-5 span { position: absolute; left: 40px; top: 94px; width: 3px; height: 173px; background-color: rgb(31, 148, 222); }

.contact-agent-condition-5 strong { display: block; font-size: 48px; color: rgb(31, 148, 222); margin-bottom: 19px; }

.contact-agent-condition-5 p:first-of-type { line-height: 36px; font-size: 28px; color: rgb(51, 51, 51); margin-bottom: 22px; }

.contact-agent-condition-5 p:nth-of-type(2) { font-size: 18px; color: rgb(153, 153, 153); }

.cacs1 { top: 0px; left: 0px; }

.cacs2 { top: 0px; left: 378px; }

.cacs3 { bottom: 0px; left: 0px; }

.cacs4 { bottom: 0px; left: 378px; }

.contact-agent-progress { height: 410px; background: url("../images/contact_agent/contact_agent_progress.jpg") center top no-repeat; }

.contact-agent-progress-title { font-size: 28px; color: rgb(51, 51, 51); padding: 53px 0px 70px; text-align: center; }

.contact-agent-progress ul { font-size: 0px; text-align: center; }

.contact-agent-progress ul li { width: 200px; height: 200px; display: inline-block; vertical-align: top; border-radius: 50%; }

.contact-agent-progress ul img { display: inline-block; vertical-align: top; margin: 99px 6px 0px; width: 38px; height: 10px; }

.contact-agent-progress ul li p { padding-top: 117px; width: 160px; margin: 0px auto; font-size: 14px; line-height: 22px; color: rgb(255, 255, 255); text-align: center; }

.contact-agent-progress ul li:first-of-type { background: url("../images/icon/contact_agent_progress_icon1.png") center 63px no-repeat rgb(31, 148, 222); }

.contact-agent-progress ul li:nth-of-type(2) { background: url("../images/icon/contact_agent_progress_icon2.png") center 56px no-repeat rgb(31, 148, 222); }

.contact-agent-progress ul li:nth-of-type(3) { background: url("../images/icon/contact_agent_progress_icon3.png") center 48px no-repeat rgb(31, 148, 222); }

.contact-agent-progress ul li:nth-of-type(4) { background: url("../images/icon/contact_agent_progress_icon4.png") center 53px no-repeat rgb(31, 148, 222); }

.contact-agent-progress ul li:nth-of-type(5) { background: url("../images/icon/contact_agent_progress_icon5.png") center 53px no-repeat rgb(31, 148, 222); }

.contact-agent-intention { padding: 60px 0px; }

.contact-agent-intention-title { font-size: 28px; color: rgb(51, 51, 51); margin-bottom: 47px; text-align: center; }

.contact-agent-intention form input[type="text"] { padding-left: 18px; font-size: 16px; border: none; display: inline-block; height: 53px; line-height: 53px; background-color: rgb(247, 247, 247); }

.contact-agent-intention form div { font-size: 0px; text-align: center; }

.contact-agent-intention form div input[type="text"] { width: 354px; }

.contact-agent-intention form div input:nth-child(2) { margin: 0px 42px; }

.contact-agent-intention form .input-long { width: 1182px; margin: 28px 0px; }

.contact-agent-intention form textarea { margin-bottom: 50px; border: none; box-sizing: border-box; padding: 13px 17px 0px; width: 1200px; height: 220px; background-color: rgb(247, 247, 247); }

.contact-agent-intention form div input[type="submit"] { border: none; display: inline-block; margin-right: 120px; width: 200px; height: 60px; background-color: rgb(57, 169, 244); font-size: 23px; color: rgb(255, 255, 255); }

.contact-agent-intention form div span { display: inline-block; width: 200px; font-size: 23px; line-height: 60px; color: rgb(255, 255, 255); height: 60px; background-color: rgb(170, 170, 170); }

.con p { line-height: 26px; }

.switch_title p { font-size: 26px; color: rgb(51, 51, 51); text-align: center; line-height: 1; margin-bottom: 34px; }

.switch_title .switch_jump { width: 100%; height: 35px; font-size: 0px; text-align: center; }

.switch_title .switch_jump li { width: 88px; height: 35px; border: 1px solid rgb(229, 229, 229); margin: 0px 10px; display: inline-block; }

.switch_title .switch_jump li a { color: rgb(51, 51, 51); line-height: 35px; font-size: 14px; }

.switch_title .switch_jump li.on, .switch_title .switch_jump li:hover { background-image: linear-gradient(0deg, rgb(26, 140, 212) 0%, rgb(46, 174, 255) 100%), linear-gradient(rgb(31, 148, 222), rgb(31, 148, 222)); background-blend-mode: normal, normal; }

.switch_title .switch_jump li.on a, .switch_title .switch_jump li:hover a { color: rgb(255, 255, 255); }

.about .switch_title { margin-top: 50px; }

.about_title strong { font-weight: normal; display: block; font-size: 28px; color: rgb(51, 51, 51); line-height: 1; text-align: center; margin-bottom: 20px; }

.about_title p { font-size: 14px; line-height: 1; color: rgb(102, 102, 102); text-align: center; }

.about_introduce { margin-top: 40px; margin-bottom: 70px; }

.about_introduce img { float: right; width: 700px; height: 440px; background-color: rgb(229, 229, 229); border-radius: 10px; margin-left: 20px; }

.about_introduce div { width: 447px; margin-top: 35px; }

.about_introduce strong { font-size: 24px; margin-bottom: 19px; display: block; color: rgb(51, 51, 51); line-height: 1; }

.about_introduce div span { display: block; margin-bottom: 35px; width: 50px; height: 2px; background: rgb(31, 148, 222); }

.about_introduce p { font-size: 14px; line-height: 30px; color: rgb(51, 51, 51); margin-bottom: 25px; }

.about_introduce p:last-child { margin-bottom: 0px; }

.about_organize { margin-top: 55px; padding: 50px 0px; background: url("../images/organize_background.png") center top repeat-y; }

.about_organize img { margin: 51px auto 0px; }

.about_honor { padding-bottom: 45px; }

.about_honor .about_title { margin: 55px 0px 0px; }

.about_ceti { margin-top: 50px; }

.about_ceti .swiper-container { width: 1120px; height: 282px; }

.about_ceti .swiper-container .swiper-slide { height: 282px; width: auto !important; margin: 0px 30px 0px 0px !important; }

.about_ceti .swiper-container .swiper-slide img { height: 282px; }

.a2-swiper-button-next { position: absolute; top: 50%; margin-top: -17px; width: 20px; height: 34px; right: 0px; background: url("../images/icon/about_ceti_right.png") center center no-repeat; }

.a2-swiper-button-prev { position: absolute; top: 50%; margin-top: -17px; width: 20px; height: 34px; left: 0px; background: url("../images/icon/about_ceti_left.png") center center no-repeat; }

.about_history { margin-top: 0px; padding: 50px 0px 60px; background: url("../images/公司文化.png") center center no-repeat, url("../images/about/about_progress_background.jpg") center top no-repeat; height: 490px; position: relative; }

.about_history_main { margin-top: 54px; position: relative; }

.about_history_main .swiper-container { margin: 0px auto; width: 956px; }

.about_history_main .swiper-wrapper .swiper-slide { height: 260px; width: 956px !important; }

.about_history_main .swiper-wrapper .swiper-slide .about_history_txt { width: 520px; }

.about_history_main .swiper-wrapper .swiper-slide .about_history_txt strong { font-size: 24px; margin-bottom: 21px; color: rgb(0, 147, 222); display: block; margin-top: 20px; line-height: 1; }

.about_history_main .swiper-wrapper .swiper-slide .about_history_txt p { font-size: 16px; line-height: 30px; color: rgb(255, 255, 255); height: 194px; }

.about_history_main .swiper-wrapper .swiper-slide img { width: 393px; height: 260px; }

.about_history_main .swiper-button-prev { margin-top: 107px; top: 0px; left: 0px; width: 57px; height: 57px; background: url("../images/icon/about_history_left.png") center center no-repeat; }

.about_history_main .swiper-button-next { margin-top: 107px; top: 0px; right: 0px; width: 57px; height: 57px; background: url("../images/icon/about_history_right.png") center center no-repeat; }

.about_history_main .pagination { width: 1200px; height: 4px; margin-top: 75px; z-index: 10; position: relative; }

.about_history_main .swiper-pagination-progressbar { background: rgb(76, 75, 208); }

.about_history_main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255) !important; }

.about_history_line { width: 100%; position: absolute; bottom: 95px; background-color: rgb(76, 75, 208); height: 4px; }

.point { list-style: none; display: inline-flex; position: absolute; bottom: -6px; z-index: 10; }

.point li { height: 16px; width: 16px; border-radius: 8px; background: rgb(76, 75, 208); cursor: pointer; }

.point li p { margin-top: 20px; font-size: 16px; color: rgb(255, 255, 255); transform: translate(-50%, 0px); width: 90px; margin-left: 8px; text-align: center; }

.about_style { margin-top: 52px; margin-bottom: 70px; }

.about_style .swiper-container { margin-top: 40px; }

.about_style .swiper-container .swiper-slide { width: 1200px !important; }

.about_style .swiper-container .swiper-slide .about_style_ul { width: 1200px; }

.about_style .swiper-container .swiper-slide .about_style_ul li { float: left; height: 364px; width: 384px; }

.about_style .swiper-container .swiper-slide .about_style_ul li:nth-child(2) { float: left; margin: 0px 24px; }

.about_style .swiper-container .swiper-slide .about_style_ul li a { display: block; width: 100%; height: 100%; }

.about_style .swiper-container .swiper-slide .about_style_ul li a img { width: 384px; height: 317px; }

.about_style .swiper-container .swiper-slide .about_style_ul li a p { height: 47px; width: 100%; font-size: 16px; line-height: 47px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(0, 162, 233); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px 0px; }

.about_style .about_pagination { text-align: center; height: 11px; margin-top: 36px; }

.about_style .about_pagination .swiper-pagination-bullet { width: 11px; height: 11px; margin: 0px 5px; }

.about_style .about_pagination .swiper-pagination-bullet-active { background: rgb(0, 162, 233); }

.about_ab { width: 100%; height: auto; margin-bottom: 50px; }

.about_ab img { display: block; max-width: 100%; width: 100%; height: auto; }

.apphy_ul { width: 1200px; height: auto; padding: 52px 0px 0px; }

.apphy_ul li { float: left; padding: 0px; width: 598px; height: 360px; position: relative; margin: 0px 4px 4px 0px; }

.apphy_ul li .img1 { display: block; width: 598px; height: 360px; }

.apphy_ul li p { width: 100%; font-size: 28px; padding: 175px 0px 145px; position: absolute; top: 0px; left: 0px; z-index: 1; color: rgb(255, 255, 255); text-align: center; background: url("../images/tj1.png") center 122px no-repeat; line-height: 40px !important; }

.apphy_ul li:nth-child(2) { margin: 0px 0px 4px; }

.apphy_ul li:nth-child(4) { margin: 0px 0px 4px; }

.apphy_ul li:hover { box-shadow: rgb(237, 237, 237) 0px 0px 10px; border-radius: 3px; }

.apphy_ul li:hover p { background: url("../images/tj2.png") center 122px no-repeat, url("../images/tj3.png") repeat; }

.tj_pro_title { font-size: 32px; color: rgb(51, 51, 51); line-height: 50px !important; }

.tj_pro_title1 { text-align: right; font-weight: bold; }

.tj_pro_title1 a { color: rgb(76, 75, 208); }

.tj_pro { width: 1200px; height: auto; padding: 0px 0px 50px; }

.tj_pro li { width: 360px; height: auto; float: left; padding: 20px 40px 0px 0px; }

.tj_pro li p { font-size: 18px; height: 26px; overflow: hidden; font-weight: bold; color: rgb(51, 51, 51); line-height: 26px !important; }

.tj_pro li span { font-size: 14px; display: block; height: 26px; overflow: hidden; color: rgb(153, 153, 153); line-height: 26px !important; }

.tj_pro li a:hover p { color: rgb(76, 75, 208) !important; }

.tj_pro li a:hover span { color: rgb(76, 75, 208) !important; }

.tj_pro2 { width: 1200px; height: auto; padding: 30px 0px 0px; }

.tj_pro2 p { float: left; width: 364px; margin: 0px 36px 0px 0px; }

.tj_pro2 img { display: block; width: 364px; height: 196px; margin-bottom: 10px; }

.tj_pro2 span { font-size: 18px; line-height: 26px; font-weight: bold; }

.tj_pro2 span.title { font-size: 14px; line-height: 26px; font-weight: unset; color: rgb(153, 153, 153); }

.tj_pro2 a:hover span { color: rgb(76, 75, 208) !important; }

.tj_pro2 p:hover a img { box-shadow: rgb(237, 237, 237) 0px 0px 10px; border-radius: 3px; }

.tj_pro_tab { width: 1200px; height: auto; margin: 0px auto; display: none; }

.container .tj_pro_tab:nth-child(1) { display: block; }

.tj_nav { padding: 12px 0px 15px; }

.tj_nav a { font-size: 17px; height: 36px; margin: 0px 58px 0px 0px; display: inline-block; line-height: 36px !important; }

.tj_nav a:hover { border-bottom: 3px solid rgb(76, 75, 208) !important; color: rgb(76, 75, 208) !important; }

.tj_nav a.on { border-bottom: 3px solid rgb(76, 75, 208) !important; color: rgb(76, 75, 208) !important; }

.tj_nav a:last-child { margin-right: 0px; }

.share_wxwb_rig { width: 1200px; height: 45px; line-height: 45px; position: relative; margin: 0px auto; color: rgb(51, 51, 51); text-align: right; }

.share_wxwb_rig i { background: url("../images/wx.png") center center no-repeat; width: 18px; height: 14px; display: inline-block; }

.share_wxwb_rig img { width: 140px; height: 140px; border-radius: 4px; box-shadow: rgb(153, 153, 153) 1px 2px 0px; margin: 0px 0px 0px -60px; position: absolute; right: 0px; z-index: 9; opacity: 1; transform: scale(0); transform-origin: right top 0px; transition: all 0.4s ease-in-out 0s; }

.weixin:hover img { transform: scale(1); opacity: 1; }

.pro-div1 { width: 1200px; height: auto; line-height: 30px; }

.pro-div1 img { display: block; }

.pro-div1 p { font-size: 20px; color: rgb(34, 34, 34); line-height: 35px; }

.pro-div1 .p1 { width: 580px; height: auto; padding: 0px 0px 20px; }

.pro-div1 .p1 img { width: 100%; height: auto; display: block; margin-bottom: 10px; }

.pro-div1 .p2 { width: 380px; height: auto; padding: 0px 0px 20px; }

.pro-div1 .p2 img { width: 100%; height: auto; display: block; margin-bottom: 10px; }

.pro-div1 .p3 { width: 680px; height: auto; padding: 0px 0px 38px; }

.pro-div1 .p3 img { width: 100%; height: auto; display: block; margin-bottom: 10px; }

.pro-div1 .txt1 { width: 470px; height: auto; padding: 24px 0px 0px 30px; }

.pro-dh1 { font-size: 24px; color: rgb(34, 34, 34); text-align: center; text-transform: uppercase; margin: 20px 0px 0px; padding: 30px 0px; line-height: 45px; }

.pro-dh1 p { font-size: 48px; color: rgb(34, 34, 34); line-height: 60px; height: 60px; padding: 0px 0px 30px; font-weight: 550; }

.pro-dh2 { height: 30px; line-height: 30px; margin: 21px 0px; color: rgb(34, 34, 34); font-size: 30px; text-transform: uppercase; font-weight: bold; }

.pro-dh3 { font-weight: bold; line-height: 35px; font-size: 22px !important; }

.pro-dh4 { font-size: 35px; font-weight: bold; height: 45px; line-height: 45px; }

.pro-line { width: 80px; height: 8px; font-size: 0px; background: rgb(34, 34, 34); margin: 25px 0px 20px; }

.pro-line2 { width: 120px; height: 3px; font-size: 0px; background: rgb(34, 34, 34); margin: 10px 0px 15px; }

.pro-ad4 { height: 510px; padding: 50px 705px 0px 60px; background: rgb(235, 236, 240); color: rgb(102, 102, 102); }

.pro-ad4 font { display: inline-block; width: 280px; height: 38px; line-height: 38px; background: rgb(94, 93, 213); text-align: center; color: rgb(255, 255, 255); margin: 10px 0px 20px; font-size: 24px !important; }

.pro-ad5 { height: 600px; padding: 60px 768px 0px 60px; background: rgb(235, 236, 240); color: rgb(102, 102, 102); }

.pro-ad5 p { font-size: 22px; color: rgb(102, 102, 102); }

.pro-ad6 { height: auto; padding: 90px 30px 72px 5px; line-height: 30px; text-align: center; color: rgb(76, 76, 76) !important; font-size: 16px !important; }

.pro-ad6 .dh4 { color: rgb(34, 34, 34); text-align: center; line-height: 60px; font-weight: bold; padding: 0px 0px 14px; font-size: 40px !important; }

.pro-ad6 img { float: left; margin-right: 40px; width: 660px; }

.pro-ad7 { height: auto; padding: 90px 30px 72px 5px; line-height: 30px; color: rgb(76, 76, 76) !important; font-size: 16px !important; }

.pro-ad7 .dh4 { color: rgb(34, 34, 34); line-height: 60px; font-weight: bold; padding: 0px 0px 14px; font-size: 40px !important; }

.pro-ad7 img { float: left; margin-right: 40px; width: 600px; }

.pro-location { height: 60px; width: 100%; background: rgb(90, 99, 106); }

.pro-location font { float: right; display: block; height: 60px; font-size: 16px; line-height: 60px; }

.pro-location font a { color: rgb(255, 255, 255); }

.pro-location span { display: inline-block; height: 60px; line-height: 60px; margin: 0px 40px 0px 0px; }

.pro-location span a { color: rgb(255, 255, 255); }

.pro-location span a:hover, .pro-location span a.on { font-weight: bold; text-decoration: underline; }

.pro-list1 { width: 1200px; height: auto; margin: 60px 0px 0px; }

.pro-list1 img { float: right; display: block; width: 585px; height: 360px; }

.pro-list1 .txt { float: left; border-top: 1px solid rgb(230, 230, 230); border-bottom: 1px solid rgb(230, 230, 230); border-left: 1px solid rgb(230, 230, 230); border-image: initial; width: 544px; min-height: 340px; color: rgb(34, 34, 34); border-right: none; padding: 18px 30px 0px 30px; font-size: 18px; line-height: 32px; }

.pro-list2 { width: 1200px; height: auto; margin: 60px 0px 0px; }

.pro-list2 img { float: left; display: block; width: 585px; height: 360px; }

.pro-list2 .txt { float: right; border-top: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); border-bottom: 1px solid rgb(230, 230, 230); border-image: initial; width: 544px; min-height: 340px; color: rgb(34, 34, 34); border-left: none; padding: 18px 30px 0px 30px; font-size: 18px; line-height: 32px; }

.pro-list-img1 { width: 585px; height: auto; display: block; margin: 20px 0px 10px; }

.pro-list-nav { height: 45px; line-height: 45px; padding: 0px 0px 20px; }

.pro-list-nav a { color: rgb(102, 102, 102); font-size: 16px; padding: 0px 41px 0px 0px; }

.pro-list-nav a:hover, .pro-list-nav a.on { font-size: 16px; font-weight: bold; color: rgb(34, 34, 34); text-decoration: underline; }

.pro-list3 { width: 585px; height: auto; position: relative; margin-bottom: 32px; }

.pro-list3 img { width: 585px; height: auto; display: block; }

.pro-list3 .dh3 { font-size: 24px; line-height: 40px; font-weight: bold; color: rgb(255, 255, 255); }

.pro-list3 .txt3 { position: absolute; left: -9px; bottom: -6px; width: 545px; height: auto; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); font-size: 18px; line-height: 30px; z-index: 2; padding: 15px 20px; display: none; }

.pro-list3:hover .txt3 { display: block; }

.pro-list4 { width: 585px; height: auto; position: relative; margin-bottom: 32px; }

.pro-list4 img { width: 1200px; height: auto; display: block; }

.pro-list4 .dh3 { font-size: 24px; line-height: 40px; font-weight: bold; color: rgb(255, 255, 255); }

.pro-list4 .txt3 { position: absolute; left: 0px; bottom: 0px; width: 1160px; height: auto; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.8); font-size: 18px; line-height: 30px; z-index: 2; padding: 15px 20px; display: none; }

.pro-list4:hover .txt3 { display: block; }

.pro-dh5 { font-size: 20px; color: rgb(34, 34, 34); text-align: center; text-transform: uppercase; margin: 20px 0px 0px; padding: 30px 0px; line-height: 35px; }

.pro-dh5 p { font-size: 48px; color: rgb(34, 34, 34); line-height: 60px; height: 60px; padding: 0px 0px 30px; font-weight: 550; }

.pro-dh5 strong { font-size: 20px; color: rgb(34, 34, 34); font-weight: bold; }

.pro-dh5 div { line-height: 38px; font-size: 20px; padding: 0px 0px 0px 32px; text-align: left; }

.pro-list5 { width: auto; height: auto; overflow-x: scroll; }

.pro-list5 table { background: rgb(254, 254, 254); border: 1px solid rgb(232, 233, 234); }

.pro-list5 table td { font-size: 14px; height: 46px; padding: 0px 10px; }

.pro-list5 .td1 { background: rgb(170, 175, 178); line-height: 25px; width: 180px !important; }

.pro-list5 .td3 { background: rgb(233, 233, 233); }

.pro-listline { width: 100%; height: 60px; position: relative; }

.pro-listline p { width: 1200px; height: 59px; border-bottom: 1px solid rgb(230, 230, 230); position: absolute; top: 0px; }

.tj-al-ad { width: 100%; height: 540px; color: rgb(255, 255, 255); }

.tj-al-ad .dh { font-size: 34px; height: 50px; line-height: 50px; padding: 180px 155px 0px; color: rgb(255, 255, 255); }

.tj-al-ad .dh1 { font-size: 24px; line-height: 60px; padding: 0px 155px; color: rgb(255, 255, 255); }

.tj-al-ad .txt { font-size: 16px; line-height: 28px; height: auto; padding: 0px 155px; color: rgb(255, 255, 255); }

.tj-al-bg { background: url("../images/tjal01.jpg") repeat-y; }

.tj-al-l { width: 200px; height: auto; padding: 0px 20px; }

.tj-al-l .img1 { width: 200px; height: auto; display: block; padding: 10px 0px 0px; }

.tj-al-l .txt { font-size: 14px; color: rgb(51, 51, 51); line-height: 27px; border-bottom: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204); height: auto; padding: 0px 0px 10px; margin: 10px 0px; }

.tj-al-l .txt span { color: rgb(102, 102, 102); }

.tj-al-l .txt font { display: block; font-size: 16px; padding: 20px 0px 5px; min-height: 28px; }

.tj-al-l .tel { font-size: 14px; line-height: 28px; color: rgb(51, 51, 51); }

.tj-al-l .share_wxwb_rig { width: 180px; }

.tj-al-dh { height: 50px; line-height: 50px; font-size: 32px; color: rgb(51, 51, 51); width: 150px; position: absolute; top: 44px; left: 0px; }

.tj-al-r { width: 920px; height: auto; }

.tj-al-xq { font-size: 16px; color: rgb(102, 102, 102); line-height: 28px; height: auto; }

.tj-al-xq p { font-size: 16px; color: rgb(102, 102, 102); line-height: 28px; }

.tj-al-xq .dh1 { font-size: 18px; color: rgb(37, 43, 58); margin-bottom: 15px; }

.tj-al-xq .line4 { height: 28px; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 20px; }

.tj-al-div { width: 1200px; height: auto; position: relative; }

.tj-al-ul { border-bottom: 1px solid rgb(204, 204, 204); height: 60px; padding: 45px 0px 0px 130px; margin-bottom: 35px; }

.tj-al-ul li { height: 57px; line-height: 57px; float: left; font-size: 17px; color: rgb(51, 51, 51); margin-left: 60px; }

.tj-al-ul li.on { border-bottom: 3px solid rgb(66, 65, 205); }

.tj-al-tab { width: 1200px; height: auto; }

.tj-al-tab01 { box-shadow: rgb(224, 224, 224) 0px 0px 8px 8px; background: url("../images/tjal06.jpg") repeat-y rgb(255, 255, 255); padding: 0px; display: none; }

.tj-al-tab .tj-al-tab01:nth-child(1) { display: block; }

.tj-al-ul03 { width: 240px; height: auto; float: left; }

.tj-al-ul03 li { height: 82px; overflow: hidden; }

.tj-al-ul03 li img { display: block; height: 82px; width: auto; margin: 0px auto; }

.tj-al-ul03 li.on { background: url("../images/tjal07.jpg") repeat-y rgb(255, 255, 255); }

.tj-al-ul03 li:hover { background: url("../images/tjal07.jpg") repeat-y rgb(255, 255, 255); }

.tj-al-tab03 { width: 882px; height: auto; float: right; margin: 0px 40px 0px 0px; }

.tj-al-tab03 .div01 { width: 100%; min-height: 280px; padding: 40px 0px 0px; display: none; }

.tj-al-tab03 .div01:nth-child(1) { display: block; }

.tj-al-tab03 .txt { width: 640px; float: left; height: auto; }

.tj-al-tab03 .txt span { display: block; height: 32px; line-height: 32px; width: 118px; font-size: 14px; color: rgb(102, 102, 102); border: 1px solid rgb(102, 102, 102); text-align: center; }

.tj-al-tab03 .txt font { display: block; font-size: 16px; color: rgb(102, 102, 102); line-height: 28px; height: 112px; overflow: hidden; }

.tj-al-tab03 .dh { height: 50px; font-size: 20px; font-weight: bold; line-height: 50px; color: rgb(51, 51, 51); }

.tj-al-tab03 .txt03 { width: 200px; height: auto; float: right; }

.tj-al-tab03 .txt03 img { display: block; width: 200px; height: 120px; margin-bottom: 20px; }

.tj-al-tab03 .p1 { height: 28px; font-size: 16px; color: rgb(51, 51, 51); }

.tj-al-tab03 .p2 { height: 28px; line-height: 28px; overflow: hidden; }

.tj-al-tab03 .p2 a { font-size: 14px; color: rgb(102, 102, 102); }

.tj-case-ad { width: 100%; height: 540px; color: rgb(255, 255, 255); margin-bottom: 50px; }

.tj-case-ad .dh { font-size: 34px; height: 50px; line-height: 50px; padding: 150px 50px 10px; color: rgb(255, 255, 255); }

.tj-case-ad .txt { font-size: 20px; line-height: 30px; min-height: 90px; height: auto; padding: 0px 50px 30px; color: rgb(255, 255, 255); }

.tj-case-ad a { display: block; width: 120px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); margin: 0px 0px 0px 50px; }

.tj-case-dh { color: rgb(34, 34, 34); text-align: center; line-height: 60px; font-weight: bold; padding: 40px 0px 14px; font-size: 40px !important; }

.tj-case-txt { width: 410px; height: auto; float: left; font-size: 18px; color: rgb(34, 34, 34); line-height: 30px; margin: 35px 0px 0px; }

.tj-case-img { width: 750px; height: auto; float: right; margin: 35px 0px 0px; }

.tj-case-img1 { width: 61%; height: auto; }

.tj-case-img2 { width: 38%; height: auto; margin-bottom: 7px; }

.tj_sb { font-size: 17px; color: rgb(34, 34, 34); line-height: 32px; padding: 20px 40px 20px 0px; }


			.pro-kbm3 {
				font-size: 18px !important;
				color: #999 !important;
				text-align: center;
				margin-bottom: 40px;
			}

			.pro-kbm3 p {
				font-size: 32px;
				color: #333 !important;
				font-weight: 550;
				margin: 60px 0 -20px;
			}

			.pro-p1 {
				width: 590px;

			}

			.pro-p1 .pro-p2 {
				color: #333 !important;
				font-size: 20px;
				font-weight: 500;
				margin: 10px 0;
			}

			.pro-p1 p {
				font-size: 16px;
				color: #999 !important;
			}

			.pro-p3 {
				margin: 40px 0 0;
				display: flex;
			}

			.pro-border {
width:700px;
				height: 370px;
				border: 1px solid #979797;
				border-right: none;
				padding: 13px 45px;
				box-sizing: border-box;
			}

			.pro-border1 {
width:700px;
				height: 370px;
				border: 1px solid #979797;
				border-left: none;
				padding: 110px 45px;
				box-sizing: border-box;
    margin-left: 0 !important;
			}
.pro-border3 {
width:700px;
				height: 370px;
				border: 1px solid #979797;
				border-right: none;
				padding: 60px 45px;
				box-sizing: border-box;
			}
.pro-border4 {
width:700px;
				height: 370px;
				border: 1px solid #979797;
				border-left: none;
				padding: 85px 45px;
				box-sizing: border-box;
    margin-left: 0 !important;
			}

			.pro-p5 div {
				font-size: 20px;
				font-weight: 500;
				color: #333 !important;
				margin: 30px 0 10px;
			}

			.pro-p5 p {
				font-size: 16px;
				margin-bottom: 20px;
				color: #999 !important;
				line-height: 1.6;
			}

			.pro-p4 div {
				text-align: right;
				font-size: 20px;
				font-weight: 500;
				margin-bottom: 10px;
				color: #333 !important;

			}

			.pro-p4 p {
				text-align: right;
				font-size: 16px;
				margin-bottom: 20px;
				color: #999 !important;
				line-height: 1.6;
			}
			.dissp {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.dissa {
				display: flex;
				justify-content: space-around;
				align-items: center;
			}

			.dissa a {
				font-size: 20px;
				color: #999 !important;
				font-weight:400;
				text-decoration: none;
			}

			.dissa a:hover {
				color: #5E5DD5 !important;
				padding-bottom: 10px;
				border-bottom: 3px solid #5E5DD5;
			}

			.mar40 {
				margin-top: 40px;
			}
			.dissa1 {
				display: flex;
				justify-content: space-around;
margin-bottom: 140px !important;
			}
			.pro-server p{
				font-size: 15px;
				color: #999 !important;
			}
			.pro-server p:first-child{
				padding: 10px 0;
				font-size: 20px;
				font-weight: 500;
				color: #333 !important;
			}
.pb-fir div{
margin-left:0 !important;
}
.hoverimg:hover .pro-p5 div,.hoverimg:hover .pro-p5  p{
				color: #5E5DD5 !important;
			}

.pro-phone{
    font-size: 20px !important;
    margin: 10px 0 !important;
    color: #333 !important;}


.pro-phones{
margin: 10px 0 !important;
    font-size: 16px !important;
    color: #999 !important;
}}