.fl { float: left; }

.fr { float: right; }

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

.text-ellipsis { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

a:hover, a { color: #000; }

body { overflow-x: hidden; }

.mb110 { margin-bottom: 110px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mb40 { margin-bottom: 45px; }

.fz18 { font-size: 18px !important; }

.donghua { transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: tall 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }

.donghuatwo { transition: all 0.8s; -ms-transition: all 0.8s; -moz-transition: tall 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }

.container { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1280px; margin: 0 auto; }

.container1330 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1330px; margin: 0 auto;}
.no_cursor a{cursor: default;}
@keyframes scale_btn
{
0% { -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8);}
50% { -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
100% { -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8);}
}

.swiper-pagination-progressbar{background-color: #3ba1db !important;}
.swiper-pagination-progress{position: relative !important;}

.imgbox { overflow: hidden; }

.imgbox img { width: 100%; }

.imgscale { overflow: hidden; }

.imgscale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.imgscale img { -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; }

.dot2 { -webkit-line-clamp: 2; }

.dot3 { -webkit-line-clamp: 3; }

.dot4 { -webkit-line-clamp: 4; }

.dot2, .dot3, .dot4 { display: -webkit-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; }

.header { -webkit-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 0; left: 0; right: 0; z-index: 999; padding: 0 35px; height: 75px; }

.header .logo img { margin-top: 8px; }

.head_navlist li { float: left; margin: 0 27px; }

.head_navlist li > a { position: relative; }

.head_navlist li > a { display: block; font-size: 16px; color: #fff; line-height: 75px; }

.btnbox { width: 115px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #3ba1db; }

.btnbox a { color: #fff; }

.baojia { margin-left: 23px; margin-top: 22px; }

.language { margin-left: 20px; margin-right: 28px; }

.language .languagebox { position: relative; height: 75px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.language .languagebox .language_text img, .language .languagebox .language_text span, .language .languagebox .language_text i { display: inline-block; vertical-align: middle; }

.language .languagebox .language_text { height: 30px; font-size: 13px; color: #fff; position: relative; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto !important; height: 30px; line-height: 26px; padding: 0 15px; }

.language .languagebox .language_text span { margin-left: 7px; margin-right: 16px; }

.language .languagebox .language_text i { position: absolute; top: 0; right: 10px; }

.language .languagebox .language_menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff;box-shadow: 0 0 5px rgb(0,0,0,0.2);}

.language .languagebox .language_menu a { display: block;padding:0 10px;font-size: 14px;margin-bottom: 5px;}
.language .languagebox .language_menu a:last-child{margin-bottom: 0;}
.language_menu{padding: 6px 0;}

.language .languagebox .language_menu a:hover { color: #3ba1db; }

.language .languagebox .language_menu img{display: inline-block;vertical-align: middle;width: 20px;margin-right: 5px;}
.language .languagebox .language_menu span{display: inline-block;vertical-align: middle;}

.language .languagebox:hover .language_menu { display: block; }

.search_box { height: 75px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.search_btn { color: #fff; }

.search_btn i { font-size: 20px; }

#search-form { max-height: 0; position: absolute; top: 100%; right: 0; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; width: 380px; height: 45px; overflow: hidden; background-color: #fff; }

.search_btn { cursor: pointer; }

#search-form input { height: 100%; width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #333; z-index: 9; border: 1px solid #eee; border-right: none; }

#search-form .searchbtn { position: absolute; bottom: 0; right: 0; width: 15%; margin: 0; padding: 0; text-transform: uppercase; color: #ffffff; background: #3ba1db; border: none; cursor: pointer; z-index: 11; height: 100%; }

#search-form .searchbtn i { font-size: 20px;text-align: center;}
#search-form .searchbtn img{margin:auto;}


.header_active { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: fixed; -webkit-transition: all 0.4s; transition: all 0.4s; top: 0; }

.lau_02, .logo02 { display: none !important; }

.header_active { background-color: #fff; }

.header_active .head_navlist ul li a { color: #333; }

.header_active .language_text { color: #333 !important; border-color: #e4e0e0  !important; }

.header_active .lau_02 { display: inline-block !important; }

.header_active .lau_01, .header_active .logo01 { display: none !important; }

.header_active .logo02 { display: block !important; }

.header_active .search_btn .img1 {display: none;}
.search_btn .img2{display:none;}
.header_active .search_btn .img2 {display:block;}


.head_navlist ul li { position: relative; }

.head_navlist ul li > span { display: none; position: absolute; right: 15px; width: 20%; height: 41px; top: 10px; }

.head_navlist ul li > span::after { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }

.sub_zinav { position: absolute; top: 100%; width: 200px; background-color: #fff; left: 50%; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); min-width: 180px; background: white; padding: 10px 0; pointer-events: none; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; border: solid 1px #e4e6ee; border-top: 0; }

.sub_zinav a { padding: 8px 0; text-align: center;  -webkit-transition: all 0.3s; transition: all 0.3s; display: block; 
    /* color: rgba(40, 40, 40, 0.5); */
}

/* 手机端导航 */
.navmenu_div { margin-left: 15px; margin-top: 14px; display: none; }

.navmenu_box { width: 30px; height: 30px; position: relative; cursor: pointer; z-index: 1003; }

.navmenu_box span { display: block; height: 2px; background: #fff; position: absolute; width: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; left: 5px; }

.navmenu_box span:nth-child(1) { top: 8px; }

.navmenu_box span:nth-child(2) { top: 50%; }

.navmenu_box span:nth-child(3) { bottom: 6px; }

.closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 15px; }

.closeNavbtn span:nth-child(2) { display: none; }

.closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; }


.banner-info { position: absolute; bottom: 110px; left: 0; right: 0; }

.banner-info { color: #fff; }

.banner-info.hui .baninfo_02 { opacity: 0.3; }

.baninfo_01 { font-family: 'fzltcxhjt'; font-size: 54px; line-height: 60px; position: relative; }

.baninfo_02 { font-size: 20px; line-height: 34px; }

.baninfo_03 a.ban_btn {margin-right: auto; display: block; width: 180px; height: 50px; text-align: center; line-height: 50px; border: 1px solid rgba(255, 255, 255, 1); -webkit-border-radius: 5px; border-radius: 5px; color: #fff; }

.baninfo_03 a.ban_btn:hover { background-color: #3ba1db; border-color: #3ba1db; }

.index_swiper .swiper-slide { overflow: hidden; }
.index_swiper .swiper-slide .container{}
.index_swiper .swiper-slide:nth-child(2n) .container{text-align:right;}
.index_swiper .swiper-slide:nth-child(2n) .baninfo_03 a.ban_btn{display:inline-block;}

.baninfo_03 { margin-top: 65px;display:none;}

.baninfo_02 { margin-top: 60px; }

/* .baninfo_01::before { content: ""; display: block; width: 182.85714%; height: 1px; background-color: #fff; opacity: 0.1; position: absolute; right: 0; bottom: -34px; } */

.no-overflow { overflow: initial; }

.banner-info .container { position: relative; }

.banner-info .inxban-btn { position: absolute; top: 100%; right: 90px; transform: rotateZ(90deg);}

.banner-info .inxban-btn i { color: #848a90; font-size: 20px; cursor: pointer; }

.banner-info .inxban-btn i:hover { color: #3ba1db; }

.inxban-next { margin-top: 65px; }

.banner-info.blue .baninfo_en { margin-bottom: 50px; font-family: none; color: #50c0f0; text-transform: uppercase; font-size: 28px; }

.banner-info.blue .baninfo_no::before { display: none; }

.banner-info.blue .baninfo_02 { margin-top: 8px; }

/* .banner-info.blue .baninfo_01::before { bottom: -19px; } */

.banner-info.blue .baninfo_02 { opacity: 0.3; }

.tong_title { color: #fff; text-align: center; }

.tong_title .p01 { font-size: 18px; margin-bottom: 5px; }

.tong_title .p02 { font-size: 36px; }

.our_services { background-color: #191919; padding: 145px 0; }

.pro_listbox { margin-top: 45px; }

.pro_listbox ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between;}

.pro_listbox li { background-color: #262626; }

.pro_listbox ul li:nth-child(2n){background:#fff;}

.pro_listbox li .proimg { height: 220px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pro_listbox li .proimg img { max-height: 80%; margin: 0 auto; }

.pro_listbox li .name { font-size: 18px; color: #fff; }

.pro_listbox ul li:nth-child(2n) .name{color: #000;}

.pro_listbox li .text { text-align: center; }

.pro_listbox li .desc { padding: 0 20px; font-size: 14px; line-height: 20px; color: #fff; opacity: 0.5; margin-top: 10px; }

.pro_listbox ul li:nth-child(2n) .desc{color:#333;opacity: 0.8}

.pro_listbox li:hover { background-color: #3b3b3b; }

.pro_listbox li a { display: block; padding-bottom: 60px; padding-top: 40px; }

.btntong { width: 180px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; color: #fff; background-color: #3ba1db; -webkit-border-radius: 5px; border-radius: 5px; display: block; margin: 60px auto 0 auto; }

.btntong:hover { color: #fff; }

.tongpagination { text-align: center; display: none; }

.tongpagination span { margin: 0 3px; background: rgba(255, 255, 255, 0.2); opacity: 1; }

.tongpagination { margin-top: 15px; }

.tongpagination .swiper-pagination-bullet-active { background: #3ba1db; }
.case_pagination{display: block !important;height: 2px;background: #3a3a3a;margin-top: 45px;}
.progress-pagination{display: block !important;height: 2px;background: #3a3a3a;margin-top: 45px;}
.color-pagination{display: block !important;height: 2px !important;background: rgba(0, 0, 0, 0.05);margin-top: 45px;}
.application_main{position: relative;}
.bgwhitepag{background: rgba(255, 255, 255, 0.3);}
.color_cateswiper  .swiper-pagination-progress{background: none !important;}
.application_main::after{display: block;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);}
/* .sortcaseswiper,.fumo_caseswiper{overflow: initial !important;} */
.addSwiperbox{position: relative;}

.white-pagination span { background: rgba(0, 0, 0, 0.4); }

.about_box { background: url(../images/about_bg.jpg) top center no-repeat; padding: 250px 0; }

.ab_top .pn { font-size: 18px; line-height: 22px; margin-bottom: 8px; }

.ab_top .psesc { font-size: 36px; line-height: 44px; font-family: 'FZLTZCHK'; }

.about_cont .left { width: 460px; }

.about_cont .right { width: -webkit-calc(100% - 608px); width: calc(100% - 608px); }

.about_cont .left .ab_top { margin-top: 5px; margin-bottom: 50px; }

.about_cont .left .ab_video { position: relative; }

.about_cont .left .ab_video .video_play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; cursor: pointer; }

.popupVideobg { display: none; position: fixed; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; }

.popupVideoBox { position: absolute; width: 100%; top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.popupVideo { padding: 0px 20px; max-width: 1200px; margin: 0px auto; position: relative; }

.popupVideo i { position: absolute; top: -28px; right: 20px; width: 20px; height: 20px; display: block; background: url(../images/close.png) no-repeat; cursor: pointer; }

.popupVideo video { display: block; width: 100%; }

.popupVideo iframe { width: 100%; height: 400px; }

.ab_jieshao p { font-size: 16px; line-height: 26px; }

.ab_jieshao p.mtb30 { margin-top: 30px; }

.about_box .ab_shuzi .item { float: left; }

.about_box .ab_shuzi .item .text_name { font-size: 14px; margin-bottom: 8px; }

.about_box .ab_shuzi .item .text_num .couter { font-size: 48px; font-family: 'BMDOHYEON'; }

.about_box .ab_shuzi .item .text_num img { display: inline-block; }

.about_box .ab_shuzi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; }

.about_box .ab_shuzi .item { width: 33.3333%; margin-top: 30px; }

.liucheng_box { padding-top: 250px; padding-bottom: 330px; background: url(../images/liucheng_bg.jpg) top center no-repeat; background-size: cover; }

.liucheng_list .item .num { font-size: 18px; font-family: 'Gilroy'; }

.liucheng_list { margin-top: 92px; }

.liucheng_list .item img { margin: 0 auto; margin-top: 30px; margin-bottom: 10px; }

.liucheng_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.liucheng_list .item img.lc02 { display: none; }

.liucheng_list .item { position: relative; color: #fff; position: relative; cursor: pointer; text-align: center; width: 140px; }

.liucheng_list .item .p_en { font-size: 18px; font-family: 'Gilroy'; }

.liucheng_list .item .name { font-size: 24px; }

.liucheng_list .item .desc { pointer-events: none; font-size: 14px; line-height: 24px; color: #fff; text-align: center; opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); position: absolute; top: 110%; left: 50%; -webkit-transform: translate(-50%, 15px); -ms-transform: translate(-50%, 15px); transform: translate(-50%, 15px); min-width: 200px; }

.liucheng_list .item:hover .desc { opacity: 0.8; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.liucheng_list .item::after { display: block; content: ""; position: absolute; top: 50%; right: -55%; width: 19px; height: 20px; background: url(../images/qiehuan.png); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.liucheng_list .item:last-child:after { display: none; }

.liucheng_list .item:hover img.lc01 { display: none; }

.liucheng_list .item:hover img.lc02 { display: block; }

.case_box { background: #efefef; padding: 180px 0; }

.case_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }

.case_content .left { width: 340px; }

.case_content .right { width: -webkit-calc(100% - 340px); width: calc(100% - 340px); }

.case_content .case_nav { width: 300px; }

.case_content .case_nav .item { cursor: pointer; margin-top: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-left: 16px; border-left: 4px solid rgba(255, 255, 255, 0); }

.case_content .case_nav .item .name { font-size: 20px; color: rgba(0, 0, 0, 0.5); margin-bottom: 12px; }

.case_content .case_nav .item .desc { font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.3); }

.case_content .case_nav .item.active { border-color: #e40636; }

.case_content .case_nav .item.active .name { color: #000; }

.case_content .case_nav .item.active .desc { color: #000; }

.case_content .case_nav .item:first-child { margin-top: 0; }

.case_content .right { position: relative; }

.case_content .right .caseimg_thumbs { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.case_content .caseimg_thumbs .caseimg_thumbsitems { margin-bottom: 10px; width: 160px; height: 160px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.4); }

.case_content .caseimg_thumbs .caseimg_thumbsitems img { max-width: 80%; max-height: 70%; }

.case_content .caseimg_thumbs .caseimg_thumbsitems.active { background-color: #fff; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); }

.case_img_item .bigimg { max-width: 100%; margin: 0 auto; }

.case_img_item .big_img { min-width: 480px; max-width: 600px; float: left; position: relative; background: url(../images/bg_circle.png) center no-repeat; }

.case_img_item .big_img .pf14 { }

.circleTT { cursor: pointer; position: absolute; }

.circleTT .circlebox { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.circleTT .circlebox .c_bgimg { width: 220px; height: 220px; background: url(../images/case_hover.png) no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.circleTT .circlebox .c_bgimg img { max-width: 60px; }

.circleTT .circleimg { width: 67px; height: 67px; background: url(../images/guangdian.png) no-repeat; -moz-animation: scale_btn 1.5s ease-out infinite; -webkit-animation: scale_btn 1.5s ease-out infinite; -o-animation: scale_btn 1.5s ease-out infinite; animation: scale_btn 1.5s ease-out infinite;position: relative;}
.circleTT .circleimg .circle_jiahao{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 10px;}
.circleTT .circleimg  .circle_jiahao img{transition: all 0.5s;}
.circleTT .c_textdesc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -65%; width: 180px; }

.circleTT .c_textdesc .cir_name { font-size: 16px; color: #04a2e4; }
.circleTT .circlebox{opacity: 0;z-index: -1;transition: all 0.5s ease-out;}
.circleTT .c_textdesc .cir_text { font-size: 14px; line-height: 20px; color: #999999; }
.circleTT .circleimg:hover .circle_jiahao img{transform: rotate(360deg);}
.circleTT .circlebox_div {transform: scale(0);transition: all 0.5s ease-out;}
.circleTT:hover .circlebox{opacity: 1;z-index: 10;transition-delay:0.5s !important;}
.circleTT:hover .circlebox_div{transform: scale(1);transition-delay:0.5s !important;}

/* .circleTT:hover .circlebox { display: block; } */

.case_imglist .case_img_item:first-child, .case_listul .case_item:first-child { display: block; }

.case_imglist .case_img_item, .case_listul .case_item { display: none; }

.news_box { background: url(../images/new_bg.jpg) center center no-repeat; background-size: cover; padding: 170px 0; }

.news_content .new_top { color: #fff; }

.news_content .newsmore { display: block; width: 180px; height: 55px; border: 1px solid #403e3e; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; line-height: 55px; color: #fff; cursor: pointer; }

.news_content .newsmore:hover { background: #3ba1db; border-color: #3ba1db; }

.news_swiper .swiper-slide a { display: block; background: #fff; padding: 60px 50px; -webkit-transition: all 0.4s; transition: all 0.4s; }

.news_swiper { margin-top: 60px; }

.news_swiper .new_tit { font-size: 24px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 72px; }

.news_swiper .new_desc { font-size: 14px; color: #9aa1a5; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 20px; margin-bottom: 70px; }

.news_swiper .date { font-size: 14px; color: #9aa1a5; }

.news_swiper .swiper-slide a:hover { background: #3ba1db; color: #fff; }

.news_swiper .swiper-slide a:hover .new_desc, .news_swiper .swiper-slide a:hover .date { color: #fff; }

.inxnews-base i { color: #fff; font-size: 24px; cursor: pointer; }

.inxnews-base i:hover { color: #3ba1db; }

.inxnews-base { margin-top: 60px; display: flex;
    align-items: center;}

.inxnews-base em { display: inline-block; width: 5px; height: 7px; background: url(../images/zanting.png) no-repeat center; vertical-align: 5px; cursor: pointer; margin: 0 13px; vertical-align: middle; }

.inxnews-base span { display: inline-block; vertical-align: middle; }

.inxnews-pagination { margin-left: 30px; display: inline-block; vertical-align: middle; width: auto; color: #fff; }

.inxnews-pagination span { color: #fff; font-size: 16px; }

.kehu_box { height: 120px; background: #3ba1db; }

.kehu_box .kehu_left { font-size: 22px; color: #fff; line-height: 120px; width: 120px; }

.kehu_box .kehu_right { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); height: 120px; }

.kehu_box .kehu_right img { max-width: 80%; }

.kehu_box .kehu_right .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.kehu_swiper { height: 100%; }

.footer_bottom { background: #000000; height: 60px; line-height: 60px; }

.footer_bottom p { text-align: center; color: #999999; font-size: 14px; opacity: 0.7; }

.footer_bottom p a { color: #999999; opacity: 0.7; }

.footer_bottom p a:hover { color: #fff; }

.footer_top { background: #191919; padding-top: 70px; padding-bottom: 40px; }

.ft_links a { display: inline-block; vertical-align: middle; width: 26px; height: 26px; margin-right: 10px; }



.ft_links a:nth-child(4) { margin-right: 0; }

.footer_top .ft_left img { width: 180px; margin-bottom: 22px; }

.footer_top .ft_left .c_info { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }

.ft_links { margin-top: 48px; }

.ft_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.ft_right .ftdlitem { width: 130px; border-right: 1px solid rgba(255, 255, 255, 0.1); margin-left: 48px; }

.ft_right .ftdlitem:last-child { border-right: none; width: auto; max-width: 130px; }

.ft_right .ftdlitem a { color: #fff; }

.ft_right .ftdlitem dd a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 38px; }

.ft_right .ftdlitem dt a { font-size: 16px; }

.ft_right .ftdlitem dt { margin-bottom: 13px; }

.ft_right .ftdlitem dd a:hover { color: #fff; }

.ft_left { max-width: 440px; }

.cp_banner { background-repeat: no-repeat; background-size: cover; background-position: center;}

.xet{position:relative;}
.xet .zsb{display:none;}

.cp_banner.small { height: 500px; }

.cp_ban_text { /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; */position:absolute;z-index:2;top:50%;left:0;width:100%;transform: translateY(-50%);}

.cp_ban_text .cb_name { font-size: 48px; line-height: 48px; color: #fff; font-family: 'FZLTZCHK'; margin-bottom: 16px; }

.cp_ban_text .cb_desc { font-size: 18px; line-height: 28px; color: rgba(244, 244, 244, 0.6); }

.cp_ban_text .cb_zhengshu .cbzs_tit { font-size: 20px; color: #51ccff; margin-bottom: 18px; }

.cp_ban_text .cb_zhengshu .cbzs_list span { color: #fff; font-size: 18px; font-family: 'Rubik'; padding: 0 12px; position: relative; }

.cp_ban_text .cb_zhengshu .cbzs_list span::before { display: block; content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 60%; background: #555555; }

.cp_ban_text .cb_zhengshu .cbzs_list span:first-child { padding-left: 0; }

.cp_ban_text .cb_zhengshu .cbzs_list span:first-child::before { display: none; }

.cp_ban_text .btntong { margin: 20px 0; }

.cp_ban_text .cb_sz_01 span { font-size: 40px; color: #51ccff; font-family: 'Novecento'; line-height: 40px; }

.cp_ban_text .cb_sz_01 span, .cp_ban_text .cb_sz_01 img { display: inline-block; vertical-align: middle; }

.cp_ban_text .cb_sz_02 { font-size: 18px; color: #fff; margin-top: 12px; }

.cp_ban_text .cb_shuzi { position: relative; padding-left: 15px; }

.cp_ban_text .cb_shuzi::after { display: block; content: ""; position: absolute; left: 0; bottom: 6px; background: url(../images/cb_xian.png) no-repeat; width: 2px; height: 118px; }

.cp_ban_text .container { position: relative; }

.cp_ban_text .cb_right { position: absolute; right: 0; bottom: 0; }

.cp_xx { position:absolute;z-index:2;top:50%;left:0;width:100%;transform: translateY(-50%);display:none;}
.cp_xx .cb_namexx { font-size: 48px; line-height: 48px; color: #fff; font-family: 'FZLTZCHK'; margin-bottom: 16px; }
.cp_xx .container { position: relative; }

.maxlist { display: -ms-grid; display: grid; }

.maxlist li.swiper-slide {  }

.maxlist li.swiper-slide a { width: 100%; }

.cont_title { text-align: center; margin-top: 118px; }

.cont_title .ctt_xian { width: 58px; height: 4px; background: #51ccff; margin: 0 auto; }

.cont_title .ctt_tit { font-size: 38px; font-family: 'FZLTZCHK'; margin-top: 20px; }

.cont_title .ctt_subtit { font-size: 22px; line-height: 30px; color: #828282; margin-bottom: 20px; }

.cont_title .ctt_desc { font-size: 16px; line-height: 30px; color: #999999; }

.slide_imgbox { height: 560px; margin-top: 155px; }

.slide_imgbox img { width: 100%; }

.slide_imgbox::-webkit-scrollbar { width: 0; }

.pro_listbox li .proimg { overflow: hidden; }

.pro_listbox li .proimg img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.pro_listbox li:hover .proimg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.pro_listbox li .proxian { width: 34px; height: 4px; background: #51ccff; margin: 8px auto 5px auto; }

.ppr_main .pro_listbox li { background: #f4f4f4; flex-shrink: 0;width: 25%;}

.ppr_main .pro_listbox { margin-top: 55px; }

.ppr_main .pro_listbox li .text .name { color: #000; font-size: 20px; }

.ppr_main .pro_listbox li .text .desc { color: #828282; opacity: 1; }

.ppr_main .pro_listbox li:hover .name { color: #51ccff; }

.ppr_main .pro_listbox li .proimg { height: 190px; }

.ppr_main .pro_listbox li .desc { line-height: 22px; }

.table_main { background: #242424; padding: 110px 0; }

.table_main .table_line .table_tit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.table_main .table_line .table_tit .tb_left { max-width: 80%; }

.table_main .table_line .table_tit .tb_left .tb_name { color: #fff; font-size: 30px; margin-bottom: 10px; }

.table_main .table_line .table_tit .tb_left .tb_subname { color: rgba(255, 255, 255, 0.6); font-size: 16px; line-height: 22px; }

.table_main .table_line .btntong { background: #2f3031; color: rgba(255, 255, 255, 0.6); margin: 0; }

.table_main .table_line .btntong:hover { background: #51ccff; color: #fff; }

.table_content ul { color: rgba(255, 255, 255, 0.7); width: 100%; margin-top: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.table_content ul li { position: relative; width: 25%; padding: 22px 10px; text-align: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table_content ul li .tbimgbox { position: absolute; left: 80%; top: 10%; width: 330px; display: none; }

.table_content ul li:hover .tbimgbox { display: block; z-index: 2; }

.table_content ul li { border-top: 1px solid rgba(255, 255, 255, 0.3); }

.table_content ul li:nth-last-child(1), .table_content ul li:nth-last-child(2), .table_content ul li:nth-last-child(3), .table_content ul li:nth-last-child(4) { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.table_content ul li::after { display: block; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; height: 16px; width: 2px; background: rgba(255, 255, 255, 0.3); }

.table_content ul li:nth-child(4n):after { display: none; }

.table_content ul li::before { display: none; content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #51ccff; }

.table_content ul li:hover::before { display: block; }

.table_content ul li:hover { color: #51ccff; background: url(../images/baiodan.png) center bottom no-repeat; background-size: cover; }

.table_content ul li p { text-transform: uppercase; }

.table_main .table_line { margin-top: 75px; }

.table_main .table_line:first-child { margin-top: 0; }

.proattr_list { margin-top: 55px; margin-bottom: 80px; }

.proattr_list li { float: left; margin-right: 76px; width: -webkit-calc(50% - 38px); width: calc(50% - 38px); border-top: 1px solid #e3e3e3; padding: 30px 0; }

.proattr_list li:nth-child(2n) { margin-right: 0; }

.proattr_list li .abox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.proattr_list li .abox .attr_img { overflow: hidden; }

.proattr_list li .abox .attr_img img { -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; }

.proattr_list li:hover .attr_img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.proattr_list li .attr_text { padding-left: 36px; padding-right: 36px; -webkit-box-sizing: border-box; box-sizing: border-box;width: 55%; }

.proattr_list li .attr_text .at_name { font-size: 20px; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.proattr_list li .attr_text .at_desc { font-size: 14px; color: rgba(0, 0, 0, 0.6);  overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; max-height: 44px; min-height: 44px; }

.maxlist .text .name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sortcase_main { background: #242424; padding: 110px 0; }

.sortcase_main .cont_title { margin-top: 0; }

.sortcase_main .cont_title .ctt_tit { color: #fff; }
.liutu.set{margin-top:30px;}
.liutu.set .liutu-b{color:#fff;}

.sortcase_listbox .swiper-slide { background: #2b2b2b; }

.sortcase_listbox .swiper-slide .text { padding: 35px 30px; }

.sortcase_listbox .swiper-slide .text .name { font-size: 20px; color: #ffffff; margin-bottom: 10px; }

.sortcase_listbox .swiper-slide .text .desc { font-size: 14px; color: #888888; line-height: 24px; }

.sortcase_listbox .swiper-slide:hover { background: #494949; }

.sortcase_listbox .proimg { overflow: hidden; }

.sortcase_listbox .proimg img { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; }

.sortcase_listbox .swiper-slide:hover .proimg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.mright340 { margin-right: -340px; }
/* .color_caseswiper{overflow: initial !important;} */

.sortcase_listbox .swiper-slide .text .name { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.sortcase_listbox { margin-top: 35px; }

.sortcase-pagination { display: none; }

.stcs_list { margin-top: 45px; width: 100%; height: 2px; background: #3a3a3a; }

.sortcase_listbox .swiper-slide::after { display: none; content: ""; position: absolute; bottom: -46px; left: 0; height: 1px; width: 0; background: #3ba1db; -webkit-transition: all 0.3s; transition: all 0.3s; }

.sortcase_listbox .swiper-slide:hover::after { width: 100%; }

.twospace_box { margin-top: 35px; }

.twospace_box .twospace_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.twospace_box .twospace_item .left, .twospace_box .twospace_item .right { width: 50%; }

.twospace_box .twospace_item .right .img_name { font-size: 22px; font-weight: 600; margin-bottom: 25px; }

.twospace_box .twospace_item .right .img_cont { font-size: 16px; line-height: 26px; color: #888888; }

.twospace_box .twospace_item .right .img_cont p { margin-bottom: 18px; }

.twospace_box .twospace_item .right .img_cont p:last-child { margin-bottom: 0; }

.twospace_box .twospace_item .right { -webkit-box-sizing: border-box; box-sizing: border-box; }

.twospace_box .twospace_item .right { padding-left: 80px; padding-right: -webkit-calc((100% - 1280px) / 2); padding-right: calc((100% - 1280px) / 2); }

.twospace_box .twospace_item:nth-child(2n) .right { padding-left: -webkit-calc((100% - 1280px) / 2); padding-left: calc((100% - 1280px) / 2); padding-right: 60px; }

.twospace_twoshow { display: none; }

.twospace_list ul{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.twospace_list li { width: 41%; margin-top: 50px; margin-right: 18%; }

.twospace_list li:nth-child(1) { margin-top: 0; }

.twospace_list li:nth-child(2) { margin-top: 0; }

.twospace_list li:nth-child(2n) { margin-right: 0; }

.twospace_list li h2 { font-size: 20px; margin-bottom: 15px; font-weight: normal}

.twospace_list li p { font-size: 14px; line-height: 24px; color: #888888; }

.pro_category_main { background: #242424; padding: 110px 0; }

.pro_category_main .cont_title, .application_main .cont_title { margin-top: 0 !important; color: #fff !important; }

.p_category { text-align: center; border-bottom: 2px solid rgba(255, 255, 255, 0.1); margin-top: 36px; }

.p_category .p_item { position: relative; font-size: 16px; color: rgba(255, 255, 255, 0.4); margin: 0 18px; padding-bottom: 16px; display: inline-block; cursor: pointer; }

.p_category .p_item.active { color: #63d1ff; }

.p_category .p_item::after { display: none; content: ""; position: absolute; bottom: -2px; left: 0; right: 0; background: #63d1ff; height: 2px; }

.p_category .p_item.active::after { display: block; }

.p_category_swiper { margin-top: 50px; }

.p_category_swiper .box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.p_category_swiper .box .pg_left, .p_category_swiper .box .pg_right { width: 50%; }

.p_category_swiper .box .pg_left { padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.p_category_swiper .box .pg_left .pg_name { font-size: 24px; color: #fff; line-height: 28px; margin-bottom: 20px; }

.p_category_swiper .box .pg_left .pg_desc { font-size: 16px; color: #888888; line-height: 26px; }

.p_category_swiper .box .pg_right img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.p_category_swiper .box .pg_right:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.p_category_swiper { margin-top: 50px; }

.p_category_swiper .box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.p_csect { text-align: center; border-bottom: 2px solid rgba(153 ,153 ,153, 0.1); margin-top: 36px; }
.p_csect .ptem { position: relative; font-size: 16px; color: rgba(153 ,153 ,153); margin: 0 18px; padding-bottom: 16px; display: inline-block; cursor: pointer; }
.p_csect .ptem.active { color: #63d1ff; }
.p_csect .ptem::after { display: none; content: ""; position: absolute; bottom: -2px; left: 0; right: 0; background: #63d1ff; height: 2px; }
.p_csect .ptem.active::after { display: block; }

.p_cse { margin-top: 50px; }
.p_cse .box .pg_left, .p_cse .box .pg_right { width: 50%; }
.p_cse .box .pg_left { padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.p_cse .box .pg_left .pg_name { font-size: 24px; color: #fff; line-height: 28px; margin-bottom: 20px; }
.p_cse .box .pg_left .pg_desc { font-size: 16px; color: #888888; line-height: 26px; }
.p_cse .box .pg_right img { -webkit-transition: all 0.4s; transition: all 0.4s; }
.p_cse .box .pg_right:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.p_cse .box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.application_main { position: relative; padding: 260px 0; background-size: cover; background-repeat: no-repeat; background-position: center; }

.application_iconlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 85px; }

.application_iconlist .imgicon02 { display: none; }

.application_main .container { position: relative; z-index: 2; }

.application_iconlist .icon_item { cursor: pointer; text-align: center; max-width: -webkit-calc(100% / 6); max-width: calc(100% / 6); }

.application_iconlist .icon_item img { margin: 0 auto; }

.application_iconlist .icon_item p { color: #fff; font-size: 18px; line-height: 24px; margin-top: 16px; }

.application_iconlist .icon_item:hover .imgicon02 { display: block; }

.application_iconlist .icon_item:hover .imgicon01 { display: none; }

.application_iconlist .icon_item:hover p { color: #3ba1db; }

.advantage_main { padding: 90px 0; }

.advantage_main .cont_title { margin-top: 0 !important; margin-bottom: 28px; }

.advantage_main .cont_title .ctt_tit { font-size: 30px; font-family: auto; }

.advantage_main .advan_nav { font-size: 0; text-align: center; }

.advantage_main .advan_nav .item { cursor: pointer; height: 50px; margin-bottom: 15px; width: 170px; margin-right: 20px; line-height: 45px; font-size: 16px; color: #c0c0c0; border: 2px solid #efefef; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 30px; border-radius: 30px; display: inline-block; -webkit-transition: all 0.4s; transition: all 0.4s; }

.advantage_main .advan_nav .item:last-child { margin-right: 0; }

.advantage_main .advan_nav .item:hover, .advantage_main .advan_nav .item.active { background: #51ccff; border-color: #51ccff; color: #fff; }

.advan_swiper .ad_descp { font-size: 16px; line-height: 26px; color: #888888; }

.advantage_noneafter .advan_swiper .advan_video .imgbox::after { display: none !important; }

.advan_swiper { margin-top: 25px; }

.advan_swiper .advan_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.advan_swiper .advan_youdian, .advan_swiper .advan_video { width: 46.875%; }

.advan_swiper .advan_youdian { background: #f3f6f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 40px 55px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.advan_swiper .advan_youdian .advan_youdianbox_con h2 { font-size: 22px; margin-bottom: 10px; }

.advan_swiper .advan_youdian ul li { float: left; width: 46%; margin-right: 8%; font-size: 16px; line-height: 24px; color: #888888; margin-bottom: 5px; }

.advan_swiper .advan_youdian ul li:nth-child(2n) { margin-right: 0; }

.advan_swiper .advan_video .imgbox { position: relative; }

.advan_swiper .advan_video .imgbox::after { display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

.advan_swiper .advan_video .imgbox > img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.advan_swiper .advan_video .imgbox:hover .imgimg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.advan_swiper .advan_video .video_playbtn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 3; }

.advan_swiper .advan_video .ad_video { display: none; width: 130%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.advan_swiper .advan_video { position: relative; overflow: hidden; }

.probghui { background: #f3f6f8 !important; }

.probghui .cont_title .ctt_tit { color: #333; }

.probghui .p_category .p_item { color: rgba(0, 0, 0, 0.4); }

.probghui .p_category { border-bottom: 2px solid rgba(0, 0, 0, 0.05); }

.probghui .box .pg_left .pg_name { color: #333; }

.fumohui_box .swiper-slide { background: #3b3b3b; }

.fumohui_box .swiper-slide:hover { background: #444444; }

.fumohui_box li .desc { color: #828282; }

.fumohui_box .swiper-slide:hover .desc { color: #fff; }

.fumohui_box .swiper-slide::after { display: none; content: ""; position: absolute; bottom: -46px; left: 0; height: 1px; width: 0; background: #3ba1db; -webkit-transition: all 0.3s; transition: all 0.3s; }

.fumohui_box .swiper-slide:hover::after { width: 100%; }

.problem_main .cont_title { margin-top: 0 !important; }

.problem_main { padding-top: 110px; }

.problem_bgimg { position: relative;height: 620px; margin-top: 35px; background-size: cover;background-position: center;background-repeat: no-repeat}

.problem_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.problem_list .item { -webkit-transition: all 0.4s; transition: all 0.4s; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); padding: 40px 60px; }

.problem_list .item:nth-child(2n) { margin-right: 0; }

.problem_list .item .title { font-size: 26px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }

.problem_list .item .proem_xian { width: 100%; height: 2px; background: #333; margin: 32px 0; }

.problem_list .item .proem_desc { color: #828282; font-size: 14px; line-height: 22px; }

.problem_list { margin-top: -110px; position: relative; }

.problem_boxcont { background: #efefef; }

.problem_list .item:hover { background: #3ba1db; }

.problem_list .item:hover p { color: #fff !important; }

.problem_list .item:hover .proem_xian { background: #fff; }

.sortcase_mainwhite { background: #efefef !important; }

.sortcase_mainwhite .ctt_tit { color: #333 !important; }

.sortcase_mainwhite .swiper-slide { background: #ffffff !important; }

.sortcase_mainwhite .swiper-slide .name { color: #333; }

.sortcase_mainwhite .swiper-slide .desc { color: #828282 !important; opacity: 1 !important; }

.sortcase_mainwhite .swiper-slide:hover .desc { color: #828282; }

.sortcase_mainwhite .swiper-slide:hover .name { color: #51ccff !important; }

.sortcase_mainwhite .stcs_list { background: #fff; }

.stcs_mask {display: none !important; position: absolute; top: 0; right: 0; width: -webkit-calc(25% - 102px); width: calc(25% - 102px); height: -webkit-calc(100% - 47px); height: calc(100% - 47px); }

.sortcase_last .stcs_mask { background: rgba(244, 244, 244, 0.8); z-index: 2; }

.sortcase_lastone .stcs_mask { background: rgba(43, 43, 43, 0.8); z-index: 2; }

.sortcase_mainwhite .tongpagination span { background: #c3c3c3; }

.sortcase_mainwhite .tongpagination .swiper-pagination-bullet-active { background: #3ba1db; }

.slide_imgbox { background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }

.rundesc_main { padding: 80px 0; }

.rundesc_main .rundesc_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.rundesc_main .rundesc_box .run_right { width: 50%; }

.rundesc_main .rundesc_box .run_left { width: 45%; }


.rundesc_main .rundesc_box .ctt_xian { width: 58px; height: 4px; background: #51ccff; }

.rundesc_main .rundesc_box .ctt_tit { font-size: 38px; line-height: 40px; margin: 26px 0; }

.rundesc_main .rundesc_box .run_desc { font-size: 16px; color: #888888; line-height: 26px; }

.rundesc_main .rundesc_box .run_desc p { margin-bottom: 15px; }

.youshi_main { background: #f5f5f5; padding: 110px 0; }

.youshi_main .cont_title { margin-top: 0; }

.youshi_main .ctt_subtit { margin-top: 10px; line-height: 34px; }

.youdian_title { color: #51ccff; font-size: 22px; line-height: 24px; }

.youshi_list { margin-top: 50px; }

.youshi_list ul li { float: left; margin-right: 25px; width: -webkit-calc(33.3333% - (50px / 3)); width: calc(33.3333% - (50px / 3)); }

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

.youshi_list ul li .icon, .youshi_list ul li .i_text { display: inline-block; vertical-align: text-top; }

.youshi_list ul li .i_text .name { font-size: 22px; margin-bottom: 12px; }

.youshi_list ul li .i_text .cont_desc { font-size: 16px; line-height: 26px; color: #888888; }

.youshi_list ul li .i_text { margin-left: 25px; }

.youshi_list ul li { margin-bottom: 100px; }

.youshi_list ul li .icon { width: 48px; }

.youshi_list ul li .icon img { width: 100%; }

.youshi_list ul li:nth-last-child(1), .youshi_list ul li:nth-last-child(3), .youshi_list ul li:nth-last-child(2) { margin-bottom: 0; }

.youshi_list ul li .i_text { width: -webkit-calc(100% - 78px); width: calc(100% - 78px); }

.table_twoline_content ul li { width: 50%; }

.ctt_ppp { font-size: 22px; line-height: 30px; color: rgba(244, 244, 244, 0.4); }

.application_iconwidth { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.application_iconwidth .icon_item { width: -webkit-calc(100% / 6); width: calc(100% / 6); margin-bottom: 60px; }

.application_main02 { padding-top: 240px; padding-bottom: 180px; }

.table_twoline_content ul li:nth-child(2n)::after { display: none; }

.color_category_main { padding-top: 98px; }

.color_tit { text-align: center; margin-bottom: 35px; }

.color_tit .co_xian { width: 58px; height: 4px; background: #51ccff; margin: 0 auto; }

.color_tit .co_name { font-size: 30px; line-height: 40px; margin-top: 16px; }

.color_nav { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 3px solid #eaeaea; }

.color_nav .item { padding-bottom: 10px; font-size: 16px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; cursor: pointer; color: #999999; position: relative; }

.color_nav .item::after { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background: #000; }

.color_nav .item.active::after, .color_nav .item:hover::after { display: block; }

.color_nav .item.active, .color_nav .item:hover { color: #000; }

.color_cateswiper .color_img_box .name { margin: 0 auto; width: 98%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; padding: 14px 0; }

.color_cateswiper .color_img_box { cursor: pointer; }

.text_white { color: #fff; }

.color_category_box { background-color: #000; width: 1500px; margin: 0 auto; padding-top: 80px; height: 550px; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-size: cover; background-position: center; }

.color_cate_desc { margin-top: -150px; background: #fff; padding: 40px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: relative; z-index: 3; }

.color_cate_desc .co_en { font-size: 30px; line-height: 30px; }

.color_cate_desc .co_cn { font-size: 24px; margin-bottom: 8px; margin-top: 4px; }

.color_cate_desc .co_desccont { font-size: 16px; line-height: 28px; color: #828282; }

.color_category_textbox { position: relative; z-index: 3; }

.text_black { color: #000; }

.color_category_textitem, .color_category_item { display: none; }

.color_category_textitem:first-child, .color_category_item:first-child { display: block; }

.color_case { padding: 70px 0; background: #f3f3f3; margin-top: 60px; }

.color_case .cc_tt { font-size: 24px; text-align: center; margin-bottom: 15px; }

.color_caseswiper .color_img_box { cursor: pointer; }

.color_caseswiper .color_img_box .name { padding-top: 25px; font-size: 20px; line-height: 24px; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.color_caseswiper .stcs_list { background: rgba(0, 0, 0, 0.05); }

.color_caseswiper .swiper-slide::after { display: none; content: ""; position: absolute; bottom: -46px; left: 0; height: 1px; width: 0; background: #3ba1db; -webkit-transition: all 0.3s; transition: all 0.3s; }

.color_caseswiper .swiper-slide:hover::after { width: 100%; }

.color_category02 { background: #242424; }

.color_category02 .color_category_box { background-image: url(../images/cmf_yhbg_01.jpg); }

.color_category02 .color_tit { color: #fff; }

.color_category02 .color_nav .item.active, .color_category02 .color_nav .item:hover { color: #fff; }

.color_category02 .color_nav .item.active::after, .color_category02 .color_nav .item:hover::after { background: #fff; }

.color_category02 .color_nav { border-color: #4c4c4c; }

.color_category02 .color_cate_desc { background: #242424; }

.color_category02 .color_cate_desc { color: #fff !important; }

.color_category02 .co_desccont { color: #fff !important; }

.color_category02 .color_case { background: #242424; }

.color_category02 .color_case { padding-top: 0 !important; color: #fff; }

.color_category02 .stcs_list { background: #4d4d4d; }

.color_category02 .color_case { margin-top: 30px; }

.color_category03 .color_category_box { background-image: url(../images/cmf_yhbg_02.jpg); }

.color_category03 .color_case { background: none; padding-top: 0 !important; margin-top: 30px; }

.color_category04 { background: #f3f3f3; }

.color_category04 .color_category_box { background-image: url(../images/cmf_yhbg_03.jpg); }

.color_category04 .color_case { background: none; padding-top: 0 !important; margin-top: 30px; }

.color_category04 .color_cate_desc { background: #f3f3f3; }

.color_category05 .color_case { background: #fff; padding-top: 0 !important; }

.color_category05 .color_case { margin-top: 30px; }

.color_category05 .color_category_box { background-image: url(../images/cmf_yhbg_04.jpg); }

.pro_category_mainflex .p_category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pro_category_mainflex .p_category .p_item { display: block; margin: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.yf_maincont { padding-top: 100px; padding-bottom: 80px; }

.yf_contimgtext { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.yf_contimgtext .yf_left { width: 50%; }

.yf_contimgtext .yf_right { width: 45.5%; }

.yf_contimgtext .yf_right .yfri_tit { font-size: 24px; line-height: 34px; }

.yf_contimgtext .yf_right .yfri_desc { font-size: 16px; line-height: 26px; color: #999999; }

.yf_contimgtext .yf_right .yfri_xian { width: 58px; height: 4px; background: #51ccff; margin: 30px 0; }

.yf_subbox { -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #eaeaea; margin: 30px 0; padding: 45px 30px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.yf_subbox .yf_subboxtit { font-size: 24px; margin-bottom: 12px; }

.yf_subbox .yf_subboxppp { font-size: 18px; line-height: 26px; color: #999999; }

.yf_subboxbox { position: relative; }

.douhao_imgtop { position: absolute; top: 0; left: -15%; }

.douhao_imgbottom { position: absolute; bottom: 0; right: -15%; }

.yf_maincont .color_case { background: none; margin: 0 !important; padding: 0 !important; margin-top: 10px !important; }

.yf_maincontEven { background: #2f2f2f; }

.yf_maincontEven .co_name, .yf_maincontEven .yfri_tit, .yf_maincontEven .yf_subboxtit, .yf_maincontEven .color_case .cc_tt { color: #fff; }

.yf_maincontEven .stcs_list { background: #545454 !important; }

.yf_maincontEven .yf_subbox { border-color: #424242 !important; }

.color_catetable .co_name { color: #fff !important; }

.color_catetable .cosubname { color: rgba(255, 255, 255, 0.5) !important; font-size: 16px; line-height: 26px; margin-top: 5px; }

.color_catetable .table_line { margin-top: 40px; }

.color_catetable .table_line .table_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.color_catetable .table_line .table_biaoti { width: 22.65%; }

.color_catetable .table_line .table_liul { width: 77.54%; }

.table_biaoti .ttbb_name { font-size: 24px; color: #fff; }

.table_biaoti .ttbb_nameen { font-size: 60px; color: #313131; font-family: 'NexaBold'; text-transform: uppercase; }

.color_catetable .table_liul li { width: 20%; }

.color_catetable .table_liul li::after { display: block !important; }

.color_catetable .table_liul li:nth-child(5n):after { display: none !important; }

.color_catetable .table_line .table_content { border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.color_catetable ul { margin-top: 0 !important; }

.color_catetable ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-top: none !important; }

.color_catetable .table_liul li:nth-last-child(5) { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.border-topnone { border-top: none !important; }

.cmfliucheng { background: #f3f3f3; padding: 90px 0; }

.cmfliucheng .cosubname { font-size: 16px; line-height: 26px; margin-top: 5px; color: rgba(0, 0, 0, 0.4); }

.cmfliucheng .liucheng_list .item .num { color: #cecece; }

.cmfliucheng .liucheng_list .item .p_en { color: #cecece; }

.cmfliucheng .liucheng_list .item .name { color: #333; }

.cmfliucheng .liucheng_list { margin-top: 50px; }

.suliao_main { background: #f4f2f3; padding: 120px 0; }

.suliao_swiper .suliao_left { width: 50%; float: left; }

.suliao_swiper .suliao_right { width: 50%; float: right; }

.suliao_swiper .suliao_right .suliaoimg img { max-width: 100%; }

.suliao_swiper .suliao_left .suliao_title { font-size: 30px; margin-bottom: 10px; }

.suliao_swiper .suliao_left .suliao_desc { font-size: 16px; line-height: 24px; color: #999999; }

.suliaobtn { width: 45px; height: 45px; border: 2px solid #d9d7d8; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.suliaobtn:hover { background: #51ccff; border-color: #51ccff !important; }

.suliaobtn i { font-size: 30px; }

.suliaobtn:hover i { color: #fff; }

.suliao_prev { margin-right: 10px; }

.twotitle_box { margin-bottom: 28px; margin-top: 0 !important; position: relative; }

.twotitle_box .ctt_tit { font-size: 30px; font-family: initial; }

.proattr_maintwo { background: #242424; padding: 96px 0; }

.proattr_maintwo .proattr_list { margin-bottom: 0 !important; }

.proattr_maintwo .twotitle_box .ctt_tit { color: #fff; }

.proattr_maintwo .proattr_list { margin-bottom: 0 !important; }

.proattr_maintwo .proattr_list li { border-color: #4a4a4a; }

.proattr_maintwo .proattr_list li .attr_text { color: #fff !important; }

.proattr_maintwo .proattr_list li .attr_text .at_desc { color: rgba(255, 255, 255, 0.6); }

.color_mainbox .color_case { margin-top: 0; padding: 100px 0; background: none; }

.equipment_main .equipment_bg { background: #242424; height: 460px; }

.equipment_main .ctt_tit { color: #fff !important; }

.equipment_main .equipment_box { margin-top: -370px; }

.equipment_cont .eqtext { padding: 20px 10px 0 10px; text-align: center; }

.equipment_cont .eqtext .eq_name { font-size: 20px; margin-bottom: 5px; }

.equipment_cont .eqtext .eq_desc { font-size: 14px; line-height: 22px; color: #828282; }

.equipment_swiper { margin-bottom: 95px; }

.tongdesc { font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.6); }

.quality_box { text-align: center; }

.quality_main { background: url(../images/quality_bg.jpg) no-repeat; background-size: cover; padding: 110px 0; }

.quality_main .ctt_tit { color: #fff; }

.quality_imgbox img { margin: 0 auto; position: relative; z-index: 2; }

.quality_imgbox { position: relative; margin-bottom: 20px; }

.quality_imgbox .quality_entit { font-size: 20px; color: rgba(255, 255, 255, 0.2); font-family: 'NexaBold'; letter-spacing: 110px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.cbenbold { color: #fff; font-family: 'Rubik'; font-size: 18px; margin-top: 5px; text-transform: uppercase; }

.slide_title30 .ctt_tit { font-size: 30px; font-family: initial; }

.advantage_width .advan_box .advan_youdian, .advantage_width .advan_box .advan_video { width: 47.6%; }

.advantage_width .advan_youdian { padding: 40px 45px; }

.suliaobg_main { background: none; padding: 0 !important; }

.suliaobg_main .swiper-slide { background-repeat: no-repeat; background-size: cover; background-position: center right; padding-top: 180px; padding-bottom: 305px; }

.suliaobg_main .suliao_title { color: #fff; }

.suliaobg_main { position: relative; }

.suliaobtnboxmain { position: absolute; top: 65%; left: -webkit-calc((100% - 1280px) / 2); left: calc((100% - 1280px) / 2); z-index: 3; }

.suliaobtnboxmain i { color: #fff; }

.suliaobtnboxmain .suliaobtn { border-color: #414141; }

.model_main { padding: 95px 0; }

.model_main .p_category .p_item { color: #9a9999; }

.model_main .p_category .p_item.active { color: #63d1ff; }

.model_main .p_category { border-color: #eaeaea; }

.model_ctbg { margin-top: 40px; background: url(../images/model_ctbg.jpg) left no-repeat; }

.model_ctctflex { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.model_ctlist .model_ctitem .model_ctleft { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: -webkit-calc((100% - 1280px) / 2); padding-left: calc((100% - 1280px) / 2); }

.model_ctlist .model_ctitem .model_ctright { width: 50%; }

.model_ctleft .model_cttit { font-size: 22px; margin-bottom: 18px; }

.model_ctleft .model_ctdesc { color: #888888; }

.modelpos_en { font-family: 'Gilroy'; position: absolute; bottom: 0; left: -webkit-calc((100% - 1280px) / 2); left: calc((100% - 1280px) / 2); color: #eeeeee; font-size: 150px; text-transform: uppercase; line-height: 100px; }

.model_ctright { position: relative; }

.model_pagination { position: absolute; left: 32% !important; bottom: 30px !important; z-index: 3; }

.model_pagination span { background-color: #fff !important; }

.model_ctlist .model_ctitem { display: none; }

.model_ctlist .model_ctitem:first-child { display: block; }

.equipmenttwo_main { background: #242424; padding: 95px 0; }

.equipmenttwo_main .equipment_box { margin-top: 0 !important; }

.equipmenttwo_main .eq_name { color: #fff; }

.equipmenttwo_main .eq_desc { color: #828282; }

.equipmenttwo_main .equipment_swiper { margin-bottom: 0; }

.robot_bigmain { background: url(../images/robotbibgimg.jpg) center no-repeat; background-size: cover; padding: 220px 0; }

.robot_bigmain_box { text-align: center; }

.robot_bigmain .robot_name { color: #fff; font-size: 26px; line-height: 30px; margin-bottom: 20px; }

.robot_bigmain .robot_desc { font-size: 16px; line-height: 30px; color: rgba(255, 255, 255, 0.6); }

.equ_btn { position: absolute; bottom: -23px; z-index: 10; background: #fff; }

.equipment_bg { position: relative; }

.equ_prev { left: -webkit-calc((100% - 1450px) / 2); left: calc((100% - 1450px) / 2); }

.equ_next { right: -webkit-calc((100% - 1450px) / 2); right: calc((100% - 1450px) / 2); }

.suliaobgcolor_main .suliaobtn { border-color: #525a57; }

.proattr_mainthree { padding: 80px 0; }

.proattr_mainthree .proattr_list { margin-bottom: 0 !important; }

.color_mainboxtop0 .color_case { margin-top: 0 !important; }

.aboutmain01 { padding: 110px 0 50px; }

.aboutctt { font-size: 20px; line-height: 34px; color: #828282; margin-top: 30px; }

.about_shuzilist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; }

.about_shuzilist .abszitem { padding: 0 50px; border-right: 2px solid #f0f0f0; text-align: center; }

.about_shuzilist .abszitem:last-child { border-right: none; }

.about_shuzilist .abtextname { font-size: 14px; line-height: 22px; margin-bottom: 24px; }

.about_shuzilist .abnum { font-size: 48px; color: #51ccff; font-family: 'BMDOHYEON'; line-height: 40px; }

.aboutmain02 { padding-top: 85px; background: #2f2f2f; }

.aboutmain02 .ctt_tit { color: #fff; }

.feet{max-width:1280px;margin:0 auto 70px;width:96%;}
.feet ul{display:flex;margin-right:-3%;flex-wrap:wrap;}
.feet li{width:28.3333%;box-sizing:border-box;padding:20px;border:1px solid #ccc;flex-shrink:0;margin-right:5%;cursor: pointer;margin-bottom:20px;}
.feet .di1{font-size:20px;margin-bottom:20px;}
.feet .di1 span{position:relative;padding-bottom:10px;}
.feet .di1 span:after{content:'';width:50px;height:2px;background:#51ccff;position:absolute;bottom:1px;left:0;}
.feet .di2{display:flex;flex-wrap: wrap;justify-content: space-between;}
.feet .di2 p{flex-shrink:0;width:50%;color:#888;font-size:16px;}
.feet .di2 p span{color:#444;}
.feet .di3{font-size:12px;color:#999;margin-top:20px;}

.fttp{position:fixed;top:75px;left:0;height:calc(100% - 75px);width:100%;z-index:10;background:rgb(0 0 0 / 51%);display:none;}
.fttp-a{max-width:1000px;;margin:auto;height:100%;position:relative;}
.fttp-aa{background:#fff;box-sizing:border-box;padding:30px;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);max-height:80%;height:500px;box-shadow: 0 0 10px #ccc;}
.fttp-aaa{position:relative;height:100%;}
.fttp-acc{max-height:100%;overflow-y: scroll;padding-top:10px;color:#555;line-height:30px;}
.fttp-acc h4{font-size:18px;margin-bottom:20px;}
.fttp-acc::-webkit-scrollbar{width:3px;}
.fttp-acc::-webkit-scrollbar-track{-webkit-box-shadow:inset 6px rgba(0,0,0,0.3);border-radius: 10px;}
.fttp-acc::-webkit-scrollbar-thumb{border-radius: 10px;background:rgba(0,0,0,0.1);-webkit-box-shadow: inset 6px rgba(0,0,0,0.5);}
.fttp-aaaxx{position:absolute;top:0px;right:0px;width:40px;line-height:40px;z-index:10;font-size:26px;text-align:center;cursor: pointer;}


.course_nav { width: 92.1875%; margin: 0 auto; position: relative; }

.course_nav .course_swiper { width: -webkit-calc(100% - 160px); width: calc(100% - 160px); margin: 0 auto; }

.course_nav .course_navbox { cursor: pointer; color: rgba(255, 255, 255, 0.5); height: 60px; line-height: 60px; background: #505050; font-size: 16px; font-family: 'NexaBold'; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; }

.course_nav .course_navbox:hover { background: #51ccff; color: #fff; }

.course_nav .coursebtn { -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 42px; height: 42px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #6e6e6e; cursor: pointer; }

.course_nav .coursebtn i { font-size: 26px; color: #6e6e6e; }

.course_nav .course_prev { left: 0; }

.course_nav .course_next { right: 0; }

.course_nav .coursebtn:hover { border-color: #fff; }

.course_nav .coursebtn:hover i { color: #fff; }

.course_nav::after { display: block; content: ""; background: #444444; height: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 42px; right: 42px; }

.course_swiper .swiper-slide-active .course_navbox { background: #51ccff; color: #fff; }

.course_contlist { margin-top: 105px; }

.courseitbox .cour_name { font-size: 40px; color: #fff; font-family: 'gilroy-regular'; margin-bottom: 4px; }

.courseitbox .cour_desc { font-size: 16px; line-height: 22px; color: rgba(255, 255, 255, 0.6); margin-bottom: 28px; }

.courseitbox { padding-left: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-bottom: 85px; }

.courseitbox::before { display: block; content: ""; position: absolute; left: 5px; top: 30px; bottom: 0; width: 1px; background: #444444; }

.courseitbox::after { display: block; content: ""; position: absolute; left: 0; top: 30px; background: #51ccff; width: 11px; height: 11px; -webkit-border-radius: 50%; border-radius: 50%; }

.course_itemswiper .swiper-slide { margin-top: 60px; }

.course_itemswiper .swiper-slide:nth-child(2n) { margin-top: 0; }

.course_itemswiper .swiper-slide:nth-child(2n) .courseitbox::before { bottom: -60px; }

.aboutmain03 .color_case { margin-top: 0; background: #fff; }

.codesc { font-size: 16px; color: #828282; line-height: 24px; }

.aboutmain03 .color_caseswiper .color_img_box .name { text-align: left; margin-bottom: 16px; }

.aboutmain03 .stcs_mask { background: rgba(244, 244, 244, 0.8); z-index: 2; }

.opacity_cur { opacity: 0.6; }

.contactmain01 { padding-top: 110px; }

.contact_map { background-color: #f8f8f8; padding-top: 100px; padding-bottom: 100px; }

.mapimgbox img { max-width: 100%; margin: 0 auto; }

.mapimgbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.maptextimg { position: relative; }

.maptextimg .address { position: absolute; z-index: 3; }

.address1 { top: 36%; left: 17%; }

.address2 { top: 62%; left: 28%; }

.address3 { top: 30%; left: 51%; }

.address4 { top: 43%; right: 21%; }

.address5 { top: 39%; right: 12%; }

.address6 { top: 75%; right: 13%; }

.address_textbox { width: 235px; padding: 20px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #3dc0f7; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; position: absolute; }

.address_textbox .addre_name { font-size: 18px; color: #fff; }

.address_textbox .addre_dizhi { font-size: 14px; color: rgba(244, 244, 244, 0.9); line-height: 22px; }

.address_textbox .jian { width: 12px; height: 12px; background: #3dc0f7; position: absolute; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: -6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.dotbox img { width: 30px; height: 30px; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; z-index: 10; }

.address_textbox { top: -500%; left: -109px; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; pointer-events: none; z-index: 999; }

.address:hover .address_textbox { opacity: 1; top: -450%; }

.address:hover .dotbox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.dotbox { position: relative; cursor: pointer; }

.country_name { font-size: 15px; position: absolute; left: -140%; top: 4px; color: #666666; }

.dotbox .pulse { display: inline-block; position: absolute; top: -3px; left: -4px; height: 25px; width: 25px; z-index: 100; border: 6px solid rgba(120, 209, 246, 0.6); -webkit-border-radius: 48px; border-radius: 48px; background: rgba(120, 209, 246, 0.6); -webkit-box-shadow: 0 5 10px rgba(120, 209, 246, 0.6); box-shadow: 0 5 10px rgba(120, 209, 246, 0.6); opacity: 0.12; filter: alpha(opacity=0); -webkit-animation: warn 2s ease-out both; animation: warn 2s ease-out both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: transparent; }

.dotbox .delay-01 { -webkit-animation-delay: 0; animation-delay: 0; }

.dotbox .delay-02 { -webkit-animation-delay: .4s; animation-delay: .4s; }

@-webkit-keyframes warn { 0% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.5); transform: scale(1.5);
    opacity: 0; } }

@keyframes warn { 0% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.5); transform: scale(1.5);
    opacity: 0; } }

.address6 .country_name { left: -240%; }

.address5 .country_name { left: auto; right: -42px; }

.contactmain02 { color: #fff; }

.contactmain02 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.contactmain02_left { width: 50%; background: #3dc0f7; padding-left: -webkit-calc((100% - 1280px) / 2); padding-left: calc((100% - 1280px) / 2); -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; padding-right: 80px; }

.contactmain02_right { padding-left: 70px; width: 50%; background: #4f4f4f; padding-right: -webkit-calc((100% - 1280px) / 2); padding-right: calc((100% - 1280px) / 2); -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 80px; padding-bottom: 80px; }

.contactmain02_left .ci_name { font-size: 26px; margin-bottom: 8px; }

.contactmain02_left .ci_desc p { font-size: 14px; line-height: 24px; }
.contactmain02_left .sse{margin-top:30px;}
.contactmain02_left .sse span{display:inline-block;vertical-align: middle;margin-right:20px;}
.contactmain02_left .sse img{width:100px;}

.inputdiv { height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #616161; }

.inputdiv input { color: #fff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; line-height: 36px; }

.fromline .from_name { margin-bottom: 10px; }

.fromline { margin-bottom: 15px; }

.fromline textarea { height: 70px; border: 2px solid #616161; padding: 5px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #fff; }

textarea { resize: none; }

.vscodeimg .vscodeimgbox img { height: 40px; width: 160px; }

.vscodeimg .inputdiv { width: -webkit-calc(100% - 170px); width: calc(100% - 170px); }

.fromline button { margin-top: 15px; width: 350px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #3dc0f7; cursor: pointer; }

.contactmain03 { height: 300px; background: url(../images/liaojiebg.jpg) no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.contactmain03_box .ct3_name { font-size: 32px; margin-bottom: 10px; }

.contactmain03_box a { font-size: 16px; width: 185px; height: 50px; line-height: 50px; -webkit-border-radius: 30px; border-radius: 30px; color: #fff; text-align: center; background: #333333; display: block; margin: 0 auto; }

.contactmain03_box a:hover { background: #3dc0f7; }

.newscont_main { padding: 100px 0; }

.news_search .news_searchbtn { cursor: pointer; width: 120px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #333333; }

.news_search .news_searchbtn i { color: #3ba1db; font-size: 24px; }

.news_search .sin_div { width: 276px; height: 50px; line-height: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #c6c7cb; border-right: none; }

.news_search .sin_div input { padding-left: 22px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.newscont_main .cont_title { margin-bottom: 0 !important; }

.news_mainlist ul li { float: left; margin-right: 40px; width: -webkit-calc(33.3333% - (80px / 3)); width: calc(33.3333% - (80px / 3)); margin-bottom: 35px; -webkit-transition: all 0.4s; transition: all 0.4s; }

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

.news_mainlist .new-ul-img { width: 100%; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }

.news_mainlist .new-ul-font { padding: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid #f0f0f0; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.news_mainlist .new-ul-font .new-ul-tit { font-size: 22px; line-height: 28px; height: 56px; }

.news_mainlist .new-ul-font .new-ul-dec { font-size: 14px; line-height: 22px; color: #908f8f; margin-top: 10px; display: none; }

.news_mainlist .new-ul-font .time { font-size: 16px; color: #999999; font-family: 'Novecento'; margin-top: 20px; }

.news_mainlist li:hover { -webkit-box-shadow: 0 55px 100px -39px rgba(44, 132, 207, 0.6); box-shadow: 0 55px 100px -39px rgba(44, 132, 207, 0.6); }

.news_mainlist { margin-top: 20px; }

.news_mainlist .new-ul-img img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.news_mainlist li:hover .new-ul-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.news_mainlist li:hover .new-ul-tit { color: #3ba1db; }

.news_mainlist ul li:hover { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }

.page_box { text-align: center; margin-top: 15px; }

.page_box a, .page_box span { display: inline-block; vertical-align: middle; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-border-radius: 50%; border-radius: 50%; }

.page_box .laypage_curr { background: #3ba1db !important; color: #fff; }

.page_box a:hover, .page_box span:hover { background: #3ba1db; color: #fff; }

.page_box .laypage_prev, .page_box .laypage_next, .laypage_last, .laypage_first { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e0e0e0; margin: 0 10px; }

.page_box .laypage_prev i, .page_box .laypage_next i, .laypage_last i, .laypage_first i { font-size: 20px; color: #989ba0; }

.page_box .laypage_prev:hover, .page_box .laypage_next:hover { border-color: #3ba1db; }

.page_box .laypage_prev:hover i, .page_box .laypage_next:hover i { color: #fff !important; }

.Pagingmore:hover { background: none !important; color: #333 !important; }

.laypage_last, .laypage_first { margin: 0 !important; }

.laypage_last i, .laypage_first i { font-size: 13px; }

.laypage_last:hover i, .laypage_first:hover i { color: #fff; }

.new_details { margin-top: 30px; }

.new_details .new_details_title { padding: 35px; border-bottom: 1px solid #dddddd; border-top: 2px solid #3d3f48; }

.new_details .new_details_title .newde_tit { font-size: 28px; line-height: 30px; color: #3d3f48; }

.new_details .new_details_title .newde_time { font-size: 16px; color: #999999; }

.new_details_cont { padding: 20px 35px; }

.new_details_cont p { display: block; font-size: 14px; color: #999999; }

.new_details_cont p img { display: inline-block;float: none;}

.newprev { border-top: 2px solid #333; border-bottom: 1px solid #dddddd; }

.newprevnext .newprevnext_item { padding: 25px 35px; }

.newprevnext .newprevnext_item .newleft { width: -webkit-calc(100% - 95px); width: calc(100% - 95px); }

.newprevnext .newprevnext_item .newright { color: #999999; font-size: 16px; width: 90px; }

.newprevnext .newprevnext_item .newleft p { display: inline-block; }

.newprevnext .newprevnext_item .newleft .newtext_icon { margin: 0 75px; }

.newprevnext .newprevnext_item .newleft { font-size: 16px; }

.newprevnext .newprevnext_item .newleft:hover { color: #04a2e4; }

.newnext { border-bottom: 2px solid #333; }

.newtext_icon i { font-size: 12px; }

.honner_main { padding: 110px 0; }

.honner_nav { text-align: center; font-size: 0; margin-bottom: 30px; }

.honner_nav a { display: inline-block; font-size: 16px; text-align: center; color: #333; width: 250px; height: 65px; border: 1px solid #d9d9d9; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 65px; }

.honner_nav .active, .honner_nav a:hover { background: #51ccff; border-color: #51ccff; color: #fff; }

.honner_bgbox { width: 1400px; background: url(../images/honnerbgimg.jpg) center no-repeat; margin: 0 auto; height: 384px; background-size: cover; }

.honner_bgbtext { color: #fff; }

.honner_bgbtext h3 { font-size: 30px; line-height: 40px; font-weight: normal; margin-bottom: 12px; }

.honner_bgbtext p { font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.5); }

.honner_bgbox .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }

.honner_bgbox .honner_bgbtext { padding-left: 80px; }

.honner_bgbtext .pxianb { width: 36px; height: 4px; background: #51ccff; margin-top: 30px; }

.honner_list_cont { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 80px; background: #fff; margin-top: -60px; padding-top: 60px; }

.honner_list_cont .item .imgbox img { width: 100%; }

.honner_list_cont .item { float: left; margin-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: -webkit-calc(33.3333% - (80px / 3)); width: calc(33.3333% - (80px / 3)); }

.honner_list_cont .item:nth-child(3n) { margin-right: 0; }

.honner_list_cont .item { padding: 20px; cursor: pointer; border: 1px solid #e9e9e9; margin-bottom: 40px; }

.img_alert { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; }

.img_alertbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }

.img_alertbox .img_albox { max-width: 50%; margin: 0 auto; max-height: 80%; }

.close_btn { position: absolute; right: 50px; top: 50px; cursor: pointer; width: 40px; }

.img_alert { display: none; }

.welfareimgboxdiv { position: relative; }

.life_main01 { padding: 110px 0; }

.welfareimgbox { position: relative; max-width: 489px; margin: 0 auto; }

.welfareimgbox img { margin: 0 auto; }

.welfareimgbox .circle_logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 28px; }

.welfare_ul li { position: absolute; text-align: right; }

.welfare_ul li::after { display: block; content: ""; position: absolute; top: 50%; right: -45px; width: 20px; height: 20px; background: #51ccff; border: 6px solid #e0f6ff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.welfare_ul li { font-size: 14px; line-height: 22px; color: #828282; }

.welfare_ul li:nth-child(n+4)::after { left: -45px; }

.staff_swiper .swiper-slide { width: 78.125%; }

.staff_swiper .swiper-slide img { width: 100%; opacity: 0.2; -webkit-transition: all 0.4s; transition: all 0.4s; }

.staff_swiper .swiper-slide-active img { opacity: 1; }

.staff_swiper .swiper-slide a { display: block; position: relative; }

.staff_btn { cursor: pointer; z-index: 3; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.staff_btn i { font-size: 30px; color: #858585; }

.staff_prev { left: 6.2%; }

.staff_next { right: 6.2%; }

.staff_btn:hover i { color: #51ccff; }

.sports_title { text-align: center; margin-top: 30px; }

.sports_title h2 { font-size: 20px; font-weight: normal; }

.sports_list { margin-top: 60px; }

.sports_title p { font-size: 14px; line-height: 20px; color: #828282; margin-top: 5px; }

.sports_list .item { width: -webkit-calc(33.3333% - (80px / 3)); width: calc(33.3333% - (80px / 3)); margin-bottom: 50px; margin-right: 40px; -webkit-transition: all 0.4s; transition: all 0.4s; }

.sports_list .item:nth-child(3n) { margin-right: 0; }

.sports_imgtext { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 20px 0 40px; }

.sports_imgtext h2 { margin-bottom: 4px; font-weight: normal; font-size: 20px; line-height: 30px; font-family: 'FZLTZCHK'; position: relative; }

.sports_imgtext p { font-size: 14px; line-height: 20px; color: #999999; }

.sports_imgtext h2::after { position: absolute; top: -47px; left: -20px; width: 1px; height: 70px; background: #000000; display: block; content: ""; }

.sports_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sports_list .item:hover { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

.sports_list .item:hover h2::after { background: #51ccff; }

.sports_list .item:hover h2 { color: #51ccff; }

.life_main02 { padding-bottom: 100px; }

/*7-8研发中心*/
.yfa{text-align:center;font-size: 30px;line-height: 40px;margin-top: 40px;}
.yfb{font-size: 16px;line-height: 26px;margin-top: 5px;color: rgba(0, 0, 0, 0.4);text-align:center;}
.yfimg{margin:30px auto;max-width:1280px;}
.yfimg ul{display:flex;flex-wrap: wrap;margin-right:-2%;}
.yfimg li{flex-shrink:0;width:31.333%;margin-right:2%;margin-bottom:30px;}
.yfimg li img{width:100%;transition:all 0.3s;}
.yfimg li p{padding-top: 25px;font-size: 20px;line-height: 24px;text-align: center;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yfimg div{overflow:hidden;}
.yfimg li:hover img{transform:scale(1.2);}

/*8-226张图*/
.liutu{}
.liutu ul{margin-right:-2%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;;flex-wrap:wrap;}
.liutu li{flex-shrink:0;width:31.333%;margin:0 2% 0px 0;text-align:center;margin-bottom: 20px;}
.liutu-a{overflow:hidden;}
.liutu-a img{transition: all 0.3s;width:100%;}
.liutu li:hover .liutu-a img{transform:scale(1.1);}
.liutu-b{font-size:20px;padding:20px 0;}

.batu{margin-top:50px;}
.batu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right:-2%;flex-wrap:wrap;}
.batu li { background-color: #262626; flex-shrink:0;width:23%;margin:0 2% 20px 0;}
.batu ul li:nth-child(2),.batu ul li:nth-child(4),.batu ul li:nth-child(5),.batu ul li:nth-child(7){background:#fff;}
.batu li .proimg { height: 220px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.batu li .proimg img { max-height: 80%; margin: 0 auto; }
.batu li .name { font-size: 18px; color: #fff; }
.batu ul li:nth-child(2) .name,.batu ul li:nth-child(4) .name,.batu ul li:nth-child(5) .name,.batu ul li:nth-child(7) .name{color: #000;}
.batu li .text { text-align: center; }
.batu li .desc { padding: 0 20px; font-size: 14px; line-height: 20px; color: #fff; opacity: 0.5; margin-top: 10px; }
.batu ul li:nth-child(2) .desc,.batu ul li:nth-child(4) .desc,.batu ul li:nth-child(5) .desc,.batu ul li:nth-child(7) .desc{color:#333;opacity: 0.8}
.batu li:hover { background-color: #3b3b3b; }
.batu li a { display: block; padding-bottom:20px; }

.mmt{max-width:200px;margin-left:50px;}
.mmt img{max-width:120px;margin:20px auto 20px;}
.mmt p{font-size:16px;color:#fff;}
.mmt span{color: rgba(255, 255, 255, 0.4);display:block;}

@media (min-width: 1200px) { .head_navlist ul li.active > a { color: #3ba1db !important; }
  .head_navlist ul li > a:hover::after { width: 100%; margin-left: -50%; }
  .head_navlist ul li > a:hover { color: #3ba1db !important; }
  .head_navlist ul li > a::after { position: absolute; bottom: 0; width: 0; height: 2px; background: #3ba1db; content: ""; display: block; left: 50%; -webkit-transition: all 0.4s; transition: all 0.4s; }
  .head_navlist ul li.active > a::after { width: 100%; margin-left: -50%; }
  .head_navlist ul li:hover .sub_zinav { pointer-events: initial; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .sub_zinav a:hover { background: #3ba1db; color: #fff !important; } }

@media (max-width: 1400px) { .honner_bgbox { width: 100%; }
  .modelpos_en { font-size: 90px; line-height: 60px; }
  .equ_prev { left: 10px; }
  .equ_next { right: 10px; } }

@media (max-width: 1365px) { .modelpos_en { display: none; }
  .container { width: auto; padding: 0 30px; }
  .model_ctlist .model_ctitem .model_ctleft, .contactmain02_left, .contactmain02_right { padding-left: 30px; }
  .contactmain02_right { padding-right: 30px; }
  .contactmain02_left { padding-right: 30px; }
  .suliaobtnboxmain { left: 30px; }
  .color_category_box { width: 100%; }
  .twospace_box .twospace_item .right { padding: 0 30px !important; }
  .about_cont .right { width: -webkit-calc(100% - 550px); width: calc(100% - 550px); }
  .cp_ban_text .container { width: 100%; }
  .cp_ban_text .cb_right { right: 30px; }
  .cont_title .ctt_desc { font-size: 14px; }
  .cont_title .ctt_tit { font-size: 26px !important; margin-bottom: 8px; }
  .cont_title .ctt_subtit { font-size: 16px; }
  .ppr_main .pro_listbox li .text .desc br, .sortcase_listbox .swiper-slide .text .desc br { display: none; }
  .cp_ban_text .cb_name { font-size: 26px; line-height: 35px; }
  .cp_ban_text .cb_desc { font-size: 14px; line-height: 22px; }
  .cp_ban_text .cb_sz_02 { font-size: 14px; }
  .cp_ban_text .cb_sz_01 span { font-size: 30px; }
  .cp_ban_text .cb_sz_01 img { width: 10px; }
  .slide_imgbox { margin-top: 100px; } }

@media (max-width: 1200px) {
    .mmt{display:none;}
.suliaobox { margin-bottom: 30px; }
.head_navlist li{margin: 0;}
.color_caseswiper,.sortcaseswiper,.fumo_caseswiper  {overflow: hidden !important;}
  .quality_imgbox .quality_entit { letter-spacing: 65px; }
  .problem_bgimg { height: 420px; }
  .stcs_mask { display: none; }
  .twospace_box .twospace_item .right .img_cont { font-size: 14px; }
  .twospace_box .twospace_item .right .img_cont p { margin-bottom: 5px; }
  .twospace_box .twospace_item .right .img_name { font-size: 18px; margin-bottom: 15px; }
  .slide_imgbox { height: 400px; }
  .ft_right { display: none; }
  .navmenu_div { display: block; }
  .header_active .navmenu_box span { background-color: #333; }
  .head_navlist { position: fixed; top: 59px; left: 0; right: 0; background: #fff; bottom: 0; display: none; }
  .header, .search_box, .language .languagebox { height: 60px; }
  .header .logo img { width: 120px; margin-top: 16px; }
  .baojia { margin-top: 14px; }
  .language { margin: 0 15px; }
  .head_navlist ul li { display: block; float: none; line-height: 60px; padding: 0 15px; border-bottom: 1px solid #f7f7f7; }
  .sub_zinav { display: none; min-width: initial; pointer-events: auto; }
  .head_navlist li > a{line-height: 60px;}
  .sub_zinav { opacity: 1 !important; position: static !important; border: none; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); width: auto; padding: 0 30px; }
  .head_navlist ul li .sub_zinav a { color: #333; line-height: 26px; font-size: 14px; text-align: left; }
  .head_navlist ul li > span { display: block; cursor: pointer; }
  .baninfo_01 { font-size: 36px; line-height: 40px; }
  .baninfo_02 { font-size: 16px; line-height: 24px; }
  .baninfo_01::before { display: none; }
  .baninfo_02, .baninfo_03 { margin-top: 20px; }
  .banner-info.blue .baninfo_en { margin-bottom: 20px; font-size: 16px; }
  .banner-info .inxban-btn { right: 30px; }
  .footer_top { padding: 40px 0; }
  .ft_left { max-width: initial; width: 100%; text-align: center; }
  .footer_top .ft_left img { margin-left: auto; margin-right: auto; }
  .mright340 { margin-right: 0; }
  .twospace_list li p br { display: none; }
  .twospace_list li h2 { font-size: 14px; }
  .mt40 { margin-top: 20px; }
  .twospace_list li { margin-top: 20px; }
  .twospace_list li h2 { margin-bottom: 5px; }
  .twospace_list li { margin-right: 10%; width: 45%; }
  .p_category_swiper .box .pg_left .pg_desc br { display: none; }
  .application_main { padding: 180px 0; }
  .problem_list .item .title { font-size: 18px; }
  .problem_list .item { padding: 30px; }
  .problem_list .item .proem_xian { margin: 15px 0; }
  .aboutctt { font-size: 18px; }
  .about_shuzilist .abnum { font-size: 26px; line-height: 20px; }
  .course_nav { width: 100%; }
  .courseitbox .cour_name { font-size: 30px; }
  .courseitbox .cour_desc { font-size: 14px; }
  .staff_prev { left: 5.2%; }
  .staff_right { right: 5.2%; }
  .welfareimgbox { max-width: initial; width: 43%; }
    .fttp{top:60px;}

}

@media (min-width: 992px) { .welfare_ul li:nth-child(1) { top: 28px; left: -280px; }
  .welfare_ul li:nth-child(2) { top: 45%; left: -286px; }
  .welfare_ul li:nth-child(3) { bottom: 30px; left: -236px; }
  .welfare_ul li:nth-child(4) { top: 40px; right: -175px; }
  .welfare_ul li:nth-child(5) { top: 45%; right: -313px; text-align: left; }
  .welfare_ul li:nth-child(6) { bottom: 30px; right: -264px; text-align: left; } }

@media (max-width: 991px) { .welfare_ul li::after { left: 0 !important; }
  .welfare_ul li { font-size: 14px; padding-left: 30px; }
  .honner_bgbox { height: 300px; }
  .honner_bgbox .honner_bgbtext { padding-left: 30px; }
  .honner_list_cont { padding: 30px; margin-top: -30px; }
  .honner_bgbtext h3 { font-size: 24px; line-height: 32px; }
  .news_mainlist .new-ul-font .new-ul-tit { font-size: 16px; }
  .news_mainlist .new-ul-font { padding: 15px; }
  .news_mainlist .new-ul-font .time { font-size: 14px; }
  .color_caseswiper .color_img_box .name { font-size: 16px; }
  .yf_contimgtext .yf_right .yfri_tit { font-size: 20px; line-height: 28px; }
  .yf_contimgtext .yf_right .yfri_xian { margin: 15px 0; }
  .yf_contimgtext .yf_right .yfri_desc { font-size: 14px; line-height: 22px; }
  .yf_subbox .yf_subboxtit { font-size: 20px; }
  .yf_subbox .yf_subboxppp { font-size: 16px; }
  .douhao_imgtop { left: 0; }
  .douhao_imgbottom { right: 0; }
  .about_cont .left { width: 100%; float: none; }
  .about_cont .right { width: 100%; float: none; margin-top: 30px; }
  .about_cont .left .ab_top { margin-bottom: 40px; }
  .our_services, .about_box, .liucheng_box, .case_box, .news_box { padding: 80px 0; }
  .liucheng_box { padding-bottom: 100px; }
  .case_content { display: block; }
  .case_content .left, .case_content .case_nav { width: 100%; }
  .case_content .case_nav .item { margin-top: 30px; }
  .ab_top .psesc, .tong_title .p02 { font-size: 26px; }
  .liucheng_list .item::after { right: -30%; }
  .liucheng_list .item .name { font-size: 18px; }
  .liucheng_list .item .p_en { font-size: 16px; }
  .case_content .left { margin-bottom: 30px; }
  .case_content .right { width: 100%; }
  .news_swiper .swiper-slide a { padding: 30px 20px; }
  .news_swiper .new_tit { font-size: 18px; line-height: 24px; }
  .news_swiper .new_tit { height: 60px; }
  .news_swiper .new_desc { margin-bottom: 30px; }
  .pro_listbox li a { padding-bottom: 40px; padding-top: 20px; }
  .twospace_box .twospace_item { display: block; }
  .twospace_box .twospace_item .left, .twospace_box .twospace_item .right { width: 100%; }
  .twospace_box .twospace_item .right { margin: 30px 0; }
  .twospace_box .twospace_item .left { display: none; }
  .twospace_box .twospace_item .twospace_twoshow { display: block; }
  .p_category_swiper .box { display: block; }
  .p_category_swiper .box .pg_left, .p_category_swiper .box .pg_right { width: 100%; margin-right: 0; }
  .p_category_swiper .box .pg_left { margin-bottom: 30px; }

.p_cse .box { display: block; }
  .p_cse .box .pg_left, .p_cse .box .pg_right { width: 100%; margin-right: 0; }
  .p_cse .box .pg_left { margin-bottom: 30px; }
    
  .rundesc_main .rundesc_box .ctt_tit { font-size: 24px; line-height: 30px; }
  .rundesc_main .rundesc_box .run_desc { font-size: 14px; }
  .youshi_list ul li .i_text .cont_desc { font-size: 14px; line-height: 22px; }
  .youshi_list ul li .i_text .cont_desc br { display: none; }
  .youshi_list ul li .i_text .name { font-size: 18px; line-height: 22px; }
  .welfare_ul li { position: relative !important; text-align: left; margin-top: 40px; }
  .welfare_ul li p br { display: none; }
  .welfareimgbox { width: 100%; }
  .sports_list .item { margin-right: 30px !important; width: -webkit-calc(50% - 15px); width: calc(50% - 15px); }
  .sports_list .item:nth-child(2n) { margin-right: 0 !important; }
    .feet .di2{display:block;}
    .feet .di2 p{font-size:14px;}
    .feet ul{margin-right:-2%;}
    .feet li{width:31.333%;margin-right:2%}
    .feet .di1{font-size: 18px;}
    
    .xet .zsb{display:block;}
    .xet .zsa{display:none;}
}

@media (max-width: 768px) { 
    
    .circleTT { position: static !important; margin-bottom: 15px;display:none; }
  .circleTT .circleimg { display: inline-block; vertical-align: middle; }
  .circleTT .circlebox { position: static !important; vertical-align: middle; display: inline-block !important; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0);opacity: 1 !important;z-index: 10 !important;}
  .circleTT .circlebox .c_bgimg { display: none; }
  .circleTT .circlebox_div{transform: scale(1) !important;}
  .circleTT .c_textdesc { position: static !important; width: 100%; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
    
    .advantage_width .advan_box .advan_youdian, .advantage_width .advan_box .advan_video { width: 100%; }
    .case_pagination {margin-top: 20px !important;}
  .maxlist li.swiper-slide { max-width: 50%; }
  .ppr_main .pro_listbox { margin-bottom: 20px; }
  .tongpagination { display: block; }
  .container, .header { padding: 0 15px; }
  .contactmain02_left, .contactmain02_right { padding-left: 15px; }
  .contactmain02_right, .contactmain02_left { padding-right: 15px; }
  .model_ctlist .model_ctitem .model_ctleft { padding-left: 15px; }
  .suliaobtnboxmain { left: 15px; }
  .banner-info .inxban-btn { right: 15px; }
  .twospace_box .twospace_item .right { padding: 0 15px !important; }
  .baninfo_01 { font-size: 18px; line-height: 24px; }
  .baninfo_02 { font-size: 14px; line-height: 20px; }
  .baninfo_03 a.ban_btn { width: 110px; height: 35px; line-height: 35px; font-size: 12px; }
  .our_services, .about_box, .liucheng_box, .case_box, .news_box { padding: 40px 0; }
  .btntong { margin: 30px auto 0 auto; }
  .liucheng_list .item img { max-width: 40%; }
  .liucheng_list { margin-top: 30px; }
  .liucheng_list .item .num { font-size: 14px; }
  .tong_title .p01 { font-size: 14px; }
  .ab_top .psesc, .tong_title .p02 { font-size: 20px; }
  .about_box .ab_shuzi .item .text_num .couter { font-size: 36px; }
  .about_box .ab_shuzi .item .text_num img { width: 10px; }
  .liucheng_list .item::after { display: none; }
  .case_content .right .caseimg_thumbs { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .case_content .caseimg_thumbs .caseimg_thumbsitems { float: left; margin-right: 15px; max-width: -webkit-calc(33.3333% - 10px); max-width: calc(33.3333% - 10px); }
  .case_content .caseimg_thumbs .caseimg_thumbsitems:last-child { margin-right: 0; }
  .case_content .right .caseimg_thumbs { font-size: 0; margin-top: 30px; }
  .case_img_item .big_img { min-width: initial; max-width: 100%; }

  .cp_ban_text .cb_links, .cp_ban_text .cb_desc { display: none; }
  .cp_banner .cb_zhengshu, .cp_ban_text .cb_shuzi::after { display: none; }
  .cp_ban_text .cb_right { position: static !important; float: none; }
  .cp_ban_text .cb_left { display: block; float: none; }
  .cp_ban_text .cb_shuzi { padding-left: 0; }
  .cont_title { margin-top: 40px; }
  .cont_title .ctt_tit, .color_tit .co_name { font-size: 18px !important; line-height: 24px; margin-top: 10px; }
  .cont_title .ctt_xian, .color_tit .co_xian { width: 35px; height: 2px; }
  .cont_title .ctt_subtit { font-size: 14px; line-height: 22px; }
  .cont_title .ctt_desc { font-size: 12px; line-height: 22px; }
  .cont_title .ctt_subtit { margin-bottom: 10px; }
  .slide_imgbox { margin-top: 30px; }
  .ppr_main .pro_listbox { margin-top: 30px; }
  .white-pagination { margin-bottom: 40px; }
  .table_main { padding: 40px 0; }
  .cont_title .ctt_desc br, .stcs_list { display: none; }
  .table_main .table_line .table_tit .tb_left .tb_name { font-size: 18px; margin-bottom: 0; }
  .table_main .table_line .table_tit .tb_left .tb_subname { font-size: 12px; }
  .table_content ul li { padding: 10px; }
  .table_content ul li p { font-size: 12px; }
  .table_content ul li { width: 50%; }
  .table_content ul li:nth-child(2n)::after { display: none; }
  .table_content ul li:nth-last-child(1), .table_content ul li:nth-last-child(2) { border-top: none; }
  .proattr_list li { width: 100%; margin-right: 0; }
  .proattr_list { margin-top: 30px; margin-bottom: 40px; }
  .sortcase_listbox .swiper-slide .text { padding: 15px; }
  .sortcase_listbox .swiper-slide .text .name { font-size: 16px; }
  .sortcase_main { padding: 40px 0; }
  .tb_right { padding-left: 5px; }
  .table_main .table_line { margin-top: 30px; }
  .p_category_swiper .box .pg_left .pg_desc { font-size: 14px; }
  .p_category_swiper .box .pg_left .pg_name { font-size: 18px; margin-bottom: 10px; }
  .pro_category_main { padding: 40px 0; }
  .application_main { padding: 60px 0; }
  .application_iconlist .icon_item img { width: 40px; }
  .application_iconlist .icon_item p { font-size: 14px; margin-top: 8px; }
  .application_iconlist { margin-top: 40px; }
  .p_category_swiper .box .pg_left { padding-right: 0; }
  .advan_swiper .advan_box { display: block; }
  .advan_swiper .advan_youdian, .advan_swiper .advan_video { margin-right: 0; width: 100%; }
  .advan_swiper .advan_youdian { padding: 60px 40px; }
  .advan_swiper .advan_youdian .advan_youdianbox_con h2  { font-size: 18px; }
  .advantage_main { padding: 40px 0; }
  .advantage_main .advan_nav .item { height: 40px; line-height: 36px; width: 150px; font-size: 14px; }
  .problem_main { padding-top: 40px; }
  .slide_imgbox { height: 300px; }
  .rundesc_main .rundesc_box { display: block; }
  .rundesc_main .rundesc_box .run_left, .rundesc_main .rundesc_box .run_right { width: 100%; }
  .rundesc_main .rundesc_box .run_right { margin-top: 30px; }
  .rundesc_main { padding: 40px 0; }
  .youshi_main { padding: 50px 0; }
  .youshi_list ul li { margin-bottom: 50px; width: -webkit-calc(50% - 30px); width: calc(50% - 30px); margin-right: 30px !important; }
  .youshi_list ul li:nth-child(2n) { margin-right: 0 !important; }
  .youshi_list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ctt_ppp { font-size: 14px; line-height: 20px; }
  .youdian_title { font-size: 16px; }
  .color_category_main { padding-top: 40px; }
  .color_category_box { padding-top: 40px; }
  .color_cate_desc .co_en { font-size: 20px; }
  .color_cate_desc { padding: 20px 10px; }
  .color_cate_desc .co_cn { font-size: 16px; }
  .color_cate_desc .co_desccont { font-size: 14px; line-height: 22px; }
  .color_cate_desc .co_desccont br { display: none; }
  .color_case { margin-top: 15px; padding: 40px 0; }
  .yf_maincont { padding: 40px 0; }
  .yf_contimgtext .yf_right .yfri_tit { font-size: 16px; line-height: 24px; }
  .color_case .cc_tt { font-size: 18px; }
  .color_category_main .tongpagination { margin-bottom: 20px; }
  .color_caseswiper .color_img_box .name { font-size: 16px; padding-top: 15px; }
  .color_category_box { height: 350px; }
  .yf_contimgtext { display: block; }
  .color_category01 .color_category_box { height: auto !important; padding-top: 30px; padding-bottom: 15px; }
  .yf_contimgtext .yf_left { width: 100%; }
  .yf_contimgtext .yf_right { width: 100%; margin-top: 30px; }
  .yf_subbox .yf_subboxtit { font-size: 16px; }
  .yf_subbox .yf_subboxppp { font-size: 14px; line-height: 22px; }
  .douhao_imgtop, .douhao_imgbottom { display: none; }
  .yf_maincont .tongpagination { margin-bottom: 0 !important; }
  .color_catetable .table_line .table_content { display: block; }
  .color_catetable .table_line .table_biaoti { width: 100%; padding: 20px 0; }
  .color_catetable .table_line .table_liul { width: 100%; }
  .table_biaoti .ttbb_nameen { font-size: 40px; }
  .color_catetable .table_liul li { width: 50%; }
  .table_biaoti .ttbb_name { font-size: 20px; }
  .color_catetable .table_liul li:nth-child(5n):after { display: block !important; }
  .color_catetable .table_liul li:nth-child(2n)::after { display: none !important; }
  .suliao_main, .proattr_maintwo, .quality_main, .model_main { padding: 40px 0; }
  .color_mainbox .color_case, .equipmenttwo_main { padding-top: 40px; padding-bottom: 0; }
  .suliao_swiper .suliao_left .suliao_title { font-size: 18px; }
  .suliao_swiper .suliao_left .suliao_desc { font-size: 14px; line-height: 22px; }
  .suliao_swiper .suliao_left .suliao_desc br { display: none; }
  .suliao_swiper .suliao_left { float: none; width: 100%; margin-bottom: 30px; }
  .suliao_swiper .suliao_right { float: none; width: 100%; }
  .equipment_main .equipment_bg { height: 420px; }
  .equipment_swiper { margin-bottom: 0; }
  .equipment_cont .eqtext .eq_name { font-size: 16px; }
  .tongdesc { font-size: 14px; line-height: 22px; }
  .tongdesc br { display: none; }
  .suliaobg_main .swiper-slide { padding-top: 40px; padding-bottom: 100px; }
  .aboutmain01 { padding-top: 40px; padding-bottom: 10px; }
  .model_ctctflex { display: block; }
  .model_ctlist .model_ctitem .model_ctleft { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .model_ctlist .model_ctitem .model_ctright { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); margin-top: 30px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .model_pagination { left: 0 !important; text-align: center; }
  .model_ctbg { background: none; }
  .model_ctleft .model_cttit { font-size: 18px; margin-bottom: 5px; }
  .model_ctbg { margin-top: 20px; }
  .robot_bigmain .robot_name { font-size: 20px; }
  .robot_bigmain .robot_desc { font-size: 14px; line-height: 24px; }
  .robot_bigmain { padding: 180px 0; }
  .about_shuzilist { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about_shuzilist .abszitem { margin-bottom: 30px; }
  .aboutctt { font-size: 14px; line-height: 22px; margin-top: 10px; }
  .aboutctt br { display: none; }
  .aboutmain02 { padding: 40px 0; }
  .course_itemswiper .swiper-slide { margin-top: 0 !important; }
  .opacity_cur { opacity: 1; }
  .course_contlist { margin-top: 40px; }
  .courseitbox { padding-bottom: 0; }
  .courseitbox .cour_name { font-size: 20px; }
  .course_nav .course_navbox { height: 40px; line-height: 40px; }
  .course_nav .coursebtn { width: 30px; height: 30px; }
  .course_nav .coursebtn i { font-size: 20px; }
  .course_nav .course_swiper { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
  .course_nav::after { left: 30px; right: 30px; }
  .courseitbox::before { top: 16px; }
  .courseitbox::after { top: 9px; }
  .course_itemswiper .swiper-slide .courseitbox::before { bottom: 0 !important; }
  .courseitbox .cour_desc { margin-bottom: 15px; }
  .aboutmain03 .pro-pagination, .aboutmain02 .pro-pagination { margin-bottom: 0; }
  .contactmain01 { padding-top: 40px; }
  .contact_map { padding: 50px 0; }
  .contactmain02 { display: block; }
  .contactmain02_left, .contactmain02_right { width: 100%; padding: 30px 15px; }
  .contactmain02_left .ci_name { font-size: 20px; }
  .contactmain03_box .ct3_name { font-size: 22px; }
  .contactmain03_box a { width: 130px; height: 40px; line-height: 40px; font-size: 14px; }
  .contactmain03 { height: 200px; }
  .fromline button { width: 150px; }
  .news_searchbox { margin-top: 15px; }
  .news_search { float: none; width: 100%; }
  .news_search .news_searchbtn { width: 80px; }
  .news_search .sin_div { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
  .news_search .sin_div input { padding-left: 10px; }
  .newscont_main { padding: 40px 0; }
  .news_mainlist ul li { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px !important; margin-bottom: 20px; }
  .news_mainlist ul li:nth-child(2n) { margin-right: 0 !important; }
  .new_details .new_details_title { padding: 15px 0; }
  .new_details_cont { padding: 15px 0; }
  .newprevnext .newprevnext_item { padding: 15px 0; }
  .new_details .new_details_title .newde_tit { line-height: 24px; font-size: 16px; }
  .new_details .new_details_title .newde_time { font-size: 14px; }
  .newprevnext .newprevnext_item .newleft .newtext_icon { margin: 0 10px; }
  .newprevnext .newprevnext_item .newleft, .newprevnext .newprevnext_item .newright { font-size: 14px; }
  .honner_main { padding-top: 40px; padding-bottom: 25px; }
  .honner_bgbox { height: 200px; }
  .honner_bgbtext h3 { font-size: 16px; line-height: 22px; margin-bottom: 0; }
  .honner_bgbtext .pxianb { display: none; }
  .honner_list_cont { padding: 15px; margin-top: -15px; }
  .honner_list_cont .item { margin-right: 15px !important; margin-bottom: 15px; width: -webkit-calc(50% - (15px / 2)); width: calc(50% - (15px / 2)); }
  .honner_list_cont .item:nth-child(2n) { margin-right: 0 !important; }
  .honner_nav a { height: 40px; line-height: 40px; width: 25%; font-size: 14px; }
  .close_btn { right: 15px; top: 60px; width: 25px; }
  .life_main01 { padding: 40px 0; }
  .welfareimgbox .circleimg { width: 60%; }
  .staff_btn { display: none; }
  .sports_list { margin-top: 30px; }
  .sports_list .item { margin-bottom: 30px; }
  .sports_title h2 { font-size: 18px; }
  .sports_title p { font-size: 12px; }
  .life_main02 { padding-bottom: 40px; }
    .feet li{width:48%;}
    .fttp-acc{line-height: 20px;}
    
.liutu ul{margin-right:-2%;}
.liutu li{width:48%;}
.liutu-b{font-size:16px;padding:15px 0;}
    .batu{margin-top:20px;}
.batu li { width:48%;margin:0 2% 10px 0;}
    .batu ul li:nth-child(4),.batu ul li:nth-child(5){background:#262626;}
.batu ul li:nth-child(2),.batu ul li:nth-child(3),.batu ul li:nth-child(6),.batu ul li:nth-child(7){background:#fff;}
.batu li .proimg { height: auto; }
.batu li .name { font-size: 16px;  }
.batu ul li:nth-child(2) .name,.batu ul li:nth-child(3) .name,.batu ul li:nth-child(6) .name,.batu ul li:nth-child(7) .name{color: #000;}
.batu ul li:nth-child(4) .name,.batu ul li:nth-child(5) .name{color:#fff;}
 
.batu ul li:nth-child(2) .desc,.batu ul li:nth-child(3) .desc,.batu ul li:nth-child(6) .desc,.batu ul li:nth-child(7) .desc{color:#333;opacity: 0.8}
.batu ul li:nth-child(4) .desc,.batu ul li:nth-child(5) .desc{color:#fff;}
    
.batu li:hover { background-color: #3b3b3b; }
.batu li a { display: block; padding-bottom: 60px; padding-top: 40px; }
}

@media (max-width: 580px) { .welfareimgbox .circleimg { width: 80%; }
.proattr_list li .abox{display: block;}
.proattr_list li .abox .attr_img{width: 100%;}
.proattr_list li .attr_text{width: 100%;margin-top: 15px;padding-left: 0 !important;padding-right: 0 !important;}
.proattr_list li .attr_text .at_desc{overflow: auto;height: auto;max-height: initial;min-height: initial;-webkit-line-clamp:initial;}
  .welfareimgbox .circle_logo { height: 20px; }
  .welfare_ul li { margin-top: 20px; }
  .sports_list .item { width: 100%; margin-right: 0 !important; }
  .sports_imgtext h2 { font-size: 16px; line-height: 26px; }
  .sports_imgtext p br { display: none; }
  .honner_list_cont .item { padding: 10px; }
  .honner_nav a { width: 50%; }
  .robot_bigmain { padding: 100px 0; }
  .model_pagination { bottom: 10px !important; }
  .advantage_main .advan_nav .item { width: 110px; margin-right: 10px; }
  .advantage_main .advan_nav .item { font-size: 12px; }
  .advan_swiper .ad_descp { font-size: 14px; line-height: 22px; }
  .advan_swiper .ad_descp br { display: none; }
  .color_nav .item { font-size: 14px; }
  .color_nav { margin-top: 20px; }
  .color_category_main .tongpagination { margin-top: 5px; }
  .color_cateswiper .color_img_box .name { padding-top: 6px; padding-bottom: 0; font-size: 16px; }
  .mt30 { margin-top: 15px; }
  .twospace_box { margin-top: 20px; }
  .twospace_box .twospace_item .right .img_cont p br { display: none; }
  .ppr_main .pro_listbox li .text .name { font-size: 16px; }
  .maxlist li.swiper-slide { max-width: 100%; }
  .baojia { display: none; }
  .index_swiper .imgbox img { width: auto; max-width: initial; height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .baninfo_02 { font-size: 12px; line-height: 18px; }
  .baninfo_01 { font-size: 14px; line-height: 20px; }
  .baninfo_02, .baninfo_03 { margin-top: 10px; }
  .inxban-next { margin-top: 15px; }
  .banner-info .inxban-btn { top: 0; }
  .banner-info.blue .baninfo_en { font-size: 14px; letter-spacing: 0; margin-bottom: 10px; }
  .baninfo_03 a.ban_btn, .banner-info.blue .baninfo_02 br { display: none; }
  .btntong { width: 140px; height: 40px; line-height: 40px; }
  .ab_top .psesc, .tong_title .p02 { font-size: 18px; line-height: 26px; }
  .about_box .ab_shuzi { margin-top: 10px; }
  .about_box .ab_shuzi .item .text_num .couter { font-size: 18px; }
  .ab_jieshao p.mtb30 { margin-top: 10px; }
  .ab_jieshao p { font-size: 14px; line-height: 22px; }
  .case_content .caseimg_thumbs .caseimg_thumbsitems img { max-height: 45%; }
  .case_content .caseimg_thumbs .caseimg_thumbsitems { height: 110px; }
  .kehu_box, .kehu_box .kehu_right { height: 80px; }
  .kehu_box .kehu_left { line-height: 80px; font-size: 16px; }
  .liucheng_list .item { width: 33.3333%; margin-top: 30px; }
  .liucheng_list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .liucheng_list { margin-top: 0; }
  .liucheng_list .item .p_en { font-size: 12px; }
  .liucheng_list .item .name { font-size: 14px; }
  .liucheng_list .item .desc { display: none !important; }
  .liucheng_list .item img { margin-top: 10px; }
  .case_content .case_nav .item .name { font-size: 16px; margin-bottom: 5px; }
  .case_content .case_nav .item .desc { font-size: 12px; line-height: 18px; }
  .case_content .case_nav .item { margin-top: 20px; }
  .case_img_item .bigimg { max-width: 60%; }
  .case_img_item .big_img { background: none; }
  .case_img_item .big_img .pf14 { padding-left: 0; }
  .news_content .newsmore { width: 130px; height: 40px; line-height: 40px; }
  .news_swiper, .inxnews-base { margin-top: 30px; }
  .news_swiper .new_tit { font-size: 16px; line-height: 22px; }
  .news_swiper .new_tit { height: 46px; }
  .ab_top .pn { font-size: 14px; }
  .kehu_box .kehu_left { width: 85px; }
  .kehu_box .kehu_right { width: -webkit-calc(100% - 85px); width: calc(100% - 85px); }
  .footer_bottom { height: auto; padding: 8px 0; }
  .footer_bottom p { line-height: 24px; }
  .ft_links { margin-top: 15px; }
  
  .case_content .right .caseimg_thumbs { margin-top: 20px; }
  .proattr_list li { padding: 15px 0; }
  .proattr_list li .attr_text .at_name { font-size: 14px; }
  .proattr_list li .attr_text .at_desc { font-size: 12px; }
  .proattr_list li .attr_text { padding: 0 15px; }
  .cp_ban_text .cb_name { font-size: 16px; }
  .cp_ban_text .cb_sz_01 span { font-size: 24px; line-height: 30px; }
  .cp_ban_text .cb_sz_02 { margin-top: 5px; }
  .cp_ban_text .cb_name { margin-bottom: 6px; }
  .table_content ul li .tbimgbox { width: 100%; left: 0; top: 100%; }
  .twospace_box .twospace_item .right .img_name { font-size: 16px; margin-bottom: 5px; }
  .mt40 { margin-top: 15px; }
  .twospace_list li { width: 100%; margin-right: 0; margin-top: 15px !important; }
  .p_category .p_item { font-size: 14px; margin: 0 8px; padding-bottom: 8px; }
  .p_category { margin-top: 20px; }
  .p_category_swiper { margin-top: 30px; }
  .p_category_swiper .box .pg_left .pg_name { font-size: 16px; }
  .p_category_swiper .box .pg_left .pg_desc { line-height: 22px; }
  .fz18 { font-size: 16px !important; }
  .application_iconlist .icon_item { width: 33.3333%; max-width: 33.3333%; margin-top: 20px; }
  .problem_bgimg { height: 260px; }
  .problem_list { display: block; }
  .problem_list .item { width: 100%; padding: 15px; margin-bottom: 20px; }
  .problem_list .item .title { font-size: 16px; }
  .problem_boxcont { padding-bottom: 20px; }
  .problem_bgimg { margin-top: 10px; }
  /* .sortcase_main { padding-top: 0; } */
  .pro_listbox { margin-top: 20px; }
  .advan_swiper .advan_youdian { padding: 30px 15px; }
  .advan_swiper .advan_youdian ul li { font-size: 14px; line-height: 22px; }
  .advan_swiper .advan_youdian .advan_youdianbox_con h2  { font-size: 16px; }
  .slide_imgbox { height: 220px; background-attachment: scroll; }
  .rundesc_main .rundesc_box .ctt_tit { font-size: 18px; margin: 15px 0; }
  .rundesc_main .rundesc_box .run_desc { line-height: 22px; }
  .youshi_list ul li { width: 100%; margin-right: 0 !important; margin-bottom: 20px !important; }
  .application_iconwidth .icon_item { margin-bottom: 20px; }
  .application_iconwidth { margin-top: 20px; }
  .youshi_list ul li .i_text .name { font-size: 16px; margin-bottom: 5px; }
  .youshi_list ul li .icon { width: 35px; }
  .color_category_box { height: 220px; }
  .color_cate_desc { margin-top: 0; }
  .color_tit { margin-bottom: 20px; }
  .color_case { margin-top: 0 !important; }
  .yf_contimgtext .yf_right .yfri_tit br, .yf_subbox .yf_subboxppp br { display: none; }
  .yf_subbox { padding: 15px; }
  .quality_imgbox .quality_entit { letter-spacing: 18px; }
  .quality_imgbox img { width: 30%; }
  .suliaobtnboxmain .suliaobtn { border-color: #a5a3a3; }
  .about_shuzilist { margin-top: 30px; }
  .about_shuzilist .abszitem:nth-child(2n) { border-right: none; }
  .aboutctt { text-align: left; }
  .about_shuzilist { -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; }
  .aboutmain03 .color_caseswiper .color_img_box .name { margin-bottom: 8px; }
  .codesc { font-size: 14px; line-height: 22px; }
  .about_shuzilist .abszitem { padding: 0; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
  .country_name { font-size: 12px; left: -28px; top: 0; }
  .dotbox img { width: 15px; height: 15px; }
  .dotbox .pulse { display: none; }
  .address_textbox { display: none !important; }
  .news_mainlist ul li { width: 100%; margin-right: 0 !important; }
  .page_box a, .page_box span { height: 30px; width: 30px; line-height: 30px; font-size: 12px; }
  .page_box .laypage_prev, .page_box .laypage_next { margin: 0 5px; }
  .newprevnext .newprevnext_item .newright { display: none; }
  .newtext_name { display: block; }
  .new_details .new_details_title .newde_time { display: block; float: none; margin-top: 5px; } }

.search_container{padding: 60px 0;}
.searchtitle401 {
    margin-bottom: 30px;
    font-size: 24px;
    padding: 28px 15px;
    background-color: #f2f2f2;
}
.searchinputcont401 input,.searchinputcont401 button{border: none;}
.searchinputcont401 {
    width: 45%;
    margin: 0 auto;
}
.searchinputcont401 dt {
    float: left;
    width: 78%;
}
.searchinputcont401 dd {
    float: left;
    width: 22%;
}
.searchinputcont401 dt input {
    font-size: 16px;
}
.searchinputcont401 dt input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 12px;
    font-size: 15px;
    color: #333333;
    background-color: #ffffff;
    font-family: "Microsoft YaHei";
}
.noimgbox{width: 100% !important;}
.searchinputcont401 dd input {
    font-size: 16px;
    font-weight: bold;
}

.searchinputcont401 dd input {
    margin-top: 0;
}
.searchinputcont401 dd input {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    background-color: #3ba1db;
    text-align: center;
    font-family: "Microsoft YaHei";
}
.clearfloat::after{display: block;content: "";clear: both;}
.search_list .item{padding: 18px 0;border-bottom: 1px solid #eee;}
.search_list .item h2{margin-bottom: 20px;}
.search_list .item h2 a{font-size: 20px;margin-bottom: 20px;color: #333;}
.search_list .item h2 a br{display: none;}
.searchimg401{
    float: left;
    margin-right: 30px;
    display: block;
    width: 200px;
    overflow: hidden;
}
.search_list .item img {
    display: block;
    width: 100%;
    margin-bottom: 2%;
}
.search_list .item img {
    width: 100%;
}
.resulttext401 {
    overflow: hidden;
    height: 72px;
    color: #999;
}
.searchbox{float: left;width: calc(100% - 250px);}
.resultlabel401 {
    color: #999;
    display: inline-block;
    padding-top: 20px;

}
.resultlabel401 a{color: #333 !important;}
.search_list .item:first-child{border-top: 1px solid #eee;}
.swiper_ibox{background: none;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.sortcase_main .swiper_ibox i{color: #545454;}
.color_case .swiper_ibox i{color: rgba(0, 0, 0, 0.1);}
.swiper_ibox i{font-size: 50px;}
.swiper_ibox i:hover{color: #3ba1db;}
.swiper_i_left{left: -60px;}
.swiper_i_right{right: -60px;}
.language .languagebox:hover .language_text{border-color: #3ba1db;}
.language .languagebox:hover .language_text span,.language .languagebox:hover .language_text i{color: #3ba1db;}
.banner-video{width: 100%;}
@media (max-width: 1300px){
    .swiper_ibox{display: none;}
}

@media (max-width: 768px){
    .search_container{padding: 40px 0;}
    .searchtitle401 {
        padding: 15px 15px;
    }
    .searchinputcont401 {
        width: 98%;
    }
    .searchimg401 {
        float: none;
        width: 100%;
    }
    .searchbox {
        width: 100%;
    }
    .search_list .item h2{margin-top: 10px;margin-bottom: 10px;}
    .search_list .item h2 a{font-size: 16px;}
    .resulttext401{height: auto;}
    .yfa{font-size:22px;    margin-top: 30px;}
    .yfimg li p{font-size:14px;}
    .yfimg li{width:48%;}
}