/* ========== */
/* = NY = */
/* ========== */
.ny-banner img{ width: 100%;}

.bread{ background: #f0f0f0; line-height: 60px; text-align: right; color: #999999; font-size: 14px; }
.bread span{ background: url(../images/ico_home.png) no-repeat left; padding-left: 35px; color: #999999;}
.bread a{ margin: 0 5px; color: #999999;}
.bread a:hover{ color: #d82128;}

.ny-sub{ padding: 75px 0 50px; text-align: center;}
.ny-sub .container{ display: flex; justify-content: space-around; -webkit-justify-content: space-around; align-items:center; -webkit-align-items:center;}
.ny-sub a{ display: inline-block; font-size: 18px; line-height: 36px; margin: 0 10px; border-bottom: 1px solid rgba(255,255,255,0);}
.ny-sub a span{ margin-left: 10px; font-size: 12px; text-transform: uppercase;}
.ny-sub a.active,
.ny-sub a:hover{ border-bottom: 1px solid #d82128; color: #d82128;}


.page{ text-align: center; font-size: 0;}
.page a,
.page span{ margin: 0 5px 5px; display: inline-block; border: 1px solid #cccccc; color: #b6bbbf; line-height: 38px; padding: 0 20px; font-size: 14px;}
.page a:hover{ color: #d82128;  border: 1px solid #d82128;}
.page a.current,
.page span.current{ background: #d82128; border: 1px solid #d82128; color: #FFFFFF; }

.ny-theme{ text-align:center; }
.ny-theme h2 span{ display: inline-block; vertical-align: middle; font-size: 30px; color: #c82329; font-weight: bold;}
.ny-theme h2 i{ margin-left: 10px; display: inline-block; vertical-align: bottom; font-size: 16px; color: #d82128; text-transform: uppercase; font-style: normal; }
.ny-theme p{ margin-top: 15px; font-size: 16px; text-transform: uppercase; text-transform: uppercase; color: #c82329;}


.swiper-wrapper{ height: auto;}
.swiper-slide{ height: auto;}

@media (max-width:1500px) {
	.ny-theme h2 span{font-size: 28px;}
	.ny-sub a{ font-size: 14px; }
}

@media (max-width:999px) {
	.ny-sub{ padding: 0.7rem 0;}
	.ny-sub a{ margin:0 0.2rem; font-size: 0.34rem; line-height: 0.7rem;}
	.ny-sub a span{ display: none;}
	
	.page a,
	.page span{ margin: 0 0.03rem 0.03rem; line-height: 0.7rem; padding: 0 0.25rem; font-size: 0.3rem;}
	
	.ny-theme h2 span{ font-size:0.48rem;}
	.ny-theme h2 i{ font-size:0.24rem;}
	.ny-theme p{ margin-top:0.26666666rem; font-size:0.24rem;}
}





/* ========== */
/* = ABOUT = */
/* ========== */
.about-box{ padding: 100px 0; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.about-box .text{ width: 34%; text-align: left;}
.about-box .text .ny-theme{ text-align: left;}
.about-box .text .des{ margin-top:15%; font-size: 16px; line-height: 36px; text-align: justify;}
.about-box .img{ width: 61%;}
.about-box .img img{ width: 100%;} 

.about-ul{ padding: 100px 0 135px; position:relative;}
.about-ul .box{ position: absolute; top:50%; left:50%; width:260px; height: 386px; background: #f0f0f0; margin-top: -193px; margin-left: -130px; padding-top: 95px; padding-left:45px;}
.about-ul .box p{ font-size: 30px; color: #999999; line-height: 40px; font-weight:lighter; text-transform: uppercase;}
.about-ul .box span{ display: block; padding-bottom: 55px; position: relative; margin-top: 30px; font-size: 20px; color: #333333;}
.about-ul .box span:after{ content: ""; position: absolute; bottom: 0; left:0; width:40px; height: 1px; background: #030000;}
.about-ul li .img{ float: left; width: 52%;}
.about-ul li .img img{ width: 100%;}
.about-ul li .text{ float: right; width:42%; padding:5% 4% 0; text-align: justify;}
.about-ul li .text .tit{ font-size: 20px;}
.about-ul li .text .tit span{ padding-right:20px; font-size: 70px; color: #d82128; position: relative; line-height:90px;} 
.about-ul li .text .tit span sup{ position: absolute; top:28px; right:0; font-size: 20px;}
.about-ul li .text .tit2{ font-size:16px; }
.about-ul li .text .tit .span2{ font-size:32px; }
.about-ul li .text .tit .span2 sup{ font-size: 16px;  top:10px;}

.about-ul li .text .des{ margin-top: 40px; font-size: 16px; line-height: 36px; text-align:justify;}
.about-ul li:nth-child(2){ margin-top: 35px;}
.about-ul li:nth-child(2) .img{ float:right;}
.about-ul li:nth-child(2) .text{ float: left; padding-top:10%;}


.about-factory{ padding:90px 0 110px; background: #FCFCFC;}
.about-factory .ico-div{ margin-top: 65px;}
.about-factory .ico-div li{ float: left; width: 25%; text-align: center; padding: 0 8px;}
.about-factory .ico-div li .box{ background: #FFFFFF; padding: 40px 5px;}
.about-factory .ico-div li .box div{ display: inline-block; text-align: left; position: relative; padding-left: 65px;}
.about-factory .ico-div li img{ position: absolute; top:0; left:0;}
.about-factory .ico-div li p{ font-size: 16px; line-height: 36px;}
.about-factory-content{ margin-top: 50px; position: relative;}
.about-factory-content .item{ position: relative; }
.about-factory-content .item img{ width: 100%;}
.about-factory-content .item p{ position: absolute; bottom: 0; left:0; width: 100%; background: rgba(255,255,255,.7); line-height: 46px; padding:0 44px 0 104px; line-height: 46px; font-size: 18px; color: #333333;}
.about-factory-content .item p i{ position: absolute; top:50%; margin-top: -15px; left:45px; display: inline-block; width: 30px; height: 30px; background-image:url(../images/about/about_logo_red.png); background-size: cover;}
.about-factory-content .swiper-button-prev{ left:-60px;}
.about-factory-content .swiper-button-next{ right:-60px;}
.about-factory-content .swiper-pagination{  bottom: 0; display: none;}

.about-honor{ padding: 88px 0 85px; overflow: hidden;}
.about-honor .tab{ margin-top: 38px; text-align: center;}
.about-honor .tab span{ margin: 0 20px; display: inline-block; width: 160px; line-height: 36px; font-size:16px; border-radius: 18px; background: #f0f0f0; cursor: pointer;}
.about-honor .tab span.active{ background: #d82128; color: #FFFFFF;}
.about-honor .js-tab-con.active{ height: auto; overflow:initial;}
.about-honor .js-tab-con{ height:0; position: relative; overflow:hidden;}
.about-honor .swiper-honor{ padding: 65px 70px;  margin:0 -70px;}
.about-honor .swiper-honor .item{ background: #f7f7f7;}
.about-honor .swiper-honor .item img{ width: 100%;}
.about-honor .swiper-honor .item p{ position: absolute; bottom: 0; left:0; width: 100%; background: rgba(200,35,40,.9); line-height:30px; padding:8px 30px 8px 35px; font-size: 16px; color: #FFFFFF;}
.about-honor .swiper-button-prev{ left:0; top:0; margin:0; width: 70px; height:100%; background-color:#FFFFFF;}
.about-honor .swiper-button-next{ right:0; top:0; margin:0; width: 70px; height:100%; background-color:#FFFFFF;}



/* ========== */
/* = CULTURE = */
/* ========== */
.culture-video{  padding: 50px 0 80px; background: #fcfcfd;}
.culture-video .box{  margin-top:40px;  position: relative; }
.culture-video .box span{ position: absolute; top:50%; left:50%; width: 64px; height: 64px; margin-top:-32px; margin-left: -32px; background-image: url(../images/about/ico_play.png); background-size: cover;}

.culture{ padding: 65px 0;}
.culture ul{ margin:0 -14px;}
.culture li{ float: left; width: 33.3333%; padding:14px;}
.culture li .box{ background:#fcfcfd; padding: 40px 50px;}
.culture li .box img{ float: left;}
.culture li .box .text{ margin-left:90px;}
.culture li .box .text .tit{ font-size: 24px; color: #044f9f; line-height:40px;}
.culture li .box .text .des{ margin-top: 15px; font-size: 18px; line-height: 34px; min-height:102px;}
.culture li:nth-child(3n+1){ clear: both;}



/* ========== */
/* = HISTORY = */
/* ========== */
.history{ padding-top: 65px; border-top: 1px solid #e5e5e5;}
.history .tab span{ float: left; display: inline-block; width: 128px; height: 41px; line-height: 41px; background-size: cover; font-size: 18px; color: #d82128; cursor: pointer;}
.history .tab span:nth-child(1){ padding-left: 32px; background-image: url(../images/about/history_tab_1.png); background-position: left center;}
.history .tab span:nth-child(2){ padding-right: 32px; text-align: right; background-image: url(../images/about/history_tab_2.png); background-position: right center; }
.history .tab span.active{ color: #FFFFFF;}
.history .tab span:nth-child(1).active{ background-image: url(../images/about/history_tab_1h.png);}
.history .tab span:nth-child(2).active{ background-image: url(../images/about/history_tab_2h.png);}

.history .js-tab-con{ display: none;}
.history .js-tab-con.active{ display: block;}
.history ul{ position: relative; padding:80px 0 130px;}
.history ul:before{ content: ""; position: absolute; top:0; left:128px; height: 100%; width: 2px; background: #d82128;}
.history li{ margin-bottom: 22px; position: relative; padding-left: 250px;}
.history li .date{ position:absolute; top:50%; left:10px; line-height: 38px; margin-top: -19px; font-size: 30px; color: #d82128; font-style: italic; font-weight: bold;}
.history li .date i{ position: absolute; top:50%; left:95px; width: 100px; height: 1px; background: #d82128;}
.history li .date i:before{ content: ""; position: absolute; top:-4px; left:-8px; width: 8px; height: 8px; background: #d82128; border-radius: 100%;}
.history li .box{ padding: 40px 50px; background: #fcfcfd; position: relative;}
.history li .box:before{ content: ""; position: absolute; top:50%; left:-35px; width: 40px; height:40px; margin-top: -20px; background-image: url(../images/about/history_sj.png); background-size: cover;}
.history li .box .img{ float: left; width:240px;}
.history li .box .img img{ width:100%;}
.history li .box .text{  margin-left: 270px; margin-top:10px; height: 120px; overflow: hidden;}
.history li .box .text .con{ width: 100%; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 40px; text-align: justify;}
.history li .box .text .con+i{ display: inline-block; vertical-align: middle; height: 100%;}
.history li .box .more,
.history li .box .jian{ display: none; position: absolute; bottom: 0; right: 0; background: #d82128; color: #FFFFFF; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; cursor: pointer;}


@media (max-width:1500px) {
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-ul li .text{ width:40%; padding:5% 5% 0;}
	.about-ul li .text .tit { font-size: 16px;}
	.about-ul li .text .tit span{ font-size:52px;}
	.about-ul li .text .des{ font-size: 14px; line-height: 32px; margin-top: 30px; }
	.about-box .text .des{ font-size: 14px; line-height: 32px; }

	.about-factory .ico-div li .box div{ padding-left: 50px;}

	.about-honor .tab span{ font-size: 14px; }
	.about-honor .swiper-honor .item p{ font-size: 14px; }

	
	
	/* ========== */
	/* = CULTURE = */
	/* ========== */
	.culture li .box{ padding: 30px;}
	.culture li .box .text{ margin-left: 70px;}
	.culture li .box .text .tit{ font-size: 20px; }
	.culture li .box .text .des{ font-size: 16px; line-height: 32px; }
	
	
	/* ========== */
	/* = HISTORY = */
	/* ========== */
	.about-ul .box{ width: 200px; margin-left: -100px; padding-left: 30px;}
	.history li .box .img{ width: 230px;}
	.history li .box .text{ margin-left: 260px; margin-top: 10px;}
}


@media (max-width:1300px) {
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-ul li .text .tit span{ font-size:44px;}
	.about-factory .ico-div li p{ font-size: 14px; line-height: 32px; }
}






@media (max-width:999px) {
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	
	.about-box{ padding:1rem 0; display: block;}
	.about-box .text{ width: 100%;}
	.about-box .text .des{ margin-top:0.4rem; font-size: 0.32rem; line-height: 0.6rem;}
	.about-box .img{ margin-top:0.4rem; width:100%;}
	
	.about-ul{ padding:1rem 0;}
	.about-ul .box{ position: relative; top:auto; left:auto; margin: 0; padding:0.66666666rem; width: 100%; height: auto;}
	.about-ul .box p{ font-size:0.4rem; line-height: 0.6rem;}
	.about-ul .box span{ margin-top: 0.4rem; font-size: 0.44rem; padding-bottom: 0.4rem;}
	.about-ul li .img{ width: 100%;}
	.about-ul li .text,
	.about-ul li:nth-child(2) .text{ width: 100%; padding: 0.66666666rem 0.4rem;}
	.about-ul li .text .tit{ font-size: 0.32rem;}
	.about-ul li .text .tit span{ padding-right:0.3rem; font-size: 0.66rem; line-height:0.8rem;} 
	.about-ul li .text .tit span sup{ top:0.3rem; font-size:0.24rem;}
	.about-ul li .text .tit2{ font-size: 0.32rem; }
	.about-ul li .text .tit .span2{ font-size: 0.6rem; }
	.about-ul li .text .tit .span2 sup{ font-size:  0.22rem;  top:0.2rem;}

	.about-ul li .text .des{ margin-top: 0.4rem; font-size: 0.32rem; line-height: 0.6rem;}
	.about-ul li:nth-child(2){ margin-top:0;}
	
	.about-factory{ padding:1rem 0;}
	.about-factory .ico-div{ margin-top:0.7rem;}
	.about-factory .ico-div li{ margin-bottom:0.4rem; width: 50%; text-align:left; }
	.about-factory .ico-div li:nth-child(2n){ width:50%;}
	.about-factory .ico-div li .box{ padding: 0.4rem 0 0.4rem 0.4rem;}
	.about-factory .ico-div li .box div{ padding-left:0.7rem; }
	.about-factory .ico-div li img{ width: 0.5rem; }
	.about-factory .ico-div li p{ font-size: 0.3rem; line-height: 0.5rem;}
	.about-factory-content{ margin-top:0.4rem; padding-bottom: 0.8rem;}
	.about-factory-content .item p{ font-size:0.32rem; padding-left: 1.33333333rem;}
	.about-factory-content .item p i{ margin-top: -0.25rem; left:0.4rem; width:0.5rem; height: 0.5rem; }
	.about-factory-content .swiper-pagination{ display: block;}
	
	.about-honor{ padding:1rem 0;}
	.about-honor .tab{ margin-top:0.8rem;}
	.about-honor .tab span{ margin:0 0.1rem; width:2.8rem; height: 1rem; line-height: 1rem; font-size:0.32rem; border-radius: 0.6rem;}
	.about-honor .swiper-honor .item p{ position: relative; left:auto; top:auto;  font-size:0.32rem; padding:0.2rem 0.5rem;}

	
	
	/* ========== */
	/* = CULTURE = */
	/* ========== */
	.culture-video{ padding:1rem 0;}
	.culture-video .box span{ width:1rem; height:1rem; margin-top: -0.5rem; margin-left: -0.5rem;}
	.culture{ padding:1rem 0;}
	.culture ul{ margin: 0;}
	.culture li{ width: 100%; padding: 0 0 0.5rem;}
	.culture li .box{  padding:0.8rem 1rem;}
	.culture li .box img{ width:0.7rem;}
	.culture li .box .text{ margin-left: 1.2rem; }
	.culture li .box .text .tit{ font-size: 0.44rem; line-height: 0.7rem;}
	.culture li .box .text .des{ margin-top: 0.24rem; font-size: 0.32rem; line-height: 0.6rem; min-height:0;}
	
	
	/* ========== */
	/* = HISTORY = */
	/* ========== */
	
	.history{ padding-top:1rem; }
	.history .tab span{ float: left; display: inline-block; width: 1.75rem; height:0.8rem; line-height:0.8rem; font-size: 0.3rem;}
	.history .tab span:nth-child(1){ padding-left: 0.4rem;}
	.history .tab span:nth-child(2){ padding-right: 0.4rem;}
	.history ul{padding:1rem 0;}
	.history ul:before{ left:1.75rem;}
	.history li{ padding-left: 2.5rem; }
	.history li .date{ left:0; font-size:0.5rem;}
	.history li .date i{left:1.6rem; width:1.5rem;}
	.history li .box{ padding: 0.4rem 0.4rem 1rem; display: block; }
	.history li .box:before{ left:-0.4rem; width: 0.53333333rem; height: 0.53333333rem; margin-top: -0.26666666rem; }
	.history li .box .img{ float: none; width: 100%; }
	.history li .box .text{ margin-left: 0; margin-top: 0.53333333rem; width: 100%; height:1.8rem; }
	.history li .box .text .con{ font-size: 0.32rem; line-height: 0.6rem;}
	.history li .box .more,
	.history li .box .jian{ width:0.8rem; height: 0.8rem; line-height: 0.8rem; font-size:0.5rem;}
	
}



/* ========== */
/* = PRODUCT = */
/* ========== */
.search{  padding:60px 0;background: #fcfcfc;}
.search-div{ max-width: 600px; margin:0 auto; width: 100%; height:56px; border-radius: 28px; background: #FFFFFF; overflow: hidden; padding-right:100px; position: relative; border: 1px solid #dfdfdf;}
.search-div .in{ width: 100%; font-size:18px; height: 54px; line-height: 24px; padding:15px 0 15px 35px; border: none; background:none;}
.search-div .button{ position: absolute; top:0; right: 0; width:100px; height: 54px; background-color: none; background-image: url(../images/search_button.png); background-size: cover; border: none;}


.ny-sub-product .container{  display: block;}
.ny-sub-product a{ float: left; margin-bottom: 10px; font-size: 16px;}
.product-fl{  padding:50px 0 30px; background: #fcfcfc;}
.product-fl .content{ padding-left: 95px; position: relative; }
.product-fl span{ position:absolute; top:0; left:0; color: #c82329; font-size: 16px; line-height: 26px;}
.product-fl a{ margin-bottom: 20px; float: left; margin-right:20px; padding: 0 25px; display: inline-block; line-height: 24px; height: 26px; border-radius: 13px; border: 1px solid #ededed; color: #999999;}
.product-fl a.active,
.product-fl a:hover{ color: #333333;}
.product{ padding:30px 0 80px;}
.product-list{ padding-bottom: 88px;}
.product-list li{ margin-top: 45px; float: left; width: 32%; margin-right:2%;}
.product-list li:nth-child(3n){ margin-right:0%;}
.product-list li a{ display: block; }
.product-list li .img{ overflow: hidden; position: relative;}
.product-list li .img:after{ display: none; content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(255,255,255,.5); color: #FFFFFF; z-index: 0;}
.product-list li .img span{ display: none; position: absolute; z-index: 1; top: 50%; left:50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; background-image:url(../images/product/ico_more.png); background-size:cover;}
.product-list li .img img{ width: 100%;}
.product-list li .text{ padding: 28px 20px; background: #fcfcfc;}
.product-list li .text p{ font-size: 16px; color: #333333;}
.product-list li .text div{ margin-top: 15px; }
.product-list li a:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.product-list li a:hover .img:after{ display: block;}
.product-list li a:hover .img span{ display: block;}
.product-list li a:hover .text{ background:#c82329;}
.product-list li a:hover .text p{ color: #FFFFFF;}
.product-list li a:hover .text div{ color: rgba(255,255,255,.7);}


/* ========== */
/* = PRODUCT-DETAIL = */
/* ========== */
.product-detail{ padding: 65px 0 90px;}
.product-detail-box .img{ float: left; width: 32%;}
.product-detail-box .img img{ width: 100%;}
.product-detail-box .right{ float: right; width: 68%; padding-top: 50px;}
.product-detail-box .tit{ padding:0 10% 45px; border-bottom: 1px solid #e5e5e5; padding-right: 344px; position: relative;}
.product-detail-box .title{ font-size: 24px; color: #044f9f;}
.product-detail-box .title span{ font-size: 14px; color: #044f9f;}
.product-detail-box .link{ position: absolute; top:0; right:0;}
.product-detail-box .link a{ margin-right: 20px; display: inline-block; padding-left:54px; position: relative; width: 134px; line-height: 34px; color: #FFFFFF;}
.product-detail-box .link a i{ position: absolute; top:50%; left:25px; margin-top: -10px; width: 20px; height: 20px; background-size:cover;}
.product-detail-box .link .a-zx{ cursor: pointer; background: #c82329; position: relative;}
.product-detail-box .link .a-zx i{ background-image: url(../images/product/ico_zx.png);}
.product-detail-box .link .a-zx p,
.product-detail-box .link .a-zx div{ display: none; position: absolute; bottom: 45px; left:50%; margin-left: -95px; width:190px; font-size: 16px; background: #c82329; color: #fff; line-height: 30px; text-align: center; }
.product-detail-box .link .a-zx p:after,
.product-detail-box .link .a-zx div:after{ content: ""; position: absolute; z-index: 2; left:50%; margin-left: -3px; bottom: -6px; height:0; width: 0; border-top:6px solid #c82329; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.product-detail-box .link .a-zx:hover p{ display: block; }
.product-detail-box .link .a-zx div.show{ display: block; }
.product-detail-box .link .a-down{ background: #044f9f;}
.product-detail-box .link .a-down i{ background-image: url(../images/product/ico_down.png);}
.product-detail-box .text{ padding:50px 10% 0;}
.product-detail-box .tip{ margin-top:30px; position: relative; padding-left: 105px; font-size: 14px; line-height: 36px; text-align: justify;}
.product-detail-box .tip:first-child{ margin-top: 0;}
.product-detail-box .tip .span-tit{ position: absolute; top:0; left:0; font-size: 16px; color: #c82329;}
.product-detail-box .tip .p-ico{ position: relative; padding-left: 28px;}
.product-detail-box .tip .p-ico:before{ content: ""; position: absolute; top:14px; left:0; width: 0; height: 0; border-left:5px solid #666666;  border-bottom: 4px solid transparent; border-top: 4px solid transparent;}

.product-detail-info{ margin-top: 100px;}
.product-detail-info .tab{ text-align: center;}
.product-detail-info .tab span{ display: inline-block; font-size: 18px; line-height: 36px; margin: 0 40px; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0);}
.product-detail-info .tab span.active,
.product-detail-info .tab span:hover{ border-bottom: 1px solid #d82128; color: #d82128;}
.product-detail-info .js-tab-box{ margin-top: 90px;}
.product-detail-info .js-tab-con{ display: none; line-height: 30px; text-align: center;}
.product-detail-info .js-tab-con.active{ display:block; }
.product-detail-info .js-tab-con table{ margin:0 auto;width: 100%; background: #e9f7fc;font-size: 12px;}
.product-detail-info .js-tab-con table td{ padding: 10px;background: #e9f7fc; border: 1px solid #d7d7d7;}
.product-detail-info .js-tab-con .con{ text-align: left; width: 100%; max-width:1000px; display: inline-block; }
.product-detail-info .blue{ background: #b8e5fa; }

.recommend-product{ padding: 75px 0;}
.recommend-product .more{ text-align: center;}
.recommend-product .a-search-link{ display: inline-block; padding: 0 30px 0 75px; font-size: 16px; background: #d82128; color: #FFFFFF; line-height: 40px; position:relative;}
.recommend-product .a-search-link i{ position: absolute; left:32px; top:50%; margin-top: -13px; display:block; width: 26px; height: 26px; background: url(../images/ico_search_more.png);}
.recommend-product .a-search-link:hover i{ transform: translateX(10px); -webkit-transform: translateX(10px); }

@media (max-width:1500px) {

	.product-list li .text p{ font-size: 14px; }
	.product-list li .text div{ font-size: 12px; }

	.product-detail-box .title{ font-size: 20px; }
	.product-detail-box .tip{ font-size: 12px; }
	.product-detail-info .tab span{ font-size: 16px; }
}


@media (max-width:999px) {
	/* ========== */
	/* = PRODUCT = */
	/* ========== */

	.search{  padding: 0.7rem 0;}
	.search-div{ height:42px; border-radius:21px;padding-right:74px;}
	.search-div .in{ font-size: 14px; height: 40px; line-height: 20px; padding:10px 0 10px 20px;}
	.search-div .button{ width:74px; height:40px;}

	.ny-sub-product .container2{ display: block; text-align:left;}
	.ny-sub-product .container2 a{ min-width:30%; margin: 0 1% 2%; text-align: center;}
	.product-fl{ padding: 0.5rem 0; }
	.product-fl .content{ padding-left:1.33333333rem;}
	.product-fl span{ font-size: 0.4rem; line-height: 0.6rem; }
	.product-fl a{ margin-right: 0.2rem; margin-bottom: 0.2rem; padding: 0 0.4rem; font-size:0.32rem; }
	.product{ padding:0.3rem 0 1rem;}
	.product-list{ padding-bottom:1rem;}
	.product-list li{ margin-top: 0.5rem; width:100%; margin-right:0%;}
	.product-list li .img span{ margin-top: -0.3rem; margin-top: -0.3rem; width: 0.6rem; height: 0.6rem;}
	.product-list li .img img{ width: 100%;}
	.product-list li .text{ padding: 0.5rem;}
	.product-list li .text p{ font-size: 0.32rem;}
	.product-list li .text div{ margin-top:0.3rem; font-size: 0.3rem;}
	
	/* ========== */
	/* = PRODUCT-DETAIL = */
	/* ========== */
	.product-detail{ padding:1rem 0;}
	.product-detail-box .img{width: 100%;}
	.product-detail-box .right{width: 100%; padding-top:0.8rem;}
	.product-detail-box .tit{ padding:0 0 0.66666666rem; padding-right: 0; }
	.product-detail-box .title{ font-size:0.5rem;}
	.product-detail-box .title span{ font-size: 0.3rem;}
	.product-detail-box .link{ margin-top: 0.8rem; position: relative; top:auto; right:auto;}
	.product-detail-box .link a{ margin-right: 10px; width:120px; padding-left:45px; }
	.product-detail-box .link a i{ left:17px;}
	.product-detail-box .link .a-zx p,
	.product-detail-box .link .a-zx div{ left:0; margin-left: 0; }
	.product-detail-box .link .a-zx:hover p{ display: none; }
	.product-detail-box .text{ padding:0.66666666rem 0 0;}
	.product-detail-box .tip{ padding-left: 0; font-size:0.32rem; line-height:0.64rem;}
	.product-detail-box .tip .span-tit{ position: relative; top:auto; left:auto; font-size:0.4rem; display: block; margin-bottom: 0.4rem;}
	.product-detail-box .tip .p-ico{ padding-left:0.53333333rem;}
	.product-detail-box .tip .p-ico:before{ top:0.24rem; border-left:0.12rem solid #666666;  border-bottom: 0.1rem solid transparent; border-top: 0.1rem solid transparent;}
	
	.product-detail-info{ margin-top:1rem;}
	.product-detail-info .tab{ display: block; text-align: left;}
	.product-detail-info .tab span{ float: left; min-width:25%; margin: 0 4% 2%; text-align: center; font-size: 0.34rem; line-height: 0.7rem;}
	.product-detail-info .js-tab-box{ margin-top:0.6rem; }
	.product-detail-info .js-tab-con{  overflow-x:auto;  }
	.product-detail-info .js-tab-con .con{ min-width: 0; width: 100%; }
	
	.recommend-product{ padding:1rem 0;}
	
}









/* ========== */
/* = INDUSTRY = */
/* ========== */
.industry{ padding:80px 0;}
.industry-tab{ margin-top: 70px; text-align: center;}
.industry-tab a{ margin: 0 70px; display: inline-block; padding-bottom: 10px; color: #999999; text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,0); font-size: 18px;}
.industry-tab a span{ font-size: 12px;}
.industry-tab a i{ font-style: normal; margin: 0 10px; font-size: 12px;}
.industry-tab a.active{ color: #d62128; border-bottom:1px solid #d62128;}

.industry-fl{ margin-top: 40px; padding: 50px 0 40px; background: #fcfcfc;}
.industry-fl .content{  padding-left: 120px; position:relative;}
.industry-fl span{ position:absolute; top:0; left:0; font-size: 18px;  color: #c82329; line-height:28px; }
.industry-fl a{ float: left; display: inline-block;  margin-bottom:20px;  margin-right:20px; border:1px solid #e7e7e7; line-height: 26px; color: #999999; padding: 0 40px; border-radius: 15px; min-width: 120px; text-align: center;}
.industry-fl a.active{ color: #333333; border:1px solid #eaeaea;}

.industry-list{ margin-top: 50px;}
.industry-list li{ margin-bottom: 20px; float: left; width: 32.3333%; margin-right:1.5%;}
.industry-list li:nth-child(3n){ margin-right:0;}
.industry-list li .box{ position: relative; display:block; overflow: hidden;}
.industry-list li .box img{ width: 100%;}
.industry-list li .box .text{ position: absolute; bottom: 0; left:0; width: 100%; height: 0%; background: rgba(255,255,255,.88);  display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center; overflow: hidden;}
.industry-list li .box .text div{ width: 100%; text-align: center;}   
.industry-list li .box .text span{ display: block; color: #333333; font-size: 16px;}
.industry-list li .box .text p{ margin-top: 18px; font-size: 14px; color: #d62128;}
.industry-list li .box:hover .text{ height: 100%;}
.industry-list li .box:hover img{ transform: scale(1.1); -webkit-transform:scale(1.1);}

.industry .more{ margin:20px auto 0; display: block; width: 230px; line-height:50px; padding-left: 60px; position:relative;background-color: #d82128; color: #FFFFFF; font-size: 20px; letter-spacing: 1px;} 
.industry .more i{ position: absolute; top:50%; right:40px; margin-top: -12px; width: 24px; height: 24px; background-image: url(../images/industry/ico_more.png);  background-size: cover;}


/* ========== */
/* = CUSTOMER = */
/* ========== */
.customer-line{ margin-top: 50px; border-top: 1px solid #e5e5e5;}
.customer-list{ padding:50px 0 35px; margin: 0 -15px;}
.customer-list li{float: left; width: 33.3333%; padding: 15px;}
.customer-list li:nth-child(3n+1){ clear:both;}
.customer-list li .box{ background: #FFFFFF; padding:28px 5% 48px; text-align: center;}
.customer-list li p{ margin-top: 20px; display: inline-block; position: relative; font-size:16px; line-height: 20px; padding-left: 20px;}
.customer-list li p:before{ content: ""; position: absolute; top:50%; margin-top: -8px; left:0; width: 1px; height: 16px; background: #666666;}


@media (max-width:999px) {
	/* ========== */
	/* = INDUSTRY = */
	/* ========== */
	.industry{ padding:1rem 0; }
	.industry-tab{ margin-top:1rem;}
	.industry-tab a{ margin: 0 0.53333333rem; font-size: 0.34rem;}
	.industry-tab a span,
	.industry-tab a i{display: none;}
	
	.industry-fl{ margin-top:0.8rem;  padding: 0.666666rem 0  0.4rem; }
	.industry-fl .content{ padding-left:1.8rem; }
	.industry-fl span{ font-size:0.32rem; }
	.industry-fl a{ margin-bottom:0.26666666rem; margin-right: 0.26666666rem; font-size: 0.32rem; min-width:2rem; padding: 0 0.26666666rem;}
	
	.industry-list{ margin-top:0.7rem;}
	.industry-list li,
	.industry-list li:nth-child(3n){ margin-bottom:0.4rem;  width: 49%; margin-right:2%;}

	.industry-list li:nth-child(2n){ margin-right:0; }

	.industry-list li .box .text{ height: 100%; display: none;}
	.industry-list li .box .text span{ font-size: 0.32rem;}
	.industry-list li .box .text p{ font-size: 0.3rem;}
	.industry-list li .box.active .text{ display: flex;}
	
	.industry .more{  width:2.6rem; line-height: 0.93333333rem; padding-left:0.5rem; font-size: 0.3rem;} 
	.industry .more i{ width: 0.4rem; height: 0.4rem; margin-top: -0.2rem; right:0.26666666rem;}
	
	
	/* ========== */
	/* = CUSTOMER = */
	/* ========== */
	.customer-line{ margin-top:1rem;}
	.customer-list{ padding:1rem 0 0.6rem; margin: 0 -0.1rem;}
	.customer-list li{ padding:0.2rem; width: 50%;}
	.customer-list li:nth-child(3n+1){ clear: initial;}
	.customer-list li:nth-child(2n+1){ clear: both;}
	.customer-list li .box{ background: #FFFFFF; padding:0.4rem 0.26666666rem 0.4rem;}
	.customer-list li img{  width:1.6rem;}
	.customer-list li p{ margin-top:0.2rem; font-size:0.32rem; line-height: 0.56rem; padding-left: 0;}
	.customer-list li p:before{ display: none;}
	
}






/* ========== */
/* = AFTER-SERVICE = */
/* ========== */
.after-service{ padding-top: 100px;}
.after-service .text{ margin-top: 50px; font-size:18px; line-height:56px; text-align: center;}
.after-service .text span{ font-weight: bold;}
.after-service .img{ margin-top: 80px;}
.after-service .img img{ width: 100%;}

.after-service-map{ margin-top: -200px; padding: 350px 0 130px; background-image: url(../images/service/after_service_bg.jpg); background-color: #fcfcfc;}
.after-service-map .content{  display: flex; justify-content: space-between; -webkit-justify-content: space-between;  align-items:center; -webkit-align-items:center;}
.after-service-map .img{ width: 50%; position:relative; text-align: center;}
.after-service-map .img .tel{ margin-bottom: 20px;}
.after-service-map .img .tel img{ display: inline-block; vertical-align: middle;}
.after-service-map .img .tel span{ color: #c82329; font-size: 30px; font-weight: bold; margin-left: 10px; display: inline-block; vertical-align: middle;}
.after-service-map .text{ width: 42%; padding-top:9%;}
.after-service-map .text p{ margin-bottom:40px; line-height: 30px;}
.after-service-map .text span{ float: left; width: 33%; display: block; position: relative; padding-left: 50px; font-size: 18px;}
.after-service-map .text span:before{ content: ""; position: absolute; top:50%; margin-top: -15px; left:0; width:30px; height: 30px; background-size: cover;}
.after-service-map .text .span-02{ width:30%;}
.after-service-map .text .span-03{ width:37%;}
.after-service-map .text .span-01:before{ background-image: url(../images/service/ico_address.png);}
.after-service-map .text .span-02:before{ background-image: url(../images/service/ico_user.png);}
.after-service-map .text .span-03:before{ background-image: url(../images/service/ico_phone.png);}

/* ========== */
/* = DESIGN = */
/* ========== */
.design{ padding: 100px 0 110px;}
.design ul{ margin-top: 65px;}
.design li{ display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.design li .img{ width: 50%;}
.design li .text{ width: 50%; padding:10px 4% 10px 3%; text-align: left;}
.design li:nth-child(2n) .text{ padding: 10px 3% 10px 4%;}
.design li:nth-child(2n) .mb-block{ display: block;}
.design li:nth-child(2n) .pc-block{ display: none;}
.design li .text .tit span{ display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; letter-spacing: 2px; color: #c82329;}
.design li .text .des{ margin-top: 40px; font-size: 16px; line-height:38px; text-align:justify;}

@media (max-width:1440px) {
	.design li .text .des{ margin-top: 30px; font-size: 15px; line-height: 32px;}
}

/* ========== */
/* = machining = */
/* ========== */
.machining-box{ padding: 70px 0 105px; background: #fcfcfc;}
.machining-box .content{  display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.machining-box .content .text{ width: 40%; text-align: left;}
.machining-box .content .text .ny-theme{ text-align: left;}
.machining-box .content .text .des{ margin-top:10%; font-size: 16px; line-height: 50px; text-align:justify;}
.machining-box .content .text .tip{ margin-top: 14%; max-width:550px; line-height:30px; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.machining-box .content .text .tip span{ position: relative; padding-left: 40px; line-height: 30px; font-size: 16px; color: #d82128;}
.machining-box .content .text .tip span:before{ content: ""; position: absolute; top: 0; left:0; background-image: url(../images/service/ico_right.png); width: 30px; height: 30px; background-size:cover;}
.machining-box .content .img{ width: 53%; max-width:740px;}
.machining-box .content .img img{ width: 100%;}

.machining-content{ padding:80px 0 105px;}
.machining-content .icodiv{ margin: 70px auto 20px; max-width:950px;  display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.machining-content .icodiv div span{ display: inline-block; vertical-align: middle; font-size: 16px; margin-left: 13px;}
.machining-content .icodiv div img{ display: inline-block; vertical-align: middle;}
.machining-list li{ margin-top: 40px; float: left; width: 49%; margin-right:2%;}
.machining-list li:nth-child(2n){ margin-right: 0;}
.machining-list li .box{ position: relative; overflow: hidden; cursor: pointer;}
.machining-list li .box>img{ width: 100%;}
.machining-list li .box .tit{ position: absolute; z-index: 1; bottom:0; left:0; width: 100%; background: #d73339; color: #FFFFFF; font-size: 18px; line-height: 60px; padding: 0 45px;}
.machining-list li .box .tit span{ display: inline-block; vertical-align: middle;}
.machining-list li .box .text{ position: absolute; bottom: 0; right:0; width: 100%; height:0; overflow: hidden; background: rgba(153,153,153,.92); color: #FFFFFF; display: flex;  display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center; padding:0 50px;}
.machining-list li .box .text .tip{ width: 100%;}
.machining-list li .box .text .tip span{ display: inline-block; vertical-align: middle; margin-right:34px; padding-left: 35px;  line-height: 30px; font-size: 16px; position: relative;}
.machining-list li .box .text .tip span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-image: url(../images/service/ico_right_white.png); background-size: cover;}
.machining-list li .box .text .des{ margin-top:5%; width: 100%; line-height: 60px; font-size: 16px;}
.machining-list li .box:hover>img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.machining-list li .box:hover .text{ height: 100%;}


/* ========== */
/* = TESTING = */
/* ========== */
.testing-box{ padding: 85px 0;}
.testing-box .container2{  display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.testing-box .container2 .left{ width: 40%; text-align: left;}
.testing-box .container2 .left .ny-theme{ text-align: left; position: relative;}
.testing-box .container2 .left .ny-theme .a-zx{ position:absolute; top:50%; margin-top: -17px; right:0; display: inline-block; padding-left:54px; width: 134px; line-height: 34px; color: #FFFFFF;}
.testing-box .container2 .left .ny-theme .a-zx i{ position: absolute; top:50%; left:25px; margin-top: -10px; width: 20px; height: 20px; background-size:cover;}
.testing-box .container2 .left .ny-theme .a-zx{ cursor: pointer; background: #c82329; }
.testing-box .container2 .left .ny-theme .a-zx i{ background-image: url(../images/product/ico_zx.png);}
.testing-box .container2 .left .ny-theme .a-zx p,
.testing-box .container2 .left .ny-theme .a-zx div{ display: none; position: absolute; bottom: 45px; left:50%; margin-left: -95px; width:190px; font-size: 16px; background: #c82329; color: #fff; line-height: 30px; text-align: center; }
.testing-box .container2 .left .ny-theme .a-zx p:after,
.testing-box .container2 .left .ny-theme .a-zx div:after{ content: ""; position: absolute; z-index: 2; left:50%; margin-left: -3px; bottom: -6px; height:0; width: 0; border-top:6px solid #c82329; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.testing-box .container2 .left .ny-theme .a-zx:hover p{ display: block; }
.testing-box .container2 .left .ny-theme .a-zx div.show{ display: block; }
.testing-box .container2 .left .text{ text-align: justify; font-size: 16px; line-height: 40px; margin-top:7%;}
.testing-box .container2 .left .tip{ margin-top: 5%;}
.testing-box .container2 .left .tip span{ width:39%; max-width: 185px; display: inline-block; position:relative; padding-left: 40px; font-size: 16px; color: #d82128; line-height:30px;}
.testing-box .container2 .left .tip span:before{ content: ""; position: absolute; top: 0; left:0; background-image: url(../images/service/ico_right.png); width: 30px; height: 30px; background-size:cover;}
.testing-box .container2 .right{ width: 57%; max-width: 740px;}

.testing-safe{ padding: 100px 0; background: #fcfcfc;}
.testing-safe .tab{ margin-top: 65px; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center; }
.testing-safe .tab span{ display: inline-block; line-height: 40px; border-bottom: 1px solid #fcfcfc; color: #999999; font-size: 18px; cursor:pointer;}
.testing-safe .tab span i{ font-style:normal; font-size: 12px; text-transform: uppercase; margin-left: 10px;}
.testing-safe .tab span.active{ border-bottom: 1px solid #d82128; color: #d82128;}
.testing-safe .js-tab-box{ margin-top: 40px;}
.testing-safe .js-tab-con{ display: none;}
.testing-safe .js-tab-con.active{ display: block;}
.testing-safe ul{ margin:40px -11px 0;}
.testing-safe li{ padding: 11px; float: left; width:50%;}
.testing-safe li .box{ position: relative;}
.testing-safe li .box .img{ overflow: hidden; }
.testing-safe li .box .img img{ width: 100%;}
.testing-safe li .box .tit{ position: absolute; z-index: 1; bottom:0; left:0; width: 100%; background: #d73339; color: #FFFFFF; font-size: 18px; line-height: 60px; padding: 0 45px;}
.testing-safe li .box .tit span{ display: inline-block; vertical-align: middle;}
.testing-safe li .box .text{ position: absolute; bottom: 0; right:0; width: 100%; height:0; overflow: hidden; background: rgba(153,153,153,.92); color: #FFFFFF; display: flex;  display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center; padding:0 40px;}
.testing-safe li .box .text .des{ width: 100%; line-height:28px; font-size: 14px;}
.testing-safe li .box:hover  .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.testing-safe li .box:hover .text{ height: 100%; padding-bottom: 40px;}



@media (max-width:1500px) {
	.after-service .text{ font-size: 16px; line-height: 48px;}
	.after-service-map .text span{ font-size: 16px; }


	.machining-box .content .text .des{ font-size: 13px; line-height:26px; }
	.machining-box .content .text .tip span{ font-size: 14px; }
	.machining-list li .box .tit{ font-size: 15px; line-height: 50px; }

	.testing-box .container2 .left .text{ font-size: 14px; line-height: 32px; }
	.testing-safe li .box .tit{ font-size: 16px; line-height: 50px; }


}



@media (max-width:999px) {
	
	/* ========== */
	/* = AFTER-SERVICE = */
	/* ========== */
	.after-service{ padding-top: 1rem;}
	.after-service .text{ margin-top: 0.6rem; font-size:0.28rem; line-height:0.7rem;}
	.after-service .text span{ font-size:0.3rem; }
	.after-service .img{ margin-top: 0.6rem;}
	
	.after-service-map{ margin-top: 0; padding: 1rem 0;}
	.after-service-map .content{ margin-top: 0.6rem; display: block;}
	.after-service-map .img{ width: 100%;}
	.after-service-map .img .tel img{ width: 0.7rem;}
	.after-service-map .img .tel span{ font-size: 0.42rem; margin-left: 0.2rem;}
	.after-service-map .text{ width: 100%; padding-left: 0.2rem;}
	.after-service-map .text p{ line-height: 0.53333333rem; margin:0.4rem 0; }
	.after-service-map .text span,
	.after-service-map .text .span-03{ padding-left: 0.7rem; font-size:0.32rem; display: inline-block;}
	.after-service-map .text span:before{ width: 0.5rem; height: 0.5rem; margin-top: -0.25rem;}

	
	/* ========== */
	/* = DESIGN = */
	/* ========== */
	.design{ padding:1rem 0;}
	.design ul{ margin-top:0.8rem;}
	.design li{ margin-bottom: 0.66666666rem; display: block; }
	.design li .img{ width:100%;}
	.design li .text,
	.design li:nth-child(2n) .text{ width: 100%; padding:0.4rem;}
	.design li .text .tit { text-align: center;}
	.design li .text .tit span{  font-size: 0.44rem; letter-spacing:0.02666666rem;}
	.design li .text .des{ margin-top:0.53333333rem; font-size: 0.32rem; line-height: 0.64rem;}
	
	
	/* ========== */
	/* = machining = */
	/* ========== */
	.machining-box{ padding:1rem 0;}
	.machining-box .content{  display: block;}
	.machining-box .content .text{ width:100%;}
	.machining-box .content .text .ny-theme{ text-align: center;}
	.machining-box .content .text .des{ margin-top:0.5rem; font-size: 0.32rem; line-height: 0.64rem;}
	.machining-box .content .text .tip{ margin-top:0.5rem;}
	.machining-box .content .text .tip span{ font-size: 0.32rem; line-height: 0.64rem; padding-left: 0.62rem;}
	.machining-box .content .text .tip span:before{ top:0.05rem;  width: 0.54rem; height: 0.54rem;}
	.machining-box .content .img{margin-top:0.65rem; width: 100%;}
	
	
	.machining-content{ padding:1rem 0;}
	.machining-content .icodiv{ margin-top: 0.5rem; text-align: center;}
	.machining-content .icodiv div span{ margin-top: 0.2rem; display: block; font-size: 0.32rem; margin-left: 0;}
	.machining-content .icodiv div img{ width: 0.9rem; }
	.machining-list li{ width: 100%; margin-right: 0;}
	.machining-list li:nth-child(2n){ margin-right: 0;}
	.machining-list li .box .tit{ padding: 0 0.4rem;  line-height:0.8rem; font-size: 0.32rem;}
	.machining-list li .box .text{ padding: 0 0.4rem; height: 100%; display: none;}
	.machining-list li .box .text .tip span{ margin-right: 0.22rem; font-size: 0.32rem; line-height: 0.6rem;  padding-left:0.53333333rem;}
	.machining-list li .box .text .tip span:before{  width: 0.5rem; height: 0.5rem; top:0.05rem;}
	.machining-list li .box .text .des{ margin-top: 0.4rem; line-height:0.7rem; font-size: 0.32rem;}
	.machining-list li .box.active .text{ display: flex;}
	
	/* ========== */
	/* = TESTING = */
	/* ========== */
	.testing-box{ padding:1rem 0;}
	.testing-box .container2{ display: block;}
	.testing-box .container2 .left{ width: 100%;}
	.testing-box .container2 .left .text{ line-height:0.7rem; font-size: 0.32rem;} 
	.testing-box .container2 .left .tip span{ font-size: 0.32rem; line-height: 0.5rem; padding-left: 0.7rem;}
	.testing-box .container2 .left .tip span:before{  width: 0.5rem; height: 0.5rem;}
	.testing-box .container2 .right{ margin-top: 0.8rem; width: 100%;}
	
	.testing-safe{ padding: 1rem 0;}
	.testing-safe .tab{ margin-top: 0.53333333rem; }
	.testing-safe .tab span{ font-size: 0.32rem; line-height: 0.6rem;}
	.testing-safe .tab span i{ display: none;}
	.testing-safe ul{ margin:0.7rem 0 0;}
	.testing-safe li{ padding:0.18rem 0; width: 100%;}
	.testing-safe li .box .tit{ padding: 0 0.4rem;  line-height:0.8rem; font-size: 0.32rem;}
	.testing-safe li .box .text{ height: 100%; display:none; padding: 0 0.3rem;}
	.testing-safe li .box .text .des{  line-height:0.4rem; font-size: 0.24rem;}
	.testing-safe li .box.active .text{ display: flex;}
	
}





/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 80px 0; border-top: 1px solid #e5e5e5;}
.news-list li{ margin-bottom: 108px;}
.news-list li a{ display:block; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.news-list li .img{ width: 47%; overflow: hidden;}
.news-list li .img img{ width: 100%;}
.news-list li .text{ width: 47%;}
.news-list li .text span{ display:inline-block; line-height: 34px; padding: 0 12px; background: #d82128; color: #FFFFFF; font-size: 20px;}
.news-list li .text .tit{  margin-top: 35px; font-size: 18px;}
.news-list li .text .date{ margin-top: 20px; padding-bottom: 25px; line-height:22px; padding-left:30px; font-size: 14px; position: relative; border-bottom: 1px solid #d82128;}
.news-list li .text .date:before{ content: ""; position: absolute; width: 20px; height: 20px; top:0; left:0; background-image:url(../images/news/ico_date.png); background-size: cover; }
.news-list li .text .des{ margin-top: 32px; line-height: 30px; height: 60px; overflow: hidden; position:relative; padding-right: 100px; }
.news-list li .text .des i{ position: absolute; top:7px; right:0; display: inline-block; background: #d82128; color: #FFFFFF; font-style: normal; padding: 0 5px; line-height: 26px;}
.news-list li a:hover .text span{ background: #044f9f;}
.news-list li a:hover .text .date{ border-bottom: 1px solid #044f9f;}
.news-list li a:hover .text .des i{ background: #044f9f;}
.news-list li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}


/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail{ padding: 75px 0 110px;}
.news-detail .title{ font-size: 24px; color: #333333; position: relative; padding-left: 30px;}
.news-detail .title:before{ content: ""; position: absolute; top:0; left:0; width: 5px; height: 100%; background: #cb2e34;}
.news-detail .source{ margin-top: 30px; position: relative; padding-right: 130px;}
.news-detail .source span{ margin-left: 30px; line-height: 20px;  min-height:20px; color: #999999; position: relative; display: inline-block; padding-left: 35px; vertical-align: middle;}
.news-detail .source span:before{ content: ""; position: absolute; top:50%; left:0; width: 20px; height: 20px; background-size: cover; margin-top: -10px;}
.news-detail .source .span-01:before{ background-image: url(../images/news/ico_date.png);}
.news-detail .source .span-02:before{ background-image: url(../images/news/ico_add.png);}
.news-detail .source .span-03:before{ background-image: url(../images/news/ico_fb.png);}
.news-detail .source .span-04:before{ background-image: url(../images/news/ico_eye.png);}
.news-detail .source .span-04{ position: absolute; top:0; right:0;}
.news-detail .detail{ margin-top:45px; border-top: 1px solid #e5e5e5; font-size: 16px; color: #888888; line-height: 30px;}
.news-detail .content{ padding: 80px 0 110px; border-bottom: 1px solid #e5e5e5;}
.news-detail .flip{ margin-top:60px; line-height: 46px; position:relative; padding-right: 250px;}
.news-detail .flip>a{ display: block;}
.news-detail .flip>a:hover{ color: #d82128;}
.news-detail .flip .share{ position: absolute; bottom: 0; right:0;}
.news-detail .flip .share a{ margin: 0 10px; display:inline-block; vertical-align: middle; width: 30px; height: 30px; opacity: .7; background-size: cover; background-position: center center;}
.news-detail .flip .share a:hover{ opacity: 1;}
.news-detail .flip .bshare-custom{ display: inline-block; vertical-align: middle;}
.news-detail .flip .share .ico-weixin{ background-image: url(../images/news/ico_weixin.png);}
.news-detail .flip .share .ico-weibo{ background-image: url(../images/news/ico_weibo.png);}
.news-detail .flip .share .ico-list{ background-image: url(../images/news/ico_return.png);}
.news-detail .flip .share span{ margin: 0 20px; display: inline-block; vertical-align: middle; font-size: 12px; color: #9c9c9c;}
#bsWXBox{ box-sizing:content-box;}


.recommend-news{ margin-top: 110px;}
.recommend-news .theme{ font-size: 26px; color: #333333; text-align:center;}
.recommend-news ul{ margin:0 -13px;}
.recommend-news li{ margin-top: 45px; float: left; width: 25%; padding: 0 13px;}
.recommend-news li .img{ overflow: hidden;}
.recommend-news li .img img{ width: 100%;}
.recommend-news li .tit{ font-size: 18px; line-height: 60px; text-align: center;}
.recommend-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.recommend-news li a:hover .tit{ color: #d82128;}



@media (max-width:999px) {
	
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news{ padding:1rem 0;}
	.news-list li{ margin-bottom: 1rem;}
	.news-list li a{ display: block;}
	.news-list li .img{ width: 100%;}
	.news-list li .text{ width: 100%;}
	.news-list li .text span{ font-size: 0.4rem;}
	.news-list li .text .tit{  margin-top: 0.4rem; font-size: 0.34rem;}
	.news-list li .text .date{ margin-top: 0.3rem; padding-bottom: 0.5rem; padding-left: 0.5rem;  font-size:0.34rem; line-height: 0.4rem;}
	.news-list li .text .date:before{ width: 0.4rem; height: 0.4rem;}
	.news-list li .text .des{ margin-top: 0.4rem; font-size: 0.32rem; line-height: 0.64rem; height: 1.28rem;}
	.news-list li .img{ margin-top: 0.4rem;}
	
	
	/* ========== */
	/* = NEWS-DETAIL = */
	/* ========== */
	.news-detail{  padding:1rem 0;}
	.news-detail .title{ font-size: 0.44rem; padding-left: 0.5rem;}
	.news-detail .source{ text-align:center; padding-right: 0;}
	.news-detail .source span{ padding-left:0.4rem; margin:0 0.2rem;}
	.news-detail .source span:before{ width:0.3rem; height: 0.3rem; margin-top:-0.15rem;}
	.news-detail .source .span-04{ position:relative; top:auto; right:auto;}
	
	.news-detail .detail{ font-size: 0.32rem; line-height: 0.6rem;}
	.news-detail .content{ padding: 1rem 0;}
	.news-detail .flip{ margin-top:1rem; padding-right: 0;}
	.news-detail .flip .share{ position: relative; bottom: auto; right:auto; width: 100%; text-align:right;}
	.news-detail .flip .share a{ width:0.44rem; height:0.44rem; margin:0 0.13333333rem;}
	.news-detail .flip .share span{ margin: 0 0.26666666rem;}
	
	.recommend-news{ margin-top:1rem;}
	.recommend-news .theme{ font-size: 0.44rem;}
	.recommend-news ul{ margin:0 -0.12rem;}
	.recommend-news li{ padding: 0 0.12rem; width: 50%; margin-top: 0.66666666rem;}
	.recommend-news li .tit{ font-size: 0.32rem; line-height:1rem;}
	
}







/* ========== */
/* = CONTACT = */
/* ========== */
.contact-box{ background-image: url(../images/contact/contact_bg.jpg); padding: 85px 0 100px;}
.contact-box .container2{ display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.contact-box .text{ width:50%;}
.contact-box .text img{ margin: 0;}
.contact-box .text ul{ padding: 75px 0 20px;}
.contact-box .text li{ float: left; width: 33.3333%; margin-top: 55px; font-size: 20px; color:#333333;}
.contact-box .text li:nth-child(4){ width:100%;}
.contact-box .text li span{ display: block; color: #d82128; margin-bottom: 15px;}
.contact-box .text li a{ color: #333;}
.contact-box .text li a:hover{ color: #000;}

@media (max-width:1400px) {
	.contact-box .text li{ font-size: 16px;}
}

.contact-box .map-box{ margin-top:75px; width: 100%; height:250px; border: 1px solid #c9c9c9; position:relative; border-radius:8px; overflow: hidden;}
.contact-box .map-box img{ max-width:1000%;}
.contact-box .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact-box .map-box .anchorBL{ display: none; }

.contact-box .form{ width: 43%; background: #FFFFFF; padding: 105px 7% 100px;}
.contact-box .form .tit { margin-bottom: 60px; text-align: center;}
.contact-box .form .tit img{ display: inline-block; vertical-align: middle;}
.contact-box .form .tit span{ margin-left: 15px; display: inline-block; vertical-align: middle; font-size: 26px; color: #333333;}
.contact-box .form .in{ margin-top: 20px; width: 100%; position: relative; height: 54px; padding-right: 70px; background: #eeeeee;}
.contact-box .form .in input,
.contact-box .form .in textarea{ width: 100%; height: 54px; line-height: 24px; padding: 15px; background: none; border: none;  font-size: 16px;}
.contact-box .form .intext{ height: auto; padding-right: 0;}
.contact-box .form .in textarea{ height: 124px;}
.contact-box .form .in span{ position: absolute; top:50%; margin-top: -15px; right:20px; width:30px; height: 30px; display: block; background-size: cover;}
.contact-box .form .in .ico-01{ background-image: url(../images/contact/ico_contact_01.png);}
.contact-box .form .in .ico-02{ background-image: url(../images/contact/ico_contact_02.png);}
.contact-box .form .in .ico-03{ background-image: url(../images/contact/ico_contact_03.png);}
.contact-box .form .button{ margin-top: 65px;}
.contact-box .form .button input{ width: 100%; height: 54px; line-height: 54px; background: #d82128; color:#FFFFFF; letter-spacing: 6px; font-size: 16px;}


.contact-innovate{ margin-top: 60px;}
.contact-innovate .content{ margin: 65px auto 0;  max-width: 1240px; }
.contact-innovate .tab {display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;; border-bottom: 1px solid #e5e5e5;}
.contact-innovate .tab span{ position: relative; line-height: 70px; font-size: 20px; cursor:pointer;}
.contact-innovate .tab span:after{ display: none; content: ""; position: absolute; bottom:-1px; left:0; width: 100%; height: 3px; background: #c82329;}
.contact-innovate .tab span.active{ color: #c82329;}
.contact-innovate .tab span.active:after{ display: block;}
.contact-innovate .js-tab-box{ margin-top: 70px;}
.contact-innovate .js-tab-con{ display: none;}
.contact-innovate .js-tab-con.active{ display: block;}
.contact-innovate .box .tit{ position: relative; font-size: 20px; padding-left:60px; line-height: 50px;}
.contact-innovate .box .tit:before{ content: ""; position: absolute; top: 50%; left:0; background-image: url(../images/contact/ico_address_gary.png); width: 40px; height: 40px; background-size: cover; margin-top: -20px;}
.contact-innovate .box .des{ margin-top: 10px; padding-left:60px; font-size: 18px; line-height:46px; color: #999999;}


.contact-info{ padding: 130px 0 90px;}
.contact-info li{ float: left; width:16.6666%; margin-top: 60px; position: relative; text-align: center;}
.contact-info li:after{ content: ""; position: absolute; right:0; top:0; width: 1px; height: 54px; background: #cdcccc;}
.contact-info li:last-child:after{ display: none;}
.contact-info li .box{ display: inline-block; text-align: left;  padding: 0 2%;}
.contact-info li .box .tit{ position: relative; font-size: 20px; line-height: 40px; color: #d82128; padding-left:40px;}
.contact-info li .box .tit .ico{ position: absolute; top:50%; left:0; width: 30px; height: 30px; margin-top: -15px; background-image: url(../images/contact/ico_address.png); background-size:cover;}
.contact-info li .box .des{ margin-top: 25px; font-size:18px; line-height:50px; }
.contact-info li .box .des p{ padding-left: 40px; position: relative;}
.contact-info li .box .des p:before{ content: ""; position: absolute; top:50%; margin-top: -15px; left:0px; width: 30px; height: 30px; display: block; background-size: cover;}
.contact-info li .box .des p:nth-child(1):before{ background-image: url(../images/contact/ico_contact_01.png);}
.contact-info li .box .des p:nth-child(2):before{ background-image: url(../images/contact/ico_contact_04.png);}



/* ========== */
/* = JOIN = */
/* ========== */
.join{ padding: 80px 0;}
.join-list{ margin-top:55px;}
.join-list li .tit{ cursor: pointer; background: #FFFFFF; border-bottom: 1px solid #eeeeee; font-size: 0; padding:0 7%;}
.join-list li .tit span{ padding: 25px 5px 25px 0; width:12%; text-align: center; font-size: 14px; color: #333333; display:inline-block; vertical-align: middle;}
.join-list li .top-tit{ cursor:auto; border: none; background:#d72128;}
.join-list li .top-tit span{  padding:18px 2px; font-size: 18px; color: #FFFFFF;}
.join-list li .tit .span-1{ width:33%; text-align: left;}
.join-list li .tit .span-5{ width: 18%;}
.join-list li .tit .span-6{ padding: 0;}
.join-list li .tit .span-6 i{ display:inline-block; width: 20px; height:20px; background-image: url(../images/contact/join_down.png); background-size: cover;}
.join-list li .con{ display: none; padding:0 7% 40px; line-height:28px; color: #999999; border-bottom:1px solid #eeeeee;}
.join-list li .con .tip{ padding-bottom:5px; padding-top: 40px; color: #333333; font-size: 16px;}
.join-list li .con .tip2{ padding-top:45px;  }
.join-list li .con .mail-text{ color: #d72128; font-size:20px;}
.join-list li .con .mail-text:hover{ text-decoration:underline !important;}
.join-list li.active .tit{ border-bottom: 1px solid #d72128;}
.join-list li.active .tit span{ color: #d72128; }
.join-list li.active .top-tit span{ color: #FFFFFF; }
.join-list li.active .span-6 i{ background-image:url(../images/contact/join_up.png);}


@media (max-width:1500px) {
	.contact-innovate .tab span{ font-size: 18px; }
	.contact-innovate .box .tit{ font-size: 18px; }
	.contact-innovate .box .des{ font-size: 16px; line-height: 40px; }


	.contact-info li .box .tit{ font-size: 18px; padding-left: 36px;}
	.contact-info li .box .des p{ font-size: 16px; line-height: 46px; padding-left: 36px; }
}


@media (max-width:999px) {
	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact-box{ padding: 1rem 0;}
	.contact-box .container2{ display: block;}
	.contact-box .text{ width:100%;}
	.contact-box .text ul{ padding: 0.5rem 0 0.26666666rem;}
	.contact-box .text li{ margin-top: 0.53333333rem; font-size: 0.3rem;}
	.contact-box .text li span{ margin-bottom: 0.26666666rem;}
	.contact-box .map-box{ margin-top: 1rem; height: 6rem; }
	
	.contact-box .form{ margin-top: 1rem; width: 100%; padding: 1rem 0.66666666rem;}
	.contact-box .form .tit { margin-bottom:0.8rem;}
	.contact-box .form .tit span{ margin-left: 0.26666666rem; font-size: 0.44rem;}
	.contact-box .form .in{ height: 1.2rem; padding-right: 1.2rem;}
	.contact-box .form .in input,
	.contact-box .form .in textarea{ height: 1.2rem; line-height: 0.8rem; padding:0.2rem 0.4rem;  font-size: 0.4rem;}
	.contact-box .form .in textarea{ height: 3rem;}
	.contact-box .form .intext{ padding-right: 0; height: auto;}
	.contact-box .form .in span{ right:0.2rem; margin-top: -0.3rem; width:0.6rem; height: 0.6rem; }
	.contact-box .form .button{ margin-top: 0.8rem;}
	.contact-box .form .button input{ height: 1.2rem; line-height: 1.2rem; letter-spacing: 0.06666666rem; font-size: 0.4rem;}
	
	
	.contact-innovate{ margin-top:1rem;}
	.contact-innovate .content{ margin-top: 1rem; display: block;}
	.contact-innovate .tab span{line-height:1.2rem; font-size:0.4rem;}
	.contact-innovate .js-tab-box{ margin-top: 0.6rem;}
	.contact-innovate .box .tit{ font-size: 0.38rem; line-height: 1rem; padding-left: 0.9rem;}
	.contact-innovate .box .tit:before{ width: 0.7rem; height: 0.7rem; margin-top: -0.35rem;}
	.contact-innovate .box .des{ padding-left: 0.9rem; font-size: 0.32rem; line-height:0.64rem}
	
	
	.contact-info{ padding: 1rem 0;}
	.contact-info li{ width: 50%; margin-top: 0.8rem;}
	.contact-info li:after{ display: none;}
	.contact-info li .box .tit{font-size: 0.4rem; line-height:0.8rem; padding-left:0.9rem;}
	.contact-info li .box .tit .ico{ width: 0.5rem; height: 0.5rem; margin-top:-0.25rem;}
	.contact-info li .box .des{ margin-top: 0.2rem; font-size:0.32rem; line-height: 0.6rem;}
	.contact-info li .box .des p{ padding-left: 0.9rem;}
	.contact-info li .box .des p:before{ width: 0.5rem; height: 0.5rem; margin-top:-0.25rem;}
	
	
	
	
	/* ========== */
	/* = JOIN = */
	/* ========== */
	.join{ padding: 1rem 0;}
	.join-list{ margin-top:1rem;}
	.join-list li{ padding-right: 0;}
	.join-list li .tit{ padding-right: 0;}	
	.join-list li .tit span{ width:21%; padding:12px 1px; font-size: 11px;}
	.join-list li .tit .span-1{ width:35%; margin-right: 0;}
	.join-list li .tit .span-2,
	.join-list li .tit .span-3{ display: none;}
	.join-list li .con{ padding:0 20px 20px; font-size:12px; line-height: 26px;}
	.join-list li .con .tip{ padding-top: 20px; font-size: 14px;}
	.join-list li .con .tip2{ font-size: 14px; }
	.join-list li .con .mail-text{ display:block; font-size: 16px;}
	
}





.download{ padding: 5% 0;}
.download-list{ text-align: left;}
.download-list li{  padding: 40px 0 20px; float: left; width: 47%; margin-right:6%; border-bottom: 1px dashed #cad2da;}
.download-list li:nth-child(2n){ margin-right: 0;}
.download-list li a{ display: block; position: relative;  line-height: 40px; padding-left: 52px; padding-right: 60px; font-size: 18px; color: #1e3e6a;}
.download-list li i,
.download-list li em{ position: absolute; top:0; left:0; top:0; display: block; width: 40px; height: 40px; background-size: cover;}
.download-list li .ico-01{ background-image: url(../images/download_ico_01.png);}
.download-list li .ico-02{ background-image: url(../images/download_ico_02.png);}
.download-list li .ico-03{ background-image: url(../images/download_ico_03.png);}
.download-list li em{ right: 0; left:auto; background-image: url(../images/download_down.png);}

@media (max-width:999px) {
	.download-list{ margin: 0.53333333rem 0 0.8rem; padding-top: 0.66666666rem; }
	.download-list li{  padding:0.6rem 0 0.4rem; width: 100%; margin-right:0; }
	.download-list li a{ line-height: 0.53333333rem; padding-left:0.72rem; padding-right: 0.9rem; font-size:0.34rem;}
	.download-list li i,
	.download-list li em{ width: 0.53333333rem; height: 0.53333333rem;}
	.download-list li .hot{ margin-left:0.13333333rem; line-height:0.4rem; border-radius: 0.2rem; font-size: 0.20rem; padding: 0 0.15rem;}
	
	
}