@charset "utf-8";
.m-menubtn02{position:fixed;z-index:99999999999;top:0;right: 0;width:60px; background:#3463ff;  height:70px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn02 span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #fff; margin: auto;}
.m-menubtn02 span:before, .m-menubtn02 span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}

.m-menubtn02 span:before {bottom: 5px;}
.m-menubtn02 span:after {bottom: -5px;}
.m-menubtn02.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);background:#fff}
.m-menubtn02.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;background:#000}
.m-menubtn02.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#fff}
.m-menubtn02.active span, .m-menubtn02.active span:before, .m-menubtn02.active span:after {right: 0;bottom: 0;}
.m-menubtn02 span, .m-menubtn02 span:before, .m-menubtn02 span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}


.m-menu02{position: fixed; right:0;left:0;top:70px; width:100%; height:100vh;z-index:400; background:#fff;display: none;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 78px);height: -moz-calc(100vh - 80px);height: calc(100vh - 80px);overflow: auto;padding-bottom: 80px;}
.m-menu02 li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu02 li:nth-child(1){border-top: 1px solid #ddd;}
.m-menu02 li>a{ font-size:17px;line-height:55px; padding:0 20px; position:relative}
.m-menu02 li>i{ position:absolute; width:55px; height:55px; right:0;top:0;}
.m-menu02 li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu02 li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu02 li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menu02 a{ display:block; color:#101010;}
.m-menu02 .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu02 .sub li{ border-bottom:0}
.m-menu02 .sub a{color:#333; line-height:26px;font-size:14px; padding:2px 20px; position:relative}
.m-menu02 .sub ul ul{ padding-left:20px; padding-bottom:5px}

.m-menu02 li.last form { margin:25px 20px;position:relative; z-index:99; border:solid 1px #ddd; }
.m-menu02 li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 82px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.m-menu02 li.last form #searchBtn {width: 80px;height: 40px;background: #c7000c;color: #FFF;border:none; border-radius:0; position:absolute; top:0; right:0}


.pcshow{ display: block !important}
.phshow{ display: none !important}


.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background: #2c52b5; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:25%; padding-top:5px; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url("ma_shouhou.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/ma_shouhou.png*/) no-repeat center 3px; background-size:20px auto; padding-top:25px}
.m-foot li.li2 a{ background:url("fltel.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/fltel.png*/) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url("flmail.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/flmail.png*/) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url("flewm.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/flewm.png*/) no-repeat center 3px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}

.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25)}
.tanchuang .text{ position:fixed;left:50%; margin-left:-150px;top:20%; width:300px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url("close_1.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/close_1.png*/) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#2c52b5}
.tanchuang .text .tel{ background:#2c52b5; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url("b-03.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/b-03.png*/) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#2c52b5; font-size:18px; margin-top:15px}

@media screen and (max-width:1749px){
.nguide.fixeds, .nguide.fixeds{left: 10%;}
}

@media screen and (max-width:1600px){
.top .wrap{ height:100px; }
.top .logo{ margin-top:-25px;}
.top .logo img{ height:50px;padding-right: 18px; margin-right: 18px;}
.top .logo .ad h4{ font-size:15px;}
.top .logo .ad h3{font-size: 21px; letter-spacing: 5.6px;}

.top .use .tel h3{ font-size:20px;}
.top .use .language a{ font-size:16px;}

.top .use .language{ width:40px; height:40px; }
.top .use .language a{ line-height:40px; }
.top .use{margin-top:-20px; }
.top .use .tel{ background-size:auto 100%; height:40px; padding-left:50px; cursor:pointer;}

.menu{ height:52px;}
.menu li .menu_a{ font-size:17px; color:#fff;line-height:52px;}
.space{ height:150px;}
.iyoushi li h3{ font-size:17px;}

.title { margin-bottom:30px;}
.title02 { margin-bottom:30px;}
.title h3{ font-size:36px; line-height:36px;}
.title p{ font-size:17px;}

.section{ padding:70px 0 80px 0; }
.section02{ padding:40px 0 60px 0; }
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:80px;}
.iserivce .list .item .text h3{ font-size:18px;margin-bottom: 10px;}

body{ font-size:15px; line-height:28px;}
.iabout .abtext .youshi .item h3 span{ font-size:24px; }
.top .use .tel h3 span{ font-size:15px;}
.inews .nleft .intitle h3{ font-size:22px;}
.footer .fcontent{padding: 55px 0 80px 0;}
.inews .othernews .item h3{ font-size:17px;}
.iabout .abtext .youshi .item h3 span{ width:65px; height:65px;line-height: 65px;}

.banner .swiper-slide img { width:110%; margin-left:-5%;}
.iabout .abtext .youshi{ font-size:16px;}
.iserivce .list .item .text p{ margin-bottom: 15px; }
.wrap{ width:84%;}
.nguide.fixeds, .nguide.fixeds{left: 8%;}
.iyoushi li { width:130px; height:152px; }
.iyoushi li .icon{ margin: 30px auto 15px auto; }
.footer li h3{ font-size:18px;}

.nmain .title h3{ font-size:32px; line-height:32px;}
.title02 h3{ font-size:32px; line-height:32px;}

.nab02 .conn .item .icon{  width:90px; margin-left: -45px; top: -45px}
.nab02 .conn{ margin-top:30px}
.nab02 .conn .item .text h3{ margin: 20px 0 15px 0; font-size:22px}
.nab04 .conn02 .item .icon{ line-height: 100px;height: 100px; width:91px; margin-top:-50px;margin-left:-45.5px; font-size:26px;}

.fad .kuai01 h3{ font-size:32px; line-height:55px;}
}


@media screen and (max-width:1440px){
.wrap{ width:88%;}
.top .logo img{ padding-right: 15px; margin-right: 15px;}	
.nguide.fixeds, .nguide.fixeds{left: 6%;}
.inews .faq .conn{ height:300px;}

.top .wrap{ height:90px; }
.menu li .menu_a{ line-height:50px;}
.menu{height:50px;}
.space{ height:140px;}
.iyoushi li { width:120px; height:140px; }
.inews .topnews .wenzi h3{ line-height:50px; font-size:18px;}
.inews .othernews .item h3{ font-size:16px;}

.section{ padding:60px 0 70px 0; }
.section02{ padding:40px 0 60px 0; }
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}

.nguide h3{ line-height:70px; font-size:22px;}
.nguide .conn p{ line-height:52px; font-size:16px; }
.nguide {width:200px; float:left;}
.newsconn{ width:calc(100% - 230px); }
.newskuai .wenzi{ width:70%}

.shangxia{ line-height:55px; margin-top:50px}
.shangxia li{ float:left; width:48%; }
.shangxia li:nth-child(2){ float:right}

.nab03 .gallery-thumbs h3{ font-size:28px;}
}

@media screen and (max-width:1366px){
.wrap{ width:90%;}	
.nguide.fixeds, .nguide.fixeds{left: 5%;}

.title { margin-bottom:25px;}
.title h3{ font-size:32px; line-height:32px;}
.title p{ font-size:16px;}
.iabout .abtext .youshi .item h3 span{ width:60px; height:60px;line-height: 60px; font-size:22px;}
.iabout .abtext .abtitle h3{ font-size:26px;}
.menu li .menu_a{ font-size:16px;}
body{ font-size:14px; line-height:26px;}
.banner .swiper-slide img{ width:120%; margin-left:-10%;}
.iyoushi li { width:110px; height:129px; }
.iyoushi li .icon { margin: 25px auto 10px auto;}
.iyoushi li .icon img{ width:50px; height:auto}
.inews .nleft .intitle h3{ font-size:20px;}
.inews .faq .title02 h3{ font-size:22px}
.iyoushi{ padding:50px 0}
.footer li h3{ font-size:18px; margin-bottom:10px;}

.nmain .title h3{ font-size:30px; line-height:30px;}
.title02 h3{ font-size:30px; line-height:30px;}
.title h3{ font-size:30px;line-height:30px;}

.con01 a img{ width:110%; margin-left:-5%}

.message .colum{margin-bottom:15px; }
.message label{line-height:40px;}
.message .inp{line-height:40px; height:40px; }
.message textarea{margin-bottom:15px; }
.message .submit{ line-height:40px; height:40px; font-size:16px;}

.nguide h3{ line-height:65px; font-size:20px;}
.nguide .conn p{ line-height:50px;}
.nguide {width:180px; float:left;}
.newsconn{ width:calc(100% - 210px); }
.newskuai .wenzi h3{ margin: 0 0 6px 0; font-size:17px;}

.nab02 .conn .item .icon{  width:84px; margin-left: -42px; top: -42px}
.nab02 .conn .item .text h3{ margin: 15px 0 10px 0; font-size:20px}
.nab03 .gallery-thumbs h3{ font-size:26px;}

.nab04 .conn .item .text{ padding:15px 15px 30px 15px;}

.nab04 .conn02 .item .icon{ line-height:88px;height: 88px; width:80px; margin-top:-44px;margin-left:-40px; font-size:24px;}
.font18{ font-size:16px;}
.nser02 .conn .item .text h3{ font-size:17px; margin-bottom:5px;}

.nser02 .conn .item .text .inn{max-height:320px;}

.fad .kuai02 .tel a{ font-size:24px;}
.fad .kuai01 h3{ font-size:28px; line-height:50px;}
.fad .kuai02 .tel{ margin-top:35px;}
.fad .kuai02{ max-width:230px;}
.slc .liucheng01 .litem{ font-size:16px;}
.fanwei .kuai3{font-size:16px; line-height:30px;}
.fanwei h3{ font-size:17px;}

.fanwei .kuai2 .item{ width:calc(33.33% - 10px); padding: 0px 20px 50px 20px;margin-right:15px; }
.fanwei .kuai2 .item:nth-child(3n){ margin-right:0}
.fanwei .kuai2 .item .text h3{ font-size:18px;}
.gongxv .item .text h3{ font-size:17px;}
.yingji .item .text h3{ font-size:17px;}
}
@media screen and (max-width:1240px){
.top .use .tel h3 span{ display:none}
.newskuai .pic{ width:30%;}
.newskuai .wenzi{width:68%; }

.nab04 .conn .item{ width:calc(25% - 11.25px); margin-right:15px;}
.nab04 .conn .item:nth-child(4n){ margin-right:0}

.nab04 .conn02 .item{ width:calc(25% - 11.25px); margin-right:15px; padding: 60px 20px 40px 20px; margin-top:50px;}
.nab04 .conn02 .item:nth-child(2){ width:calc(50% - 7.5px);}
.nab04 .conn02 .item:nth-child(3n){ margin-right:0}

.nser02 .conn .item{ width:calc(33.33% - 10px); margin-right:15px; margin-top:20px;}
.nser02 .conn .item:nth-child(3n){ margin-right:0; }
.nser02 .conn .item:nth-child(1), .nser02 .conn .item:nth-child(2), .nser02 .conn .item:nth-child(3){ margin-top:0}
.nser02 .conn .item .text{ padding:15px 0; }

.fad .kuai01 p{ margin-bottom:25px;}
.fad .kuai02 .tel{ margin-top:25px;}
.fanwei .kuai1{padding: 30px 40% 30px 15px}
.fanwei .kuai3{font-size:15px; line-height:28px;}

.yingji .item{ width:calc(33.33% - 10px); padding: 20px 20px 40px 20px; margin-right:15px;}
.yingji .item:nth-child(3n){ margin-right:0}

}
@media screen and (max-width:1080px){
.top .logo .ad{ display:none}
.top .logo img{ border-right:none; padding-right:0; margin-right:0;}
.iabout .abtext .abtitle h3{font-size:24px;}
.iserivce .list .item .text h3{ font-size:17px; margin-bottom:5px;}

.section{ padding:50px 0 60px 0; }
.section02{ padding:40px 0 50px 0; }
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}

.top .logo{ margin-top:-22px;}
.top .logo img{ height:44px;}

.top .wrap{ height:80px; }
.space{ height:130px;}
.title h3{ font-size:26px; line-height:26px;}
.con01 a img{ width:120%; margin-left:-10%}

.ncase .list .item{ width:calc(25% - 11.25px); margin-right:15px; margin-bottom:15px; padding:10px;}
.ncase .list .item:nth-child(5n){ margin-right:15px; }
.ncase .list .item:nth-child(4n){ margin-right:0; }

.nser04 .item{ width:calc(25% - 11.25px); float:left; margin-right:15px; margin-bottom:15px;}
.nser04 .item:nth-child(5n){ margin-right:15px; }
.nser04 .item:nth-child(4n){ margin-right:0; }

.nguide { display:none}
.newsconn{ width:100%; }
.nab03 .gallery-thumbs h3{ font-size:24px;}
.fad .kuai01 h3{ font-size:24px; line-height:35px;}
.fad .kuai02 .zixun a{ font-size:16px; line-height:40px;}
.fad .kuai02 .zixun{ margin:20px auto 0 auto}
.fad .kuai02 .tel a{ font-size:20px;}
}

@media screen and (max-width:920px){
.top .logo{ margin-top:-20px;}
.top .logo img{ height:40px;}

.top .wrap{ height:70px; }
.space{ height:70px;}	
.header .menu{ display:none}
.m-menubtn02{ display:block}
.top .use{ display:none}

.iabout .abpic{ float: none; width:100%; margin-bottom:20px;}
.iabout .abtext{ float: none; width:100%;}

.iserivce .list .item{ width:calc(50% - 7.5px); margin-right:15px;}
.iserivce .list .item:nth-child(2n){ margin-right:0;}
.iserivce .list .item:nth-child(1), .iserivce .list .item:nth-child(2){ margin-bottom:15px;}

.inews .nleft{ float:none; width:100%; margin-bottom:20px;}
.inews .faq{ float:none; width:100%}
.inews .faq .conn{ height:auto; }
.banner .swiper-slide img{ width:130%; margin-left:-15%;}
.iabout .abtext .youshi .item h3 span{ width:55px; height:55px;line-height: 55px; font-size:20px;}
.iabout .abtext .youshi .item h3{ font-size:15px;}
.iabout .abtext .youshi{ font-size:15px}

.pcshow{ display: none}
.phshow{ display: block}
.iyoushi{ padding:40px 0}

.iyoushi li { width:100px; height:117px; }
.iyoushi li .icon img{ width:45px;}
.iyoushi li h3{ font-size:16px;}
.iyoushi li .icon{margin: 25px auto 5px auto;}

.footer li h3{ font-size:16px;}
.footer li:nth-child(4){ display:none}
.footer .fcontent{padding: 30px 0 40px 0;}
.footer{ margin-bottom:55px;}
.m-foot{ display:block;}

.nmain .title h3{ font-size:24px;}
.title02 h3{ font-size:24px; }

.title h3{ font-size:24px;}

.con01 a img{ width:140%; margin-left:-20%}
.con01 .lianxi{ padding:40px 20px;}
.newskuai .more{ margin-top:4px;}

.newskuai .pic{ width:32%;}
.newskuai .wenzi{width:66%; }

.shangxia{ line-height:30px; padding:10px 0}
.shangxia li{ float:none; width:100%; }
.shangxia li:nth-child(2){ float:none}

.title { margin-bottom:25px;}
.title02 { margin-bottom:25px;}

.nab03 .gallery-thumbs .swiper-slide:nth-child(7){ margin-top:5%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(6){ margin-top:10%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(5){ margin-top:15%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(4){ margin-top:20%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(3){ margin-top:25%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(2){ margin-top:30%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(1){ margin-top:35%}

.nab03 .gallery-thumbs h3{ font-size:22px;}

.nab05 .swiper-button-prev, .nab05 .swiper-button-next{ width:45px; height:45px; margin-top:-22.5px;}
.nab05 .swiper-button-prev{ background:url("bpre02.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/bpre02.png*/) #f6f6f6 no-repeat center center; background-size:12px auto;}
.nab05 .swiper-button-next{ background:url("bnext02.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/bnext02.png*/) #f6f6f6 no-repeat center center;background-size:12px auto;}
.nab05 .swiper-button-prev:hover{ background:url("bpre.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/bpre.png*/) #3463ff no-repeat center center;background-size:12px auto;}
.nab05 .swiper-button-next:hover{ background:url("bnext.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/bnext.png*/) #3463ff no-repeat center center;background-size:12px auto;}

.serconn .ntitle h3{ font-size:22px; line-height:55px; }
.serconn .kuai01 .ntitle h3{ font-size:22px; }

.nser02 .conn .item .text h3{ font-size:16px; margin-bottom:5px;}

.fad .kuai01 p span{ margin-right:10px;}
.fad .kuai01 p span:last-child{ margin-right:0}
.fad .kuai01{ float:none; width:100%;}
.fad .kuai02{ float:none; width:100%; max-width:100%}
.fad .kuai02 .tel, .fad .kuai02 .zixun{ display:inline-block;}
.fad .kuai02 .zixun{ max-width:160px; margin-left:30px;}

.slc .liucheng01 .litem{ font-size:15px;}


.fanwei h3{ font-size:16px;}
.fanwei .kuai3{padding-right:0}
.fanwei .kuai3 img{ width:100% !important; float:none !important; margin:0 !important; }
.fanwei .kuai3 p{ padding:0px 15px 30px 15px;}

.fanwei .kuai1 {  background:url("xiaof.jpg"/*tpa=http://www.jsgbjc.com/public/static/home/images/xiaof.jpg*/) no-repeat center top; background-size:100% 180px; padding:200px 15px 30px 15px;}
.fanwei .kuai1 img{ display: block; width:100%; height:auto}
.gongxv .item .text h3{ font-size:16px;}

.float_nav{ display:none}

}
@media screen and (max-width:780px){
.footer li:nth-child(2), .footer li:nth-child(3){ display:none}
.nab03 .gallery-thumbs h3{ font-size:20px;}

.nab04 .conn .item{ width:calc(50% - 7.5px);}
.nab04 .conn .item:nth-child(2n){ margin-right:0}
.nab04 .conn .item:nth-child(1), .nab04 .conn .item:nth-child(2){ margin-bottom:15px;}

.nser02 .conn .item{ width:calc(50% - 7.5px); margin-top:15px;}
.nser02 .conn .item:nth-child(3n){ margin-right:15px; }
.nser02 .conn .item:nth-child(2n){ margin-right:0; }
.nser02 .conn .item:nth-child(3){ margin-top:15px}

.fad .kuai01 h3{ font-size:22px; line-height:30px;}

.gongxv .item{ width:calc(50% - 7.5px); margin-right:15px; }
.gongxv .item:nth-child(3n){ margin-right:15px}
.gongxv .item:nth-child(2n){ margin-right:0}
}
@media screen and (max-width:640px){
.wrap{ width:94%;}	
.banner .swiper-slide img{ width:140%; margin-left:-20%;}
.iabout .abtext .biaoqian span{padding: 1px 5px 0 8px;}

.iabout .abtext .abtitle h3{font-size:22px;}

.iyoushi ul{display: block;display: block;flex-wrap: block; text-align:center}
.iyoushi ul li{ display:inline-block; margin:0 2%}
.iyoushi li { width:90px; height:105px; }
.iyoushi li .icon img{ width:40px;}
.iyoushi li .icon{margin: 20px auto 3px auto;}

.inews .topnews .pic{ float:none; width:100%}
.inews .topnews .wenzi{ float:none; width:100%; margin-top:5px}
.inews .topnews .more{ margin-top:20px;}
.inews .othernews .item{ width:100%; margin-right:0%; padding:12px; margin-top:12px;}
.con01 a img{ width:160%; margin-left:-30%}

.con01 .list .item{ width:100%; padding-bottom:20px; border-bottom:solid 1px #ddd;}
.con01 .list .item:last-child{border-bottom:none;}

.message .row2 .colum{ width:100%; float:none}
.message .row2 .colum:nth-child(2){ float:none}
.message {margin: 30px auto 0 auto;}
.con01 .list .item .icon{ margin:30px auto 20px auto; width:20%; max-width:40px;}

.ncase .list .item{ width:calc(33.33% - 10px); padding:5px;}
.ncase .list .item:nth-child(4n){ margin-right:15px; }
.ncase .list .item:nth-child(3n){ margin-right:0; }

.nser04 .item{ width:calc(33.33% - 10px); float:left; margin-right:15px; margin-bottom:15px;}
.nser04 .item:nth-child(4n){ margin-right:15px; }
.nser04 .item:nth-child(3n){ margin-right:0; }

.newskuai .pic{ width:100%; float:none}
.newskuai .wenzi{width:100%; float:none}

.nab02 .conn{ margin-top:0px}
.nab02 .conn .item{ width:100%; margin-right:0%; margin-top:60px;}
.nab03 .gallery-thumbs h3{ font-size:18px;}



.nab04 .conn02 .item{ width:100%; margin-right:0; margin-top:60px;}
.nab04 .conn02 .item:nth-child(2){ width:100%;}

.nab03 .gallery-top{ min-height:50px;}
.font18{ font-size:15px;}
.fad .kuai01 h3{ font-size:20px;}
.fad .kuai01 p span{ margin-right:5px}
.fad .kuai01 p span{ padding:3px 5px 3px 23px}
.fad .kuai01 p span:nth-child(1){background:url("ad01.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/ad01.png*/) no-repeat 4px center; background-size:auto 14px}
.fad .kuai01 p span:nth-child(2){background:url("ad02.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/ad02.png*/) no-repeat 4px center; background-size:auto 14px}
.fad .kuai01 p span:nth-child(3){background:url("ad03.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/ad03.png*/) no-repeat 4px center; background-size:auto 14px}
.fad .kuai01 p{ margin-bottom:15px;}
.fad{ padding:40px 0 50px 0}
.fad .kuai02 .tel{ padding-left:42px; background:url("adtel.png"/*tpa=http://www.jsgbjc.com/public/static/home/images/adtel.png*/) no-repeat left center; background-size:34px auto}

.fanwei .kuai2 .item{ width:100%; padding: 0px 15px 40px 15px;margin-right:0; margin-top:15px; }
.fanwei .kuai2 .item .text h3{ font-size:16px;margin: 0px 0 8px 0;}
.fanwei .kuai2 .item:nth-child(1){ margin-top:0}
.fanwei .kuai2 .item .num{ left:-15px;font-size: 20px;}

.yingji .item{ width:100%; padding: 15px 15px 30px 15px; margin-right:0; margin-top:15px}
.yingji .item:nth-child(1){ margin-top:0}

.banner .swiper-pagination{bottom:10%}

}

@media screen and (max-width:540px){

.footer li:nth-child(1){ display:none}
.footer li:last-child{ display: block; margin-left:10px;}
.footer li:last-child img{ display:block; max-width:110px;  }
.con01 a img{ width:200%; margin-left:-50%}

.nab03 .gallery-thumbs .swiper-slide:nth-child(7){ margin-top:8%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(6){ margin-top:16%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(5){ margin-top:21%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(4){ margin-top:28%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(3){ margin-top:35%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(2){ margin-top:42%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(1){ margin-top:49%}

.serconn .ntitle h3{ font-size:20px; line-height:50px; }
.serconn .kuai01 .ntitle h3{ font-size:20px; }


.nser02 .conn .item{ width:100%; margin-right:0;}
.nser02 .conn .item:nth-child(3n){ margin-right:0; }
.nser02 .conn .item:nth-child(3){ margin-top:15px}

.fad .kuai02 .zixun{ max-width:140px; margin-left:20px;}
.title p{ font-size:15px;}


.pcshow{ display: none !important}
.phshow{ display: block !important}
.banner .swiper-slide img, .nbanner img{ width:100% !important; margin-left:0 !important;}
}