/***定义一些公****/
@font-face {
  font-family: 'word-m';
  src: url('../fonts/DFYuanGB-W5.otf');
}

@font-face {
  font-family:"NUMEN";
  src:url("../fonts/dincond-medium.woff2") format("woff2"),url("../fonts/dincond-medium.woff") format("woff"),url("../fonts/dincond-medium.ttf") format("truetype"),url("../fonts/dincond-medium.eot") format("embedded-opentype"),url("../fonts/dincond-medium.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
.word-m{
  font-family: word-m;
}
html,body{
	font-family:"Montserrat","NUMEN",sans-serif,Arial!important;
}
a {
    text-decoration: none;
    color: #333333;
    cursor: pointer;
}
a:hover{
	color:#000;
}
button:focus,input:focus,.msg2{
     
        outline: none;
}
input[type="text" i]{
	padding:0;
}
.clear{
	clear:both;
}
.color000{
	color:#000;
}
.colorfff{
	color:#fff;
}
.colorblue{
	color:#a72e8c!important;
}
.bgf2{
   background: #f2f2f2;
}
.bge6{
	background:#e6e6e6;
}
.bgf7{
	background:#f7f7f7;
}
.bgf8{
	background:#f8f8f8;
}
.bgcopy{
	background: #54595F;
}
.fr{
	float: right;
}
.fl{
	float: left;
}

.fweight{
	font-weight: bold!important;
}

.fw300{
	font-weight: 300;
}
.fw400{
	font-weight: 400;
}
.fw600{
	font-weight: 600;
}
.padding0{
	padding:0;
}
 
.fs-48{
	font-size: 48px;
}



.container-my,.container{
	 width: 85.652%;
    max-width: 1430.016px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;    
}

.btn-info{
	background-color:#7a7a7a;
	border-color:#7a7a7a;
}
.btn-light{
	background-color:#ddd;
	border-color:#ddd;
}

.online{
	bottom:100px;

}
.online dl{
	background: #333;
	border-radius: 50%;	
}
.online dl:hover{
	background: #666;
}

.jumbotron_contact{
	min-height: 500px;
}
/***导航*****/
.cur{
	color:#a72e8c!important;
}

.shadow-sm{
	box-shadow:none!important;
	border-bottom:1px solid #E3E5E7;
}

.top-nav{
	z-index: 110;
	position: relative;
	width: 100%;
	height: 30px;
	background-color:#a72e8c;
	display: block;
	line-height: 30px;
}
.top-nav a{
	color:#fff;
	margin-left: 30px;
}
.in{
	background: #f7f7f7;
	color:#818181;
}

.top-down{
	
	display: none;
	border-bottom: 1px solid #ddd;
}
.top-info{
	width: 93.705%;   
    margin-right: auto;
    margin-left: auto; 	
	display: flex;
	padding: 2rem;
	justify-content: space-between;	
}
.top-info .web .title{
    font-size: 18px;
}
.top-info .web .title i{
	margin-right: 1rem;
}
.top-info .web .desc{
	margin-top: 1.5rem; 
	font-size: 15px;
	color:#808080;
}
.container-top{
	width: 93.705%;
	display: block;
	height: 100%;
	margin-right: auto;
    margin-left: auto; 
    padding-right: 15px;
    padding-left: 15px;   
}

.container-nav{
	width: 93.705%;
	display: flex;
	height: 100%;
	margin-right: auto;
    margin-left: auto;    
}

.logo-sm-height{
	height: 57px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.navbar{
	padding:0 1rem;
	width: 100%;
}
.navbar-expand-lg .navbar-collapse{
	height:70px;
}

.justify-content-right{
	justify-content: right!important;
}

.navbar-expand-lg .navbar-nav{
	height: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link{
	font-size: 14px;
	color: #7a7a7a;
	padding:0px  1.6rem;
	line-height: 74px;
	font-weight: 400;
	display: inline-block;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
	border-bottom:3px solid #a72e8c!important;
}

 
.nav-item{
	position: relative;
	line-height: 100%;
}
.nav-item:hover .sub_menu{
	display: block;
}

.sub_menu{
	display: none;
            position: absolute; 
            top:77px;             
            width: 280px;         
            background:#fff;            
            text-align: left;                        
            padding-top: 0px;
            padding-bottom: 10px;        
            z-index: 99999;            
          

}
.sub_menu:hover{
	border-top:3px solid #a72e8c!important;
	margin-top: -3px;
}
.sub_menu li{
            line-height: 40px; 
            text-align: left;
            position: relative;
            padding:0 15px;
            letter-spacing: -0.5px;
}

.sub_menu li a{
	color:#7a7a7a;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0px;
}
.sub_menu li a:hover{
	color:#a72e8c;
}
.nav-item:hover .sub_menu,.nav-item:hover .sub_menu2{
            display: block;
}

.sub_menu3{
	width:400px;
	max-width: 400px;	
	left:280px;	 
	background: #fff;
	position:absolute;
	z-index: 99999;
	border-top:1px solid #ddd;
	display:none;
	top:0px;
}
.sub_menu3 li  a{
	letter-spacing: -0.5px!important;
}

.sub_menu li:hover .sub_menu3{
	display: block;
}
.container-menu2 {
    width: 85.652%;
    max-width: 1430.016px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
    padding-top: 36px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;

}

.menu2-menu3{
   
}
.menu2-menu3 .title{
	font-size: 18px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	width: 250px;
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
}
.menu2-menu3 ul li{
	font-size: 16px;
	line-height: 30px;
	color:#666;
}

.container-menu3{
	margin-top: 50px;
	border-bottom: 1px solid #ddd;
 
}
.container-menu4{
	width: 85.652%;
    max-width: 1430.016px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
    padding-top: 30px;
    padding-bottom: 36px;    
}
.container-menu4 strong{
	font-size: 18px;
}
.container-menu4 a img{
	width: 50px;
	height: 50px;
	margin-right: 30px;
}
 
.right-phone{   
    font-size: 14px;    
    color:#333;
    padding-top: 25px;
}
.right-phone span{

	padding:10px 20px ;
	margin-left: 30px;
    background: #a72e8c;
    border-radius: 20px;
    color:#fff!important;
}




 .right-phone  span i{
     margin-right:10px;
 }	






.indexBanner{
	height: calc(100vh - 74px);
}

.arrow-left {
	background: url(../images/banner_arrow.png) no-repeat left top;
	position: absolute;
	left: 20px;
	top: 45%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index:999;
	}

.arrow-right {
	background: url(../images/banner_arrow.png) no-repeat left bottom;
	position: absolute;
	right: 20px;
	top:45%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index:999;
	    outline: none;
	}
.swiper-container-horizontal{
	height: auto
}	
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20px
}

 .d-100{
 	width: 100%;
 }

.fs-21{
	font-size:21px;
}

/********全局底部************/
.container-custom {
    width: 85.652%;
    max-width: 1430.016px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.top-line {
    border-bottom: 1px solid #e2e2e2;
    height: 65px;
    overflow: visible;
    position: relative;
}

.btn-open-search-foot{
	margin-left: 2rem;
    display: inline-block;
    font-size: 20px;
}
.search-box{
	position: relative;
}
.js-search-footer-input-popup{
	padding-left: 15px!important;
	width: 500px;
	height: 46px;
	background: #fff;
	outline: none;
	border:none;
	border: 1px solid #ddd;
}
.btn-search{
	font-size: 22px;
	color:#666;
	font-weight: 300;
	position: absolute;
	right:0;
	z-index: 99;
	border:none;
	background: none;
	outline: none;
}



.footNav a{
	font-size: 18px;
 
	color:#333;
	display:block;
	margin-bottom: 18px;
}
.footNav a:hover{
	color:#595757;
}


.footmenus{
	padding-bottom: 50px;
}

.lh-2 li{
	font-size: 15px;
	margin-bottom: 10px;
}
.lh-2 li a{
	color:#595757;
}
.lh-2 li a:hover{
	color:#000;
}
.copyright{
	line-height: 50px;
	color:#fff;
	font-size: 14px;
}
.copyright a{
	color:#999;
	font-size: 12px;
}
.stayin{
	font-size: 55px;
	font-weight: bold;
	font-family: "Titillium Web";
}
.icp{
	margin-left: 25px;
	margin-right: 25px;
}

.button-line {
    border-top: 1px solid #e2e2e2;
    height: 100px;
    overflow: visible;
    position: relative;
    padding-top: 35px;
}
.button-line a{
	font-size: 14px;
	margin-right: 20px;
	color:#595757;
}
.button-line a:hover{
	color:#000;
}


.top-line {
    border-bottom: 1px solid #e2e2e2;
    height:auto;
    padding:40px 0;
    overflow: visible;
    position: relative;
    background: #488aff url(../images/register-tip.png) no-repeat center -206px;

}
.index{
	font-size: 40px;	 
	
	color:#fff;

	margin-bottom: 10px
}

.getin a{
	margin-top: 50px;
	padding:25px 30px;
	background: #fff;
}
.getin a:hover{
	background: #a72e8c;
	color:#fff;
}

.col-md-ftmenu{
	width: 14%;
}


/********首页幻灯**************/

.swiper-pagination-bullet-active{
	background: #a72e8c;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(../images/left.png);
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(../images/right.png);
}
.swiper-button-next, .swiper-button-prev{
	width: 44px;
	background-size: 44px 44px;
}
 
/*********新闻列表**************/
.jumbotron{
	padding:10rem 2rem;
}
.listnews{
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.newslist{  
  padding:15px; 
  box-shadow: 1px 1px 5px #ddd;
}
.newslist:hover{
	  box-shadow: 2px 2px 15px #ddd;
}
.newslist .title{
	font-size: 18px;
    color:#000;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow-y: hidden;
    display: block;
    margin-top:15px;
    margin-bottom: 15px;
}
.newslist .desc{
    line-height: 24px;
}
.newslist-img{
  width: 100%;
  height: 240px;
  overflow: hidden;
}
.newslist-img img{
	width: 100%;
	height: auto;
	transition: all 0.6s;
}
.newslist:hover .newslist-img img{
	transform: scale(1.2);
}

.newsmb{
	margin-bottom: 1rem;
}

.indexTu{
   height: 330px;
}

.indexTuContent{

	width: 50%;
	background:rgba(0,0,0,0.4);
	color:#fff;
	height: 100%;
	float: right;
	transition: all 0.6s;
}
.indexTuContent:hover{
	width: 60%;

}
.tucontent{
	margin-left: 10%;
	margin-top: 60px;
	cursor: pointer;
}
.tucontent .title{
   font-size: 24px;
   margin-bottom: 15px;
   font-family: word-m;
}
 
/*********分页***********/
.page-num-current{
    background-color: #333;
    border-color: #333;
    color:#fff!important;
}
.page-num, .page-link{
	color:#7a7a7a;
}
.page-link:hover{
	color: #a72e8c;
}

.shangxia{
	font-size: 18px; 
	line-height: 24px;
	overflow-y: hidden;
	display: inline-block;
	margin-bottom: 30px;
}
.shangxia .subtitle{
	font-size: 14px;
	color:#666;

}
.shangxia .row{
	transition: all 0.2s;
}
.shangxia img{
	width: 80px;
	height: 80px;
	border-radius:50%;
	
}
.shangxia:hover .row{
	 padding-left: 25px;
}


/*******新闻详情**********/
.news-content{
  
   padding: 15px;
  
   background: #fff;
}
.news-content img{
	max-width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.poststitle{
 	 	padding-bottom: 10px;
}
.poststitle:hover h5 a{
	 color:#a72e8c!important;
} 



/********案例列表**********/
.caselist{
   box-shadow: 2px 2px 10px 5px #f7f7f7;
   margin-bottom: 20px;
   margin-top: 20px;
   padding:20px;
   cursor: pointer;
}
.caselist:hover{
	background:#f8f8f8;
	box-shadow: 3px 3px 20px 10px #ddd; 
}
.caselistImg{
	width: 100%;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;	
}

.caselistImg img{
	width: 100%;
	max-height: 400px;
	transition: all 0.6s;
}

.caselistInfo{
   font-size: 13px;
   line-height: 18px;
   display: table!important;
}
.caselistInfo .cent{
	display: table-cell;
	vertical-align: middle;
}
.caselistInfo .cent .title{
	font-size: 30px;
	font-weight:300;
	color:#555;
}
.caselistInfo .cent .desc{
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
 
}
 
.caselist:hover .caselistImg img{
	transform: scale(1.1);
}

/********项目合作*******/
.contactxm{
	font-size: 42px;
}

.contactTel{
	padding: 10px 40px;
	background: #a72e8c;
	border-radius: 100px;
	color:#fff;
	display: inline-block;
	margin: 0 auto;
}
.contactTel2 a{
	 
		color:#fff!important
	}


/*******售后服务*****/
#myTab{
	padding:0;
	margin: 0;
	margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
}
.tabmenu{	
	background: #ddd;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	border-right: 1px solid #fff;
	margin: 0;
	color:#000;	
		border-radius:10px 10px 0 0;
}
.tabmenu a{
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	padding:6px 20px;
	display: inline-block;	
}
#myTab .active{
	background: #a72e8c;
	color:#fff;
	border-radius:10px 10px 0 0;
 
}
.tab-content{
	margin-top: 30px;
}
.tab-content .active{
	font-weight: normal;
	line-height: 24px;


}

/*****关于我们********/
.aboutmain{
	width: 100%; 
	height:auto;
}
 #who{
    padding: 50px 0;
  }
  #who .title{
    margin-bottom: 50px;
    font-size: 30px;
    text-align: center;
  }
  .container-about{
      width:auto;
      margin:0  8%;
     
  }
  .aboutright{
	background: rgba(167,46,140,0.8);
	width: auto;
	height: auto;
	color:#fff;
    padding:30px 50px;
    margin:80px 100px;
}
.aboutright .title{
	margin: 0px 35px 0px 35px;
    padding: 0px 0px 0px 0px;
	margin-top: 5rem;
	font-size: 45px;
	font-weight: 600;
}
.aboutright .content{
	margin: 0px 35px 0px 35px;
    padding: 0px 0px 0px 0px;
    color:#fff!important;
    font-size:18px;
    
}



.teamlist .touxing img{
	width: 100%;
	border-radius: 50%;
	border:5px solid #a72e8c;
}

.teamlist .title{
	color:#a72e8c;
	font-size: 24px;
	font-weight: 600;
}
.teamlist .content{
	text-align: justify;
	line-height: 24px;
}


.address{
	border-bottom: 3px solid #a72e8c;
	padding-bottom: 30px;
}

.aboutT1{
	font-size: 50px;
    color: #e2e2e2;  
    line-height: 50px;
    font-weight: 600;
    font-weight: bold;
     text-transform: uppercase;
     display: block;
     width: 100%;
}

.aboutT2{
	color: #454545;
    font-weight: bold;
    font-size: 20px;
    margin-top:10px;
     display: block;
      width: 100%;
}

.aboutT3{
	 display: block;
	    color: #454545;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: "NUMEN"
     width: 100%;
}


.searchlist{
	width: 48%;
	margin-right: 2%;
	float: left;
}


.wsearch{
	width:500px;
}
/*****企业文化*******/
.whlist{
	background: #EEE;
	height: 120px;
}
.whlist .main{
	width: 120px;
	height: 120px;
	margin-right: 20px;
	background:#E72410;/* 浏览器不支持时显示 */
    background-image: linear-gradient(to right,#B01101, #FA7264);
    float: left;
    font-size: 30px;
    line-height: 40px;
    padding:20px;
    color:#fff;
    font-weight: 300;
}
.whlist .minbody{
	width: calc(100% - 140px);
	float: left;
	line-height: 120px;
	font-size: 20px;
}

/*****联系我们********/
.lxwms{
	padding: 30PX;
	padding-left: 0;
	padding-bottom: 10px;
}
.lxwms>div{
   	margin-bottom: 15px; 
   	color:#7a7a7a;
}
.lxwms>div span,.lxwms>div,.lxwms>div p{
   	font-size: 16px; 
  
}

.lxwms>div .lximg{
   	width: 30px; 
   	margin-right:10px;
}
.lxwms>div .WX{width: 140px;}

.wap{
	display: none;
}
.wap2{
	display: none;
}

/*******新底部电话*************/

.foot-tel{
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
}
.colorred{
	color:#a72e8c;
}
.span2{
	margin-left: 30px;
}


/*******新二级**************/
.sonsort{
	background: #f2f2f2;
}
.btn-info{
	background: none;
	border:none;
	box-shadow: none;
	background: #333;
	color: #FFF;
	border-radius: 0;
}
.btn-info:hover,.btn:hover{
	color:#fff;
	background: #a72e8c;

}
.btn-light{
	background: none;
	border:none;
	box-shadow: none;
		border-radius: 0;
}
.btn{
	padding:20px 30px;
	font-size: 15px;
		border-radius: 0;
}

/******留言表单********/
.mymsg{
	width: 100%;
}
.msg{
	width: 100%;
	line-height: 40px;
	display: block;
	float: left;
}
.msg .bao{
	font-size: 16px;
	width: 15px;
	height: 15px;
	margin-left: 20px;
	margin-right: 5px;
}

.msg .checkduo{
	font-size: 16px;
	width: 16px;
	height: 16px;
	margin-left: 20px;
	margin-right: 5px;

}
 

.msg1{
	width: 32%;
	float: left;
	margin-right: 1.333%;
	height:40px;
	margin-bottom: 15px;
	border:1px solid #ddd;
	background: #f8f8f8; 
	padding-left:15px!important;	
}
.msg1:nth-child(3){ 
	margin-right: 0;
}
.msg2{
	width: 98.6%;
	height: auto;
	min-height: 200px;
	border:1px solid #ddd;
	background: #f8f8f8; 
	margin-bottom: 15px;
	padding-left: 15px!important;
}
.msg3{
	width: 200px;
	height: 40px;
	border:1px solid #ddd;
	background: #f8f8f8; 
		padding-left: 15px!important;
}
.msg4{
	width: 100%;
	height: auto;
	min-height: 200px;
	border:1px solid #ddd;
	background: #f8f8f8; 
	margin-bottom: 15px;
	padding-left: 15px!important;
}
.tj{
	width: 200px;
	height: 40px;
	background: #a72e8c;
	border:none;
	color:#fff;
}
.tj:hover{
	background: #ddd;
	color:#7a7a7a;
}
.codeimg{
	height: 40px;
	margin-top: -2px;
}

/****************抖音和微信.footicon*******************/
.footicon{
	display: block;
	margin-top: 20px;
}
.footicon .weixin,.footicon .douying{
	display: inline;
	margin-right: 5px;
	margin-left:5px;
	position: relative;
}
.footicon .weixin .icon,.footicon .douying .icon{
	display: inline;
	width: 30px;
	cursor: pointer;
}
.floatweixin{
	position: absolute;
	display: none;
	bottom:30px;
	padding:15px;
	left:-65px;
	background:#fff url(/style/sj.png) bottom center no-repeat;
}
.floatweixin img{
	max-width: 170px;
}
.footicon .weixin:hover .floatweixin{
	display: block;
	z-index: 999;
}

.floatdouyin{
	position: absolute;
	display: none;
	bottom:30px;
	padding:15px;
	padding-bottom: 10px;
	left:-98px;
	background:#fff url(/style/sj.png) bottom center no-repeat;
}
.floatdouyin img{
	max-width: 170px;
}
.footicon .douying:hover .floatdouyin{
	display: block;
	z-index: 999;
}


.tab-pane p{
	line-height: 35px;
	font-size: 15px;
}


#xiqiu,#baogao{
    height: 40px!important;
    line-height: 40px!important;
    color: #666;
    border: 1px solid #ddd!important;
    width: 100%;
    padding-left: 15px!important;

}

.zxwt{
	border:1px solid #ddd;
	margin-top:50px;
	padding-bottom: 100px;
}

#newbiaodan .msg1{
	width: 100%;
}


 
.container-yw{
    		width: 1200px;
    		margin:0 auto;
    	}
.pt-3-pc{
	padding-top: 20px;
}

 
.nums2{
	display: none;
}

.footico{
	text-align: right;
	
}
.footico a i{
	font-size: 24px;
	margin-left: 20px;
}
 .footico a i:hover{
 	color:#fff;
 }


 .tongdian{
 	position: relative;
    padding-top: 100px; 
   background:#333 url(../images/register-tip.png) no-repeat center;  
    width: 100%;
    height: auto;
    min-height: 250px;

 }
.tongdian_content{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	padding-top:60px;
	 
} 

 canvas {
	display: block;
	vertical-align: bottom;
}

#particles-js {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
 
	position: absolute;
	top: 0;
	left: 0;
}


