@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; box-sizing:border-box;}
*:focus{outline:none;}
ul li{list-style:none;}
body{color:#666; width:100%; min-width:320px; margin:0 auto; overflow-x:hidden; font-size:12px; font-family:"微软雅黑"; padding-bottom:50px;}
a{text-decoration:none; color:#333}

.clr{clear:both;}

.logo{float:left; width:54%; height: auto; margin-top:12px;}
.logo img{width:100%; height: 100%;}
.menu_pic{float:right; width:34px;  margin-top:16px; }
.menu_pic img{height:auto; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.m_close{width:34px; display:none;}





/*导航*/

.header{width:100%; height: 70px;  z-index: 999; position: fixed; top:0; left:0; z-index:999; padding:0px 10px; }
.ny_header{width:100%; height: 70px;  position: absolute; top:0; left:0; z-index: 999}
.openmenu{overflow-y:scroll; position:fixed;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#e50012; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:1em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff; width:100%; height:auto; display:block;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}

.section1{width:100%;height:auto ; margin-top:100px;}
.section1 img{width:70%; height: auto; overflow: hidden; display:block; margin:20px auto;}
.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
	  	
 }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-pagination-bullet-active{background: #01a340}

.menu {display: none; position: fixed;top: 70px;margin-top: 0;width: 100%; left:0; border-top: 1px dotted #cfcfcf;background-color: #ffffff;
	padding-bottom: 20px; z-index:999}
.mobile-menu {position: absolute;right: 5%;top: 40px;cursor: pointer;}
.menu .nav li {list-style-type: none; display: block; width: 100%; text-align: center}
.menu .nav li a {display: inline-block; text-decoration: none; font-size: 1.1rem;color: #a2a2a2;padding: 15px 10px;}
.menu .nav li a span {display: block;}
.menu .nav li a span.sp1 {color: #e60012;opacity: 0;filter: alpha(opacity=0);}
.menu .nav li a:hover{color:#e50012}





/*2*/
.section2{width:100%; height:auto; overflow: hidden; padding:0px 10px; background: #e50012;  vertical-align: middle; margin:40px 0 }
.section2 .section2_all{width:100%; height:auto; overflow:hidden;vertical-align: middle; background: #f1f1f1 url(../images/p_bjs.png) no-repeat center; background-size: 100% auto; padding:50px 0; text-align: center }
.section2_left .s2_p { font-size: 20px; color: #777777; margin: 5px 0}
.section2_center{width:100%; height: auto; overflow: hidden; margin: 40px auto 20px; position: relative}
.section2_center img{width:78%; height: auto; overflow: hidden}
.section2_center_more{width:124px; height: 41px; background: url(../images/more_bj.png) no-repeat center; background-size:87% auto; font-size: 0.8rem; color: #000000; line-height: 38px; text-align: right; padding-right: 20px; position: absolute;top:40px;; right:40px}
.section2_left img{width:30%}
.s3_p{width:100%; height: auto; text-align: center}
.s3_p p{font-size: 1rem; color: #999999; line-height: 30px;}
.s3_p span{font-size: 1rem; color: #333333}
.section2_center_more a{font-size:0.9rem; color:#333}




/*3*/
.section3{width:100%; height:auto; overflow: hidden; background: url(../images/pro_bjs.jpg) no-repeat center;  padding-bottom:40px; vertical-align: middle;}
.section3 h3,.section4 h3,.section6 h3{font-size:2rem; color:#fff; text-align:center; margin:30px 0 40px}


.in-product{width:100%; height: auto; overflow: hidden; margin-top:3vh}
.view{width:100%; height: auto; overflow: hidden; margin-bottom:20px}
.in-product_pic{width:88%; height: auto; overflow: hidden; margin: 0px auto;}
.in-product_pic img{width:100%; height: auto; display: block}
.in_pro_tab .p_active{display: none}
.section3 .preview .swiper-container {width: 100%; height: auto;}
.section3 .preview .swiper-slide {width: 50%; height: auto; cursor:pointer;  }
.section3 .active-nav .p_active{display: block;}
.section3 .active-nav .p_pic{display: none;}
.in_pro_tab{width:35%;margin: 0px auto;}
.preview .arrow-left {
	background: url(../images/in_pleft.png) no-repeat left top;
	position: absolute;
	left:35%;
	top: 50%;
	margin-top: -9px;
	width: 41px;
	height: 10px;
	z-index: 10;
	opacity: 0.5
}

.preview .arrow-right {
	background: url(../images/in_pright.png) no-repeat left bottom;
	position: absolute;
	right: 35%;
	top: 50%;
	margin-top: -9px;
	width:41px;
	height:10px;
	z-index: 10;
	opacity: 0.5
}

.preview .arrow-right:hover,.preview .arrow-left:hover{opacity: 1}




/*4*/
.section4{width:100%; height: auto; overflow: hidden; padding:0px 10px 40px; background: url(../images/join_tbjs.jpg) repeat;vertical-align: middle;}
.section_lun .swiper-container{background: url(../images/p_zi.jpg) no-repeat center;  padding: 30px 0 0; width:100%; height:415px;  margin: 0px auto; position: relative;}
.section_lun .swiper-slide{align-items:baseline; width: 45%!important; }
.swiper-slide-img{width:100%; height: auto; text-align: center; position: relative}
.swiper-slide-img img{position: relative; z-index: 999; display: block; margin: 0px auto; width: 100%;transform: scale(0.65);}
.swiper-slide-div{width:100%; height:auto; overflow:hidden}
.swiper-slide-div h4{font-size: 1rem; color: #333333; font-weight: bold; text-align: center; width: 100%; height: 40px;line-height: 40px; position: relative; margin-top:20px;
display: none;}

.swiper-xx{width:300px; height:60px; overflow: hidden; margin: 0px auto; text-align: center; display: none; position: absolute; bottom:50px; left:50%; margin-left: -150px;  }
.swiper-xx p{font-size: 14px; color: #777777; line-height: 28px;}
.swiper-xx p span{font-size: 14px; color: #333333; font-weight: bold;}
.swiper-slide-active .swiper-slide-img{background: url(../images/p_yuan.png)no-repeat center; background-size: 100% auto; padding-top: 20px; width:100%; height:auto; }
.swiper-slide-active .swiper-slide-img:after{display: none;}
.swiper-slide-active .swiper-slide-img img{width:100%;  transform: scale(1);}
.swiper-slide-active .swiper-xx{display: block;word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.swiper-slide-active .swiper-slide-div h4{height: 50px;}
.swiper-slide-active .swiper-slide-div h4:after{content: ""; position: absolute; bottom:0; left:50%; width: 30px; height: 4px; background: #e50012; margin-left: -15px;}
.swiper-slide-active h4{display: block}
.section4 .swiper-button-prev{background: url(../images/p_left.png) no-repeat; left:25%!important}
.section4 .swiper-button-next{background: url(../images/p_right.png) no-repeat; right:25%!important}
.section4 .swiper-button-next,.section4 .swiper-button-prev{width:50px!important; height: 24px!important; bottom:10px!important}
.section4 .swiper-button-prev:after,.section4 .swiper-button-next:after{display: none}
.section4 .swiper-button-prev:hover{background: url(../images/p_hleft.png) no-repeat; }
.section4 .swiper-button-next:hover{background: url(../images/p_hright.png) no-repeat;}







/*5*/
.section5{width:100%; height: auto; overflow: hidden; background: #e50012; padding:40px 10px 0; vertical-align: middle;}
.in_news_t{width:100%; height: auto; position: relative; margin-bottom: 2vh}
.in_news_t a{width:100%; height: 100%; position: relative; display: block}
.in_news_t img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_news_t:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.in_news_t p{width:100%; height: auto; line-height:118px; font-size: 24px; color: #fff; position: absolute; top:0; left:0; text-align: center}
.in_news_t a:after{content: ""; position: absolute; top:10px; left:10px;bottom:10px; right:10px; 
	border: 1px solid rgba(255,255,255,0.5)}
.section5 ul{width:100%; height: auto; overflow: hidden; background: #fff; padding: 0px 10px 20px;}
.section5 ul li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #eee; padding:8px 0 }
.section5 ul li h4{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-size:1rem; color: #000000; 
	font-weight: normal}
.section5 ul li hr{width:25px; height: 4px; display: block; background: #e50012;margin-bottom: 10px; border: 0}
.section5 ul li p{width:100%; height:47px; line-height:23px; font-size: 14px; color: #777777;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.section5 ul li span{font-size: 14px; color: #777777; margin-top:5px; display: block; text-align: left;}
.section5 li:hover h4,.section5_right li:hover p{color:#e50012}
.section5 ul li:last-child{border-bottom: 0}





/*section6*/
.section6{width:100%; height: 100%; overflow: hidden; background: #e50012; }
.section6_topxx{width:100%; height: auto; padding: 0px 10px; position: relative}
.section6_topxx img{width:100%; height: auto; display: block}
.section6_txx{width:100%; height: auto; font-size: 1rem; color: #333333; position: absolute; top:20px; left:0; text-align: center}
.section6_txx span{font-weight: bold; font-size: 1.4rem;}
.section6 .index_join_input{background: #333333; margin-top: 0}
.index_index_input{width:100%; height: auto; background: #333333; padding:20px 10px; text-align: left; }
.index_index_input h4{font-size: 1.1rem; color: #ffffff; line-height: 30px;}
.index_index_input p{font-size:0.9rem; color: #fff; margin-bottom: 10px;  }
.index_index_input input[type="text"]{width:100%; height: 40px; line-height: 40px; border: 1px solid rgba(255,255,255,0.2); background: none; padding: 0px 10px;margin-bottom: 10px; font-size: 0.9rem; color: #777777}
.index_index_input .join_submit{width:70%; height: 40px; display: block; margin: 15px auto; background: #e50012; text-align: center; line-height: 40px; font-size: 0.9rem; color: #fff; border: 0}
.index_index_input textarea{width:100%; height: 80px;  border: 1px solid rgba(255,255,255,0.2); padding: 10px; font-size: 0.9rem; color: #fff;  background: none;}

.index_index_input input::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #777;  
}  
.index_index_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #777;  
   opacity:  1;  
}  
.index_index_input input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #777;  
   opacity:  1;  
}  
.index_index_input input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #777;  
}  

.index_index_input textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #777;  
}  
.index_join_input textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #777;  
   opacity:  1;  
}  
.index_index_input textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #777;  
   opacity:  1;  
}  
.index_index_input textarea:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #777;  
}  








/*内页*/
.ny_banner{width:100%; height: auto; overflow:hidden; position: relative; margin-bottom: 20px;}
.ny_banner_pic{width:100%; height: auto; overflow: hidden}
.ny_banner_pic img{width:100%;}
.ny_banner_zi{width:100%; height: auto; overflow: hidden; position: absolute; top:100px; text-align: center}
.ny_banner_zi h4{font-size: 2.4rem; color:#fff; line-height: 26px; margin-top: 10px; letter-spacing:8px}
.ny_banner_zi p{font-size: 1rem; color:#fff; line-height:40px; margin-top:10px;}
.ny_banner_zi .b_pic{width:40%; display: block; margin: 0px auto;}



/*产品中心*/
.ny_product_all{width:100%;   background: url(../images/p_bjs.png) no-repeat center; background-size: 100% auto; }
.pro_slf_left{width:100%; height: auto; text-align: center}
.pro_slf_left .slf_z1{font-size: 1.2rem; color:#777777; line-height: 26px; line-height: 32px;}
.pro_slf_left .slf_z2{font-size: 0.9rem; color: #e50012; line-height: 28px; margin-top: 8px;}
.pro_slf_left h4{font-size: 2rem; color: #333333; font-weight: bold;}
.pc-slide {width:100%; margin: 0 auto; padding: 0px 10px; position: relative}
.ny_slfs_xl{width:90px; height: 90px; position: absolute; top:40px; left:10px; z-index: 9}
.ny_slfs_xl img{width:100%; height: 100%;}
.ny_profist{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.ny_profist_pic{width:60%; height: auto; display: block; margin: 0px auto; position: relative}
.ny_profist_pic img{width:100%; height: auto; display: block}
.ny_profist_xx {width:100%; height: auto; overflow: hidden; font-size: 1rem; color: #333333; line-height: 26px; padding: 0px 20px; margin-top:20px;}
.view .swiper-container {width: 100%; height: auto;}
.p_zp {
    width: 78px!important;
    height:90px!important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.view .arrow-left {
	background: url(../images/p_left.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -12px;
	width: 49px;
	height: 24px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/p_right.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px;
	width:49px;
	height:24px;
	z-index: 10;
}
.view .arrow-left:hover{background: url(../images/p_hleft.png) no-repeat center}
.view .arrow-right:hover{background: url(../images/p_hright.png) no-repeat center}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.ny_product_all .preview .swiper-container {width: 100%; height: auto;}
.ny_product_all .preview .swiper-slide {width: 20%; height: auto; cursor:pointer; padding: 5px; }
.preview_p{width:100%; height: 100%; background: url(../images/p_tabbj.png) no-repeat center; background-size: 100% 100%}
.preview img {width: 100%; height: auto; display: block; border-radius: 50%;}
.ny_product_all .preview .active-nav{background: url(../images/p_yuan.png) no-repeat center; background-size: 100% 100%}
.ny_pro_about{margin:60px auto 64px; overflow: hidden; padding: 0px 10px;}
.pro_about_left{width:100%; height: auto;  padding-top: 25px;}
.pro_about_left dl{width:100%; height: auto; overflow: hidden; margin-bottom: 10px;}
.pro_about_left dl dt{ float: left; width: 55px; height: 55px;}
.pro_about_left dl dt img{width:100%; height:auto;}
.pro_about_left dl dd{ float: left; margin-left: 10px;}
.pro_about_left dl dd span{font-size: 0.9rem; color: #e50012; line-height: 25px;}
.pro_about_left dl dd p{font-size:1.3rem; color: #333333; font-weight: bold;}
.pro_slf_xx{width:100%; height: auto; overflow: hidden}
.pro_slf_xx img{max-width:100%; height: auto; overflow: hidden; display: block; margin: 20px 0}
.pro_slf_xx p{font-size: 16px; color: #333; line-height: 28px;}
.pro_about_left a{width:190px; height: 52px; background: url(../images/more_bj.png) no-repeat center; line-height: 52px; color:#e50012; font-size: 14px; display: block; margin-top: 50px}
.pro_about_left a:hover{color:#333; background: url(../images/a_bjs_h.png) no-repeat}
.pro_about_right{width:100%; height: auto; }
.pro_about_right img{width:100%; height: auto; overflow: hidden; display: block}
.pro_about_rxx{width:100%; height: 77px; line-height: 77px; background: #e50012; padding: 0px 10px}
.pro_about_rxx p{font-size:1rem; color: #f1f1f1; height: 77px; width: 100%; text-align: center}
.pro_about_rxx p span{font-size: 1.7rem; color: #fff; font-weight: bold;}

.ny_pro_zaocan{width:100%; height: auto; overflow: hidden;  background: url(../images/join_tbjs.jpg) repeat; padding: 35px 10px;}
.pro_zaocan_left{width:100%; height:341px; border: 4px solid #fff; border-radius: 10px; padding: 10px; margin-top: 20px; overflow: hidden; padding-bottom: 20px; position: relative}
.zaocan_mgc{width:65%; height: auto; float: left}
.zaocan_mgc img,.zaocan_jdb img{width:100%; height: auto}
.zaocan_mgc p,.zaocan_jdb p{ height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center}
.zaocan_jdb{width:55%; height: auto;  float: right; margin-top: 30px; margin-right: -20px;}
.zaocan_jdb p{margin-top: -40px;}
.zaocan_logo{width:33%; height: auto; float: right}
.zaocan_logo img{width:100%;}
.zaocan_zi{width:auto; position: absolute; bottom:0; left:20px}
.zaocan_zi p{font-size:1.1rem; color: #fff; letter-spacing:5px}
.zaocan_zi h4{font-size:2rem; color: #fff; font-weight: bold;}
.zaocan_zi span{font-size: 1rem; color: #fff; font-family: "Arial"; line-height: 40px;}
.pro_zaocan_right{width:100%; height: auto; float: right; border: 4px solid #fff; border-radius: 10px;padding:30px 10px ; margin-top: 40px;}
.pro_zaocan_right dl{width:100%; height: auto; overflow: hidden}
.pro_zaocan_right dl dt{float: left; font-size:2.2rem; color: #fff; font-weight: bold;}
.pro_zaocan_right dl dd{ float: left;margin-left: 8px; }
.pro_zaocan_right dl dd p{font-size: 1.2rem; color: #fff; line-height: 30px; letter-spacing:5px}
.pro_zaocan_right dl dd span{font-size: 1rem; color: #fff; font-family: "Arial"}
.pro_zaocan_right ul{width:100%; height: auto; overflow: hidden; padding-top: 30px;}
.pro_zaocan_right ul li{width:50%; height: auto; text-align: center; float: left;  transition: .6s;}
.pro_zaocan_right ul li img{width:100%; height:auto; display: block}
.pro_zaocan_right ul li p{font-size: 16px; color: #fff; line-height: 35px;}
.pro_zaocan_right ul li:hover{margin-top: -10px;  transition: .6s;}
.ny_qita_product{width:100%; height: auto; overflow: hidden; padding: 0px 10px; margin-top: 40px;}
.ny_qita_product .swiper-container{padding-bottom:40px;}
.ny_qita_product .swiper-slide a{width:100%; height: auto; overflow: hidden; position: relative}
.ny_qita_product .swiper-slide a img{width: 100%; height: auto;display: block}
.ny_qita_product .swiper-slide a p{width:100%; height: 40px;line-height:40px; text-align: center; font-size: 1rem;  color:#000000;}
.ny_qita_product .swiper-slide a .p_qt{width:100%; height: auto; overflow: hidden;}
.ny_qita_product .swiper-slide a .p_qt img{width:100%; height: auto; display: block}
.ny_pro_xing{margin: 54px auto; overflow: hidden; padding: 0px 10px;}
.pro_xing{width:100%; height: 160px; background: url(../images/xing_t.png) no-repeat center bottom; text-align: center; padding-top:30px; background-size: 100% auto; margin-bottom: 35px;}
.pro_xing img{display: block; margin: 28px auto 0}
.pro_xing h4{font-size:2rem; color: #e50012; font-weight: bold;}
.pro_xing_left{width:100%; height: 218px;  padding:80px 16px 0; background: url(../images/xing_1.jpg) no-repeat center; background-size: 100% auto; margin-bottom: 8px; }
.pro_xing_left h4{font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.pro_xing_left p{font-size: 16px; color: #fff; line-height: 28px;}
.pro_xing_right{width:100%; height: 218px; padding:145px 16px 0; background: url(../images/xing_2.jpg) no-repeat center; background-size: 100% auto;}
.pro_xing_right h4{font-size: 24px; color: #e50012; font-weight: bold; float: left}
.pro_xing_right p{font-size: 16px; color: #e50012; float: left;  line-height: 32px;}
.ny_product_case{width:100%; height: auto; overflow: hidden; margin-top: 40px; padding: 0px 10px;}
.ny_product_case .swiper-container{padding-bottom:50px;}
.ny_product_case .swiper-slide a{width:100%; height: auto; overflow: hidden; position: relative}
.ny_product_case .swiper-slide a img{width: 100%; height: auto;display: block}
.ny_product_case .swiper-slide a p{width:100%; height: 50px; background:rgba(229,0,18,0.7); line-height: 50px; text-align: center; font-size: 1rem;  color:#fff; position: absolute; bottom:0; left:0}
.product_silu_t{ height: auto; overflow: hidden; margin: 30px auto 40px; display: table}
.product_silu_t p{font-size: 18px; color: #333333; line-height:78px; width: 78px;  height: 78px; text-align: center; float: left;     -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; transition: transform 0.5s ease-out;}
.product_silu_t p:hover{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.silu_l{background: url(../images/silu_x.png) no-repeat center}
.silu_h{background: url(../images/silu_hx.png) no-repeat center}
.product_silu_t span{font-size: 24px; color: #333333; float: left; margin: 0px 15px; line-height: 78px; height: 78px;}






/*新闻*/
.ny_news_all{width:100%; height: auto; overflow: hidden; padding: 0px 10px;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.ny_news_all ul li dl{width:100%; height: auto; overflow: hidden}
.ny_news_all ul li dl dt{width:200px; height: auto; float: left}
.ny_news_all ul li dl dt img{width:100%; height: auto; overflow: hidden}
.ny_news_all ul li dl dd{margin-left: 210px;}
.ny_news_all ul li dl dd h4{width:100%; height:50px; line-height: 25px; font-size: 1rem;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; font-weight: normal}
.ny_news_all ul li dl dd hr{width:20px; height: 2px; background: #e50012; display: block; margin: 12px 0; border: 2px solid #e50012}
.ny_news_all ul li dl dd span{font-size: 0.9rem; color: #333333;}
.ny_news_xx{width:100%; height: auto; overflow: hidden; line-height: 26px; margin-top:10px; font-size: 1rem; color: #777777; line-height: 26px;}
.ny_news_all table td{border:0}


/*招商加盟*/
.ny_all_top{width:100%; height:auto; overflow: hidden; margin: 0px auto 20px; padding: 0px 10px;}
.ny_all_top p{font-size: 1.8rem; color: #333333; font-weight: bold; float: left}
.ny_all_top img{width:44%; float: left; margin-top: 6px; margin-left: 5px;}
.all_top_left{width:40%; float: left; overflow: hidden}

.all_top_dhs{width:auto; float: right; font-size:1rem; color: #777777; line-height: 38px }
.all_top_dhs span{font-size: 1.2rem; color: #333333; font-weight: bold;}
.ny_all_fbt{width:100%; line-height: 64px; 
	margin: 0px auto; padding: 0px 10px;}
.ny_all_fbt p{width:100%; height:64px; background: url(../images/fbt_bj.jpg) no-repeat center; text-align: center; font-size: 1rem; color: #fff; }
.ny_all_dbt{width:100%; height:auto;  overflow:hidden; border-bottom:1px solid #e5e5e5; margin: 15px auto 38px; padding: 0px 10px 10px}
.ny_all_dbt p{font-size: 1rem; color: #e50012; line-height: 40px; }
.ny_all_dbt h4{font-size:1.5rem; color: #333333; line-height:40px; font-weight: normal}
.join_ys_t{width:100%; height: auto; overflow: hidden; text-align: center; margin-bottom:30px; padding: 0px 10px;}
.join_ys_t h4{font-size: 28px; color: #333333; font-weight: bold;}
.join_ys_t span{width:20px; height: 3px; display: block; margin: 10px auto; background: #e50012}
.join_ys_t p{font-size: 16px; color: #333333; line-height: 30px;}
.ny_join_ys{width:100%;  height: auto; overflow: hidden; padding: 0px 10px;}
.ny_join_ys ul{width:100%; height: auto; float: left}
.ny_join_ys ul li{width:49%; height: 170px; float: left; border: 1px solid #e50012; padding: 20px 15px 0;  margin-bottom: 17px; text-align: center}
.ny_join_ys ul li span{font-size: 1.2rem; color: #e50012; font-weight: bold;}
.ny_join_ys ul li p{font-size: 1rem; color: #333333; line-height: 30px; margin-top: 10px;}
.ny_join_ys ul li:nth-child(2n){float: right}
.ny_join_ys ul li:hover{border: 2px solid #e50012;}
.ny_join_fang{width:100%; height: 242px; background: url(../images/join_tbjs.jpg) repeat; margin-top:20px; position: relative; padding: 0px 10px;}
.ny_join_fang img{width:42%; height: auto; position: absolute; top:30px!important; left:50%; margin-left: -21%;}
.ny_join_fang p{font-size:1.4rem; color: #fff; font-weight: bold; position: absolute}
.join_1{left:10px; top:40px}
.join_2{left:10px; bottom:20px}
.join_3{top:78px!important; left:10px;}
.join_4{top:50px; right:10px; left:auto; font-size: 1.1rem; font-weight: normal!important}
.join_5{top:130px!important; right:10px; font-size: 1.7rem!important;}
.ny_join_dm{width:100%; height:auto; background: #2c2a29; padding-bottom:40px;}
.ny_join_dmimg{width:100%; height: auto; overflow: hidden}
.ny_join_dmimg img{width:100%; height: auto; display: block}
.join_dm_xx{width:100%; height: auto; margin-top: 20px; padding: 0px 10px;}
.join_dm_xx dl{width:100%; height: auto; overflow: hidden; margin-bottom:10px;}
.join_dm_xx dl dt{width:100%; height: 35px; line-height: 35px;}
.join_dm_xx dl dt h4{font-size:1.4rem; color: #ffffff; font-weight: bold; float: left}
.join_dm_xx dl dt img{float: left; margin-left: 10px; margin-top:13px;}
.join_dm_xx dl dd{width:100%; height: 35px; margin-top:10px;}
.join_dm_xx dl dd span{width:auto;  border: 1px solid rgba(255,255,255,0.2); text-align: center; font-size: 1rem; color: #fff;  padding: 4px 15px;}
.ny_join_lc{margin-top: 64px; overflow: hidden}
.join_lc_xx{width:100%; height:auto; margin-top: 34px; padding: 0px 10px; overflow: hidden; position: relative}
.join_lc_xx .join_lc_div{width:49%; height: auto; float: left}
.join_lc_xx .join_lc_div:nth-child(2n){float: right}
.join_lc_xx .join_lc_div:hover p{color:#e50012}
.join_lc_1{background: url(../images/s_1.png) no-repeat center; background-size: 100% auto}
.join_lc_2{background: url(../images/s_2.png) no-repeat center; background-size: 100% auto}
.join_lc_3{background: url(../images/s_3.png) no-repeat center; background-size: 100% auto}
.join_lc_4{background: url(../images/s_4.png) no-repeat center; background-size: 100% auto}
.join_lc_5{background: url(../images/s_5.png) no-repeat center; background-size: 100% auto}
.join_lc_6{background: url(../images/s_6.png) no-repeat center; background-size: 100% auto}
.join_lc_7{background: url(../images/s_7.png) no-repeat center; background-size: 100% auto}
.join_lc_8{background: url(../images/s_8.png) no-repeat center; background-size: 100% auto}
.join_jt{width:20%; height: 21px; position: absolute; left:50%; margin-left: -10%}
.join_jt img{width:100%; height: auto;}
.lc_11{top:280px}
.lc_22{top:480px}
.lc_33{top:680px}
.join_lc_xx ul{width:100%; height: auto}
.join_lc_xx ul li{width:100%; height: auto; position: relative; overflow: hidden}



.join_lc_pic{width:100%; height:225px; text-align: center; background: url(../images/yuanpan.png) no-repeat bottom; padding-top:65px; background-size: 100% auto!important}
.join_lc_pic img{width:auto; height: 150px; display: block; margin: 0px auto;}
.join_lc_div:hover .join_lc_pic{background: url(../images/yy.png) no-repeat bottom; }
.join_lc_bu{width:100%; height: auto; overflow: hidden; margin-top:10px; text-align: center}
.join_lc_bu p{font-size: 18px; color:#000000; font-weight: bold;}
.join_lc_bu span{font-size: 30px; font-family: "Arial"; margin: 0px 5px}
.join_lc_bu h5{font-size: 1rem; color: #000000; line-height: 40px; font-weight: normal}
.join_lc_3 .join_lc_pic{padding-top:62px}
.join_lc_4 .join_lc_pic{ background: url(../images/yuanpan.png) no-repeat center bottom ; padding-top:60px}
.join_lc_6 .join_lc_pic{padding-top:62px}
.join_lc_8 .join_lc_pic{padding-top:67px;  background: url(../images/yuanpan.png) no-repeat center bottom ;}
.join_lc_8:hover .join_lc_pic{background: url(../images/yy.png) no-repeat 55px  bottom;}
.join_lc_4:hover .join_lc_pic{background: url(../images/yy.png) no-repeat 45px  bottom;}
.ny_join_wuliao{margin-top:60px; overflow: hidden; padding: 0px 10px; width: 100%}
.join_wuliao_left{width:100%; height: auto; float: left}
.join_wuliao_left dl{width:100%; height: auto; overflow: hidden; margin-bottom: 33px;}
.join_wuliao_left dl dt{ float: left; width: 55px; height: 55px;}
.join_wuliao_left dl dd{ float: left; margin-left: 10px;}
.join_wuliao_left dl dd span{font-size: 16px; color: #e50012; line-height: 25px;}
.join_wuliao_left dl dd p{font-size: 24px; color: #333333; font-weight: bold;}
.join_wuliao_left h5{font-size: 24px; color: #e60012; font-weight: bold; line-height: 30px; text-align: center}
.join_wuliao_left .wl_1{font-size:1rem; color: #333; line-height:25px; text-align: center; margin: 10px 0 20px}
.join_wuliao_right{width:100%; height: auto; border-bottom: 0px; border-right: 0px; overflow-y: auto;}
.join_wuliao_right ul{width:100%;  height: auto; overflow: hidden;  border: 1px solid #a0a0a0; }
.join_wuliao_right ul li{width:100%; height: 57px; line-height: 57px; border-bottom: 1px solid #a0a0a0}
.join_wuliao_right ul li div{float: left; text-align: center; font-size: 16px; color: #000000; border-right: 1px solid #a0a0a0}
.join_wuliao_right ul li div b{font-size: 16px;}
.join_wuliao_right ul li:hover{box-shadow: 0px 0px 6px rgba(0,0,0,0.4)}
.join_wuliao_right table{width:550px; height: auto; overflow: hidden;  border: 1px solid #a0a0a0; table-layout:fixed;
border-collapse: collapse;}
.join_wuliao_right table tr th{background: #ffe3d6}
.join_wuliao_right table tr,.join_wuliao_right table td,.join_wuliao_right table th{border: 1px solid #a0a0a0; height: 57px; text-align: center }
.join_wuliao_right table th{font-size: 1rem; color: #000000;}
.join_wuliao_right table td{font-size: 0.9rem; color:#000}
.ny_join_wuliao h6{font-size:1.2rem; color: #e60012; font-weight: bold; line-height: 30px; margin-top: 30px; text-align: center}
.ny_join_wuliao a{width:190px; height: 52px; background: url(../images/a_bjs.png) no-repeat center; line-height: 52px; color:#e50012; font-size: 14px; display: block; margin: 40px auto 0;}
.ny_join_case{width:100%; height: auto; overflow: hidden; margin-top: 50px; padding: 0px 10px;}
.ny_join_case .swiper-container{padding-bottom: 50px;}
.ny_join_case .swiper-slide a{width:100%; height: auto; overflow: hidden; display: block}
.join_pic{width:100%; height:auto; overflow: hidden}
.join_pic img{width:100%; height: 100%; display: block;   
transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_join_case .swiper-slide a p{font-size: 1rem; color: #000000;  text-align: center; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.swiper-button-next,.swiper-button-prev{width:50px; height: 24px; bottom:0; top:auto; opacity: 1}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1}
.swiper-button-next{background: url(../images/p_right.png) no-repeat center; right:30%}
.swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:30%;}
.swiper-button-next:hover{background: url(../images/p_hright.png) no-repeat center}
.swiper-button-prev:hover{background: url(../images/p_hleft.png) no-repeat center}
.index_join_input{width:100%; height: auto; background: #e50012; padding:20px 10px; margin-top: 40px; }
.index_join_input h4{font-size: 1.1rem; color: #ffffff; line-height: 40px;}
.index_join_input p{font-size:1rem; color: #fff; margin-bottom: 20px;  }
.index_join_input input[type="text"]{width:100%; height: 40px; line-height: 40px; border: 1px solid rgba(255,255,255,0.5); background: none; padding: 0px 10px;margin-bottom: 10px; font-size: 1rem; color: #fff}
.join_submit{width:70%; height: 40px; display: block; margin: 15px auto; background: #fff; text-align: center; line-height: 40px; font-size: 1rem; color: #333333; border: 0}
.index_join_input textarea{width:100%; height: 80px;  border: 1px solid rgba(255,255,255,0.5); padding: 10px; font-size: 1rem; color: #fff;  background: none;}

.index_join_input input::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.index_join_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.index_join_input input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.index_join_input input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  

.index_join_input textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
.index_join_input textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
.index_join_input textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
.index_join_input textarea:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  

.footer_bq{width:100%; margin: 20px 0; text-align: center; font-size: 1rem; color: #fff}







/* 关于我们*/
.ny_about_top{width:100%; height: auto; overflow: hidden; padding: 0px 10px 30px;}
.ny_about_top .about_pic{width:32%; height: auto; float: left}
.about_right_top{width:auto; height: auto; overflow: hidden; margin-left:35%;}
.about_right_top span{font-size: 1rem; color: #e50012; line-height:24px; display: block; margin: 5px 0;}
.about_right_top p{font-size:1.2rem; color: #333333; font-weight: bold;}
.about_right_top img{width:100%; height: auto;}
.ny_about_top ul{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.ny_about_top ul li{width: 49%; height: auto; float: left; text-align: center; }
.ny_about_top ul li span.ab_yw{font-size: 12px; color: #999999; line-height: 30px; text-align: center}
.ny_about_top ul li .ab_num{width:100%; height: 45px; font-size: 14px; color: #333; }
.ny_about_top ul li .ab_num span{font-size: 38px; color: #333333; text-align: center}
.ny_about_top ul li p.ab_xx{font-size: 14px; color: #777777; line-height: 30px;}
.ny_about_top ul li:nth-child(2n){float: right}
.ny_about_top ul li img{max-width: 100%}
.ny_about_bottom{width:100%; height: auto; overflow: hidden; margin-top: 50px; font-size: 16px; color: #333333; line-height:30px}
.ny_about_bottom p{font-size:1rem; color: #333333; line-height: 30px}
.about_jt{width:24px; height: 22px; display: block; margin:46px auto 0;animation: l_jump 1.5s ease-in-out 0.1s alternate infinite;; }
@keyframes l_jump{
	from{ transform:translateY(-5px); -webkit-transform:translateY(-5px);}
	to{ transform:translateY(5px); -webkit-transform:translateY(5px); }
	}
@-webkit-keyframes l_jump{
	from{ transform:translateY(-5px); -webkit-transform:translateY(-5px); }
	to{ transform:translateY(5px); -webkit-transform:translateY(5px); }
	}

.ny_about_video{width:100%; height:auto; margin: 20px 0 }
.ny_about_video video{width:100%; height: auto;}
.ny_about_pinpai{width:100%; height: auto; overflow: hidden;  margin: 0px auto 20px; padding: 0px 10px; }
.ny_about_pinpai dl{width:100%; height: auto; overflow: hidden}
.ny_about_pinpai dl dt{ float: left; width: 55px; height: 55px;}
.ny_about_pinpai dl dd{ float: left; margin-left: 10px;}
.ny_about_pinpai dl dd span{font-size:1rem; color: #e50012; line-height: 25px;}
.ny_about_pinpai dl dd p{font-size:1.2rem; color: #333333; font-weight: bold;}
.pinpai_left_xx{width:100%; height: auto; overflow:hidden; margin-top: 15px;}
.pinpai_left_xx p{ font-size: 16px; color: #333333; line-height: 35px; margin-top:30px;}
.pinpai_more{width:190px; height: 52px; background: url(../images/a_bjs.png) no-repeat center;  margin: 55px auto 0; font-size: 14px; color: #e50012; line-height: 52px; display: block}
.pinpai_more:hover{color:#333; background: url(../images/a_bjs_h.png) no-repeat}
.about_pinpai_right{width:100%; height:414px; background: url(../images/pin_bj.jpg) no-repeat center;  padding:350px 33px 0; margin-top: 30px;}
.about_pinpai_right p{font-size:1.2rem; color: #fff;  line-height: 40px; text-align: center}
.about_pinpai_right span{font-size:1.6rem; color: #fff; font-weight: bold;}
.about_pinpai_right a:hover{background: #fff; color:#e50012}
.ny_about_news{width:100%; height: auto; overflow: hidden; margin-top: 30px; background: url(../images/ab_news_bj.jpg) repeat center; padding:10px;}
.ny_about_news h3{font-size: 24px; color: #333333; line-height: 45px; text-align: center}
.ny_about_news ul{width:100%; height: auto; overflow: hidden; margin-top:27px;}
.ny_about_news ul li{width:100%; height: 130px; background: #fff; padding: 10px 28px; margin-bottom:15px; }
.ny_about_news ul li h4{width:100%; height: 60px; line-height: 30px; font-size:1rem; color: #333333;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; font-weight:normal}
.ny_about_news ul li span{width:20px; height: 2px; background: #e50012; display: block; margin: 10px 0;}
.ny_about_news ul li p{font-size: 14px; color: #777777; line-height: 30px;}
.ny_about_news ul li:nth-child(3n){margin-right: 0}
.ny_about_news ul li:hover{border: 1px solid #c9c9c9}



/*联系我们*/
.ny_contact{width:100%; height: auto; margin-top: 20px; padding: 0px 10px}
#map{width:100%; height: 300px; display: block}
.m-cot{width:100%; height: auto; overflow: hidden; font-size:1rem; color:#666; margin-top: 20px;}




/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 666; height: 60px;width: 100%; background:#fff; font-size: .14rem; padding: 0px 10px; border-radius:15px 15px 0 0 }
footer li{width: 20%;height: 100%;float: left; position: relative}
footer li i{width: 100%;height: 24px;display: block;margin: 0 auto; background-size: auto 100%!important;}
.nav_1{background: url(../images/nav_1.png)no-repeat center;}
.nav_2{background: url(../images/nav_2.png)no-repeat center}
.nav_3{background: url(../images/nav_3.png)no-repeat center}
.nav_4{background: url(../images/nav_4.png)no-repeat center}
.f_nav img{width:55%; height: auto; display: block; margin: 8px auto 0;}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top:6px;color: #fff}
footer span{line-height:30px; font-size:0.9rem; color: #555; display: block; width: 100%;}
footer li a.active .nav_1{background: url(../images/nav_h1.png) no-repeat center}
footer li a.active .nav_2{background: url(../images/nav_h2.png) no-repeat center}
footer li a.active .nav_3{background: url(../images/nav_h3.png) no-repeat center}
footer li a.active .nav_4{background: url(../images/nav_h4.png) no-repeat center}


/*
.f_nav ul{width:100%;height: auto;position: absolute; top:-80px; left:0}
.f_nav ul li{width:48px; height: 48px;  border-radius: 50%; }
*/
.f_gy a{background: #ffa2a2 url(../images/wx_i.png) no-repeat center}
.f_dt a{background: #ffa2a2 url(../images/dt_i.png) no-repeat center}
.f_xia a{background: #ffa2a2 url(../images/xz_i.png) no-repeat center}


.f_nav {
   
    transition: 0.2s 0.2s;
}
.f_nav:hover {
    background: rgba(255, 255, 255, 0.75);
}
.f_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -80px;
    left:-100px;
       border: 40px solid transparent;

    cursor: default;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 1.4s 0.07s;
    z-index: -1;
}
.f_nav:hover ul {
    transition: transform 0.4s 0.08s, z-index 0s 0.5s;
    transform: scale(1);
    z-index: 1;
}
.f_nav ul li {
   position: absolute;
	width:45px!important; height:45px!important;
    transform-origin: 100px 100px;
    transition: all 0.3s 0.1s;
}
.f_nav:hover ul li {
    transition: all 0.6s;
}
.f_nav ul li a {
	transition:all .4s ease 0s;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    position: absolute;
    transition: 0.6s;
    text-decoration: none;
}
.f_nav ul li a:hover {
    background-color: #2860F8;
    color: #fff;
}
.f_nav:hover ul li:nth-child(1) {
    transition-delay: 0.02s;
    transform: rotate(370deg);

}
.f_nav:hover ul li:nth-child(1) a {
    transition-delay: 0.04s;
    transform: rotate(350deg);
}
.f_nav:hover ul li:nth-child(2) {
    transition-delay: 0.04s;
    transform: rotate(405deg);
	
}
.f_nav:hover ul li:nth-child(2) a {
    transition-delay: 0.08s;
    transform: rotate(315deg);
	
}
.f_nav:hover  ul li:nth-child(3) {
    transition-delay: 0.06s;
    transform: rotate(80deg);

}
.f_nav:hover ul li:nth-child(3) a {
    transition-delay: 0.12s;
    transform: rotate(640deg);
}



.copy {width: 100%; padding-top:25px; text-align: center; line-height: 20px; clear: both; font-size: 14px; background: #fec70a; padding: 20px 0}
.copy a{ font-size: 16px; color: #fff; height: 30px; line-height: 30px;}
.copy p{width:100%; font-size: 16px; color: #fff; line-height: 30px;}
.copy  span{ font-size: 26px; color: #bb0101; font-weight: bold; margin-left:2px;}
.copy img{ width:28px; height: 22px; float: left;}
.copy .iconfont{  font-size: 25px; color: #666666; margin-right:6px;}

.go_black{ width: 90px;height: 30px;background: #e50012; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative;}





@media screen and (max-width:375px){
	.ny_all_top p{font-size: 1.4rem}
	.ny_all_top img{margin-top: 5px;}
	.all_top_dhs{line-height: 30px;}
	.all_top_dhs span{font-size: 1rem}
	.f_nav img{width:60%}
	.in_news_t p{line-height:104px;}
	.ny_join_ys ul li p{line-height:25px; font-size:0.9rem}
}





@media screen and (max-width:360px){
	.product_silu_t span{margin: 0px 7px;}
	.f_nav img{width:67%}
	.swiper-xx{height:88px; }
	.swiper-slide-active .swiper-xx{-webkit-line-clamp:3}
	.in_news_t p{line-height:100px;}
	.ny_about_pinpai dl dd span{font-size:0.9rem}
	.ny_about_pinpai dl dd p{font-size:1.1rem}
	.join_5{top:153px!important; font-size:1.4rem!important}
	.join_lc_pic img{height:130px;}
	.join_lc_pic{height:207px;}
	.menu_pic{width:30px;}
	.pro_about_rxx p span{font-size:1.6rem}
}

@media screen and (max-width:320px){
	.logo{width:48%; margin-top: 20px;}
	.ny_banner_zi{top:80px}
	.all_top_left{float:none; width: 100%}
	.all_top_dhs{width:100%; height: auto; float: none;}
	.ny_all_top img{width:28%}
	.pro_xing_left{height:162px; padding: 20px 16px 0}
	.pro_xing_right{height:162px; padding: 60px 16px 0}
	.ny_all_dbt p{font-size: 0.9rem}
	.join_wuliao_left dl dd span{font-size: 12px;}
	.section2_center{margin:5px auto;}
	.section2_center img{width:53%}
	.section2_center_more{right:15px}
	.section2 .section2_all{padding:10px 0 0}
	.swiper-xx{bottom:70px; height:70px;}
	.swiper-xx p{line-height:24px;}
	.about_pinpai_right p{font-size:1.1rem}
	.about_pinpai_right p span{font-size:1.2rem}
	.about_pinpai_right{padding:350px 20px 0}
	.join_dm_xx dl dd span{font-size:0.9rem; padding:4px}
	.lc_11{top:240px;}
	.join_lc_pic img{height:118px}

}