img{
    max-width:100%;
}
*:focus {outline: none;}
body{
    position:relative;
}
@font-face {
  font-family: "CenturyGothic";
  src: url("fonts/CenturyGothic/CenturyGothic.woff2") format("woff2"),
       url("fonts/CenturyGothic/CenturyGothic.woff") format("woff"),
       url("fonts/CenturyGothic/CenturyGothic.ttf") format("truetype"),
       url("fonts/CenturyGothic/CenturyGothic.eot") format("embedded-opentype"),
       url("fonts/CenturyGothic/CenturyGothic.svg") format("svg"),
       url("fonts/CenturyGothic/CenturyGothic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FuturaBTLt";
  src: url("fonts/FuturaBTLt/FuturaBTLt.woff2") format("woff2"),
       url("fonts/FuturaBTLt/FuturaBTLt.woff") format("woff"),
       url("fonts/FuturaBTLt/FuturaBTLt.ttf") format("truetype"),
       url("fonts/FuturaBTLt/FuturaBTLt.eot") format("embedded-opentype"),
       url("fonts/FuturaBTLt/FuturaBTLt.svg") format("svg"),
       url("fonts/FuturaBTLt/FuturaBTLt.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PingFang TC Light_5";
  src: url("fonts/PingFangTCLight_5/PingFang TC Light_5.woff2") format("woff2"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.woff") format("woff"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.ttf") format("truetype"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.eot") format("embedded-opentype"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.svg") format("svg"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GOTHIC_0";
  src: url("fonts/GOTHIC_0/GOTHIC_0.woff2") format("woff2"),
       url("fonts/GOTHIC_0/GOTHIC_0.woff") format("woff"),
       url("fonts/GOTHIC_0/GOTHIC_0.ttf") format("truetype"),
       url("fonts/GOTHIC_0/GOTHIC_0.eot") format("embedded-opentype"),
       url("fonts/GOTHIC_0/GOTHIC_0.svg") format("svg"),
       url("fonts/GOTHIC_0/GOTHIC_0.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.comdiv{
width:100%; float:left; margin:0; padding:0; overflow:hidden}
/*************by 小徐************************/
#header{
position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:999;}
.header_mid{
margin:0 auto; padding:0 3%;}
.header_logo{
float:left; margin-top:1.5em;}
.header_logo img{
float:left;}
.header_right{
float:right;line-height:4.0625em;}
.header_right ul li{ margin-right:0em; position:relative;
display:inline-block; font-size:0.875em;}
.header_right ul li a{ padding:0 1.8em;-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;
display:inline-block; position:relative;}
.header_right_2{
float:right;line-height:4.0625em;}
.header_right_2 ul li{
display:inline-block; font-family: "CenturyGothic"; margin-left:1.4em;}
.header_right ul li:hover{
background-color:#7c878d;}
.header_right ul li:hover a{
color:#fff;}
.header_right ul li dl{background-color:#7c878d; line-height:normal; padding-bottom:2.5em; padding-top:0.3em;
position:absolute; left:0; top:65px; width:100%; z-index:10; text-align:center; display:none;}
.header_right ul li dl dd{
margin-top:0.3em; padding:0 1em;}
.header_right ul li dl dd a{
color:#f6f7f7; line-height:1.6; display:inline-block; padding:0.3em 0; position:relative;}
.header_right ul li dl dd a:after{  width:100%;   height:1px; bottom:0%; background-color:#a0a8ad; left:0;
content:"";  position: absolute;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
/*.header_right ul li:hover a:after{  width:100%; margin-left:0; left:0;}*/
.header_right_2 ul li i{
font-size:1.125em; }
.header_right_2 ul li a{color:#b9b9b9; display:inline-block;-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}
.header_right_2 ul li a:hover{
color:#000;}
.header_right_2 ul li:nth-child(1) a{
width:17px;background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img1.png);}
.header_right_2 ul li:nth-child(1) a i{
opacity:0;}
.header_right_2 ul li:nth-child(1) a:hover{
background-image:url(../images/header/img1on.png);}

.header_right_2 ul li:nth-child(2) a{
width:16px;background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img2.png);}
.header_right_2 ul li:nth-child(2) a i{
opacity:0;}
.header_right_2 ul li:nth-child(2) a:hover{
background-image:url(../images/header/img2on.png);}


.header_right_2 ul li:nth-child(3) a{
width:13px; background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img5.png);}
.header_right_2 ul li:nth-child(3) a i{
opacity:0;}
.header_right_2 ul li:nth-child(4) a{
width:12px; text-align:center;}
.header_right_2 ul li:nth-child(3) a:hover{
background-image:url(../images/header/img3.png);}
#mainbody{
margin:0 auto; margin-top:4.0625em;}
.indexbanner,.indexbanner .swiper-slide{
height: calc(100vh - 65px);}
.div1200{
margin:0 auto; max-width:75em; padding:0 1em;}
.index_pro_1_1{font-family: "GOTHIC_0";
text-align:center; font-size:3.625em; color:#090909; margin-top:1.2em; margin-bottom:0.5em;}
.index_pro_1_2{ line-height:1.8;
text-align:center; font-size:1.25em;font-family: "FuturaBTLt";}
.index_pro_2_1{
text-align:center; font-size:1.5625em; margin-bottom:1.5em; margin-top:2em; letter-spacing:0.35em;}
.index_pro_2_2{
position:relative;}
/******************/
.circleMenu_l{ background:url(../images/index/cir_before.png) no-repeat left center; position:absolute; left:-75px; top:50%; margin-top:-15px; width:30px; height:30px; z-index:300;} 
.circleMenu_l span{ background:url(../images/index/bg_back.jpg) no-repeat center; height:100%; width:50%; right:0; top:0; display:block; position:absolute;} 
.circleMenu_r{ background:url(../images/index/cir_before.png) no-repeat left center; position:absolute; right:-75px; top:50%; margin-top:-15px; width:30px; height:30px; z-index:300;} 
.circleMenu_r span{ background:url(../images/index/bg_back.jpg) no-repeat center; height:100%; width:50%; left:0; top:0; display:block; position:absolute;}

.cir_menu_l{ width:30px; height:30px; display:block; left:-75px; top:50%; margin-top:-15px; position:absolute; opacity:0; background:url(../images/index/cir_active.jpg) no-repeat; z-index:400;} 
.cir_menu_r{ width:30px; height:30px; display:block; right:-75px; top:50%; margin-top:-15px; position:absolute; opacity:0; background:url(../images/index/cir_active.jpg) no-repeat; z-index:400;} .cir_menu_l.on,.cir_menu_r.on{ opacity:1;} 
.circleMenu_l.on span,.circleMenu_r.on span{ height:0%;}
/*********************/
.swiper-container-mxcp .comdiv img{
width:100%;}
.mxcp_name{
text-align:center;   margin:1.2em 0;}
.index_de{background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;
position:relative; background-image:url(../images/index/img4.jpg); margin-top:3.5em;}
.index_de img{
opacity:0;}
.index_de_mid{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.index_de_mid_mid{
margin:1em auto; max-width:43.125em; padding:3em 1em; background-image:url(../images/index/img10.png); text-align:center;}
.index_de_mid_mid_1{
font-size:3.625em;font-family: "GOTHIC_0"; color:#fff;}
.index_de_mid_mid_2{
color:#fff; font-size:0.875em; letter-spacing:0.3em; margin-top:2em; margin-bottom:3em;}
.index_de_mid_mid_3 a{
display:inline-block; color:#fff; border-bottom:1px #fff solid; border-top:1px #fff solid; padding:0.2em 2em;}
.index_de_mid_mid_3{
margin-bottom:0.5em;}
.index_de_mid_mid_3 a:hover{
background-color:#333; border-color:#333;   color:#fff;}
.index_pro_mid ul li{ position:relative;
float:left; width:48.75%;}
.index_pro_mid ul li:nth-child(2n){
float:right;}
.index_pro_mid_pic{
width:100%; overflow:hidden;}
.index_pro_mid_name{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
text-align:center; letter-spacing:0.3em; margin:1.8em 0 2.5em 0;}
.index_video{
text-align:center; background-image:url(../images/index/img9.jpg);}
.index_video_1{
margin-top:1.2em;}
.index_pro{
margin-top:5.625em;}
.fixedBg{  
            height: calc(100vh - 65px);
            background-image: url(../images/index/banner.jpg); 
            background-position: center center; 
            background-repeat: no-repeat; 
            background-attachment: fixed;
            background-size: cover; 
        }
	
.index_news{
margin-top:1em; margin-bottom:7.25em;}
.index_news_1{
position:relative; overflow:hidden;}
.index_news_1_left{
width:31.83333333333333%; overflow:hidden;}
.index_news_1_left img{
width:100%;}
.index_news_1_right{
position:absolute; right:0; top:0; height:100%; width:65.83333333333333%;}
.index_news_1_right ul li{
position:absolute; left:0; top:0; height:100%; width:45%; background-position:center bottom; background-repeat:no-repeat; }
.index_news_1_right ul li:nth-child(2){
left:auto; right:0;}
.index_news_1_right_left{
float:left; width:45%;}
.index_news_1_right_right{
float:right; width:45%; font-size:0.875em; line-height:1.7;}
.index_news_1_right_mid{ border-top:1px #000 solid; padding-top:0.8em;}
.footer_2{
padding:1.2em 0;}
.footer_2_mid{
font-size:0.75em; text-align:center;}
.footer_1{
background-color:#7c878d; overflow:hidden; color:#fff;}
.footer_1_1 ul{
margin-top:1em; width:100%; overflow:hidden; float:left; clear:both;}
.footer_1_1 ul li{ position:relative;
float:left; width:12.5%; text-align:center;}
.footer_1_1_pic{
height:3.375em;}
.footer_1_1_pic_name{ font-size:0.8125em; margin-top:1.5em;
color:#fffdfd;}
.footer_1_2{
text-align:center; margin-top:5.2em;}
.footer_1_3{
text-align:center; margin:3em 0;}
.footer_1_3 a{ position:relative; margin:0 1em;
display:inline-block; height:28px; width:32px; background-position:center; background-repeat:no-repeat;}
.footer_1_3 a:nth-child(1){
background-image:url(../images/footer/img10.png);}
.footer_1_3 a:nth-child(2){
background-image:url(../images/footer/img11.png);}
.footer_1_3 a:nth-child(3){
background-image:url(../images/footer/img12.png);}
.footer_1_3 a:nth-child(4){
background-image:url(../images/footer/img13.png);}
.footer_1_3 a img{ z-index:10;
position:absolute; bottom:28px; max-width:none; left:-44px; display:none;}
.footer_1_3 a:hover img{
display:block;}
.header_right_2 ul li i.fa-close{
color:#000;}
.search_form{
position:fixed; left:0; top:65px; width:100%; background-color:#fff; z-index:999; height:64px; display:none;}

.prosearch{ padding-bottom:1.5em;-webkit-transition:all 0ms cubic-bezier(.23,1,.32,1) 1s; transition: all 1s cubic-bezier(.23,1,.32,1) 0ms;
position:fixed; left:0; top:-100%; z-index:900; width:100%; background-color:#f9f9f9;}
.prosearchon{
top:65px;}
.prosearch_1 span{
font-size:2em; font-weight:bold; color:#444;}
.prosearch_1{
padding:1.4em 0; overflow:hidden;}
.prosearch_2{
background-color:#eeeeee; overflow:hidden; padding:1em;}
.prosearch_2 input{
border:none; background-color:transparent; width:100%; font-size:1em; font-family:"微软雅黑"}
.prosearch_3 a{ border-radius:2.071428571428571em; background-color:#fff; margin-right:1em;
font-size:0.875em; display:inline-block; border:1px #ccc solid; padding:0.3em 1em; margin-bottom:0.6em;}
.prosearch_3{
margin-top:1.5em;}
.prosearch_3 a:hover{
border-color:#e9811a}
.swiper-pagination-mxcp{ display:none;
position:static; margin-top:0.5em;}
.swiper-pagination-bullet-active{
background-color:#000;}
.footer_1_1_pic_name{
position:relative;}
.footer_1_1 ul li i{ display:none;
position:absolute; right:1em; top:50%; margin-top:-8px;}
.nybanner{ overflow:hidden;
position:relative; text-align:center; color:#fff;}
.nybanner_jj{
position:absolute; left:0; top:0; width:100%; height:100%;}
.nybanner_jj .index_pro_1_1{
color:#fff; margin:0;}
.ny_add_url{color:#888888; padding:1em 0; overflow:hidden;
 }
.ny_add_url a{ font-size:0.875em;
color:#888888;}
.ny_add_url span{font-size:0.875em;
color:#0d0d0d;}
.ny_about_jj_1{ line-height:1.6; margin-bottom:1.5em; font-size:1.5em; margin-top:3.4em;
font-family: "PingFang TC Light_5"; text-align:center;}
.ny_about_jj_2{
text-align:center; font-size:0.875em; color:#666; line-height:2.5;}
.ny_about_jj_3{
margin-top:4em;}
.ny_about_jj4{ padding-left:13.75em;
margin:0 auto; max-width:50em; position:relative; margin-top:5em; margin-bottom:10em;}
.ny_about_jj4_left{
position:absolute; left:0; top:0; width:13.75em;}
.ny_about_jj4_left .ny_about_jj_1{
margin:0; text-align:left;}
.ny_about_jj4_right .ny_about_jj_2 li{
text-align:left; position:relative; padding-left:1.8em;}
.ny_about_jj4_right .ny_about_jj_2 li i{
position:absolute; left:0; top:0.8em; color:#a5a5a5;}
.ny_join_2{ margin-bottom:3em;
font-size:0.875em; text-align:center; line-height:2;}
.ny_join_1{
padding-bottom:0.5em; background-position:center bottom; background-repeat:no-repeat; background-image:url(../images/join/img3.jpg);}
.ny_join_3{
text-align:center;}
.ny_join_4{
text-align:center;  font-family: "PingFang TC Light_5"; margin:1.5em 0;}
.ny_join_5{
text-align:center; font-size:3em;font-family: "CenturyGothic"; margin-bottom:1em;}
.ny_join_7{
margin:0 auto; max-width:56.875em;}
.ny_join_7 ul li{
float:left; width:47%; border-bottom:1px #000 solid; padding-bottom:1em; margin-bottom:1em;}
.ny_join_7 ul li:nth-child(2){
float:right;}
.ny_join_7 ul li:nth-child(3),.ny_join_7 ul li:nth-child(4){
width:100%;}
.ny_join_7 ul li input,.ny_join_7 ul li textarea{ font-size:0.875em;
border:none; width:100%; background:none;font-family: "CenturyGothic";}
.ny_join_7 ul li textarea{
height:7.5em;}
.ny_join_8{
text-align:center; margin-bottom:5.375em; margin-top:2em;}
.ny_join_8 a{font-family: "CenturyGothic"; background-color:#2e2e2e; width:10.9em; height:2.333333333333333em; line-height:2.333333333333333em;
display:inline-block; font-size:1.125em; color:#fff;}
.ny_news_1 ul li{
float:left; width:28.83333333333333%; margin-right:6.66666666666667%;}
.ny_news_1 ul li:nth-child(3n){
margin-right:0;}
.ny_news_1_mid{ padding-bottom:5.8125em; padding-top:1em;
 border-top:1px #000 solid;}
.ny_news_1_mid_1{
font-family: "CenturyGothic";}
.ny_news_1_mid_2{
font-size:1.125em; margin-top:0.65em;}
.ny_news_1_mid_3{margin:3.5em 0;
font-size:0.875em; color:#666; line-height:1.6; height:6.4em; overflow:hidden;}
.ny_news_1_mid_4{
width:100%;  overflow:hidden;}
.ny_news_1_mid_4 img{
width:100%;}
.ny_news_1{
margin-top:3.8em;}
.ny_news_info{
margin-top:3.8em;}
.ny_news_2{
margin-top:5em; margin-bottom:5em;}
.ny_news_1_mid_3_h{
height:auto;}
.ny_news_info_left{  position:relative;
float:left; width:49.16666666666667%;}
.ny_news_info_right_1{
min-height:25.875em;border-bottom:1px #e8e8e8 solid;}
.ny_news_info_right{
float:right; width:47.5%;}
.ny_news_info_right_2 a,.ny_news_info_right_2 span{
float:left; display:inline-block; height:15px; line-height:15px;}
.ny_news_info_right_2{
font-size:0.75em; color:#666;}
.ny_news_info_right_2 a{
color:#666;}
.ny_news_info_right_2 a:hover{
color:#000;}
.ny_news_info_right_2 span{ margin:0 1em;
width:35px; background-position:center; background-repeat:no-repeat; background-image:url(../images/news/img3.png);}
.ny_news_info_right_2 a:nth-child(1){
background-position:left center; background-repeat:no-repeat; padding-left:1.5em; background-image:url(../images/news/img4.png);}
.ny_news_info_right_2 a:nth-child(3){
background-position:right center; background-repeat:no-repeat; padding-right:1.5em; background-image:url(../images/news/img5.png);}
.ny_news_info_right_2{
padding:3em 0 5em 0; overflow:hidden;
}
.ny_news{
overflow:hidden;}
.ny_case_1 ul li{
float:left; width:48.33333333333333%; padding-bottom:1.2em; margin-bottom:5em; overflow:hidden; border-bottom:1px #000 solid;}
.ny_case_1 ul li:nth-child(2n){
float:right;}
.ny_case_1_1{
width:100%; overflow:hidden;}
.ny_case_1_1 img{
width:100%;}
.ny_case_1_2{
text-align:center; color:#666;font-family: "CenturyGothic"; margin-top:1.3em; margin-bottom:0.5em;}
.ny_case_1_3{
text-align:center; padding:0 1em; font-size:1.125em;}
.ny_case_1_4{
text-align:center; margin:0.8em 0 0 0;}
.ny_case_1_4 span{ width:7px; height:16px; position:relative; padding-left:7px;
font-size:0.75em;font-family: "CenturyGothic"; display:inline-block; overflow:hidden; line-height:16px;}
.ny_case_1_4 span img{ position:absolute; left:0; top:50%; margin-top:-3.5px;
 transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;}
.ny_case_1 ul li:hover .ny_case_1_4 span  img{transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);}			
.ny_case_1 ul li:hover .ny_case_1_4 span{
width:auto; padding-left:15px;}
.ny_show_1 ul li{ margin-bottom:3.875em;
position:relative; background-color:#f5f5f5; overflow:hidden;}
.ny_show_1_left{
float:left; overflow:hidden; width:51.75%;}
.ny_show_1_left img{
width:100%;}
.ny_show_1_right{ top:10%; height:80%;
position:absolute; width:38.33333333333333%; right:4.83333333333333%;}
.ny_show_1_right_1{
border-bottom:1px #c2c2c2 solid; padding-bottom:2em;}
.ny_show_1_right_2{
position:absolute; left:0; bottom:0;}
.ny_show_1_right_2_1{font-family: "CenturyGothic";}
.ny_show_1_right_2_2{
font-size:1.125em; line-height:1.6; margin-top:0.5em;}
.news_detail_ib{ width:calc(100% - 2px); height:auto; position:relative; overflow: hidden;}
.news_detail_main_wrap { position:relative; left:-1px; top:0; width:calc(100% + 2px); } 
.news_play{
position:absolute; width:64px; height:64px; left:50%; top:50%; margin-left:-32px; margin-top:-32px; z-index:10;}
.swiper-button-prev-news{ top:50%; margin-top:-24px;
width:48px; height:48px; background:none; background-size:auto; background-position:center; background-repeat:no-repeat; background-image:url(../images/news/banner_lm.svg);}
.swiper-button-next-news{ top:50%; margin-top:-24px;
width:48px; height:48px; background:none; background-size:auto; background-position:center; background-repeat:no-repeat; background-image:url(../images/news/banner_rm.svg);}
.ny_contact_1{
text-align:center;font-family: "PingFang TC Light_5"; font-size:1.875em; margin-bottom:2.2em;}
.ny_contact_2_pic{
width:100%; overflow:hidden; position:relative;}
.ny_contact_2_pic img{opacity:0;
width:100%; position:absolute; left:0; top:0;}
.ny_contact_2_pic img:nth-child(1){
position:static;}
.ny_contact_2_pic img.on{
opacity:1;  }
.ny_contact_2_mid{color:#fff;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.ny_contact_2_mid li{ background-position:left; background-repeat:repeat-y; background-image:url(../images/contact/img3.png);
float:left; position:relative; height:100%; width:100%;transition:all 0.6s cubic-bezier(0.42,0,1,1) 0s;}
.ny_contact_2_mid_1{
 left:1.5em; top:7.5%; position:absolute; }
.ny_contact_2_mid_1 span{font-size:1.875em;font-family: "CenturyGothic";}
.ny_contact_2_mid_2{transition:all 0.6s cubic-bezier(0.42,0,1,1) 0s;
padding:0 1.5em; position:absolute; left:0; bottom:78%;}
.ny_contact_2_mid_2_2{ 
font-size:0.875em; line-height:1.6; color:#dedede; height:0; overflow:hidden;}
.ny_contact_2_mid_2_1{
color:#dedede;transition:all 0.6s cubic-bezier(0.42,0,1,1) 0s;}
.ny_contact_2_mid li.on{
width:34%;}
.ny_contact_2 .swiper-slide{
width:22%;}
.ny_contact_2 .swiper-slide.slideon{
width:34%;}
.ny_contact_2_mid li.on .ny_contact_2_mid_2,.ny_contact_2 .swiper-slide.slideon .ny_contact_2_mid_2{
bottom:8%;}
.ny_contact_2_mid li.on .ny_contact_2_mid_2_2,.ny_contact_2 .swiper-slide.slideon .ny_contact_2_mid_2_2{
height:auto;}
.ny_contact_2_mid li.on .ny_contact_2_mid_2_1,.ny_contact_2 .swiper-slide.slideon .ny_contact_2_mid_2_1{
color:#fff; font-size:1.875em; margin-bottom:0.8em;}
.ny_contact_2{
position:relative; margin-bottom:6.875em;} 
.swiper-button-next-contact{ cursor:pointer;
position:absolute; right:1.5em; top:50%; margin-top:-17px; z-index:10;}
.swiper-button-prev-contact{ cursor:pointer;
position:absolute; left:1.5em; top:50%; margin-top:-17px; z-index:10;}
.ny_contact_1_j{
margin-bottom:0;}
.ny_contact_j_1{
text-align:center; font-size:0.875em; margin-top:1em;}
.ny_contact_j_2{
margin-top:4em;}
.ny_contact_j_3_1_1{
font-size:0.875em; color:#999;}
.ny_contact_j_3_1_2{ margin-top:0.4em;
font-size:1.25em; color:#080808}
.ny_contact_j_3_1_mid{
padding-bottom:1.5em; border-bottom:1px #e8e8e8 solid;}
.ny_contact_j_3_1 ul li{ margin-top:3em; cursor:pointer;
float:left; margin-right:2%; width:32%;}
.ny_contact_j_3_1 ul li:nth-child(3n){
margin-right:0;}
.ny_contact_fb{
background-color:#f4f7f7; overflow:hidden; position:relative;}
.ny_contact_fb_right{
float:right; width:50%; background-color:#fbfbfb;}
.ny_contact_fb_right_mid{
max-width:37.5em;}
.ny_contact_fb_right_mid_fb{
padding-left:4.75em; padding-right:1em;}
.ny_contact_fb_right_mid_fb_1{font-family: "PingFang TC Light_5";
text-align:center; color:#080808; font-size:1.875em; margin-top:2.5em; margin-bottom:2em;}
.ny_contact_fb_right_mid_fb_2 ul li{
float:left; width:48%; margin-bottom:1.25em;}
.ny_contact_fb_right_mid_fb_2 ul li:nth-child(2n){
float:right;}
.ny_contact_fb_right_mid_fb_2 ul li div{
background-color:#fff; padding:0.5em 1em;}
.ny_contact_fb_right_mid_fb_2 ul li div input,.ny_contact_fb_right_mid_fb_2 ul li div textarea{font-family: "CenturyGothic";
border:none; background:none; width:100%; color:#2b2b2b;}
.ny_contact_fb_right_mid_fb_2 ul li:nth-child(3),.ny_contact_fb_right_mid_fb_2 ul li:nth-child(4){
width:100%;}
.ny_contact_fb_right_mid_fb_2 ul li div textarea{
height:13em;}
.ny_contact_fb_right_mid_fb_3{
margin-bottom:2.4375em;}
.ny_contact_fb_left{
position:absolute; left:0; top:0; width:50%; height:100%;}
.ny_contact_fb_left_1{
text-align:center;}
.ny_contact_fb_left_2{
text-align:center; font-size:1.125em; color:#080808; line-height:1.7; margin-top:3em; margin-bottom:1.7em;}
.ny_contact_fb_left_3,.ny_contact_fb_left_4{ line-height:1.6;
text-align:center;font-family: "CenturyGothic";}
.ny_contact_fb_left_5{
text-align:center; margin-top:3em;}
.ny_contact_fb_left_5_1{
margin-top:1.1em;}
.ny_contact_fb_left_5_1 span{ padding-left:1em; background-image:url(../images/contact/img7.jpg);
font-size:0.875em; display:inline-block; padding-bottom:0.2em; background-position:bottom; background-repeat:repeat-x; position:relative;}
.ny_contact_fb_left_5_1 span img{
position:absolute; left:0; top:0.4em;}
.ny_contact_fb{
margin-bottom:7.875em;}
.dz_mid_1 ul li{
position:relative; overflow:hidden; background-color:#efefef;}
.dz_mid_1_left{ position:relative;
float:left; width:50%; overflow:hidden;}
.dz_mid_1_left img{
width:100%;}
.dz_mid_1_right{
position:absolute; right:0; top:0; width:50%; height:100%; text-align:center;}
.dz_mid_1_right_1{
letter-spacing:0.3em;}
.dz_mid_1_right_2{ padding-left:1em; padding-right:1em;
font-size:1.5em;font-family: "CenturyGothic"; margin-top:0.3em; margin-bottom:1em;}
.dz_mid_1_right_3 b{ background-position:left center; background-repeat:no-repeat; padding-left:2em; 
font-weight:normal;font-family: "CenturyGothic"; color:#000; font-size:0.6875em; height:2.272727272727273em; line-height:2.272727272727273em;}
.dz_mid_1_right_3 span{ background-position:center 27px; background-repeat:no-repeat; background-image:url(../images/space/img8.jpg);
display:inline-block; text-align:center; border:1px #000 solid; width:7.5em;  }
.dz_mid_1{
margin-bottom:8.25em;}
.dz_mid_1 ul li:nth-child(2n) .dz_mid_1_left{
float:right;}
.dz_mid_1 ul li:nth-child(2n) .dz_mid_1_right{
right:auto; left:0;}
.showphoto,.lcsjmid,.lcsjmid{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:#f3f3f3;}
.showphoto_mid{
position:relative; margin:0 365px; width: calc(100vw - 730px);  }
.showphoto_mid .swiper-slide img{
width:100%;}
.showphoto_close{
position:fixed; right:1em; top:1em; }
.showphoto_close img{ 
            transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;}
.showphoto_close:hover img{transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);}
.showphoto_num{
position:fixed; right:2em; bottom:1.5em;}
.showphoto_num div{
font-size:0.875em;}
.lcsjmid_mid{ overflow:hidden;
position:relative; background-color:#fff;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);}
.lcsjmid_mid_left{
width:63.75%; overflow:hidden;}
.lcsjmid_mid_left img{
width:100%;}
.lcsjmid_mid_right{
position:absolute; right:0; top:0; height:100%; width:36.25%;}
.lcsjmid_mid_right_mid{
margin:0 auto; width:73.28605200945626%;}
.lcsjmid_mid_right_mid_1{
text-align:center; font-size:1.5em;font-family: "PingFang TC Light_5";}
.lcsjmid_mid_right_mid_2{ margin-top:1.4em; margin-bottom:2em;
text-align:center; color:#0a0a0a; font-size:0.9375em;}
.lcsjmid_mid_right_mid_2 span{
border:1px #d4d4d4 solid; padding:0 0.1em; margin:0 0.12em;border-radius:2px}
.lcsjmid_mid_right_mid_3 ul li{
float:left; width:100%; margin-bottom:1em;}
.lcsjmid_mid_right_mid_3 ul li:nth-child(1),.lcsjmid_mid_right_mid_3 ul li:nth-child(2){
width:49%;}
.lcsjmid_mid_right_mid_3 ul li:nth-child(2){
float:right;}
.lcsjmid_mid_right_mid_3 ul li div{
font-size:0.75em; position:relative; padding-left:0.5em; padding-right:1em; border:1px #d4d4d4 solid; padding-top:0.6em; padding-bottom:0.6em;}
.lcsjmid_mid_right_mid_3 ul li div span{
position:absolute; right:1em; top:0.6em;}
.lcsjmid_mid_right_mid_3 ul li div select{background-position:right center; background-repeat:no-repeat; background-image:url(../images/space/img6.jpg);
border:none; font-size:0.875em; color:#959595; padding-right:1.5em;  appearance: none; -moz-appearance: none; -webkit-appearance: none;  }
.lcsjmid_mid_right_mid_3 ul li div input{color:#959595; 
border:none; background:none; width:100%; font-size:0.875em; padding-left:0.4em;}
.lcsjmid_mid_right_mid_3 ul li:last-child{
margin-top:0.5em;}
.mfbmbtn{
display:block; width:100%; background-color:#514f50; font-size:0.9375em; color:#fff; letter-spacing:0.2em; text-align:center; line-height:2.6875em;} 
.mfbmbtn:hover{
color:#fff; background-color:#999}
.ny_pro_1{ padding-top:0.4em; padding-bottom:0.4em;
border-bottom:1px #e1e1e1 solid;border-top:1px #e1e1e1 solid;}
.ny_pro_1_mid{ padding-right:4em;
position:relative; padding-left:1.8em;}
.ny_pro_1_mid i{
position:absolute; left:0; top:0.3em; color:#666;}
.ny_pro_1_mid input{
border:none; background:none; width:100%; font-size:0.875em;font-family: "CenturyGothic";}
.ny_pro_1_mid_right{
position:absolute; right:0; top:0;}
.ny_pro_1_mid_right a{
margin-left:0.2em;}
.ny_pro_2_right{
float:right; width:85.83333333333333%;}
.ny_pro_2_right_1 ul li{ margin-bottom:3.5em;
float:left; margin-right:4.4%; width:30.38834951456311%;}
.ny_pro_2_right_1 ul li:nth-child(3n){
margin-right:0;}
.ny_pro_2_right_1_pic{ position:relative;
width:100%; overflow:hidden;}
.ny_pro_2_right_1_pic img{
width:100%;}
.ny_pro_2_right_1_pic_mask{ text-align:center;opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-image:url(../images/product/img6.png);}
.ny_pro_2_right_1_pic_mask_mid{ width:100%;
text-align:center; padding:0 1em; font-size:0.75em; color:#fff; background-position:center top; background-repeat:no-repeat; padding-top:0.7em; background-image:url(../images/product/img5.png); bottom:2em; position:absolute;}
.ny_pro_2_right_1_pic_name{ margin-top:1.5em; margin-bottom:1.2em;
text-align:center;font-family: "CenturyGothic"; padding-top:0.4em; background-position:center top; background-repeat:no-repeat; background-image:url(../images/product/img2.jpg);}
.ny_pro_2_right_1_pic_jj{
font-size:0.75em; padding:0 1em; color:#666; line-height:1.7; height:3.4em; overflow:hidden; text-align:center;}
.ny_pro_2_right_1 ul li:hover .ny_pro_2_right_1_pic_mask{
opacity:1;}
.ny_pro_2{ overflow:hidden;
margin-top:2em; margin-bottom:4em;}
.ny_pro_2_left{
float:left; width:10%;}
.ny_pro_2_left_1{
font-size:1.25em; margin-bottom:1em;}
.ny_pro_2_left_2 ul li a{
font-size:0.875em; color:#666; display:block; position:relative; padding:0.6em 0;}
.ny_pro_2_left_2 ul li a:after{
 width:0;   height:1px; bottom:0%; background-color:#9c9c9c; left:0;
content:"";  position: absolute;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ny_pro_2_left_2 ul li a:hover:after,.ny_pro_2_left_2 ul li a.on:after{
width:100%;}
.ny_pro_2_left_2 ul li a:hover,.ny_pro_2_left_2 ul li a.on{
color:#070707;}
.ny_pro_2_left_2 select{ display:none;
width:100%; border:1px #9c9c9c solid; background:none;background-position:98% center; background-repeat:no-repeat; background-image:url(../images/space/img6.jpg);
  font-size:0.875em; color:#666; padding:0.3em 0;   appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.ny_pro_2_right_3 ul li .ny_pro_2_right_3_left{
float:left; width:41.74757281553398%; overflow:hidden;}
.ny_pro_2_right_3 ul li .ny_pro_2_right_3_left img{
width:100%;}
.ny_pro_2_right_3 ul li .ny_pro_2_right_3_right{
float:right; width:53.10679611650485%; margin-top:2.5625em;}
.ny_pro_2_right_3_right_right{ margin-top:0.8em;
float:right; width:63.9853747714808%;}
.ny_pro_2_right_3_right_left{
float:left; width:27.42230347349177%;}
.ny_pro_2_right_3_right_right_1{
font-size:0.875em;}
.ny_pro_2_right_3_right_right_2{
font-size:0.875em; color:#666; line-height:1.8; height:18em; overflow:hidden; margin-top:1.2em;}
.ny_pro_2_right_3_right_right_3 span{ display:inline-block; padding-bottom:0.3em; background-position:bottom; background-repeat:repeat-x; background-image:url(../images/product/img2.jpg);
font-size:0.875em;font-family: "CenturyGothic";}
.ny_pro_2_right_3_right_right_3{
margin-top:2em;}
.ny_pro_2_right_3_right_left_1{ margin-bottom:0.2em;
background-position:left top; background-repeat:no-repeat; background-image:url(../images/product/img7.jpg); font-size:1.875em; padding-top:0.6em;}
.ny_pro_2_right_3_right_left_2{font-family: "CenturyGothic";}
.ny_pro_2_right_3 ul li{
width:100%; overflow:hidden; clear:both; border-bottom:1px #e8e8e8 solid; padding:3.8125em 0;}
.ny_pro_2_right_3 ul li:nth-child(1){
padding-top:0;}
.div1200_hc{
max-width:80em;}
#gallery-wrapper { position: relative;   width: 100%; margin:0em auto; } 
img.thumb { width: 100%; max-width: 100%; height: auto;  }  
.white-panel { position: absolute; background: white;    }
 
.white-panel a{
display:block; padding:2.5em; overflow:hidden; margin:0px;}
.white-panel_1{ font-weight:normal;
font-size:1.125em; margin-bottom:2em; line-height:1.6;}
.white-panel_2{
width:100%; overflow:hidden;}
.white-panel_2 img{
width:100%;}
.white-panel_3{font-family: "CenturyGothic"; border-top:1px #000 solid; padding-top:1em; margin-bottom:0.6em;}
.white-panel a:nth-child(1),.white-panel a:nth-child(2),.white-panel a:nth-child(3){
padding-top:0;}
.ny_video_1{
text-align:center; font-size:1.875em;}
.ny_video_2_pic,.ny_video_2_pic_1{
position:relative; width:100%; overflow:hidden;}
.ny_video_2_pic_1 img{
width:100%;}
.ny_video_2_pic_2{
position:absolute; left:50%; top:50%; z-index:10; width:109px; height:109px; margin-top:-54.5px;margin-left:-54.5px;}
.ny_video_2_pic_name{
text-align:center; font-size:1.125em; margin-top:1.5em; padding:0 1em; margin-bottom:1.5em;}
.ny_video_2 ul li{
margin-bottom:5em;}
.ny_video_2{
margin-top:4em;}
.hidephoto{
display:none;}
.nypage{
margin-bottom:4em;}
.ny_case_page{
margin-bottom:4em;}
.ny_pro_info_1_left{
float:left; width:66.25%;}
.ny_pro_info_1_right{
float:right; width:31.5%; border-top:1px #000 solid;}
.ny_pro_info_1_right_1{font-family: "CenturyGothic"; margin-top:1.2em;}
.ny_pro_info_1_right_2{
font-size:1.25em; margin-top:0.5em; margin-bottom:1.8em;}
.ny_pro_info_1_right_3{
font-size:0.875em;}
.ny_pro_info_1_right_4{
color:#666; font-size:0.875em; margin-top:0.7em; line-height:1.6;}
.ny_pro_info_1_right_5{
font-size:1.25em; margin-top:2em; margin-bottom:0.9em;}
.ny_pro_info_1_right_6 a{
display:inline-block; margin-right:1.2em;}
.ny_pro_info_1_left .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:30px;}
.swiper-pagination-photo .swiper-pagination-bullet{
width:16px; height:16px; border:1px #b5b5b5 solid; background:none; opacity:1;}
.swiper-pagination-photo .swiper-pagination-bullet-active{
background-color:#b5b5b5}
.ny_pro_info_1_left .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 8px;}
.ny_pro_info_2_1{
font-size:1.25em; border-bottom:1px #b4b4b4 solid; margin-top:2em; padding-bottom:1em; margin-bottom:2em;}
.ny_pro_info_2_2_1{
margin-bottom:2em;}
.ny_pro_info_2_2_2 ul li{ display:none;
float:left; width:33.33333333333333%; text-align:center; margin-bottom:2em;}
.ny_pro_info_2_2_2 ul li:nth-child(1),.ny_pro_info_2_2_2 ul li:nth-child(2),.ny_pro_info_2_2_2 ul li:nth-child(3){
display:block;}
.ny_pro_info_2_2_3{
text-align:center; margin:2em 0;}
.ny_pro_info_2_2_3 a{font-family: "CenturyGothic"; position:relative; font-size:0.875em; display:inline-block; padding-bottom:0.4em;}
.ny_pro_info_2_2_3 a:after{
width:100%;   height:1px; bottom:0%; background-color:#000; left:0;
content:"";  position: absolute;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ny_pro_info_2_2_2.on ul li{
display:block;}
.ny_pro_info_phone{ display:none;
position:relative; margin-bottom:2em;}
.ny_pro_info_phone_right{ cursor:pointer;
position:absolute; right:0px; top:50%; transform:translateY(-100%) scale(0.7); -webkit-transform:translateY(-100%) scale(0.7); display: block; width:20px; height:40px; background: url(../images/product/angle-th-right.svg) no-repeat center center; z-index: 2000; background-size:14px 25px;}
.ny_pro_info_phone_left{ cursor:pointer;
position:absolute; left:0px; top:50%; transform:translateY(-100%) scale(0.7); -webkit-transform:translateY(-100%) scale(0.7); display: block; width:20px; height:40px; background: url(../images/product/angle-th-left.svg) no-repeat center center; z-index: 2000; background-size:14px 25px;}
.ny_tj_pro_1{
text-align:center; font-size:1.5625em; margin:2.5em 0; letter-spacing:0.2em;}
.ny_tj_pro_2{
position:relative; margin-bottom:4em;}
.swiper-button-next-contact-pro{
right:0;}
.swiper-button-prev-contact-pro{
left:0;}

.swiper-container-tj_pic{
width:100%; overflow:hidden; position:relative;}
.swiper-container-tj_pic img{
width:100%;}
.swiper-container-tj_name{
text-align:center;font-family: "CenturyGothic"; margin:2em 0;}
.swiper-container-tj_pic_mask{opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-image:url(../images/product/img14.png);}
.swiper-container-tj_pic:hover .swiper-container-tj_pic_mask{
opacity:1;}
.ny_ex_page{
margin-bottom:4em;}
 
.ny_contact_mobile_name span{font-family: "CenturyGothic"; font-size:1.25em; margin-right:0.2em;}
.ny_contact_mobile_name{
margin:1em 0 0.5em 0;}
.ny_contact_mobile_jj{
color:#666; font-size:0.875em; line-height:1.7;}
.ny_contact_mobile ul li{
margin-bottom:1.5em;}
.ny_contact_mobile{
margin-bottom:2em; display:none;}
.zsmid_pic{
text-align:center;}
.zsshowmid{ width:100%;
position:relative;}
.zsmid_pic img{
max-height:calc(100vh - 130px);}
.zsshowmid_left,.zsshowmid_left2{ cursor:pointer;
position:absolute; left:0; width:34px; height:34px; top:50%; z-index:10; margin-top:-17px;}
.zsshowmid_right,.zsshowmid_right2{ cursor:pointer;
position:absolute; right:0; width:34px; height:34px; top:50%; z-index:10; margin-top:-17px;}
.zsshowmid_left2{
left:0;}
.zsshowmid_right2{
right:0;}
.swiper-pagination-zsmid{
position:static; display:none;}
.sjmid{
position:relative;  overflow:hidden;}
.sjmid_left{
width:41%; overflow:hidden; position:relative;}
.sjmid_left img{
width:100%;}
.sjmid_right{background-color:#fff;
width:59%; position:absolute; right:0; top:0; height:100%; overflow-y:auto;}
.sjmid_right_mid{opacity:0;
padding:5% 10%; margin-left:5em;}
.sjmid_right_mid_1{
font-size:1.875em;}
.sjmid_right_mid_2{
font-size:0.875em; color:#666; margin-top:1em; margin-bottom:2em;}
.sjmid_right_mid_3,.sjmid_right_mid_5{
font-size:0.875em;}
.sjmid_right_mid_4,.sjmid_right_mid_6{
font-size:0.875em; color:#666; line-height:1.7; margin:0.6em 0;}
.sjmid_right_mid_5{
font-size:0.75em; margin-top:4em;}
.sjmid_right_mid_5 span{
display:inline-block; border-bottom:1px #4d4d4d solid;}
.sjmid_right_mid_5 span a{
color:#ec0000;}
.swiper-pagination-zsmid2{
display:none;}
.zsshowmid_job{
width:auto; padding:0 3em;}
.indexnewsbl{
position:absolute; bottom:0; left:50%; margin-left:-6px; z-index:10;}
.footer_1_3 a{
-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}
.footer_1_3 a span{   display:none; top:30px; width:95px;
position:absolute; right:-25px; height:100%; line-height:28px;font-family: "GOTHIC_0"; color:#fffdfd;}
.footer_1_3 a:nth-child(3):hover,.footer_1_3 a:nth-child(4):hover{
}
.footer_1_3 a:nth-child(3):hover span,.footer_1_3 a:nth-child(4):hover span{
display:block;}
.sjmid_left_mask{
position:absolute; right:0; top:0; width:100%; height:100%; background-color:#fff; z-index:10;}
.zsmask_top{
position:absolute; left:0; top:0; width:100%; height:50%; z-index:10; background-color:#f3f3f3;}
.zsmask_footer{
position:absolute; left:0; bottom:0; width:100%; height:50%; z-index:10; background-color:#f3f3f3;}
.newvideo{ text-align:center; overflow:hidden;height: calc(100vh - 65px);
position:relative; margin-top:4em;}
#intro-video{ z-index:0;
 width:100%;   object-fit:fill}
.newvideo a{
display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100;}
/*微信二维码弹窗*/
.weixin { position: fixed; width: 300px; height: 200px; z-index: 100000; left: 50%; top: 50%; margin: -100px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 1px 1px 2px #aaa; }
.weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.weixin .img { padding: 10px; text-align: center; /*border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;*/ }
.weixin .img img { width: 180px; height: 180px; }
.weixin p { padding: 2px 10px 0; text-align: center; }



/***************************************************/
 
@media screen and (max-width:1660px) {
.showphoto_mid{
position:relative; margin:0 315px; width: calc(100vw - 630px);  }
}
@media screen and (max-width:1440px) {
.showphoto_mid{
position:relative; margin:0 270px; width: calc(100vw - 540px);  }
}
@media screen and (max-width:1366px) {

.circleMenu_r,.cir_menu_r{
right:-45px;}
.circleMenu_l,.cir_menu_l{
left:-45px;}
}
@media screen and (max-width:1300px) {
.swiper-pagination-mxcp{
display:block;}
.swiper-button-next-contact-pro,.swiper-button-prev-contact-pro{
display:none;}
.swiper-pagination-pro{
display:block;}
/*.swiper-button-next-contact-pro{
right:-40px;}
.swiper-button-prev-contact-pro{
left:-40px;}*/
}
@media screen and (max-width:1200px) {
.showphoto_mid{
position:relative; margin:0 220px; width: calc(100vw - 440px);  }


.circleMenu_l,.circleMenu_r,.cir_menu_l,.cir_menu_r{
display:none}
.header_right{
display:none;}
.header_mid{
padding:0 1em;}
.index_de_mid{
position:static;}
.index_de_mid_mid_2{
margin:1.5em 0;}
.index_de img.hpic{
display:none;}
.index_de_mid_mid_3{
margin-bottom:0.5em;}
.index_video{
padding:3em 0;}
.index_video_1 img{
width:3em;}
}
#shoujidvideo{
display:none;}
@media screen and (max-width:1090px) {
#shoujidvideo{
display:block;}
.newvideo{
display:none;}
.newvideo{
height:auto}
#intro-video{
height:auto; width:100%;}
.newvideo{
margin-top:2em;}
.sjmid_right_mid{
padding:1.5em;}
.sjmid_right_mid_1{
font-size:1em;}
.ny_contact_2{
display:none;} 
.ny_contact_mobile{
display:block;} 
.ny_ex_page{
margin-bottom:2em;}
.swiper-container-tj_name{
font-size:0.875em; margin:1em 0 1.5em 0;}
.ny_tj_pro_1{
font-size:1.125em;}
.ny_tj_pro_2{
margin-bottom:2em;}
.ny_pro_info_1_left .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:20px;}
.swiper-pagination-photo .swiper-pagination-bullet{
width:12px; height:12px;  }
.ny_pro_info_1_left .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 4px;}

.ny_pro_info_2_1{
font-size:1em;}
.ny_pro_info_1_right_6 a{
margin-right:1em;}
.ny_pro_info_1_right_1{
font-size:0.875em;}
.ny_pro_info_1_right_2,.ny_pro_info_1_right_5{
font-size:1em;}
.nypage{
margin-bottom:3em;}
.ny_video_1{
font-size:1.125em;}
.ny_video_2{
margin-top:2em;}
.ny_video_2_pic_name{
font-size:1em;}
.ny_video_2 ul li{
margin-bottom:2.5em;}
.ny_video_2_pic_2{
width:60px; height:60px; margin-top:-30px; margin-left:-30px;}
.white-panel_1{
font-size:1em;}
.white-panel a{
padding:1em;}
.ny_pro_2_right_3 ul li{
padding:2em 0;}
.ny_pro_2_right_3_right_right_2{
height:14.4em;}
.ny_pro_2_right_3_right_left_1{
font-size:1em;}
.ny_pro_2_right_3_right_left_2{
font-size:0.875em;}
.ny_pro_2_left_2 select{
display:block}
.ny_pro_2_left_2 ul{
display:none}
.ny_pro_2_right_1 ul li{
margin-bottom:2em;}
.ny_pro_2_left_1{ text-align:center;
font-size:1.125em;}
.ny_pro_2_left{
width:100%; margin-bottom:1.5em;}
.ny_pro_2_right{
width:100%;}
.lcsjmid_mid_right_mid_1{
font-size:1em;}
.lcsjmid_mid_right_mid_2{
font-size:0.875em;}
.lcsjmid_mid_left{
width:60%;}
.lcsjmid_mid_right{
width:40%;}
.showphoto_close img{
width:45px;}
.showphoto_mid{
position:relative; margin:0 100px; width: calc(100vw - 200px);  }
.dz_mid_1_right_1{
font-size:0.875em;}
.dz_mid_1_right_2{
font-size:1em;}
.dz_mid_1{
margin-bottom:4em;}
.ny_contact_fb{
margin-bottom:4em;}
.ny_contact_fb_right_mid_fb{
padding-left:1em;}
.ny_contact_fb_right_mid_fb_1{
font-size:1.25em;}
.ny_contact_fb_left_2{
font-size:1em;}
.ny_contact_j_2{
margin-top:2em;}
.ny_contact_j_3_1_2{
font-size:1em;}
.ny_contact_1{
font-size:1.25em; margin-bottom:1.5em;}
.ny_contact_2{
margin-bottom:4em;}
.ny_show_1_right_1{
padding-bottom:1.5em;}
.ny_show_1_left{
width:50%;}
.ny_show_1_right{
width:42%; right:4%;}
.ny_show_1_right_2_1{
font-size:0.875em;}
.ny_show_1_right_2_2{
font-size:1em;}
.ny_show_1 ul li{
margin-bottom:2em;}
.ny_case_1_2{
font-size:0.875em;}
.ny_case_1_3{
font-size:1em;}
.ny_case_1 ul li{
margin-bottom:2.5em;}
.ny_news_info_right_2{
width:14em; margin-left:auto; margin-right:auto;}
.ny_news_info{
margin-top:2em;}
.ny_news_info_left{
width:100%;}
.ny_news_info_right{
width:100%; margin-top:1.5em;}
.ny_news_info_right_1{
min-height:inherit;}
.ny_news_1_mid_1{
font-size:0.875em;}
.ny_news_1_mid_2{
font-size:1em;}
.ny_news_1_mid_3{
margin:2em 0;}
.ny_news_1{
margin-top:2em;}
.ny_news_2{
margin-top:3em; margin-bottom:3em;}
.ny_join_8 a{
font-size:1em;}
.ny_join_5{
font-size:1.5em;}
.ny_about_jj_1{
font-size:1.25em;}
.prosearch_1 span{
font-size:1.5em;}
.index_pro_1_1,.index_de_mid_mid_1,.index_de_mid_mid_1{
font-size:2em;}
.index_pro_1_2,.mxcp_name,.index_de_mid_mid_3 a,.index_pro_mid_name{
font-size:0.875em;}
.index_pro_2_1{
font-size:1.125em;}
.index_de_mid_mid_3{
margin-bottom:0em;}
.index_news{
margin-bottom:3em;}
.footer_1_1 ul li{ position:relative;
width:100%; padding:0.8em 0; overflow:hidden; text-align:left; border-bottom:1px #efefef solid;}
.footer_1_1 ul li i{
display:block;}
.footer_1_1_pic{
display:none;}
.footer_1_1_pic_name{
margin:0;}
#footer .index_pro_2_1{
margin-bottom:0;}
.footer_1_2{
margin-top:2em}
.footer_1_3{
margin:1.5em 0;}
.ny_news_1_mid{
padding-bottom:3em;}
}
@media screen and (max-width:1024px) {
.ny_contact_j_3_1 ul li{
width:49%; margin-right:0; margin-top:2em;}
.ny_contact_j_3_1 ul li:nth-child(2n){
float:right;}
}
@media screen and (max-width:950px) {
.swiper-pagination-zsmid2{
display:block;}
.zsshowmid_left2,.zsshowmid_right2{
display:none;}
.zsshowmid_job{
padding:0; background-color:#fff;}
.sjmid_left{
display:none;}
.sjmid_right{
width:100%; position:static;height: calc(100vh - 150px);}
.swiper-pagination-zsmid{
display:block;}
.zsshowmid_left,.zsshowmid_right{
display:none;}
.zsmid_pic img{
width:70%; max-height:none;}
.ny_pro_info_1_left{
width:100%;}
.ny_pro_info_1_right{
width:100%; margin-top:1.5em;}

.ny_pro_2_right_1 ul li{
width:49%; margin-right:0;}
.ny_pro_2_right_1 ul li:nth-child(2n){
float:right;}
.ny_news_1 ul li{
width:48%; margin-right:0;}
.ny_news_1 ul li:nth-child(2n){
float:right;}
.header_right_2 ul li{
display:none; margin-left:0;}
.header_right_2 ul li:nth-child(1){
display:block;}
.index_pro{
margin-top:3em;}
.index_news_1_left{
width:100%;  background-image:url(../images/index/img12.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;height:10em;}
.index_news_1_left img{
display:none;}
.index_news_1_right{ margin-top:0em;
position:static; width:100%;}
.index_news_1_right ul li{  
position:relative; float:left; width:100%;}
.index_news_1_right_left{
width:100%; margin-bottom:0.8em;}
.index_news_1_right_right{
width:100%;} 
.index_news_1_right_mid{
padding-right:0em; padding-bottom:2em; margin-top:2em; padding-top:1em;overflow:hidden;}
}
@media screen and (max-width:900px) {
 
.ny_pro_info_phone{
display:block;}
.ny_pro_info_2_2{
display:none;}
.ny_pro_2_right_3_right_right_2{
height:9em;}
.lcsjmid_mid_left{
display:none;}
.lcsjmid_mid_right{
position:static; padding:2em 0; overflow:hidden;}
.lcsjmid_mid_right{
width:100%;}
}
@media screen and (max-width:850px) {
.ny_contact_fb_left_5{
margin-top:2em;}
.ny_contact_fb_right_mid_fb_1{
font-size:1.125em;}
.ny_contact_fb_left_2,.ny_contact_fb_left_3, .ny_contact_fb_left_4{
font-size:0.875em;}
.ny_show_1_left{
width:100%;}
.ny_show_1_right{
width:auto; padding:1em; overflow:hidden; position:static}
.ny_show_1_right_2{
position:static;}
.ny_show_1_right_1{
padding-bottom:1em; margin-bottom:1em;}
}
@media screen and (max-width:800px) {
.ny_about_jj4_left{
position:static; width:100%; text-align:center;}
.ny_about_jj4{
padding-left:0;}

.ny_about_jj4_left .ny_about_jj_1{
text-align:center; margin-bottom:1em;}
}
@media screen and (max-width:760px) {
.indexnewsbl{
margin-left:15px;}
.index_de{
background-attachment:scroll; background-size:auto;}
.index_de_mid_mid{
max-width:none; margin:2.5em 1.5em;}
.ny_pro_2_right_3_right_right{
margin-top:0;}
.ny_pro_2{
margin-bottom:2em;}
.ny_case_page{
margin-bottom:2em;}
.ny_video_1{
font-size:1em;}
.ny_video_2_pic_name{
font-size:0.875em; line-height:1.6;}
.white-panel_3{
font-size:0.875em;}

.white-panel a{
padding:1em;}
.white-panel a:nth-child(1),.white-panel a:nth-child(2),.white-panel a:nth-child(3){
padding-left:1em; padding-bottom:1em; padding-right:1em;}
.ny_pro_2_right_3 ul li .ny_pro_2_right_3_left{
width:100%;}
.ny_pro_2_right_3 ul li .ny_pro_2_right_3_right{
width:100%; margin-top:1.5em;}
.ny_pro_2_right_3_right_left{
width:100%; margin-bottom:1em;}
.ny_pro_2_right_3_right_right_2{
height:auto; margin-top:0.8em;}
.ny_pro_2_right_3_right_right_3{
margin-top:1.5em;}
.ny_pro_2_right_3_right_right{
width:100%;}
.nybanner img{width: calc(150vw); max-width:none}
.ny_pro_2_left_1{
font-size:1em;}
.ny_pro_2_right_1_pic_name{
font-size:0.875em;}
.lcsjmid_mid_right_mid{
width:90%;}
.swiper-pagination-space{
display:block;}
.showphoto_mid{
position:relative; text-align:center; margin:0em 1em; padding:0em; width: calc(100vw - 2em);  }

.showphoto_mid .swiper-button-next-contact,.showphoto_mid .swiper-button-prev-contact{
display:none;}
.dz_mid_1_left{
width:100%;}
.dz_mid_1_right{
position:static; width:100%; float:left; margin:2em 0 3em 0;}
.dz_mid_1{
margin-bottom:2em;}
.ny_contact_fb{
margin-bottom:2em;}
.ny_contact_fb_left_2{
margin-top:2em;}
.ny_contact_fb_right_mid{
max-width:none}
.ny_contact_fb_left{ margin:2em 0; float:left; clear:both;
position:static; width:100%;}
.ny_contact_fb_right{
  width:100%;}
.ny_contact_1{
font-size:1.125em; }
.news_play{
width:50px; margin-top:-25px; margin-left:-25px; height:50px;}
.ny_show_1 ul li{
margin-bottom:1em;}
.ny_case_1 ul li{
padding-bottom:1em; margin-bottom:1.5em;}
.ny_news_1 ul li{
width:100%;}
.ny_news_1_mid_3{
height:auto;}
.ny_news_1_mid{
padding-bottom:2em;}
.ny_news_1_mid_3{
margin:1.5em 0;}
.ny_join_8{
margin-top:1.5em; margin-bottom:3em;}
.ny_join_8 a{
width:100%;}
.ny_join_7 ul li{
width:100%;}
.ny_join_5{
font-size:1.25em;}
.ny_about_jj_1{
margin-top:2em;}
.ny_about_jj_3{
margin-top:2em;}
.ny_about_jj4{
margin-top:3em; margin-bottom:6em;}
.ny_about_jj_1{
font-size:1em;}
.index_pro_1_1, .index_de_mid_mid_1, .index_de_mid_mid_1{
font-size:1.25em;}
.index_pro_2_1{
font-size:1em;}
.prosearch_2{
padding:0.5em 1em;}
.h_right_l_search i{
font-size:1.35em;}
.prosearch_1 span{
font-size:1.125em;}
.prosearch_2 input{
font-size:0.875em;}
.index_pro_mid_name{
margin-top:1em; margin-bottom:1.5em;}
.index_de{
margin-top:2em;}
.footer_1_2,.footer_1_3,.footer_1_4{
display:none}
.footer_1_1{
margin-bottom:2em;}


 
}
@media screen and (max-width:640px) {
.white-panel a:nth-child(1),.white-panel a:nth-child(2),.white-panel a:nth-child(3){
padding-left:0em; padding-right:0; padding-top:0;}
.white-panel a{
padding-left:0; padding-right:0;}
}
@media screen and (max-width:580px) {
.dz_mid_1_right{
margin-top:1.5em; margin-bottom:2em;}
.ny_contact_j_3_1 ul li{
width:100%;}
.ny_case_1_3{
font-size:0.875em;}
.ny_case_1 ul li{
width:100%;}
}
@media screen and (max-width:400px) {
.ny_pro_2_right_1 ul li{
width:100%; margin-bottom:1em;}
.lcsjmid_mid_right_mid_3 ul li:nth-child(1), .lcsjmid_mid_right_mid_3 ul li:nth-child(2){
width:100%;}
.lcsjmid_mid_right_mid_3 ul li div select{
width:90%;}
}
@media screen and (max-width:320px) {
.index_pro_mid ul li{
width:100%;}
}
.bodyloading{ background-color:#0d0d0d;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999999999999999;}
.bodyloading > div {
    background-color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 1px solid #fff;
    border-bottom-color: transparent;
    height: 36px;
    width: 36px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite; position:fixed; left:50%; margin-left: -18px; top:50%; margin-top: -18px; }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1); }

    65% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1); }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); }
}
.preloader__background--grey{position:fixed;top:0px;z-index:9999;width:100%;height:100%;background-color:#f8f8f8; z-index:999999}
.preloader__background--black{position:absolute;z-index:1;display:block;width:100%;height:100%;background-color:#7c878d}
.showphoto_mid_mask{ 
position:absolute; left:0; top:0; width:100%; height:50%; z-index:10; background-color:#fff;}
.showphoto_mid_mask_2{ 
position:absolute; left:0; bottom:0; width:100%; height:50%; z-index:10; background-color:#fff;}
.comzz_1{transition: width 0.5s ease-out 0.5s; display:none;
position:absolute; right:0; top:0; width:100%; z-index:10; height:100%; background-color:#7c878d} 
.comzz_2{transition: width 1s ease-out 0.5s; display:none;
position:absolute; right:0; top:0; width:100%; z-index:5; height:100%; background-color:#f8f8f8} 
.swiper-slide.animated .comzz_1,.index_pro_mid ul li.animated .comzz_1,.dz_mid_1 ul li.animated .comzz_1{
width:0;}
.swiper-slide.animated .comzz_2,.index_pro_mid ul li.animated .comzz_2,.dz_mid_1 ul li.animated .comzz_2{
width:0;}
/***********/
.index_pro_1{ margin-top:calc(100vh); background-color:#fff; overflow:hidden; position:relative; width:100%; z-index:88;}
.index_pro_2{background-color:#fff; overflow:hidden; position:relative; width:100%; z-index:88;}
/************/	
.indexbanner_act_mid_right{ cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/right.png);
position:absolute; right:3%;  z-index:10; width:64px; height:64px; top:50%; margin-top:-32px;}
.indexbanner_act_mid_left{ cursor:pointer;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/left.png);
position:absolute; left:3%; z-index:10; width:64px; height:64px; top:50%; margin-top:-32px;}
@media screen and (max-width:760px) {
.indexbanner_act_mid_right,.indexbanner_act_mid_left{
width:32px; height:32px;}
}