.cansulist .title{
     font-size: 16px;
     background: #ffff;
     box-shadow: 2px 2px 2px #ddd;
     padding:15px 0px;
     margin-bottom: 20px;
     border-radius: 20px;
     text-align: center;
  }
.cansulist:hover .title{
    background: #a72e8c;
    color:#fff;
   
  }

.navbar-expand-lg .navbar-toggler{
	display: none;
}


.wap1{
    display: none;
}



.jumbotron-fluid{
	background: #a72e8c; 
	min-height:100px;
}
.banner_title{
	line-height: 100px;
	color:#fff;
}


/***产品*****/
 .productslide{
        position: relative;
       height: 480px;
    }

    .maxwith1200{
        max-width: 1200px;
    }
    .product .title{
            color:#54595f;
    }
    .product .content,.product .content p{
    	font-size: 14px;
    }
	 .product .content img{
          margin-right:15px;
    }
    .swiper-container2 {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .gallery-top {
        height: 80%;
        width: 100%;
    }
    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
        background: #f8f8f8;
    }
    .gallery-thumbs .swiper-slide {
        width: 33%;
        height: 100%;
        opacity: 0.4;

    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }


    .waring{
        color:#555555;
    }
    .waring p {
    margin: 0 0 20px;
    }
    .waring .ico{
        display: block;
        width: 100%;
    }
    .waring .title{
        font-size: 30px;
        font-weight: 400;
    }

    .down{
        background: #a72e8c;
        width: 100%;
        height: 200px;
    }
    .down .title{
        color:#fff;
        font-size: 36px;
        font-weight: 600;
        line-height: 36px;
        margin-bottom: 10px;
        text-transform: capitalize;
        font-style: normal;
        padding-top: 40px;
    }
    .down .btn a{
        display: inline-block;
        width: 140px;
        height: 50px;
        color:#555;
        background: #fff;
        line-height: 50px;
    }
    .down .btn a:hover{
        background: #333;
        color:#fff;
    }











