.menu-btn{ position:fixed;height:70px; width:25px; right:5%; cursor:pointer; display:none}
.menu-btn span{display:block; height:2px; background:#333; margin-bottom:5px}
.menu-btn .line1{ margin-top:28px}

.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:99; position:fixed; text-align:center; display:none}
.m-menu .closed{ width:37px; height:37px; background:url(../image/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:60px; display:block}
.m-menu ul{ position:absolute; top:50%; margin-top:-210px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}


.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background: #16307d; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; padding-top:5px; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../image/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../image/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../image/flmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(../image/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(../image/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:#16307d}
.tanchuang .text .tel{ background:#16307d; 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(../image/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:#16307d; font-size:18px; margin-top:15px}


@media screen and (max-width:1650px){
.title{font-size: 40px; margin-bottom:35px;}
.ntrade .conn .toptitle h3{font-size: 36px; padding-bottom:5px;}
.ntrade .trtitle h3{font-size: 40px;}
.ntrade .trtitle p{ font-size:22px;}
.space{ padding:70px 0}
.spacepre{ padding-top:70px}
.spacenext{ padding-bottom:70px}
.menu>ul>li{ margin:0 25px;}
.wrap{ padding:0}
.i-newsList a{padding: 25px;}

.nbanner .txt, .nbanner .txt02, .nbanner .txt03{ font-size:36px;}
.nbanner .txt h3, .nbanner .txt02 h3, .nbanner .txt03 h3{font-size:45px;}
.section-abt .left h2{ font-size:40px;}
.section-abt .left, .section-abt .right{ font-size:24px}
.horlist .swiper-slide{ padding:25px;}
.horlist02 .text h3{ font-size:20px;}
.main-about .more{ margin-top:50px;}
.contact-list p{font-size:20px;}
.traffic li{padding: 0 5%;}

.ltitle{ font-size:24px}

.nbanner .txt02 h3{font-size: 40px;}
.nbanner .txt02 p{font-size: 26px;}
}

@media screen and (max-width:1440px){
.strength li{padding: 2% 0;}
.strength_box{ padding-left:30%; padding-right:15px}
.strength ul{ display:block;max-width: 90%; margin: 0 auto;}
.strength li{ width:25%}
.strength li .p1{ font-size:20px; line-height:20px}
.strength li .p2{ font-size:14px}
.strength .li1{ background:url(../image/icon_s1.png) no-repeat 8% 40%;background-size:auto 45px}
.strength .li2{ background:url(../image/icon_s2.png) no-repeat 8% 40%;background-size:auto 45px}
.strength .li3{ background:url(../image/icon_s3.png) no-repeat 8% 40%;background-size:auto 45px}
.strength .li4{ background:url(../image/icon_s4.png) no-repeat 8% 40%;background-size:auto 45px}

.title{font-size: 36px; margin-bottom:30px;}
.ntrade .conn .toptitle h3{font-size: 32px; padding-bottom:0px;}
.ntrade .trtitle h3{font-size: 36px;}
.ntrade .trtitle p{ font-size:20px;}

.banner{ min-height:500px;}
.i-serList li{padding: 50px;}
.i-serList .tit{margin: 15px 0;}

.more, .more2 {width: 160px;line-height: 45px; font-size:16px;}

.i-trade .list2-item h3{ font-size:28px;}
.i-trade .list2-item .txt{ font-size:18px;}
.i-aboutCon{ font-size:30px;}
.i-serList{ margin-bottom:50px;}
.i-case .nav{ margin-bottom:40px;}
.i-newsList a{padding: 20px;}

.newtit{font-size: 24px;}
.ntopnav li a, .ser_container .ser_tit a{ font-size:18px;}
.nbanner .txt03 p{font-size: 26px;}

.tuoguan .pic{ width:350px; height:350px; margin-left:-175px}
.traffic{ padding: 30px;}

.nbanner .txt02 h3{font-size: 36px;}
.nbanner .txt02 p{font-size: 24px;}

.ntrade404 .item .num{font-size: 50px;line-height:60px;}
}

@media screen and (max-width:1366px){
.header{height:70px;}
.logo{height:70px;}
.menu .menu_a{line-height:70px;}
.header .tel{line-height:70px;}
.banner{ margin-top:70px;height: calc(100vh - 170px);}	
.nbanner{ margin-top:70px;}
.space{ padding:60px 0}
.spacepre{ padding-top:60px}
.spacenext{ padding-bottom:60px}
.menu>ul>li{ margin:0 20px; font-size:17px;}
.i-serList .tit{margin: 0 0 15px 0;}
.i-caseList .txt h4{ font-size:24px;}
.i-caseList .txt{padding: 30px;}

.more{width: 140px;line-height: 40px; font-size:16px;}
.i-aboutCon{ font-size:24px;}

.i-trade .list2-item .txt{width: 40%;padding: 0 3%;}
.i-serList li{min-height:480px;}
.space{ padding:50px 0}
.i-serList{ margin-bottom:45px;}
.i-serList .tit{ font-size:20px;}


.i-case .nav a{width:auto; padding:0 20px;border-radius: 20px;}
.i-case .nav{ margin-bottom:30px;}

.nbanner .txt, .nbanner .txt02, .nbanner .txt03{ font-size:30px;}
.nbanner .txt h3, .nbanner .txt02 h3, .nbanner .txt03 h3{font-size:36px;}
.section-abt .left h2{ font-size:36px;}
.section-abt .left, .section-abt .right{ font-size:20px}
.horlist .swiper-slide{ padding:15px;}
.main-about .more{ margin-top:35px;}
.horlist02 .text p{ font-size:18px; line-height:35px;}
.nnewsLists li .tit{ font-size:20px;}
.nbanner .txt03 {bottom: 40%;}

.ntopnav li a{ padding:0;}
.nbanner .txt03 p{font-size: 24px;}
.advantage_1 h4{ font-size:18px;}

.xnzj li .price span{ font-size:28px}
.ser-process .li-con{padding: 20px;}
.ser-process .txt h3{ font-size:22px;}

.inner-nav a{padding: 0 25px;}
.inner-nav ul{ margin-bottom:35px;}
.caseList .txt{padding-top:15px;padding-right: 50px;}
.caseList .txt h4{ font-size:20px;}
.caseList .txt p{ font-size:16px;}
.morjt { width: 35px; height: 35px;}
.ntrade.space{ padding:60px 0}
.ntrade204 .left .item .num{font-size: 50px; line-height: 60px;}
}
@media screen and (max-width:1240px){
.menu>ul>li{ margin:0 15px;}	
.banner{ min-height:500px;}
.i-serList li{padding: 40px;}
.i-caseList .txt h4{ font-size:22px;}
.i-serList .morjt{ margin-top:80px;}
.i-serList li{ min-height:450px;}
.i-serList{ margin-bottom:35px;}
.i-caseList{margin-bottom:35px; }
.i-serList .tit{ font-size:18px;}
.i-case .nav li{margin: 0 2px;} 
.i-case .nav a{padding:0 16px;border-radius: 16px;}
.i-caseList .txt{padding: 20px;}
.i-newsList a{ padding:15px;}
.i-newsCon .tm span{ font-size:24px}
.i-newsCon .left h3{font-size:18px;}
.i-newsList h3{font-size:18px;}
.i-aboutCon{ font-size:22px;}
body{ font-size:15px;}
.ser_container .ser_content{ font-size:15px;}

.nweb104 li .icon{ width:120px; height:120px; }
.nweb104 .li1 .icon{ background-size:auto 80px;}
.nweb104 .li2 .icon{ background-size:auto 80px;}
.nweb104 .li3 .icon{ background-size:auto 80px;}
.nweb104 .li4 .icon{ background-size:auto 80px;}
.liuyan-sub .conn .boxLeft .content0{ font-size:24px;}
.liuyan-sub .conn .boxLeft .content1{ font-size:20px;}
.liuyan-sub .conn .boxLeft .content2{ font-size:30px;}
.liuyan-sub .conn .boxLeft .content3 div{ margin:0 3px;}

.inner-nav a{ padding:0 18px;}
.content-case{margin:-100px auto 0;padding: 4%;border-top-left-radius:45px;border-top-right-radius: 45px;}
.ntrade201 .item h3{font-size: 20px;margin-top: 15px; margin-bottom:10px;}

.ntrade202 .item .text h3{font-size: 20px;}
.ntrade206 table thead td{font-size: 20px;}

.nbanner .txt02 h3{font-size: 30px;}
.nbanner .txt02 p{font-size: 20px;}
.wenti_a_left span, .wenti_a_right span, .wenti_b_left span, .wenti_b_right span, .wenti_c_left span{ font-size:18px;}
.wenti_a_left, .wenti_a_right{ width:45%}
.wenti_b_left, .wenti_b_right{ width:38%}
.wenti_c_left{width:45%}

}

@media screen and (max-width:1024px){
.strength .li1,.strength .li2,.strength .li3,.strength .li4{background-size:auto 35px}
.strength li .p1{ font-size:18px; line-height:18px}
.strength li .p2{ font-size:14px}
.title{font-size: 30px; margin-bottom:25px;}
.ntrade .trtitle h3{font-size: 30px;}
.ntrade .trtitle p{ font-size:18px;}
.ntrade .conn .toptitle h3{font-size: 28px;}

.banner{ min-height:450px;height:450px;}
.i-serList li{padding: 30px;}
.i-caseList .txt h4{ font-size:20px;}
.wrap{ width:92%}
.menu>ul>li{ margin:0 10px;}
.i-case .nav{ margin-bottom:20px;}

.i-serList{ margin-bottom:30px;}
.i-caseList{margin-bottom:30px; }
.i-case .nav a{ line-height:36px;}
.i-trade .list2-item h3{ font-size:24px;}
.title-ts{ margin-bottom:35px;}
.i-newsCon .tm span{ font-size:20px}
.i-newsList .txt {width: calc(100% - 70px);padding-right: 20px;}
.i-aboutCon{ font-size:20px;}
.f-nav li:nth-child(5){ display:none}
.f-nav li{ max-width:25%}
.f-nav{ margin-right:5%}

.i-serList .con a{font-size:16px;}
.horlist02 .text p{ font-size:16px; line-height:32px;}

.nbanner .txt, .nbanner .txt02, .nbanner .txt03{ font-size:24px;}
.nbanner .txt h3, .nbanner .txt02 h3, .nbanner .txt03 h3{font-size:30px;}
.section-abt .left h2{ font-size:30px;}
.section-abt .left, .section-abt .right{ font-size:18px}
.nnewsLists li .intro{ margin-bottom:15px;}
.nnewsLists li{padding-bottom:20px; margin-bottom:20px;}
.newtit{font-size: 20px;}
.newsLeft .content{padding: 15px 0 60px;}

.ntopnav{ margin-top:0px;}
.ntopnav li{ margin:0; width:25%; }
.nbanner .txt03 {bottom: 38%;}
.ntopnav .wrap{ width:100% !important; max-width:100% !important}
.ntopnav li a, .ser_container .ser_tit a{ font-size:16px;}
.nbanner .txt03 p{font-size: 20px;}
.advantage_1 h4{ font-size:16px;}

.ntrade109 .swiper-button-prev, .ntrade109 .swiper-button-next{ display:none !important}
.ntrade101 .item h3{line-height:80px; padding-top:20px; font-size:24px;height: 100px; }
.ntrade101 .item p { padding:20px; min-height:100px; text-align:center; line-height:32px;}

.tuoguan{ padding-top:0; min-height:inherit}
.tuoguan .pic{ display:none}
.tuoguan .jingjia li{ width:100%}
.tuoguan .jingjia p{ margin-top:15px; font-size:18px}

.renzheng_2 li{ width:44%}
.liuyan-sub{ width:680px; height:340px;}
.liuyan-sub .conn .boxLeft{ width:66%}
.liuyan-sub .conn .boxRight{ width:34%}
.liuyan-sub .closed{ right:20px; top:20px;}
.emailAL li h4{ font-size:20px;}
.emailAL_2 li h4{ font-size:20px;}

.xnzj li .price span{ font-size:24px}
.ser-process .txt h3{ font-size:20px;}
.ser-process li{width: 19%;}

.inner-nav ul{ display:block; text-align:center}
.inner-nav li{ margin:0 2px; display:inline-block}
.inner-nav a{ padding:0 15px; display:block;}
.caseList .txt h4{ font-size:18px;}

.content-case{margin: 0 auto;padding: 4%;border-top-left-radius:35px;border-top-right-radius: 35px;}
.ntrade.space{ padding:50px 0}
.ntrade401 .item h3{font-size: 22px; margin-bottom:15px;}
.ntrade402 .item .text h3{font-size: 22px; margin-bottom:10px;}
.xia-mna{ font-size:18px; padding:0 5px;}
.xia-mn{ padding:40px 0}
.ntrade602 .list .item .text{width: 150px; height: 150px; padding-top: 30px;}
}

@media screen and (max-width:920px){
.i-case .nav li{white-space:nowrap; width:auto;}
.i-case .nav {overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}	
.menu{ display:none}
.menu-btn{ display:block}
.header .tel{ margin-right:50px;}

.i-serList ul{display:block;}
.i-serList li{ width:48.5%; float:left; margin-right:3%; margin-top:3%}
.i-serList li:nth-child(2n) { margin-right:0}
.i-serList li:nth-child(1), .i-serList li:nth-child(2){ margin-top:0}

.i-caseList ul{margin-right:0%;}
.i-caseList li{width: 48.5%;margin-right: 3%;margin-top: 3%}
.i-caseList li:nth-child(2n){ margin-right:0}
.i-caseList li:nth-child(3){ margin-top:3%}
.i-caseList li:nth-child(9){ display:none}

.i-serList{ margin-bottom:25px;}
.i-caseList{margin-bottom:25px; }

.i-trade .list-item li{width: 48.5%;margin-right:2%; margin-left:0%;}
.i-trade .list-item li:nth-child(2n){ margin-right:0}
.i-trade .list-item li:nth-child(2n+1){ clear:both; }
.i-trade .list-item h4{margin-top: 20px; font-size:18px;}

.i-trade .list2-item .pic{width: 100%;border-radius: 15px;}
.i-trade .list2-item .txt{width: 100%;padding: 0; margin-top:20px;}
.i-trade .list2-item li{ display:block}
.i-trade .list2-item li:nth-child(1){ margin-bottom:30px;}
.i-trade .mbtn{ margin-top:25px;}
.i-newsList .txt {width: calc(100% - 70px);padding-right: 20px;}

.wrap{ width:94%}
.title{ width:110%; margin-left:-5%}
.xia-mn .title{ width:96%; margin-left:2%}
.i-aboutCon{ font-size:18px;}
.f-nav{ display:none}
.footer-bot{ padding: 25px 0;}
.footer-top{ padding:40px 0}

.m-foot{ display:block}
.footer{ margin-bottom:55px;}
.horlist02 .kuai{ padding:20px}
.nnewsLists li .tit{ font-size:18px;}

.nbanner .txt03 {bottom: 34%;}
.nbanner .txt03{bottom: 30%;}

.advantage ul{ width:100%;}
.advantage li{ width:48%; margin:0 3% 3% 0; padding:15px 0;}
.advantage li:nth-child(2n){ margin-right:0}
.advantage li:nth-child(2n+1){ clear:both}
.advantage li .text h4{ padding-top:0}

.process li .num{ width:80px; height:54px; }
.nweb105 ul{margin-top: 35px;}
.nweb105 li:nth-child(4){ margin-top:3%}

.nweb104 li .icon{ width:100px; height:100px; }
.nweb104 .li1 .icon{ background-size:auto 60px;}
.nweb104 .li2 .icon{ background-size:auto 60px;}
.nweb104 .li3 .icon{ background-size:auto 60px;}
.nweb104 .li4 .icon{ background-size:auto 60px;}

.nweb105 li{ float:left; width:48.5%; margin-right:3%;}
.nweb105 li:nth-child(4){ margin-top:3%}
.nweb105 li:nth-child(2n){ margin-right:0}
.nweb105 li:nth-child(3){ margin-top:3%}

.wxcase ul{ width:100%; margin-top:30px;}
.wxcase li{ width:48.5%; margin-right:3%;}
.wxcase li:nth-child(2n){ margin-right:0}
.wxcase li:nth-child(1), .wxcase li:nth-child(2){ margin-bottom:3%}


.ntrade106 .list .item{ width:48.5%; margin-right:3%;  margin-top:3%;}
.ntrade106 .list .item:nth-child(3n){ margin-right:3%}
.ntrade106 .list .item:nth-child(2n){ margin-right:0}
.ntrade106 .list .item:nth-child(3){ margin-top:3%}

.ntrade107 .item{ width:48.5%;margin-right:3%;  margin-top:3%;}
.ntrade107 .list .item:nth-child(3n){ margin-right:3%}
.ntrade107 .list .item:nth-child(2n){ margin-right:0}
.ntrade107 .list .item:nth-child(3){ margin-top:3%}
.ntrade107 .list .item h3{ font-size:20px;}


.ntrade108 .item h3{ font-size:20px;}
.ntrade108 .list .item{ width:48.5%; margin-right:3%;  margin-top:3%;padding: 20px 15px}
.ntrade108 .list .item:nth-child(3n){ margin-right:3%}
.ntrade108 .list .item:nth-child(2n){ margin-right:0}
.ntrade108 .list .item:nth-child(3){ margin-top:3%}

.email li{ width:48.5%; margin-right:3%; margin-bottom:3%;}
.email li:nth-child(3n){ margin-right:3%}
.email li:nth-child(2n){ margin-right:0}
.xnzj li .zjtit{ font-size:20px;}
.ssl-3 li .p1{ font-size:30px;}

.contact-list ul{ flex-wrap: wrap;}
.contact-list li{width: 50%; margin-bottom:35px;}
.contact-list p{ font-size:18px;}
.mapBox {padding-bottom: 50px;}
#map{height: 300px;}

.traffic{ padding: 20px 0;}
.ltitle{ font-size:20px; margin-bottom:15px;}
.traffic .intro{ font-size:16px;}

.ser-process .txt h3{ font-size:18px;}


.inner-nav ul li{white-space:nowrap; width:auto;}
.inner-nav {overflow-x:auto;overflow-y: hidden; margin-bottom:25px }
.inner-nav ul{width:100%;display: flex; display: -webkit-flex;overflow-x:auto;overflow-y: hidden; width:790px; margin-bottom:0px}	

.ser-process ul{ display:block}
.ser-process ul li{ width:32%; margin-right:2%; float:left; margin-top:20px;}
.ser-process ul li:nth-child(3n){ margin-right:0}
.ser-process ul li:nth-child(1), .ser-process ul li:nth-child(2), .ser-process ul li:nth-child(3){ margin-top:0}

.content-case{border-top-left-radius:20px;border-top-right-radius: 20px;}
.ntrade201 .item h3{font-size: 18px;}

.nbanner .txt02 h3{font-size: 24px;}
.nbanner .txt02 p{font-size: 18px;}
.ntrade303 .list .text{ padding:20px;}

.ntrade401 .item h3{font-size: 20px;}
.ntrade402 .item .text h3{font-size: 20px;}

.ntrade401 .item{ width:48.5%; margin-right:3%; margin-top:20px;}
.ntrade401 .item:nth-child(2n){ margin-right:0;}
.ntrade401 .item:nth-child(1), .ntrade401 .item:nth-child(2){ margin-top:0}

.ntrade402 .item{ width:48.5%; margin-right:3%; margin-top:20px;}
.ntrade402 .item:nth-child(2n){ margin-right:0;}
.ntrade402 .item:nth-child(1), .ntrade402 .item:nth-child(2){ margin-top:0}

.ntrade404 .item .num{font-size: 40px;line-height:50px;}
.ntrade503 .in-ul li {width: 48.5%; margin-right:3%;}
.ntrade503 .in-ul li:nth-child(2n){ margin-right:0}
.ntrade503 .in-ul li h5{ font-size:18px; margin-bottom:8px;}
.ntrade504 .list .item {width:50%;padding:25px 25px 50px 25px;}

.ntrade505 .list .item {width:48.5%; margin-right:3%;padding:20px 20px 40px 20px;}
.ntrade505 .list .item:nth-child(2n){ margin-right:0}

.ntrade509 .list .item {width:50%;}
.ntrade509 .list .item h3{ font-size:20px;}

.ntrade510 .list .item{ width:50%}

.ntrade511 .list .item {width:48.5%; margin-right: 3%; margin-top:20px;}
.ntrade511 .list .item:nth-child(2n){ margin-right:0}
.ntrade511 .list .item:nth-child(1), .ntrade511 .list .item:nth-child(2){ margin-top:0}
.ntrade511:after{height:100%;}

.ntrade511 .list .icon{ width:100px; height:100px;}
.ntrade512 .text h3{ font-size:18px;}

.ntrade512 .list .item {width:50%; padding:35px 20px  }
.ntrade512 .list .item:nth-child(1), .ntrade512 .list .item:nth-child(3) ,.ntrade512 .list .item:nth-child(6),.ntrade512 .list .item:nth-child(8){background:#fff;}
.ntrade512 .list .item:nth-child(1), .ntrade512 .list .item:nth-child(4) ,.ntrade512 .list .item:nth-child(5),.ntrade512 .list .item:nth-child(8){ background:#fafafa}

.ntrade507 .tit{font-size: 24px;}

.ntrade603 .img{ float:none; width:100%;}
.ntrade603 .text{ float:none; width:100%; font-size:16px; clear:both}
}


@media screen and (max-width:768px){
.strength .li4{ display:none}
.strength .li3 .strength_box:after{ display:none}
.strength li{ width:33.33%}

.spacepre{ padding-top:50px}
.spacenext{ padding-bottom:50px}	
.banner{ min-height:400px;height:400px;}
.i-serList li{padding: 20px 15px;}
.i-serList .tit{ margin-bottom:10px;}
.i-serList .con a{ margin:5px 0}
.ntrade109 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:15px;}
.strength .li1, .strength .li2, .strength .li3, .strength .li4{background-size: auto 30px;}
.strength ul{width:100%;  max-width:100%}
.strength_box{ padding-left:38%}
.i-serList li{border-radius: 15px;}

.i-caseList .txt h4{ font-size:18px;}
.i-caseList .txt p{ display:none}

.i-caseList .txt{padding:15px;}
.i-trade .list-item h4{ font-size:17px;}
.i-trade .list-item li{ margin-bottom:30px;}
.i-trade .list2-item h3{ font-size:22px;}

.i-newsCon .left{width: 100%; margin-bottom:20px;}
.i-newsCon .left .txt{ padding:15px;}
.i-newsCon .right{width: 100%;}
.i-newsCon{ display:block}

.nbanner .txt, .nbanner .txt02, .nbanner .txt03{ font-size:20px;}
.nbanner .txt h3, .nbanner .txt02 h3, .nbanner .txt03 h3{font-size:24px; margin-bottom:5px;}
.section-abt .left h2{ font-size:24px;}
.section-abt .left, .section-abt .right{ font-size:16px}
.nbanner img{ width:110%; margin-left:-5%;}

.horlist02 .text{ float:right; width:80%; padding-left:20px;}
.horlist02 .text:last-child{ margin-top:20px}
.horlist02 .text h3{ margin-bottom:10px;}
.horlist02 .kuai:nth-child(2) .text h3{margin-top:0px}

.cooperative_box ul li{width: 23.5%; margin-right:2%; margin-bottom:2%; padding: 5px;}
.cooperative_box ul li:nth-child(6n){ margin-right:2%}
.cooperative_box ul li:nth-child(6n+1){ clear:none;}
.cooperative_box ul li:nth-child(4n){ margin-right:0}
.cooperative_box ul li:nth-child(4n+1){ clear:both;}


.newsLeft{width: 100%;position: relative;padding-right:0%; margin-bottom:30px}
.newsRight {width: 100%;padding-top: 0px;}
.newsContent:before{ display:none}
.pageturn p a{ margin-bottom:10px;}
.newstj{ margin-top:35px;}

.advantage_1 ul{ width:100%}
.advantage_1 li{ width:49%; margin-right:2%;}
.advantage_1 li:nth-child(2n){ margin-right:0}
.advantage_1 li:nth-child(2n+1){ clear:both;}

.nbanner .txt03{bottom: 25%;}
.nweb105 ul{margin-top: 30px;}


.nweb104 ul{ margin:30px 0 0 0; }
.nweb104 li{ width:50%; font-size:18px;}
.nweb104 li:nth-child(1), .nweb104 li:nth-child(2){ margin-bottom:20px;}

.ntrade105 .list .item{ width:48.5%; padding:20px 15px; float:left; margin-right:3%; margin-bottom:3%}
.ntrade105 .list .item:nth-child(2n){ float:right; margin-right:0; }
.ntrade105 .list .item:nth-child(2n+1){ clear:both}

.tuoguan .jingjia p{ font-size:16px}
.tuoguan_2 li{ width:46%; margin-bottom:20px}
.tuoguan_2 li .yst{ width:80px; height:80px; line-height:80px; font-size:20px}

.renzheng li{ width:48%; margin-bottom:20px}	
.renzheng_2 li{ width:94%; padding-top:15px; padding-bottom:10px}
.renzheng_2 li .icon{ width:90px; height:90px}
.renzheng_2 li .text h4{ margin-bottom:8px; padding-top:3px}
.renzheng_3{ padding:0}
.renzheng_3 li .icon{ width:80px; height:80px}
.renzheng_3 li .vline{ height:15px}
.renzheng_3 li .num{ margin-top:15px}
.renzheng_3 li h4{ font-size:15px; padding-top:20px}

.liuyan-sub{ width:330px; height:550px; padding:30px;}
.liuyan-sub .conn .boxLeft{ width:100%; float:none; margin-top:35px;}
.liuyan-sub .conn .boxRight{ width:100%; float:none}
.liuyan-sub .conn .boxLeft .content1{margin-top: 5px;}
.liuyan-sub .conn .boxLeft .content2{margin-top: 10px;}
.liuyan-sub .conn .boxLeft .content3{ margin-top:20px; margin-bottom:40px;}
.liuyan-sub .conn .boxLeft .content3 div a{ line-height:45px; width:130px;}

.horlist02 .text h3{ font-size:18px;}
.horlist02 .text p{padding-left: 15px;}
.horlist02 .kuai:nth-child(2) .text:last-child{ margin-top:0}

.emailAL_4 li .img p{font-size: 20px;}
.xnzj li .price span{ font-size:20px}

.xnzj li{ float:none; width:100%;}
.ntrade .conn .list .item .iconpic{ margin-bottom:10px;}

.ntrade204 .left{ width:100%;}
.ntrade204 .right{ width:100%; position: relative; top:auto; right:auto; margin-top:20px;}

.ntrade205 .item{ width:50%;padding:30px;}
.ntrade206 table thead td{font-size: 18px;}

.ntrade301 .item{ width:48.5%;  margin-right:3%; padding:60px 20px 30px 20px;}
.ntrade301 .item:nth-child(2n){ margin-right:0}
.ntrade301 .intro{ margin-bottom:20px;}

.ntrade405 .item{ width:50%; padding:30px;}

.ntrade401 .item h3{font-size: 18px; margin-bottom:5px;}
.ntrade402 .item .text h3{font-size: 18px;}

.wenti_t{ display:none}
.wenti_a, .wenti_c{ width:100%}
.wenti_a_left, .wenti_a_right{ width:48.5%}
.wenti_b_left, .wenti_b_right{ width:48.5%}
.wenti_c_left, .wenti_c_right{ width:48.5%}
.wenti_b, .wenti_c{ margin-top:20px;}
.wenti_a, .wenti_b, .wenti_c{ height:auto}


.ntrade507 .list .item {width:100%; margin-right:0px;float:none; padding:20px 20px 40px 20px; margin-top:20px;}

}

@media screen and (max-width:640px){
.strength li .p2{ font-size:12px}
.title{font-size: 24px; margin-bottom:20px;}
.ntrade .conn .toptitle h3{font-size: 22px;}
.ntrade .trtitle h3{font-size: 24px;}
.ntrade .trtitle p{ font-size:16px;}	

.space{ padding:40px 0 50px 0}
.spacepre{ padding-top:40px}
.banner{ min-height:250px; height:250px;}


.header{height:60px;}
.logo{height:60px;}
.menu .menu_a{line-height:60px;}
.header .tel{ display:block}

.menu-btn{ height:60px; }
.header .tel{ display:none}
.banner{ margin-top:60px;}
.nbanner{ margin-top:60px;}
.menu-btn .line1{ margin-top:23px}
.i-serList .morjt{margin-top: 30px;}
.i-serList li {min-height: 320px;}
.i-serList .ico{ bottom:30px;}

.morjt{ width:35px; height:35px;}
.i-caseList .txt h4{ font-size:17px;}
.title-ts{margin-top: -10px; margin-bottom: 35px;}
.i-trade .list-item h4{ font-size:16px;}
.i-trade .list2-item h3{ font-size:20px;}
.i-aboutCon .tel{ margin-top:30px;}
.f-ewm{ display:none}

.nbanner img{ width:120%; margin-left:-10%;}

.section-abt .left{width: 100%; margin-bottom:25px;}
.section-abt .right{width: 100%; }
.horlist .swiper-slide{ border-radius:15px;}
.nnewsLists li .pic{ width:100%; margin-bottom:15px;}
.nnewsLists li .txt{ width:100%}

.nbanner .txt03 h3{ font-size:22px;}
.nbanner .txt03 p{ font-size:18px;}

.process li{ width:50%; padding:20px 0; }
.process .li2{ border-right:none}
.process .li5{border-bottom: 1px solid rgba(255,255,255,0.2);}
.process .li6{border-bottom: 1px solid rgba(255,255,255,0.2); border-right:none}

.advantage li .img{ float:none; width:50%; margin:0 auto}
.advantage li .text{float: none; width: 100%; padding-right: 0%; text-align:center; padding:5px 15px;}

.ntrade101 .item{ width:100%; margin-right:0}


.renzheng li{ margin-top:40px;padding-top: 50px;}
.renzheng li h4,.renzheng_2 li .text h4{ font-size:16px}
.renzheng li .ico{ width:80px; height:80px; margin-left:-40px;top:-40px;}
.renzheng_3 li .icon{ width:50px; height:50px}
.renzheng_3 li h4{ font-size:13px}

.ntrade106 .list .item{ width:100%; margin-right:0%;  margin-top:15px;}
.ntrade106 .list .item:nth-child(2){ margin-top:15px}
.ntrade106 .list .item:nth-child(3n){ margin-right:15px}
.ntrade106 .item h3{ margin-bottom:15px;}

.ntrade108 .item h3{ font-size:18px;}
.ntrade108 .list .item{ width:100%; margin-right:0%;  margin-top:15px;}
.ntrade108 .list .item:nth-child(2){ margin-top:15px}
.ntrade108 .list .item:nth-child(3n){ margin-right:15px}
.ntrade108 .item h3{ margin-bottom:15px;}
.email li{ padding:20px 15px;}
.email li .img{ float:none; width:40%; max-width:55px; margin:0 auto 15px auto}
.email li .img img{ display:block; max-width:100%; height:auto}
.email li .text{ float:none; width:100%}
.email li .text h4{ font-size:17px; text-align:center}
.email_3 li{ width:33.33%;}

.emailAL li .intro{ opacity:1}
.emailAL li h4{ font-size:18px;}
.emailAL_2 li h4{ font-size:18px;}
.emailAL li{ width:50%;}
.emailAL li:nth-child(3n){ border-right:1px dotted #ccc;}
.emailAL li:nth-child(2n){ border-right:none}
.emailAL li:nth-child(7), .emailAL li:nth-child(8){ border-bottom:1px dotted #ccc;}

.emailAL_2 li{ width:100%; float:none; margin-bottom:25px;}
.emailAL_2 li:last-child{ margin-bottom:0}
.emailAL_3 li{  width:50%;}
.emailAL_3 li:nth-child(2n){background:#fff; box-shadow: none}
.emailAL_3 li:nth-child(2), .emailAL_3 li:nth-child(3), .emailAL_3 li:nth-child(6), .emailAL_3 li:nth-child(7), .emailAL_3 li:nth-child(10), .emailAL_3 li:nth-child(11){ background:#f0f0f0; box-shadow:inset 3px 3px 6px rgba(0,0,0,0.1)}

.emailAL_4 li{width:100%;}
.emailTX li h4{ font-size:18px;}
.huadong { overflow-x:auto;}
.ssl{ font-size:16px;}
.nnet .ssl img{ display:block; width:auto; max-width:100%; height:auto}

.ssl-2 ul{ width:100%;}
.ssl-2 li{ float:left; width:48.5%; margin-right:0%; margin-top:25px}
.ssl-2 li:nth-child(1), .ssl-2 li:nth-child(2){margin-top:0px}
.ssl-2 li:nth-child(2n){ float:right}
.ssl-2 li:nth-child(2n+1){ clear:both}
.ssl-2 .flex{ display:block}
.ssl-3 li .p2{ font-size:20px;}
.ssl-2 li h3{ font-size:20px;}

.ser-process ul li{ width:48.5%; margin-right:0%;}
.ser-process ul li:nth-child(2n){ float:right}
.ser-process ul li:nth-child(3){ margin-top:20px}

.caseList ul{margin-right: 0%;}
.caseList li{width: 48.5%;margin-bottom:20px;margin-right: 3%;}
.caseList li:nth-child(2n){ margin-right:0}
.caseList .txt .morjt{ display:none}
.caseList .txt{ padding-right:0; padding-top:10px}
.caseList .txt p{ font-size:15px;}
.caseList .txt h4{font-size:17px;margin-bottom:5px}
.ntrade .conn .toptitle h3{font-size: 20px;}
.ntrade .trtitle h3{font-size: 22px;}
.ntrade.space{ padding:40px 0}


.ntrade201 .item{ width:100%; padding:30px 20px 100px 20px; margin-right:0px; margin-top:20px;}
.ntrade201 .item:nth-child(4n){ margin-right:0; text-align:center}
.ntrade201 .item:nth-child(1){ margin-top:0}

.ntrade202 .item{ width:100%;  margin-right:0px; margin-top:20px;}
.ntrade202 .item:nth-child(1){ margin-top:0}

.ntrade203 .conn{display: block;}
.ntrade203 .conn .img{display:block;width: 100%;}
.ntrade203 .conn .img img{margin:0 auto}
.ntrade203 .conn .wenzi{display:block;width: 100%; line-height:32px;}

.ntrade204 .left .item .num{font-size: 40px; line-height: 55px;}
.nbanner .txt02{ bottom:10%}

.ntrade302 .item{ width:50%;}


.ntrade403 .conn{display: block;}
.ntrade403 .conn .img{display:block;width: 100%;}
.ntrade403 .conn .wenzi{display:block;width: 100%; line-height:32px;}


.ntrade508 .list .item {width:100%; margin-right:0px;float:none; margin-top:35px;}
.ntrade508 .list .item:nth-child(1){ margin-top:0}
.ntrade508 .text h3{ padding-bottom:10px;}
.ntrade509 .list .item h3{ font-size:18px;}
.ntrade510 .text h3{font-size:18px;}

.ntrade512 .list .icon{border: 10px solid #ffbf7d;}
.ntrade506 h3{ font-size:18px}
.ntrade506 .kuai{ padding:20px;}

.ntrade506 .left, .ntrade506 .mid, .ntrade506 .right{ float:none; width:100%;}
.ntrade506 .mid{ margin:20px 0}

.ntrade506 .left .kuai, .ntrade506 .right .kuai{ height:220px;}
.ntrade506 .mid .kuai{ height:220px; }

.ntrade507 .tit{font-size: 20px;}

.ntrade601 .list .item {width:48.5%; margin-right:3%; margin-top:20px;}
.ntrade601 .list .item:nth-child(2n){ margin-right:0}
.ntrade601 .list .item:nth-child(1), .ntrade601 .list .item:nth-child(2){ margin-top:0}
.ntrade602 .intro{ width:94%; margin:0 auto}
.ntrade602 .list .item .text{ width:130px; height:130px; }
.ntrade602 .list .item:nth-child(2) .text{ padding-top:15px;}
.ntrade602 .list .item .text{border: solid 8px #e4e4e4;}

.ntrade604 .img{ float:none; width:100%}
.ntrade604 .text{ float:none; width:100%;}
.ntrade604 .text h3{ font-size:18px;}
.ntrade605 .kuai{ margin-bottom:30px;}
.ntrade605 .kuai .img{ float:none; width:100%}
.ntrade605 .kuai .text{ width:100%; height:auto; position: relative; top:auto; right:auto;}
.ntrade605 .kuai .text .inn{ position:relative; left: auto; top:auto;width: 100%;-moz-transform: translate(0%,0%);-webkit-transform: translate(0%,0%);transform: translate(0%,0%);}

.ntrade605 .kuai:nth-child(2n) .img{ float:none}
.ntrade605 .kuai .text{float:none; width:100%; margin-top:20px;}
.ntrade604 .text .kuai{ margin-top:20px; margin-bottom:0; padding:20px;}

.ntrade605 .kuai .text .inn h3{ font-size:20px; margin-bottom:10px;}

.ntrade701 .list .item {width:50%; padding:30px 0px 45px 0;}
.ntrade701 .text h3{ font-size:18px;}
.ntrade702 .text h3{ font-size:18px; margin-bottom:10px;}
.ntrade702 .list .item{ width:100%; float:none; margin-top:20px;}
.ntrade702 .list .item:nth-child(1){ margin-top:0}

.ntrade702 .list .item{ padding:30px 20px 45px 20px}
.f-contact h4{ margin-bottom:5px;}
.footer-top{padding: 32px 0;}
}

@media screen and (max-width:540px){
.banner{ min-height:190px; height:190px;}	
.title{font-size: 22px;}
.i-newsList li{ width:100%}
.nbanner img{ width:130%; margin-left:-15%;}

.cooperative_box ul li{width: 32%; margin-right:2%; margin-bottom:2%; padding: 5px;}
.cooperative_box ul li:nth-child(4n){ margin-right:2%}
.cooperative_box ul li:nth-child(4n+1){ clear:none;}
.cooperative_box ul li:nth-child(3n){ margin-right:0}
.cooperative_box ul li:nth-child(3n+1){ clear:both;}

.ntrade105 .list .item{ width:100%; margin-bottom:15px; margin-right:0; float:none !important}
.email li{ width:100%; margin-right:0%; margin-bottom:15px;}
.email li:nth-child(3n){ margin-right:0}

.nbanner .txt03 h3{ font-size:20px; margin-bottom: 5px;}

.ntrade .conn .list .item{ width:100%; padding:20px;margin-right:0;}

.ntrade .conn .list.list02 .item{ width:100%; padding:20px;margin-right:0;}
.ntrade .conn .list.list02 .item:nth-child(4n){ margin-right:0px}

.ntrade .conn .list .item .trmore{ position:relative;bottom:auto;left:auto;margin:25px auto 0 auto;}
.ntrade205 .item{ width:100%;}

.nbanner .txt02 h3{font-size: 22px;}
.nbanner .txt02 p{font-size: 16px;}

.ntrade301 .item{ width:100%;  margin-right:0%; }
.ntrade303 .item{ width:100%; }

.ntrade404 .item{ width:100%;  margin-right:0%; margin-top:20px}
.ntrade404 .item:nth-child(1){ margin-top:0px}

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

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

.wenti_a_left, .wenti_a_right, .wenti_b_left, .wenti_b_right, .wenti_c .wenti_c_left, .wenti_c_right{ width:100%; float:none; margin-top:20px !important;}
.wenti_b, .wenti_c, .wenti_a_left{ margin-top:0px;}

.ntrade504 .list .item {width:100%;}
.ntrade510 .list .item{ width:100%; float:none}

.ntrade511 .list .icon{ width:90px; height:90px;}
}