/*公用样式部分*/
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;}
.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;}

/*****logobox*****/
.logobox{position:relative;}
.logobox .logo{margin-top:30px;}
.media, .media .media{margin-top:0;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}

.search{float:left;position:relative;}
.search img{margin-top:42px;}
.sear{position:absolute;background:#fff;width:200px;height:40px;top:78px;right:0;z-index:99;border:1px solid #ff0033;padding:0 10px;display:none;}
.sear .sear-input{height:34px;padding:3px 5px;border-bottom:1px solid #ddd;border:none;width:150px;color:#888;float:left;}
.sear .sear-btn{background:url(../images/index_search1.png) no-repeat;width:21px;height:21px;border:none;cursor:pointer;margin-top:10px;float:right;}

.logoContact{float:right;margin-top:30px;border-left:1px solid #ddd;padding-left:20px;font-size:24px;color:#ff0033;}
/*nav*/
#nav{height:120px;width:690px;float:left;margin-left:10px;}
#nav ul>li{float:left;width:9%;text-align:center;position:relative;line-height:115px;}
#nav ul>li>a{display:inline-block;font-size:18px;}
#nav ul>li.active>a{line-height:115px;border-bottom:5px solid #ff0033;color:#ff0033;}
#nav ul .submenu{position:absolute;width:100%;top:118px;z-index:99;background:#1593ea;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#fff;}
#nav ul .submenu li a:hover{text-decoration:underline;}
/*banner*/
.swiper-pagination-bullet{width:16px;height:16px;border:1px solid #fff;background:none;opacity:1;}
.swiper-pagination-bullet-active{background:#ff0033;border:1px solid #ff0033;}

/***************index***************/
.index-title h3{font-size:30px;font-weight:bold;line-height:1.5;}
.index-title h3 em{font-style:normal;color:#ff0033;}
.index-title p{font-size:16px;background:url(../images/line.png) center no-repeat;color:#626262;}

/***************made***************/
.made li{text-align:center;margin-top:20px;}
.made li img{margin:auto;}
.made li h3{font-size:20px;margin:10px 0;display:block;}
.made li p{color:#6c6c6c;}

/***************product***************/
.product{background:url(../images/probg.jpg) top center no-repeat;padding:40px 0;overflow:hidden;}
.proTitle{border-bottom:1px solid #c5c5c5;height:70px;}
.proTitle span{background:url(../images/pro.png) top center no-repeat;font-size:28px;color:#ff0033;font-weight:bold;display:block;width:295px;border-bottom:4px solid #ff0033;float:left;height:66px;}
.proTitle ul{float:right;}
.proTitle ul li{float:left;margin-left:10px;}
.proTitle ul li a{display:block;color:#fff;background:#1e1e1c;font-size:16px;padding:2px 10px;}
.proTitle ul li.active a{background:#ff0033;}

.proCont li{margin-top:20px;}
.proCont li a{display:block;background:#fff;overflow:hidden;}
.proCont li a span{display:block;}
.proCont li a span img{width:100%;height:240px;}
.proCont li a p{border-top:1px solid #eee;padding:10px 0;margin-top:10px;text-align:center;font-size:16px;}

.advant{padding:50px 0;overflow:hidden;background:url(../images/advant.jpg) top center no-repeat;}
.advant .index-title p{background:none;}

.advantCont .tab_items2{text-align:center;position:relative;z-index:2;}
.advantCont .tab_items2 li{display:inline-block;width:90px;height:72px;border-radius:100%;background:#fff;border:1px solid #ddd;padding-top:18px;}
.advantCont .tab_items2 span{width:30px;height:25px;display:block;margin:0 auto;margin-bottom:10px;}
.advantCont .tab_items2 .span1{background:url(../images/sj-bj.png) no-repeat top;}
.advantCont .tab_items2 .span2{background:url(../images/sc.png) no-repeat top;}
.advantCont .tab_items2 .span3{background:url(../images/anzhuang.png) no-repeat top;}
.advantCont .tab_items2 .span4{background:url(../images/souhou.png) no-repeat top;}

.advantCont .tab_items2 li.active{background:#ff0033;border:1px solid #ff0033;color:#fff;}
.advantCont .tab_items2 li.active .span1{background:url(../images/sj-bj.png) no-repeat bottom;}
.advantCont .tab_items2 li.active .span2{background:url(../images/sc.png) no-repeat bottom;}
.advantCont .tab_items2 li.active .span3{background:url(../images/anzhuang.png) no-repeat bottom;}
.advantCont .tab_items2 li.active .span4{background:url(../images/souhou.png) no-repeat bottom;}

.advaC{position:relative;margin-top:-30px;}
.advaC .advaTxt{background:#ff0033;padding:20px;margin-top:-60px;color:#fff;overflow:hidden;}
.advaC .advaL{width:90%;padding:0 20px;box-sizing:border-box;float:left;border-right:1px solid #fff;}
.advaC .advaL strong{display:block;font-size:24px;}
.advaC .advaR{float:right;font-size:24px;margin-top:20px;text-align:center;width:10%;}
.advaC .advaR a{color:#fff;}

/***************aboutus***************/
.aboutus{background:url(../images/about.jpg) top center no-repeat;padding:70px 0;overflow:hidden;}
.aboutLeft{width:700px;float:left;margin-top:50px;padding-left: 10px;}
.aboutLeft h3{display:block;color:#fff;font-size:30px;font-weight:bold;}
.aboutLeft h3 em{font-style:normal;color:#ff0033;}
.aboutLeft .abtTxt{color:#fff;}
.aboutLeft .abtTxt a{color:#fff;}
.aboutM{background:#fff;overflow:hidden;padding:20px;margin-top:20px;}
.aboutM li{float:left;width:50%;}
.aboutM li img{padding-right:10px;}
.aboutM li strong{display:block;font-weight:normal;font-size:22px;font-weight:bold;}
.aboutRight{float:right;width:450px;margin-top:65px;}
.aboutRight img{border:8px solid #fff;width:100%;height:100%;}

/***************application***************/
.application li a{display:block;text-align:center;padding:0 20px;font-size:16px;}
.application li{margin-top:20px;}
.application li img{margin:auto;}
.application a.more{display:block;width:244px;height:48px;line-height:48px;border:1px solid #ddd;border-radius:30px;margin:20px auto 0;text-align:center;}

/***************partner***************/
.partnerList{border:1px solid #e3e3e3;overflow:hidden;}
.partnerList li{width:20%;float:left;box-sizing:border-box;}
.partnerList li span{display:block;border:1px solid #e3e3e3;}
.partnerList li span img{height:142px;width:100%;}


.news{background:url(../images/newbg.jpg) top center no-repeat;padding:50px 0;overflow:hidden;}
.news .news-left{width:480px;}
.news .news-left h3,.news .news-left p{text-align:right;color:#a9a9a9;font-size:16px;}
.news .news-left h3{font-size:30px;font-weight:bold;color:#fff}
.news ul.tab_item3{float:right;width:20%;}
.news ul.tab_item3 li{border-bottom:1px solid #fff;font-size:20px;color:#fff;text-align:center;}
.news ul.tab_item3 li.active{font-weight:bold;font-size:22px;}

.news-right{width:600px;}
.news-right li{line-height:48px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.news-right li span {float: right;color: #999;}
.news-right li a{font-size:18px;display:block;background:url(../images/new-ico.png) left center no-repeat;padding-left:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.friendlink span{border-right:1px solid #ddd;padding-right:10px;}
.friendlink a{padding:0 15px;}

/***************footer***************/
.footer{background:#282828;padding:20px 0;overflow:hidden;}
.fot-nav{border-bottom:1px solid #424242;line-height:48px;font-size:14px;text-align:center;}
.fot-nav a{padding:0 30px;color:#8d8d8d;}
.fot-nav a:hover{color:#fff;}
.fot-cont{margin-top:20px;}
.fotLogo{margin-top:20px;}
.fot-cont .fotTxt{width:560px;margin-left:20px;color:#606060;}
.fot-cont .fotTxt p a{color:#606060;}
.fot-cont .ewm{text-align:center;color:#606060;}

.footer-tools{position:fixed;left:0;bottom:0;right:0;z-index:999;background:#d80c18;height:1rem;}
.footer-tools ul li{width:25%;float:left;}
.footer-tools ul li a{display:block;text-align:center;color:#FFF;font-size:.18rem;border-right:1px solid #db0f1b;height:.88rem;padding-top:.1rem;line-height:1.5;}
.footer-tools ul li a img{width:.42rem;height:.42rem;}



@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner .pic li,.proCont li a span img{height:140px;}
	.logobox{text-align:center;height:.9rem;}	
	.logobox .logo,.made li h3,.aboutLeft,.proCont li a p{margin:0;}
	.logobox .logo img{width:2.3rem;margin-top:8px;float:left;padding:0;}
	.logobox,.news{padding:0;}
	.logobox button{display:block;margin-top:5px;}
	.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
	.logobox .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    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: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
	/*主导航样式*/
	#nav{background:none;background-color: rgba(0, 0, 0, 0.7);height:auto;float:none;width:100%;margin:0;}
	#nav ul>li{width:100%;background:none;border-right:none;line-height:32px;}
	#nav ul>li a{color:#666;font-size:14px;}
	#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.navbar{position: fixed;display:none;top: .9rem;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: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	
	.made,.product,.proCont li,.application,.application li,.news{margin-top:10px;}
	.index-title h3{font-size:20px;}
	.made li h3,.proTitle span,.advaC .advaL strong,.aboutLeft h3{font-size:16px;}
	.index-title p,.proCont li a p,.application li a,.news-right li a{font-size:12px;}
	.product,.advant,.aboutus{padding:15px 0;}
	.proTitle span,.advantCont .tab_items2 span,.aboutM,.aboutRight,.partner,.news .news-left{display:none;}
	.proTitle{height:auto;}
	.proTitle ul li a{padding:0 2px;font-size:12px;}
	.advantCont .tab_items2 li{width:50px;height:32px;}
	.advaC .advaTxt{margin:0;padding:0;}
	.advaC .advaL p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden}
	.aboutLeft,.news-right{width:100%;float:none;}
	.news{background:none;}
	.news-right li{line-height:26px;}
	.news{padding-bottom:1rem;}
    .page-pic-list >a{height:1.8rem!important;}
}

.swiper-container {
      width: 100%;
      height: 620px;
    }
    .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;
      }
    }