@media(max-width: 1440px){
    .container-menu2{
		max-width: 1200px;
	}
	.container-nav{
		width: 100%;
	}
	.container-menu4{
		padding-left: 50px;
	}

	.container-top{
		width: 100%;
	}

}

@media(max-width: 1200px){
	html,body{
		width: 100%;
		overflow-x: hidden;
		max-width: 100%;
	}
  
	
   .container-yw{
    		width: auto;
    		max-width: 86%;
    		margin:0 auto;
    	}
    .fangan_c{
    	background:#fff;
    }		

}
@media(max-width: 992px){
	.pc{
		display: none;
	}
	
	.wap1,.wap2{
	display:block;
	}
	
  .nav-right{
   	display: none;
   }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .pt-3-pc{
  	padding-top: 0
  }



   .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
 }
 .navbar-expand-lg .navbar-nav .nav-link{
 	padding:0 15px;
 }
 .fangan_c{
		background: #FFF;
		height: auto;
		display: table;
	}
	.c1_list{
	      width: 49%;
	      margin-right:2%;	      
	      height: auto;
	     margin-bottom: 15px;
	     padding-top: 10px;
	         border: 6px solid #DDE0E4;
	    border-radius: 40px;
	    height: 160px;
	    position: relative;
	    margin-bottom: 30px;
	}
	.c1_list:nth-child(2n){
		margin-right: 0;
	}
	.c_list{
		padding-top: 10px;
	}

	.c_list .title{
		font-size: 14px;
	}

	.c_list .desc{
		font-size: 14px;
	}

	.c1_list:first-child .c_list{
		padding-left: 20px;
		padding-right: 20px;
	}
	.c1_list:nth-child(2) .c_list{
		padding-left: 20px;
		padding-right: 30px;
	}

	.c1_list:nth-child(3) .c_list{
		padding-left: 20px;
		padding-right: 30px;
	}
	.c1_list:nth-child(4) .c_list{
		padding-left: 20px;
		padding-right: 30px;
		margin-left: 0;
	}
	.c1_list:nth-child(5) .c_list{
		padding-left: 20px;
		padding-right: 20px;
	}

	.c1_list:nth-child(6) .c_list{
		padding-left: 20px;
		padding-right: 30px;
		margin-left: 0;
	}
	.c1_list:nth-child(7) .c_list{
		padding-left: 20px;
		padding-right: 30px;
		margin-left: 0;
	}

	.c1_list:nth-child(8) .c_list{
		padding-left: 20px;
		padding-right: 30px;
		margin-left: 0;
	}

}



