@media (max-width:765px){

/* .home-products-list{flex-wrap: wrap;} */
.home-products-list{overflow-x:scroll;-webkit-overflow-scrolling: touch;margin-bottom: 30px;}
.home-products-list::-webkit-scrollbar {display: none;}
.home-products-list ul{padding-right: 15px;}
.home-products-list ul + ul{padding-left:15px;}
.index-header{padding: 0;position:fixed;}
#headlogo img{max-width: 200px;}
.index-header .navbar-default{padding-top: 10px;margin-bottom: 8px;}
.index-header:after{height:100%;}
.index-banner-text h1{font-size: 20px;}
.index-ban-tips a{font-size: 16px;}
.index-ban-tips{padding:0 10px;margin-bottom: 30px;}
.index-ban-btn .btns{width: 124px;padding:6px 0;}
#indexzz img,#aboutzz img{height: 50px;}
.navbar-default .navbar-nav > li{text-align:center;}
.navbar-nav > li.sea:before{border:0;}
.navbar-nav > li.sea .hed-input{border-color:#ccc;}
.navbar-default .navbar-nav > li.lastlang .lang-t{margin:0 auto;}
.navbar-default .navbar-collapse {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    z-index: 99;
}

.home-tx{padding-top: 40px;padding-bottom: 25px;}
/* .foot-mes dd.f5{float:right;padding-left:15px;}
.foot-mes dd.f5 p{width: auto;font-size: 12px;} */
.foot-nav{padding-top: 20px;}
.tabs{
	padding:20px 0 15px;
	margin-bottom:25px;
	white-space:nowrap;
	overflow-x:scroll;
	-webkit-overflow-scrolling: touch;
}
.tabs::-webkit-scrollbar{display: none;}
.ban-move-box{margin-top:30px;display:block;}
.banner{margin-top:68px;}
.ban-txt h3{font-size: 24px;}
.ban-txt h3 span{font-size: 18px;}
.ban-txt .p1{font-size: 12px;}
.ban-txt .ban-tigs{font-size: 0px;}
.title-s1 h4{font-size: 24px;}
.title-s1 p{font-size: 18px;}
.title-s1{padding-top:20px;}
.title-s1 i.it{height: 20px;}
.index-solution-tab{font-size:0;padding:0 5px;}
.index-solution-tab .item{
	width:25%;
	padding:0 10px;
	margin:0;
}
.index-solution-tab .item p{font-size: 14px;}
.index-solution-img{padding-left:0;margin-left:0;}
.title-s2 h5{font-size: 24px;margin:10px 0 0;}
.title-s2 p,.title-s2 h4{font-size: 18px;}
.index-solution-box{padding:20px 0;}
.title-s2{padding:0 10px 0 25%;}
.indexaboutl .title-s2{padding:0;margin-bottom:0px;margin-top:15px;}
.index-solution-box .txt{padding:0 15px;}
.index-solution-box .txt p{font-size:16px;line-height: 26px;}
.index-solution-box .txt table{width:100%;table-layout:fixed;}
.index-pro-tab ul.ul{padding:0 10px;}
.index-pro-tab ul.ul li{padding:0 5px;width: 50%;margin-bottom:15px;}
.index-pro-tab ul.ul li a{padding-left:10px;font-size: 16px;}
.index-about-box{margin-top:0;margin-bottom:20px;}
.index-about-tab{position:relative;width:100%;padding:0;margin-bottom:20px;border-radius:0;}
.index-about-tab ul li{
	float:left;
	width:25%;
	margin-bottom:0;
}
.index-about-tab ul li a{padding:10px 0;font-size: 16px;}
.index-about-tab ul li.active a:after{
	border-top:8px solid #04577c;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    right:50%;
    top:100%;
	margin-top: 0;
	margin-right:-4px;
}
.index-ab-fc .row{margin-right:-4px;margin-left:-4px;}
.index-ab-fc .row > div{padding-right:4px;padding-left:4px;}
.iab-box{margin-bottom:10px;}
#ifcswp .iab-box{margin-bottom:0px;}
.iab-box .mes h5{font-size:16px;}
.iab-box .mes{padding:0 10px;}
a.ico-ss2{right: 10px;}
.iab-img .iab-txt .dtable .p{padding:10px;}
.iab-img .iab-txt{font-size: 14px;line-height: 22px;overflow:hidden;}
.iab-news-list ul{margin-top:10px;}
.foot-icp{padding:10px 0;height:auto;}
.news-wrap{margin-top:30px;}
.news-item-group {border-bottom: 1px dashed #ccc;padding-bottom:10px;}
.news-item-group .news-left-img{
		height:auto;
		width:40%;
	}
	.news-item-group .news-right{
		width:60%;
		padding-left:10px;
	}
	.news-item{height:auto;border:0;}
	.news-item .news-data {
	    float: none;
	    width: 100%;
	    padding-left: 0px;
	    font-size: 14px;
	    font-weight: 400;
	    color: #3bb3c3;
	    text-align: left;
	    margin-top: 0px;
	    margin-bottom:0px;
	}
	.news-rtxt{
		width:100%;
	}
	.news-rtxt h3{
		margin-top:0;
		font-size:16px;
		white-space:nowrap;
		text-overflow:ellipsis;
		margin-bottom:3px;
		overflow:hidden;
	}
	.news-rtxt p{
		font-size:14px;
		line-height:22px;
		height:44px;
	}
	.news-more{margin:30px 0 15px;}
	.news-more a{font-size: 16px;}
	#focusBox .ban-txt .ban-tigs a{
		width:25%;
		margin:0;
		font-size: 14px;
	}
	.focus-ico{margin-bottom:10px;}
	.iab-address ul {display:none;}
	.products-list .item{padding:20px 0;}
	.products-list .item .mes > h4{
		font-size:16px;
		white-space: nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		margin-bottom:10px;
		margin-top:0;
	}
	.promore{margin-top:10px;}
	.products-list .item .row,.fc-g-list .row{margin-right:-4px;margin-left:-4px;}
	.products-list .item .row > div,.fc-g-list .row >div{padding-right:4px;padding-left:4px;}
	.products-list .item .mes .text{line-height:18px;height:36px;overflow:hidden;font-size:12px;}
	.products-list .item:nth-child(2n){border-top-width:0;}
	.layui-layer-phimg img{max-width: 100%;}
	.ifcswp-more{padding-top:30px;}
	.ifcswp-more a{padding:8px 40px;font-size:16px;}
	.imgsswp-box{
		padding:0 50px;
		width: 100%;
		margin:0 auto;
		position: relative;
	}
	.textxgg{height: auto;margin-bottom:30px;overflow:hidden;}
	.index-solution-box .txt {padding: 0 5% 0 5%;}
	.form-box {padding: 42px 0 30px;}
	.index-form .container > div{padding:0;}
	.index-about-video video,.xgrnewsb{height:auto!important;}
	.index-pro-group{padding:30px 0;}
	.xgrnewsb img{
		position:relative!important;
		top:0!important;
		left:0!important;
		-webkit-transform: translate(0,0)!important;
    	transform: translate(0,0)!important;
    }
    #focusBox .dtable{table-layout:fixed;}
    #focusBox .imgsswp-box{padding:0;}
    #focusBox .swiper-button-next,#focusBox .swiper-button-prev{display:none;}
    .imgsswp-box .swiper-slide p{font-size:12px!important;margin:5px 0 0!important;line-height:20px!important;}
	.fc-g-list .row > div{margin-bottom:0;}
	.fc-g-list{margin:20px 0;}
	.focus-ico i{width:60px;height: 60px;margin-top:-30px;margin-left:-30px;background-size:cover!important;}
	.news-main .morebtn{display:none;}
	.details-title{padding:20px 10px;}
	.focus-ico .fico{background-size:auto 40px;}

}
@media (min-width: 768px){
	.index-header{padding:15px 2.5% 10px;}
	.navbar-default .navbar-nav > li{margin-left:15px;margin-right:10px;}
	.navbar-default .navbar-nav > li.lastbtn{margin-right:0;}
	.index-about-box{min-height: 545px;}
	.index-about-group{padding-left:160px;}
	.index-ab-fc,.iab-news-list{padding-left:30px;}
	.ban-move-box{margin-top:60px;}
	/* .products-list .item .mes{padding-left:120px;} */
	/* .products-list .item:nth-child(2n) .row{margin-left:33.33333%;} */
	.products-list .item .row{margin-left:-30px;margin-right:-30px;}
	.products-list .item .row >div{padding-right:30px;padding-left:30px;}
	.navbar-default .navbar-nav > li:before{
	    content: '';
	    font-size: 16px;
	    color: #04577c;
	    height: 100%;
	    padding: 15px 0;
	    position: absolute;
	    top: 0;
	    left: 0;
	    opacity: 0;
	    -webkit-transform: translate3d(0, 25%, 0);
	    transform: translate3d(0, 25%, 0);
	    -webkit-transition: all .42s ease;
	    transition: all .42s ease;
	    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	}

	.navbar-default .navbar-nav > li:nth-of-type(1):before {content: '首页';}
	.navbar-default .navbar-nav > li:nth-of-type(2):before {content: '解决方案';}
	.navbar-default .navbar-nav > li:nth-of-type(3):before {content: '产品中心';}
	.navbar-default .navbar-nav > li:nth-of-type(4):before {content: '关于华兴';}
	.navbar-default .navbar-nav > li:hover:before {
	    opacity: 1;
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
	.navbar-default .navbar-nav > li{margin-left:10px;margin-right:10px;}
	.navbar-default .navbar-nav > li > a{padding:15px 0!important;}
	.navbar-default .navbar-nav > li:hover > a {
		color:#000!important;
	    -webkit-transform: translate3d(0, -25%, 0);
	    transform: translate3d(0, -25%, 0);
	    opacity: 0;
	}
	.navbar-default .navbar-nav > li:after {
	    position: absolute;
	    height: 2px;
	    content: '';
	    background: #04577c;
	    float: left;
	    width: 0;
	    margin-top: 5px;
	    -webkit-transition: all .35s ease;
	    transition: all .35s ease;
	}
	.navbar-default .navbar-nav > li:hover:after,.navbar-default .navbar-nav > li.on:after{width:100%;}
	.navbar-default .navbar-nav > li.sea:after{width:0!important}
	.navbar-default .navbar-nav > li.lastbtn:after{display:none;}
	.imgsswp-box{
		padding:0 50px;
		width: 100%;
		margin:0 auto;
		position: relative;
	}
	/* .textxgg{height: 200px;margin-bottom:30px;overflow:hidden;} */
	.textxgg{height:244px;overflow-y:auto;padding-right:15px;}
	.textxgg::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
	.textxgg::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	        border-radius: 0px;
	         -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2);
	        background: #d5d5d5;
	    }
	.textxgg::-webkit-scrollbar-track {/*滚动条里面轨道*/
	        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2);
	        border-radius: 0px;
	        background: #fff;
    }
	.index-solution-box .txt {padding:0;}
	.index-solution-group .item{height:520px;}
	.index-solution-group .item .row,
	.index-solution-group .item .row > div,
	.index-solution-group .item .row .index-solution-img,
	.index-solution-group .item .row .xg-hmsoimg{height:100%;}
	.index-solution-group .item .row .index-solution-img{overflow:hidden;}
	.xg-hmsoimg{
		
		-webkit-animation-duration: 1s;
    	animation-duration: 1s;
    	-webkit-animation-fill-mode: both;
    	animation-fill-mode: both;
	}
	/* .ons .xg-hmsoimg{
		-webkit-transform:scale(1);
		transform:scale(1);
	} */
	.ons .xg-hmsoimg {
	    -webkit-animation: focusImgZtb 2s linear forwards;
	    -moz-animation: focusImgZtb 2s linear forwards;
	    animation: focusImgZtb 2s linear forwards;
	}

	.news-rtxt{width: 100%;padding-right:0;}
	.news-item-group{position:relative;}
	.news-item-group .news-left-img{height:auto;}
	.news-item-group .news-right{position:absolute;right: 0;height:100%;}
	.news-item{height: 100%;border-bottom:1px dashed #ccc;}
	.news-item .news-data{display:none;}
	.news-item:hover{background:#fff;}
	.news-item:hover .news-data, .news-item:hover .news-rtxt h3, .news-item:hover .news-rtxt p {
    color: #000;}
    .news-item-group .morebtn{
    	background:#04577c;
    	color:#fff;
    	position:absolute;
    	right: 0px;
    	bottom: 20px;
    	padding:5px 10px;
    }
    .index-form .form-left img{min-height:100%;min-width:100%;}
}
@media (min-width: 992px){
	.index-solution-box .txt {padding: 0 ;}
	.index-header{padding:15px 6% 10px;}
	.navbar-default .navbar-nav > li{margin-left:20px;margin-right:10px;}
	.index-products.row>div{width:20%;}
	.ban-move-box{margin-top:160px;}
	.index-form .form-left{position:absolute;left:0;top:0;width:48%;bottom:0;overflow:hidden;}
    .index-form .form-left img{min-height:100%;min-width:100%;}
}
@media (min-width: 1200px){
	.index-header{padding:15px 10.5% 10px;}
	.service-wrap{padding:0 55px;}
	.ban-move-box{margin-top:200px;}
	.imgsswp-box{
		padding:0 50px;
		width: 90%;
		margin:0 auto;
	}
	/* .textxgg{height: 200px;margin-bottom:40px;overflow:hidden;} */
	.index-solution-box .txt {padding: 0 5% 0 5%;}
	.imgsswp-box .swiper-slide a{display:block;margin-top:30px;}
	.foot-mes{margin-left:0px;}
}
@media (min-width: 1550px){
	.index-header{padding:15px 13.5% 10px;}
	.navbar-default .navbar-nav > li{margin-left:30px;margin-right:30px;}
	.container{width:73%;}
	.container-lg{width:1430px;}
	.container-cg{width:1340px;}
	.container-sg{width:1230px;}
	.ban-move-box{margin-top:260px;}
	.fc-g-list .row{margin-right:-35px;margin-left:-35px;}
	.fc-g-list .row > div{padding-right:35px;padding-left:35px;margin-bottom:70px;}
	.fc-g-listxg .row{margin-right:-15px;margin-left:-15px;}
	.fc-g-listxg .row > div{padding-right:15px;padding-left:15px;margin-bottom:30px;}
	/* .fc-g-list .iab-img:hover .iab-img-box{right:-70px;left: -75px;bottom:-115px;} */
	/* .index-header{left:3%;} */
	.imgsswp-box{
		padding:0 10%;
		width: 90%;
		margin:0 auto;
	}
	/* .textxgg{height: 280px;margin-bottom:70px;overflow:hidden;} */
	.index-solution-box .txt {padding: 0 16% 0 8%;}
	.imgsswp-box .swiper-slide a{display:block;margin-top:50px;}
	.form-box {padding: 130px 0 90px;}
	.input-g{margin-bottom:25px;}
	.indexaboutl{padding-right:30px;padding-left:50px;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){.foot-mes{margin-left:-50px;}}
@media screen and (max-width: 1600px) and (min-width: 1400px){.foot-mes{margin-left:-40px;}}
@media screen and (max-width: 1700px) and (min-width: 1600px){.foot-mes{margin-left:-20px;}}
.imgsswp-box .swiper-slide .imgss{background:#000;}

.imgsswp-box .swiper-slide img,.imgsswp-box .swiper-slide p{opacity: 0.5;}
.imgsswp-box .swiper-slide.active img,.imgsswp-box .swiper-slide.active p{opacity: 1;}
.imgsswp-box .swiper-slide p{font-size:16px;margin-top: 10px;color:#fff;height:44px;line-height: 22px;overflow:hidden;}
.imgsswp-box .swiper-slide.active p{color:#fff;}