﻿@media only screen and (max-width: 1576px) {
#hd .nav{width: auto;}
#hd .nav ul li{float: left;margin: 0 10px;}

}

@media only screen and (max-width: 1440px) {
.slick-prev{left: -35px;}
.slick-next{right: -35px;}
#float-bar {right:5px;top: 80%;width: 60px;}
#hd .nav ul li a{width: 100px;}
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
.wp {width: 960px;}
#hd .logo {width:200px;padding-left: 30px;}
.home-top .logo{background:url(../images/h-bg.jpg) no-repeat 30px bottom !important;padding-left: 30px !important;width: 200px !important;}
#hd .logo img{width: 100%;}
#hd .nav ul li{float: left;margin: 0;}
.home-top2 .logo{background: none !important;}
.ma{padding: 100px 0;}
.ma img{width:170px;height: 170px;}
.slider1 .slick-next {right: 50px;background-size: 100%;}
.slider1 .slick-prev {left: 50px;background-size: 100%;}
.slider1 .slick-prev, .slider1 .slick-next {margin-top: -31px;width:18px;height:62px;}
.slick-dots {position: absolute;left:50px;bottom:40px;}
.box-news .ul-pic-txt p{padding:9px 0;font-size: 14px;color: #8e8e8e;}
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
.wp {width: 768px;}
#hd{display: none;}
#mobile-menu {display: block;}
#bd{margin-top: 60px;}
.list-con {padding: 0;margin-top: 45px;}
.list-con ul.ul-case li {padding: 0px 15px;margin-bottom:30px;}
.list-con ul.ul-case li .li-con .txt a:hover .t-more {display: none;}
.list-con ul.ul-case li .li-con .txt a:hover .more {display: block;}
.list-con ul.ul-case li .li-con .txt .more {padding-right: 0px;}
.bd-bg {padding: 80px 0;}
.banner .drop{display: none;}
.list-con2 .slick-arrow{display: none !important;}

.box-us .wp-us{width: 100%;}
.box-news{margin-top: 45px;}
.tit-top h2{width: 60%;margin: 0 auto;}
.tit-top h2 img{width: 100%;}
.box-news .ul-pic-txt li{margin-bottom: 15px;}
.box-news .ul-pic-txt h3{font-size: 16px;line-height:20px;}
.box-news .tit-news p{font-size: 18px;}
.box-us .pic img{float: none; width: 70%;}

.box-pro{padding: 0 20px;margin-top:45px;}
.box-pro .pic{padding:0 40px;padding-bottom: 40px; }
.box-pro .pic h3{text-align: center;height: 120px;line-height: 120px;font-size: 24px;margin-bottom: 30px;}


    .banner .slider1 .pic{
        background-position: center 0;
    }

    .box-news .ul-pic-txt .txt{padding-right: 0;}
    .box-us .wp-us{padding: 0 15px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

    .tit{padding: 0 15px;}
}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
.wp {width: 98%;}
.tit .titpic {margin-bottom: 20px;width: 80%;}
.list-con ul li .li-con .txt h3 {padding: 0 15px;font-size: 18px;}
.list-con ul li .li-con .txt .txt-b {padding: 15px;overflow: hidden;}
.list-con ul li .li-con .txt .pl {float: none;margin-bottom: 10px;}
.list-con ul li .li-con .txt .more {float: none;display: block;margin: 0 auto;}
.slick-dots {display: none !important;}
.float-wrap{display: none;}
.box-news .ul-pic-txt .pic {display:block;}
.box-news .ul-pic-txt img {width: 150px;height: auto;}
.box-news .ul-pic-txt h3 {line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box-news .ul-pic-txt p{height: 35px;overflow: hidden;}
.box-news .ul-pic-txt .txt {padding-left:10px;}
.box-news .ul-pic-txt .datetime{margin-top: 10px;}
.box-us .pic{text-align: center;}

.wp-us .pic2{margin: 0 auto;float: none;}
.box-us .pic .pic-2{float: none;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6); 
-ms-transform: scale(0.6); 
-o-transform: scale(0.6); 
transform: scale(0.6);
margin: 0 auto;
}

.ul-about li{width: 100%;}

.pc-move div{background-position: 0 0;}
.list-con ul.ul-case li{width: 100%;}
.list-con ul.ul-case li .li-con .txt h3{font-size: 14px;height: 63px;overflow: hidden;}
.list-con2 ul li{padding: 0 15px;}
.con-txt{padding: 20px;}
.con-txt-tit{font-size: 14px;}


.banner .pic{height: 160px !important;}
.banner .slick-slider, .banner .slick-slider .slick-track, .banner .slick-slider .slick-list,.banner{height: 160px !important;}
.banner .slider1 .pic .banner-video{display: none !important;}
#floatBar{display: none !important;}

}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
.bd-bg {padding:50px 0;}
.list-con ul.ul-case li{width: 100%;}
.tit h3 {font-size: 14px;}

.fd {height:42px;padding: 12px 0;}
.fd .fdl {float:none;text-align: center;}
.fd .fdr {float: none;text-align: center;display: none;}
.bdshare-button-style0-32 {display: inline-block;margin-top: 10px;}
.ma{padding:40px 0;}
.ma img{width:80px;height: 80px;}
.ma p {font-size:16px;margin-top:10px;}
.slider1 .slick-next ,.slider1 .slick-next, .banner .slider .slick-next{right: 20px;}
.slider1 .slick-prev ,.slider1 .slick-prev, .banner .slider .slick-prev{left: 20px;}
.slider1 .slick-prev, .slider1 .slick-next,.slider1 .slick-prev, .slider1 .slick-next, .banner .slider .slick-prev, .banner .slider .slick-next {margin-top: -20px;width:12px;height:41px;}

.box-news .ul-pic-txt img {width:100%;height: auto;}
.box-news .ul-pic-txt .txt{padding-left: 0;}
.box-news .ul-pic-txt h3{text-align: center;margin-top: 5px;}
.box-news .ul-pic-txt h3 a{font-size: 16px;}
.box-news .tit-news p{font-size: 18px;}
.btn-next,.btn-prev{width: 40%;}
.box-news {padding: 0 20px;}
.box-news .ul-pic-txt .pic {display: inline-block;float: none;width: 100%;}


.box-pro{padding: 0 20px;margin-top:45px;}
.box-pro .pic{padding:0 15px;padding-bottom: 10px; }
.box-pro .pic h3{text-align: center;height: 60px;line-height:24px; font-size: 16px;margin: 15px 0;}

.box-us .wp-us h3 {font-size:16px;margin-bottom: 5px;}
.box-us .row{margin-top: 20px;}
.box-us .pic{margin-top: 20px;}
}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

	 

}



/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

 

}



/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

 
}



/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

 

}



/*240*/
@media only screen and (max-width: 319px) {

 

}