/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*top*/
.top{height:40px;line-height:40px;background:#fbfbfb;color:#666;}
.top .top-right a{padding:0 10px;transition:all .3s;color:#666;}
.top .top-right a:hover{color:#52759b;}
/*****logobox*****/
.logobox{position:relative;padding:30px 0;}
.logo .media{display:inline-block;}
.logo .media div.float-left{margin-right:15px;}
.logo .media div.media-body{margin-top:10px;}
.logo strong{font-size:36px;line-height:1.2;color:#2d547f;font-weight:bold;}
.logo p{color:#666666;line-height:28px;font-size:18px;}
.media, .media .media{margin-top:0;}
.logobox .logoright strong{color:#52759b;font-size:36px;line-height:1.2;font-family:"Impact";}
.logobox .logoright p{font-size:16px;color:#666666;line-height:28px;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{background:url(../images/nav.jpg) no-repeat;height:50px;}
#nav ul>li{float:left;width:14.28%;text-align:center;position:relative;line-height:50px;box-sizing:border-box;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.active>a{background:#fff;line-height:50px;color:#52759b;}
#nav ul .submenu{position:absolute;width:100%;top:50px;z-index:99;background:#fff;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#55779d;}
#nav ul .submenu li a:hover{text-decoration:underline;}
/*banner*/
.swiper-pagination-bullet{width:15px;height:15px;background:#fff;}
/*search*/
.search-box{line-height:70px;height:70px;background:url(../images/search.jpg) no-repeat;color:#fff;}
.search-box .link span{color:#fff;font-weight:bold;font-size:16px;background:url(../images/search-link.png) no-repeat;width:142px;display:inline-block;text-align:center;}
.search-box .link a{padding:0 10px;color:#fff;}
.search-box .link a:hover{color:#d0a866;}
.search{margin-top:14px;}
.search .sousu{width:210px;line-height:30px;background:none;padding-left:10px;color:#fff;border:1px solid #d0a866;font-size:12px;}
.search .sousu::placeholder{color:#fff;}
.search .sou-zi{width:52px;line-height:32px;background:url(../images/search-btn.jpg) no-repeat;border:none;cursor:pointer;height:32px;}


/***************公共标题***************/
.index-title h3{font-weight:bold;color:#52759b;font-size:36px;background:url(../images/line.png) center no-repeat;}
.index-title p{font-size:16px;color:#666;line-height:1.4;}
.index-title em{font-size:20px;font-style:normal;text-transform:uppercase;color:#333;}

/***************product***************/
.fourBox .fourItem{padding:20px 0 0 20px;height:181px;box-shadow:2px 2px 10px #ddd;border-radius:10px;}
.fourBox li{margin-top:20px;}
.fourBox .fourItem strong{font-size:18px;color:#2d547f;display:block;line-height:1.2;}
.fourBox .fourItem p{text-transform:uppercase;color:#777;}
.fourBox .fourItem1{background:url(../images/box1.png) no-repeat;}
.fourBox .fourItem2{background:url(../images/box1.png) no-repeat;}
.fourBox .fourItem3{background:url(../images/box1.png) no-repeat;}
.fourBox .fourItem4{background:url(../images/box1.png) no-repeat;}

/***************product***************/
.product{background:#fdfdfd;padding:60px 0;overflow:hidden;}
.proCont .tab_items li{display:inline-block;line-height:34px;border-radius:30px;border:1px solid #999;width:120px;text-align:center;font-size:16px;margin:0 5px;}
.proCont .tab_items li a{color:#999;}
.proCont .tab_items li.active{background:#52759b;border:1px solid #52759b;}
.proCont .tab_items li.active a{color:#fff;}
.proList li{margin-top:15px;}
.proList li a{display:block;text-align:center;}
.proList li a span img{height:360px;margin:auto;width:100%;}
.proList li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.more{width:198px;height:38px;line-height:38px;margin:auto;text-align:center;font-size:16px;color:#666666;border:1px solid #999;display:block;margin-top:40px;}
.more:hover{background:#52759b;border:1px solid #52759b;color:#fff;}


/***************advant***************/
.advant{background:url(../images/advant-bg.jpg) top center no-repeat;padding:70px 0;}
.advant .index-title h3{background:none;color:#fff;}
.advant .index-title p{color:#fff;}
.advant li{margin-top:20px;}
.advant .advaBox{background:#fff;display:block;min-height:420px;text-align:center;}
.advant .advaBox img{height:300px;width:100%;}
.advant .advaBox  strong{display:block;font-size:18px;font-weight:normal;padding-top:5px;}
.advant .advaBox p{padding:0 10px;color:#666666;line-height:1.5;}

.caseBox{position:relative;}
.caseBox p{position:absolute;background:rgba(0,0,0,.7);top:0;left:0;right:0;bottom:0;font-size:20px;color:#d0a866;font-weight:bold;text-align:center;display:none;}
.caseBox:hover p{display:block;}
.caseBox1{height:530px;width:100%;}
.caseBox1 img{height:530px;width:100%;}
.caseBox1 p{line-height:530px;}
.caseBox2{height:260px;width:100%;}
.caseBox2 p{line-height:260px;}
.caseBox2 img{height:260px;width:100%;}
/***************company***************/
.company{background:#ebeef3;padding:70px 0 40px;}
.abt-left h3{font-size:20px;font-weight:bold;color:#52759b;}
.abt-left .abt-txt p{text-indent:2em;color:#666666;}
.abt-left .abt-txt p a{color:#52759b;}
.abt-left .abt-contact{background:#d0a866;font-size:20px;color:#fff;line-height:50px;font-weight:bold;width:380px;text-align:center;margin-top:30px;}
.abt-left .abt-contact span{font-family:"Impact";}

.liucheng{background:#52759b;padding:40px;overflow:hidden;margin-top:15px;}
.liucheng .liucheng-l{width:190px;color:#FFF;}
.liucheng .liucheng-l strong{display:block;font-size:30px;font-weight:normal;}
.liucheng .liucheng-r{width:880px;}
.liucheng .liucheng-r li{width:14.28%;float:left;text-align:center;color:#fff;}

/***************news***************/
.news ul li{margin-top:20px;}
.news ul li .newsBox{background:#f9f9f9;overflow:hidden;}
.news-l{width:20%;float:left;text-align:center;color:#999;border-right:1px solid #ddd;box-sizing:border-box;padding:10px;}
.news-l strong{display:block;font-family:"Impact";font-size:48px;line-height:1.2;color:#999;}
.news-r{width:80%;float:left;padding:10px;box-sizing:border-box;}
.news-r h3 a{font-size:18px;background:url(../images/new-ico.png) left center no-repeat;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-r span{width:17px;height:2px;background:#d3d3d3;display:block;margin-left:20px;}
.news-r p{color:#999999;padding-left:20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/***************friendlink***************/
.friendlink{height:50px;line-height:50px;background:#f8f8f8;}
.friendlink a{padding:0 10px;}


.footer{background:#2d547f;padding:50px 0;text-align:center;padding-bottom:90px;}
.footer p{color:#fff;}
.footer p a{color:#fff;}


.shenqing{height:90px;background:#6483a5;position:fixed;bottom:0;width:100%;}
.shenqing .sq-l{width:370px;text-align:center;float:left;color:#fff;margin-top:15px;}
.shenqing .sq-l h3{font-size:26px;font-weight:bold;line-height:1.2;}
.shenqing .layui-container{position:relative;}
.sqImg{position:absolute;right:0;top:10px;cursor:pointer;}
.shenqing .sq-r{width:776px;float:right;margin-right:30px;margin-top:22px;}
.shenqing .sq-r .sqInput{width:180px;line-height:42px;color:#777;border-radius:8px;border:none;padding-left:10px;margin-left:10px;}
.shenqing .sq-r .sqSubmit{background:#52759b;width:150px;text-align:center;line-height:42px;font-size:18px;border:none;color:#fff;border-radius:8px;margin-left:10px;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner .pic li,.proList li a span img,.advant .advaBox img{height:140px;}
	.logobox{height:30px;padding:10px 0;}	
	.logobox .logo,.fourBox li,.proCont{margin:0;}
	.logobox .logo img{width:3rem!important;float:left;padding:0;height:auto!important;}
	.logobox button{display:block;margin-top:5px;}
	.logobox .head-icon{width:30px;height:30px;float:right;display:block;position:relative;}
	.logobox .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 20px;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/icon1.png);}
	.head-icon.active span{width: 18px;height: 18px;background-image: url(../images/icon2.png);}
	/*主导航样式*/
	#nav{background:none;background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav ul>li{width:100%;background:none;border-right:none;}
	#nav ul>li a{color:#666;font-size:14px;}
	#nav ul>li.active>a{line-height:50px;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.navbar{position: fixed;display:none;top: 50px;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
	.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: 50px;height: 50px;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	.logo strong,.index-title em,.news-r h3 a{font-size:15px;}
	.proList li p,.advant .advaBox strong{font-size:12px;}
	.index-title h3,.news-l strong{font-size:18px;}
	.logo p,.index-title p{display:none;}
	.abt-left .abt-contact{width:100%;}
	.caseBox,.fourBox,.more,.case,.company,.abt-left .abt-contact,.news,.news ul li,#nav-position{margin-top:10px !important;}
	.footer{padding-bottom:0;padding-top:0;}
	.product,.advant,.company{padding:15px 0;}
	.advant .advaBox{min-height:inherit}
}
.swiper-container {
      width: 100%;
      height: 600px;
    }
    .swiper-slide {
      background-repeat:no-repeat;
      background-size: cover;
      background-position: center      
    }
    @media screen and (max-width: 1024px){
      .swiper-container {
        height: 400px;
      }
    }
    @media screen and (max-width: 767px){
      .swiper-container {
        height: 300px;
      }
    }
    @media screen and (max-width:665px){
      .swiper-container {
        height: 250px;
      }
    }
    @media screen and (max-width:560px){
      .swiper-container {
        height: 180px;
      }
    }
    @media screen and (max-width:414px){
      .swiper-container {
        height: 150px;
      }
    }
    @media screen and (max-width:375px){
      .swiper-container {
        height: 140px;
      }
    }