.ny_header_area{background-color:rgba(255,255,255,0.8);}
.main{width:100%; overflow:hidden}

/**nybanner**/
.ny-banner{width:100%; position:relative; height:600px; min-height:600px; background-size:100%; display:none}
.ny-banner .textDiv{width:100%; padding-top:15%}
.ny-banner .textDiv span{display: block; font-size: 2.5vw; font-weight: bold; color:#002666}
.ny-banner .textDiv p{font-size:14px; margin: 10px 0 0; color:#666}
.ny-banner .textDiv p a{ color:#666}
.ny-banner .textDiv_f span,.ny-banner .textDiv_f p,.ny-banner .textDiv_f p a{color:#fff}
@media (max-width:1380px) {
.ny-banner{height:400px;min-height:400px;}
}
@media (max-width:1024px) {
.ny-banner{height:300px;min-height:300px;}
}
@media (max-width:992px) {
.ny-banner{height:200px;min-height:200px;}
.ny-banner .textDiv{display:none}
}
@media (max-width:540px) {
.main{margin-top:100px}
.ny-banner{height:150px; min-height:150px;}
}



/**面包屑**/
.bread-box{background: #f8f8f8; overflow:hidden; height:70px; line-height:70px;  margin-top:140px}
.bread-box span{ display:block; float:left; text-transform:uppercase; color:#222; font-weight:bold; font-size:24px; display:none}
.bread-box p{ display:block; float:left; color:#666; font-size:14px; height:70px; line-height:70px; }
.bread-box p i{font-family:"iconfont"!important; font-style: normal; margin-right:8px; color:#999; font-size:18px}
.bread-box p a{color:#666; font-weight:normal; font-size:14px;}
.bread-box p a:hover{color:#222;}
.bread-box font{color:#222;}

/**内页**/
.ny_box{width:100%; overflow:hidden; margin: 0 auto;  padding:60px 0;}
.ny_right{overflow:hidden; width:77%; float:right}
.ny_right02{overflow:hidden; width:100%;}

/**内页导航**/
#new_pro_menu{width:100%; margin-bottom:20px; }
#new_pro_menu .categoryDiv .bd li{background:#f8f8f8;  margin-bottom:10px; width:19.25%; float:left; margin-right:.925%; position:relative; z-index:10}
#new_pro_menu .categoryDiv .bd li:nth-child(5n){margin-right:0px;}
#new_pro_menu .categoryDiv .bd li ul{position:absolute; opacity:0; top:60px; left:0; overflow:hidden; z-index:100; width:100%;}
#new_pro_menu .categoryDiv .bd li:hover ul{opacity:0;}
#new_pro_menu .categoryDiv .bd li ul li{width:100%; height:40px; line-height:40px; background:#666; margin-bottom:1px; z-index:100}
#new_pro_menu .categoryDiv .bd li ul li a{ color:#FFF; z-index:100}


.twoMenuDiv{width:20%; float:left}
.twoMenuDiv .categoryDiv .hd{ display:none;}
.twoMenuDiv .categoryDiv .bd li{background:#f8f8f8;  margin-bottom:10px;}
.twoMenuDiv .categoryDiv .bd li a{color:#444; display:block; height:60px; line-height:60px; padding-left:20px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) 95%, #d5be9c 0%); background-size: 0 100%; background-repeat: no-repeat; -moz-transition: background-size .36s cubic-bezier(0.32, 0.17, 0, 1);-o-transition: background-size .36s cubic-bezier(0.32, 0.17, 0, 1);-webkit-transition: background-size .36s cubic-bezier(0.32, 0.17, 0, 1);transition: background-size .36s cubic-bezier(0.32, 0.17, 0, 1); }
.twoMenuDiv .categoryDiv .bd li a:hover{color:#222; background-size: 100% 100%;}
.twoMenuDiv .categoryDiv .bd li a.active{color:#fff; background:#d5be9c; font-weight:bold}
.twoMenuDiv .categoryDiv .bd li a.active p,.twoMenuDiv .categoryDiv .bd li a.active i{color:#fff;}
.twoMenuDiv .categoryDiv .bd li a p{ width:80%; display:block; float:left; margin-bottom:0; font-size:16px; height:60px; line-height:60px;}
.twoMenuDiv .categoryDiv .bd li a i{font-family:"iconfont"!important; font-style: normal; float:right; margin-right:5%; color:#ccc}
.twoMenuDiv .categoryDiv .bd li a:hover i{color:#aaa}
.twoMenuDiv .categoryDiv .bd li a.active i{font-weight: normal}
.twoMenuDiv .categoryDiv .bd li ul li{background:#eee; overflow:hidden; margin-bottom:0px}
.twoMenuDiv .categoryDiv .bd li ul li a{height:40px; line-height:40px; padding-left:30px; font-size:14px; color:#777; font-weight:normal}
.twoMenuDiv .categoryDiv .bd li ul li a:hover{background-size:0;}

#pro_menu ul{position:relative}
#pro_menu ul li ul {display:none;} 
#pro_menu ul li em {cursor:pointer; width:80px; height:60px; position: absolute; right:0; background: url(../images/off.png) no-repeat center;} 
#pro_menu ul li em.off {background: url(../images/open.png) no-repeat center;} 
#pro_menu ul.off { display:block; } 
@media (max-width:1600px) {	
.twoMenuDiv .categoryDiv .bd li a p{ font-size:14px}
}
@media (max-width:1380px) {	
.ny_box{padding:50px 0}
.twoMenuDiv .categoryDiv .bd li a p{}
#pro_menu ul li em{width:40px;}
}
@media (max-width:1280px) {	
.twoMenuDiv .categoryDiv .bd li a p{ font-size:13px}
}
@media (max-width:1024px) {	
.ny_box{padding:40px 0}

.twoMenuDiv .categoryDiv .bd li a{height:40px; line-height:40px; }
.twoMenuDiv .categoryDiv .bd li a p{font-size:14px; height:40px; line-height:40px;}
.twoMenuDiv .categoryDiv .bd li ul li a{ font-size:12px}
.twoMenuDiv .categoryDiv .bd li ul li a{height:30px; line-height:30px;}
#pro_menu ul li em{width:50px; height:40px;}
}
@media (max-width:992px) {	
.ny_box{padding:20px 0 40px}
.twoMenuDiv{ background:none; width:100%; margin-bottom:20px}
.twoMenuDiv .categoryDiv .hd{ display:block; text-align:center; font-size:20px; color:#FFF; background:#222; padding:15px 0; text-transform:uppercase}
.twoMenuDiv .categoryDiv .hd.on { background:#d5be9c;}
.twoMenuDiv .categoryDiv .hd i{font-family: "iconfont" !important;font-size:20px; font-style: normal; margin-left:10px}
.twoMenuDiv .categoryDiv .bd { display:none;}
.twoMenuDiv .categoryDiv .bd ul{ border:1px solid #eee; overflow:hidden; border-top:none; border-bottom:none}
.twoMenuDiv .categoryDiv .bd li{margin-bottom:0px;}
.twoMenuDiv .categoryDiv .bd ul li:last-child { border:0;}
.twoMenuDiv .categoryDiv .bd ul li a { line-height:40px; font-size:18px; width:100%; border-bottom:1px solid #eee}
.twoMenuDiv .categoryDiv .bd li a:hover,.twoMenuDiv .categoryDiv .bd li a.active{background:#d5be9c; color:#fff; border-bottom:1px solid #d5be9c}

#new_pro_menu .categoryDiv .bd li{ width:100%; margin-bottom:0px;}

.ny_right{width:100%;}
}
@media (max-width:580px) {	
.bread-box{margin-top:0}
}

/**产品展示**/
.product_pcd{width:100%; overflow:hidden; margin-bottom:10px}
.product_pcd .span{ font-size:24px; font-weight:bold; color:#d5be9c}
.product_pcd .p p{ font-size:15px; line-height:30px;}
.product_pcd .p a{ font-size:15px; color:#5024b3; text-decoration:none !important}
.product_pcd .p a:hover{color:#000}

.product_box li{ width:24%; float:left; margin-right:1.3%; margin-bottom:20px}
.product_box li:nth-child(4n){margin-right:0}
.product_box li .imgDiv{display:block; width:100%; height:310px; overflow:hidden; padding:0; position:relative}
.product_box li .imgDiv .pro{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #eee; border-bottom:none}
.product_box li .imgDiv .pro img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute;}
.product_box li .text{width:100%; padding:0 4%; line-height:25px; height:70px; overflow:hidden; border:1px solid #eee; border-top:none}
.product_box li .text p{font-size:14px; color:#333}
@media (max-width:1380px) {	
.product_box li .imgDiv{height:240px;}
.product_box li .text p{ margin-bottom:10px}
}
@media (max-width:1280px) {	
.product_box li .imgDiv{height:220px;}
}
@media (max-width:1180px) {	
.product_box li .imgDiv{height:200px;}
}
@media (max-width:1024px) {	
.product_box li .imgDiv{height:180px;}
.product_box li .text{height:50px; }
.product_box li .text p{font-size:12px; line-height:20px; text-align:center}
}
@media (max-width:992px) {	
.product_box li{ width:48%; float:left; margin:0 1% 20px;}
.product_box li .imgDiv{height:410px;}
}
@media (max-width:820px) {	
.product_box li .imgDiv{height:370px;}
}
@media (max-width:780px) {	
.product_box li .imgDiv{height:350px;}
}
@media (max-width:540px) {	
.product_box li{margin:0 1% 10px;}
.product_box li .imgDiv{height:240px;}
.product_box li .imgDiv .pro img{max-width:95%; max-height:95%;}
.product_pcd .p p{ font-size:14px; line-height:25px;}
.product_pcd .p a{ font-size:14px;}
}
@media (max-width:420px) {	
.product_box li .imgDiv{height:180px;}
.product_pcd .p{ font-size:12px; line-height:20px;}
}
@media (max-width:380px) {	
.product_box li .imgDiv{height:170px;}
}
@media (max-width:320px) {	
.product_box li .imgDiv{height:140px;}
}

/**产品详情**/
.nr_main_box{ width:100%; float:right}
.pro_detail_box01{width:100%; overflow:hidden; clear:both;}
.pro_detail_text{ float:right; width:55%; overflow:hidden}
.pro_detail_text h1{font-size:24px; line-height:30px; color:#222; font-weight:bold;}
.pro_detail_text h1:after {content:'';display:block;width:80px;height:2px;line-height:2px;background-color:#ccc;margin:20px 0 20px}
.pro_detail_text .pro_ms{margin-top:10px; clear:both; overflow:hidden;}
.pro_detail_text .pro_ms li{width:50%; overflow:hidden; float:left; height:30px; line-height:30px; border: 1px solid #eee; border-bottom:none}
.pro_detail_text .pro_ms li:nth-child(2n){ border-left:none}
.pro_detail_text .pro_ms li:last-child,.pro_detail_text .pro_ms li:nth-last-of-type(2){border-bottom:1px solid #eee}
.pro_detail_text .more{ width:35%; height:40px; line-height:40px; text-transform:capitalize; background:#222; color:#FFF; display:block; text-align:center; font-weight:normal; font-size:18px; margin-top:30px; float:left}
.pro_detail_text .more:hover{ background:#333;}
.pro_detail_text .more02{ margin-left:1%; width:35%; height:40px; line-height:40px; text-transform:uppercase; background:#d5be9c; color:#FFF; display:block; text-align:center; font-weight:normal; font-size:18px; margin-top:30px; float:left}
.pro_detail_text .more02:hover{ background:#d4b991;}


.pro_detail_text .pro_ms b{float:left; color:#222; font-weight:normal; font-size:12px; display:block;line-height:30px; padding-left:10px}
.pro_detail_text .pro_ms p{float:left; margin-bottom:0px; font-size:12px; color:#666; display:block;line-height:30px; padding:0 10px}
.pro_detail_text .fx_icon{ margin-top:30px; overflow:hidden}
.pro_detail_text .pro_dt{padding:20px 0; border-top:1px solid #dfdfdf; margin-top:10px;}
.pro_detail_text .pro_dt li{ height:40px; line-height:40px; font-size:14px; color:#666}
.pro_detail_text .pro_dt li b{font-size:24px; color:#f08200}
.pro_detail_text .pro_dt li span a{font-size:16px; color:#333}
.pro_detail_text .pro_dt li i{font-family:"iconfont" !important; font-style:normal; margin-right:10px; font-size:16px}
.pro_detail_text .pro_dt li a{color:#f08200}
.pro_detail_text .order{ display:block; width:220px; height:60px; line-height:60px; background:#f08200; text-align:center; color:#FFF; font-size:20px; border-radius:3px;}

.pro_detail_img{ float:left; width:42%; overflow:hidden; display:block; padding:0; position:relative}
.pro_detail_img .img{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro_detail_img .img img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0;}

.ny_pro_box02{ width:100%; overflow:hidden; clear:both; margin-top:40px;}
.ny_pro_box02 #con { width:100%;margin:0 auto; clear:both;}
.ny_pro_box02 #tags {height:60px;}
.ny_pro_box02 #tags li {float:left; width:25%; border-bottom:3px solid #dfdfdf; text-align:center}
.ny_pro_box02 #tags li a {color:#333; height:60px; line-height:60px; width:100%; display:block; text-align:center; font-size:18px;}
.ny_pro_box02 #tags li a p{ float:left; margin-bottom:0}
.ny_pro_box02 #tags li a i{font-family:"iconfont" !important; font-style:normal; margin-right:10px; font-size:30px; float:left; margin-left:30%}
.ny_pro_box02 #tags li:nth-child(2) a i{font-size:24px}
.ny_pro_box02 #tags li.selectTag {width:25%; position: relative; border-bottom:3px solid #002666; background:#002666}
.ny_pro_box02 #tags li.selectTag a {height:60px;line-height:60px; color:#fff; width:100%; display:block; font-weight:bold}

.ny_pro_box02 #tagContent{overflow:hidden;clear:both; width:100%; padding-top:30px}
.ny_pro_box02 .tagContent {display:none;}
.ny_pro_box02 #tagContent DIV.selectTag {display:block; overflow:hidden;}

.video_right{ width:80%}

.red_pro_boxx{ width:100%; overflow:hidden; margin-top:30px}
.red_pro_boxx .bt{background:#f8f8f8; overflow:hidden; height:60px; line-height:60px; padding-left:20px; font-size:20px; margin-bottom:20px; border-left:3px solid #d5be9c; color:#d5be9c; text-transform:uppercase; font-weight:bold}

.red_pro_box{ width:100%; overflow:hidden; margin-top:30px}
.red_pro_box li{ width:24%; margin: 0 1.25% 0 0;}
.red_pro_box li:last-child{margin-right:0}

.red_pro_box .bt{background:#f8f8f8; overflow:hidden; height:60px; line-height:60px; padding-left:20px; font-size:20px; margin-bottom:20px; border-left:3px solid #d5be9c; color:#d5be9c; text-transform:uppercase; font-weight:bold}
.red_pro_box_xq{ line-height:30px; }
.red_pro_box_xq p{color:#000 !important}
.red_pro_box_xq a{color:#5024b3; font-weight:normal; font-size:14px}
.red_pro_box_xq a:hover{color:#000;}
.red_pro_box_xq div{ margin-left:0 !important}
.red_pro_box_xq p{ margin-bottom:0}
.red_pro_box .donw_box li{margin-bottom:10px;}
.red_pro_box .form{ width:100%}
.red_pro_box .form font{ color:#F00; margin-right:5px}
.red_pro_box .form li{width:100%; list-style:none; overflow:hidden; margin-bottom:20px; position:relative}
.red_pro_box .form li label{ float:left; display:block; width:150px; text-align:right; height:40px; line-height:40px; margin-bottom:0}
.red_pro_box .form li input{ float:right; width: calc(100% - 170px); height:40px; line-height:40px; border: 1px solid #dfdfdf; padding-left:10px;}
.red_pro_box .form li .yzm{ position:absolute; right:10px; top:8px}
.red_pro_box .form li textarea{ float:right; width: calc(100% - 170px); border: 1px solid #dfdfdf; height:200px;  padding-left:10px; line-height:25px}
.red_pro_box .form .more-button{ width:20%; height:40px; line-height:40px; background:#222; float:right; color:#FFF; border:none; cursor: pointer}
.red_pro_box .form .more-button:hover{ background:#333;}
.red_pro_box .form .mail{margin-bottom:0px;}
.red_pro_box .form .yx{ padding-left:180px}
.red_pro_box .form .yx .default{color:#999; display:none}
.red_pro_box .form .yx .error{color:#F00; margin-top:10px; display:block}
.red_pro_box .form .yx .success{display:none}
.red_pro_box .form .lj{display:none}

@media (max-width:1680px) {	
.pro_detail_text{ width:56%}
.pro_detail_text .pro_ms b{padding-left:5px;}
.pro_detail_text .pro_ms p{padding:0 5px;}
}
@media (max-width:1580px) {	
.pro_detail_img{ width:40%}
.pro_detail_text{ width:59%}
.pro_detail_text .pro_ms p{padding:0 2px;}
}
@media (max-width:1480px) {	
.pro_detail_text .pro_ms b{padding-left:0;}
.pro_detail_text .pro_ms p{padding:0;}
}
@media (max-width:1380px) {	
.pro_detail_text .pro_ms b{padding-left:2px;}
}
@media (max-width:1280px) {	
.pro_detail_text{ float:none; width:100%; margin-top:20px}
.pro_detail_img{ float:none; width:100%;}
.pro_detail_text .pro_ms b{padding-left:10px;}
.pro_detail_text .pro_ms p{padding:0 5px;}
}

@media (max-width:992px) {	
.ny_pro_box02 #tags li a i{margin-left:25%}
.red_pro_box li{ width:48%;  margin: 0 1% 20px;}

.red_pro_box .form{ width:98%}
.red_pro_box .form li label{width:100px; text-align:left}
.red_pro_box .form li input{width: calc(100% - 120px);}
.red_pro_box .form li textarea{width: calc(100% - 120px);}
}
@media (max-width:540px) {
.pro_detail_img{height:360px;}	
.pro_detail_text{margin-top:0px;}	
.pro_detail_text .pro_dt li{ font-size:12px}
.pro_detail_text .pro_dt li b{ font-size:14px}
.pro_detail_text .pro_dt li span a{ font-size:14px}
.pro_detail_text .more{width:48%; margin-top:10px}
.pro_detail_text .more02{width:48%; margin-top:10px}
.red_pro_box{ margin-top:20px;}
.ny_pro_box02{ margin-top:20px}
.ny_pro_box02 #tagContent{padding-top:20px;}
.ny_pro_box02 #tags li a{line-height:40px;}
.ny_pro_box02 #tags li.selectTag a{ text-align:center; line-height:40px;}
.ny_pro_box02 #tags li a i{margin-left:0; display:block; width:100%;margin-right:0px; margin-top:10px}
.ny_pro_box02 #tags li a p{ display:block; width:100%; text-align:center; font-size:16px}
.red_pro_box .form li p{width:100%; text-align:left}
.red_pro_box .form li input, .red_pro_box .form li textarea{width:100%}
.red_pro_box .form li .yzm{top: 50px;}
.red_pro_box .form .more-button{width:100%;}

.red_pro_box_xq table{ width:100% !important;}
.red_pro_box_xq table td{padding:0 !important;}
}
@media (max-width:420px) {
.red_pro_box .bt,.red_pro_box .form li{margin-bottom:10px;}	
.pro_detail_img{height:330px;}	
}


/**产品详情图片切换**/

.pro_detail_img .swiper-container {width:100%; height:430px; overflow:hidden; padding: 0; position: relative; display: block;}
.pro_detail_img .swiper-slide{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;border-bottom:none}
.pro_detail_img .swiper-slide img{display:block; max-width:96%; max-height:96%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute;}


.pro_detail_img .swiper-button-next,.pro_detail_img .swiper-button-prev{ background-image:none}
.pro_detail_img .swiper-button-next i,.pro_detail_img .swiper-button-prev i{font-family: "iconfont" !important; font-style: normal;}
.pro_detail_img .swiper-slide {background-size:100%;background-repeat:no-repeat; background-position:center;}
 
.pro_detail_img .gallery-top{border:1px solid #eee; position:relative; width:80%; float:right}
.pro_detail_img .gallery-top i{ font-size:30px; color:#CCC}
.pro_detail_img .gallery-top i:hover{color:#002666}
.pro_detail_img .gallery-top a{ display:block; width:100%; height:100%}
.pro_detail_img .gallery-top a .video{font-family: "iconfont" !important; font-style: normal; position:absolute; bottom:5%; right:5%; font-size:100px}
.pro_detail_img .gallery-top a .video:hover{color:#CCC}
.pro_detail_img .gallery-top .swiper-button-next i,.pro_detail_img .gallery-top .swiper-button-prev i{ display:none}

.pro_detail_img .gallery-thumbs {box-sizing:border-box; width:18%; float:left}
.pro_detail_img .gallery-thumbs .swiper-wrapper{ display:block}
.pro_detail_img .gallery-thumbs .swiper-slide {width:100%; opacity:1; cursor:pointer}
.pro_detail_img .gallery-thumbs .swiper-slide-thumb-active {opacity:1;}
.pro_detail_img .gallery-thumbs i{ font-size:20px; color:#fff;}

.pro_detail_img .gallery-thumbs .swiper-button-next,.pro_detail_img .gallery-thumbs .swiper-button-prev { text-align:center; width:100%}
.pro_detail_img .gallery-thumbs .swiper-button-next {right:auto; top:410px}
.pro_detail_img .gallery-thumbs .swiper-button-prev {left:auto; top:20px}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.pro_detail_img .swiper-button-prev i{transform: rotate(90deg);}
.pro_detail_img .swiper-button-next i{transform: rotate(90deg);}

.pro_detail_img .swiper-big {opacity:0;}
.pro_detail_img .swiper-big-active {display:block !important;opacity:1 !important;}
.pro_detail_img .swiper-big {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;}
.pro_detail_img .swiper-big-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);}
.pro_detail_img .swiper-container {margin:unset;}
.pro_detail_img .swiper-big .swiper-container {margin:auto;width:80%;height:100%;}

.pro_detail_img .gallery-top2 i{ font-size:30px; color:#fff}
.pro_detail_img .gallery-top2 .swiper-slide{display:block; width:100%; height:100%; overflow:hidden; padding:0; position:relative}
.pro_detail_img .gallery-top2 .swiper-slide center{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0;}
.pro_detail_img .gallery-top2 .swiper-slide img{display:block; max-width:95%; max-height:95%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute;}
.pro_detail_img .gallery-thumbs2 {height:100px !important;box-sizing:border-box;padding:10px 0;position:absolute;bottom:0;left:0;right:0;margin:auto; display:none}
.pro_detail_img .gallery-thumbs2 .swiper-slide {width:25%;height:100%;opacity:0.4;}
.pro_detail_img .gallery-thumbs2 .swiper-slide-thumb-active {opacity:1;}
.pro_detail_img .auto-size {width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:50px; position:absolute; top:0;}
.pro_detail_img .swiper-big .close {width:40px;height:40px;border-radius:50%;color:white;line-height:40px;text-align:center;background-color:rgba(0,0,0,.8);position:absolute;right:30px;top:30px;cursor:pointer;z-index:99999999;}
.pro_detail_img .tab {height:50px;width:80%;position:absolute;bottom:100px;left:0;right:0;margin:auto;}
.pro_detail_img .tab .tab-item {width:33.3%;float:left;text-align:center;height:100%;line-height:50px;color:#a5abb2;cursor:pointer;}
.pro_detail_img .tab .tab-item-active {color:#22ac38;}
@media (max-width:1580px) {
.pro_detail_img .swiper-container{height:350px;}		
}
@media (max-width:1380px) {
.pro_detail_img .swiper-container{height:330px;}
.pro_detail_img .gallery-thumbs .swiper-button-next {top:310px}
.pro_detail_img .gallery-thumbs .swiper-slide{height:80px}
}
@media (max-width:1280px) {
.pro_detail_img .swiper-container{height:580px;}
.pro_detail_img .gallery-thumbs .swiper-button-next {top:560px}
.pro_detail_img .gallery-thumbs .swiper-slide{ height:80px}
}
@media (max-width:540px) {
.pro_detail_img .swiper-container{height:360px;}
.pro_detail_img .gallery-thumbs .swiper-button-next {top:345px}
.pro_detail_img .gallery-thumbs .swiper-slide{ height:80px}
}
@media (max-width:420px) {
.pro_detail_img .swiper-container{height:310px;}
.pro_detail_img .gallery-thumbs .swiper-button-next {top:295px}
.pro_detail_img .gallery-thumbs .swiper-slide{ height:80px}
}

/**公司概况**/
.ny_about_wz{ font-size:14px; line-height:30px; color:#333; overflow:hidden}
.ny_about_wz .video_play{float:left;}
.ny_about_wz p{text-indent:2em; margin-bottom:0}
.ny_about_wz img{ float:left; margin-right:2%; margin-bottom:5px}
@media (max-width:1400px) {
}
@media (max-width:1024px) {
}
@media (max-width:820px) {
.ny_about_wz .video_play{ width:100%; margin-bottom:20px}	
}
@media (max-width:480px) {
}
@media (max-width:380px) {	
}



/**荣誉资质**/
.honor_box{}
.honor_box li{ width:31%; float:left; margin:0 1% 30px;}
.honor_box li .imgDiv{display:block; width:100%; height:270px; overflow:hidden; padding:0; border:1px solid #dfdfdf;}
.honor_box li .imgDiv a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;  position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.honor_box li .imgDiv a img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.honor_box li .textDiv{ text-align:center; color:#666; margin-top:10px}
@media (max-width:1400px) {
.honor_box li .imgDiv{height:260px;}
}
@media (max-width:1024px) {
.honor_box li .imgDiv{height:210px;}
}
@media (max-width:780px) {
.honor_box li{ width:48%; float:left; margin:0 1% 30px;}
.honor_box li .imgDiv{height:250px;}
}
@media (max-width:480px) {
.honor_box li{margin:0 1% 20px;}
.honor_box li .imgDiv{height:140px;}
}


/**媒体中心**/
.news_box{ overflow:hidden; width:100%;}
.news_box li{max-width:100%; margin-bottom:20px; padding:0; background:#f8f8f8; overflow:hidden; height:215px}
.news_box li .imgDiv{width:30%; height:auto; overflow:hidden; float:left}
.news_box li .imgDiv img{ width:100%; height:100%}

.news_box li .textDiv{ width:54%; float:left; padding:3%}
.news_box li .textDiv .title{font-size:20px; color:#666; overflow:hidden; height:35px; line-height:35px; margin:18px 0 10px}
.news_box li .textDiv .p{ font-size:14px; color:#999; line-height:30px}

.news_box li .timeDiv{ width:16%; overflow:hidden; float:left; padding-left:2%; border-left:1px solid rgba(0,0,0,.06); margin-top:70px; }
.news_box li .timeDiv .sj{float:left; text-align:center; width:50%}
.news_box li .timeDiv .sj p{font-size:24px; font-weight:bold; color:#666}
.news_box li .timeDiv .sj span{color:#999; font-size:14px}
.news_box li .timeDiv .more{float:left; text-align:center; display:block; width:50%; height:60px; line-height:60px; color:#ddd; font-size:35px}

.news_box li:hover{ background:#d5be9c}
.news_box li:hover .timeDiv{border-left:1px solid #fff;}
.news_box li:hover .title,.news_box li:hover .p,.news_box li:hover .timeDiv .sj,.news_box li:hover .timeDiv .sj p,.news_box li:hover .timeDiv .sj span,.news_box li:hover .timeDiv .more{color:#fff;}

.news_box_new li .imgDiv{width:0%; display:none}
.news_box_new li .textDiv{width:86%;}
.news_box_new li .timeDiv{width:14%;}
@media (max-width:1380px) {
.news_box li .imgDiv{width:40%; }
.news_box li .textDiv{ width:60%;}
.news_box li .textDiv .bt{margin-bottom:10px;}
.news_box li .timeDiv{ display:none}
.news_box li .textDiv .title{font-size:18px;}

.news_box_new li .imgDiv{width:0%; display:none}
.news_box_new li .textDiv{width:82%;}
.news_box_new li .timeDiv{width:18%; display:block}
}
@media (max-width:1024px) {
.news_box li{ height:auto}
.news_box li .imgDiv{width:45%; margin-right:0}
.news_box li .textDiv{ width:55%;}
.news_box li .textDiv .more{margin-top:5px;}
.news_box li .textDiv .bt{margin-bottom:5px;}
.news_box li .textDiv .bt .title{width:calc(100% - 130px);}
.news_box li .textDiv .bt .sj{width:130px;}

.news_box_new li .imgDiv{width:0%; display:none}
.news_box_new li .textDiv{width:75%;}
.news_box_new li .timeDiv{width:25%; display:block; margin-top:30px;}
}
@media (max-width:992px) {
.news_box li .textDiv .bt{margin-bottom:0px}
.news_box li .imgDiv{width:100%; margin:0}
.news_box li .textDiv{ width:100%;}	
.news_box li .textDiv .p{margin-bottom:5px; line-height:25px}
.news_box li .textDiv .bt .title{width:calc(100% - 110px); font-size:18px}
.news_box li .textDiv .bt .sj{width:110px;}
.news_box li .textDiv{ padding-top:0}
.news_box_new li .timeDiv{display:none}
}
@media (max-width:540px) {
.news_box{margin-top:0px}
.news_box li .textDiv .bt .title{ width:calc(100% - 120px);}
.news_box li .textDiv .bt .sj{width:120px;}	
.news_box li .textDiv .more{margin-top:0;}
.news_box li .textDiv .bt .title{width:100%;}
.news_box li .textDiv .bt .sj{ display:none}
.news_box li .textDiv .more{width:100%; margin:0 auto}
.news_box li:hover .textDiv .more{width:100%;}
.news_box li .textDiv .title{margin:0;}
.news_box li .textDiv .title{font-size:16px;}
}


/**新闻详情**/
.newsDetailDiv{width:100%; overflow:hidden}
.newsDetailDiv .hdDiv{padding:0 0 15px;text-align: center;}
.newsDetailDiv .hdDiv .title{font-size:28px; color:#111; font-weight:bold;}
.newsDetailDiv .hdDiv .time{ width:100%; overflow:hidden; text-align:center; margin-top:10px; font-size:14px}
.newsDetailDiv .hdDiv span{color: #999999; display: inline-block; margin:0 10px}
.newsDetailDiv .bdDiv{border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align: center;padding: 10px 0; font-size:14px; color:#222}
.newsDetailDiv .bdDiv h3{font-size: 1.5rem;text-align: left;line-height:1.5rem;}
.newsDetailDiv .bdDiv p{margin: 0;color: #666;line-height: 2;min-height: 32px;text-align: left;}
.newsDetailDiv .bdDiv img{margin: 5px 0;}
.newsDetailDiv .otherPage{padding: 10px 0 0; font-size:14px; color:#999; display:none}
.newsDetailDiv .otherPage a{margin-top: 10px;max-width: 50%; font-size:14px; color:#999; font-weight:normal}
.newsDetailDiv .otherPage_box{ overflow:hidden; margin-bottom:30px}
.newsDetailDiv .otherPage .more{display:block; width:300px; height:50px; line-height:50px; color:#FFF; background:#d5be9c; text-align:center; margin-top:50px; margin:0 auto; text-transform:uppercase}
.newsDetailDiv .otherPage .more:hover{background:#222;}

.newsDetailDiv .bdDiv a{color:#5024b3; font-weight:normal; font-size:14px}
.newsDetailDiv .bdDiv a:hover{color:#000;}
@media (max-width:540px) {
.newsDetailDiv .otherPage .more{width:100%;}
}
.propage{width:100%; overflow:hidden; display:none}
.propage .otherPage_box{display:-webkit-box; display:-webkit-flex; display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.propage .page{ width:250px; border:1px solid #d5be9c; overflow:hidden; height:50px; line-height:50px; color:#999; font-size:14px}
.propage .page i{float:left; display:block; width:50px; height:50px; line-height:50px; background:#d5be9c; text-align:center; color:#fff; font-size:18px; margin-right:10px}
.propage .page02 { padding-left:10px}
.propage .page02 i{float:right; margin-left:10px; margin-right:0px}
.propage .page b{display:none; float:left;  font-size:14px; font-weight:normal}
.propage .page a{width:180px; overflow:hidden; display:block; color:#666; float:left;}
@media (max-width:480px) {
.propage .page{ width:190px; }
.propage .page a{ width:120px;}
}
@media (max-width:390px) {
.propage .page{ width:180px; }
.propage .page a{ width:110px;}
}
@media (max-width:380px) {
.propage .page{ width:170px; }
.propage .page a{ width:100px;}
}

/**在线留言**/
.fbform_1{margin-bottom:40px}
.fbform_1 .bt{ font-size:24px; text-transform:uppercase; color:#333}
.fbform_1 .bt02{ font-size:14px; color:#999; margin-bottom:20px}
.fbform_1 ul li{ padding-bottom:0.8em; margin-bottom:2em;float:left; width:48%; border-bottom:1px #cecfd1 solid; position:relative}
.fbform_1 ul li:nth-child(2n){float:right;}
.fbform_1 ul li p{ position:absolute; top:0; left:0; color:#F00}
.fbform_1 ul li input{font-family: "SourceHanSansCN-Normal";border:none; background:none; background-color:transparent; width:100%; color:#000; font-size:1.125em; height:50px}
.fbform_1 ul li textarea{font-family: "SourceHanSansCN-Normal"; height:6.25em;border:none; background:none; background-color:transparent; width:100%; color:#000; font-size:1.125em;}
.fbform_1 ul li .yzm_box{ float:left; width:80% !important}
.fbform_1 ul li .yzm{ float:right; }
.fbform_1 ul li:nth-child(5){ width:100%}
.fbform_1 .more-button{cursor: pointer; border: none; padding: 0 15%; height: 50px; font-size: 14px; color: #fff; background: #d5be9c;}
.fbform_1 .more-button:hover{background: #222;}
@media (max-width:540px) {
.fbform_1 ul li{width:100%;}
.fbform_1 .more-button{padding: 0 30%;}
.fbform_1 .bt{ font-size:18px;}
}



/**相册**/
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:9999 !important; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; height: 100%;}

.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size:16px; line-height: 18px; }
.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox a{ color:#FFF; font-size:30px}	
.rebox a:hover{ color:#f08200}	
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}


/*分页样式 开始*/
#fengye {overflow: hidden; margin-top:30px;}
#fengye{clear:both; margin:auto 0; text-align:center;}
div.digg span{margin:0 1px}
div.digg span.disabled {display:inline-block; background:#eee; width:45px; height:45px; line-height:45px; color: #666; text-align:center; font-size:16px; font-weight:normal}
div.digg a {display:inline-block; background:#eee; width:45px; height:45px; line-height:45px; color: #666; text-align:center; font-size:16px; margin:0 1px; font-weight:normal}
div.digg span.current {display:inline-block; background:#d5be9c; width:45px; height:45px; line-height:45px; color: #fff; text-align:center; font-size:16px; font-weight:normal}
div.digg a:hover {color: #fff; background:#d5be9c;}

div.digg .keng{ display:none}

@media (max-width:992px) {
.rebox-contents .rebox-content {height: auto; margin-top:25%}
}
@media (max-width:540px) {
.rebox-contents .rebox-content {height: auto; margin-top:15%}
}
@media (max-width:420px) {
.rebox-contents .rebox-content {height: auto; margin-top:50%}
}




/*联系我们*/
.contact_box{width:100%; overflow:hidden; margin-bottom:20px}
.contact_box li{width:49%; float:left; margin-right:1.33%; padding:1.5% 1.5% 0.5% 1.5%; background:#f8f8f8; margin-bottom:20px}
.contact_box li i{ display:block; font-size:45px; color:#d5be9c; height:65px; font-family:"iconfont"!important; font-style:normal;}
.contact_box li b{font-size:18px; color:#333; display: block; margin-left:6px}
.contact_box li b:after {content: ""; display: block; width:26px; height:2px; background:#CCC; vertical-align: middle; margin:15px 0}
.contact_box li p{font-size:14px; color:#333; line-height:25px; height:50px; margin-left:6px}
.contact_box li a{color:#333;}
.contact_box li:nth-child(2n){margin-right:0}

.contact-map{ width:100%;overflow:hidden;}
#container{min-width:100%; min-height:520px; padding:1%}
#container .map_wz{ font-size:16px; color: #222; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-bottom:1px; display:block}
#container .map_wzz{ font-size:14px; font-family:Verdana, Geneva, sans-serif;}
@media (max-width:1400px) {
.contact_box li{padding:1.5% 1.5% 1.5% 1.5%}	
}
@media (max-width:1100px) {
.contact-map{margin-bottom:100px}
}
@media (max-width:992px) {
.contact_box{margin:0 0 30px}
.contact_box li{width:49%; margin-right:1%; margin-bottom:10px; padding:3%}	
.contact_box li:nth-child(2n){ float:right}
.contact-map{margin-bottom:10px}
}
@media (max-width:580px) {
.contact_box{margin:20px 0 20px}
.contact_box li{width:100%; margin-right:0;}	
.contact_box li p{font-size:18px; height:auto}

.contact_box li b:after{margin:8px 0;}
#container{min-height:400px;}
.contact-map{margin-bottom:0}
}


td{border:1px solid #CCC}




.show_box{}
.show_box li{ width:23%; float:left; margin:0 1% 30px;}
.show_box li .imgDiv{display:block; width:100%; height:220px; overflow:hidden; padding:0; border:1px solid #dfdfdf;}
.show_box li .imgDiv a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;  position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.show_box li .imgDiv a img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.show_box li .textDiv{ text-align:center; color:#666; margin-top:10px; font-size:14px}
@media (max-width:1400px) {
.show_box li .imgDiv{height:180px;}
}
@media (max-width:1024px) {
.show_box li .imgDiv{height:180px;}
}
@media (max-width:780px) {
.show_box li{ width:48%; float:left; margin:0 1% 30px;}
.show_box li .imgDiv{height:280px;}

}
@media (max-width:480px) {
.show_box li{margin:0 1% 20px;}
.show_box li .imgDiv{height:140px;}
}



.certificate_box{}
.certificate_box li{ width:32%; float:left; margin:0 0.6% 30px;}
.certificate_box li .imgDiv{display:block; width:100%; height:320px; overflow:hidden; padding:0; border:1px solid #dfdfdf}
.certificate_box li .imgDiv a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; ; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.certificate_box li .imgDiv a img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.certificate_box li .textDiv{ text-align:center; color:#666; margin-top:10px}
@media (max-width:1400px) {
.certificate_box li .imgDiv{height:280px;}
}
@media (max-width:1024px) {
.certificate_box li .imgDiv{height:240px;}
}
@media (max-width:780px) {
.certificate_box li{ width:48%; float:left; margin:0 1% 30px;}
.certificate_box li .imgDiv{height:300px;}
}
@media (max-width:480px) {
.certificate_box li{ margin:0 1% 20px;}
.certificate_box li .imgDiv{height:150px;}
}
@media (max-width:320px) {
.certificate_box li .imgDiv{height:120px;}
}


.prootherPage,.prootherPage a{color:#d5be9c}