@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1600px){
	.fs_16 {font-size:14px;}
	.fs_18 {font-size:16px;}
	.fs_20 {font-size:18px;}
	.fs_22 {font-size:20px;}
	.fs_24 {font-size:22px;}
	.fs_26 {font-size:24px;}
	.fs_28 {font-size:26px;}
	.fs_30 {font-size:28px;}
	.fs_32 {font-size:30px;}
	.fs_34 {font-size:32px;}
	.fs_36 {font-size:34px;}
	.fs_38 {font-size:36px;}
	.fs_40 {font-size:38px;}
    .pd_20_16 {padding:0 20px;}.pd_30_16 {padding:0 30px;}
    .row_fd_r16, .row_fw_nw16, .row_fw_w16 {display:block;}
    .bannerT {font-size: 44px;}
}
/*1600px_spc_end*/


@media only screen and (max-width:1400px){
	.fs_18 {font-size:14px;}
	.fs_20 {font-size:16px;}
	.fs_22 {font-size:18px;}
	.fs_24 {font-size:20px;}
	.fs_26 {font-size:22px;}
	.fs_28 {font-size:24px;}
	.fs_30 {font-size:26px;}
	.fs_32 {font-size:28px;}
	.fs_34 {font-size:30px;}
	.fs_36 {font-size:32px;}
	.fs_38 {font-size:34px;}
	.fs_40 {font-size:36px;}
    .pd_20_14 {padding:0 20px;}.pd_30_14 {padding:0 30px;}
    .row_fd_r14, .row_fw_nw14, .row_fw_w14 {display:block;}
    .bannerT {font-size: 40px;}
    .bannerB {padding-top: 40px;}
    .bannerB a:link, .bannerB a:visited {line-height: 350%;}
    .indexAL h1 {font-size: 36px;}
    .productsSubM li::after {margin: 0 50px;}
    .related {padding: 30px 20px 60px 20px;}
    .related .owl-nav .owl-prev {left: 0px;}
    .related .owl-nav .owl-next {right: 0px;}
    .applicationList .owl-nav .owl-prev {left: -35px;}
    .applicationList .owl-nav .owl-next {right: -35px;}
}
/*1400px_nb_end*/


@media only screen and (max-width:1200px){
	.fs_20 {font-size:14px;}
	.fs_22 {font-size:16px;}
	.fs_24 {font-size:18px;}
	.fs_26 {font-size:20px;}
	.fs_28 {font-size:22px;}
	.fs_30 {font-size:24px;}
	.fs_32 {font-size:26px;}
	.fs_34 {font-size:28px;}
	.fs_36 {font-size:30px;}
	.fs_38 {font-size:32px;}
	.fs_40 {font-size:34px;}
    .pd_20_12 {padding:0 20px;}.pd_30_12 {padding:0 30px;}
    .row_fd_r12, .row_fw_nw12, .row_fw_w12 {display:block;}
    .bannerT {font-size: 34px;}
    .bannerB {padding-top: 30px;}
    .bannerB a:link, .bannerB a:visited {line-height: 300%;}
    .indexAL {width: 50%; padding: 0 40px 0 20px;}
    .indexAL h1 {font-size: 32px;}
    .footer > ul > li:nth-child(2) {width: 48.7%;}
    .footer > ul > li:nth-child(3) {width: 21.4%;}
    .productsSubM li::after {margin: 0 40px;}
    .applicationList .owl-nav .owl-prev {left: 0px;}
    .applicationList .owl-nav .owl-next {right: 0px;}
}
/*1200px_xl_end*/


@media only screen and (max-width:1100px){
    .sjj_nav_li_w::after {margin: 0 17px;}
}
/*1100px_end*/


