.margin_tb40{ margin: 40px auto;}
.margin_tb80{ margin: 40px auto;}
.margin_tb150{margin: 80px auto;}
.margin_tb150b{margin: 60px auto 80px auto;}
.padding_tb80{ padding: 80px 0;}
.padding_tb80_10{ padding-top: 80px; padding-bottom: 10px;}
.bg_grey{ background-color: #eee;}
.bg_cyan{ color: #fff; background:url(/images/bg_about.jpg) no-repeat; background-attachment: fixed;background-size: cover;}
.font30{ font-size: 30px;}
nav.navbar .navbar-brand img.logo{ height: 30px; }
.i_tese{ background-color:#FC943F;color: #fff;text-align: center; padding: 20px 0;margin-bottom: 30px; }
.i_tese span{ font-size: 25px; font-weight: bold;}
.i_aboutF > div:nth-child(1){ font-size: 20px;margin-top: 20px;}
.i_aboutF > div:nth-child(2),.i_aboutF > div:nth-child(3),.i_aboutF > div:nth-child(4){ margin-top: 15px; margin-bottom: 15px; text-indent: 2em;}
.i_aboutF > div:nth-child(5){text-align: center;}
.i_aboutF > div:nth-child(5) a{background-color: #FC943F;color: #fff;display: inline-block;padding: 10px 50px;margin-bottom: 30px;}
.i_aboutF > div:nth-child(6){ border: 1px solid #ddd;}
.i_aboutF > div > div > div:nth-child(1){ width: 50px; height: 50px; margin: 5px auto 0 auto;}
.i_aboutF > div > div > div:nth-child(2){ text-align: center; font-size: 14px; line-height: 20px; height: 40px;}
.i_aboutF .i_icon1{ background: url(../images/icons.png);}
.i_aboutF .i_icon2{ background: url(../images/icons.png) -50px 0;}
.i_aboutF .i_icon3{ background: url(../images/icons.png) -100px 0;}
.i_aboutF .i_icon4{ background: url(../images/icons.png) -150px 0;}
.i_aboutF .i_icon5{ background: url(../images/icons.png) -200px 0;}
.i_aboutF .i_icon6{ background: url(../images/icons.png) -250px 0;}
.i_images{margin-top: 20px;padding-top: 15px;color: #555;}
.i_images .swiper-wrapper{ height: initial !important;}
.i_images .swiper-wrapper p{text-align: center;}
.i_images .swiper-pagination{bottom: 0 !important;}
.i_images a{ color: #555;font-size: 14px;}
.i_images p{padding-top: 10px;font-size: 14px;text-align: center;}
:root{--swiper-theme-color:#FC943F !important;}
.i_imagesM {padding: 0;}
.i_imagesM a{color: #666;}
.i_imagesM div{padding-top: 0;color: #666;}
.i_imagesM p{display: block;height: 40px;line-height: 20px;overflow: hidden;}
.i_title{font-size: 26px;font-weight: bold;}
.i_des{ color: #888; margin-bottom: 50px;}
.i_pro{ padding: 0;}
.i_pro > a > div , .i_pro > a img{ width: 100%;  overflow: hidden; transition: all 0.5s; }
.i_pro a:hover img{ transform: scale(1.2); }
.i_pro section{ display: block; color: #555; height: 50px; line-height: 50px; transition: all 0.5s; }
.i_pro > a:hover section{ background-color: #FC943F; color: #fff; padding-left: 10px;}
.i_ser { margin-bottom: 30px;}
.i_ser img{ position: relative; transition: all 0.5s;}
.i_ser div{ position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all 0.5s;}
.i_ser a{ color: #fff; font-size: 24px; font-weight: bold; display: block; width: 100%; overflow: hidden;}
.i_ser a:hover img{ transform: scale(1.2);}
.i_ser a:hover div{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 10px 0;}
.class_block {margin-bottom: 80px;}
.class_block .class_title,.class_case .class_caseT{font-weight: bold;color: #000; border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 50px;}
.class_block .class_title span,.class_case .class_caseT span{border-bottom: 2px solid #FC943F;padding-bottom: 10px;}
.class_block .class_content img{ position: relative; transition: all 0.5s;}
.class_block .class_content>div div{ position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all 0.5s;}
.class_block .class_content a{ color: #fff; font-size: 24px; font-weight: bold; display: block; width: 100%; overflow: hidden;margin-bottom: 15px;}
.class_block .class_content a:hover img{ transform: scale(1.2);}
.class_block .class_content>div a:hover div{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 10px 0;}
.i_cas > div { margin-bottom: 15px;}
.i_cas_btn { margin-top: 50px;}
.i_cas_btn a{ border: 1px solid #FC943F; color: #FC943F; font-weight: bold; padding: 10px 30px; }
.i_cas_btn a:hover{ background-color: #FC943F; color: #fff;}
.i_cas > div >a { color: #fff; font-weight: bold; }
.i_cas > div >a>div:nth-child(1){ background-color: #000; position: relative; }
.i_cas > div >a img,.i_cas > div >a div:nth-child(2){transition: all .5s;}
.i_cas > div >a:hover img{ opacity: .4;}
.i_cas > div >a>div:nth-child(2){ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0;  }
.i_cas > div >a:hover>div:nth-child(2){ display:inline; border: 1px solid #fff; padding: 10px; opacity: 1;}
.i_newsMenu{border-bottom: none;margin-bottom: 50px;}
.i_newsMenu div{display: inline-block;padding: 10px 20px;border: 1px solid #ddd;margin: 5px;}
.i_newsMenu .active{background-color: #FC943F !important; color: #fff !important;}
.i_news {text-align: initial;}
.i_news>div>div>a>div{background-color: #fff;}
.i_news>div>div{margin-bottom: 30px;}
.i_news .img{width:max-content;overflow: hidden;background-color: #000;}
.i_news .tit{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.i_news .tit,.i_news .des,.i_news .dat{color: #888;font-size: 14px;padding: 10px 15px 0 15px;}
.i_news .des{ line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #888;}
.i_news .tit{font-weight: bold;color: #333;font-size: initial;}
.i_news .dat{padding-bottom: 10px;}
.i_news .lin{height: 4px;}
.i_news .lin div{width: 0px;height: 4px; background-color: #FC943F;}
.i_news a:hover .img img{transform: scale(1.1);opacity: 0.6;}
.i_news a:hover .tit{color: #000;}
.i_news a:hover .des{color: #555;}
.i_news a:hover .lin div{width: 100%;}
.i_news a:hover .dat{padding-left:25px;}
.i_news img,.i_news .dat,.i_news .lin div{transition: all .5s;}
.i_media{background:url(../images/bgMedia.jpg) no-repeat;background-attachment:fixed;}/* 2021.06.30 S */
.i_media>div>div>div>a>img{transition: all 0.5s;}
.i_media>div>div>div>a>img:hover{box-shadow: 0 0 10px #666; transform: translateY(-8px);}
.i_media>div>div>div{ margin-bottom: 30px;}/* 2021.06.30 E */
.i_wap{display: initial !important;}
.i_pc{display: none !important;}
.online_cus{ height: 200px; background: url(../images/online.jpg) no-repeat; color: #fff; font-weight: bold; font-size: 24px; padding-top: 30px;}
.online_cus a{ width: 85%; font-size:18px; color: #fff; font-weight: lighter; display: block; margin: 20px auto 0 auto; padding-top: 10px; padding-bottom: 10px; border: 1px solid #fff;}
.online_cus a:hover{ background-color: #fff; color: #FC943F;}
.news_list>h1 { margin-top: 40px; margin-bottom: 50px; font-weight: bold;font-size: 28px;}
.news_list>div { padding: 0; }
.news_list>span{ text-align: center; font-size: 14px; display: block; color: #888; margin-bottom: 50px;}
.news_list>span a{ color: #888; padding: 0 5px;}
.news_list>span a:hover{ color: #fff; background-color: #FC943F;}
.news_list>div>div{ padding: 0; margin-bottom: 20px;}
.news_list .news_list_ul ul{ display:inline-block; }
.news_list .news_list_ul li{ float: left; list-style: none;}
.news_list .news_list_ul a{ padding: 10px 15px; border: 1px solid #ddd; margin-right: 5px;color: #555; border-radius: 5px;}
.news_list .news_list_ul a:hover{background-color: #FC943F; color: #fff; }
.news_list>div:nth-child(4){ margin-bottom: 80px;}
.news_list .news_pages{text-align: center;margin-bottom: 50px;color: #888;}
.news_list .news_pages a{color: #333;}
.n_img_top{ padding:0; border-bottom: 1px solid #ddd;}
.n_img_top>div{ min-height: 50px; line-height: 50px; font-size: 14px; color: #888;}
.n_img_top>div a{ color: #888;}
.n_img_top>div a:hover{ color: #FC943F;}
.n_subtitle{ font-size: 36px;font-weight: bold;margin-top: 40px;margin-bottom: 50px; text-align: center;}
.tex_con {margin-bottom: 80px;}
.tex_con p{ text-indent: 2em;line-height: 30px;}
.tex_con>div:nth-child(1)>div{ color: #666; line-height: 30px; border: 1px solid #ddd; padding: 20px 10px; margin-bottom: 30px;}
.tex_con h3{font-weight: bold;margin-top: 80px; margin-bottom: 30px; text-align: center;}
.tex_con strong{color: #333;}
.tex_con p{padding-top: 15px;}
.tex_nav .active{ background-color: #FC943F; color: #fff; border: 1px solid #FC943F;}
.tex_nav a{ border: 1px solid #ddd; padding: 10px 15px; color: #666;}
.tex_nav a:hover{ border: 1px solid #FC943F; background-color: #FC943F; color: #fff;}
.tex_navC{ margin-top: 80px;}
.class_case{margin-bottom: 80px;}
.class_case .class_caseC>div>a>div{overflow: hidden;}
.case_list>div{ margin-bottom: 20px;}
.case_list>div img,.case_list>div div,.case_list>div a:hover span,.class_case .class_caseC>div img{ width: 100%; overflow: hidden; transition: all 0.5s; }
.case_list>div a,.class_case .class_caseC>div a{ color: #222;}
.case_list>div a div,.class_case .class_caseC>div a div{background-color: #000;}
.case_list>div a:hover img,.class_case .class_caseC>div a:hover img{ transform: scale(1.1);opacity: .8;}
.case_list>div p,.class_case .class_caseC>div p{ line-height: 50px; border-bottom: 1px solid #ddd;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-weight: bold;transition: all 0.5s;}
.case_list>div a:hover p,.class_case .class_caseC>div a:hover p{ border-bottom: 1px solid #FC943F; background-color: #FC943F; color: #fff;padding-left: 8px;}
/*.caseListDiv{ width: 100%; position: relative; }*/
.caseList1{position:relative; z-index: 1; background-color: rgba(0, 0, 0, .5);}  
.caseList2{position:absolute; z-index: 2; width:100%; left:50%; top:50%; transform: translate(-50%,-50%); }
.case_gw{font-weight: bold;margin-top:50px;margin-bottom:30px;text-align: center;font-size: 32px;}
.case_show{ margin-bottom: 30px;}
.case_show .case_video{ width: 100%;height: 0;padding-top:56.25% ;position: relative;}
.case_show .case_video video,.case_show .case_video img{ width: 100%; height:100%;position: absolute;top:0;left: 0;}
.case_show>div:nth-child(1) {margin-bottom: 40px;}
.case_show div:nth-child(2) { box-sizing: border-box; padding: 20px; text-indent: 2em; color: #555;}
.case_show .case_content { border-top: 1px solid #ddd;}
.case_show .case_content div{ margin-top: 20px;}
.case_show .case_content img{max-width: 100%; height: auto !important; display: block; margin: 30px auto;text-indent: 0 !important;}
.product h1{ margin-top: 80px; text-align: center;font-weight: bold;font-size: 26px;}
.product h4{margin-bottom: 80px; text-align: center;font-weight: bold;font-size: 36px;}
.product>div>div>span{ display: block; border: 1px solid #ddd; padding: 2px; }
.product>div:nth-child(2){ margin-bottom: 80px;}
.product .product_de { border-bottom: 1px solid #ddd; padding-bottom: 5px;  margin-top: 50px;}
.product .product_de span{ border-bottom: 2px solid #FC943F; padding-bottom: 5px; font-weight: bold; }
.product .product_co p{text-indent: 2em;}
.product .product_co strong{ display: block; margin-top: 50px;}
.product .product_fm{ text-align: center;color: #fff;}
.product .product_fm>div>div{padding: 50px; transition: all 0.5s;}
.product .product_fm>div:nth-child(1)>div{background-color: #DD750D;}
.product .product_fm>div:nth-child(2)>div{background-color: #1E6CB0}
.product .product_fm>div:nth-child(3)>div{background-color: #5243AF;}
.product .product_fm>div:nth-child(4)>div{background-color: #12B1BC;}
.product .product_fm p{font-weight: bold;}
.product .product_fm>div>div:hover { box-shadow: 0 0 5px #888; transform: translateY(-10px);}
.product .product_des {margin-bottom: 80px; text-align: center;}
.product2 h4{margin-top:80px ;font-size: 26px;}
.product_m{margin-top: 40px;}
.product_m,.product2 h1{ margin-bottom: 80px;}
.product2 .product_fm>div:nth-child(1)>div{background-color: #DD750D;}
.product2 .product_fm>div:nth-child(2)>div{background-color:#1E6CB0;}
.product2 .product_fm>div:nth-child(3)>div{background-color: #5243AF;}
.product2 .product_fm>div:nth-child(4)>div{background-color: #12B1BC;}
.product_m a{ display: inline-block;width: 160px; padding:10px 0; color: #222; border: 1px solid #ddd;margin-bottom: 5px;}
.product_m a:hover,.product_m .active{ color: #fff; border: 1px solid #ddd; background-color: #FC943F;}
.pro_case_list{margin-top: 50px;}
.proContent h2,.proContent h3{ margin-bottom: 30px;}
.proContent>h2>span:nth-child(1),.proContent>h3>span:nth-child(1){ color: #31909a;}
.proContent>h2>span:nth-child(2),.proContent>h3>span:nth-child(2){ color: #687f00;}
.proContent>h2>sup{ font-weight: lighter;}
.topNav{display: flex; flex-flow: row nowrap;justify-content: space-between;}
.topNav>div:nth-child(1) {display: none;}
.topNav>div:nth-child(1) a{font-size: initial; color: #555;}
.topNav>div:nth-child(1) a.active,.topNav>div:nth-child(1) a:hover{color: #FC943F;}
.webFlex{display: flex; flex-flow:row wrap; justify-content: space-between;}
.webFlex>div{ width: 100%;}
.flex4{ text-align: center;}
.flex4>div{padding: 10px;}
.flex4 article{border: 1px solid #e8e8e8; border-radius: 8px; padding: 50px;}
.flex4 article strong{ display: block; margin-top: 40px; margin-bottom: 25px; font-size: 24px; font-weight:initial;}
.flex4 article>div:nth-child(3){ font-size: 18px; color: #666;}
.flex2 img{ border-radius: 8px; margin-bottom: 20px;}
.flex2 p{ font-size: 18px; color: #666 !important; line-height: 25px; margin-bottom: 20px; text-align: justify;}
.flex2 a{ display: block; text-align: center; background-color: #fc9643; color: #fff; padding: 10px 30px; border-radius: 20px; margin: 30px auto 0 auto; transition: all .5s;}
.flex2 a:hover{ background-color: #31909a; }
.flex3 img{ border-radius: 8px;}
.flex3 p{text-align: center; padding-top:20px; color: #333; font-weight: bold;}
.flex3 .bottom{width: 50px; height: 3px; background-color: #31909a; margin: 0 auto 50px auto ; transition: all .5s;}
.serNav{padding: 0;}
.serNav div:nth-child(1) a{font-size: initial; color: #555;display: inline-block;margin-right: 15px;}
.serNav div:nth-child(1) a:hover,.serNav .active{color: #FC943F !important;}
.serCase h1{ margin-top: 40px ;margin-bottom: 40px;font-size: 26px;}
.serCase>span{display: block;font-size: 26px;font-weight: bold; text-align: center; padding-top: 80px;}
.serCase>div>div{text-align: center; margin-top: 50px;transition: all .5s;}
.serCase>div>div:hover{ box-shadow: 0 0 5px #888;transform: translateY(-10px);}
.serCase>div>div>span{border: none;font-size: 36px;display: block;margin: 0 auto 20px auto !important;color: #FC943F;padding-top: 10px;}
.news_inf .location{margin-top: initial; border-top: initial;padding-top: initial;border-bottom: 1px solid #ddd;}
.news_inf .location div{margin-top: initial !important;}
.news_inf .location>div:nth-child(1){font-weight: bold;color: #FC943F;}
.news_inf .location>div:nth-child(2){color: #888;font-size: 14px;}
.news_inf .location div a{font-weight:initial;color: #888;}
.news_inf h1{font-weight: bold; font-size: 24px; text-align: center;margin-top: 40px;}
.news_inf>span{ font-size: 14px ; color: #888; text-align: center; display:block; padding-bottom: 20px; margin-bottom: 20px;}
.news_inf>section img{max-width: 100%; height: auto !important; display: block; margin: 30px auto;}
.news_inf>ection div,.news_inf section p{ text-indent: 2em;}
.news_inf>section a{ color: #FC943F; padding: 0 8px;}
.news_inf>section a:hover{ background-color: #FC943F; color: #fff;}
.news_inf>section .inf_ins{ margin-top: 50px; color: #888;font-size: 12px ;}
.news_inf>section .inf_tag{ margin-top: 50px; color: #555;}
.news_inf>section .inf_tag a{color: #555; border:1px solid #555; padding: 0 5px; margin-right: 5px;}
.news_inf>section .inf_tag a:hover{color:#fff; border-color: #FC943F; background-color: #FC943F; text-decoration: none;}
.news_inf>section video{max-width: 100%; max-height: 100%;margin-left: -2em;margin-top: 20px;margin-bottom: 20px;}
.news_inf>div{ border-top: 1px solid #ddd; padding-top: 20px; margin-top: 50px;}
.news_inf>div div{margin: 10px 0;}
.news_inf>div a{ color: #222; font-weight: bold;}
.news_inf>div a:hover{ color:#FC943F;}
.news_inf_r {position: sticky; top:0;}
.news_inf_r>div:nth-child(3){ margin-bottom: -15px;font-weight: bold;}
.news_inf_r>div{ margin: 30px 0;}
.news_inf_r>div>div{ margin-bottom: 10px;}
.news_inf_r ul{  padding-left: 0;}
.news_inf_r li{ list-style: none; text-overflow: ellipsis; overflow: hidden;}
.news_inf_r li a{ white-space: nowrap; color: #666; line-height: 30px;}
.news_inf_r>div:nth-child(2)>div{font-weight: bold;}
.goTop >img{width: 40px; height: 40px; cursor: pointer;}
.goTop{position: fixed; right : 20px; bottom : 80px;}
footer{ background-color: #333; color: #888; font-size: 14px; }
footer img{width: 70%;}
footer a{color: #888; transition: all 0.5s;}
footer .footer_menu>div{ height: 150px;}
footer .footer_menu img{display: block;margin: -40px auto 0 auto;}
footer .footer_n,footer .footer_t>a{ color: #fff; font-size: 16px ;}
footer .footer_t{ font-weight: bold; }
footer .footer_t a{color: #FC943F; }
footer a:hover{ padding-left: 5px;}
footer .footer_l{ margin-top: 20px;}
footer .footer_l a{ padding-right: 5px; padding-left: 5px;}
.footer_nav{border-top: 1px solid #ddd;}
.footer_nav a{display: block;width: 100%;height: 100%;font-weight: bold;height: 55px;line-height: 55px;text-align: center;padding: 0;color: #333;}
.footer_nav .mbg {background-color: #FC943F;}
.footer_nav .dropup {padding: 0;}
.footer_nav .dropup button{width: 100%; height: 55px; border: 0;background:rgba(255,255,255,0) ;font-weight: bold;font-size: 1.05em;}
.footer_nav .dropup .dropdown-menu{min-width: initial;}
.footer_nav .dropup .dropdown-menu a{height: 50px;line-height: 50px;font-size: 1.05em;}
.btn1{ background-color: #398e95; padding: 5px 50px; display: inline-block; border-radius: 80px;color: #fff;}
.btn1:hover{ background-color: #26757c; color:#fff ;}
.btn2{ background-color: #fff; padding: 5px 50px; display: inline-block; border-radius: 80px;color: #398e95;}
.btn2:hover{color: #26757c;}
#i_media p:nth-child(1),#i_about>div>div:nth-child(1),#i_product h2,#i_product h4,#i_service h2,#i_service h4,#i_case h2,#i_news h4,.proContent h2,.proContent h3{font-weight: bold;} 
#i_media p:nth-child(2),#i_newslist dt{ color: #333;} 
#i_media p:nth-child(2),#i_about p{ text-align: justify;}
#i_medialogo,#i_product>div,#i_service>div,#i_case>div:nth-child(3),#i_newslist>div{display: flex;flex-direction: row; flex-wrap: wrap; }/* Flex */
#i_medialogo a{display: block;width:33% ;}
#i_media>div>div:nth-child(3){margin-top: 30px; margin-bottom: 30px;text-align: center;}
#i_about>div:nth-child(1),#i_product>p,#i_service>p,#i_case>p{margin-bottom: 30px;}
#i_about p{text-indent: 2em;}
#i_about>div>div:nth-child(2){margin-top: 10px;}
#i_about>div>div:nth-child(4),#i_product h2,#i_product>p,#i_service h2,#i_service>p,#i_case h2,#i_case>p,#i_case>div:nth-child(4),#i_news h4,#i_news>p,#i_news>div:nth-child(3),#footer>div:nth-child(4),#footer>div:nth-child(5),.proContent h2,.proContent h3{text-align: center;}
#i_product>div>div,#i_service>div>div,#i_newslist>div{width: 100%;}
#i_product h2 span,#i_service h2 span,#i_case span{ color: #398e95;}
#i_product a{display: block; position: relative;width:100%;margin-bottom: 20px;}
#i_product a,#i_service a,#i_case>div:nth-child(3) a,#i_news>div>a,#i_newslist a{transition: .3s;}
#i_product a:hover,#i_service a:hover{transform: translateY(-10px);}
#i_product a>div{background-color: #398e95; color: #fff; opacity: 0.9;position: absolute; bottom: 100px;width: 100%;padding: 10px 20px;}
#i_product img,#i_service img{ border-radius: 10px;}
#i_product img{width: 100%;}
#i_product a>div>p,#i_newslist dl{margin: 0;}
#i_product a>div>div,#i_service a>div>div{border-bottom: 1px solid #fff;width: 50px;}
#i_service {padding: 0;}
#i_service a{display: block; position: relative;margin-bottom: 20px;}
#i_service a>div{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align: center; color: #fff;}
#i_service a>div>div{ margin: 15px auto 10px auto;}
#i_case>div>div{width: 50%;}
#i_case>div>div:nth-child(odd){padding: 5px 5px 5px 0;}
#i_case>div>div:nth-child(even){padding: 5px 0px 5px 5px ;}
#i_case>div>div a{display: inline-block;}
#i_case img{border:1px solid #eee; border-radius: 10px;}
#i_case>div:nth-child(3) a:hover{ transform: translateY(-5px);}
#i_case>div:nth-child(4){margin-top: 50px;}
#i_news>div:nth-child(3){ margin: 50px 0 ; }
#i_news>div:nth-child(3)>div{color: #555; font-weight: 700;display: inline-block;padding-bottom: 5px; border-bottom: 2px solid #eee;margin: 0 5px;}
#i_news>div:nth-child(3)>div:hover,#i_news>div:nth-child(3) .active{color: #398e95; border-bottom: 2px solid #398e95;cursor:pointer;}
#i_newslist>div>div{padding:0 5px;margin-bottom: 20px;max-width: 100%;}
#i_newslist>div:nth-child(6){margin-bottom: 0;}
#i_newslist a{display: block; background-color: #fff;padding: 10px; border-radius: 10px;}
#i_newslist a:hover{ box-shadow: 0 0 10px #bbb;}
#i_newslist dt{ overflow: hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; white-space: nowrap; padding: 5px 0;}
#i_newslist dd{ color: #888;}
#i_newslist dd{ width: 100%;overflow: hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box;-webkit-box-orient: vertical;padding-top: 5px;}
#i_newslist .date{ color: #aaa;}
#i_newslist section{ display: block;text-align: center;margin-top: 40px;}
#i_newslist section span{ cursor: pointer;}
footer>div>div>img{width: 140px ;}
footer .i_container{padding-top: 30px;padding-bottom: 80px;text-align: center;}
#footer{color: #fff;margin-top: 50px; display: flex; flex-direction: row; font-size: 14px;line-height: 24px;}
#footer ul{list-style: none;padding-left: 0;}
@media (min-width: 768px) {  /*NKL-sm */
.proContent h2,.proContent h3{ margin-bottom: 50px;}
.flex4>div{ width: 50%;}
}
@media (min-width: 992px) {  /*NKL-md */
nav.navbar .navbar-brand img.logo{ height: 50px; }
.margin_tb80{ margin: 80px auto;}
.i_tese{ margin-bottom: 80px; }
.i_tese span{ font-size: 36px; }    
.i_aboutF > div:nth-child(1){ font-size: 24px;margin-top:0;}
.i_images{border:1px solid #eee;}
.col-md2{width: 20%;}
.i_title{font-size:30px;}
.i_ser { margin-bottom: 0;}
.i_cas > div { margin-bottom: 0;}
.i_cas .i_cas_mb { margin-bottom: 20px;}
.i_news_menu a{  line-height:normal;}
.i_pc{display: initial !important;}
.i_wap{display:none !important;}
.col-md-1-5{ width: 20%; float: left;}
.online_cus{ font-size: 30px; }
.online_cus a{ width: 25%;}
.serNav div:nth-child(2){text-align: right;}
.news_list>h1 { margin-top: 40px;font-size: 36px;}
.news_inf h1{margin-top: 50px;}
.news_inf>section {min-height: 500px;}
.news_inf>section video{display: flex;margin: 20px auto;}
.news_inf .location>div:nth-child(2){text-align: right;}
.case_show{ margin-bottom: 80px;}
.case_show>div:nth-child(1) {margin-bottom: 80px;}
.case_show .case_content div{ margin-top: 50px;}
.class_block .class_content a{margin-bottom: 0;}
.product h1,.product2 h4{ font-size: 30px;}
.product>div>div>span{ margin-bottom: 0;}
.product .product_fm>div>div{ height: 180px;}
.product_m a{ width: 180px; margin-bottom: 0;}
.webFlex{display: flex; flex-flow:row nowrap; justify-content: space-between;}
.webFlex>div{ width: initial;}
.flex2>div{ width: 48%;}
.flex3>div{ width: 32%;}
.flex4>div{ width:24%;}
.flex4 article{ transition:all .5s;}
.flex4 article:hover{ transform: translateY(-10px); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.proContent h2,.proContent h3{ margin-bottom: 80px;}
.flex2 a{ display:inline-block; margin: 30px 0 0 0;}
.flex2 img{ margin-bottom: initial;}
.flex3 .img{ width: 100%; overflow: hidden; border-radius: 8px;}
.flex3  img{ transition: all .5s;}
.flex3 .bottom{ margin: 0 auto ; }
.flex3 a:hover img{ transform: scale(1.1);}
.flex3 a:hover p{ color: #DD750D;}
.flex3 a:hover .bottom{ width: 150px; background-color: #DD750D;}
.topNav>div:nth-child(1) {display: block;}
.serCase h1{ margin-bottom: 80px;}
.serCase h1,.serCase>span{font-size: 36px;}
footer .footer_menu>div{ height: 230px;}
footer .footer_menu img{display:initial;margin:initial;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{width:initial;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{text-align: center;}
.margin_tb150{margin: 80px auto;}
#margin_tb150{margin: 100px auto;}
#margin_tb150b{margin: 80px auto 100px auto;}
#i_media p:nth-child(1),#i_about>div>div:nth-child(1),#i_product h2,#i_service h4,#i_case h2,#i_news h4,#footer span,.proContent h2,.proContent h3{font-size: 24px;font-weight: bold;line-height: 24px;}
.i_container,.i_container2{width: 98%;}
#i_media,#i_about,#i_product>div,#i_service>div,#i_newslist>div,.footerp div{display: flex; flex-direction: row; justify-content: space-between;}/* Flex */
#i_media>div,#i_about>div{width: 49%;}
#i_medialogo a{width:16% ;}
#i_media P:nth-child(2),#i_medialogo,#i_about>div>div:nth-child(4){margin-top: 20px;}
#i_media>div>div:nth-child(3){margin-top: 30px; margin-bottom: 0;text-align: initial;}
#i_about>div:nth-child(1),#i_product a{margin-bottom: 0;}
#i_about ul{display: none;}
#i_about>div>div:nth-child(4){text-align: right;}
#i_product>div>div{width: 20%;}
#i_product>p,#i_service>p,#i_case>p{margin-bottom: 50px;}
#i_product>div>div,#i_service>div>div{ padding: 0 5px;}
#i_product h4{font-size: 14px;}
#i_product a>div>p{margin: 0;font-size: 12px;}
#i_service>div>div{width: 33%;}
#i_service a{margin-bottom: 0;}
#i_case>div>div{width: 25%; }
#i_case>div>div:nth-child(odd),#i_case>div>div:nth-child(even){padding: 5px;}
#i_news>div>a{ margin: 0 10px;}
#i_newslist>div>div{width: 50%;max-width: none;}
#i_newslist>div:nth-child(n+4){margin-bottom: 0;}
#i_newslist a{padding: 15px 25px;}
.goTop{ bottom : 20px;}
footer>div>div>img{width: 240px ;}
footer .i_container{padding-top: 80px; padding-bottom: 0; text-align: initial;}
footer a:hover{ padding-left: 0;}
#footer>div:nth-child(1){width: 40%;}
#footer .footerp{width: 30%;}
#footer .footers,#footer>div:nth-child(4),#footer>div:nth-child(5){width: 10%;}
#footer .footerp div{flex-wrap: wrap;}
#footer .footerp a{display: block;width: 50%;}
#footer .footers a{display: block;}
.i_container>div:nth-child(3){margin: 80px 0 10px 0;}
}
@media (min-width:1200px) {
    #i_about ul{display: flex; flex-direction: row; flex-wrap: wrap;}
    #i_about li{width: 50%;font-size: 12px;color: #eee;}
    #i_product h4,#i_product a>div>p{font-size: initial;}
    #footer{font-size: 16px; line-height: 30px;}
    .i_container>div:nth-child(3){margin-top: 150px;}
    .topNav>div:nth-child(1) a{display: inline-block;}
    .topNav>div:nth-child(1) a:nth-child(n+2){ margin-left:15px;}
}
@media (min-width:1900px) {  /*NKL-lg v2023.02*/
    .btn1,.btn2{ padding: 10px 50px;}
    #i_media p:nth-child(1),#i_about>div>div:nth-child(1),#i_product h2,#i_service h4,#i_case h2,#i_news h4,#footer span,.proContent h2,.proContent h3{font-size: 34px;line-height: 34px;}
    #i_media P:nth-child(2),#i_about>div>div:nth-child(2){font-size: 24px;line-height: 40px;} 
    .i_container,.i_container2{width: 1700px;}
    .margin_tb150{margin: 150px auto;}
    .margin_tb150b{margin: 130px auto 150px auto;}
    #i_media P:nth-child(2),#i_medialogo,#i_about>div>div:nth-child(4){margin-top: 50px;}
    #i_about>div>div:nth-child(2){margin-top: 30px; margin-bottom: 30px; line-height: 30px;}
    #i_about li{font-size: initial;}
    #i_product>p,#i_service>p,#i_case>p{margin-bottom: 80px;}
    #i_product h4{font-size: 24px;}
    #i_newslist>div>div{width: 33%;}
    footer .i_container{padding-top: 120px;}
    #footer{font-size: 18px; line-height: 40px;}   
}