@media(max-width: 768px){
	.pc{
		display: none!important;
	}
	
	.pc2{
		display: none!important;
	}
	.wap{
	display:block!important;
	}
	.navbar-expand-lg .navbar-toggler{
		display: block;
	}
	.collapse:not(.show){
		display: none;
	}
	
	.span2{
		margin-left: 0
	}
	.containernews{
		margin-top: 20px
	}
	.container-my, .container{
		width: 100%;	 
	}
	
	.lxwms{
	 	background: #FFF;
	}
	.top-nav{
		
		top: 0;
		z-index: 9999999999999;
		line-height: 25px;
		overflow: hidden;
	}
    .top-down{
    	display: block;
    	height: 160px;
    }
	.top-info{
		display: block;
		height: 160px;
	}
	.navbar-light .navbar-toggler{
		border:none;
		float: right;
	    position: absolute;
	    right: 10px;
	    top: 12px;
	    font-size: 22px;
	    font-weight: 300;
	    color:#7a7a7a;
	}
	.navbar{
		top: 0px;
		padding:0;
		display: block;
		z-index: 9999999999999;
		 
		width: 100%;
	}
	.logo-sm-height{
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 15px;
		height: 40px;
	}
	.navbar-expand-lg .navbar-collapse{
	margin-top: 30px;
	z-index: 9999999999999;
	background: #fff;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		line-height: 30px;
	}
	 

  	.menu2 {
	position:fixed;
	z-index:999999999999;
	background:#fff;
	border-top:1px solid #ddd;
	display:none;
	width: 100%;
	height:100%;
	overflow-y:scroll;
	}
	.onemenu {
		list-style-type:none;
		width:100%;
		padding-left:3%;
		float:left;
		border-bottom:1px solid #ddd;
		padding-top:5px;
		padding-bottom:5px;
	}
	.link {
		font-size:16px!important;
		font-weight:300!important;
		line-height:24px;
		margin-bottom:0px;
		display:block;
	}
	.menu3 {
		width:100%;
		float:left;
		text-align:left;
		padding-left:  5px;
		margin-right:1%;
		background:#f8f8f8;
		margin-bottom:3px;
		font-size:12px;
		line-height: 30px;
	}
	.menu4{
		 padding-left: 0px;
	}
	.menu4 li{
		margin-top: 0px!important;
		margin-bottom: 0px!important;
	}
		
 

	.indexBanner{
		margin-top: 0px;
		padding-bottom:30px;
	}
	.jumbotron{
		padding: 6rem 2rem;
	}
	.bannerName{
		margin-top: 3rem;
	}


.aboutright{
    margin:10px;
    padding:20px 20px;
   
}
.aboutright .content{

    text-align: left;
}


/******首页产品*********/
	.indexProductList{
		padding-right: 5px;
		padding-left:5px;
	}
	.productIndex{
		padding: 5px 5px;	
		
	}
	.indexProduct{
		margin:0px 0px 10px 0px;
	}
	.indexProductTitle{
		font-size: 12px;		
	}
	.card-body{
		padding:0.75rem;
	}

/******首页图*********/
	.indexTuContent{
		width: 100%;
	}
	.tucontent{
		margin-right: 5%;
		margin-left: 5%;
		margin-top: 30px;
	}
	.tucontent .title{
		font-size: 16px;
		margin-bottom: 10px;
	}
	 
	.IndexSubTitle{
		font-size: 16px;
	}
	.indexTu{
	height: 200px;
}


/******首页行业应用*********/
	
	.indexCase{
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 15px;
	}
	.indexCase .mask{
		display: block;
		background: rgba(0,0,0,.5);
		padding-top: 15px;
		font-size: 16px;
	}


	/******首页新闻*********/
	.media .news-img{
		width: 70px;
		height: 70px;
	}
	.newstitle{
		font-size: 14px;
	}
	.newsdesc{
		height: 40px;
		line-height: 20px;
		font-size: 12px;
		margin-top: -0.4rem;
	}
	.newsdata{
		display: none;
	}
	.media{
		padding:8px;
	}
	.newsmb{
		margin-bottom:10px;
	}



	/******首页合作伙伴*********/
	.parter{
	        width: 33%;
	        margin-bottom: 15px;
		}
	.parter img{
		max-width: 80%;
		height: 48px;
	}
	#p10{
		display: none;
	}