@media only screen and (max-width:992px){
    .mobile {display:block;}.pc {display:none;}
    .rotate_360:hover img {text-decoration:none; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
    .alpha_60 img, .alpha_60:hover img {filter:alpha(opacity=100);Opacity:1.0;}
    .scale_3 img, .scale_3:hover img, .scale_05 img, .scale_05:hover img {transform: scale(1.0, 1.0);}
	.fs_16 {font-size:1.823vw;}
	.fs_18 {font-size:2.083vw;}
	.fs_20 {font-size:2.344vw;}
	.fs_22 {font-size:2.604vw;}
	.fs_24 {font-size:2.865vw;}
	.fs_26 {font-size:3.125vw;}
	.fs_28 {font-size:3.385vw;}
	.fs_30 {font-size:3.646vw;}
	.fs_32 {font-size:3.906vw;}
	.fs_34 {font-size:4.167vw;}
	.fs_36 {font-size:4.427vw;}
	.fs_38 {font-size:4.688vw;}
	.fs_40 {font-size:4.948vw;}
    .pd_20_9 {padding:0 20px;}.pd_30_9 {padding:0 30px;}
    .row_fd_r9, .row_fw_nw9, .row_fw_w9 {display:block;}
	.ht_15 {height:10px; font-size:0px; line-height:0px;}
	.ht_20 {height:15px; font-size:0px; line-height:0px;}
	.ht_25 {height:20px; font-size:0px; line-height:0px;}
	.ht_30 {height:25px; font-size:0px; line-height:0px;}
	.ht_40 {height:35px; font-size:0px; line-height:0px;}
	.ht_50 {height:45px; font-size:0px; line-height:0px;}
	.ht_60 {height:55px; font-size:0px; line-height:0px;}
    .slideTable {display: block;}
    .top-barC {height: 70px;}
    .logo {position: absolute;top: 50%;left: -5px;width: 270px;margin-top: -30px;z-index: 9977;transition: all 0.25s ease 0s;}
    .hideUp logo {width: 150px; margin-top: -28px;}
    .links {position: fixed; top: 70px; width: 100%; height: 70px; padding: 0 20px; background-color: #fff; visibility: hidden; filter:alpha(opacity=0);Opacity:0; z-index: 9999;}
    .hideUp .links {position: fixed; top: 70px; width: 100%; height: 70px; padding: 0 20px; background-color: #fff; z-index: 9999;}
    .hideUp .sjj_nav_ul > li > ul {top: 0px;}
    .linksM {visibility: visible; filter:alpha(opacity=100);Opacity:1.0;}
    .links > div {display: inline-flex; width: 50%;}
    .links > div:nth-child(1), .links > div:nth-child(3) {display: none;}
    .links::before {content: ''; position: absolute; top: 0px; right: 20px; left: 20px; height: 1px; background-color: rgba(188, 188, 188, 0.42); font-size: 0; line-height: 0;}
    .links::after {content: ''; position: absolute; bottom: 0px; right: 20px; left: 20px; height: 1px; background-color: rgba(188, 188, 188, 0.42); font-size: 0; line-height: 0;}
    .links > div:nth-child(2) {flex-wrap: wrap; justify-content: flex-start;}
    .language {right:auto; margin-right: 0; left: -10px;}
    .sjj_nav, .hideUp .sjj_nav {top:138px;}
    .links > div:nth-child(3) span {top: 2px;}
    .links > div:nth-child(4)::after {width: 0px;}
    .sjj_nav_ul > li > a {padding: 0px 0px 11px 0;}
    .sjj_nav_ul > li > ul {top: 0px;}
    .sjj_nav_ul > li > a::before {bottom: -11px;}
    .search_pic, .search_btn {right: 20px;}
    .search {right: 53px;}
    .inqueryLink {display: block;}
    #content {padding: 70px 0 0 0 ;}
    .bannerT {font-size: 4.839vw; letter-spacing: 3px;}
    .bannerB {padding-top: 40px;}
    .bannerB a:link, .bannerB a:visited {line-height: 350%;}
    .owl-dots {bottom: 5.6%;}
    .goBtn img {animation: blink 0ms infinite;}
    .indexAL {width: 100%; padding: 0 0px 50px 0px;}
    .indexAL h1 {font-size: 38px;}
    .indexALB {bottom: 50px;}
    .indexAR {width: 100%; text-align: center; padding-left: 0; max-width: 608px; margin: auto;}
    .indexB p {margin-bottom: 40px;}
    .indexE {background: none #fff no-repeat right center;}
    .footer > ul > li:nth-child(1) {width: 40%;}
    .footer > ul > li:nth-child(2) {width: 60%;}
    .footer > ul > li:nth-child(3) {width: 100%; justify-content:center; padding: 57px 0 10px 0;}
    .footer > ul > li:nth-child(3) a {margin: 0 10px;}
    .aboutCL, .aboutCR {width: 50%;}
    .productsListL {width: 50%;}
    .productsSubT {margin: 0 auto 40px auto;}
    .productsSubTL {width: 100%; padding: 0 0 0 0;}
    .productsSubTR {width: 100%; padding: 60px 0 0 0; margin: 60px 0 0 0; border-left: 0px solid #d8d8d8; border-top: 1px solid #d8d8d8;}
    .productsSubTR p, .productsSubTRL, .productsSubTRS {margin-bottom: 5.4%;}
    .productsSubM li::after {margin: 0 30px;}
    .applicationList .owl-theme .owl-dots {padding: 25px 0 0 0;}
    .newsListLCT {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px 0 0;}
    .newsListLCC {padding: 0 20px 0 0;}
    .newsMC {display: none; margin: 20px 0 0 0;}
    .openSubMN span:nth-child(1) {transform: rotate(45deg); top: 10px; transition: all ease 0.35s;}
    .openSubMN span:nth-child(2) {width: 0; transition: all ease 0.35s;}
    .openSubMN span:nth-child(3) {transform: rotate(-45deg); top: 10px; transition: all ease 0.35s;}
    .newsMC .btn_d:link, .newsMC .btn_d:visited {width: 100%; border-radius: 0px;}
	.agent { margin: 50px 0 0 0;}
	.agent > div { width: 31.33%; margin: 0 3% 40px 0;}
	.agent > div:nth-child(4n+4) { margin: 0 3% 40px 0;}
	.agent > div:nth-child(3n+3) { margin: 0 0 40px 0;}
	.agent > div .country { font-size: 112.5%;}
}
/*992px_lg_end*/


@media only screen and (max-width:768px){
    .fs_16 {font-size: 2.431vw;}
    .fs_18 {font-size: 2.778vw;}
    .fs_20 {font-size: 3.125vw;}
    .fs_22 {font-size: 3.472vw;}
    .fs_24 {font-size: 3.819vw;}
    .fs_26 {font-size: 4.167vw;}
    .fs_28 {font-size: 4.514vw;}
    .fs_30 {font-size: 4.861vw;}
    .fs_32 {font-size: 5.208vw;}
    .fs_34 {font-size: 5.556vw;}
    .fs_36 {font-size: 5.903vw;}
    .fs_38, .indexAL h1 {font-size: 6.25vw;}
    .fs_40 {font-size: 6.597vw;}
    .pd_20_7 {padding:0 20px;}.pd_30_7 {padding:0 30px;}
    .row_fd_r7, .row_fw_nw7, .row_fw_w7 {display:block;}
	.ht_20 {height:10px; font-size:0px; line-height:0px;}
	.ht_25 {height:15px; font-size:0px; line-height:0px;}
	.ht_30 {height:20px; font-size:0px; line-height:0px;}
	.ht_40 {height:30px; font-size:0px; line-height:0px;}
	.ht_50 {height:40px; font-size:0px; line-height:0px;}
	.ht_60 {height:50px; font-size:0px; line-height:0px;}
    .slideTable {background-size: 30%;}
    .goTop {bottom: -100px; margin-right: -40px;}
    .goTop a:link, .goTop a:visited {padding: 20px;}
    .goTop img {width: 40px; transition: all 0.5s ease 0s;}
    .off .goTop {bottom: -367px;}
    .bannerT {letter-spacing: 2px;}
    .bannerB {padding-top: 30px;}
    .bannerB a:link, .bannerB a:visited {line-height: 300%;}
    .indexB p br {display: none;}
    .indexECC {display: block;}
    .indexECCL, .indexECCR {width: 100%;}
    .indexECCC {width: 100%; height: 65px;}
    .indexECCC::before {height: 1px; width: 100%;}
    .indexECCT {margin-bottom: 20px;}
    .footer {padding: 80px 20px 0 20px;}
    .footer > ul > li:nth-child(1), .footer > ul > li:nth-child(2) {width: 100%;}
    .footer > ul > li:nth-child(3) {padding: 40px 0 10px 0;}
    .footer div {border-bottom: 1px solid rgba(226, 226, 226, 0.41); padding: 20px 0 15px 15px; position: relative; cursor: pointer;}
    .footer div::after {content: url("../images/icon_01g.png"); position: absolute; top: 50%; right: 10px; margin-top: -7px; transition: all 0.5s ease 0s;}
    .footer .div_open::after {content: url("../images/icon_01f.png"); position: absolute; top: 50%; right: 10px; margin-top: -7px; transition: all 0.5s ease 0s;}
    .footer > ul > li:nth-child(1) ul, .footer > ul > li:nth-child(2) ul {height: 0; padding: 0px 15px 0 15px; transition: all 0.25s ease 0s;}
    .footer > ul > li:nth-child(1) ul li {width: 33.33%;}
    .ul_open {height: auto!important; padding: 10px 15px 0px 15px!important; transition: all 0.25s ease 0s;}
    .aboutA {width: calc(100% - 280px);}
    .aboutB {width: 280px; text-align: right;}
    .aboutCL {width: 100%; text-align: center; padding-bottom: 3%;}
    .aboutCR {width: 100%;}
    .aboutE br {display: none;}
    .products h1, .application h1 {margin-bottom: 30px;}
    .productsSubTL {padding: 40px 0 0 0;}
    .productsSubTR {padding: 40px 0 0 0; margin: 40px 0 0 0;}
    .productsSubM ul {display: none; position: absolute; top: 68px; left: 0; width: 100%; z-index: 7777; text-align: center; background-color: #fff; height: auto; box-shadow: 0 0 13px rgba(0, 0, 0, 0.3); flex-direction: column; justify-content: center;}
    .productsSubM li::after {content: none;}
    .productsSubM li {line-height: 40px;}
    .productsSubMI {display: block; position: absolute; left: 50%; top: 50%; margin: -12.5px 0 0 -15px; cursor: pointer;}
    .productsSubM a:link, .productsSubM a:visited {text-decoration:none; color:#03589f; position: relative; transition: all 0.5s ease 0s;}
    .productsSubM a:active, .productsSubM a:hover {text-decoration:none; color:#03589f; cursor:pointer; transition: all 0.5s ease 0s;}
    .productsSubM a::before {content: ''; position: absolute; bottom: -5px; left: 0px; height: 2px; background-color: #03589f; width: 0%; transition: all 0.25s ease 0s;}
    .productsSubM a:hover::before {content: ''; position: absolute; bottom: -5px; left: 0px; height: 2px; background-color: #03589f; width: 100%; transition: all 0.25s ease 0s;}
    .openSubM span:nth-child(1) {transform: rotate(45deg); top: 10px; transition: all ease 0.35s;}
    .openSubM span:nth-child(2) {width: 0; transition: all ease 0.35s;}
    .openSubM span:nth-child(3) {transform: rotate(-45deg); top: 10px; transition: all ease 0.35s;}
    .applicationList .owl-theme .owl-dots {padding: 20px 0 0 0;}
    .newsList {padding: 40px 0;}
    .newsListLN {display: none;}
    .newsListLC {width: calc(100% - 280px);}
    .contactFCol_a, .contactFCol_b {width: 100%; padding: 0 0px 0 0;}
    .contactB {padding: 5.784% 20px 20px 20px;}
    .iframeMap iframe {height: 325px;}
	.agent > div { width: 48.5%; margin: 0 3% 40px 0;}
	.agent > div:nth-child(4n+4) { margin: 0 3% 40px 0;}
	.agent > div:nth-child(3n+3) { margin: 0 3% 40px 0;}
	.agent > div:nth-child(2n+2) { margin: 0 0 40px 0;}
}
/*768px_md_end*/


@media only screen and (max-width:576px){
    .fs_16, .sjj_nav ul li, .copyright {font-size: 3.256vw;}
    .fs_18 {font-size: 3.721vw;}
    .fs_20 {font-size: 4.186vw;}
    .fs_22 {font-size: 4.651vw;}
    .fs_24 {font-size: 5.116vw;}
    .fs_26 {font-size: 5.581vw;}
    .fs_28 {font-size: 6.047vw;}
    .fs_30 {font-size: 6.512vw;}
    .fs_32 {font-size: 6.977vw;}
    .fs_34 {font-size: 7.442vw;}
    .fs_36, .indexAL h1 {font-size: 7.907vw;}
    .fs_38 {font-size: 8.372vw;}
    .fs_40 {font-size: 8.837vw;}
    .pd_20_5 {padding:0 20px;}.pd_30_5 {padding:0 30px;}
    .row_fd_r5, .row_fw_nw5, .row_fw_w5 {display:block;}
	.ht_25 {height:10px; font-size:0px; line-height:0px;}
	.ht_30 {height:15px; font-size:0px; line-height:0px;}
	.ht_40 {height:25px; font-size:0px; line-height:0px;}
	.ht_50 {height:35px; font-size:0px; line-height:0px;}
	.ht_60 {height:45px; font-size:0px; line-height:0px;}
    .bannerT {letter-spacing: 1px;}
    .bannerB {padding-top: 30px; width: 50%;}
    .bannerB a:link, .bannerB a:visited {line-height: 270%;}
    .indexAL h1 {margin-bottom: 20px;}
    .indexAL .btn_a {margin-top: 30px;}
    .indexD {background: none #e7ebec no-repeat left top;}
    .footer > ul > li:nth-child(2) ul {line-height: 150%;}
    .footer > ul > li:nth-child(2) ul li {padding: 7px 0px 7px 40px;}
    .footer > ul > li:nth-child(3) {padding: 30px 0 10px 0;}
    .about h1, .products h1, .application h1 {margin-bottom: 20px;}
    .aboutA {width: 100%;}
    .aboutB {width: 100%; text-align: center; padding: 4% 0 0 0;}
    .aboutC {padding: 40px 0;}
    .aboutCRL {width: 100px;}
    .aboutCRR {width: calc(100% - 100px);}
    .aboutDP {width: 50%;}
    .productsListLC::after {content: none;}
    .productsSubTL {padding: 30px 0 0 0;}
    .productsSubTR {padding: 30px 0 0 0; margin: 30px 0 0 0;}
    .productsSubTR h2 {margin-bottom: 15px;}
    .productsSubTRB a:nth-child(1) {width: 48%!important; margin: 10px 2% 10px 0;}
    .productsSubTRB a:nth-child(2) {width: 48%!important; margin: 10px 0 10px 2%;}
    .productsSubTRB a:nth-child(3) {width: 100%!important; margin: 10px 0;}
    .related .owl-nav .owl-prev span::before {content:url("../images/prev_f.png");}
    .related .owl-nav .owl-next span::before {content: url("../images/next_f.png");}
    .applicationList .owl-theme .owl-dots {padding: 15px 0 0 0;}
    .newsListLPC div {justify-content:flex-start;}
    .newsListLC {width: 75%; padding: 20px 0 0 0;}
    .newsListLD {width: 25%; padding: 20px 0 0 0;}
    .newsListL:hover {background-color: #fff;}
    .newsListL:hover .newsListLC {color:#34373c;}
    .newsListL:hover .newsListLD {color:#1260bb;}
    .contactB .btn_d:link, .contactB .btn_d:visited {width: 40%; line-height: 235%;}
    .contactB input.btn_d {width: 40%; line-height: 235%;}
    .contactF {padding: 30px 20px 15px 20px;}
	.agent { margin: 40px 0 0 0;}
	.agent > div { width: 100%; margin: 0 0 30px 0;}
	.agent > div:nth-child(4n+4) { margin: 0 0 30px 0;}
	.agent > div:nth-child(3n+3) { margin: 0 0 30px 0;}
	.agent > div:nth-child(2n+2) { margin: 0 0 30px 0;}
}
/*576px_sm_end*/


@media only screen and (max-width:430px){
    .fs_16, .copyright {font-size: 14px;}
    .fs_18, .sjj_nav ul li {font-size: 14px;}
    .fs_20 {font-size: 16px;}
    .fs_22 {font-size: 18px;}
    .fs_24 {font-size: 18px;}
    .fs_26 {font-size: 20px;}
    .fs_28 {font-size: 20px;}
    .fs_30 {font-size: 22px;}
    .fs_32 {font-size: 22px;}
    .fs_34 {font-size: 24px;}
    .fs_36, .indexAL h1 {font-size: 24px;}
    .fs_38 {font-size: 26px;}
    .fs_40 {font-size: 26px;}
	.ht_30 {height:10px; font-size:0px; line-height:0px;}
	.ht_40 {height:20px; font-size:0px; line-height:0px;}
	.ht_50 {height:30px; font-size:0px; line-height:0px;}
	.ht_60 {height:40px; font-size:0px; line-height:0px;}
    .bannerB a:link, .bannerB a:visited {line-height: 240%;}
    .indexAL h1, .products h1, .application h1 {margin-bottom: 10px;}
    .indexALB {position: relative; bottom: 0; right: 0px; width: 180px; margin: auto;}
    .footer > ul > li:nth-child(1) ul li {width: 50%;}
    .title_03 {width: 200px; height: 30px; margin: -15px 0 0 -100px;}
    .about h1 {margin-bottom: 10px;}
    .aboutCRL {width: 70px;}
    .aboutCRR {width: calc(100% - 70px);}
    .productsListL {width: 100%;}
    .productsSubTRL a {width: 100%!important; margin: 10px 0!important;}
    .productsSubTRS {text-align: center;}
    .productsSubTRS a {margin: 0 6px!important;}
    .related .owl-nav .owl-prev span::before, .related .owl-nav .owl-next span::before, .applicationList .owl-nav .owl-prev, .applicationList .owl-nav .owl-next {display: none;}
    .applicationList .owl-theme .owl-dots {padding: 10px 0 0 0;}
	.agent { margin: 20px 0 0 0;}
	.agent > div { margin: 0 0 20px 0;}
	.agent > div:nth-child(4n+4) { margin: 0 0 20px 0;}
	.agent > div:nth-child(3n+3) { margin: 0 0 20px 0;}
	.agent > div:nth-child(2n+2) { margin: 0 0 20px 0;}
}
/*430px_xs_end*/