@charset "UTF-8";
@font-face { font-family: 'MB'; src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); }

@font-face { font-family: 'MR'; src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); }

@font-face { font-family: 'MM'; src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); }

@font-face { font-family: 'fzlt'; src: url("../fonts/方正兰亭中黑_GBK.TTF") format("truetype"); }

@font-face { font-family: 'fzltl'; src: url("../fonts/方正兰亭细黑_GBK.TTF") format("truetype"); }

@font-face { font-family: 'fzltj'; src: url("../fonts/兰亭黑简.TTF") format("truetype"); }

@font-face { font-family: 'ABook'; src: url("../fonts/AvantGardeITCbyBT-Book.otf") format("opentype"); }

@font-face { font-family: 'fzltB'; src: url("../fonts/fzltzchk.ttf") format("truetype"); }

@font-face { font-family: 'BMD'; src: url("../fonts/BMDOHYEON.ttf") format("truetype"); }

@font-face { font-family: 'GB'; src: url("../fonts/Gilroy-Bold.ttf") format("truetype"); }

/********************************* header STRAT ********************************/
.header .head_top { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 60px; height: 88px; }

.header .head_top.off_border { border-bottom: 0; }

.header .head_top .head_logo { width: 174px; }

.header .head_top .head_logo .picture_container { padding-top: 43.24324%; }

