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

.n_product011_fr1{height: 46rem;background: url(../x_img/n_product011_bg01.jpg) center top no-repeat;text-align:center;margin-bottom: 4.5rem;background-size: cover;}

.n_product011_fr1 h1{font-size: 6.25rem;color:#fff;margin-top: 11rem;font-family:Futura Md BT;}

.n_product011_fr1 h3{font-size: 2rem;color:#fff;margin-bottom:5.375rem;}

.n_product011_fr1 img{ display:inline-block}



.n_product011_fr2{ text-align:center;}

.n_product011_fr2 h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:1.5rem}

.n_product011_fr2 .ar_article p{color:#484848;text-align:center;width: 90%;margin:0 auto;margin-bottom: 1rem;}

.n_product011_fr2 ul{ font-size:0;}

.n_product011_fr2 ul li{display:inline-block; *display:inline; *zoom:1;margin: 0;width: 25%;max-width: 155px;margin-bottom: 2rem;}

.n_product011_fr2 ul li h1 img{ width:4.375rem; height:4.375rem; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);filter:gray; cursor:pointer; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_product011_fr2 ul li h5{ font-size:0.875rem; color:#525354; line-height:2.75rem;}



.n_product011_fr3{}



.n_product011_fr4{text-align:center;padding: 9.125rem 0 5.625rem 0;}

.n_product011_fr4 .z_title h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:3rem}

.n_product011_fr4 .title{margin-bottom: 4.75rem;}

.n_product011_fr4 .title h1{ margin-bottom:1.5rem}

.n_product011_fr4 .title h1 img{ height:3.125rem;}

.n_product011_fr4 .title h3{ font-size:1.375rem; color:#484848; margin-bottom:0.5rem}

.n_product011_fr4 .title h5{font-size:0.875rem;color: #484848;line-height: 1.5rem;}

.n_product011_fr4 .top{ padding:0 4.5rem; margin-bottom:12px;}

.n_product011_fr4 .top ul li{ width:25%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; overflow:hidden;}

.n_product011_fr4 .top ul li .img{ overflow:hidden;}

.n_product011_fr4 .top ul li:nth-child(2){width: 50.75%;}

.n_product011_fr4 .bottom{ padding:0 4.5rem}

.n_product011_fr4 .bottom ul li{ width:25%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; overflow:hidden;}

.n_product011_fr4 .bottom ul li .img{ overflow:hidden;}



.n_product011_fr5{background:url(../x_img/n_product011_fr5_bg.jpg) center top no-repeat;background-size: cover; padding:5rem 0 28.125rem;text-align:center;}

.n_product011_fr5 .title{ text-align:center;}

.n_product011_fr5 .title h1{ margin-bottom:1.5rem;}

.n_product011_fr5 .title h1 img{ height:3.125rem;}

.n_product011_fr5 .title h3{ font-size:1.375rem; color:#fff; margin-bottom:0.5rem}

.n_product011_fr5 .title h5{font-size:0.875rem;color:#fff;}

.n_product011_fr5 .img img{ display:inline-block;}



.n_product011_fr6{background:url(../x_img/n_product011_fr6_bg.jpg) center top no-repeat; background-size: cover; padding: 5.5rem 0 36.875rem 0;text-align:center;}

.n_product011_fr6 .title{ text-align:center;}

.n_product011_fr6 .title h1{ margin-bottom:1.5rem;}

.n_product011_fr6 .title h1 img{ height:3.125rem;}

.n_product011_fr6 .title h3{ font-size:1.375rem; color:#000; margin-bottom:0.5rem}

.n_product011_fr6 .title h5{ font-size:0.875rem; color:#000; margin-bottom:3.5rem;}

.n_product011_fr6 .con{ float:left; width:100%; text-align:center;}

.n_product011_fr6 .con h1 img{ width:10.2125rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_product011_fr6 .con h4{ font-size:1rem; color:rgba(0,0,0,0.75); margin:0.875rem 0 0.5rem}

.n_product011_fr6 .con h5{font-size:0.875rem;color: #5e5e5e;line-height:1.25rem;height:2.5rem;margin-bottom:0.5rem;}

.n_product011_fr6 .content03 img{ display:inline-block; width:82.60274%; float:right}

.n_product011_fr65{background:url(../x_img/n_product011_fr6.5_bg.jpg) center top no-repeat; background-size: cover; padding: 5.5rem 0 42.5rem 0;text-align:center;}

.n_product011_fr65 .title{ text-align:center;}

.n_product011_fr65 .title h1{ margin-bottom:1.5rem;}

.n_product011_fr65 .title h1 img{ height:3.125rem;}

.n_product011_fr65 .title h3{ font-size:1.375rem; color:#fff; margin-bottom:0.5rem}

.n_product011_fr65 .title h5{ font-size:0.875rem; color:#fff; margin-bottom:3.5rem;}



.n_product011_fr7{padding: 10rem 0 4rem;}

.n_product011_fr7 .content{ position:relative; }

.n_product011_fr7 .content .top{position:absolute;top:0;left:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A5000000', endColorstr='#A5000000');background: rgba(0,0,0,0);}

.n_product011_fr7 .content .top .con{ display:table; width:100%; height:100%; text-align:center;}

.n_product011_fr7 .content .top .con i{ display:table-cell; vertical-align:middle;}

.n_product011_fr7 .content .top .con i img{ width:5.4375rem; height:5.4375rem;}



#page_show_video_box {position: fixed;z-index: 9995;top: -1800px;left: 0;display: block;height: 100%;width: 100%;}

#page_show_video_box .bg_box {position: fixed;z-index: 9994;top: 0px;display: none;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,0.7);}

#page_show_video_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}

#page_video {width: 734px;height: 378px;position: relative;}

#page_video .video_box {border: 5px solid #8a8a8a;width: 650px;height: 378px;overflow: hidden;}

#page_show_video_box #j_video {background: url(../images/j_loading.gif) center 200px no-repeat;background-size: 100px 100px;}

#page_show_video_box .info {padding: 15px 25px 15px 25px;width: 650px;background: #8a8a8a;}

#page_show_video_box .info h1.title {font-size: 1rem;color: #fff;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#page_show_video_box .info p {line-height: 24px;overflow: hidden;font-size: 14px;color: #fff;padding-bottom: 15px}

#page_show_video_box .info p.last {padding-bottom: 0;}

#page_show_video_box #playercontainer {display: none;}

#page_show_video_box #page_ar {width: 810px;position: relative;}



#page_show_video_box #page_ar .ar_box {border: 5px solid #e3212a;width: 730px;padding: 40px 0;background: #fff;position: relative;}

#page_show_video_box #page_ar .ar_box .ar_article {padding: 0px 35px;height: 540px;}

#page_show_box .bg_box {position: fixed; z-index: 9994; top: 0px; display: none; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);}

#page_show_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}

#bnt_close01 {display: block;width: 70px;height: 70px;background: #8a8a8a;position: absolute;top: 0;right: 14px;}

#bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px;}

#bnt_close:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}

#page_show_video_box video{width: 640px;height: 368px;}



.n_product011_fr8{background:#f6f7f9;padding: 3.75rem 0 7.1875rem;}

.n_product011_fr8 .z_title h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-top:1.5rem; margin-bottom:2.5rem; text-align:center;}

.n_product011_fr8 table{ width:55%; margin:0 auto;}

.n_product011_fr8 table tr th{text-align:center;line-height: 1.5rem;font-weight:normal;color: #4b4b4b;}

.n_product011_fr8 table tr td{text-align:center;color: #4b4b4b;}

.n_product011_fr8 h5{font-size:0.875rem;color:#5f5f5f;font-weight:normal;display:inline-block;width: 53%;text-align: left;margin: 1rem 0 0;}

.n_product011_fr8 .con{ text-align:center;}



.n_product011_fr9{background:url(../x_img/n_product011_fr9_bg.jpg) center top no-repeat;padding: 6.25rem 0;margin-bottom: 6.25rem;background-size: cover;}

.n_product011_fr9 .left{ width:100%; display:table; text-align:center;}

.n_product011_fr9 .left .left_con{ display:table-cell; vertical-align:middle;}

.n_product011_fr9 .left .left_con .left_con_li{ display:inline-block; text-align:left;}

.n_product011_fr9 .left h2{ font-size:2.75rem; color:#fff; font-family:Futura Md BT;}

.n_product011_fr9 .left h5{ font-size:0.9375rem; color:#fff;}

.n_product011_fr9 .left h6{ margin:0.6rem 0 1.2rem}

.n_product011_fr9 .left h6 span{ display:inline-block; width:0.9375rem; height:2px; background:#fff;}

.n_product011_fr9 .left h3{ font-size:1.5rem; color:#fff;}

.n_product011_fr9 .center{ position:relative; z-index:2}

.n_product011_fr9 .center ul{font-size:0;text-align: center;}

.n_product011_fr9 .center ul li{ display:inline-block; *zoom:1; width:10.625rem; height:10.625rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; border:rgba(255,255,255,0.7) 2px solid; margin:0 1.5rem; position:relative;}

.n_product011_fr9 .center ul li .con{ display:table; text-align:center; width:100%; height:100%;}

.n_product011_fr9 .center ul li .con .con_li{ display:table-cell; vertical-align:middle;}

.n_product011_fr9 .center ul li .con .con_li .top{ display:table; height:5.25rem; text-align:center; width:100%;}

.n_product011_fr9 .center ul li .con .con_li .top i{ display:table-cell; vertical-align:middle;}

.n_product011_fr9 .center ul li .con .con_li h4{ font-size:1.0625rem; color:#fff}

.radius{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}

.n_product011_fr9 .right{position:relative;width: 100%;height: 10.625rem; z-index:1}

.n_product011_fr9 .right img{position:absolute;top: -3rem;right: 10.9375rem;}

.n_product011_fr10{margin-bottom: 3.25rem;text-align:center;}

.n_product011_fr10 h3{font-size:2.125rem;color:#494b4c;font-weight:bold;margin-bottom: 4rem;}

.n_product011_fr10 h2{ margin-bottom:3rem;}

.n_product011_fr10 h2 img{
    display:  inline-block;
}

.n_product011_fr10 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width:11.25rem;border:#c2c3c5 1px solid;margin:0 0.2rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height:2.625rem;line-height: 2.625rem;}

.n_product011_fr10 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);

-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}

.n_product011_fr10 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}


#page_video .video_box img{ width:100%; height:100%}


.n_product011_fr12{margin-bottom: 4.375rem;}
.n_product011_fr12 h3{ font-size:1.375rem; color:#484848; text-align:center; margin-bottom:2.5rem}
.n_product011_fr12 .top{width: 100%;height:3.125rem;line-height:3.125rem;text-align:center;font-size:0.9375rem;color: #484848;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_product011_fr12 ul li .img{ overflow:hidden;}

.n_product011_fr13{ margin-bottom:6.25rem;}
.n_product011_fr13 h3{ font-size:1.375rem; color:#484848; text-align:center; margin-bottom:2.5rem}
.n_product011_fr13 .top{width:11.25rem;height:3.125rem;line-height:3.125rem;text-align:center;font-size:0.9375rem;color:#fff;position:absolute;bottom: 1rem;left:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#38000000', endColorstr='#38000000');background:rgba(0,0,0,0.50);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_product011_fr13 ul li .img{ overflow:hidden;}




@media(min-width: 768px){

}

@media(min-width: 992px){
}

@media(min-width: 1360px){
}



@media(min-width: 1522px){

}



@media(min-width: 1200px) and (max-width: 1430px){

}

@media(min-width: 992px) and (max-width: 1300px){

}

@media(max-width: 1700px){	
 
}

@media(max-width: 1400px){
	.n_product011_fr5{ padding:4rem 0 15rem}
	.n_product011_fr6{padding: 4rem 0 20rem;}
	
	.n_product011_fr1{ }
}



@media(max-width: 1240px){
	.n_product011_fr1 h1{ font-size:3rem}
	.n_product011_fr1 h3{ font-size:1rem}
}



@media(max-width: 1200px){
	.n_product011_fr5{ padding:4rem 0 10em}
	.n_product011_fr6{ padding:4rem 0 10em}
}



@media(max-width: 1000px){
	.n_product011_fr1{ height:35rem}
}



@media(max-width: 992px){
	
	.n_product011_fr8 table{ width:100%;}
	
	.n_product011_fr9 .left .left_con .left_con_li{ text-align:center;}
	.n_product011_fr9 .left,
	.n_product011_fr9 .center{ margin-bottom:2rem;}
	.n_product011_fr9 .center ul li{ width:8rem; height:8rem;}
	.n_product011_fr9 .center ul li .con .con_li .top{ height:3rem}
	.n_product011_fr9 .center ul li .con .con_li .top i img{width: 25%;}
	.n_product011_fr9 .right{ height:5.625rem}
	.n_product011_fr9 .right img{top: 12px;width: 24%;right: 50%;margin-right: -12%;}
}



@media(max-width: 768px){
	.n_product011_fr6{padding: 4rem 0 26em;}
	
	.n_product011_fr6 .con h1 img{ width:7rem}
	.n_product011_fr65{padding: 4rem 0 20rem;}
	
	.n_product011_fr7{ padding:3rem 0}
	
	.n_product011_fr4{ padding:3rem 0}
	
	.n_product011_fr1 h1{ margin-top:8rem}
	.n_product011_fr1{ height:25rem}
	
	.n_product011_fr2 ul li h5{ font-size:8px}
	
	.n_product011_fr5 .title{ margin-top:18rem}
	.n_product011_fr5{background:url(../x_img/n_product011_fr5_img.jpg) center top no-repeat;background-size: cover; padding:5rem 0 28.125rem;text-align:center;}
	
	#page_show_video_box video{ width:360px; height:204px;}
	#page_video{width: 420px;height:214px;}
	#page_video .video_box{width: 370px;height:214px;}
	#page_show_video_box .info{ width:370px; padding:5px 25px 5px 25px}
	#bnt_close01{width:50px;height:50px;right: 50px;top: -50px;}
	#bnt_close01 img{width:1rem;height:1rem;left: 20px;top: 20px;}
	#page_show_video_box .box{ margin-left:-185px;}
}