@media (max-width:960px){
    .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;}
.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%;}
}