.header .head_top .head_nav { color: #ffffff; width: 45.69892%; }

.header .head_top .head_nav .block { -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.header .head_top .head_nav .block.active, .header .head_top .head_nav .block:hover { color: #006ebd; }

.header .head_top .head_monu .iconfont { color: #ffffff; font-size: 18px; cursor: pointer; }

.header .head_top .head_monu .head_search { position: relative; }

.header .head_top .head_monu .head_search .iconfont { margin-top: 2px; padding-right: 25px; margin-right: 25px; position: relative; }

.header .head_top .head_monu .head_search .iconfont::after { content: ' '; position: absolute; right: 0; top: 50%; width: 1px; height: 16px; opacity: 0.3; background-color: #ffffff; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.header .head_top .head_monu .head_search .head_search_box { position: absolute; z-index: 100; right: 25px; top: -15px; height: 70px; background-color: #ffffff; width: 0; border-radius: 0; padding: 0; overflow: hidden; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.header .head_top .head_monu .head_search .head_search_box input { line-height: 60px; width: 100%; color: #333333; padding: 0 10px; }

.header .head_top .head_monu .head_search .head_search_box .iconfont { font-size: 20px; color: #333333; cursor: pointer; margin-top: 0; padding-right: 0; margin-right: 0; }

.header .head_top .head_monu .head_search .head_search_box .iconfont::after { display: none; }

.header .head_top .head_monu .head_search .head_search_box .btn { font-size: 22px; color: #006ebd; }

.header .head_top .head_monu .head_search .head_search_box.active { right: 25px; top: -15px; height: 60px; width: 300px; border-radius: 35px; padding: 0 25px; }

.header .head_top .head_monu .mobile_monu .iconguanbi { display: none; }

.header .head_top .head_monu .mobile_monu .iconcaidan { font-size: 22px; }

.header .head_top .head_monu .mobile_monu.active .iconcaidan { display: none; }

.header .head_top .head_monu .mobile_monu.active .iconguanbi { display: block; }

.header.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 80; }

.header .head_logo_off { display: block; }

.header .head_logo_on { display: none; }

.header.active { border-bottom: 1px solid #e5e5e5; }

.header.active .head_logo_off { display: none; }

.header.active .head_logo_on { display: block; }

.header.active .head_top .head_nav { color: #333333; }

.header.active .head_top .head_monu .iconfont { color: #333333; }

.header.active .head_top .head_monu .head_search .iconfont::after { background-color: rgba(51, 51, 51, 0.3); }

.header.head_bg { background-color: #fff; }

.header.head_bg .head_logo_off { display: none; }

.header.head_bg .head_logo_on { display: block; }

.header.head_bg .head_top .head_nav { color: #333333; }

.header.head_bg .head_top .head_monu .iconfont { color: #333333; }

.header.head_bg .head_top .head_monu .head_search .iconfont::after { background-color: rgba(51, 51, 51, 0.3); }

.header .head_dropdown { border-top: 1px solid #eeeeee; display: none; z-index: 99; position: fixed; top: 88px; bottom: 0; left: 0; right: 0; margin: auto; }

.header .head_dropdown .pc_down { width: 100%; height: 100%; background-color: #fff; background-image: url("../images/public/navlibg2.jpg"); }

.header .head_dropdown .pc_down .swiper-container { height: 100%; }

.header .head_dropdown .pc_down .swiper-container .swiper-slide:nth-child(1) .block { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.header .head_dropdown .pc_down .swiper-container .swiper-slide:nth-child(2) .block { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.header .head_dropdown .pc_down .swiper-container .swiper-slide:nth-child(3) .block { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.header .head_dropdown .pc_down .swiper-container .swiper-slide:nth-child(4) .block { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.header .head_dropdown .pc_down .swiper-container .swiper-slide:nth-child(5) .block { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.header .head_dropdown .pc_down .swiper-container .swiper-slide:nth-child(6) .block { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.header .head_dropdown .pc_down .swiper-container .block_box { padding-top: 50%; background-color: #fff; height: 100%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.header .head_dropdown .pc_down .swiper-container .block_box:hover { background-color: transparent; }

.header .head_dropdown .pc_down .swiper-container .block_box:hover .block { top: -30px; color: #fff; }

.header .head_dropdown .pc_down .swiper-container .block { position: relative; top: 0; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; text-align: center; }

.header .head_dropdown .pc_down .swiper-container .block .icon { margin: 0 auto; margin-bottom: 20px; width: 1px; height: 50px; background-color: #006ebd; }

.header .head_dropdown .pc_down .swiper-container .block .number { font-size: 46px; margin-bottom: 30px; }

.header .head_dropdown .pc_down .swiper-container .block .title { font-size: 22px; }

.header .head_dropdown .pc_down .swiper-container .block .title:hover { color: #006ebd; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.header .head_dropdown .pc_down .swiper-container .block .second_nav { font-size: 16px; margin-top: 30px; line-height: 36px; }

.header .head_dropdown .pc_down .swiper-container .block .second_nav .line:hover { color: #006ebd; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.header .head_dropdown .mobile_down { display: none; padding-top: 10px; width: 100%; height: 100%; background-color: #fff; }

.header .head_dropdown .mobile_down .mobile_search { width: 96%; margin-bottom: 10px; border-radius: 35px; border: 1px solid #999999; padding: 0 15px; }

.header .head_dropdown .mobile_down .mobile_search input { line-height: 46px; padding: 0 5px; color: #999999; }

.header .head_dropdown .mobile_down .mobile_search .iconfont { color: #999999; font-size: 26px; cursor: pointer; }

.header .head_dropdown .mobile_down .block { color: #333333; text-align: center; }

.header .head_dropdown .mobile_down .block .title { line-height: 30px; font-size: 16px; }

.header .head_dropdown .mobile_down .block .mobile_nav_down { background-color: #fafafa; display: none; padding: 5px 0; }

.header .head_dropdown .mobile_down .block .mobile_nav_down .line { line-height: 22px; }

.header .head_dropdown .mobile_down .block .mobile_nav_down .line:hover { color: #006ebd; }

.header .head_dropdown .mobile_down .block.active .title, .header .head_dropdown .mobile_down .block:hover .title { color: #006ebd; }

/********************************* header END ********************************/
/********************************* footer STRAT ********************************/
.footer { background-color: #222; padding-bottom: 40px; }

.footer .foot_top { padding: 60px; }

.footer .foot_top .foot_message .foot_tel .iconfont { font-size: 21px; color: #f08402; margin-right: 14px; }

.footer .foot_top .foot_message .foot_tel .number { font-family: 'ABook'; opacity: 0.6; font-size: 24px; color: #ffffff; }

.footer .foot_top .foot_message .txt { margin-top: 35px; line-height: 24px; color: #ffffff; opacity: 0.5; }

.footer .foot_top .foot_nav { width: 51.66667%; }

.footer .foot_top .foot_nav .block .title { font-size: 15px; color: #ffffff; opacity: 0.66; margin-bottom: 30px; }

.footer .foot_top .foot_nav .block .line { position: relative; left: 0; opacity: 0.3; color: #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.footer .foot_top .foot_nav .block .line:not(:last-child) { margin-bottom: 15px; }

.footer .foot_top .foot_nav .block .line:hover { opacity: 1; left: 5px; }

.footer .foot_bottom .txt { color: #ffffff; }

.footer .foot_bottom .txt p { opacity: 0.2; display: inline-block; }

.footer .foot_bottom .txt .icp { opacity: 0.2; display: inline-block; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.footer .foot_bottom .txt .icp:hover { opacity: 1; }

.footer .foot_bottom .web_link { position: relative; }

.footer .foot_bottom .web_link .link_top { width: 180px; cursor: pointer; border: solid 1px rgba(255, 255, 255, 0.2); }

.footer .foot_bottom .web_link .link_top .top_name { color: #ffffff; font-size: 13px; opacity: 0.5; line-height: 40px; padding-left: 24px; }

.footer .foot_bottom .web_link .link_top .btn { position: relative; width: 40px; line-height: 40px; text-align: center; color: rgba(255, 255, 255, 0.5); border-left: 1px solid rgba(255, 255, 255, 0.2); }

.footer .foot_bottom .web_link .link_down { display: none; position: absolute; width: 100%; bottom: 100%; background-color: #222222; border: solid 1px rgba(255, 255, 255, 0.2); border-bottom: 0; }

.footer .foot_bottom .web_link .link_down .line { color: #ffffff; font-size: 12px; opacity: 0.5; line-height: 24px; padding: 0 25px; }

.footer .icon_line { width: 31px; height: 31px; margin: 0 7px; border-radius: 50%; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: rgba(245, 245, 245, 0.1); }

.footer .icon_line:hover .iconfont { color: white; }

.footer .icon_line:hover .social-share-icon { color: white; }

.footer .social-share { margin-top: 30px; }

.footer .social-share a { margin: 0; }

.footer .social-share .iconfont { font-size: 12px; color: rgba(255, 255, 255, 0.6); text-align: center; line-height: 31px; }

.footer .social-share .social-share-icon { color: rgba(255, 255, 255, 0.6); width: 100%; height: 100%; line-height: 31px; margin: 0; }

/********************************* footer END ********************************/
/********************************* index STRAT ********************************/
.index .index_banner { position: relative; }

.index .index_banner .content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-left: 11.66667%; }

.index .index_banner .content .txt { font-family: 'fzltB'; font-style: oblique; margin-left: 20px; }

.index .index_banner .content .txt .one { color: #ffffff; font-size: 22px; line-height: 1.1; text-indent: 2rem; margin-bottom: 15px; }

.index .index_banner .content .txt .two { color: #f2f5f9; font-size: 36px; line-height: 1.1; letter-spacing: 4px; }

.index .index_banner .content .txt .two span { color: #cd4848; }

.index .index_banner .banner_sw_btn { z-index: 10; position: absolute; bottom: 0; left: 0; width: 100px; height: calc(100% - 87px); border-right: 1px solid rgba(255, 255, 255, 0.2); }

.index .index_banner .banner_sw_btn .txt { font-family: 'MB'; color: #ffffff; -o-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }

.index .index_banner .banner_sw_btn .line_icon { width: 2px; height: 41px; opacity: 0.3; margin: 20px auto; background-color: #ffffff; }

.index .index_banner .banner_sw_btn .swiper-pagination { position: unset; }

.index .index_banner .banner_sw_btn .swiper-pagination-bullet { opacity: 1; width: 10px; height: 10px; border: solid 2px #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: transparent; }

.index .index_banner .banner_sw_btn .swiper-pagination-bullet:not(:first-child) { margin-top: 15px; }

.index .index_banner .banner_sw_btn .swiper-pagination-bullet-active { background-color: #ffffff; }

.index .index_title { text-align: center; }

.index .index_title .en { font-family: 'BMD'; font-size: 18px; letter-spacing: 1.1; opacity: 0.5 !important; margin-bottom: 10px; }

.index .index_title .cn { letter-spacing: 1.1; font-size: 34px; }

.index .main1 { padding: 130px 0; background-image: url("../images/public/index_product_bg.jpg"); position: relative; }

.index .main1 .index_title { text-align: left; }

.index .main1 .swiper-txt { margin-top: 30px; width: 400px; height: 448px; background-color: #ffffff; border: solid 1px #2e3643; margin-left: 0; }

.index .main1 .swiper-txt .block { padding: 85px 50px 0 40px; }

.index .main1 .swiper-txt .block .tag { font-family: 'BMD'; line-height: 1.1; color: #5f5f5f; margin-bottom: 15px; }

.index .main1 .swiper-txt .block .name { font-size: 26px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.index .main1 .swiper-txt .block .icon { width: 27px; height: 1px; background-color: #5f5f5f; margin: 25px 0; }

.index .main1 .swiper-txt .block .abstract { color: #5f5f5f; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; }

.index .main1 .swiper-txt .block .more { margin-top: 65px; width: 163px; height: 54px; line-height: 50px; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border: solid 2px rgba(51, 51, 51, 0.3); }

.index .main1 .swiper-txt .block .more:hover { border: solid 2px #006ebd; background-color: #006ebd; color: #ffffff; }

.index .main1 .content { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; }

.index .main1 .content .swiper-container { position: absolute; right: 0; top: 56%; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.index .main1 .content .swiper-container.swiper-img { width: 51.04167%; margin-right: 0; }

.index .main1 .content .swiper-container.swiper-img .swiper-slide { width: 32.44898%; -o-transform: translate3d(0, 0, 0) scale(0.8); -moz-transform: translate3d(0, 0, 0) scale(0.8); -webkit-transform: translate3d(0, 0, 0) scale(0.8); transform: translate3d(0, 0, 0) scale(0.8); opacity: .5; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; margin-right: 9.18367%; }

.index .main1 .content .swiper-container.swiper-img .swiper-slide-active { -o-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; margin-right: 10.81633%; }

.index .main1 .content .swiper-container .img .picture_container { padding-top: 134.59119%; }

.index .main1 .center { position: relative; }

.index .main1 .center .swiper-button-prev, .index .main1 .center .swiper-button-next { background-image: none; width: 54px; height: 54px; line-height: 54px; color: #ffffff; text-align: center; font-size: 21px; background-color: #525252; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main1 .center .swiper-button-prev:hover, .index .main1 .center .swiper-button-next:hover { background-color: #006ebd; }

.index .main1 .center .swiper-button-prev { left: -84px; }

.index .main1 .center .swiper-button-next { right: -84px; }

.index .main2 { background-image: url("../images/public/index_application_bg.jpg"); position: relative; }

.index .main2 .index_title { color: #fff; position: absolute; left: 50%; top: 100px; z-index: 10; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.index .main2 .content .swiper-slide { height: auto; }

.index .main2 .content .swiper-slide:nth-child(1) .block { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.index .main2 .content .swiper-slide:nth-child(2) .block { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.index .main2 .content .swiper-slide:nth-child(3) .block { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.index .main2 .content .swiper-slide:nth-child(4) .block { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.index .main2 .content .block { position: relative; z-index: 5; padding: 270px 58px 200px 30px; color: #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border-left: 1px solid rgba(255, 255, 255, 0.15); }

.index .main2 .content .block .icon { margin-bottom: 65px; position: relative; }

.index .main2 .content .block .icon::after { content: ' '; position: absolute; top: 0; left: -31px; width: 3px; height: 57px; background-color: #ffffff; }

.index .main2 .content .block .name { font-size: 22px; letter-spacing: 1.1; margin-bottom: 15px; }

.index .main2 .content .block .abstract { margin-bottom: 55px; opacity: 0.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 22px; max-height: 66px; min-height: 66px; }

.index .main2 .content .block .more { width: 54px; height: 54px; line-height: 50px; color: #fff; font-size: 20px; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border: solid 2px rgba(255, 255, 255, 0.2); }

.index .main2 .content .swiper-slide::after { content: ' '; position: absolute; width: 0; left: 0; top: 0; bottom: 0; margin: auto; z-index: 2; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-image: linear-gradient(0, rgba(0, 110, 189, 0.7), transparent); background-image: -o-linear-gradient(0, rgba(0, 110, 189, 0.7), transparent); background-image: -ms-linear-gradient(0, rgba(0, 110, 189, 0.7), transparent); background-image: -webkit-linear-gradient(0, rgba(0, 110, 189, 0.7), transparent); background-image: -moz-linear-gradient(0, rgba(0, 110, 189, 0.7), transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#E5000000',GradientType=0 ); }

.index .main2 .content .swiper-slide:hover::after { width: 75%; }

.index .main2 .content .swiper-slide:hover .more { background-color: #006ebd; border: solid 2px #006ebd; }

.index .main2 .content .swiper-slide-next + .swiper-slide { border-right: 1px solid rgba(255, 255, 255, 0.15); }

.index .main2 .swiper-pagination { bottom: 40px; left: 50%; z-index: 10; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.index .main2 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: .5; margin: 0 7px; border: 2px solid #fff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main2 .swiper-pagination-bullet-active { opacity: 1; background-color: #f08402; border: 2px solid #f08402; }

.index .main3 { padding: 100px 0 125px; }

.index .main3 .content .abstract { margin-top: 15px; color: #999999; line-height: 22px; text-align: center; margin-bottom: 30px; }

.index .main3 .content .number_box .block { padding: 70px 0; text-align: center; width: 25%; border: 1px solid #dddddd; }

.index .main3 .content .number_box .block:not(:last-child) { border-right: 0; }

.index .main3 .content .number_box .block .en { font-family: 'ABook'; font-size: 16px; color: #828282; margin-bottom: 15px; }

.index .main3 .content .number_box .block .number { font-size: 90px; line-height: 1.1; color: #006fbf; font-family: 'ABook'; text-indent: 20px; }

.index .main3 .content .number_box .block .number.number1 { text-indent: -15px; letter-spacing: -15px; }

.index .main3 .content .number_box .block .number span { font-size: 30px; color: #006fbf; }

.index .main3 .content .number_box .block .cn { margin-top: 35px; font-size: 18px; color: #999999; }

.index .main4 { background: linear-gradient(to bottom, white 0%, white 74%, #f5f5f5 75%, #f5f5f5 100%); }

.index .main4 .content { margin-top: 30px; }

.index .main4 .content .swiper-slide { width: 62.5%; }

.index .main4 .content .swiper-slide .block { position: relative; }

.index .main4 .content .swiper-slide .block .img .picture_container { padding-top: 49.66667%; }

.index .main4 .content .swiper-slide .block .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; background-color: rgba(255, 255, 255, 0.8); }

.index .main4 .content .swiper-slide .block .txt { position: absolute; bottom: 0; left: -1px; width: 0; padding-top: 65px; padding-bottom: 10px; background-color: #f5f5f5; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

.index .main4 .content .swiper-slide .block .txt .name { font-size: 32px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; font-family: 'fzltl'; width: 89.08407%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main4 .content .swiper-slide .block .txt .abstract { color: #999999; width: 89.08407%; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; }

.index .main4 .content .swiper-slide .block .txt .more { position: absolute; width: 0; height: 0; top: -45px; right: -45px; overflow: hidden; border-radius: 50%; background-color: #006ebd; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main4 .content .swiper-slide .block .txt .more::after, .index .main4 .content .swiper-slide .block .txt .more::before { content: ' '; position: absolute; top: 50%; left: 50%; background-color: #fff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.index .main4 .content .swiper-slide .block .txt .more::after { width: 22px; height: 2px; }

.index .main4 .content .swiper-slide .block .txt .more::before { width: 2px; height: 22px; }

.index .main4 .content .swiper-slide .block:hover .txt .name { color: #006ebd; }

.index .main4 .content .swiper-slide .block:hover .txt .more { -o-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }

.index .main4 .content .swiper-slide .block:hover .txt .more::after { width: 34px; height: 3px; }

.index .main4 .content .swiper-slide .block:hover .txt .more::before { width: 3px; height: 34px; }

.index .main4 .content .swiper-slide.swiper-slide-active .block .mask { background-color: rgba(255, 255, 255, 0); }

.index .main4 .content .swiper-slide.swiper-slide-active .block .txt { width: 66.41667%; }

.index .main4 .content .swiper-slide.swiper-slide-active .block .more { width: 90px; height: 90px; }

.index .main4 .content .swiper-button-prev, .index .main4 .content .swiper-button-next { background-image: none; width: 54px; height: 54px; color: #666; font-size: 21px; line-height: 54px; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border: solid 2px rgba(51, 51, 51, 0.2); }

.index .main4 .content .swiper-button-prev:hover, .index .main4 .content .swiper-button-next:hover { color: #ffffff; background-color: #006ebd; border: solid 2px #006ebd; }

.index .main4 .content .swiper-button-prev { left: 14.51104%; }

.index .main4 .content .swiper-button-next { right: 14.51104%; }

.index .main5 { background-color: #f5f5f5; padding: 135px 0 40px; }

.index .main5 .content { margin-top: 30px; }

.index .main5 .content .center { position: relative; }

.index .main5 .content .swiper-slide { width: 33%; }

.index .main5 .content .swiper-slide:nth-child(1) .block { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.index .main5 .content .swiper-slide:nth-child(2) .block { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.index .main5 .content .swiper-slide:nth-child(3) .block { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.index .main5 .content .swiper-slide:nth-child(4) .block { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.index .main5 .content .block { padding-bottom: 60px; }

.index .main5 .content .block .img .picture_container { padding-top: 67.17172%; }

.index .main5 .content .block .txt { background-color: #fff; padding: 25px 85px 30px 30px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main5 .content .block .txt .name { font-size: 22px; font-family: 'fzltj'; margin-bottom: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 30px; max-height: 60px; min-height: 60px; }

.index .main5 .content .block .txt .time { font-family: 'MR'; font-size: 16px; color: #006ebd; }

.index .main5 .content .block:hover .txt { box-shadow: 0 10px 60px -40px #333; }

.index .main5 .content .swiper-button-prev, .index .main5 .content .swiper-button-next { top: 45%; background-image: none; width: 54px; height: 54px; color: #666; font-size: 21px; line-height: 54px; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border: solid 2px rgba(51, 51, 51, 0.2); }

.index .main5 .content .swiper-button-prev:hover, .index .main5 .content .swiper-button-next:hover { color: #ffffff; background-color: #006ebd; border: solid 2px #006ebd; }

.index .main5 .content .swiper-button-prev { left: -85px; }

.index .main5 .content .swiper-button-next { right: -85px; }

/********************************* index END ********************************/
.inner_banner { position: relative; }

.inner_banner .txt_box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; font-size: 50px; line-height: 1.1; color: #ffffff; z-index: 5; }

.inner_title { text-align: center; margin-bottom: 20px; }

.inner_title .txt { font-size: 36px; line-height: 1.1; margin-bottom: 20px; }

.inner_title .line_icon { width: 2px; height: 30px; margin: 0 auto; background-color: #306091; }

.inner_main { padding: 80px 0; }

.about_video { position: relative; }

.about_video .block { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.about_video .block .txt { font-size: 36px; line-height: 44px; color: #ffffff; text-align: center; margin: 0 auto; font-family: 'fzltl'; }

.about_video .block .video_play { position: relative; margin: 0 auto; margin-top: 30px; cursor: pointer; }

.about_video .block .video_play::after { content: " "; position: absolute; left: 50%; top: 50%; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 50%; opacity: 0; border: 1px solid #ffffff; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.about_video .block .video_play:hover::after { -o-animation: big_l 1.5s infinite; -moz-animation: big_l 1.5s infinite; -webkit-animation: big_l 1.5s infinite; animation: big_l 1.5s infinite; }

@keyframes big_l { 0% { width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1; }
  100% { width: calc(100% + 30px);
    height: calc(100% + 30px);
    opacity: 0; } }

/********************************* 关于华邦瀛-公司简介 STRAT ********************************/
.about .content .top_img { padding-bottom: 80px; position: relative; }

.about .content .top_img .picture_container { padding-top: 36.66667%; }

.about .content .top_img .title { position: absolute; z-index: 5; right: -144px; bottom: 0; width: 500px; box-shadow: -20px 40px 100px -60px #006ebd; }

.about .content .top_img .title .picture_container { padding-top: 46.4%; }

.about .content .top_img .title .txt { position: absolute; top: 50%; left: 50px; font-size: 26px; line-height: 1.1; color: #ffffff; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.about .content .txt_box { padding: 10px 85px 0 60px; }

.about .content .txt_box .name { font-family: 'fzltl'; font-size: 36px; line-height: 1.1; color: #006fbf; margin-bottom: 45px; }

.about .content .txt_box .txt { padding-left: 173px; position: relative; }

.about .content .txt_box .txt::after { content: ' '; position: absolute; width: 2px; height: 90px; top: 0; left: 84px; background-color: #006fbf; }

/********************************* 关于华邦瀛-公司简介  END ********************************/
/********************************* 关于华邦瀛-工厂展示  STRAT ********************************/
.plant .main1 .content .swiper-slide { width: 80%; }

.plant .main1 .content .swiper-slide .img .picture_container { padding-top: 66.66667%; }

.plant .main1 .content .swiper-slide .name { text-align: center; font-size: 22px; line-height: 1.1; color: #282828; margin-top: 30px; }

.plant .main1 .content .swiper-button-next, .plant .main1 .content .swiper-button-prev { background-image: none; opacity: 1; font-size: 21px; text-align: center; width: auto; height: auto; }

.plant .main1 .content .swiper-button-next { right: 6.66667%; }

.plant .main1 .content .swiper-button-prev { left: 6.66667%; }

/********************************* 关于华邦瀛-工厂展示  END ********************************/
/********************************* 关于华邦瀛-荣誉资质  STRAT ********************************/
.honor .main1 .content .block_box:not(:last-child) { padding-bottom: 60px; border-bottom: 1px solid #e4e4e4; }

.honor .main1 .content .block_box:not(:first-child) { padding-top: 60px; }

.honor .main1 .content .block_box .block { width: 23.75%; }

.honor .main1 .content .block_box .block .img { border: 1px solid #e4e4e4; padding: 25px 28px; }

.honor .main1 .content .block_box .block .img .picture_container { padding-top: 138.42795%; }

.honor .main1 .content .block_box .block .name { margin-top: 20px; text-align: center; font-size: 16px; color: #222222; }

.honor .main1 .content .block_box .block:nth-child(n+5) { margin-top: 30px; }

.honor .main1 .content .block_box .block:not(:nth-child(4n)) { margin-right: 1.66667%; }

/********************************* 关于华邦瀛-荣誉资质  END ********************************/
/********************************* 关于华邦瀛-企业文化  STRAT ********************************/
.culture .main1 .content .block { width: 23.75%; padding: 60px 30px 0 40px; border: solid 1px #e0e0e0; min-height: 308px; position: relative; }

.culture .main1 .content .block .name { margin-top: 40px; font-size: 20px; margin-bottom: 15px; }

.culture .main1 .content .block .abstract { font-size: 16px; color: #828282; line-height: 24px; font-family: 'fzltj'; }

.culture .main1 .content .block:not(:nth-child(4n)) { margin-right: 1.66667%; }

.culture .main1 .content .block:nth-child(n+5) { margin-top: 20px; }

.culture .main1 .content .block::after, .culture .main1 .content .block::before { content: ' '; position: absolute; overflow: hidden; height: 0; }

.culture .main1 .content .block::after { top: -1px; left: -1px; width: 15px; border-top: 1px solid #222222; border-right: 1px solid #222222; }

.culture .main1 .content .block::before { right: -1px; bottom: -1px; width: 0; border-bottom: 1px solid #222222; border-left: 1px solid #222222; opacity: 0; }

.culture .main1 .content .block:hover::after, .culture .main1 .content .block:hover::before { opacity: 1; -o-animation: hoverW 1.5s forwards; -moz-animation: hoverW 1.5s forwards; -webkit-animation: hoverW 1.5s forwards; animation: hoverW 1.5s forwards; }

.culture .main2 { background-image: url("../images/change/culture_bg1.jpg"); }

.culture .main2 .inner_title { color: #fff; }

.culture .main2 .content .abstract { font-size: 16px; line-height: 24px; color: #ffffff; text-align: center; }

.culture .main2 .content .block_box { margin-top: 60px; color: #fff; font-size: 16px; line-height: 24px; text-align: center; }

.culture .main2 .content .block_box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.culture .main2 .content .block_box .block:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.culture .main2 .content .block_box .block:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.culture .main2 .content .block_box .block:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.culture .main2 .content .block_box .block:nth-child(5) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.culture .main2 .content .block_box .number { font-family: 'MR'; }

.culture .main2 .content .block_box .txt { font-family: 'fzltl'; }

.culture .main2 .content .block_box .icon_img { border-radius: 50%; text-align: center; line-height: 298px; width: 298px; height: 298px; background-color: rgba(36, 36, 36, 0.5); border: solid 1px rgba(73, 73, 73, 0.5); }

.culture .main3 .content .center { width: 1040px; }

.culture .main3 .content .block_box { position: relative; }

.culture .main3 .content .block { position: relative; z-index: 5; width: 55.76923%; margin: 0 auto; }

.culture .main3 .content .block .round_block { width: 168px; height: 168px; font-size: 18px; line-height: 24px; border-radius: 50%; background-color: #f1f2f9; }

.culture .main3 .content .block_center { position: relative; z-index: 5; padding: 105px 0; }

.culture .main3 .content .block_center .line .txt { font-family: 'fzltl'; font-size: 26px; line-height: 1.1; }

.culture .main3 .content .block_center .line .line_icon { position: relative; width: 166px; height: 2px; background-color: #c6c6c6; }

.culture .main3 .content .block_center .line .line_icon::after { content: ' '; position: absolute; top: 50%; left: -7px; width: 7px; height: 7px; border-radius: 50%; background-color: #000000; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.culture .main3 .content .block_center .line .line_icon::before { content: ' '; position: absolute; top: 50%; right: -10px; width: 0; height: 0; border: 5px solid; border-color: transparent transparent transparent #000000; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.culture .main3 .content .block_center .line:nth-child(1) .txt { margin-right: 30px; }

.culture .main3 .content .block_center .line:nth-child(3) .txt { margin-left: 30px; }

.culture .main3 .content .block_center .name { font-family: 'GB'; font-size: 28px; line-height: 26px; text-align: center; }

.culture .main3 .content .bg_img { position: absolute; top: 50%; left: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 515px; height: 515px; border-radius: 50%; border: dotted 2px rgba(73, 73, 73, 0.5); }

.culture .main3 .content .bg_img .img { margin: 0 auto; }

.culture .main4 { color: #fff; padding: 206px 0; text-align: center; background-image: url("../images/change/culture_bg2.jpg"); }

.culture .main4 .tag { font-size: 18px; margin-bottom: 15px; }

.culture .main4 .inner_title { font-family: 'fzltl'; }

.culture .main4 .content .txt { font-size: 16px; line-height: 26px; font-family: 'fzltl'; }

@keyframes hoverW { 0% { width: 15px; }
  50% { width: calc(100% + 1px);
    height: 0; }
  100% { width: calc(100% + 1px);
    height: calc(100% + 1px); } }

/********************************* 关于华邦瀛-企业文化  END ********************************/
/********************************* 关于华邦瀛-人才发展  STRAT ********************************/
.join .main1 .content .abstract { text-align: center; font-size: 16px; line-height: 24px; color: #828282; }

.join .main1 .content .block_box { margin-top: 25px; }

.join .main1 .content .block_box .block { position: relative; width: 25%; }

.join .main1 .content .block_box .block .img .picture_container { padding-top: 100%; }

.join .main1 .content .block_box .block .mask { opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: rgba(0, 110, 189, 0.9); }

.join .main1 .content .block_box .block .mask .txt { margin: 0 auto; font-size: 20px; color: #ffffff; font-family: 'flztl'; }

.join .main1 .content .block_box .block:hover .mask { opacity: 1; }

.join .main1 .content .block_box .block .icon { width: 60px; height: 60px; position: relative; margin: 0 auto; }

.join .main1 .content .block_box .block .icon::after, .join .main1 .content .block_box .block .icon::before { content: ' '; position: absolute; top: 50%; left: 50%; background-color: #bababa; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.join .main1 .content .block_box .block .icon::after { width: 100%; height: 1px; }

.join .main1 .content .block_box .block .icon::before { height: 100%; width: 1px; }

.join .main1 .content .block_box .block.block1 .txt { margin-top: 10px; text-align: center; font-size: 16px; color: #828282; }

.join .main2 { padding: 100px 0 0; background-color: #fafafa; position: relative; }

.join .main2 .content .abstract { font-size: 16px; color: #828282; line-height: 24px; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #e0e0e0; }

.join .main2 .content .block_box { padding: 40px 0 80px; }

.join .main2 .content .block_box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.join .main2 .content .block_box .block:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.join .main2 .content .block_box .block:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.join .main2 .content .block_box .block:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.join .main2 .content .block_box .block:nth-child(5) { -o-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.join .main2 .content .block_box .block .number { font-family: 'MR'; font-size: 16px; color: #828282; margin-top: 30px; margin-bottom: 12px; }

.join .main2 .content .block_box .block .txt { font-size: 24px; line-height: 1.1; font-family: 'fztl'; }

.join .main2 .swiper-button-prev, .join .main2 .swiper-button-next { background-image: none; width: 54px; height: 54px; line-height: 54px; color: #666666; text-align: center; font-size: 21px; border: solid 2px rgba(51, 51, 51, 0.2); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.join .main2 .swiper-button-prev:hover, .join .main2 .swiper-button-next:hover { color: #fff; background-color: #006ebd; }

.join .main2 .swiper-button-prev { left: 14.375%; }

.join .main2 .swiper-button-next { right: 14.375%; }

.join .main3 .content .tag_box .tag { width: 158px; height: 58px; line-height: 56px; text-align: center; border: solid 1px #d4d4d4; font-size: 16px; color: #828282; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.join .main3 .content .tag_box .tag:nth-child(1) { border-right: 0; }

.join .main3 .content .tag_box .tag:hover, .join .main3 .content .tag_box .tag.active { color: #ffffff; border: 1px solid #006ebd; background-color: #006ebd; }

.join .main3 .content .block_box { margin-top: 30px; }

.join .main3 .content .block_box .block .block_top { height: 80px; padding: 0 40px; line-height: 80px; cursor: pointer; border: solid 1px #e5e5e5; }

.join .main3 .content .block_box .block .block_top .title1 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 21.42857%; }

.join .main3 .content .block_box .block .block_top .title2 { color: #999999; width: 29.91071%; }

.join .main3 .content .block_box .block .block_top .title3 { font-family: 'MR'; color: #666666; }

.join .main3 .content .block_box .block .block_top .title3 .iconfont { color: #006ebd; font-size: 17px; margin-right: 10px; }

.join .main3 .content .block_box .block .block_top .title4 { position: relative; width: 36px; height: 36px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.join .main3 .content .block_box .block .block_top .title4::after, .join .main3 .content .block_box .block .block_top .title4::before { content: ' '; position: absolute; top: 50%; left: 50%; background-color: #c6c6c6; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.join .main3 .content .block_box .block .block_top .title4::after { width: 100%; height: 2px; }

.join .main3 .content .block_box .block .block_top .title4::before { height: 100%; width: 2px; }

.join .main3 .content .block_box .block .block_down { display: none; padding: 50px 40px; position: relative; background-color: #f9f9f9; border: solid 1px #e5e5e5; border-top: 0; }

.join .main3 .content .block_box .block .block_down .btn { position: absolute; bottom: 50px; right: 40px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.join .main3 .content .block_box .block .block_down .btn:hover { box-shadow: 0 15px 50px -15px #006ebd; }

.join .main3 .content .block_box .block:not(:last-child) { margin-bottom: 20px; }

.join .main3 .content .block_box .block.active .block_top .title4 { -o-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

.join .main3 .content .block_box .block.active .block_top .title4::after, .join .main3 .content .block_box .block.active .block_top .title4::before { background-color: #006ebd; }

/********************************* 关于华邦瀛-人才发展  END ********************************/
/********************************* 应用场景  STRAT ********************************/
.application .main1 .content .top_img { height: 400px; background-image: url("../images/change/application_bg1.jpg"); }

.application .main1 .content .top_img .txt { font-size: 36px; line-height: 1.1; color: #ffffff; text-align: right; font-family: 'BMD'; opacity: 0.5; }

.application .main1 .content .block_box { margin-top: -40px; padding: 40px 40px 0; background-color: #fff; }

.application .main1 .content .block_box .block { position: relative; width: 46.42857%; padding-bottom: 50px; }

.application .main1 .content .block_box .block::after { content: ' '; position: absolute; bottom: 0; right: 0; height: 1px; width: 100%; background-color: #ebebeb; }

.application .main1 .content .block_box .block:nth-child(even) { margin-left: 7.14286%; }

.application .main1 .content .block_box .block:nth-child(even)::after { width: calc(116%); }

.application .main1 .content .block_box .block:nth-child(n+3) { margin-top: 50px; }

.application .main1 .content .block_box .block .img .picture_container { padding-top: 46.15385%; }

.application .main1 .content .block_box .block .txt { padding-top: 40px; }

.application .main1 .content .block_box .block .txt .name { font-size: 22px; line-height: 1.1; color: #353535; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 20px; }

.application .main1 .content .block_box .block .txt .abstract { margin-bottom: 25px; font-size: 16px; color: #828282; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; }

.application .main1 .content .block_box .block .txt .more { width: 54px; height: 54px; font-size: 21px; line-height: 54px; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border: solid 2px rgba(153, 153, 153, 0.2); }

.application .main1 .content .block_box .block:hover .txt .more { color: #fff; background-color: #006ebd; border: solid 2px #006ebd; }

/********************************* 应用场景 END ********************************/
/********************************* 应用场景详情  STRAT ********************************/
.news-details .main1 .content .left_box { width: 62.5%; }

.news-details .main1 .content .left_box .title { font-size: 22px; line-height: 1.1; color: #444444; margin-bottom: 35px; }

.news-details .main1 .content .left_box .title_box .block { padding: 20px 0 20px 30px; border-left: 5px solid #008ace; }

.news-details .main1 .content .left_box .title_box .block .name { font-family: 'fzltl'; font-size: 28px; line-height: 1.1; color: #444444; margin-bottom: 35px; }

.news-details .main1 .content .left_box .title_box .block .tag { font-family: 'MR'; font-size: 18px; line-height: 1.1; color: #444444; }

.news-details .main1 .content .left_box .title_box .line_icon { position: relative; margin-left: 20px; margin-top: 20px; border-bottom: 1px solid #e4e4e4; }

.news-details .main1 .content .left_box .left_txt { padding-top: 40px; }

.news-details .main1 .content .right_box { width: 30%; padding-top: 55px; }

.news-details .main1 .content .right_box .top { height: 60px; background-color: #006ebd; color: #ffffff; padding: 0 20px; }

.news-details .main1 .content .right_box .top .btn { position: relative; width: 70px; height: 100%; }

.news-details .main1 .content .right_box .top .btn .swiper-button-prev, .news-details .main1 .content .right_box .top .btn .swiper-button-next { top: 0; margin: 0; height: 100%; background-image: none; cursor: pointer; text-align: center; line-height: 60px; font-size: 25px; }

.news-details .main1 .content .right_box .top .btn .swiper-button-prev { left: 0; }

.news-details .main1 .content .right_box .top .btn .swiper-button-next { right: 0; }

.news-details .main1 .content .right_box .block_box { border: solid 1px #eeeeee; }

.news-details .main1 .content .right_box .block_box .block { padding: 20px 20px 0; }

.news-details .main1 .content .right_box .block_box .block:not(:last-child) { border-bottom: 1px solid #eeeeee; }

.news-details .main1 .content .right_box .block_box .block .img .picture_container { padding-top: 50%; }

.news-details .main1 .content .right_box .block_box .block .txt { padding: 30px 0; }

.news-details .main1 .content .right_box .block_box .block .txt .name { font-size: 20px; color: #363636; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.news-details .main1 .content .right_box .block_box .block .txt .abstract { font-size: 14px; color: #828282; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; }

.news-details .main1 .content .right_box .block_box .block .txt .time { margin-top: 22px; font-family: 'MM'; font-size: 16px; line-height: 1.1; color: #525252; }

.news-details .main1 .content .gomore { font-family: 'MicrosoftYaHei'; width: 200px; height: 60px; line-height: 58px; letter-spacing: 1px; color: #333333; text-align: center; border: solid 2px #006ebd; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; margin: 0 auto; margin-top: 80px; }

.news-details .main1 .content .gomore:hover { background-color: #006ebd; color: #ffff; }

.news-details .main1 .content .bottom_box { display: none; margin-top: 10px; }

.news-details .main1 .content .bottom_box .top { height: 40px; background-color: #006ebd; color: #ffffff; padding: 0 20px; }

.news-details .main1 .content .bottom_box .top .btn { position: relative; width: 70px; height: 100%; }

.news-details .main1 .content .bottom_box .top .btn .swiper-button-prev, .news-details .main1 .content .bottom_box .top .btn .swiper-button-next { top: 0; margin: 0; height: 100%; background-image: none; cursor: pointer; text-align: center; line-height: 40px; font-size: 25px; }

.news-details .main1 .content .bottom_box .top .btn .swiper-button-prev { left: 0; }

.news-details .main1 .content .bottom_box .top .btn .swiper-button-next { right: 0; }

.news-details .main1 .content .bottom_box .block_box { border: solid 1px #eeeeee; padding: 10px 10px 15px; }

.news-details .main1 .content .bottom_box .block_box .block:not(:last-child) { margin-bottom: 10px; }

.news-details .main1 .content .bottom_box .block_box .block .img .picture_container { padding-top: 50%; }

.news-details .main1 .content .bottom_box .block_box .block .img .picture_container img { width: 100%; }

.news-details .main1 .content .bottom_box .block_box .block .txt { padding-top: 15px; }

.news-details .main1 .content .bottom_box .block_box .block .txt .name { font-size: 15px; color: #363636; margin-bottom: 5px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; }

.news-details .main1 .content .bottom_box .block_box .block .txt .abstract { font-size: 14px; color: #828282; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; }

.news-details .main1 .content .bottom_box .block_box .block .txt .time { margin-top: 5px; font-family: 'MM'; font-size: 16px; line-height: 1.1; color: #999999; }

/********************************* 应用场景详情  END ********************************/
/********************************* 工程案例-案例展示  STRAT ********************************/
.case .content .block_box .block { width: 31.66667%; background-color: #f7f7f7; padding: 20px 20px 30px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.case .content .block_box .block:not(:nth-child(3n)) { margin-right: 2.5%; }

.case .content .block_box .block:nth-child(n+4) { margin-top: 30px; }

.case .content .block_box .block .img .picture_container { padding-top: 65.58824%; }

.case .content .block_box .block .txt { padding: 30px 5px 0; text-align: center; }

.case .content .block_box .block .txt .name { font-size: 22px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; }

.case .content .block_box .block .txt .abstract { font-size: 14px; color: #666666; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 22px; max-height: 66px; min-height: 66px; }

.case .content .block_box .block .txt .more { width: 38px; height: 38px; position: relative; border-radius: 50%; margin: 0 auto; background-color: #ffffff; box-shadow: 0 10px 15px -10px #006ebd; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.case .content .block_box .block .txt .more::after, .case .content .block_box .block .txt .more::before { -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; content: ' '; position: absolute; top: 50%; left: 50%; background-color: #333333; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.case .content .block_box .block .txt .more::after { width: 12px; height: 2px; }

.case .content .block_box .block .txt .more::before { height: 12px; width: 2px; }

.case .content .block_box .block:hover { box-shadow: 0 45px 90px -90px #000000; }

.case .content .block_box .block:hover .txt .more { background-color: #006ebd; }

.case .content .block_box .block:hover .txt .more::after, .case .content .block_box .block:hover .txt .more::before { background-color: #fff; }

/********************************* 工程案例-案例展示  END ********************************/
/********************************* 工程案例-案例视频  STRAT ********************************/
.video .main1 { padding: 100px 0 60px; }

.video .main1 .content .block { background-color: #f7f7f7; }

.video .main1 .content .block .left_img { width: 50%; }

.video .main1 .content .block .left_img .picture_container { padding-top: 56.66667%; }

.video .main1 .content .block .txt { width: 50%; padding: 0 8.33333% 0 4.16667%; }

.video .main1 .content .block .txt .name { font-size: 24px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 25px; }

.video .main1 .content .block .txt .abstract { color: #828282; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 26px; }

.video .main1 .content .swiper-pagination { margin-top: 20px; position: relative; left: 50%; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.video .main1 .content .swiper-pagination-bullet { cursor: pointer; position: relative; opacity: 1; width: 20px; height: 20px; background-color: transparent; }

.video .main1 .content .swiper-pagination-bullet .round { cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 3; border: solid 1px #006ebd; }

.video .main1 .content .swiper-pagination-bullet .semicircle_mask { cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 5; border: solid 1px; -o-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); border-color: #006ebd #006ebd transparent transparent; }

.video .main1 .content .swiper-pagination-bullet .point_icon { cursor: pointer; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-radius: 50%; background-color: #999999; z-index: 12; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.video .main1 .content .swiper-pagination-bullet::after, .video .main1 .content .swiper-pagination-bullet::before { cursor: pointer; content: ' '; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; border-radius: 50%; }

.video .main1 .content .swiper-pagination-bullet::after { z-index: 4; background-image: linear-gradient(right, transparent 50%, #fff 50%); background-image: -o-linear-gradient(right, transparent 50%, #fff 50%); background-image: -ms-linear-gradient(right, transparent 50%, #fff 50%); background-image: -webkit-linear-gradient(right, transparent 50%, #fff 50%); background-image: -moz-linear-gradient(right, transparent 50%, #fff 50%); }

.video .main1 .content .swiper-pagination-bullet::before { z-index: 10; background-image: linear-gradient(left, transparent 50%, #fff 50%); background-image: -o-linear-gradient(left, transparent 50%, #fff 50%); background-image: -ms-linear-gradient(left, transparent 50%, #fff 50%); background-image: -webkit-linear-gradient(left, transparent 50%, #fff 50%); background-image: -moz-linear-gradient(left, transparent 50%, #fff 50%); }

.video .main1 .content .swiper-pagination-bullet-active::before { -o-animation: pagingMask 5s linear; -moz-animation: pagingMask 5s linear; -webkit-animation: pagingMask 5s linear; animation: pagingMask 5s linear; }

.video .main1 .content .swiper-pagination-bullet-active::after { animation-delay: 5s; -o-animation: pagingMask1 2.5s linear 2.5s; -moz-animation: pagingMask1 2.5s linear 2.5s; -webkit-animation: pagingMask1 2.5s linear 2.5s; animation: pagingMask1 2.5s linear 2.5s; }

.video .main1 .content .swiper-pagination-bullet-active .point_icon { background-color: #006ebd; }

@keyframes pagingMask { 0% { -o-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  50% { -o-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg); }
  70% { z-index: 4; }
  100% { -o-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    z-index: 4; } }

@-webkit-keyframes pagingMask

    /* Safari and Chrome */ { 0% { -o-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  50% { -o-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg); }
  80% { z-index: 4; }
  100% { -o-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    z-index: 4; } }

@keyframes pagingMask1 { 0% { -o-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  100% { -o-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg); } }

@-webkit-keyframes pagingMask1

    /* Safari and Chrome */ { 0% { -o-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  100% { -o-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg); } }

.video .main2 { padding: 80px 0 100px; background-color: #f7f7f7; }

.video .main2 .content .block_top { margin-bottom: 30px; line-height: 1.1; color: #222222; }

.video .main2 .content .block_top .all_btn { cursor: pointer; margin-right: 20px; }

.video .main2 .content .block_top .all_btn .icon { position: relative; width: 14px; height: 14px; border: 2px solid #000000; margin-right: 5px; }

.video .main2 .content .block_top .all_btn .icon::after { content: ' '; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background-color: #000; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.video .main2 .content .block_top .screening_box { position: relative; padding: 0 20px; width: 128px; cursor: pointer; }

.video .main2 .content .block_top .screening_box input { cursor: pointer; width: 100%; }

.video .main2 .content .block_top .screening_box .icon { position: absolute; right: 20px; top: calc(50% + 2px); -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 0; height: 0; border: 4px solid; border-color: #333333 transparent transparent transparent; }

.video .main2 .content .block_top .screening_box::after { content: ' '; position: absolute; left: 0; top: 50%; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 1px; height: 13px; background-color: #dddddd; }

.video .main2 .content .block_top .screening_box .time_down { display: none; max-height: 160px; overflow-y: auto; position: absolute; top: calc(100% + 5px); left: 0; width: 100%; z-index: 10; background-color: #fff; box-shadow: 0 5px 15px 10px #eeeeee; }

.video .main2 .content .block_top .screening_box .time_down .line { line-height: 22px; padding: 5px 0; }

.video .main2 .content .block { width: 31.66667%; cursor: pointer; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.video .main2 .content .block .img { position: relative; }

.video .main2 .content .block .img .picture_container { padding-top: 52.63158%; }

.video .main2 .content .block .img .mask { position: absolute; opacity: 0; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 5; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.3); }

.video .main2 .content .block .img .mask .play_btn { width: 66px; height: 66px; margin: 0 auto; border: solid 3px #ffffff; position: relative; }

.video .main2 .content .block .img .mask .play_btn::after { position: absolute; content: ' '; top: 50%; left: calc(50% + 5px); width: 0; height: 0; border-left: 10px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid transparent; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.video .main2 .content .block .txt { padding: 20px 25px; color: #666666; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #ffffff; }

.video .main2 .content .block:not(:nth-child(3n)) { margin-right: 2.5%; }

.video .main2 .content .block:nth-child(n + 4) { margin-top: 30px; }

.video .main2 .content .block:hover { -moz-box-shadow: 0 40px 60px -60px #006ebd; -webkit-box-shadow: 0 40px 60px -60px #006ebd; box-shadow: 0 40px 60px -60px #006ebd; }

.video .main2 .content .block:hover .mask { opacity: 1; }

.video .main2 .content .block:hover .txt { color: #fff; background-color: #006ebd; }

/********************************* 工程案例-案例视频  END ********************************/
/********************************* 新闻动态  STRAT ********************************/
.news .main1 { background-image: linear-gradient(to bottom, #fff 0%, #fff 25%, #eae9ee 25%, #eae9ee 100%); background-image: -o-linear-gradient(to bottom, #fff 0%, #fff 25%, #eae9ee 25%, #eae9ee 100%); background-image: -ms-linear-gradient(to bottom, #fff 0%, #fff 25%, #eae9ee 25%, #eae9ee 100%); background-image: -webkit-linear-gradient(to bottom, #fff 0%, #fff 25%, #eae9ee 25%, #eae9ee 100%); background-image: -moz-linear-gradient(to bottom, #fff 0%, #fff 25%, #eae9ee 25%, #eae9ee 100%); }

.news .main1 .content .block_top { margin-bottom: 20px; }

.news .main1 .content .block_top .left_img { width: 67%; }

.news .main1 .content .block_top .left_img .img .picture_container { padding-top: 55.97015%; }

.news .main1 .content .block_top .right_txt { width: 33%; background-color: #006fbf; padding: 0 45px 0 45px; }

.news .main1 .content .block_top .right_txt .block { color: #fff; }

.news .main1 .content .block_top .right_txt .block .time { font-size: 16px; font-family: 'MM'; margin-bottom: 25px; }

.news .main1 .content .block_top .right_txt .block .name { font-size: 22px; line-height: 32px; color: #ffffff; margin-bottom: 20px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 32px; }

.news .main1 .content .block_top .right_txt .block .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 20px; opacity: 0.7; margin-bottom: 65px; }

.news .main1 .content .block_top .right_txt .swiper-container { height: 100%; }

.news .main1 .content .block_top .right_txt .swiper-wrapper { height: unset; }

.news .main1 .content .block_top .right_txt .swiper-pagination { position: unset; text-align: left; }

.news .main1 .content .block_top .right_txt .swiper-pagination-bullet { width: 6px; height: 6px; opacity: 1; border-radius: 0; background-color: #a8a8a8; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.news .main1 .content .block_top .right_txt .swiper-pagination-bullet-active { width: 20px; background-color: #499ff7; }

.news .main1 .content .block_bottom .list_search { width: 396px; margin-left: auto; }

.news .main1 .content .block_bottom .list_search input { padding: 0 20px; font-size: 14px; line-height: 56px; border: solid 2px; color: rgba(51, 51, 51, 0.4); border-color: #c6c7cb transparent #c6c7cb #c6c7cb; }

.news .main1 .content .block_bottom .list_search input::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.4); }

.news .main1 .content .block_bottom .list_search input:-moz-placeholder { color: rgba(51, 51, 51, 0.4); }

.news .main1 .content .block_bottom .list_search input:-ms-input-placeholder { color: rgba(51, 51, 51, 0.4); }

.news .main1 .content .block_bottom .list_search input::placeholder { color: rgba(51, 51, 51, 0.4); }

.news .main1 .content .block_bottom .list_search .btn { width: 120px; height: 60px; font-size: 22px; color: #006fbf; background-color: #333333; }

.news .main1 .content .block_bottom .block_box { margin-top: 20px; }

.news .main1 .content .block_bottom .block_box .block { background-color: #fff; width: 33%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.news .main1 .content .block_bottom .block_box .block .img .picture_container { padding-top: 67.17172%; }

.news .main1 .content .block_bottom .block_box .block .txt { padding: 30px 45px 30px 30px; }

.news .main1 .content .block_bottom .block_box .block .txt .name { font-size: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px; max-height: 56px; min-height: 56px; }

.news .main1 .content .block_bottom .block_box .block .txt .time { font-size: 16px; line-height: 1.1; color: #999999; font-family: 'MM'; }

.news .main1 .content .block_bottom .block_box .block:not(:nth-child(3n)) { margin-right: 0.5%; }

.news .main1 .content .block_bottom .block_box .block:nth-child(n + 4) { margin-top: 60px; }

.news .main1 .content .block_bottom .block_box .block:hover { box-shadow: 0 40px 70px -60px #006ebd; }

/********************************* 新闻动态  END ********************************/
/********************************* 联系我们  STRAT ********************************/
.contact .main1 .inner_main { padding: 100px 80px; }

.contact .main1 .content { text-align: center; }

.contact .main1 .content .abstract { font-size: 20px; line-height: 24px; letter-spacing: 0px; color: #282828; font-family: 'fzltj'; }

.contact .main1 .content .block_box { margin-top: 35px; }

.contact .main1 .content .block_box .block { width: 33.33%; }

.contact .main1 .content .block_box .block .name { font-family: 'fzltl'; font-size: 18px; line-height: 1.1; color: #141d29; margin-top: 10px; margin-bottom: 25px; }

.contact .main1 .content .block_box .block .txt { font-family: 'MR'; font-size: 16px; line-height: 1.1; }

.contact .main1 .content .block_box .block:last-child .txt { font-size: 14px; font-family: 'fzltj'; }

.contact .main1 .content .block_box .block:nth-child(2) { position: relative; }

.contact .main1 .content .block_box .block:nth-child(2)::after, .contact .main1 .content .block_box .block:nth-child(2)::before { content: ' '; position: absolute; background-color: #bdc5d0; height: 60px; width: 2px; top: 7px; }

.contact .main1 .content .block_box .block:nth-child(2)::after { left: 0; }

.contact .main1 .content .block_box .block:nth-child(2)::before { right: 0; }

.contact .main2 #map { height: 500px; }

.contact .main2 #map img { max-width: none; max-height: none; }

/********************************* 联系我们  END ********************************/
/********************************* 产品中心  STRAT ********************************/
.product { background-color: #f5f5f5; }

.product .main1 { padding-top: 88px; }

.product .main1 .content { margin: 0 60px; position: relative; }

.product .main1 .content .swiper-slide { background-image: url("../images/change/product_bg1.png"); padding-top: 125px; padding-left: 18.05556%; }

.product .main1 .content .block .img { width: 29.62712%; margin-right: 9.9661%; }

.product .main1 .content .block .img .picture_container { padding-top: 154.23341%; }

.product .main1 .content .block .txt { padding-top: 100px; }

.product .main1 .content .block .txt .tag { font-size: 22px; line-height: 1.1; color: #828282; }

.product .main1 .content .block .txt .name { font-size: 46px; line-height: 1.1; margin-top: 15px; margin-bottom: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product .main1 .content .block .txt .abstract { font-size: 16px; color: #828282; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; }

.product .main1 .content .block .txt .more { margin-top: 55px; width: 163px; height: 54px; line-height: 54px; text-align: center; color: #ffffff; background-color: #006ebd; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.product .main1 .content .block .txt .more:hover { opacity: .8; }

.product .main1 .content .swiper-button-prev, .product .main1 .content .swiper-button-next { background-image: none; width: 54px; height: 54px; color: #333; font-size: 21px; line-height: 56px; text-align: center; background-color: #ebebeb; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.product .main1 .content .swiper-button-prev:hover, .product .main1 .content .swiper-button-next:hover { color: #ffffff; background-color: #006ebd; }

.product .main1 .content .swiper-button-prev { left: -30px; }

.product .main1 .content .swiper-button-next { right: -30px; }

.product .main1 .content .swiper-button-next.swiper-button-disabled, .product .main1 .content .swiper-button-prev.swiper-button-disabled { opacity: 1; }

.product .main1 .content .swiper-pagination { bottom: 100px; left: 50.55556%; }

.product .main1 .content .swiper-pagination-bullet { cursor: pointer; position: relative; opacity: 1; width: 26px; height: 26px; margin: 0 5px; border-radius: 50%; background-color: transparent; }

.product .main1 .content .swiper-pagination-bullet .round { cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 3; border: solid 1px #006ebd; }

.product .main1 .content .swiper-pagination-bullet .semicircle_mask { cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 5; border: solid 1px; -o-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); border-color: #006ebd #006ebd transparent transparent; }

.product .main1 .content .swiper-pagination-bullet .point_icon { cursor: pointer; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; z-index: 12; border-radius: 50%; background-color: #000000; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.product .main1 .content .swiper-pagination-bullet::after, .product .main1 .content .swiper-pagination-bullet::before { cursor: pointer; content: ' '; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; border-radius: 50%; }

.product .main1 .content .swiper-pagination-bullet::after { z-index: 4; background-image: linear-gradient(right, transparent 50%, #fff 50%); background-image: -o-linear-gradient(right, transparent 50%, #fff 50%); background-image: -ms-linear-gradient(right, transparent 50%, #fff 50%); background-image: -webkit-linear-gradient(right, transparent 50%, #fff 50%); background-image: -moz-linear-gradient(right, transparent 50%, #fff 50%); }

.product .main1 .content .swiper-pagination-bullet::before { z-index: 10; background-image: linear-gradient(left, transparent 50%, #fff 50%); background-image: -o-linear-gradient(left, transparent 50%, #fff 50%); background-image: -ms-linear-gradient(left, transparent 50%, #fff 50%); background-image: -webkit-linear-gradient(left, transparent 50%, #fff 50%); background-image: -moz-linear-gradient(left, transparent 50%, #fff 50%); }

.product .main1 .content .swiper-pagination-bullet-active::before { -o-animation: pagingMask 5s linear; -moz-animation: pagingMask 5s linear; -webkit-animation: pagingMask 5s linear; animation: pagingMask 5s linear; }

.product .main1 .content .swiper-pagination-bullet-active::after { animation-delay: 5s; -o-animation: pagingMask1 2.5s linear 2.5s; -moz-animation: pagingMask1 2.5s linear 2.5s; -webkit-animation: pagingMask1 2.5s linear 2.5s; animation: pagingMask1 2.5s linear 2.5s; }

.product .main1 .content .swiper-pagination-bullet-active .point_icon { width: 0; height: 0; border-radius: 0; left: calc(50% + 5px); background-color: transparent; width: 0; height: 0; border-left: 8px solid #006ebd; border-right: 8px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.product .main2 { padding: 80px 0 100px; }

.product .main2 .content { margin: 0 60px; }

.product .main2 .content .block { width: 48.33333%; background-color: #ffffff; position: relative; padding: 130px 0; }

.product .main2 .content .block:nth-child(even) { margin-left: 3.33333%; }

.product .main2 .content .block:nth-child(n + 3) { margin-top: 80px; }

.product .main2 .content .block .txt { margin-left: 9.1954%; width: 57.46835%; }

.product .main2 .content .block .txt .name { font-size: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product .main2 .content .block .txt .abstract { margin: 25px 0 65px; font-size: 16px; color: #828282; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; max-height: 72px; min-height: 72px; }

.product .main2 .content .block .txt .more { width: 163px; height: 54px; line-height: 54px; text-align: center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border: solid 2px rgba(51, 51, 51, 0.3); }

.product .main2 .content .block .img { width: 31.14943%; position: absolute; top: 25px; right: 0; }

.product .main2 .content .block .img .picture_container { padding-top: 230.99631%; }

.product .main2 .content .block:hover .txt .more { color: #fff; background-color: #006ebd; border: solid 2px #006ebd; }

.product .main2 .loadData { margin-top: 100px; }

/********************************* 产品中心  END ********************************/
/********************************* 产品详情  STRAT ********************************/
.product-details .product_top { padding-top: 113px; border-bottom: 1px solid #e5e5e5; padding-bottom: 22px; }

.product-details .product_top .content { margin: 0 60px; }

.product-details .product_top .content .left_tab .left_box { position: relative; cursor: pointer; }

.product-details .product_top .content .left_tab .left_box .name { font-size: 16px; margin-right: 22px; }

.product-details .product_top .content .left_tab .left_box .icon { position: relative; width: 25px; height: 25px; border-radius: 50%; border: solid 1px #8f8f8f; }

.product-details .product_top .content .left_tab .left_box .icon::after { content: ' '; position: absolute; top: calc(50% + 2px); left: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 0; height: 0; border: 5px solid; border-color: #000 transparent transparent transparent; }

.product-details .product_top .content .left_tab .left_box .tab_down { display: none; width: 100%; position: absolute; z-index: 10; top: 100%; left: 0; background-color: #fff; box-shadow: 0 5px 15px 10px #eeeeee; }

.product-details .product_top .content .left_tab .left_box .tab_down .line { line-height: 22px; padding: 0 5px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.product-details .product_top .content .left_tab .left_box .tab_down .line:hover { color: #006ebd; }

.product-details .product_top .content .left_tab .buy_btn { display: none; width: 85px; height: 35px; color: #ffffff; line-height: 35px; text-align: center; border-radius: 18px; background-color: #000000; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.product-details .product_top .content .left_tab .buy_btn:hover { opacity: .8; }

.product-details .product_top .content .right_box .right_tab { margin-right: 50px; }

.product-details .product_top .content .right_box .right_tab .name_btn { font-size: 14px; color: #666666; position: relative; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.product-details .product_top .content .right_box .right_tab .name_btn:not(:last-child) { margin-right: 48px; }

.product-details .product_top .content .right_box .right_tab .name_btn::after { content: ' '; position: absolute; height: 2px; bottom: -32px; left: 50%; width: 0; background-color: #000000; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.product-details .product_top .content .right_box .right_tab .name_btn:hover, .product-details .product_top .content .right_box .right_tab .name_btn.active { color: #333; }

.product-details .product_top .content .right_box .right_tab .name_btn:hover::after, .product-details .product_top .content .right_box .right_tab .name_btn.active::after { width: calc(100% + 20px); }

.product-details .product_top .content .right_box .buy_btn { width: 85px; height: 35px; color: #ffffff; line-height: 35px; text-align: center; border-radius: 18px; background-color: #000000; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.product-details .product_top .content .right_box .buy_btn:hover { opacity: .8; }

.product-details .main1 .content { position: relative; background-image: url("../images/change/product_details_bg.jpg"); }

.product-details .main1 .content .txt { position: absolute; left: 60px; top: 120px; z-index: 5; color: #ffffff; }

.product-details .main1 .content .txt .name { font-size: 28px; margin-bottom: 18px; }

.product-details .main1 .content .txt .abstract { font-size: 18px; }

.product-details .main1 .swiper-container { width: 460px; padding: 85px 0; margin: 0 auto; }

.product-details .main1 .block .img .picture_container { padding-top: 141.30435%; }

.product-details .main1 .swiper-button-prev, .product-details .main1 .swiper-button-next { background-image: none; width: 54px; height: 54px; line-height: 54px; color: rgba(255, 255, 255, 0.5); text-align: center; font-size: 21px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border: solid 2px rgba(255, 255, 255, 0.2); }

.product-details .main1 .swiper-button-prev:hover, .product-details .main1 .swiper-button-next:hover { -moz-box-shadow: 0 12px 20px -10px #006ebd; -webkit-box-shadow: 0 12px 20px -10px #006ebd; box-shadow: 0 12px 20px -10px #006ebd; color: #fff; background-color: #006ebd; border: solid 2px #006ebd; }

.product-details .main1 .swiper-button-prev.swiper-button-disabled, .product-details .main1 .swiper-button-next.swiper-button-disabled { opacity: 1; }

.product-details .main1 .swiper-button-prev { left: 14.375%; }

.product-details .main1 .swiper-button-next { right: 14.375%; }

.product-details .main2 { padding: 80px 0; }

.product-details .main2 .content { margin: 0 60px; }

.product-details .main2 .content .title { font-size: 28px; line-height: 1.1; color: #000000; margin-bottom: 30px; }

.product-details .main2 .content .tag { font-size: 16px; line-height: 1.1; margin-bottom: 12px; }

.product-details .main2 .content .content_box .left_tab { width: 13.05556%; margin-right: 3.33333%; }

.product-details .main2 .content .content_box .left_tab .line { font-family: 'MR'; padding: 10px 0; color: #ffffff; cursor: pointer; text-align: center; word-wrap: break-word; word-break: normal; background-color: #d9d9d9; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.product-details .main2 .content .content_box .left_tab .line:not(:last-child) { margin-bottom: 2px; }

.product-details .main2 .content .content_box .left_tab .line:hover, .product-details .main2 .content .content_box .left_tab .line.active { background-color: #006ebd; }

.product-details .main2 .content .content_box .right_parameter .block:not(:first-child) { display: none; }

.product-details .main3 .content .block_box .block .img { width: 50%; }

.product-details .main3 .content .block_box .block .img .picture_container { padding-top: 65.625%; }

.product-details .main3 .content .block_box .block .txt_box { padding-left: 4.16667%; width: 50%; background-color: #006ebd; }

.product-details .main3 .content .block_box .block .txt_box .txt { color: #fff; }

.product-details .main3 .content .block_box .block .txt_box .txt .name { font-size: 30px; line-height: 1.1; margin-bottom: 10px; }

.product-details .main3 .content .block_box .block .txt_box .txt .abstract { font-size: 18px; line-height: 26px; margin-bottom: 40px; }

.product-details .main3 .content .block_box .block .txt_box .txt .line_box { line-height: 26px; }

.product-details .main3 .content .block_box .block .txt_box .txt .line_box .line { padding-left: 12px; position: relative; }

.product-details .main3 .content .block_box .block .txt_box .txt .line_box .line::after { content: ' '; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #fff; }

.product-details .main3 .content .block_box .block.block1 .txt_box { text-align: right; padding-left: 0; padding-right: 4.16667%; }

.product-details .main3 .content .block_box .block.block1 .txt_box .txt .line_box .line { padding-right: 12px; padding-left: 0; }

.product-details .main3 .content .block_box .block.block1 .txt_box .txt .line_box .line::after { left: auto; right: 0; }

.product-details .main4 .title { font-size: 30px; line-height: 30px; padding-left: 20px; margin-bottom: 20px; border-left: 5px solid #006ebd; }

.product-details .main4 .content .block { padding: 20px 20px 30px; width: 31.66667%; background-color: #f7f7f7; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.product-details .main4 .content .block:not(:nth-child(3n)) { margin-right: 2.5%; }

.product-details .main4 .content .block .img .picture_container { padding-top: 65.58824%; }

.product-details .main4 .content .block .txt { margin-top: 30px; text-align: center; }

.product-details .main4 .content .block .txt .name { font-size: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product-details .main4 .content .block .txt .abstract { margin: 15px 0 20px; color: #666666; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 22px; max-height: 66px; min-height: 66px; }

.product-details .main4 .content .block .txt .more { position: relative; width: 38px; height: 38px; border-radius: 50%; margin: 0 auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #ffffff; -moz-box-shadow: 0px 15px 30px -10px #006ebd; -webkit-box-shadow: 0px 15px 30px -10px #006ebd; box-shadow: 0px 15px 30px -10px #006ebd; }

.product-details .main4 .content .block .txt .more::after, .product-details .main4 .content .block .txt .more::before { content: ' '; position: absolute; top: 50%; left: 50%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #333333; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.product-details .main4 .content .block .txt .more::after { width: 12px; height: 2px; }

.product-details .main4 .content .block .txt .more::before { width: 2px; height: 12px; }

.product-details .main4 .content .block:hover { -moz-box-shadow: 0 30px 80px -80px #006ebd; -webkit-box-shadow: 0 30px 80px -80px #006ebd; box-shadow: 0 30px 80px -80px #006ebd; }

.product-details .main4 .content .block:hover .txt .more { background-color: #006ebd; }

.product-details .main4 .content .block:hover .txt .more::after, .product-details .main4 .content .block:hover .txt .more::before { background-color: #fff; }

/********************************* 产品详情  END ********************************/
.video_popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 100; }

.video_popup .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }

.video_popup .mask .vidoe_box { position: relative; width: 800px; height: auto; margin: 0 auto; }

.video_popup .mask .vidoe_box .video video { width: 100%; }

.video_popup .mask .vidoe_box .iconfont { position: absolute; top: -25px; right: -25px; color: #fff; font-size: 18px; cursor: pointer; }

.img_popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 100; }

.img_popup .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }

.img_popup .mask .img { height: 70%; margin: 0 auto; }

.img_popup .mask .img img { height: 100%; }

.right_article { position: fixed; width: 86px; z-index: 80; right: -90px; top: 50%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.right_article .block_box { border: solid 1px #dfdfdf; }

.right_article .block { height: 80px; text-align: center; position: relative; background-color: #fff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.right_article .block .iconfont { font-size: 29px; margin-bottom: 10px; color: #006ebd; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.right_article .block .name { font-size: 13px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.right_article .block .mask { position: absolute; right: 100%; height: 100%; color: #fff; text-align: left; background-color: #006ebd; padding-left: 0; padding-top: 20px; overflow: hidden; width: 0; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.right_article .block .mask .abstract { font-size: 12px; line-height: 1.1; color: #94d1fd; margin-bottom: 5px; white-space: nowrap; }

.right_article .block .mask .number { font-size: 24px; font-family: 'RR'; white-space: nowrap; }

.right_article .block:hover { background-color: #006ebd; }

.right_article .block:hover .iconfont { color: #fff; }

.right_article .block:hover .name { color: #fff; }

.right_article .block:hover .mask { width: 240px; padding-left: 25px; }




.search .main1 { padding: 80px 0; }

.search .main1 .inner_title{ font-size: 32px; }

.search .main1 .search_box { width: 60%; margin: 30px auto 30px; border: 1px solid #006ebd; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; }

.search .main1 .search_box input { padding: 0 20px; line-height: 48px; }

.search .main1 .search_box .btn { background-color: #006ebd; width: 80px; cursor: pointer; }

.search .main1 .search_box .btn img { width: 30px; }

.search .main1 .content { border-top: 1px solid #dddddd; }

.search .main1 .content .length { padding: 10px 0; }

.search .main1 .content .block_box .block { padding: 20px 0;}

.search .main1 .content .block_box .block:not(:first-child) { border-top: 1px solid #dddddd; }

.search .main1 .content .block_box .block .img { width: 23.33333%; }

.search .main1 .content .block_box .block .img .picture_container { padding-top: 60.71429%; }

.search .main1 .content .block_box .block .txt { width: 70%; padding-left: 20px; }

.search .main1 .content .block_box .block .txt .name { font-size: 20px; margin-bottom: 10px; font-weight: bold; max-height: 48px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; }

.search .main1 .content .block_box .block .txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; }

.search .main1 .content .block_box .block:hover .txt .name { color: #006ebd; }

@media (max-width:768px){
  .search .main1 .search_box { width: 90%; margin: 10px auto 10px; }
  .search .main1 .content .block_box .block { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
  .search .main1 .content .block_box .block .img { width: 100%; margin-bottom: 10px; }
  .search .main1 .content .block_box .block .txt { width: 100%; }
}

