@media screen and (max-width:1200px){
img{max-width:100%;}

.btn-m{padding:0 20px;line-height:35px;}
.btn-x{padding:0 30px;font-size:18px;}
.mt{margin-top:30px;}
.wrap{width:auto;}




.module{padding:40px 0;overflow:auto;}
.module .wrap{padding:0 20px;}
.module .content p{line-height:24px;}
.module .fr>img{padding:20px;}

.title{margin-bottom:30px;}
.title h2{text-align:center;font-size:26px;}
.title p{padding-top:10px;line-height:24px;}

.index-1{height:auto;padding:0;}
.index-1 ul>li:first-child{padding-left:10px;}
.index-1 ul>li{width:100%;display:inline-block;float:none;padding-left:10px;border-top:1px solid #eee;}

.index-2 .pa{position:static;text-align:center;}
.index-2 img{padding:20px;}
.index-2 .title p{width:auto!important;text-align:center;}
.index-2 .video{display:none;}

.index-3>li{width:100%}
.index-3 .content{height:auto;padding:20px;margin:0 0 10px 0;text-align:center;}
.index-3 .content>h3{font-size:26px;}
.index-3 .content>h3>span{display:none;}
.index-3 .content>p{margin:10px 0 20px 0;}
.index-3 .content>i{right:10px;}

.index-4{height:auto;padding-bottom:40px;}
.index-4 .pagination{clear:both;}
.index-4 .content>ul>li{display:inline-block;float:none;width:49%;vertical-align:top;}
.index-4 .content>ul>li>a{margin:5px;padding:20px;height:auto;}

.index-5 ul{width:100%;}
.index-5 ul>li>a{margin:5px;}
.index-5 ul>li>a>div h3{font-size:16px;}
.index-5 ul>li>a>div p{padding-top:5px;}
.index-5 ul>li>a>div>.content{padding:10px;}

.index-6>li{width:100%;}
.index-6>li>a{margin:5px;height:auto;}
.index-6 .content{padding:20px;padding-bottom:50px;}
.index-6 .content p{padding-top:10px;height:auto;}
.index-6 .content h3:after{margin-top:10px;}
.index-6 .content span{bottom:20px;right:20px;}
.index-6>li .head>em{left:20px;}

.experience{padding:40px 20px;}
.experience h3{font-size:24px;}



.service{display:none;}
.service-min{display:block;}



.product-1{padding-top:10px;}
.product-1 li{width:50%;margin:0;}
.product-1 li span{padding:0 10px;}

.grid-2>li{width:100%;}
.grid-3>li{width:100%;}
.grid-4>li{width:50%;}
.grid-5>li{width:50%;}
.grid-6>li{width:50%;}
.grid-7>li{width:50%;}
.grid-8>li{width:50%;}

.grid-number.grid-2>li{width:100%;}
.grid-number.grid-3>li{width:100%;}
.grid-number.grid-4>li{width:100%;}
.grid-number.grid-5>li{width:100%;}
.grid-number.grid-6>li{width:100%;}
.grid-number.grid-7>li{width:100%;}
.grid-number.grid-8>li{width:100%;}

.tab-2>dt{width:100%;}
.tab-3>dt{width:100%;}
.tab-4>dt{width:100%;}
.tab-5>dt{width:100%;}
.tab-6>dt{width:100%;}
.tab-7>dt{width:100%;}
.tab-8>dt{width:100%;}

.grid{padding-top:0;}
.grid>li h3{margin-bottom:10px;font-size:18px!important;}
.grid>li h4{font-size:14px;margin-top:-5px;}
.grid-default>li p{padding:0 10px 10px 10px;}
.grid-default>li i{font-size:40px;margin-bottom:10px;}
.grid-number>li:before{font-size:30px;left:10px;top:0;}
.grid-number>li h3{margin-left:40px;margin-bottom:5px;}
.grid-number>li p{padding:0 20px 20px 40px}
.grid-block>li>div{margin:5px;padding:10px;}
.grid-block-2>li>div{padding:0;}
.grid-block-2>li p{padding:20px;}
.grid-block-2 .customer-avatar{padding:0 20px 20px 20px}
.grid-block-2>li h3{margin:20px 20px -15px 20px;}
.grid-block-2>li .btn{margin-bottom:20px;}

.tab{padding:0;}
.tab>dt{margin:0;}
.tab>dt>a{margin:0;font-size:16px;height:42px;line-height:42px;}
.tab>dd{padding:20px;}
.tab>dd img{margin-bottom:20px;max-width:100%;}

.screen-bg{display:none;}
.screen{position:static;height:auto;width:100%;transform:none;-webkit-transform:none;}
.screen .content>li{position:static;text-align:center;width:100%;left:0;padding:10px;}
.screen .content>li img{height:auto;border:10px solid #000;border-radius:10px;}
.screen .pagination{display:none;}
.screen .content>li{transform:scale(1);}
.screen .content>li.active{transform:scale(1);}

.partner>li{width:33.33%;}

.form-center{padding:0;}
.form .group>span{width:100%;}
.form input[type="text"], .form select, .form textarea{width:100%;}
.form .group{margin-bottom:10px;}
.form .group label{display:block;}

.banner-min{height:100px;}
.alert{margin-bottom:10px;}
.module-narrow{padding:20px 0;}
.article{padding:20px!important;}

.table th, .table td{padding:5px;}

.title-s{padding:0 20px;margin-bottom:20px;}
.list li>a{padding:20px;}
.list li h3{font-size:16px;}
.list .content{margin:0 0 0 100px;}
.list li button{display:none;}

.detail>.left{position:static;width:100%;margin-bottom:20px;}
.detail>.content{padding:20px;overflow:auto;margin:0;}
.detail>.content>.title{padding-bottom:20px;}
.detail>.content img{margin:0;padding:20px 0;}
.detail>.content hr{margin:20px 0;}
}