img{
    max-width:100%;
}
*:focus {outline: none;}
body{ color:#000;
    position:relative;
}


.ab_1_mid{margin:0 15%;}



.proinfo_mid{
margin:0 2%;}
.proinfo_mid_com{
padding:0 3em; position:relative; margin:0 auto; max-width:84.6875em}
.proinfo_mid_1_1{
color:#666;}
.proinfo_mid_1_1 a{
color:#666;}
.proinfo_mid_1_1 span{
color:#000;}
.bodyon2 .bannerny{
height:4.6875em}
.proinfo_mid_1_1{
margin-top:2em; margin-bottom:4em;}
.proinfo_mid_2_left{
position:absolute; left:0; top:50%; width:1.625em; height:1.8125em; margin-top:-0.90625em; z-index:10;}
.proinfo_mid_2_left a{ background-size:cover;
display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-image:url(../images/img5x.png);}
.proinfo_mid_2_right{
position:absolute; right:0; top:50%; width:1.625em; height:1.8125em; margin-top:-0.90625em; z-index:10;}
.proinfo_mid_2_right a{ background-size:cover;
display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-image:url(../images/img6x.png);}
.proinfo_mid_2_mid_mid{ text-align:center;
width:46.49446494464945%; position:relative; overflow:hidden;}
.proinfo_mid_2_mid_mid img{
 }
.proinfo_mid_2_mid_mid a{ left:0%; top:0%; z-index:100;  background-image:url(../images/img7.png);
position:absolute; width:100%; height:100%; background-position:center; background-repeat:no-repeat;  opacity:0;}
.proinfo_mid_2_mid_mid:hover a{
opacity:1;}
.proinfo_mid_2_mid_right{
position:absolute; right:0; bottom:0; width:43.54243542435424%;}



.proinfo_mid_2_mid{
position:relative;}
.proinfo_mid_2_mid_right_2{
position:relative; padding:0 2.5em;}
.proinfo_mid_2_mid_right_2_left{
position:absolute; left:0; top:50%; width:1.125em; height:2.1875em; margin-top:-1.09375em; z-index:10; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img9x.png);}
.proinfo_mid_2_mid_right_2_right{
position:absolute; right:0; top:50%; width:1.125em; height:2.1875em; margin-top:-1.09375em; z-index:10; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img10x.png);}
.proinfo_mid_2_mid_right_2_right_img{
overflow:hidden; border:1px #fff solid; padding:3px;}
.proinfo_mid_2_mid_right_2_right_img:hover,a.on .proinfo_mid_2_mid_right_2_right_img{
border-color:#959494;}
.proinfo_mid_2_mid_right_2_right_img img{
width:100%;}
.proinfo_mid_2_mid_right_1 span{
font-size:1.3em;}
.proinfo_mid_2_mid_right_1{
margin-bottom:1.5em; color:#3b3b3b}
.proinfo_mid_2_mid_left{
position:absolute; right:0; width:43.54243542435424%; bottom:23%;}
.proinfo_mid_2{
margin-bottom:9.375em;}
.proinfo3{ overflow:hidden;
position:relative;}
.proinfo3:after{
	content: "";
  position: absolute;
  z-index: 1;
   
  right: 0%;
  width: 100%;
  top: 0%;
   
   background-repeat:no-repeat;
   background-position:center;
    
  z-index:0;
  background-color:#f3f3f3;
  height: 26%;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
.proinfo3_3{ text-align:center;
overflow:hidden; width:100%;}
.proinfo3_3 img{
 }
.proinfo3_4{ margin:5.625em 0;
text-align:center;}
.proinfo3_4_mid{
margin:0 auto;   overflow:hidden;}
.proinfo3_4_mid img{
}


.proinfo3_5{margin:5.625em 0;text-align:center;overflow:hidden; width:100%;}
.proinfo3_5 img{max-width:100%;}


.proinfo3_1{ margin-top:2em;
font-size:2.5em;font-family: "LincolnMillerBannerBeta-Semibold";}
.proinfo3_2{ margin-top:0.2em; margin-bottom:2.5em;
font-size:1.5em;}
.proinfo_mid_2_mid_left_1{
font-size:2.083125em; color:#333;}
.proinfo_mid_2_mid_left_2{
font-size:1.823125em; color:#333; border-bottom:1px #3f3f3f solid; padding:0.4em 0 0.4em 0;}
.proinfo_mid_2_mid_left_2 span{
font-size:0.875em;}
.proinfo_mid_2_mid_left_3{ margin-top:1em; margin-bottom:1em;
color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.29625em;}
.proinfo_mid_2_mid_left_4{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.29625em; margin-bottom:0.5em;}
.proinfo_mid_2_mid_left_4 span{ padding-left:1em;
display:inline-block; position:relative; cursor:pointer}
.proinfo_mid_2_mid_left_4 span:nth-child(1){
margin-right:1em;}
.proinfo_mid_2_mid_left_4 span:after{
	content: "";
  position: absolute;
  z-index: 1;
  background-size:cover;
  left: 0%;
  width: 0.85em;
  top: 0.22em;
  background-image:url(../images/img11.png);
   background-repeat:no-repeat;
   background-position:center;
    
  z-index:0;
   
  height: 0.85em;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
.proinfo_mid_2_mid_left_4 span.on:after{
background-image:url(../images/img12.png);}
.proinfo_mid_2_mid_top{
position:absolute; right:0; top:0; width:43.54243542435424%; text-align:right;}
.proinfo_mid_2_mid_top img{
max-width:40%;}

#showdimg img{ }


.showprodetail{ left:50%; top:50%; width:1px; height:1px; margin-left:-0.5px;  margin-top:-0.5px;opacity:0;
position:fixed;  z-index:99999; background-position:center; background-repeat:no-repeat; background-size:cover;}
.showprodetail_close{
position:fixed; right:2em; top:2em; z-index:10;}
.showprodetail_show{left:0; top:0; width:100%; height:100%; opacity:1; margin:0;}

.showprodetail_close img{
-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.showprodetail_close:hover img{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}


/*************************************************/

#mid{
position:relative; transition: all 0.5s ease 0s;
  z-index: 1;}
.moveleft{
  transform: translateX(-66%);
}

@media screen and (max-width:850px) {
	
.showprodetail_close{top:1em; right:1em;}
.showprodetail_close img{width:2em;   height:2em;}
	
	
.proinfo_mid_2_mid_top{
width:auto}
.proinfo_mid_2_mid_top .proinfo_mid_2_mid_right_2{
padding:0;}
.proinfo_mid_2_mid_left .proinfo_mid_2_mid_right_2,.proinfo_mid_2_mid_right_1{
padding-left:0; padding-right:0}
.proinfo_mid_2_mid_right_1{
margin-top:1em;}
.proinfo_mid_2_mid_left,.proinfo_mid_2_mid_right{
position:static; width:auto;}
.proinfo_mid_2_mid_left{
padding-top:1.5em;}
.proinfo_mid_2_mid_mid{
width:100%; margin-top:1.5em;}


.ab_4 .swiper-pagination-bullet{
background-color:#000;}
.ab_4_mid_right{
display:none}
.ab_4_mid{
padding-right:0}
.index_4_2_right_mid_right{
height:auto}
.swiper-pagination-cz{
display:block}
.index_4_2_right_mid_right .swiper-container-horizontal > .swiper-pagination-bullets,.index_4_2_right_mid_right .swiper-pagination-custom,.index_4_2_right_mid_right .index_4_2_right_mid_right .swiper-pagination-fraction{
bottom:20px;}
.swiper-pagination-bullet-active{
background-color:#fff;}
.about_1_mid_right_2{
margin-bottom:2em;}
.div1200,.div1252,.div1000{
padding:0 2%;}
.index_4_2{
max-width:none}
.index_4_2_left{
float:none;}
.index_4_2_right{
float:none; margin:0 auto; margin-top:2em; width:100%;}
.index_4_2_right_mid{
padding-left:0;}
.index_4_2_right_mid_left{
display:none}
.index_6_mid_right_mid{
padding-top:5em; padding-bottom:5em;}
.about_1_mid_right_1,.about_3_1{
font-size:1.5em;}
.about_1_mid_left{
float:none; margin:0 auto;}
.about_1_mid_right{
float:none; width:auto;}
.about_1_mid_left_right{ height:53.86178861788618%;
width:46.34146341463415%; bottom:-4em; right:-31.30081300813008%;}
.about_1{
margin-bottom:4em;}
.about_2_video_title_1{
font-size:1.25em;}
} 


.mobile_bigpic{display:none}


.proinfo_mid_2_mid_right_2{
margin-top:1em;} 
.pa_1{
font-size:2.083125em;}
.pa_2{
padding:1em 0; border-bottom:1px #3e3e3e solid;}
.pa_2 span:nth-child(1){
font-size:1.823125em;}
.pa_2 span:nth-child(2){
font-size:1.301875em;} 
.pa_3{ margin-top:0.7em; margin-bottom:0.4em;
font-size:1.29625em;}
.pa_4{ margin-top:0.5em;
font-size:1.29625em;}
.pa_5 span{
font-size:1.029375em;}
@media screen and (max-width:640px) {
.proinfo_mid_2_mid_right .proinfo_mid_2_mid_right_2 span{
margin-left:-1.8em;}
.pa_1{
font-size:1.25em;}
.pa_2 span:nth-child(1){
font-size:1em;}
.pa_2 span:nth-child(2){
font-size:0.875em;} 
.pa_3,.pa_4{
font-size:0.875em;}

}
.pa_4 span:after{
	content: "";
  position: absolute;
  z-index: 1;
  background-size:cover;
  left: 0%;
  width: 0.85em;
  top: 0.22em;
  background-image:url(../images/img11.png);
   background-repeat:no-repeat;
   background-position:center;
    
  z-index:0;
   
  height: 0.85em;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
.pa_4 span.on:after{
background-image:url(../images/img12.png);}
.pa_4 span{ padding-left:1em;
display:inline-block; position:relative; cursor:pointer}
.pa_4 span:nth-child(1){
margin-right:1em;}
.proinfo_mid_2_mid_after{ font-size:0.65em;  
content:''; position:absolute; bottom:-12em; z-index:10; width:16.0625em; left:50%; margin-left:-8.03125em; height:5.625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);
}

@media screen and (max-width:768px) {
.new_mak_2_mid{
padding:4em 0;}
.new_mak_2_mid_mid_1{
font-size:1.25em;}
.new_mak_2{
margin-bottom:2em;}
}
@media screen and (max-width:640px) {
.proinfo_mid_2_mid_right .proinfo_mid_2_mid_right_2 span{
margin-left:-1.8em;}
.pa_1{
font-size:1.25em;}
.pa_2 span:nth-child(1){
font-size:1em;}
.pa_2 span:nth-child(2){
font-size:0.875em;} 
.pa_3,.pa_4{
font-size:0.875em;}
.mobile_bigpic{display:block;width:50px;}
.bigpic{display:none}
.proinfo_mid_2_mid_right_2_right_img img{
width:50px;}
.proinfo3_1{font-size:1.2rem;}
.proinfo3_2{font-size:1rem;}



.ab_1_mid{margin:0 0.1%;}
.proinfo_mid{margin:0 0.2%;}
.proinfo3_1{text-align:left;padding-left:1.5em;}
.proinfo3_2{text-align:left;padding-left:1.5em;}
.proinfo3_5{margin:0.1em 0;text-align:center;overflow:hidden; width:100%;}


}