@media (max-width:960px){
	.top{ display: none;}
	.header .search{ display: none;}
	.advert{ display: none;}
	.nav,.kefu-nav{top: 0px;position: fixed;overflow: hidden;height: 100%;z-index: 9999;right: -210px;background: #555;width: 200px; padding: 0;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;}
    .nav li,.kefu-nav li{ width: 100%; display: block; margin: 0; float: none; border-bottom: solid 1px #666; text-align: center;}
    .nav li a,.kefu-nav li a{ padding: 0; text-align: center; font-size: 16px; color: #fff;}
    .nav li.active a,.kefu-nav li.active a{ background:none; border-radius:none; padding: 0; color: #fff; font-weight: normal;}
    .header{ padding: 10px 0; border-bottom: solid 1px #32a555; position: fixed; z-index: 88; left: 0; right: 0; top: 0;}
    .header .logo{ padding: 0;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;}
    .header .logo h1 a{ display: block; height: 40px; vertical-align: middle; line-height: 40px; float: left;}
    .header .logo img{ max-height: 40px; max-width: 130px; vertical-align: top;}
    .header .logo em{ font-weight: normal; font-size: 18px;}
    .main-nav{display: none;}
    .main-box{padding: 20px 0;}
    .main-min{ padding: 0; margin: 0; width: 100%;}
    .main-banner{ width: 100%;}
    .main-banner a{ height: 110px; background-size:cover;}
    .key{ padding: 20px 0;}
    .key li{ width: 33.3333%; margin-bottom: 20px;}
    .main-login{ margin-top: 20px; width: 100%;}
    .rigService li{ width: 25%;}
    .main-login-btn{ margin-top: 10px; margin-bottom: 10px;}
    .main-login-btn a{ width: 48%; margin: 0 1%; float: left;}
    .i-product,.i-supply,.i-recommend,.i-news{ padding: 20px 0;}
    .i-product li{ width: 48%; float: left; margin: 0 1% 10px;}
    .i-recommend .i-r-company ul li{ width:100%; padding: 10px; margin: 0 0 10px 0;}
    .i-news .i-news-box{ width: 100%; padding:10px 0;}
    .i-news .i-hot{ width: 100%;padding:10px 0; margin-top: 20px;}
    .i-news .i-hot .i-hot-product li{ width: 25%; display: block; float: left;}
    .i-supply li{ margin-bottom: 20px; margin-top: 0;}
    .i-supply li .company a{ width: 100%; word-break: break-all; white-space: normal; text-overflow: ellipsis; overflow: hidden;}
    .search-box .search-box-btn{ font-size: 12px;}
    .footer-wrap li .d{ white-space: nowrap; text-overflow: ellipsis; word-break:keep-all; overflow: hidden; display: none;}
    .footer-wrap li .t{ font-size: 12px;}
    .footer-wrap li .ico i{ width: 40px; height: 40px; line-height: 40px; font-size: 24px;}
    .footer{ padding: 15px 0;}
    .footer-link{ display: none;}
    .navbg{display: none;height: 100%;width: 100%;position: fixed; left: 0; top: 0;z-index: 88;background: #000;opacity: .5;}
	.open-toggle .nav,.open-toggle .kefu-nav{ right: 0;}
	.open-toggle .navbg{ display: block;}
	.i-recommend .i-r-company{ padding: 10px;}
	.footlink{ padding: 10px;}
	.footer-wrap{ padding: 20px 0;}
	.company-list-li{ margin-left: -1%; margin-right: -1%; margin-bottom: 20px;}
	.company-list-li ul li{ width:100%; padding: 20px 10px; margin: 0 0 8px;}
	.company-list-li ul li:nth-child(3n){ margin-right: 1%;}
	.news-list li{ padding: 10px 20px; position: relative;}
	.news-list li h3{ padding-top: 0; width:94%; height: auto; line-height:24px; white-space: normal;}
	.news-list li h3 a{ font-size: 14px; font-weight: normal;word-break:normal;}
	.news-list li .list-data{ position:absolute; top: 20px; right: 10px;}
	.news-list li .list-data a.more{ top: -50%; position: static;}
	.side{ margin-left: 0; margin-bottom: 30px;}
	.bg,.main{ margin-top: 61px;}
	.section.bg{ margin-top: 0px;}
    .nav-toggle{background:0 0;border:none;display:block;z-index:5;top:20px;position:fixed;right:15px;width:27px;height:27px;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; outline:none; z-index: 99;}
	.open-toggle .nav-toggle{right:210px}
	.nav-toggle .icon-bar:first-child{top:0;-webkit-transform:translateY(0);transform:translateY(0);transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.nav-toggle .icon-bar:nth-child(2){top:8px;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.nav-toggle .icon-bar:last-child{top:16px;-webkit-transform:translateY(0);transform:translateY(0)}
	.nav-toggle .icon-bar{width:27px;height:2px;position:absolute;top:0;left:0;background-color:#666;border-radius:5px;top:8px}
	.open-toggle .nav-toggle .icon-bar{background-color:#000;}
	.open-toggle .logo,.open-toggle .design-logo{ margin-left:-210px;}
	.open-toggle .sj-car-ico{ right:270px;}
	.open-toggle .nav-toggle .icon-bar:first-child{top:0;-webkit-transform:translateY(0);transform:translateY(0);transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.open-toggle .nav-toggle .icon-bar:nth-child(2){top:8px;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.open-toggle .nav-toggle .icon-bar:last-child{top:16px;-webkit-transform:translateY(0);transform:translateY(0)}
	.open-toggle .nav-toggle .icon-bar:first-child{top:7px;transform:translateZ(0) rotate(45deg);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(45deg);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.open-toggle .nav-toggle .icon-bar:nth-child(2){top:7px;transition:transform .2s ease 0s;transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .2s ease 0s;-webkit-transform:translate3d(0,0,0);transform:translateZ(0) rotate(-45deg);-webkit-transform:translateZ(0) rotate(-45deg)}
	.open-toggle .nav-toggle .icon-bar:last-child{transition:transform .25s cubic-bezier(.4,.01,.165,.99) .2s;opacity:0}
	.open-toggle .menu{right:-10px; z-index:9999; float: none;; height: auto; width: 170px;}
.header .logo strong{ font-size:18px;vertical-align: top;margin-top: 6px;}
.product-list li{ padding: 10px 10px 10px 140px; position: relative;}
.product-list li .pic{ width: 100px; height: 100px; position: absolute; top: 10px; left: 10px;}
.product-list li .pic a p{ width: 100px; height: 100px;}
.product-list li .pic a p img{ width: 100px; height: 100px;}
.product-list li .info{margin: 0; width: 100%;}
.product-list li .info .desc{ display: none;}
.product-list li .address{ float: none; text-align: left; margin: 0;}
.product-list li .company{ width: 100%; float: none; text-align: left; margin-top: 10px;}
.product-list li .company h6{text-align: left;}
.about-bg{ display: none;}
.about-box{ padding: 10px; box-shadow: none;}
.about-box .about-nav{ position:static; width: 100%; padding: 10px;}
.about-box .about-nav li{ margin-bottom: 0; display: inline-block; border: solid 1px #ddd; border-radius: 20px; overflow: hidden; font-size: 14px; line-height:30px; padding: 0 10px; margin: 5px;}
.about-box .about-nav li.active{ background: #01af63; border-color: #01af63;}
.about-box .about-nav li.active a{ color: #fff;}
.about-box .about-container{ padding:10px; border: none;}
.about-box .about-container h3{ font-size:20px;}
.about-box .about-container .about-article .link li{ width: 50%;}
.about-box .about-container .about-article .sitemap li h5{ width: 80px; font-size: 14px;}
.about-box .about-container .about-article .sitemap li p a{ font-size: 12px;padding-right:8px;}
.banner.kefu .item a{ height: 80px;}
.service .section{padding:30px 0;}
.service .section.section-one .why-service{ padding: 30px 0 0 0;}
.service .section.section-one .why-service li{ width:100%; margin-left: 0; margin-bottom: 10px; text-align: left; padding: 10px 10px 10px 110px; position: relative;}
.service .section.section-one li .ic{ width: 90px; float: left; position: absolute; left: 10px;}
.service .section.section-one li h3{ margin-bottom: 10px; margin-top: 10px;}
.service .section.section-one .why-service li .ic i{ width: 80px; height: 80px; line-height: 80px;}
.service .section.section-three .table,.service .section.section-three .desc{ padding: 30px 20px; margin-top: 20px;}
.section-two.section .clearfix{overflow-x: scroll;} 
.wrapper{ width:950px; }
.left-bg{ width: 25%;}
.grid-v1{ width: 50%;}
.grid-v2{ width: 25%;}
.ad-pic{ padding: 10px 20px;}
.ad-pic img{ width: 100%;}
.form-warp{ width: 100%; padding: 20px 10px; margin: 20px 0;}
.form-warp li span{ width: auto;}
.form-warp label{ overflow: auto; vertical-align: top; height: auto;}
.form-warp li.form-btn{ padding-left:0; text-align: center; margin-top: 20px;}
.section-keyword{ padding: 10px;}
.keyword-pic img{ width: 100%;}
.service .section.section-one .key-service li{ width: 100%; margin-right: 0; margin-bottom: 10px; text-align: left;}
.service .section.section-one .key-service li .ic{ top: 0;}
.service .section.section-one li{ padding: 10px 10px 10px 100px;}
.service .section.section-one.extension-section ul li{ position: static; width: 100%; background: #fff; padding: 20px 20px; border-radius: 20px; overflow: hidden; margin-bottom: 10px; border: solid 1px #cfcfcf;}
.key-section.extension-section ul{ background-size: 320px; background-position: top center; height: auto; padding-top:180px; margin-top: 30px;}
.key-word-four-desc{ padding: 0 10px;}
.service .section.section-four .desc{ margin-top: 20px; margin-left:0;}
.service .section.section-four .desc .box.active{ padding: 20px;}
.service .section.extension-section .extension-desc{ padding: 20px; width: 100%;}
.service-pay.pay-two .back-pay-box{ padding: 20px 15px; margin-left: -15px; margin-right: -15px;}
.service{ overflow: hidden; width: 100%;}
.service-pay.pay-two .back-pay-box .back-ico{ width:20%; margin-right: 0;}
.service-pay.pay-two .back-pay-box .back-ico i{ font-size: 50px;}
.service-pay.pay-two .back-pay-box .back-desc{ width:75%; float: right;}
.service-pay.pay-two .back-pay-box .back-desc p{ font-size: 12px; line-height: 24px;}
.pay-about{ margin-left:0; margin-right: 0; margin-top: 20px;}
.pay-about h3{ font-size: 16px;}
.pay-about .pay-p p{ font-size: 14px;}
.service-pay.pay-four ul li{ width:48%;}
.service-pay.pay-four ul li img{ width: 100%;}
.extension-section ul{background-size: 320px; background-position: top center; height: auto; padding-top:180px; margin-top: 30px;}
.service .section.extension-three .extension-three-box .desc{ padding: 20px;}
.service .section .extension-point li i img{ width: 100%;}
.service .section.extension-three .extension-three-box{ padding-top: 10px;}
.section-3 .flr{ float: left;}
.service .section.section-3{ padding: 260px 10px 10px 10px;background-size: 430px; background-position: top center; }
.section-3 .anmi-bg{ width: 76px;height: 87px; background-position:-60px -145px; background-repeat: no-repeat;position: absolute;left: 54%;margin-left: -52px;top:89px; background-size: 350px;}
.section-3 .node-item{ width: 100%;}
.trade-list ul li{ position: relative; padding-left:80px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;}
.trade-list ul li .pic{ position: absolute; left: 10px; width: 60px; height: 60px; line-height: 24px; padding:6px 10px; font-size: 18px;}
.trade-list ul li .description .desc{ display: none;}
.trade-list ul li .description{ float:none; width: auto; margin-left: 0; padding-right: 0; border: none; height: auto;}
.trade-list ul li .company{ display: none;}
.trade-list ul li .description h3 a{ width: 100%; max-width: 100%;}
.form-warp li .input-text{ width: 100%;}
}