/*****全局底部*********/
	.container-custom{
		 width: 100%
	}
	#btn-open-search-foot{
		display: none!important;
	}
	#footer-search{
		display: block!important;
	}	
	.top-line{
		border-bottom: none;

	}
	.button-line a{
		font-size: 12px;
	}
	#footer-search{
		width: 100%;
		margin-top: 15px;
	}
	.js-search-footer-input-popup{
		width: 100%;
	}
	.bg-info{
		background: #333!important;
	}
	.lh-2 li{
		margin-bottom: 0;
	}
	.footNav a{
		margin-bottom: 10px;
	}
	.footmenus{
		padding-bottom: 0;
	}

	.col-md-ftmenu{
		width: 100%;
	}


/*****产品*********/

	.product-title{
		border-top: none;
		box-shadow:none;
		line-height: 24px;
		padding-top: 15px;
		padding-bottom: 20px;
		height: auto;
		font-size: 14px;
		text-align: left;
	}
	.back-sort{
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 12px;
		padding:5px 0;
		width:99%;
		float: left;
		text-align: center;
	}

	.content-product img{
		max-width: 100%;	
	}

/********产品详情*******/

	.mainInfo{
		padding-top: 30px;
	}


/*****案例*******/
	.caselistInfo{
		margin-left: -15px;
		margin-right: -15px;
		
	}
	.caselistInfo .cent .title{
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.caselistInfo .cent .desc{
		margin-top: 0;
	}
	.caselistImg{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.caselist{
		margin:10px;
		padding:10px;
	}

	.IndexMore{
		display: inline-block;
		margin-bottom: 10px;
	}

	.contactTel{
		font-size: 18px;
	}

	.contactTel2 a{
		font-size: 18px;
		color:#fff!important
	}


/*****推荐********/

	.card-img-top{
		height: auto;
	}
	.card-title{
		font-size: 13px;
	}



/*****banner********/
	.jumbotron_contact{
		min-height: 300px;
	}

/*****售后服务********/
	.tabmenu a{
		font-size: 14px;
		padding:6px 5px;
	}

/*****二级菜单********/

	.btn{
		padding: 10px 6px;
		font-size: 13px;
	}


	/******留言表单********/
	.mymsg{
		width:94%;
		margin-left: 3%;
	}
	.msg1{
		width: 100%;
	}
	.msgcode{
		width: 150px;
	}
	.stayin{
		font-size: 45px;
		margin-bottom: 15px;
	}
	.tj{
		margin-top: 15px;
		display: block;
	}


	.span2{
		display: block;
	}


	/****首页滚动数字*************/
	.indexNum{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.numico{
		max-width: 100%;
	}
	.timer{
		font-size:40px;
		line-height: 30px;
		height: 30px;
	}
	.numdesc{
		font-size: 12px;
	}

	.indexabout{
	    
		overflow-y: hidden;
		display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:14;
	overflow: hidden;
	text-indent:0!important;

	}
	.mb-6, .my-6{
		margin-bottom: 1.5rem!important
	}

	.js-search-footer-input-popup{
		height: 36px;
	}


	 .wapfootmenu{
	 	width: 100%;

	 }
	 .wapfootmenu .menuone{
	 	width: 100%;
	 	height: 40px; 	
	 	background: #fff;
	 	line-height: 40px;
	 	padding-left: 20px;
	 	border-top:1px solid #ddd;
	 }
	 .wapfootmenu .menutwo{
	   width: 100%;
	   display: inline-block;
	   background: #fff;
	   border-top:1px solid #ddd;
	   
	 }
	 .wapfootmenu .menutwo li{ 
	  
	    padding-left: 30px;
	    width: 100%;
	    float: left;
	    margin-top: 5px;
	    margin-bottom:5px;
	 }
	  .wapfootmenu .menutwo li a{
	  	font-size: 13px;
	  }

      .wapfootmenu .menu4 li{
      	padding-left: 15px;
      }

	 .menudown{
	 	float: right;
	 	margin-right: 20px;
	 }


	.top-info,.top-down{
		height: auto;
	}
	.top-info .web .title{
		font-size: 16px;
		margin-top: 15px;
	}
	.top-info .web .desc{
		margin-top: 10px;
		margin-bottom: 15px;
		font-size: 13px;
	}

	#newslist4,#newslist5,#newslist6{
		display: none;
	}

	.btn-open-search, .btn-open-search2{
		margin-top: 7px;
		margin-left:0;
	}
	.top-search{
		top: 20px;
	}

	.zzh{
		margin-top: 30px;
	}
	.footer{
		padding-top: 0!important
	}

	.container-nav{
		display: block;	
	}
	.nav-right {
		display: none;
		position: absolute;
		right:100px;
	}
	.top-search{
		right:0;
	}
	.top-search input{
	   width: 250px;
	}
	.top-search button{
		position:absolute;
	}

	.producttj{
		padding-left: 0;
		padding-right: 0;
	}

	.aboutT1{
		font-size: 40px;
		  
	}
	.footphone{
		font-weight: bold;
	}

	.indexProduct:hover .productIndex .card-img-top{
		transform:scale(1);
	}


	.contactxm{
	    font-size:24px;
	}
	.xmadd{
	    font-size: 20px;
	}

	.wapIMG{
	    height: 100px;
	    overflow: hidden;
	}

	.shangxia{
	    margin-bottom: 10px;
	}

	.productBtn{
	    width:24%;
	    padding:5px 0;
	    font-size: 12px;
	    margin-bottom:15px;
	    display: inline-block;
	    text-align: center;
	}

	/*****业务范围*********/

	

	.container-yw{
    		width: auto;
    		padding:0 15px;
    		margin:0 auto;
    	}
    .c1_list{
	      width: 100%;
	      margin-right:0%;	      
	      
	}
	.pt-3-pc{
	    padding-top:0px;
	    margin-top:-10px;
	}
	.pt-3-pc .title{
		height:120px;
      display: flex;
    align-items: center;
    justify-content: left;
   
	}
    
    .c_list .mynum{
    	font-size: 30px;
    }
	/*****首页新闻*********/

	.containernews{
		width: 100%;
	}

	.news_left{
		width: 100%;
		height: auto;
	}
	.indexnews .date{
		width: 80px;
		height: 80px;
	}
	.indexnews .date span{
		font-size: 20px;
	}

	.indexnews .newsdesc{
		width: calc(100% - 100px)
	}
	.indexnews .newsdesc .title{
		font-size: 16px;
		line-height: 25px;
	}
	.indexnews .newsdesc .desc{
		height: 48px;
		overflow-y: hidden;
	}

	 .news_more{
	 	margin:20px auto 0 auto;
	 }

	.news_right{
		display: none;
	}



	.specialty-slide li{
		width: 50%;
	}

	#indexabout{
		padding-top: 20px!important;
	}


	.index{
		font-size: 16px;
		font-weight: bold;
		padding: 0 20px;
	}

	.cansulist .title{
		font-size: 14px;
		padding:5px 0;
		border-radius: 5px;
	}
	.cansulist .title img{
		display: none;
	} 

	.ul_1 li.l1 .imgbox .img img,.ul_1 li.l2 .imgbox .img img,.ul_1 li.l3 .imgbox .img img,.ul_1 li.l4 .imgbox .img img{
		width: 100%;
	}

	.specialty-slide li{
		padding:10px 0;
	}
	.specialty-slide li h1{
		font-size: 14px;
	}

	.msg2{
		width: 100%;
	}
	.jumbotron-fluid{
			margin-top: 0px;
		}


	.container-yw{
		width: 100%;
		max-width: 100%;
	}	
	.aboutright .title{
		padding:0;
		margin:0;
		margin-top: 50px;
	}
	.aboutright .content{
		margin: 35px 0;
		line-height: 24px;
	}




	.getintouch{
		text-align: center;
	}
	.getin a {
    margin-top:20px;
    padding:15px 30px;
    
   }
   .footico{
	text-align:center;
   }

    .teamlist .touxing img{
    	width: 60%;
    	margin:0 auto;
    	text-align: center;
    }

    .fs-48{
    	font-size: 26px;
    }
    .down .title{
    	font-size: 24px;
    	padding-top: 25px;
    }


/*****手机*********/
}