img{
    max-width:100%;
}
*:focus {outline: none;}
body{ font-family:"微软雅黑";
    position:relative; color:#000;
}
 
/*************************************/
#header{ position:fixed; background-image:url(../images/header/img2.png);
width:100%; left:0; top:0; height:5em; z-index:999;} 
.header_mid{
margin:0 7%; position:relative; padding-right:11.0625em;}
.header_mid_right{
position:absolute; right:0; top:25.5px;}
.header_mid_left{
float:left; margin-top:0.6875em;}
.header_mid_mid{ margin-right:1.5em;
float:right;}
.header_mid_mid ul li{ margin-left:4em;
display:inline-block; position:relative;}
.subNav { position: absolute; left: -72px;-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);  z-index:10;  top: 90px; width: 224px; padding: 8px 0px;   background-color: #fff; display:none; }
.subNav:after{
content: "";
  position: absolute;
  z-index: 1;
  background: #ff7206;
  left: 0%;
  right: 0;
  width: 0%;
  top: 0px;
  height: 2px;
  width:100%;
  -webkit-transition: all 1.4s ease-in-out;
          transition: all 1.4s ease-in-out;}
 
.subNav p { padding:8px 20px; }
.subNav a { font-size:0.875em; color:#666; background-position:left center; background-repeat:no-repeat; display:block;}
.subNav a:hover{ padding-left:15px; background-image:url(../images/header/img3.png); color:#ff7206;} 
.header_mid_mid ul li a.biga{ color:#fff; display:inline-block;
line-height:5em;}
.header_mid_mid ul li a.biga:hover,.header_mid_mid ul li a.bigaon{
color:#ff6701;}
.indexbanner_mask{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.indexbanner_mask_mid{
padding:0 1em;}
.pcbanner{
overflow:hidden;}
.indexbanner_mask_mid_1{
font-size:3em; color:#ff6701;}
.indexbanner_mask_mid_2{
font-size:1.875em; margin-top:0.4em; margin-bottom:1.5em;}
.indexbanner_mask_mid_3 a{ overflow:hidden; color:#ff6701;
display:inline-block; border:1px #ff6701 solid; font-size:1.125em; width:7.888888888888889em; line-height:2.5em;}
.swiper-pagination-bullet-active{
background-color:#ff6701}
@media screen and (max-width:1440px) {
.header_mid{
margin:0 3%;}
.header_mid_mid ul li{
margin-left:3em;}
}
.indexbanner .swiper-pagination-bullet{  
background-color:#fff; height:2px; width:28px;border-radius:0;opacity:1;}
.indexbanner .swiper-pagination-bullet-active{background-color:#ff6701}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 11px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{
bottom:40px;}
.div1200{
margin:0 auto; max-width:75em; padding:0 1em;}
.index_1_1{ padding-bottom:0.55em; margin-top:1.5em;
text-align:center; position:relative; color:#000; font-size:2.25em;}
.index_1_1:after{
position:absolute; width:120px; bottom:0; height:3px; left:50%; margin-left:-60px; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img5.jpg);}
.index_1_2{
text-align:center; margin:1em 0 1.5em 0; font-size:1.125em; line-height:1.8;}
.index_2_cate{ margin:1.6875em 0;
text-align:center;}
.index_2_cate a{ width:6.444444444444444em; margin:0 0.5em;
display:inline-block; font-size:1.125em; overflow:hidden; position:relative; border:1px #000 solid; line-height:2.555555555555556em;}
.index_2_cate a:hover,.index_2_cate a.on{
color:#fff; border-color:#ff6701;}
.index_2_cate a:after{content: "";
  position: absolute;
  z-index: 1;
  background: #ff6701;
  left: -100%;
  right: 0;
  width: 0%;
  top: 0px;
  height: 100%;
  width:100%;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
		  z-index:-1;}
.index_2_cate a:hover:after,.index_2_cate a.on:after{
left:0;}
.index_2_list{
margin:0 3%;}
.index_2_list ul li{ position:relative; margin-right:0.89342693044033%;
float:left; width:32.73771537970645%; overflow:hidden; margin-bottom:1em;}
.index_2_list ul li:nth-child(3n){
margin-right:0;}
.index_2_list_1{
overflow:hidden;}
.index_2_list_1 img{
width:100%;
filter: grayscale(100%); 
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1); 
}
.index_2_list ul li:hover .index_2_list_1 img{
	filter: grayscale(0%); 
  -webkit-filter: grayscale(0%); 
  -moz-filter: grayscale(0%); 
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
  -webkit-filter: grayscale(0); 
}
.index_2_list_2{ color:#ff6701;opacity:0;
position:absolute; left:0; bottom:-50%; width:100%; z-index:10; background-image:url(../images/header/img2.png);}
.index_2_list_2_mid{
font-size:1.25em; padding:1em 1.2em;}
.index_2_list ul li:hover .index_2_list_2{
bottom:0;opacity:1;}
.index_2_footer{ margin-top:1.5em;
text-align:center;}
.vmbtn{ width:10.27777777777778em;
  font-size:1.125em;overflow:hidden; color:#000;
display:inline-block; border:1px #000 solid;    line-height:2.5em;}
.vmbtn:hover{
border-color:#ff6701}
#footer{ color:#b6b6b6; padding-top:5.375em; padding-bottom:3.5em;
background-color:#232323; overflow:hidden;}
.footer_mid_left{
float:left; width:28%;}
.footer_mid_right{
float:right; width:24%;}
.footer_mid_mid{
float:left; width:48%;}
.cpfooter{  color:#565656;
background-color:#0f0f0f; text-align:center;}
.cpfooter a{
color:#565656}
.cpfooter_mid{font-size:0.875em; padding:1.4em 0;}
.cpfooter a:hover{
color:#fff;}
.footer_mid_left_mid{
padding:0 2em;}
.footer_mid_mid_1{
font-size:1.125em;}
.footer_mid_mid_2{ margin-top:0.2em;
font-size:0.875em; line-height:2;}
.footer_mid_mid_3{ margin-top:2em;
font-size:0.875em; color:#565656;}
.footer_mid_mid_3 a{
color:#565656; margin-right:0.5em;}
.footer_mid_mid_3 a:hover{
color:#fff;}
.index_3_mid{
position:relative; height:201px;}
.index_3_mid ul li{
position:absolute; left:0; bottom:0; height:100%;}
.index_3_mid ul li:nth-child(1){
width:27.66666666666667%; background-position:right bottom; background-repeat:no-repeat; /*background-image:url(../images/index/img11.jpg);*/}
.index_3_mid_mid_3{ font-size:0.875em; line-height:1.8; color:#acacac;
overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.index_3_mid_mid_2{
font-size:1.125em; margin-top:0.5em; margin-bottom:0.7em;}
.index_3_mid_mid_2 a{ color:#000;
display:block; position:relative; padding-bottom:0.4em;}
.index_3_mid_mid_1{ color:#acacac; font-size:0.875em;}
.index_3_mid_mid{ padding-top:2.2em;
padding-right:1.25em; padding-left:1.125em;}
.index_3_mid_mid_2 a:after{
content: "";
  position: absolute;
  z-index: 1;
  background: #ff6701;
  left: 0%;
  right: 0;
  width: 0%;
  bottom: 0px;
  height: 1px;
  width:0%;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
		  }
.index_3_mid_mid_2 a:hover:after{
width:100%;}

.index_3_mid ul li:nth-child(2){ left:35%;
width:31%; background-position:left bottom; background-repeat:no-repeat; /*background-image:url(../images/index/img12.jpg);*/}
.index_3_mid ul li:nth-child(2) .index_3_mid_mid{
padding-right:2.5em;}
.index_3_mid ul li:nth-child(3){ left:auto; right:0;
width:31%; background-position:left bottom; background-repeat:no-repeat; /*background-image:url(../images/index/img13.jpg);*/}
.index_3_mid ul li:nth-child(3) .index_3_mid_mid{
padding-left:3.5em; padding-right:0;}
.index_3{
margin-bottom:3.375em; margin-top:2em;}
.index_4{ padding-bottom:4em;
background-image:url(../images/index/img9.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index_4 .index_1_1:after{ 
  background-image:url(../images/index/img8.png);}
.index_4_1 ul li{
float:left; width:33.3333%; color:#fff;}
.index_4_1 ul li:nth-child(2){
text-align:center;}
.index_4_1 ul li:nth-child(3){
text-align:right;}
.index_4_1_1{  
color:#ff6701;}
.index_4_1_1 b{
font-size:4.5em; font-family:"Euphemia";}
.index_4_1_1 span{
font-size:2.25em;}
.index_4_1_2{color:#ff6701;
font-size:1.125em;}
 
.index_4_1 ul li:nth-child(2) .index_4_1_mid{
margin:0 auto; width:194px; text-align:left;}
.index_4_1 ul li:nth-child(3) .index_4_1_mid{ float:right;
 width:201px; text-align:left;}
.index_4_2{ text-align:center;
color:#fff; max-width:63.625em; margin:3em auto 3em auto; line-height:1.8;}
.index_4_1{
margin-top:2em;  }
.index_4_3{
text-align:center;}
.index_4_3 a{ overflow:hidden; color:#fff;
display:inline-block; border:1px #ff6701 solid; font-size:1.125em; width:9em; line-height:2.5em;}
.div1287{
margin:0 auto; padding:0 1em; max-width:80.4375em;}
.index_5_mid ul li{ margin-bottom:5px; background-color:#e5e5e5; text-align:center;margin-right:0.33022533022533%;
float:left; width:19.73581973581974%;}
.index_5_mid_mid{
height:110px; padding:0 1em;}
.index_5_mid ul li:nth-child(5n){
margin-right:0;}
.index_5_mid{
margin-top:3.5em;}
.index_5{
margin-bottom:4em;}
.about_banner{ position:relative; padding-bottom:15.375em; padding-top:13em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/banner.jpg);}
.about_1{ margin-top:2.2em;
text-align:center; color:#fff; font-size:2.625em;}
.about_2{ margin-top:0.4em;
text-align:center; color:#ff6701; font-size:1.625em;}
.nymenu{
position:absolute; left:0; width:100%; bottom:0; z-index:10; text-align:center; background-image:url(../images/header/img2.png);}
.nymenu ul li a{ width:9.388888888888889em; position:relative;
font-size:1.125em; display:inline-block;  line-height:3.611111111111111em; color:#fff;}
.nymenu ul li{
display:inline-block;}
.about_mid{
margin:4em 0; font-size:1.125em; line-height:1.8;}


.nymenu ul li a:before{ z-index:-1; content:""; width:100%; height:100%; background:#ff6701; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
@media screen and (min-width:1090px) { 
.nymenu ul li a:hover:before,.nymenu ul li a.on:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.nymenu ul li a:hover,.nymenu ul li a.on{ color:#fff;}
}
.case_banner{ position:relative; height:18.3125em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/case/banner.jpg)}
.case_banner .nymenu{
text-align:left;}
.case_banner .nymenu ul li a{
text-align:center;}
.casemid{
margin-top:2em; padding-bottom:4em;}

.commonpage{ margin-top:4em; margin-bottom:2em;
text-align:center; font-size:0.875em;}
.commonpage a{ margin:0 0.3em;
display:inline-block; line-height:2.2em; background-color:#eeebeb; padding:0 0.975em;}
.commonpage span.on a{
background-color:#2a2b2f; color:#fff;}
.commonpage span:hover a{
color:#fff; background-color:#2a2b2f}
.case_info_1{
font-size:1.5em; margin-top:2em; margin-bottom:0.9em;}
.case_info_2_left{ overflow:hidden;
 float:left; width:43.83333333333333%;}
.case_info_2_left img{
width:100%;}
.case_info_2_right{
float:right; width:50%;}
.case_info_2_right dl dd{ font-size:1.125em;
border-bottom:1px #d9d9d9 solid; padding:1.1em 0;}
.case_info_2_right dl dd span{
font-weight:bold;}
.case_info_2_right dl dd:nth-child(1){border-top:1px #d9d9d9 solid; }
.case_info_5_mid{ overflow:hidden;
margin:0 auto; max-width:260px; position:relative;}
.case_info_5_mid_left{
float:left; font-size:0.875em;}
.case_info_5_mid_right{
float:right; font-size:0.875em;}
.case_info_5_mid_mid{
position:absolute; top:0; height:100%; width:20px; left:50%; margin-left:-10px;}
.case_info_5_mid_mid a{
display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../images/case/img2.jpg); background-position:center; background-repeat:no-repeat;}
.case_info_5{
margin-top:4em; margin-bottom:5em;}
a:hover{
color:#ff6701}

.case_info_5_mid_mid a{
-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;}
.case_info_5_mid_mid a:hover{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ser_mid ul li .ser_mid_left{ overflow:hidden;
float:left; width:52.16666666666667%;}
.ser_mid ul li .ser_mid_right{
float:right; width:47.83333333333333%;}
.ser_mid ul li{ margin-top:3.25em;
display:block; background-color:#e4e4e4;}
.ser_mid_right_mid{ padding-top:2.5em;
padding-left:16.17391304347826%; padding-right:16.17391304347826%;}
.ser_mid_right_mid_1{
font-size:1.875em; position:relative; padding-bottom:0.45em;}
.ser_mid_right_mid_1:after{content: "";
  position: absolute;
  z-index: 1;
  background: #ff6701;
  left: 0%;
  right: 0;
  width: 1.4em;
  bottom: 0px;
  height: 0.1666666666666667em;
  
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;}
.ser_mid_right_mid_2{
font-size:1.125em; line-height:1.8; margin-top:0.5em;}
.ser_mid ul li .ser_mid_left img{
width:100%;}
.ser_mid{
margin-bottom:3.25em;}
.news_mid ul li{ margin-bottom:1.875em;
border:1px #cfcfcf solid; padding:0.8125em;}
.news_mid_mid{
position:relative; padding-left:18.75em; min-height:12.5em;}
.news_mid_mid_left{
width:18.75em; overflow:hidden; height:100%; position:absolute; left:0; top:0;}
.news_mid_mid_left img{
width:100%;}
.news_mid_mid_right{
margin-left:2.8125em; max-width:39.625em;}
.news_mid_mid_right_1{ color:#000;
font-size:1.125em; padding-top:0.5em;}
.news_mid_mid_right_2{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1.8em 0 2em 0;
color:#7a7979; font-size:0.875em; line-height:1.8;}
.news_mid_mid_right_3{color:#7a7979; 
font-size:0.875em;}
.news_mid ul li:hover{
border-color:#ff6701}
.news_mid{
margin-top:3.6875em; padding-bottom:2em;}
.case_info_4{
line-height:1.8;}
.news_info_1{
text-align:center; font-size:0.875em; color:#666; padding-bottom:1em; border-bottom:1px #dedede solid; margin-bottom:2em;}
.contact_banner_img{
overflow:hidden;}
.contact_banner_img img{
width:100%;}
.contact_banner{
position:relative;}
.contact_banner_mask{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff; text-align:center;}
.contact_banner_mask_2{
font-size:1.73125em;margin-top:0.8em;}
.contact_banner_mask_1 span{ width:7.894736842105263em; line-height:2.105263157894737em;
display:inline-block; border:3px #fff solid; font-size:2.375em; }
.contact_mid ul li{
float:left; width:30%; margin-bottom:3.3125em;}
.contact_mid ul li:nth-child(2),.contact_mid ul li:nth-child(5),.contact_mid ul li:nth-child(8),.contact_mid ul li:nth-child(11){
width:40%;}
.contact_mid_mid{
position:relative; padding-left:3.75em; min-height:3.75em;}
.contact_mid_mid_left{
position:absolute; left:0; top:0;}
.contact_mid_mid_right{
padding-left:1em; padding-right:2em;}
.contact_mid_mid_right_1{
font-size:1.125em; padding-top:0.2em;}
.contact_mid_mid_right_2{ min-height:50.4px;
font-size:0.875em; line-height:1.8; margin-top:0.1em;}
.contact_top_1{
font-size:1.5em; position:relative; padding-bottom:0.6em;}
.contact_top_1:after{
content: "";
  position: absolute;
  z-index: 1;
  background: #000;
  left: 0%;
  
  width: 1.583333333333333em;
  bottom: 0px;
  height: 0.2083333333333333em;
  
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;}
.contact_top_2{
font-size:0.875em; padding-top:0.6em;}
.contact_top{
margin:3.75em 0 4em 0;}
.contact_mid{
margin-bottom:2.5em;}









/*******************/
.action.transXT50 {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
.balck-20, .balck-30, .balck-40, .balck-50, .balck-60, .balck-70, .balck-80 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.balck-70 {
	background: url(../images/black_70.png) repeat; background-position:center; background-size:cover;
	 
}



.product-Ilist {
	overflow: hidden;
}

.product-Ilist dl {
	margin: 0px;
}

.product-Ilist dd {
	float: left;
	display: block;
	width: 25%;
	margin-left: 0%;
	position: relative;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	height: 364px;
}

.product-Ilist .balck-70 {
	background: none #fff;
	transition: 400ms;
	-webkit-transition: 400ms;
}

.product-Ilist .con {
	padding: 45px 1em 0px;
	color: #999;
	text-align: center;
	position: relative;
	z-index: 2;
	transition: 400ms;
	-webkit-transition: 400ms;
}

.product-Ilist .icoBox {
	width: 146px;
	height: 146px; background-color:#fff; text-align:center; border:1px #000 solid;
	margin: 0px auto 20px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}

 
 
.product-Ilist .con .t {
	font-size: 1.5em;
	 
	color: #000;
	min-height: 38px;
	overflow: hidden;
	margin-bottom: 10px;
	 
	transition: 400ms;
	-webkit-transition: 400ms;
}

.product-Ilist .con .c {
	height: 76px;
	overflow: hidden;
	color:#000; line-height:1.6;opacity:0;
	margin-bottom: 22px;
}

 

@media screen and (min-width:950px) {
.product-Ilist dd:hover .balck-70{ background: url(../images/black_70.png) repeat;  }
.product-Ilist dd:hover .con{ padding-top: 30px;}
.product-Ilist dd:hover .con .c{ color: #ff9c00;opacity:1;}
.product-Ilist dd:hover .con .t{ min-height: 0;}
.product-Ilist dd:hover .con .t{
color:#ff9c00}	 
.product-Ilist dd:hover .icoBox{
border-color:#fff;} 
}
/******************************/	 









.more-button {
position:relative; 
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	 
	 -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

.more-button span {
	display: block;
	-webkit-transition: all ease .4s;
	transition: all ease .4s;
}
 

.more-button span.hover {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
   -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0,100%);
    opacity: 0; background-color:#ff6701; color:#fff;
}
@media screen and (min-width:1090px) {
 
.more-button:hover .hover {
	opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
	
}
} 
.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; } 
/*************************************************/
.fr{
float:right; display:inline}
.ovh {
  overflow: hidden; }
body.ovh #header{
border:none;} 
#header{transition: transform 0.5s ease 0s;}
#mid{
position:relative; transition: all 0.5s ease 0s;
  z-index: 1;}
.moveleft{
  transform: translateX(-66%);
}
#header .m-btn { float:right;  
  width: 22px;
  height: 20px;
  
  display: none;
  cursor: pointer;
  margin-top: 30px;
}
@media screen and (max-width:1300px) {
.header_mid_right{
display:none}
.header_mid{
padding-right:0;}
.header_mid_mid{
margin-right:0;}
}
@media screen and (max-width:1200px) {
.header_mid_mid{
display:none}
#header .m-btn{
display:block;}
 
}
.nymenu p{ position:relative;
display:none;}
.nymenu p i{
position:absolute; right:0em; top:0.7em; font-size:1.25em;}
@media screen and (max-width:1090px) {
.contact_top_1{
font-size:1.25em;}
.contact_banner_mask_1 span{
font-size:1.875em;}
.contact_banner_mask_2{
font-size:1.125em;}
.ser_mid_right_mid_1{
font-size:1.5em;}
.ser_mid_right_mid_2{
font-size:1em;}
.case_info_1{
font-size:1.25em;}
.case_info_2_right dl dd{
font-size:1em;}
.case_banner .nymenu ul li a{
text-align:left;}
.nymenu{
 }
.nymenu p{ text-align:left; padding:1em 0em;
display:block; color:#fff;  }
.nymenu ul{ display:none;
position:absolute; left:0; top:52.8px; background-color:#fff; width:100%;-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); }
.nymenu ul li{ padding:0.8em 1em; border-bottom:1px #dedede solid; display:block; text-align:left;}
.nymenu ul li a{ line-height:normal; display:inline-block;
font-size:0.875em; color:#000; width:auto}
.nymenu ul li:last-child{
border:none;}
.nymenu ul li a.on{
color:#000;}
.about_banner{
padding:9em 0 13em 0;}
.about_1{
font-size:1.5em;}
.about_2{
font-size:1.125em;}
.index_4_2{
font-size:0.875em;}
.index_4_1_mid{
text-align:center; padding:0 1em;}
.index_4_1 ul li:nth-child(2) .index_4_1_mid,.index_4_1 ul li:nth-child(3) .index_4_1_mid{
width:auto; text-align:center;}
.index_4_1_1{
font-size:0.6em;}
.index_3_mid_mid_2{
font-size:1em;}
 .indexbanner_mask_mid{
 font-size:0.75em;}
 .index_1_1{
 font-size:1.5em;}
 .index_1_2{
 font-size:0.875em;}
 .product-Ilist .con .t{
 font-size:1.125em;}
 .product-Ilist .con .c{
 font-size:0.875em;}
 .product-Ilist .icoBox{
 width:120px; height:120px;}
 .product-Ilist .icoBox img{
 max-width:50%;}
}
 
@media screen and (max-width:950px) {
.contact_mid_mid_right_1{
font-size:1em;}
.contact_mid ul li{
width:50%; margin-bottom:2em;}
.contact_mid ul li:nth-child(2),.contact_mid ul li:nth-child(5),.contact_mid ul li:nth-child(8),.contact_mid ul li:nth-child(11){
width:50%;}
.ser_mid_right_mid{
padding:2em;}
.indexbanner_mask_mid_1{
font-size:2em;}
.indexbanner_mask_mid_2{
font-size:1.5em;}
#footer{
padding:2em 0;}
.footer_mid_mid{
float:none; width:auto}
.footer_mid_left,.footer_mid_right{
display:none}
.index_3_mid{
height:auto;}
.index_3_mid_mid{
padding:1.5em 0;}
.index_3_mid ul li:nth-child(3) .index_3_mid_mid{
padding-left:0;}
.index_3_mid ul li:nth-child(1),.index_3_mid ul li:nth-child(2),.index_3_mid ul li:nth-child(3){
position:static; width:100%; background:none;}
.index_3_mid ul li{
border-bottom:1px #dedede solid;}
 .product-Ilist dd{
 width:50%;}
 .product-Ilist .con .c{
 opacity:1; color:#666;}
 .product-Ilist dd{
 height:300px;}
}
@media screen and (max-width:900px) {
.ser_mid{
margin-bottom:1.5em;}
.ser_mid_right_mid_1{
font-size:1.125em;}
.ser_mid_right_mid_2{
font-size:0.875em;}
.ser_mid_right_mid{
padding:1.5em;}
.ser_mid ul li{
margin-top:1.5em;}
.ser_mid ul li .ser_mid_left,.ser_mid ul li .ser_mid_right{
float:none; width:100%;}
}
.shoujibanner{
display:none; height:50vh;}
@media screen and (max-width:768px) {
.contact_banner_mask_2{
font-size:0.875em;}
.contact_banner_mask_1 span{
font-size:1.25em;}
.case_info_4{
font-size:0.875em;}
.case_info_5{
margin:2em 0;}
.case_info_2_left{
float:none; width:auto;}
.case_info_2_right{
float:none; width:auto; margin-top:1.5em;}
.about_mid{
font-size:1em; margin:2em 0;}
.about_2{
font-size:1em;}
.about_1{
font-size:1.25em;}
.about_banner{
padding-top:6em; padding-bottom:8em; }
.pcbanner{
display:none;}
.shoujibanner{
display:block;}
.index_5{
margin-bottom:2em;}
.index_5_mid{
margin-top:2em;}
.index_5_mid ul li{
width:24.752331002331%;}
.index_5_mid ul li:nth-child(4n){
margin-right:0;
}
.index_5_mid ul li:nth-child(5n){
margin-right:0.33022533022533%}
.index_4_1_1{
font-size:0.5em;}
.index_4_1_2{
font-size:0.875em;}
.index_3{
margin-bottom:2em;}
.vmbtn,.index_4_3 a{
font-size:0.875em;}
	.index_1_1{
	font-size:1.25em;}
  .product-Ilist dd{
 height:auto; width:100%; border-bottom:1px #dedede solid;}
 .product-Ilist .con{
 padding:1em;}
 .product-Ilist .con .c{
 height:auto;}
 .index_2_cate a{
 font-size:0.875em;}
 .index_2_list_2{
 bottom:0;  opacity:1;}
 .index_2_list_2_mid{
 font-size:0.875em;}
}
@media screen and (max-width:640px) {
.contact_mid{
margin-bottom:2em;}
.contact_top{
margin:2em 0;}
.contact_mid_mid_left{
position:static;  width:100%; text-align:center}
.contact_mid_mid{
padding-left:0;}
.contact_mid_mid_right{ margin-top:1em;
padding-left:0; padding-right:0; text-align:center;}
.contact_mid ul li:nth-child(2), .contact_mid ul li:nth-child(5), .contact_mid ul li:nth-child(8), .contact_mid ul li:nth-child(11){
width:100%;}
.contact_mid ul li{ border-bottom:1px #dedede solid;
width:100%; margin-bottom:1.5em;}
.case_info_1{
font-size:1.125em;}
.case_banner{
height:14em;}
	
	.index_5_mid ul li{
width:33.11318311318311%;}
.index_5_mid ul li:nth-child(3n){
margin-right:0;
}
.index_5_mid ul li:nth-child(4n){
margin-right:0.33022533022533%}

 .index_2_list ul li{
 width:49%; margin-right:0;}
 .index_2_list ul li:nth-child(2n){
 float:right;}
 .index_2_list ul li:last-child{
 display:none}
}
@media screen and (max-width:480px) {
.about_banner{
padding-top:3em;}
.indexbanner_mask_mid_2{
font-size:1.25em;}
.indexbanner_mask_mid_1{
font-size:1.75em;}
.index_5_mid_mid{
height:100px;}
.index_5_mid ul li{
margin-right:0; width:48%; margin-bottom:1em;}
.index_5_mid ul li:nth-child(4n),.index_5_mid ul li:nth-child(5n){
margin-right:0}
.index_5_mid ul li:nth-child(2n){
float:right;}

.index_4_1_2{
line-height:1.6;}
.index_4_1_1{
font-size:0.4em;}
.index_4_2{
margin:2em auto;}
.index_2_cate a{
margin-bottom:0.5em;}
 .product-Ilist .icoBox{
 width:100px; height:100px;}
 .index_2_list ul li{
 width:100%;}
 .index_2_list ul li:last-child{
 display:block;}
}
@media screen and (max-width:320px) {
 
}
#header .m-btn .box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#header .m-btn .line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  transition: width 0.3s ease 0s;
}
#header .m-btn .line1 {
 /* width: 12px;*/
  top: 0;
}
#header .m-btn .line2 {
 /* width: 22px;*/
  top: 6px;
}
#header .m-btn .line3 {
  /*width: 16px;*/
  top: 13px;
}
#header .m-btn.cur .line1, #header .m-btn.cur .line2, #header .m-btn.cur .line3 {
  width: 100%;
}
.m-sub-menu.show {
  right: 0;
  transition: all 0.44s ease 0s;
}

.m-sub-menu {
  position: fixed;
  right: -100%;
  width: 66%;
  top: 0;
  z-index: 100;
  height: 100%;
  background-color: #fff;
  transition: all 0.64s ease 0s;
}
.m-sub-menu .top-box {
  line-height: 60px;
  background-color: #333;
}
.m-sub-menu .top-box .stt {
  display: inline-block;
  font-size: 16px;
  color: #acacac;
  margin-left: 8.2%;
   
}
.m-sub-menu .top-box .close {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../img/ico_37.png) no-repeat center;
  margin-right: 7.8%;
  margin-top: 22px;
  cursor: pointer;
}
.m-sub-menu .list-wrap ul {
  width: 100%;
}
.m-sub-menu .list-wrap li {
  line-height: 60px;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .list-wrap li .col-box {
  display: block;
   
  padding: 0 7.8% 0 8.2%;
}
.m-sub-menu .list-wrap .tit {
  font-size: 16px;font-family: "FuturaBT Book";
  color: #666;
}
.m-sub-menu .list-wrap .point {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url(../img/ico_38.png) no-repeat center;
  margin-top: 26px;
}
.m-sub-menu .bot-link {
  width: 84%;
  padding: 0 7.8% 0 8.2%;
  margin-top: 30px;
}
.m-sub-menu .bot-link a {
  display: inline-block;
  width: 36px;
  height: 50px;
  margin-right: 20px;
  float: left;
}
 
.m-sub-menu .sec-sub-list {
  position: absolute;
  right: -100%;
  top: 60px;
  width: 100%;
}
.m-sub-menu .sec-sub-list .return-fir {
  display: block;
 
  padding: 0 7.8% 0 8.2%;
  line-height: 60px;
  background-color: #333;
}
.m-sub-menu .sec-sub-list .return-fir p {
  padding-left: 18px;
  color: #fff;
  font-size: 18px;
  background: url(../img/ico_42.png) no-repeat left center;
}
.m-sub-menu .sec-sub-list .boxs {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s ease 0s;
  background-color: #fff;
}
.m-sub-menu .sec-sub-list .boxs.show {
  left: -100%;
}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li {
  width: 100%;
}
.m-sub-menu .sec-sub-list li {
  line-height: 60px;
  border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .sec-sub-list li a {
  display: block;
  width: 84%;
  padding: 0 7.8% 0 8.2%;
  font-size: 16px;
  color: #666;
}
.m-sub-menu .sec-sub-list .bot-link {
  margin-top: 14px;
}
.search-alert {
  position: fixed;
  z-index: 999;
  background-color: #222222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 124px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}
.search-alert .cent-form .tex {
  border: none;
  font-size: 66px;
  height: 124px;
  line-height: 124px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  background: none;
   
  padding-left: 88px;
  padding-right: 80px;
  background: url(../img/ico_36.png) no-repeat 35px 60px;
}
.search-alert .cent-form .sub-butn {
  border: none;
  height: 100px;
  margin-top: 24px;
  font-size: 24px;
  line-height: 100px;
  color: #555;
  text-align: right;
  background: none;
   
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  text-align: center;
}
.search-alert .close {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/ico_37.png) no-repeat center;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}
.ovh {
  overflow: hidden; }
@media screen and (max-width:768px) {
.search-alert .cent-form .tex{
		height: 60px;
		line-height: 60px;
		font-size: 28px;
		background-position: 30px 20px !important;
	}
	.search-alert .cent-form{
		height: 60px;
		margin-top: -30px;
	}
	.search-alert .cent-form .sub-butn{
		height: 60px;
		line-height: 60px;
		margin-top: 0;
		/*background: url(../img/ico_36.png) no-repeat center;*/
		/*font-size: 0;*/
	}
}
@media screen and (max-width:480px) {
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets, .indexbanner .swiper-pagination-custom, .indexbanner .swiper-pagination-fraction{
bottom:16px;}
.indexbanner .swiper-pagination-index-banner{
bottom:1em;}
.indexbanner .swiper-pagination-bullet{
width:8px;border-radius:50%; height:8px;}
.indexbanner .swiper-pagination-bullet-active::before{
width:4px; height:4px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 4px;}

.index_1_3_mid_right_1_right_3{
display:none}
.news_info_1_mid_2{
margin:1.5em 0;}
.news_info_1_mid_1_1{
font-size:1.125em;}
.news_info_1_mid_2{
font-size:0.875em;}
.search-alert .cent-form .tex{
		padding-left: 10px;
		text-align: left;
		background: none;
		font-size: 20px;
	}
	.search-alert .cent-form .sub-butn{
		font-size: 22px;
		color: #777;
	}
.header_mid{
height:3.75em;}
.header_1_logo{
margin-top:0.9em;}
.header_1_logo img{
height:1.95em}
#mid{
margin-top:3.75em;}
.header_mid_left img{
display:none;}
.header_mid_left a{
display:block; height:2.75em; width:8.125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/logo2.png);}
.header_mid_left{
margin-top:0.5em;}
#header{
height:3.75em;}
.ts_logo{
margin-top:0.5em;}
.ts_logo img{
height:2.75em;}	
#header .m-btn{
margin-top:20px;}
}
/***********************************************/
 
@media screen and (min-width:1090px) {
.xz_mr{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.sup_2_1 ul li:hover .xz_mr{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}

.sup_2_1_mid_1 span i{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out; 
}

.sup_2_1 ul li:hover .sup_2_1_mid_1 span i{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    
}
}