.ly * { margin:0; padding:0; box-sizing:border-box; }
/* header */
.ly-header { position:relative; min-width:1200px; z-index:999; }
.ly-header .topwrap { position:relative; overflow:hidden; width:100%; }
.ly-header .topwrap .logo { overflow:hidden; max-width:1200px; width:100%; height:155px; padding:36px 0; margin:0 auto; }
.ly-header .topwrap .logo img { display:block; width:auto; height:83px; margin:0 auto; }

.ly-header .navwrap { position:relative; height:50px; background-color:#fff; }
.ly-header .navwrap .nav { max-width:1200px; height:50px; margin:0 auto; }
.ly-header .navwrap .nav ul { float:left; }
.ly-header .navwrap .nav ul li { float:left; height:50px; position:relative; }
.ly-header .navwrap .nav ul li a.f { display:block; line-height:50px; font-size:18px; color:#333; padding:0 25px; }
.ly-header .navwrap .nav ul li.on a.f,
.ly-header .navwrap .nav ul li:hover a.f { background-color:#004887; color:#fff; }
.ly-header .navwrap .nav ul li:hover .nav-child-list { display:block; }
.ly-header .navwrap .nav ul li .nav-child-list { display:none; width:100%; position:absolute; top:50px; left:0; z-index: 4; background: #fff; border-top: 2px solid #66b2f5; opacity:.7; }
.ly-header .navwrap .nav ul li .nav-child-list .nav-child-list-con { max-width: 1080px; margin: 0 auto; padding: 10px 0; -webkit-box-shadow:0 0 5px 0 #C9C8C7; box-shadow:0 0 5px 0 #C9C8C7; }
.ly-header .navwrap .nav ul li .nav-child-list .nav-child-list-con dl dt { padding: 8px 10px; text-align: center; }
.ly-header .navwrap .nav ul li .nav-child-list .nav-child-list-con dl dt:nth-child(4) { margin-right: 0; }
.ly-header .navwrap .nav ul li .nav-child-list .nav-child-list-con dl dt:nth-child(8) { margin-right: 0; }
.ly-header .navwrap .nav ul li .nav-child-list .nav-child-list-con dl dt:hover { background:#004887; }
.ly-header .navwrap .nav ul li .nav-child-list .nav-child-list-con dl dt:hover a { color: #fff; }
.ly-header .navwrap .nav ul li .nav-child-list .nav-child-list-con dl dt a { display: block; font-size: 16px; color: #333; }

/* topsearch */
.ly-header .navwrap .topsearch { position:absolute; top:10px; right:50%; z-index:9; overflow:hidden; width:200px; height:32px; background-color:#fff; border:1px solid #cdcdcd; border-radius:15px; margin-right:-600px; }
.ly-header .navwrap .topsearch .searchtxt { width:148px; height:30px; line-height:30px; background:#fff  url(https://www.jsycport.com/images/2021new/search_bg_img_01.png) 10px center no-repeat; border:none; border-radius:3px; outline:none; padding:0 10px 0 30px; float:left; }
.ly-header .navwrap .topsearch .searchbtn { width:50px; height:30px; line-height:30px; background-color:#004887; color:#fff; font-size:16px; border:none; outline:none; border-radius:15px; float:left; }

.page { overflow:hidden; width:100%; min-width:1200px; }

/* banner */
.page .banner { position:relative; overflow:hidden; height:600px; }
.page .banner .swiper-wrapper .swiper-slide { background-position:center center; background-repeat:no-repeat; }
.page .banner .swiper_btn { display:none; width:80px; height:80px; background-color:#fff; background-size:50% 50%; opacity:0.5; border-radius:40px; }
.page .banner:hover .swiper_btn { display:block; }
.page .banner .swiper-pagination span { width:15px; height:15px; background-color:#fff; }
/* content */
.page .content { overflow:hidden; padding-bottom:20px; }

/* imgnews */
.page .content .imgnews { position:relative; overflow:hidden; width:100%; }
.page .content .imgnews .hd { position:relative; overflow:hidden; height:70px; }
.page .content .imgnews .hd .lftl { position:absolute; top:0; right:50%; z-index:9; margin-right:350px; width:1000px; height:70px; background-color:#fff; }
.page .content .imgnews .hd .lftl .corner { margin-right:-40px; float:right; width:20px; height:66px; border-width:33px 20px; border-style:solid; border-color:transparent transparent #fff #fff; }
.page .content .imgnews .hd .lftl .tltxt { overflow:hidden; width:250px; height:70px; line-height:70px; color:#000; font-size:38px; text-align:center; font-weight:bold; float:right; }
.page .content .imgnews .hd .lftl .tltxt span { display:inline-block; height:70px; border-bottom:3px solid #ea0f0f; }
.page .content .imgnews .imgwrap { overflow:hidden; width:100%; background:url('https://www.jsycport.com/images/2021new/imgnews_bg_img_01.jpg') no-repeat center bottom; }

.page .content .imgnews .imgcn { position:relative; overflow:hidden; width:1200px; height:406px; margin:0 auto; }

.page .content .imgnews .imgcn .imgmain { overflow:hidden; width:100%; height:406px; padding:30px 0 0; }
.page .content .imgnews .imgcn .imgmain .item-lf { overflow:hidden; width:480px; height:376px; float:left; padding:0 30px 0 0; }
.page .content .imgnews .imgcn .imgmain .item-lf .cn { overflow:hidden; height:320px; }
.page .content .imgnews .imgcn .imgmain .item-lf .cn .tl { overflow:hidden; line-height:34px; color:#000; font-size:28px; padding:10px 0; }
.page .content .imgnews .imgcn .imgmain .item-lf .cn .sm { overflow:hidden; line-height:30px; color:#000; font-size:16px; text-indent:32px; margin-top:10px; }
.page .content .imgnews .imgcn .imgmain .item-lf .btns { overflow:hidden; height:36px; }
.page .content .imgnews .imgcn .imgmain .item-lf .btns .debtn { display:inline-block; overflow:hidden; height:36px; line-height:36px; background-color:#173f8f; color:#fff; font-size:15px; letter-spacing:1px; padding:0 10px; border-radius:10px; }
.page .content .imgnews .imgcn .imgmain .item-rt { position:relative; overflow:hidden; width:720px; height:376px; float:right; }
.page .content .imgnews .imgcn .imgmain .item-rt .img { position:relative; overflow:hidden; width:720px; height:376px; }
.page .content .imgnews .imgcn .imgmain .item-rt .img img { width:100%; height:auto; }
.page .content .imgnews .imgcn .imgmain .item-rt .img .txt { position:absolute; left:0; bottom:0; z-index:9; overflow:hidden; width:100%; height:40px; line-height:40px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:16px; padding:0 150px 0 20px; text-overflow:ellipsis; white-space:nowrap; }
.page .content .imgnews .imgcn .slides { position:relative; z-index:1; }
.page .content .imgnews .imgcn .slides li { width:720px; height:376px; }
.page .content .imgnews .imgcn .flex-control-nav { position:absolute; bottom:10px; right:0; z-index:2; width:120px; text-align:center; }
.page .content .imgnews .imgcn .flex-control-nav li { overflow:hidden; display:inline-block; height:10px; margin:0 3px; zoom:1; border-radius:5px; }
.page .content .imgnews .imgcn .flex-control-nav a { overflow:hidden; display:block; width:10px; height:10px; line-height:90px; background-color:#9fa1a0; cursor:pointer; }
.page .content .imgnews .imgcn .flex-control-nav a.flex-active { width:18px !important; background-color:#ea0f0f; }

.page .content .imgnews .swiper-wrapper .swiper-slide { overflow:hidden; }
.page .content .imgnews .swiper-wrapper .swiper-slide img { width:100%; height:100%; }
.page .content .imgnews .swiper-wrapper .swiper-slide .txt { position:absolute; left:0; bottom:0; z-index:2; overflow:hidden; width:100%; height:40px; line-height:40px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:24px; padding:0 150px 0 20px; text-overflow:ellipsis; white-space:nowrap; }
.page .content .imgnews .swiper-pagination { text-align:right; padding:0 10px; }
.page .content .imgnews .swiper-pagination span { width:12px; height:12px; background-color:#fff; opacity:1; }
.page .content .imgnews .swiper-pagination span.swiper-pagination-bullet-active { background-color:#f71717; }

.page .content .cnwrap { overflow:hidden; max-width:1200px; background-color:#fff; margin:0 auto; }

.page .content .adbanner { overflow:hidden; max-width:1200px; width:100%; margin:20px auto; }
.page .content .adbanner img { width:100%; height:auto; }

/* modules */
.page .content .modules { overflow:hidden; }
.page .content .modules .mwrap { overflow:hidden; width:1200px; margin:0 auto; }
.page .content .modules .mwrap.pad50 { padding-top:50px !important; }
.page .content .modules .modules-wrap { display:flex; display:-webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-content:flex-start; }
.page .content .modules .modules-wrap.cm-pad20 { padding-top:20px; }
.page .content .modules .modules-wrap .modules-box { flex:0 0 50%; min-width:540px; height:390px; }
.page .content .modules .modules-wrap.box-2 .modules-box { min-width:540px; height:400px; }
.page .content .modules .modules-wrap.box-2 .modules-box:nth-child(odd) { flex:0 0 55%; padding-right:20px; }
.page .content .modules .modules-wrap.box-2 .modules-box:nth-child(even) { flex:0 0 45%; padding-left:20px; }
.page .content .modules .modules-wrap.box-3 .modules-box { flex:0 0 33.3333%; min-width:380px; height:390px; }
.page .content .modules .modules-wrap.box-3 .modules-box:nth-child(1) { padding-right:10px; }
.page .content .modules .modules-wrap.box-3 .modules-box:nth-child(2) { padding:0 10px; }
.page .content .modules .modules-wrap.box-3 .modules-box:nth-child(3) { padding-left:10px; }
.page .content .modules .modules-wrap .modules-box .tab-hd { position:relative; height:60px; background:url('https://www.jsycport.com/images/2021new/module_hd_img_01.png') no-repeat 10px -5px; display:flex; justify-content:flex-start; }
.page .content .modules .modules-wrap .modules-box .tab-hd .tbtxt { height:60px; line-height:60px; color:#000; font-size:28px; font-weight:bold; letter-spacing:1px; }
.page .content .modules .modules-wrap .modules-box .tab-hd .tab-item { height:60px; line-height:60px; color:#000; font-size:20px; cursor:pointer; }
.page .content .modules .modules-wrap .modules-box .tab-hd .tab-item span.zh { font-size:20px; letter-spacing:1px; padding:0 5px; }
.page .content .modules .modules-wrap .modules-box .tab-hd .tab-item:hover span.zh,
.page .content .modules .modules-wrap .modules-box .tab-hd .tab-item.on span.zh { color:#ea0f0f; border-bottom:2px solid #ea0f0f; }
.page .content .modules .modules-wrap .modules-box .tab-hd .tab-item.tab-item-1 { height:60px; line-height:60px; color:#000; font-size:28px; cursor:pointer; }
.page .content .modules .modules-wrap .modules-box .tab-hd .tab-item.tab-item-1 span.zh { font-size:28px; letter-spacing:1px; padding:0 10px;}
.page .content .modules .modules-wrap .modules-box .tab-hd .tab-item.tab-item-1:hover span.zh,
.page .content .modules .modules-wrap .modules-box .tab-hd .tab-item.tab-item-1.on span.zh { font-weight:bold; border-width:4px; }
.page .content .modules .modules-wrap .modules-box .tab-hd .more { position:absolute; top:15px; right:0; z-index:9; height:30px; line-height:36px; font-size:14px; color:#898989; padding:0 10px; }
.page .content .modules .modules-wrap .modules-box .tab-hd .more .more-item { display:none; color:#898989; }
.page .content .modules .modules-wrap .modules-box .tab-hd .more .more-item.on { display:block; }
.page .content .modules .modules-wrap .modules-box .tab-cn { height:360px; padding:10px 0; }
.page .content .modules .modules-wrap .modules-box .tab-cn .item-cn { display:none; overflow:hidden; width:100%; height:340px; }
.page .content .modules .modules-wrap .modules-box .tab-cn .item-cn.on { display:block; }
.page .content .modules .modules-wrap .modules-box .tab-cn .list-cn { overflow:hidden; }
.page .content .modules .modules-wrap .modules-box .tab-cn .list-cn ul { width:100%; }
.page .content .modules .modules-wrap .modules-box .tab-cn .list-cn ul li { position:relative; display:flex; justify-content:space-between; overflow:hidden; width:100%; height:40px; line-height:40px; float:left; padding-left:10px; }
.page .content .modules .modules-wrap .modules-box .tab-cn .list-cn ul li::after { position:absolute; left:0; top:20px; z-index:9; content:''; width:4px; height:4px; background:#999; border-radius:2px; }
.page .content .modules .modules-wrap .modules-box .tab-cn .list-cn ul li .news-title { overflow:hidden; width:90%; height:40px; text-overflow:ellipsis; white-space:nowrap;}
.page .content .modules .modules-wrap .modules-box .tab-cn .list-cn ul li a { font-size:16px; color:#666; }
.page .content .modules .modules-wrap .modules-box .tab-cn .list-cn ul li a:hover { color:#1e509a; }
.page .content .modules .modules-wrap .modules-box .tab-cn .list-cn ul li .daytime { color:#666; font-size:16px; }

/* aboutus */
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-cn { overflow:hidden; height:200px; }
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-cn .vbox { overflow:hidden; width:388px; height:200px; background-color:#000; }
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-cn .vbox.pfixed { position:fixed; right:50px; bottom:50px; z-index:99; }
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-cn .vbox .vwrap { position:relative; width:388px; height:200px; }
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-cn .vbox .vwrap .close { display:none; position:absolute; right:5px; top:5px; z-index:9; background-color:#999; color:#fff; font-size:12px; cursor:pointer; padding:0 3px; }
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-cn .vbox .vwrap .close:hover { color:#fff; }
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-cn .vbox.pfixed:hover .vwrap .close { display:block; }
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-cn .vbox:hover .vwrap .close { display:none; }
.page .content .modules .modules-wrap .modules-box .tab-cn .aboutus .aboutus-txt { overflow:hidden; line-height:24px; color:#666; font-size:14px; text-indent:32px; margin-top:10px; }

/* business */
.page .content .business { overflow:hidden; margin-top:50px; }
.page .content .business .bwrap { overflow:hidden; width:1200px; margin:0 auto;  }
.page .content .business .bwrap .hd { position:relative; height:60px; background:url('https://www.jsycport.com/images/2021new/module_hd_img_01.png') no-repeat -5px -5px; display:flex; justify-content:flex-start; }
.page .content .business .bwrap .hd .txt { height:60px; line-height:60px; color:#000; font-size:24px; font-weight:bold; letter-spacing:1px; }

/* activity */
.page .activity { overflow:hidden; }
.page .activity .banner { overflow:hidden; width:100%; height:406px; background-repeat:no-repeat; background-position:center top; }

.page .activity .shipping { overflow:hidden; }
.page .activity .shipping .shipping-cn { position:relative; overflow:hidden; max-width:1200px; width:100%; height:1100px; background:url('https://www.jsycport.com/images/2021new/activity_content_img_01.png') no-repeat center top; margin:0 auto; }
.page .activity .shipping .shipping-cn .item { position:absolute; z-index:9; overflow:hidden; width:220px; height:264px; cursor:pointer; }
.page .activity .shipping .shipping-cn .item:hover { display:block; transform:scale(1.1); }
.page .activity .shipping .shipping-cn .item.item-1 { top:200px; left:140px; }
.page .activity .shipping .shipping-cn .item.item-2 { top:430px; left:0; }
.page .activity .shipping .shipping-cn .item.item-3 { top:700px; left:180px; }
.page .activity .shipping .shipping-cn .item.item-4 { top:700px; right:180px; }
.page .activity .shipping .shipping-cn .item.item-5 { top:430px; right:0; }
.page .activity .shipping .shipping-cn .item.item-6 { top:200px; right:140px; }

/* project */
.page .project { overflow:hidden; background:#e3f1fa url('https://www.jsycport.com/images/2021new/project_bg_img_01.jpg') no-repeat center top; }
.page .project .main { overflow:hidden; width:1200px; margin:0 auto; }
.page .project .main .item { overflow:hidden; }

/* company-page */
.page .companypage { overflow:hidden; background: url('https://www.jsycport.com/images/2021new/companyimgs/page_bg_img_01.jpg') repeat-y center top; }
.page .companypage .banner { overflow:hidden; width:100%; height:406px; background-repeat:no-repeat; background-position:center top; }
.page .companypage .cpwrap { overflow:hidden; background: url('https://www.jsycport.com/images/2021new/companyimgs/page_btm_bg_img_01.png') no-repeat center bottom; }
.page .companypage .cpwrap .main { overflow:hidden; width:1200px; margin:0 auto; padding:100px 0 200px; }
.page .companypage .cpwrap .main .item { overflow:hidden; }

/* footer */
.ly-footer { width:100%; min-width:1200px; background-color:#333; }
.ly-footer .foot-wrap { position:relative; overflow:hidden; max-width:1440px; height:220px; margin:0 auto; padding:50px 200px 50px 0; }
.ly-footer .foot-wrap .cinfo { width:100%; display:flex; display:-webkit-flex; flex-direction:row; }
.ly-footer .foot-wrap .cinfo .logo { overflow:hidden; margin-left:100px; }
.ly-footer .foot-wrap .cinfo .logo img { width:auto; height:120px; }
.ly-footer .foot-wrap .cinfo .links { padding:20px 0 0 100px; }
.ly-footer .foot-wrap .cinfo .links p { line-height:32px; color:#fff; font-size:16px; }
.ly-footer .foot-wrap .cinfo .links a { color:#fff; }
.ly-footer .foot-wrap .cinfo .links a + a { margin-left:20px; }
.ly-footer .foot-wrap .qrcode { position:absolute; right:60px; top:40px; z-index:9; width:140px; height:150px; }
.ly-footer .foot-wrap .qrcode img { width:116px; height:116px; margin:0 auto; }
.ly-footer .foot-wrap .qrcode p { line-height:36px; color:#fff; font-size:16px; text-align:center; }
.ly-footer .foot-wrap .copyRight { line-height:30px; color:#666; font-size:12px; text-align:center; }
.ly-footer .foot-wrap .copyRight a { color:#999; }

/* sideshow */
.sideshow { overflow:hidden; position:fixed; left:0; bottom:0; z-index:999; }


/* 2022newyear */
.ly-header .navwrap.nynavwrap { background-color:transparent !important; }
.ly-header .navwrap.nynavwrap .nav ul li a.f { color:#fff !important; }
.page .content.nycontent { max-width:1300px; background-color:#fff; margin:0 auto; }