*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{}  
body {
	width:100%;
	margin:0 auto;
	/*min-height: 3000px;*/
	font-family: 'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 14px;
	color:#555;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
div a {outline: none;}
/* 统一调整字间距以及过渡效果 */
div,a,span,p,ul,li{padding:0;margin:0;}
.main1200{width:1200px;margin:0 auto;}
.main1380:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.main1380{width:1380px;margin:0 auto;}
.main1380:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.main1500{width:1500px;margin:0 auto;}
.main1500:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.main1700{width:100%;max-width:1700px;margin:0 auto;}
.hidden1000{display: block;}
@media(max-width: 1000px){
	.hidden1000{display: none;}
}
.visible1000{display: none;}
@media(max-width: 1000px){
	.visible1000{display: block;}
}
/* 电脑端隐藏 */
@media (min-width:640px ) {
	.pc_hidden{display: none;}
	.yynn_logo.pc_hidden{display: none;}
}
/* 手机端隐藏 */
@media (max-width:640px ) {
	.m_hidden{display: none;}
	.yynn_logo.m_hidden{display: none;}
}
/* 平板端隐藏 */
@media (min-width:640px ) and (max-width: 1000px) {
	.pb_hidden{display: none;}
}
@media (max-width: 640px) {
	.yynn_banner .swiper_button {display: none;}
}
/* 返回顶部  开始 */
#toTop{width:55px;height:55px;bottom:100px;right:10px;position:fixed;cursor:pointer;z-index:999999;}
@media(max-width: 760px){
	#toTop{width:35px;height:35px;bottom:75px;}
}

@keyframes downico {
  0% {margin-top: 0;opacity: 1;}
  35% {margin-top: 40px;opacity: 0;}
  65% {margin-top: -40px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}

@keyframes move_up {
  0% {top:20%;opacity:0;}
  100% {top:0;opacity:1;}
}

@keyframes move_margin_up {
  0% {margin-top:20%;opacity:0;}
  100% {margin-top:0;opacity:1;}
}

@keyframes move_left {
  0% {right:-20%;opacity:0;}
  100% {right:0;opacity:1;}
}

@keyframes scaless {
    0% {transform: scale(1)}
    50%,
    75% {transform: scale(3)}
    78%,
    100% {opacity: 0}
}

a.img{outline: none;display: block;width:100%;}
.img{background-position: center center;background-size: cover;background-repeat: no-repeat;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}
.hover:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.yynn_row{width:100%;margin:0 auto;}
.yynn_row:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.yynn_n_img{width:100%;margin:20px auto;text-align: center;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}



/* 返回顶部  结束 */

@font-face
{
    font-family: Oswald;
    src: url('../font/Oswald-Regular.ttf');
}

/* full start! */
section.page1 {width: 100%;top: 0;left: 0;height: 100%;position: absolute;}
section.page2 {width: 100%;left: 0;top: 100%;height:auto;position: absolute;}
section.page5 {width: 100%;left: 0;top: 76%;height:auto;position: absolute;}
/* full end! */


/* yynn_header start! */
.yynn_header{width:100%;margin:0 auto;position: fixed;top:0; left:0;z-index: 9999;padding:20px 0;transition: all .4s;}
/* yynn_logo */
.yynn_logo{width:300px;float:left;}
.yynn_logo>h1{width:100%;margin:0 auto;}
.yynn_logo>h1>a{outline: none;display: block;width:100%;transition: all .4s;}
.yynn_logo>h1>a>img{height:100%;transition: all .4s;}

.yynn_logo>h1>a>img{height:106px;transition: all .4s;}

/* yynn_nav */
.yynn_nav{width:calc(100% - 580px);float: left;margin-left:-25px;}
.yynn_nav>ul{width:100%;margin:0 auto;font-size: 0;text-align: right;}
.yynn_nav>ul>li{display: inline-block;margin:0 0 0 50px;position: relative;}
.yynn_nav>ul>li>a{outline: none;display: block;width:100%;font-size: 17px;color:#fff;height: 106px;padding:30px 0;}
.yynn_nav>ul>li>a>span{display: block;width:100%;margin:0 auto;line-height: 46px;height: 46px;position: relative;}
.yynn_nav>ul>li>a>span:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: -8px;content: "";width: 0;height: 3px;border-radius: 3px;
		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
		    -ms-transition: all 0.5s ease-in-out;
		     -o-transition: all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;
}
.yynn_nav>ul>li>a:hover>span:after,.yynn_nav>ul>li>a.on>span:after{width: 100%;background-color: #fff;}

/* yynn_nav_sons */
.yynn_nav_sons{width:220%;position: absolute;top:95%;left:-60%;padding:10px 0;z-index: 10;background-color: #fff;display: none;box-shadow: 0 0 3px #555;border-radius: 5px;}
.yynn_nav_sons>li{width:100%;margin:0 auto;padding:0;}
.yynn_nav_sons>li>a{outline: none;display: block;width:100%;margin:0 auto;padding:0;font-size: 14px;text-align: center;line-height: 36px;color:#016088;}
.yynn_nav_sons>li:hover{background-color: #0099d9;}
.yynn_nav_sons>li:hover>a{color:#fff;}

/* yynn_search start! */
.yynn_search{width:50px;cursor: pointer;outline: none;position: fixed;right:10%;top:50px;z-index: 3;transition: all .4s;}
/* yynn_search end! */

/* yynn_search_div start! */
.yynn_search_div{width:100%;height:100%;margin:0 auto;padding:22% 25% 0;position: fixed;left:0;top:0;
	background-color:rgba(17,112,166,.95);z-index: 9999999;display: none;
}
.yynn_search_div_main{width:100%;margin:0 auto;padding:0;position: relative;}
.yynn_search_div_close{width:36px;height:36px;font-size: 20px;cursor: pointer;position: absolute;right:0;top:-100px;}
.yynn_search_div_close:hover{transform: rotate(180deg);transition: all .5s ease;}
.yynn_search_div_close::before,.yynn_search_div_close::after {position: absolute;content: ' ';left: 18px;width: 2px;height: 36px;background-color: #fff;}
.yynn_search_div_close::before {transform: rotate(45deg);}
.yynn_search_div_close::after {transform: rotate(-45deg);}
.yynn_form_search .form-group .addon{background-color:#f60;color:#fff;border: solid 1px #f60;cursor: pointer;}
.yynn_form_search .form-group .input{padding: 6px 25px;}
.yynn_form_search .form-group .input:focus{border: solid 1px #f60;}
/* yynn_search_div end! */

/* yynn_menu start! */
.yynn_menu{width: 60px;height: 26px;cursor: pointer;position: fixed;right:5%;top:65px;z-index: 11;transition: all .4s;}
.yynn_menu_main{width:100%;margin:0 auto;position: relative;}
.yynn_menu span{display:block;background:#fff;width:36px;height:3px;position:absolute;left:0;transition:all ease 0.35s;border-radius: 3px;}
.yynn_menu span:nth-of-type(1){top:0px}
.yynn_menu span:nth-of-type(2){top:10px;}
.yynn_menu span:nth-of-type(3){top:20px}
.yynn_menu_se span{background:#fff;}
.yynn_menu_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.yynn_menu_se span:nth-of-type(2){width:0}
.yynn_menu_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
/* yynn_menu end! */

/* yynn_menu_nav start! */
.yynn_menu_nav{position: fixed;z-index:100;background-color: rgba(17,112,166,.95);width:100%;height:100%;left:0;top:0;display: none;}
.yynn_menu_nav .yynn_nav_close{display: block;position: absolute;top: 4%;right: 4%;z-index: 1;}
.yynn_menu_nav .yynn_nav_close img{width: 42px;transition: all .5s ease;}
.yynn_menu_nav .yynn_nav_close img:hover{transform: rotate(180deg);}
.yynn_nav_body{width:100%;height:100%;position: absolute;left:0;top:0;}
.yynn_nav_body:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.yynn_nav_row{width:16.66%;float:left;height:100%;position: relative;}
.yynn_nav_row_out{width:100%;height:100%;position: absolute;left:0;top:0;}
.yynn_nav_row_in{width:100%;position: absolute;left:0;top:50%;text-align: left;color:#fff;padding:0 0 0 20%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.yynn_nav_row_in a{outline: none;color:#fff;}
.yynn_nav_row_h{width:100%;margin:0 auto;}
.yynn_nav_row_h_cn{width:100%;font-size:24px;font-weight: bold;line-height: 30px;letter-spacing: 1px;}
.yynn_nav_row_h_en{width:100%;font-size:17px;text-transform: uppercase;color:#ccc;line-height: 25px;margin:5px auto 0;font-family: Arial;}
.yynn_nav_ul{width:100%;margin:10px auto 0;overflow: hidden;display: none;}
.yynn_nav_ul>li{width:100%;margin:30px auto 0;position: relative;}
.yynn_nav_ul>li>a{outline: none; display: block;width:100%;margin:0 auto;line-height: 30px;font-size: 21px;letter-spacing: 1px;color:#eee;}
.yynn_nav_son{width:100%;margin:0 auto;padding:0 15px;margin:15px auto 0;}
.yynn_nav_son>li{width:100%;margin:0 auto;}
.yynn_nav_son>li>a{outline: none;display: block; width:100%;margin:0 auto;line-height: 25px;font-size: 15px;color:#fff;}

.yynn_nav_ul li a:hover{color:#f60;}
.yynn_nav_icon.yynn_nav_icon_fixed{top:20px;}
/* yynn_menu_nav end! */

/* yynn_header_fixed */
.yynn_header.yynn_header_fixed{box-shadow: 0 0 10px #18517e;padding:10px 0;background-color: rgba(17,112,166,.95);}
.yynn_header.yynn_header_fixed .yynn_logo>h1>a>img{height:80px;}
.yynn_header.yynn_header_fixed .yynn_nav>ul>li>a{height: 80px;padding:17px 0;}
.yynn_header.yynn_header_fixed .yynn_search{top:27px;}
.yynn_header.yynn_header_fixed .yynn_menu{top:40px;}
/* yynn_header end! */


/* yynn_banner start! */
.yynn_banner{height:100%;margin:0 auto;}
.yynn_banner .swiper_banner{height:100%;margin:0 auto;}
.yynn_banner .swiper_banner .swiper-wrapper{height:100%;margin:0 auto;}
.yynn_banner .swiper_banner .swiper-wrapper .swiper-slide{height:100%}
.yynn_banner .swiper_banner .swiper-slide a{outline: none;display: block;width:100%;height:100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.swiper_pagination_banner{bottom:5%;}
.swiper_pagination_banner .swiper-pagination-bullet{width:15px;height:15px;background-color: #000;opacity: 0.5;}
.swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;opacity: 1;}
.swiper_button_banner{background:none;width:56px;height:56px;line-height: 56px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;border:1px solid #fff;color:#fff;transition: all 0.3s;opacity: 0;
}
.swiper_button_banner.swiper_button_banner_prev{left:3%;}
.swiper_button_banner.swiper_button_banner_next{right:3%;}
section.page1:hover .swiper_button_banner{opacity: 1;}
/* yynn_banner end! */

/* yynn_top_mask start! */
.yynn_top_mask{width:100%;height: 100%;position: absolute;left:0;top:0;z-index: 2;background: #00000075}
.yynn_top_mask_in{width:100%;position: absolute;left:0;top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.yynn_top_main{padding:0 20%;color:#fff;}
.yynn_top_en{width:100%;margin:0 auto;}
.yynn_top_en p{width:100%;margin:0 auto;font-size: 50px;line-height: 85px;font-weight: 700;text-transform: uppercase;}
.yynn_top_span{width:100%;margin:6px 0 15px;}
.yynn_top_span span{display:inline-block;width:3%;height:5px;background-color: #fff;}
.yynn_top_cn{width:100%;margin:0 auto;font-size: 30px;line-height: 36px;letter-spacing: 10px;font-weight: 100;}
/* yynn_top_mask end! */

/*.swiper-slide.swiper-slide-active .yynn_top_main{animation: move_margin_up 1s ease;}*/
.yynn_top_main{animation: move_margin_up 1s ease;}

/* video  bg  start! */
#container{width:100%;height:100%;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
#background_video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;width: 100%;object-fit: cover;}
#video_cover{position: absolute;width: 100%;height: 100%;background: url('/style/css/bg.jpg') no-repeat;background-size: cover;background-position: center;}
#video_controls{position: absolute;left: 50%;transform: translate(-50%,0);display: none;}
#play img{width: 100%;}
#pause img{width: 90px;}
#pause{display: none;}
/*只会在ipad 以上的设备上显示*/
@media(min-width:768px){
#video_controls{display: none;}
}
#container{height: 100%;}
#overlay{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgb(0 0 0 / 14%);}
/* video  bg  end! */


/* yynn_section start! */
.yynn_section{padding:100px 0;}
.yynn_section_more{width:100%;margin:100px auto 0;}
.yynn_section_more a{outline: none;display: block;width:100%;font-size: 15px;color:#5b6272;line-height: 30px;}
.yynn_section_more a span{margin-right: 10px;display: inline-block;padding:0;border-bottom: 1px solid #016088}
.yynn_section_more a i{color:#016088;}

/* yynn_section end! */
/* yynn_about start! */
.yynn_about{background:url('../image/yynn_about_bg.jpg') no-repeat center center;padding:190px 0 150px;}
.yynn_about_mains{width:50%;float:right;}
/* yynn_about_title */
.yynn_about_title{width:100%;margin:0 auto;color:#454545;}
.yynn_about_title_en{width:100%;margin:0 auto;font-size: 45px;line-height: 55px;text-transform: uppercase;font-weight: bold;}
.yynn_about_title_cn{width:100%;margin:10px auto 0;font-size: 30px;line-height: 36px;font-weight: 100;letter-spacing: 3px;}
/* yynn_about_p */
.yynn_about_p{width:100%;margin:80px auto 0;font-size: 15px;color:#5b6272;line-height: 2;text-align: justify;}
.yynn_about_p p{width:100%;margin:0 auto;font-size: 15px;color:#5b6272;line-height: 2;text-align: justify;}
.yynn_about_img{width:100%;margin:40px auto 0;}

/* yynn_about end! */

/* yynn_product1 end! */
.yynn_product1{background:url('../image/diandu.jpg') no-repeat top center;padding:100px 0 180px;}
.yynn_product_h{padding:0 0 25px;border-bottom: 1px solid #ccc;color:#fff;}
.yynn_product_h_l{width:47%;float:left;}
.yynn_product_h_l p{width:100%;font-size: 40px;line-height: 55px;font-weight: 700;text-transform: uppercase;}

.yynn_product_h_r{width:47%;float:right;}
.yynn_product_h_r_auto{width:100%;height:75px;}
.yynn_product_h_r p{width:100%;font-size: 30px;line-height: 45px;font-weight: 700;text-align: right;}

/* yynn_product_main */
.yynn_product_main{width:60%;margin:0;}
.yynn_product1 .yynn_product_main{margin:170px 0 0;}
.yynn_product_title{width:100%;margin:0 auto;color:#fff;}
.yynn_product_title_en{font-size: 32px;line-height: 40px;text-transform: uppercase;}
.yynn_product_title_cn{margin:10px auto 0;font-size: 28px;line-height: 36px;font-weight: 700;letter-spacing: 2px;}
.yynn_product_span{width:100%;margin:10px 0 0;}
.yynn_product_span span{display:inline-block;width:3%;height:5px;background-color: #fff;}
/* yynn_product_p */
.yynn_product_p{margin:20px auto 0;}
.yynn_product_p p{margin:0 auto;font-size: 15px;line-height: 2;color:#fff;}

.yynn_product1 .yynn_section_more a{color:#fff;}
.yynn_product1 .yynn_section_more a span{border-bottom: 1px solid #fff}
.yynn_product1 .yynn_section_more a i{color:#fff;}
/* yynn_product1 end! */

/* yynn_product2 start! */
.yynn_product2{background:url('../image/mumen.jpg') no-repeat top center;padding:200px 0 170px;}
.yynn_product2 .yynn_product_title{color:#454545;}
.yynn_product2 .yynn_product_span span{background-color: #716350;}

.yynn_product2 .yynn_product_p p{color:#454545;}

.yynn_product2 .yynn_section_more a{color:#716350;}
.yynn_product2 .yynn_section_more a span{border-bottom: 1px solid #716350}
.yynn_product2 .yynn_section_more a i{color:#716350;}
/* yynn_product2 end! */


/*pro3 start! */
.yynn_product3{background:url('../image/pro3.jpg') no-repeat top center;padding:200px 0 170px;}
.yynn_product3 .yynn_product_title{color:#FFFFFF;}
.yynn_product3 .yynn_product_span span{background-color: #716350;}

.yynn_product3 .yynn_product_p p{color:#FFFFFF;}

.yynn_product3 .yynn_section_more a{color:#FFFFFF;}
.yynn_product3 .yynn_section_more a span{border-bottom: 1px solid #FFFFFF}
.yynn_product3 .yynn_section_more a i{color:#FFFFFF;}
/* yynn_product2 end! */

/* yynn_case start! */
.yynn_case{background-color: #f8f8f8;padding:120px 0;}
.yynn_case_h{color:#454545;}
.yynn_case_h_l{width:45%;float:left;}
.yynn_case_h_l p{width:100%;font-size: 40px;line-height: 55px;font-weight: 700;text-transform: uppercase;}

.yynn_case_h_r{width:50%;float:right;}
.yynn_case_h_r_auto{width:100%;height:50px;}
.yynn_case_h_r p{width:100%;font-size: 22px;line-height: 30px;font-weight: 400;text-align: right;}

.yynn_case_mains{margin:40px auto 0;}
/* yynn_case_l */
.yynn_case_l{width:240px;float:left;}
.tab .tab-head.yynn_case_l .tab-nav li{display: block;margin:0 auto 16px;background-color: rgba(255,255,255,0);position: relative;}
.tab .tab-head.yynn_case_l .tab-nav li:before{content:'';width:100%;height:1px;background-color:  rgba(255,255,255,0);position: absolute;top:25px;left:-110%;}
.tab .tab-head.yynn_case_l .tab-nav li.active{background-color: rgba(255,255,255,0)}
.tab .tab-head.yynn_case_l .tab-nav li.active:before{background-color: #016088;}
.tab .tab-head.yynn_case_l .tab-nav li a{outline: none;border:0;border-radius: 0;padding:0;line-height: 50px;height:50px;font-size: 22px;color:#454545;}
.tab .tab-head.yynn_case_l .tab-nav li.active a{color:#016088;}

/* yynn_case_r */
.yynn_case_r{width:calc(100% - 270px);float:right;padding:15px 0 0;}
.tab .yynn_case_r .tab-body{margin:0 auto;padding:0;border:0;}

/* swiper_case start! */
.tab .yynn_case_r .tab-body .tab-panel{width:100%;margin:0 auto;position: relative;}
.tab .yynn_case_r .tab-body .tab-panel.active{animation: move_up 1s ease;}
.swiper_case0{width:100%;margin:0 auto;position: relative;}
.swiper_case0 .swiper-wrapper{width:100%;margin:0 auto;}
.swiper_case0 .swiper-slide>a{outline: none;display: block;width:100%;padding: 68% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.swiper_case0 .swiper-slide .yynn_case_slide_txt{width:100%;margin:20px auto 0;}
.swiper_case0 .swiper-slide .yynn_case_slide_txt a{outline: none;display: block;width:100%;font-size: 22px;color:#222;line-height: 30px;height: 30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper_case0 .swiper-slide .yynn_case_slide_txt a:hover{color:#016088;}
.swiper_button_case{width:56px;height:56px;line-height: 56px;font-size: 24px;position: absolute;top:auto;bottom:2px;z-index: 5;
  text-align: center;background:none;background-color: #016088;border-radius: 50%;color:#fff;transition: all 0.3s;opacity: 1;
}
.swiper_button_case.swiper_button_case_prev{left:-270px;background-color: #867154;}
.swiper_button_case.swiper_button_case_next{left:-185px;}

/* swiper_case end! */


/* yynn_case end! */

/* yynn_tab start! */
.yynn_tab .tab .tab-head .tab-nav{font-size:0;}
.yynn_tab .tab .tab-head .tab-nav li{background-color:  rgba(255,255,255,0);padding:0 10px;position: relative;margin:0 0 0 10px;}
.yynn_tab .tab .tab-head .tab-nav li:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;content: "";width: 0;height: 2px;border-radius: 2px;
		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
		    -ms-transition: all 0.5s ease-in-out;
		     -o-transition: all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;
}
.yynn_tab .tab .tab-head .tab-nav li.active:after,.yynn_tab .tab .tab-head .tab-nav li:hover:after{width: 100%;background-color: #fff;}
.yynn_tab .tab .tab-head .tab-nav li.active{background-color: rgba(255,255,255,0)}
.yynn_tab .tab .tab-head .tab-nav li a{outline: none;border:0;border-radius: 0;padding:0;line-height: 40px;height:40px;font-size: 22px;color:#fff;}
.yynn_tab .tab .tab-head .tab-nav li.active a{color:#fff;}
.yynn_tab .tab .yynn_tab_main.tab-body{width:100%;margin:50px auto 0;padding:0;border:0;}

/* yynn_tab end! */

/* yynn_feature start! */
.yynn_feature{background:url('../image/tedian.jpg') no-repeat top center;padding:90px 0 100px;}

.yynn_feature_h{color:#fff;}
.yynn_feature_h_l{width:45%;float:left;}
.yynn_feature_h_l p{width:100%;font-size: 40px;line-height: 55px;font-weight: 700;text-transform: uppercase;}

.yynn_feature_h_r{width:60%;float:right;text-align: right;}
.yynn_feature_h_r_auto{width:100%;height:115px;}

/* swiper_feature */
.swiper_feature{margin:0 auto;}
.swiper_feature .swiper-slide{position: relative;}
.swiper_feature .swiper-slide>a.yynn_feature_img{outline: none;display: block;width:100%;padding:40% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.swiper_button_feature{background:none;width:56px;height:56px;line-height: 56px;margin-top: -28px;font-size: 24px;
  text-align: center;border-radius: 50%;border:1px solid #fff;color:#fff;transition: all 0.3s;opacity: 1;
}
.swiper_button_feature.swiper_button_feature_prev{left:3%;}
.swiper_button_feature.swiper_button_feature_next{right:3%;}

/* yynn_feature_mask */
a.yynn_feature_mask{outline: none;display: block;width:100%;height:100%;margin:0 auto;position: absolute;left:0;top:0;}
.yynn_feature_mask_in{width:100%;position: absolute;left:0;top:22%;padding:0 5%;color:#fff;}
.yynn_feature_body{width:30%;float:right;border-left:5px solid #ac9068;padding:0 0 0 15px;}
.yynn_feature_body h3{width:100%;margin:0 auto;font-size: 28px;font-weight: 700;line-height: 35px;letter-spacing: 1px;}
.yynn_feature_body p{width:100%;margin:10px auto 0;font-size: 18px;line-height: 25px;}
.swiper_feature .swiper-slide.swiper-slide-active .yynn_feature_body{animation: move_margin_up 1s ease;}

/* yynn_feature end! */

/* qyynn_news start! */
.qyynn_news{background-color: #fcfcfc;}
.qyynn_news_h{color:#454545;}
.qyynn_news_h_l{width:45%;float:left;}
.qyynn_news_h_l p{width:100%;font-size: 40px;line-height: 50px;font-weight: 700;text-transform: uppercase;}

.qyynn_news_h_r{width:50%;float:right;text-align: right;}

.qyynn_news.yynn_tab .tab .tab-head .tab-nav li.active:after,.qyynn_news.yynn_tab .tab .tab-head .tab-nav li:hover:after{background-color: #016088;}
.qyynn_news.yynn_tab .tab .tab-head .tab-nav li a{color:#454545;}
.qyynn_news.yynn_tab .tab .tab-head .tab-nav li.active a{color:#016088;}

/* qyynn_news_main */
.qyynn_news_main{width:100%;margin:0 auto;}
.qyynn_news_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.qyynn_news_item{width:32%;float:left;margin:0 2% 0 0;background-color:#f8f8f8;position: relative;height: 485px;overflow:hidden;}
.qyynn_news_item:nth-of-type(3n){margin:0;}
.qyynn_news_item_img{width:100%;height:280px;margin:0 auto;overflow:hidden;}
.qyynn_news_item_img .img{height:100%;}
.qyynn_news_item_txt{width:100%;margin:0 auto;padding:30px 35px;}
.qyynn_news_item_h{width:100%;margin:0 auto;}
.qyynn_news_item_h a{outline: none;display: block;width:100%;margin:0 auto;font-size: 17px;color:#444;font-weight: 550;line-height: 25px;height:50px;text-align: justify;letter-spacing: 1px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.qyynn_news_item_date{width:100%;margin:5px auto 0;font-size: 16px;color:#888;line-height: 20px;}
.qyynn_news_item_date i{margin-right: 5px;}
.qyynn_news_item_p{width:100%;margin:20px auto 0;font-size: 16px;color:#666;line-height: 25px;height:50px;text-align: justify;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
/* qyynn_news_ul */
.qyynn_news_ul{padding:35px 30px;}
.qyynn_news_li{width:100%;margin:10px auto 0;}
.qyynn_news_li:nth-of-type(1){margin:0 auto;}

.qyynn_news .yynn_section_more{text-align: center;margin:60px auto 0;}

/* qyynn_news end! */



/* yynn_footer start! */
	.yynn_footer{width:100%;margin:0px auto 0;padding:40px 5% 65px;background:#03415b;position: relative;color:#016088;min-height: 200px;}
	.yynn_footer:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_footer_weixin{width:210px;text-align: center;position: absolute;left:50%;margin-left: -105px;top:-75px;z-index: 2;}
	.yynn_footer_weixin_img{width:100%;margin:0 auto;box-shadow: 0 0 5px #ccc;overflow: hidden;/*border-radius: 5px;*/}
	.yynn_footer_weixin_txt{width:100%;margin:5px auto 0;font-size: 22px;color:#016088;line-height: 30px;}
	.yynn_footer p{width:100%;margin:0 auto;line-height: 35px;font-size: 18px;color:#FFFFFF;}
	.yynn_footer a{outline: none;color:#016088;}
	.yynn_footer a:hover{color:#fda433;}
	.yynn_footer_l{width:50%;float:left;}
	.yynn_footer_r{width:50%;float:right;text-align: right;}
	.yynn_footer_icon{width:100%;margin:0 auto;text-align: right;}
	.yynn_footer_icon a{display: inline-block;position: relative;margin:0 0 0 10px;width:40px;height:40px;line-height: 40px;background-color: #fff;border-radius:50%;text-align: center;font-size: 20px;color:#698497;}
	.yynn_footer_icon a:hover{color:#016088;}
	.yynn_footer_weixin_hover{display: none; width:100px;height:100px;box-shadow: 0 0 5px #ccc;position: absolute;right:-30px;top:-110px;}
	/* yynn_footer_tel */
	.yynn_footer_tel{width:100%;margin:15px auto 0;font-size: 26px;font-family: "Oswald";font-weight: lighter;color:#FFFFFF;line-height: 30px;}
	.yynn_footer_tel span{font-weight: normal;}
	.yynn_footer_a{width:100%;margin:15px auto 0;color:#016088;}
	.yynn_footer_a a{outline: none;font-size: 18px;line-height: 25px;}
/* yynn_footer end! */

/* yynn_position  start! */
	.yynn_position{width:100%;margin:0 auto;padding:0;border-bottom: 1px solid #ccc;height: 50px;background: #e4e4e4}
	.yynn_position:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_position_item{width:19%;float:left;text-align: right;padding:0 20px;height: 50px;}
	.yynn_position_main{width:100%;text-align: right;color:#666;line-height: 50px;height:50px;font-size: 13px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.yynn_position_main a{outline: none;color:#666;}
	.yynn_position_main a:hover{color:#f60;}
	.yynn_position_item_l{background:url('../image/yynn_position_item_l.jpg') no-repeat top center;}
	.yynn_position_txt{width:100%;color:#016088;line-height: 50px;height:50px;font-size: 17px;position: relative;}
	.yynn_position_txt a{outline: none;display: block;color:#016088;font-weight: bold;}
	.yynn_position_txt a i{font-weight: bold; font-size: 20px;margin:0 2% 0 15%;width:25px;display: inline-block;}
	.yynn_position_txt_nav{width:calc(100% + 40px);position: absolute;top:100%;right:-20px;display: none;
		box-shadow: 0 0 10px #ccc;border:1px solid #ddd;padding:0;z-index: 2;background-color: #f5f5f5;
	}
	.yynn_position_txt_nav li{width:100%;transition: all .15s;}
	.yynn_position_txt_nav li:first-child{margin:20px auto 0;}
	.yynn_position_txt_nav li:last-child{margin:0 auto 20px;}
	.yynn_position_txt_nav li a{width:100%;outline: none;display: block;font-size: 17px;padding:0 20px;font-weight: bold;
		line-height: 40px;height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	}
	.yynn_position_txt_nav li a i{margin:0 2% 0 15%;width:25px;display: inline-block;font-size: 16px;}
	.yynn_position_txt_nav li:hover{
		-webkit-transform:translateX(-15px);
		-moz-transform:translateX(-15px);
		-ms-transform:translateX(-15px);
		-o-transform:translateX(-15px);
		transform:translateX(-15px);
	}
/* yynn_position  end! */

/* yynn_main  start! */
	/*.yynn_about_bg{background:url('../image/yynn_about_bg.jpg') no-repeat center center;background-size: cover;}*/
	/*.yynn_product_bg{background:url('../images/yynn_product_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
	/*.yynn_news_bg{background:url('../images/yynn_news_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
	/*.yynn_contact_bg{background:url('../images/yynn_contact_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
	/*.yynn_features_bg{background:url('../images/yynn_features_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
	/*.yynn_case_bg{background:url('../images/yynn_case_/style/css/bg.jpg') no-repeat center center;background-size: cover;}*/
	.yynn_page1_mask_out{width:100%;height:100%;position: absolute;left:0;top:0;background-color: rgba(0,0,0,0);}
	.yynn_page1_mask_in{width:100%;margin:0 auto;position: absolute;left:0;top:50%;text-align: center;padding:0;color:#fff;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
	}

	.yynn_page1_mask_en{width:50%;margin:0;color: #fff;font-size: 36px;font-family: Oswald;text-transform: uppercase;line-height: 40px;text-align: right;}
  	.yynn_page1_mask_cn{width:50%;color: #fff;font-size: 50px;margin-top: 10px;line-height: 60px;border-bottom: 1px solid #fff;text-align: right;padding-bottom: 15px;}
  	.yynn_page1_mask_cn span{font-weight: bold;margin-left: 5px;}
	.yynn_main{width:100%;margin:0 auto;padding:0;min-height: 360px;}
	.yynn_main p{width:100%;margin:0 auto;padding:0;font-size: 16px;color:#666;line-height: 2;}
	.yynn_main iframe{width:800px;height:540px;margin:50px auto 0;}
	.yynn_content{width:100%;margin:15px auto 0;border-top:1px solid #ccc;}

	/* yynn_content_title */
	.yynn_content_title{width:100%;margin:100px auto 80px;}
	.yynn_content_title_cn{width:100%;margin:0 auto;padding:0;font-size: 30px;color:#5c6272;line-height: 40px;}
	.yynn_content_title_en{width:100%;margin:0 auto;padding:0;font-size: 22px;color:#c7c7c7;line-height: 30px;font-family: Oswald;text-transform:uppercase;}
	.yynn_content_title_p{width:100%;margin:20px auto 0;padding:0;}
	.yynn_content_title_p p{width:100%;margin:0 auto;padding:0;font-size: 14px;color:#777c88;line-height: 25px;}

	/* yynn_content_div */
	.yynn_content_div{width:100%;margin:70px auto 0;}
	.yynn_content_div_title{width:100%;margin:0 auto;}
	.yynn_content_div_title h2{width:100%;margin:0 auto;padding:0 0 0 25px;border-left: 5px solid #016088;font-size:30px;color:#5c6272;line-height: 33px;}
	.yynn_content_div_body{width:100%;margin:20px auto 0;padding:35px 0 0;border-top:1px solid #ccc;}
	.yynn_content_div_body_main{width:100%;margin:0 auto;}
	.yynn_content_div_body_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
/* yynn_main  end! */

/* yynn_about  start! */
	.yynn_div{width:100%;margin:10px auto 0;padding:70px;}
	.yynn_div_title{width:100%;margin:100px auto 80px;text-align: center;font-size: 26px;line-height: 35px;color:#555;}
	.yynn_about_main{width:100%;margin:65px auto 0;}
	.yynn_div_img{width:100%;margin:0 auto;text-align: center;}
	/*.yynn_div_img img{margin:0  30px;}*/
	.yynn_div_p{width:100%;margin:60px auto;}
	.yynn_div_p p{width:100%;margin:0 auto;font-size: 18px;color:#5d5d5d;line-height: 30px;text-align: left;}
	.yynn_div_manufacturing02{width:100%;margin:150px auto 0;}
/* yynn_about  end! */

/* yynn_product  start! */
	.yynn_div_product_list{width:100%;margin:0 auto;padding:0;}
	.yynn_div_product_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_div_product_item{width:23%;margin:0 1% 15px 1%;float:left;border:1px solid #e7e7e7;}
	/*.yynn_div_product_item:nth-of-type(2n){margin:0 0 15px 0;}*/
	.yynn_div_product_item_img{width:100%;margin:0 auto;}
	.yynn_div_product_item_img a{outline: none;display: block; width:100%;margin:0 auto;text-align: center;overflow: hidden;}
	.yynn_div_product_item_img a img{width:100%;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		transition: all .8s ease 0s;
	}
	.yynn_div_product_item_img:hover a img{
		-moz-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}
	.yynn_div_product_item_txt{width:100%;margin:0 auto;padding:30px 60px;background-color: #e7e7e7;}
	.yynn_div_product_item_txt a{outline: none;display: block;width:100%;color:#5c6272;}
	.yynn_div_product_item_txt a:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_div_product_item_txt span{display: block;}
	.yynn_div_product_item_txt .yynn_more{width:60px;float:right;}
	.yynn_div_product_item_txt .yynn_txt{width:calc(100% - 70px);float:left;padding:0 0 0 15px;border-left:5px solid #016088;font-size: 23px;height:30px;line-height: 30px;
		overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	}
	.yynn_div_product_item:hover .yynn_div_product_item_img a img{
		-moz-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}
	.yynn_div_product_item:hover .yynn_div_product_item_txt a{color:#016088;}
	.yynn_div_p2 .yynn_div_product_item_txt .yynn_txt{border-left:5px solid #ac9068;}
	.yynn_div_p2 .yynn_div_product_item:hover .yynn_div_product_item_txt a{color:#ac9068;}

	/* yynn_content_div */
	.yynn_content_product_img{width:410px;float:right;text-align: center;padding:15px 0 0;}
	.yynn_content_product_txt{width:calc(100% - 460px);float:left;}

	/* yynn_ul */
	.yynn_ul{width:100%;margin:0 auto;padding:0;}
	.yynn_li{width:100%;margin:0 auto;}
	.yynn_li:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_li_l{width:200px;float:left;padding:10px 0;border-bottom: 1px solid #ccc;}
	.yynn_li_r{width:calc(100% - 260px);float:right;padding:10px 0;border-bottom: 1px solid #ccc;}
	.yynn_li span{display: block;width:100%;font-size: 16px;color:#777c88;line-height: 30px;}
	.yynn_content_div3 .yynn_ul .yynn_li{padding:10px 0;border-bottom: 1px solid #ccc;}
	.yynn_content_div3 .yynn_ul .yynn_li:nth-of-type(1){border-top: 1px solid #ccc;}
	.yynn_li_h{width:100%;margin:0 auto;font-size: 18px;color:#777c88;font-weight: bold;line-height: 30px;}
	.yynn_li_p{width:100%;margin:0 auto;font-size: 16px;color:#777c88;line-height: 30px;}
	.yynn_content_div4 .yynn_ul .yynn_li{padding:10px 0;border-bottom: 1px solid #ccc;}
	.yynn_content_div4 .yynn_ul .yynn_li.yynn_li_div4{padding:25px 0;}
	.yynn_content_div4 .yynn_ul .yynn_li:nth-of-type(1){border-top: 1px solid #ccc;}
	.yynn_li_item{width:32%;float:left;border:1px solid #ddd;padding:5px;text-align: center;margin:5px 2% 5px 0;}
	.yynn_li_item:nth-of-type(3n){margin:5px 0 5px 0;}
	.yynn_li_item a{outline: none;display: block;width:100%;font-size: 18px;color:#777c88;font-weight: bold;line-height: 30px;cursor:default; }

/* yynn_product  end! */

/* yynn_news  start! */
	.yynn_news_list{width:100%;margin:100px auto 0;padding:0;}
	.yynn_news_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_news_item{width:32%;float:left;margin:0 2% 50px 0;}
	.yynn_news_item:nth-of-type(3n){margin:0 0 50px 0;}
	.yynn_news_item_img{width:100%;margin:0 auto;padding:0;overflow: hidden;}
	.yynn_news_item_img a{outline: none;display: block;width:100%;margin:0 auto;padding:60% 0 0;overflow: hidden;text-align: center;background-position: center center;background-size: cover;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		transition: all .8s ease 0s;
	}
	.yynn_news_item_txt{width:100%;margin:20px auto 0;}
	.yynn_news_item_txt_h{width:100%;margin:0 auto;}
	.yynn_news_item_txt_h a{outline: none;display: block; width:100%;margin:0 auto;font-size: 20px;color:#5c6272;line-height: 30px;height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.yynn_news_item_txt_date{width:100%;margin:10px auto 0;font-size: 14px;color:#777c88;line-height: 20px;}
	.yynn_news_item:hover .yynn_news_item_img a{
		-moz-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}
	.yynn_news_item:hover .yynn_news_item_txt_h a{color:#016088;}

	/* yynn_news_show */
	.yynn_news_show{width:100%;margin:15px auto 0;padding:100px 0;border-bottom: 1px solid #ccc;}
	.yynn_news_show_body{width:100%;margin:0 auto;}
	.yynn_news_show_h{width:100%;margin:0 auto;}
	.yynn_news_show_h h1{width:100%;margin:0 auto;font-size: 30px;color:#5c6272;line-height: 35px;}
	.yynn_news_show_span{width:100%;margin:20px auto 0;padding:10px 20px;background-color: #f8f8f8;font-size: 13px;color:#777c88;line-height: 20px;}
	.yynn_news_show_span:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_news_show_span_r{width:280px;float:right;text-align: right;}
	.yynn_news_show_span_l{width:calc(100% - 300px);float:left;}
	.yynn_news_show_span_l span{margin:0 5px 0 0;}
	.yynn_news_show_content{width:100%;margin:35px auto 0;}
	.yynn_news_show_content p{line-height: 2.5;}
/* yynn_news  end! */

/* yynn_contact  start! */
	.yynn_contact_div{width:100%;margin:100px auto 0;}
	.yynn_contact_div_h{width:100%;margin:0 auto;padding:0 25px;border-left:5px solid #ac9068;font-size: 30px;color:#016088;line-height: 33px;}
	.yynn_contact_div_main{width:100%;margin:30px auto 0;}
	.yynn_contact_txt{width:100%;margin:0 auto;padding:30px;background-color: #f8f8f8;}
	.yynn_contact_txt:nth-of-type(1){margin:0 auto 15px;}
	.yynn_contact_txt:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_contact_item{width:50%;margin:0 auto 15px;float:left;font-size: 22px; color:#016088;line-height: 30px;height:30px;
		overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 15px 0 0;
	}
	.yynn_contact_item span{font-weight: bold;}
	/* yynn_form */
	.yynn_form{width:100%;margin:0 auto;}
	.yynn_form_div{width:100%;margin:0 auto;}
	.yynn_form_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_form_div .form-group{width:49%;float:left;margin:0 2% 0 0;}
	.yynn_form_div .form-group:nth-of-type(2n){margin:0;}
	.yynn_form .input-group .addon{background-color: #016088;border:1px solid #016088;color:#fff;}
	.yynn_form .input-group .input:focus{border:1px solid #016088;}
	.yynn_form .input:focus{border:1px solid #016088;}
	.yynn_form .button{border:1px solid #016088;background-color: #016088;color:#fff;padding:8px 50px;}
	.yynn_form .button:hover{border:1px solid #ac9068;background-color: #ac9068;}
/* yynn_contact  end! */

/* yynn_features  start! */
	.yynn_features_title{width:100%;margin:100px auto 0;text-align: center;}
	.yynn_features_title_cn{width:100%;margin:0 auto;font-size: 30px;color:#016088;line-height: 40px;}
	.yynn_features_title_cn span{font-weight: bold;}
	.yynn_features_title_en{margin:0 auto;color: #b5b4b7;font-size: 30px;font-family: Oswald;text-transform: uppercase;line-height: 35px;}
	/* yynn_features_main */
	.yynn_features_main{width:100%;margin:60px auto 0;}
	.yynn_features_div{width:100%;margin:15px auto;position: relative;}
	.yynn_features_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_features_div_mask{width:100%;margin:0 auto;height:100%;position: absolute;left:0;top:0;color:#fff;}
	.yynn_features_div_mask p{color:#fff;font-size: 28px;line-height: 40px;}
	.yynn_features_div_mask p span{font-weight: bold;}
	.yynn_features_div_mask_in{width:100%;margin:0 auto;position:absolute;left:0;top:50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.yynn_features_div1 .yynn_features_div_mask_in{top:35%;text-align: center;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	/* yynn_features_div2 */
	.yynn_features_div.yynn_features_div2{padding:50px 0;}
	.yynn_features_div2_item{width:100%;margin:0 auto;color:#016088;padding:0 5%;}
	.yynn_features_div2_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_features_div2_item_txt{width:60%;float:left;position: relative;}
	.yynn_features_div2_item_img{width:40%;float:right;text-align: center;}
	.yynn_features_div2_item .yynn_features_div2_item_txt p{color:#016088;padding:0 30px;}
	.x6:nth-of-type(2) .yynn_features_div2_item .yynn_features_div2_item_txt p{text-align: right;}
	/* yynn_features_div3 */
	.yynn_features_div3 .x6{float:right;text-align: right;}

	/* yynn_features_div4 */
	.yynn_features_div4 .x6{text-align: right;padding:0 8% 0 0;}
	.yynn_features_div4 .x6 p{color:#016088;}

	/* yynn_features_div5 */
	.yynn_features_div5 p{color:#016088; text-align: center;margin:-5% auto 0;}

	/* yynn_features_div6 */
	.yynn_features_div6 .x6{float:right;text-align: right;padding:0  8% 0 0;}
	.yynn_features_div6 .x6 p{color:#016088;}

	/* yynn_features_div7 */
	.yynn_features_div7 .x6{padding:0 0 0 8%;}
	.yynn_features_div7 .x6 p{color:#016088;}

	/* yynn_features2 多元设计 start! */
		.yynn_features2{width:100%;margin:0 auto;}
		.yynn_features2 .yynn_features_div{margin:0 auto;border-bottom: 1px solid #ccc}
		.yynn_features2_group{border-left: 4px solid #ac9068;padding:0 0 0 15px;}
		.yynn_features2_group .yynn_features2_title{width:100%;margin:0 auto;font-size: 25px;color:#333;line-height: 30px;}
		.yynn_features2_group .yynn_features_p{width:100%;margin:10px auto 0;}
		.yynn_features2_group .yynn_features_p p{width:100%;margin:0 auto;color:#777c88;font-size: 15px;line-height: 25px;}

		/* yynn_features_div2 */
		.yynn_features2_div2 .x6{float:right;padding:0 0 0 15%;}

		/* yynn_features_div4 */
		.yynn_features2_div4 .x6{float:right;padding:0 0 0 15%;}

		/* yynn_features_div6 */
		.yynn_features2_div6 .x6{float:right;padding:0 0 0 15%;}

	/* yynn_features2 多元设计 end! */
/* yynn_features  end! */

/* yynn_case  start! */
	.yynn_case_list{width:100%;margin:60px auto 0;}
	.yynn_case_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_case_item{width:49%;float:left;margin:0 2% 30px 0;}
	.yynn_case_item:nth-of-type(2n){margin:0 0 30px 0;}
	.yynn_case_item a{outline: none;display: block;width:100%;text-align: center;overflow: hidden;position: relative;color:#fff;}
	.yynn_case_item .img{width:100%;padding:64.5% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
	.yynn_case_item_txt{width:100%;padding:30px;position: absolute;left:0;bottom:0;background-color: rgba(0,0,0,.8);}
	.yynn_case_item_txt:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_case_item_txt_r{width:55px;height:30px;float:right;}
	.yynn_case_item_txt_l{width:calc(100% - 60px);height:30px;float:left;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 23px;text-align: left;}
	.yynn_case_item a img{width:100%;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		transition: all .8s ease 0s;
	}
	.yynn_case_item:hover a img{
		-moz-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);
		transform:scale(1.1,1.1);
	}

	/* yynn_case 内容页 */
	.yynn_case_title{width:100%;margin:100px auto 0;}
	.yynn_case_title h1{width:100%;margin:0 auto;font-size: 30px;color:#5c6272;line-height: 35px;text-align: center}
	.yynn_case_title h1 span{display: inline-block;padding:0 20px 0 0;margin:0 24px 0 0;color:#016088;font-weight: bold;position: relative;}
	.yynn_case_title h1 span:after{content: "";width:4px;height: 30px;background-color: #016088;position: absolute;top:5px;left:100%;}
	.yynn_case_top{width:100%;margin:60px auto 0;position: relative;}
	.yynn_case_scrollbar{width:100%;margin:40px auto 0;position: relative;padding:0 10%;}
	.swiper_case_scrollbar{opacity: 1!important;width:100%;background-color: #ddd;height:15px;border-radius: 15px;}
	.swiper_case_scrollbar .swiper-scrollbar-drag{background-color: #016088;}

	/* yynn_case_main */
	.yynn_case_main{width:100%;margin:0 auto;padding:100px 0 80px;border-bottom: 1px solid #ccc}
	.yynn_case_main_title{width:100%;margin:0 auto;}
	.yynn_case_main_title:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

	.yynn_case_title_item{float:left;}
	.yynn_case_title_item1{width:25%;margin:0 5% 25px 0;}
	.yynn_case_title_item2{width:25%;margin:0 0 25px 0;}
	.yynn_case_title_item3{width:100%;margin:0;float:none;}

	.yynn_case_title_item{font-size: 24px;color:#5c6272;line-height: 30px;}
	.yynn_case_title_item span{display: inline-block;padding:0 20px 0 0;margin:0 24px 0 0;color:#016088;font-weight: bold;position: relative;}
	.yynn_case_title_item span:after{content: "";width:4px;height: 24px;background-color: #016088;position: absolute;top:4px;left:100%;}
	.yynn_case_title_item2_l,.yynn_case_title_item2_r{display: inline-block;}
	.yynn_case_title_item2_l{margin-right: 15px;}
	.yynn_case_title_item2_r a img.nohover{display: inline-block;}
	.yynn_case_title_item2_r a img.hover{display: none;}
	.yynn_case_title_item2_r a:hover img.nohover{display: none;}
	.yynn_case_title_item2_r a:hover img.hover{display: inline-block;}
	.yynn_case_main_body{width:100%;margin:50px auto 0;}
	.yynn_case_main_body>h2{width:100%;margin:0 auto;font-size: 24px;color:#5c6272;line-height: 30px;}
	.yynn_case_main_content{width:100%;margin:20px auto 0;}

	/* 工程案例封面页 分类 */
	.yynn_case_index{width:100%;margin:50px auto 0;padding:0;}
	.yynn_case_index_div{width:100%;margin:0 auto 15px;}
	.yynn_case_index_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.yynn_case_index_img{width:66.5%;float:left;height:500px;overflow:hidden;position: relative;}
	.yynn_case_index_txt{width:calc(100% - 66.5%);float:right;height:500px;overflow:hidden;position: relative;background-color: #eaeaea;color:#016088;}
	.yynn_case_index_div:nth-of-type(2n) .yynn_case_index_img{float:right;}
	.yynn_case_index_div:nth-of-type(2n) .yynn_case_index_txt{float:left;}
	.yynn_case_index_img>a.img{height:100%;}
	a.yynn_case_index_mask{outline: none;display: block;width:100%;height:100%;position: absolute;left:0;top:0;color:#016088;}
	.yynn_case_index_mask_in{width:100%;position: absolute;left:0;top:50%;padding:0 15% 0 20%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.yynn_case_index_body{width:100%;margin:0 auto;}
	.yynn_case_index_body h2{width:100%;margin:0 auto;font-size: 40px;line-height: 55px;font-weight: 700;letter-spacing: 2px;}

	.yynn_case_index_body .yynn_section_more{width:100%;margin:30px auto 0;font-size: 18px;line-height: 30px;font-weight: 700;}
	.yynn_case_index_body .yynn_section_more  span{margin-right: 12px;display: inline-block;padding:0;border-bottom: 1px solid #016088}

/* yynn_case  end! */




/* 分页部分通用 开始  */
	.pagelist {list-style: none;margin:50px auto 30px;text-align: center;padding:5px 0;font-family: "思源黑体";}
	.pagelist:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.pagelist > a,.pagelist>span{
		display: inline-block;text-decoration: none;outline: none;width:30px;height:55px;line-height: 55px;text-align: center;
		font-size: 18px;padding:0;color:#222;margin:3px 0;transition: all 0s;}
	.pagelist > span{color:#c1ac90;}
	.pagelist >a:hover{color:#c1ac90;}
	.pagelist a:first-child{border:1px solid #222;border-radius: 50%;width:55px;height:55px;line-height: 50px;}
	.pagelist a:last-child{border:1px solid #222;border-radius: 50%;width:55px;height:55px;line-height: 50px;}
	.pagelist a:first-child:hover{border:1px solid #c1ac90;}
	.pagelist a:last-child:hover{border:1px solid #c1ac90;}
	@media(max-width: 1600px){
		.pagelist {margin:45px auto 25px;}
		.pagelist > a,.pagelist>span{width:30px;height:50px;line-height: 50px;font-size: 18px;margin:3px 0;}
		.pagelist a:first-child{width:50px;height:50px;line-height: 46px;}
		.pagelist a:last-child{width:50px;height:50px;line-height: 46px;}
	}
	@media(max-width: 1400px){
		.pagelist {margin:35px auto 20px;}
	}
	@media(max-width: 1200px){
		.pagelist {margin:26px auto 10px;}
	}
	@media(max-width: 760px) {
		.pagelist {margin:20px auto 5px;}
		.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 11px;font-weight: normal;padding:0 8px;font-weight: normal;}
		.pagelist a:first-child{width:40px;height:40px;line-height: 38px;}
		.pagelist a:last-child{width:40px;height:40px;line-height: 38px;}
	}
	@media(max-width: 500px) {
		.pagelist {line-height: 40px;margin:25px auto 10px;}
		.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 1px;}
		.pagelist a:first-child{width:40px;height:40px;line-height: 38px;}
		.pagelist a:last-child{width:40px;height:40px;line-height: 38px;}
	}
/* 分页部分通用 结束  */

/* 移动端底部通用代码 footer 开始 */
	.footer_m {display: none;}
	@media (max-width: 640px) {
		.page2 {margin-bottom: 60px;}
		.footer_m {display: block;}
	}
	.footer_m{position: fixed;bottom:0;left:0;width:100%;height:60px;z-index: 99;padding:10px 0;background-color: #fff;}
	.footer_m_item {width:33.33%;float:left;height:40px;text-align: center;}
	.footer_m_item a{outline: none}
	.footer_m_item_icon {width:100%;height:20px;}
	.footer_m_item_icon a{outline: none;display: block;width: 100%;height:100%;outline: none;}
	.footer_m_item_icon img{width:20px;height:20px;}
	.footer_m_item_txt{width:100%;height:20px;line-height: 20px;color:#016088;font-size: 12px;}
/* 移动端底部通用代码 footer 结束 */

.yynn_search_title{width:100%;margin:50px auto 0;font-size: 30px;line-height: 35px;color:#016088;text-align: center;}
.yynn_searchs .yynn_news_list{margin:35px auto 0;}
.yynn_searchs .yynn_case_list{margin:35px auto 0;}
.yynn_searchs .pagelist{margin:15px auto;}
.yynn_searchs .pagelist span{width:100%;line-height: 30px;height:auto;}

/* 产品系统 */
.yynn_content_p4_img{width:100%;margin:0 auto;}
.yynn_content_p4_img:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.yynn_content_p4_img_item{width:33%;float:left;margin:0 0.5% 10px 0;}
.yynn_content_p4_img_item:nth-of-type(3n){margin:0 0 10px 0;}
.yynn_content_p4_img .yynn_li_h{text-align: center;}


.mKeBanner,.mKeBanner div{text-align:center}
.imageflow img{-webkit-box-shadow:2px 2px 2px 2px hsla(0,0%,0%,.1);box-shadow:2px 2px 2px 2px hsla(0,0%,0%,.1)}
.imageflow{overflow:hidden;position:relative;text-align:left;visibility:hidden;width:100%;margin:0 auto}
.imageflow img{border:none;position:absolute;top:0;visibility:hidden;-ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto;text-align:center}
.imageflow .loading{border:1px solid #ccc;height:15px;left:50%;margin-left:-106px;padding:5px;position:relative;visibility:visible;width:200px}
.imageflow .loading_bar{background:#ccc;height:15px;visibility:visible;width:1%}
.imageflow .caption{font-weight:700;position:relative;text-align:center;z-index:2}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3;position:relative;visibility:hidden;z-index:3;height:1px}
.imageflow .slider{background-image:url(../image/slider.png);background-repeat:no-repeat;height:14px;margin:-6px 0 0 -7px;position:absolute;width:14px;z-index:4}
.imageflow .images{overflow:hidden;white-space:nowrap}
.imageflow .button{cursor:pointer;height:17px;position:relative;width:17px}
.imageflow .previous{background:url(../image/slider.png) top left no-repeat;float:left;margin:-7px 0 0 -30px}
.imageflow .next{background:url(../image/slider.png) top left no-repeat;float:right;margin:-7px -30px 0 30px}



/* yynn_aside start! */
.yynn_aside{position: fixed;right:1%;bottom:20%;z-index: 100000000000;display: none;}
.yynn_aside_item{width:54px;height:54px;margin:0 auto 2px; background-color: #1d77ab;border-radius: 4px;cursor: pointer;position: relative;text-align: center;padding:12px;}
.yynn_aside_item a{outline: none;display: block;}
.yynn_aside_item_main{width:150px;height:54px;text-align: center;line-height: 28px;font-size: 17px;display: none;
  color:#fff;background-color:#0099d9;border-radius: 4px;position: absolute;left:-160px;top:0px;
}
.weixin{width:120px;height:120px;text-align: center;padding:0;display: none;overflow:hidden;box-shadow: 0 0 10px #888;
  border-radius: 4px;position: absolute;left:-130px;top:-33px;
}
@media(max-width: 640px){
  .yynn_aside{right:10px;bottom:15%;}
  .yynn_aside_item{width:36px;height:36px;padding:7px;}
  .yynn_aside_item_main{width:120px;height:36px;line-height: 36px;font-size: 14px;display: none;left:-130px;top:0px;}
  .weixin{width:100px;height:100px;display: none;left:-110px;top:-33px;}
  .yynn_aside_item1,.yynn_aside_item2,.yynn_aside_item3{display: none;}
}
.header-lang-box{float:left; width:120px; height:30px; border-radius:30px; background:rgba(0,0,0,0.5);   margin-top: 8px;margin-left: -133%;}
.header-lang-list{display: flex; align-items:center;}
.header-lang-list li{width:50%; text-align:center;}
.header-lang-list li a{display: block; font-size:12px; color:#fff; line-height:30px; font-weight:700; border-radius:30px;}
.header-lang-list li.cur a{background:#fff; color:#222; margin-right:-1px;}

@media all and (max-width:1024px){
	.header-lang-box{width:100px; height:25px; margin-top:-2px;}
	.header-lang-list li a{line-height:25px;}
}



/*****youshi****/


  .qyys-container {
            max-width: 1380px;
            margin: 0 auto;
            padding: 40px 20px;
        }
        
        .qyys-header {
            text-align: center;
            margin-bottom: 50px;
            padding: 30px 0;
            background: linear-gradient(120deg, #1a6fc4 0%, #0a4b8f 100%);
            border-radius: 10px;
            box-shadow: 0 15px 30px rgba(10, 75, 143, 0.2);
            color: white;
        }
        
        .qyys-header h1 {
            font-size: 2.8rem;
            margin-bottom: 15px;
            font-weight: 600;
            letter-spacing: 1px;
        }
        
        .qyys-header p {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
            opacity: 0.9;
        }
        
        .qyys-section {
            background: white;
            border-radius: 10px;
            padding: 35px;
            margin-bottom: 40px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-left: 5px solid #1a6fc4;
        }
        
        .qyys-section:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(10, 75, 143, 0.15);
        }
        
        .qyys-title {
            color: #0a4b8f;
            font-size: 1.8rem;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid #e6f0ff;
            position: relative;
        }
        
        .qyys-title:after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 70px;
            height: 2px;
            background: #1a6fc4;
        }
        
        .qyys-content {
            font-size: 1.1rem;
            line-height: 1.8;
            color: #444;
        }
        
        .qyys-features {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            margin-top: 30px;
        }
        
        .qyys-feature {
            flex: 1 1 300px;
            background: #f0f7ff;
            padding: 25px;
            border-radius: 8px;
            border-top: 4px solid #1a6fc4;
            transition: all 0.3s ease;
        }
        
        .qyys-feature:hover {
            background: #e1efff;
            transform: translateY(-3px);
        }
        
        .qyys-feature h3 {
            color: #0a4b8f;
            font-size: 1.3rem;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .qyys-feature h3:before {
            content: "✓";
            margin-right: 10px;
            background: #1a6fc4;
            color: white;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }
        
        .qyys-processes {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin: 20px 0;
        }
        
        .qyys-process {
            background: linear-gradient(135deg, #1a6fc4 0%, #0a4b8f 100%);
            color: white;
            padding: 12px 20px;
            border-radius: 30px;
            font-size: 0.95rem;
            box-shadow: 0 5px 15px rgba(10, 75, 143, 0.2);
        }
        
        .qyys-industries {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin: 20px 0;
        }
        
        .qyys-industry {
            background: #e1efff;
            color: #0a4b8f;
            padding: 12px 20px;
            border-radius: 6px;
            font-size: 0.95rem;
            border: 1px dashed #1a6fc4;
        }
        
        .qyys-highlight {
            background: #e1efff;
            padding: 30px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #1a6fc4;
        }
        
        .qyys-highlight p {
            font-style: italic;
            color: #0a4b8f;
            text-align: center;
            font-size: 1.2rem;
            margin: 0;
        }
        
        .qyys-footer {
            text-align: center;
            margin-top: 50px;
            padding: 30px;
            background: linear-gradient(120deg, #1a6fc4 0%, #0a4b8f 100%);
            border-radius: 10px;
            color: white;
        }
        
        .qyys-footer p {
            font-size: 1.1rem;
            margin: 5px 0;
        }
        
        @media (max-width: 768px) {
            .qyys-header h1 {
                font-size: 2.2rem;
            }
            
            .qyys-section {
                padding: 25px;
            }
            
            .qyys-title {
                font-size: 1.5rem;
            }
        }


/***********/
.newsbg{    position: absolute;
    left: 0;
    top: 0;
	z-index: -1;
    width: 100%;
    height: 100%;}

	.newsbg video{    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;}

/***********jjzc********/


 .jszc-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 40px 20px;
        }
        
        .jszc-header {
            text-align: center;
            margin-bottom: 50px;
            padding: 40px 0;
            background: linear-gradient(120deg, #1a6fc4 0%, #0a4b8f 100%);
            border-radius: 15px;
            box-shadow: 0 15px 30px rgba(10, 75, 143, 0.2);
            color: white;
            position: relative;
            overflow: hidden;
        }
        
        .jszc-header:before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 60%);
            transform: rotate(30deg);
        }
        
        .jszc-header h1 {
            font-size: 2.8rem;
            margin-bottom: 15px;
            font-weight: 600;
            letter-spacing: 1px;
            position: relative;
        }
        
        .jszc-header p {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
            opacity: 0.9;
            position: relative;
        }
        
        .jszc-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: center;
            margin-bottom: 40px;
        }
        
        .jszc-tab {
            padding: 15px 25px;
            background: white;
            border-radius: 50px;
            cursor: pointer;
            font-weight: 600;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            border: 2px solid #1a6fc4;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .jszc-tab:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(10, 75, 143, 0.2);
        }
        
        .jszc-tab.active {
            background: #1a6fc4;
            color: white;
        }
        
        .jszc-tab i {
            font-size: 1.2rem;
        }
        
        .jszc-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));
            gap: 30px;
        }
        
        .jszc-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            position: relative;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .jszc-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(10, 75, 143, 0.2);
        }
        
        .jszc-card-header {
            background: linear-gradient(120deg, #1a6fc4 0%, #0a4b8f 100%);
            color: white;
            padding: 25px;
            text-align: center;
            position: relative;
        }
        
        .jszc-card-header h2 {
            font-size: 1.8rem;
            margin-bottom: 10px;
        }
        
        .jszc-card-header p {
            opacity: 0.9;
            font-size: 1.1rem;
        }
        
        .jszc-card-icon {
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
        
        .jszc-card-body {
            padding: 25px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .jszc-card-feature {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }
        
        .jszc-card-feature i {
            color: #1a6fc4;
            font-size: 1.2rem;
            margin-right: 15px;
            margin-top: 3px;
            flex-shrink: 0;
        }
        
        .jszc-card-feature div {
            flex-grow: 1;
        }
        
        .jszc-card-feature h3 {
            color: #0a4b8f;
            margin-bottom: 5px;
            font-size: 1.1rem;
        }
        
        .jszc-card-feature p {
            color: #555;
            font-size: 0.95rem;
        }
        
        .jszc-card-footer {
            padding: 20px 25px;
            background: #f0f7ff;
            border-top: 1px solid #e6f0ff;
        }
        
        .jszc-card-applications {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .jszc-card-application {
            background: #e1efff;
            color: #0a4b8f;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 500;
        }
        
        .jszc-highlight {
            background: #e1efff;
            padding: 15px 20px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid #1a6fc4;
        }
        
        .jszc-highlight p {
            color: #0a4b8f;
            font-style: italic;
            text-align: center;
            margin: 0;
        }
        
        .jszc-capacity {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #f7fbff;
            padding: 15px;
            border-radius: 10px;
            margin-top: 15px;
        }
        
        .jszc-capacity-label {
            font-weight: 600;
            color: #0a4b8f;
        }
        
        .jszc-capacity-value {
            font-size: 1.1rem;
            font-weight: 700;
            color: #1a6fc4;
        }
        
        @media (max-width: 768px) {
            .jszc-header h1 {
                font-size: 2.2rem;
            }
            
            .jszc-content {
                grid-template-columns: 1fr;
            }
            
            .jszc-tabs {
                flex-direction: column;
                align-items: center;
            }
            
            .jszc-tab {
                width: 100%;
                justify-content: center;
            }
        }






/********zuoce*****/

 .subtitle {
            font-size: 1.2rem;
            max-width: 600px;
            margin: 0 auto;
            color: rgba(255, 255, 255, 0.85);
            line-height: 1.6;
        }
        
        .floating-nav {
            position: fixed;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 20px;
            z-index: 1000;
        }
        
        .nav-button {
            display: flex;
            align-items: center;
            width: 60px;
            height: 60px;
            border-radius: 30px;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            overflow: hidden;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }
        
        .nav-button:hover {
            width: 200px;
            background: rgba(255, 255, 255, 0.15);
        }
        
        .nav-button .icon {
            min-width: 60px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            transition: transform 0.3s ease;
        }
        
        .nav-button:hover .icon {
            transform: scale(1.2);
        }
        
        .nav-button .text {
            white-space: nowrap;
            padding-right: 20px;
            font-weight: 600;
            font-size: 18px;
            opacity: 0;
            transform: translateX(-10px);
            transition: all 0.4s ease;
        }
        
        .nav-button:hover .text {
            opacity: 1;
            transform: translateX(0);
        }
        
        .content {
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 40px;
            max-width: 700px;
            width: 100%;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .content h2 {
            font-size: 2.5rem;
            margin-bottom: 25px;
            color: #ff7e5f;
            text-align: center;
        }
        
        .content p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 20px;
            color: rgba(255, 255, 255, 0.9);
        }
        
        .highlight {
            color: #feb47b;
            font-weight: 600;
        }
        
        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }
        
        .feature {
            background: rgba(255, 255, 255, 0.05);
            padding: 20px;
            border-radius: 15px;
            text-align: center;
            transition: transform 0.3s ease;
        }
        
        .feature:hover {
            transform: translateY(-10px);
            background: rgba(255, 255, 255, 0.1);
        }
        
        .feature i {
            font-size: 2.5rem;
            margin-bottom: 15px;
            color: #ff7e5f;
        }
        
        .feature h3 {
            font-size: 1.4rem;
            margin-bottom: 10px;
        }
        
        .feature p {
            font-size: 0.95rem;
        }
        
        /* 按钮颜色设置 */
        #home-btn { color: #FFFFFF; }
        #home-btn:hover { background: rgba(163, 34, 34, 0.2); }
        
        #search-btn { color: #FFFFFF; }
        #search-btn:hover { background: rgba(33, 150, 243, 0.2); }
        
        #settings-btn { color: #FFFFFF; }
        #settings-btn:hover { background: rgba(255, 193, 7, 0.2); }
        
        #user-btn { color: #FFFFFF; }
        #user-btn:hover { background: rgba(233, 30, 99, 0.2); }
        
        .footer {
            margin-top: 40px;
            text-align: center;
            font-size: 0.9rem;
            color: rgba(255, 255, 255, 0.6);
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .floating-nav {
          flex-direction: column;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        justify-content: center;
        display: flex;
            }
            
            .nav-button {
                width: 50px;
                height: 50px;
            }
            
            .nav-button .icon {
                min-width: 50px;
                height: 50px;
            }
            
            .nav-button:hover {
                width: 50px;
            }
            
            .nav-button:hover .text {
                display: none;
            }
            
            h1 {
                font-size: 2.5rem;
            }
            
            .content {
                padding: 25px;
            }
        }






  :root {
            --qyjs-primary: #3498db;
            --qyjs-secondary: #2c3e50;
            --qyjs-accent: #e74c3c;
            --qyjs-light: #ecf0f1;
            --qyjs-shadow: rgba(0, 0, 0, 0.1);
            --qyjs-radius: 8px;
            --qyjs-transition: all 0.3s ease;
}




/************aboutyangshi*************/

 .qyjs-container {
            max-width: 1380px;
            margin: 0 auto;
            padding: 20px;
        }

        .qyjs-title {
            text-align: center;
            margin-bottom: 40px;
            color: var(--qyjs-secondary);
            position: relative;
            padding-bottom: 15px;
        }

        .qyjs-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: var(--qyjs-primary);
            border-radius: 2px;
        }

        .qyjs-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 0px;
            margin-bottom: 40px;
            background: white;
            border-radius: var(--qyjs-radius);
            overflow: hidden;
            box-shadow: 0 5px 15px var(--qyjs-shadow);
            transition: var(--qyjs-transition);
        }

        .qyjs-wrapper:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 20px var(--qyjs-shadow);
        }

        .qyjs01-image {
            flex: 1;
            min-width: 300px;
            overflow: hidden;
            position: relative;
        }

        .qyjs01-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--qyjs-transition);
        }

        .qyjs-wrapper:hover .qyjs01-image img {
            transform: scale(1.05);
        }

        .qyjs02-content {
            flex: 1;
            min-width: 300px;
            padding: 30px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .qyjs03-heading {
            font-size: 28px;
            margin-bottom: 15px;
            color: var(--qyjs-secondary);
        }

        .qyjs04-text {
            margin-bottom: 20px;
            color: #555;
            line-height: 1.8;
        }

        .qyjs05-meta {
            display: flex;
            gap: 15px;
            margin-bottom: 25px;
            flex-wrap: wrap;
        }

        .qyjs06-tag {
            background: var(--qyjs-light);
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 14px;
            color: var(--qyjs-primary);
            font-weight: 500;
        }

        .qyjs07-button {
            display: inline-block;
            padding: 12px 25px;
            background: var(--qyjs-primary);
            color: white;
            text-decoration: none;
            border-radius: var(--qyjs-radius);
            font-weight: 600;
            transition: var(--qyjs-transition);
            align-self: flex-start;
        }

        .qyjs07-button:hover {
            background: var(--qyjs-secondary);
            transform: translateY(-2px);
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .qyjs-wrapper {
                flex-direction: column;
            }
            
            .qyjs01-image {
                min-height: 250px;
            }
            
            .qyjs05-meta {
                justify-content: center;
            }
            
            .qyjs07-button {
                align-self: stretch;
                text-align: center;
            }
        }

        /* 动画效果 */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .qyjs02-content {
            animation: fadeIn 0.6s ease-out;
        }

        /* 交替布局 */
        .qyjs-alternate {
            flex-direction: row-reverse;
        }

        @media (max-width: 768px) {
            .qyjs-alternate {
                flex-direction: column;
            }
        }




.mianbaoyc {float: right}


section.q_about_bg{
	height: 700px
	
}

section.yynn_product_bg{
	height: 700px
}

section.yynn_news_bg{
	height: 700px
}

section.yynn_case_bg{
	height: 700px
}


section.yynn_contact_bg{
	height: 700px
}