/*logo*/
.index_navigation_headbg{background:#FFFFFF;}
.index_navigation_Top{width:100%; margin:auto; position:fixed; top:0; z-index:9992;}
.index_navigation_container{ width:100%; height:90px; position:relative;}
.index_navigation_Logo{ width:20%; float:left; display:flex; justify-content:center; margin-top:24px;}
.index_navigation_Logo img{ width:100%; max-width:158px; height:42px; border:none;}
.index_navigation_Logo_pic{ width:40%;}
.index_navigation_Headmenu{width:60%; float:left; padding-left:100px;}
.index_navigation_page_Menu{width:100%;}
.index_navigation_page_Menu ul{
	-webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
.index_navigation_page_Menu ul li{ float:left; list-style:none; height:90px; padding:0 5%; position:relative;}
.index_navigation_page_Menu ul li h2{ font-size:16px; color:#ffffff; font-weight:normal; line-height:90px; position:relative; white-space:nowrap;}
.index_navigation_page_Menu ul li h2:after{
	content: '';
	display: inline-block;
    width: 0;
    height: 1px;
	background-color:#b1cc1d;
    position: absolute;
    left: 50%;
    bottom: 31px;
    transition: all 0.6s;
}
.index_navigation_page_Menu>li>a{transition:width .36s ease-in-out 0s;}
.index_navigation_page_Menu ul li a:hover{ text-decoration:none;}
.index_navigation_page_Menu ul li:hover h2{font-size:16px; color:#b1cc1d; font-weight:normal; line-height:90px;}
.index_navigation_page_Menu ul li:hover h2:after{width: 100%; left:0;}
.index_navigation_page_Menu ul li a:link, .index_navigation_page_Menu ul li a:visited{
color: #fff;
}

.index_navigation_page_Menu ul li a.selected,.index_navigation_page_Menu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
}

.index_navigation_page_Menu ul li ul li a.selected,.index_navigation_page_Menu ul li  ul li a:hover{
color: #fff;
}
.index_navigation_page_Menu ul li ul li a:link, .index_navigation_page_Menu ul li ul li a:visited{
color: #fff;
}	
/*1st sub level menu*/
.index_navigation_page_Menu ul li ul{
position: absolute;
left:-242px !important;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
margin:0;
z-index:999;
background:none;
height:auto;
text-align:center;
}
.index_navigation_Top:after{
	content:'';
	background-color:#f4f4f4;
	width:100%;
	height:0;
	position:absolute;
	left:0;
	top:90px;
	z-index:1;
}
.xl_selected:after{
	content:'';
	background-color:#f4f4f4;
	width:100%;
	height:45px;
	position:absolute;
	left:0;
	top:90px;
	z-index:1;
	border:1px solid #bfbfbf;
}
.index_navigation_page_Menu ul li:nth-child(2) ul{}

/*Sub level menu list items (undo style from Top level List Items)*/
.index_navigation_page_Menu ul li ul li{
display:inline-block;
float: none;
line-height:normal;
padding: 0 20px;
line-height:20px;
margin:6px 0;
height:auto;
background:none;
}
.index_navigation_page_Menu ul li ul li:hover h3{color:#b1cc1d;}
.index_navigation_page_Menu ul li ul li h3{ color:#333333; font-weight:normal; text-align:center;font-size:14px; line-height:25px; padding:5px 0;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.index_navigation_page_Menu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.index_navigation_page_Menu ul li ul li a{
font:"Arial";
font-weight:normal;
font-size:12px;
padding:0;
margin: 0;
line-height:32px;
border-top-width: 0;
z-index:999;
border:none;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.index_navigation_page_Menu > ul > li span {

    display: inline-block;
    width: 0;
    height: 1px;
	background-color:#b1cc1d;
    position: absolute;
    left: 50%;
    bottom: 31px;
    transition: all 0.6s;
}
.index_navigation_page_Menu > ul > li.menuon span {
    width: 100%;
    height: 1px;
    background-color:#b1cc1d;
    position: absolute;
    left: 0%;
    bottom: 31px;
    transition: all 0.6s;
}

.index_navigation_page_Menu > ul > li:hover span {
    width: 100%;
    height: 1px;
    background-color:#b1cc1d;
    position: absolute;
    left: 0%;
    bottom: 31px;
    transition: all 0.6s;
}
.index_navigation_page_Menu > ul > li.menuon h2{ color:#b1cc1d;}
.index_navigation_page_Menu > ul > li.menuon h2:after{
	width: 100%;
    height: 1px;
    background-color:#b1cc1d;
    position: absolute;
    left: 0%;
    bottom: 31px;
    transition: all 0.6s;
	content:'';
}

.navigation-down{position:absolute;top:90px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;position:absolute;top:0px; left:0; z-index:9999;}

#product{background:#f4f4f4; border:1px solid #bfbfbf; opacity:0; padding-bottom: 10px;}
.navigation-down .mask {
    position: absolute;
    width: 100%;
    height: 1000%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.8);
}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto; padding:23px 0; width:100%; position:relative; min-height:297px;}
.xlmenu_left{border-top:1px dashed #d7d7d7; max-width:220px;}
.top_parent{width:100%; border-bottom:1px dashed #d7d7d7;}
.top_parent h3{font-size: 16px; color: #333333; line-height: 27px; font-weight:normal; padding:5px 10px 5px 20px;}
.top_parent:hover{ background:url(../img/top_dot.png) left center no-repeat; border-bottom:1px solid #d7d7d7;}
.top_parent:hover a{ text-decoration:none;}
.gallery-thumbsmenu .swiper-slide-active .top_parent{ width:100%; background:url(../img/top_dot.png) left center no-repeat; border-bottom:1px solid #d7d7d7;}
.gallery-thumbsmenu .swiper-slide-active .top_parent h3{font-size: 16px; color: #333333; line-height: 27px; font-weight:normal; padding:5px 10px 5px 20px;}
.gallery-topmenu{ margin-top:20px;}
.content-item{ margin-left:20px;}
.xlmenu_pic{width:100%; height:auto; position:relative; overflow:hidden;}
.xlmenu_pic img{ width:100%; height:100%; max-width:213px; max-height:213px; overflow:hidden; transition:all .6s;}
.content-item:hover a{ text-decoration:none;}
.xlmenu_pic:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.xlmenu_pic h3{ position:absolute; text-align:left; width:100%; bottom:0; left:0; z-index:9; font-size:14px; color:#ffffff; font-weight:normal; padding:10px 12px; line-height:20px;}

.gallery-topmenu > div > div:first-child.swiper-slide-active .xlmenu_pic h3{ color:#333;}

.gallery-thumbsmenu .swiper-slide{ height:100% !important;}
/*.swiper-pagination-v{ width:100px !important; margin-left:10px; text-align:left; margin-top:10px;}
.swiper-pagination-v .swiper-pagination-bullet{ width:20px; float:left; margin-right:20px; height:2px; background:#d7d7d7; border-radius:0 !important; margin:0 !important; opacity:1 !important;} 
.swiper-pagination-v .swiper-pagination-bullet-active{ background:#009d97;}
.swiper-container-v>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 20px !important;}*/
.swiper-container-menu2{ padding-bottom:25px;}
.swiper-xl-button-prev{ position:absolute; bottom:0; right:40px; z-index:9; width:10px; height:18px; background-image:url(../img/left1.png); background-size:100%;}
.swiper-xl-button-prev:hover{background-image:url(../img/left2.png);}
.swiper-xl-button-next{ position:absolute; bottom:0; right:2px; z-index:9; width:10px; height:18px; background-image:url(../img/right1.png); background-size:100%;}
.swiper-xl-button-next:hover{background-image:url(../img/right2.png);}

.index_navigation_HeadRight{ width:15%; text-align:center; float:right; display:inline-block; font-size:16px; line-height:90px;  }
.index_navigation_HeadRight a{font-size:16px; color:#ffffff; line-height:90px;}
.index_navigation_HeadRight a.lan_active{ color:#b1cc1d;}


.index_navigation_headbg .index_navigation_page_Menu ul li h2{ color:#333333}
.index_navigation_headbg .index_navigation_HeadRight{ color:#333333}
.index_navigation_headbg .index_navigation_HeadRight .index_navigation_top_lan{ color:#333333}
.index_navigation_headbg .index_navigation_HeadRight .index_navigation_top_lan a{ color:#333333}
.index_navigation_headbg .index_navigation_HeadRight .index_navigation_top_lan a.lan_active{ color:#b1cc1d;}

#dl-menu{ display:none;}

@media (max-width: 1299px){
.index_navigation_HeadRight ul li.index_navigation_tel{ font-size:15px;}
.index_navigation_page_Menu ul li{ padding:0 1%;}
}
@media (max-width: 1100px) and (min-width: 1px){
.index_navigation_Logo{ height:60px;}
.index_navigation_Logo ul li{ margin-top:3px;}
.index_navigation_Logo ul li img{ height:55px; width:auto;}
.index_navigation_Logo .index_navigation_Logo_wz{ display:none;}
.index_navigation_page_Menu{ display:none;}
#dl-menu{
        display: block !important;
       width: 55px; height:60px; float:right; position:relative;
		 border:none; margin-top:15px;
    }
.dl-menuwrapper:first-child{ margin-right:0;}
.dl-trigger .icon-bar{display:block;position:absolute;opacity:1;width:22px;height:2px;/* top: 10px; */right: 16px;background-color: #009d97;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.dl-trigger .icon-bar1{top:24px}
.dl-trigger .icon-bar2{top:30px}
.dl-trigger .icon-bar3{top:36px}
.dl-trigger.dl-active .icon-bar1{top:30px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.dl-trigger.dl-active .icon-bar2{opacity:0;left:45px;width:0}
.dl-trigger.dl-active .icon-bar3{top:30px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
.index_navigation_HeadRight ul li.index_navigation_tel{ font-size:14px;}

}

.dl-menuwrapper button {
    background: none;
    border: none;
    width: 60px;
    height: 60px;
    float: right;
    top: 0;
    right:-15px;
    border-radius: 0;
	outline:medium;
}
@media (max-width: 991px){
.mobile_container{max-width: 720px; margin: auto;}
.index_navigation_container{ height:60px;}
.index_navigation_page_Menu ul li ul{ top:60px;}
.index_navigation_Logo{ float:left; width:40%; margin-top:9px; display: block;}
.index_navigation_Logo img{ width:100%; height:auto;}
.index_navigation_Headmenu{ float:right;}
#dl-menu{ margin-top:0;}
.index_navigation_HeadRight{ width:120px; text-align:center; float:right; font-size:16px; line-height:60px; display:none;  }
.index_navigation_HeadRight a{font-size:14px; color:#ffffff; line-height:60px;}

.search_middle{ width:80%;}
.index_navigation_top_lan2{ width:100%; text-align:center; bottom:20px; position:absolute; z-index:9; font-size:14px; color:#FFFFFF; line-height:25px;}
.index_navigation_top_lan2 a{font-size:14px; color:#FFFFFF;}
/*.index_navigation_top_lan2 .lan_active{ color:#009d97}*/
}

@media (max-width: 767px){
.dui-dropdown-menu{ right:-7px !important; left:inherit !important;}
.index_navigation_Logo_pic{ width:100%;}
.dl-menuwrapper button {
    background:none;
    border: none;
    width: 100%;
    width: 55px !important;
    height: 60px !important;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-left: 49px;
    border-radius: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 25px;
}
.index_navigation_top_lan2{ width:100%; text-align:center; bottom:20px; position:absolute; z-index:9; font-size:14px; color:#FFFFFF; line-height:25px;}
.index_navigation_top_lan2 a{font-size:14px; color:#FFFFFF;}
/*.index_navigation_top_lan2 .lan_active{ color:#009d97}*/
.navigation-down{ display:none;}
}

.nav-app {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}
.nav-app > .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.15);
}
.nav-app > .child{
	position: absolute;
    height: 100%;
    width: 60%;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    background-color: #9d9d9d;
    top: 0;
    right: 0;
    z-index: 5;
}
.nav-app {
    display: none;
}
@media screen and (max-width: 1100px){
.nav-app {
    display: block;
}
}
.nav-app.on {
    opacity: 1;
    pointer-events: auto;
}
.nav-app.on > .child {
	transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}
.nav-app > .child > ul > li{
	position:relative;
}
.nav-app > .child > ul > li > a > h2{
	display: block;
    position: relative;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-transform: uppercase;
}
.nav-app > .child > ul > li > a:hover{ text-decoration:none;}

.icons{ position:absolute; width:30px; height:16px; top:14px; right:13px; z-index:9; background:url(../img/sec/jia.png) center no-repeat; transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;}
.menu_active {
      transform: rotate(180deg);
      -webkit-transition: transform .25s linear;
      -moz-transition: transform .25s linear;
      -o-transition: transform .25s linear;
      transition: transform .25s linear;
	  background:url(../img/sec/jian.png) center no-repeat;
	  top:17px;
}
.menu-f{ display:none;}
.menu-f ul{
	margin-left:44px; padding-bottom:10px;
}
.menu-f ul li{
	padding:5px 0; position:relative;
}
.menu-f ul li:before{ content:''; background:url(../img/sec/jian.png) center no-repeat; position: absolute; left: -20px;
    width: 10px;
    height: 10px;
    top: 9px;
    z-index: 9;}
.menu-f ul li h3{
	color: #fff;
	line-height: 25px;
    font-weight:normal;
    font-size: 16px;
}

@media (max-width: 575px){
.mobile_container{ padding:0 15px;}
.index_navigation_container{ height:60px;}
.index_navigation_Logo{float:left;  width:40%; margin-top:9px;}
.index_navigation_Logo img{ width:100%; height:auto;}
.index_navigation_Headmenu{ float:right;}
.index_navigation_HeadRight{  display:none; width:150px; text-align:center; float:right;  font-size:14px; line-height:60px;  }
.index_navigation_HeadRight a{font-size:12px; color:#ffffff; line-height:60px;}
.index_navigation_search_list{width: 55%; float: right; top: 10%;}
.search_middle{ width:80%;}
}



.swiper-banner {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
/*.swiper-banner .swiper-bannerbutton-prev {
    background: url(../img/banner_left.png) no-repeat;
    left: 3%;
	width:55px; height:55px; position:absolute; top:50%; margin-top:-28px; z-index:9;
}
.swiper-banner .swiper-bannerbutton-next {
    background: url(../img/banner_right.png) no-repeat;
    right: 3%;
	width:55px; height:55px; position:absolute; top:50%; margin-top:-28px; z-index:9;
}*/
.swiper-bpagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
	bottom:20% !important;
	left:0 !important; width:100% !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 9% !important;
}
.swiper-bpagination:before{
    content: '';
	position: absolute;
	top: 50%;
	z-index: 0;
	background-color:rgba(255, 255, 255, 0.2);
	height: 1px;
	left: 0;
	width: 100%;
}
.swiper-bpagination .swiper-pagination-bullet{ width:81px; height:51px; opacity: 1; border-radius:0 !important; position:relative; background:none;}
.swiper-bpagination .swiper-pagination-bullet:first-child{background:url(../img/banner_dot1.png) no-repeat top center; background-size:62.96%;}
.swiper-bpagination .swiper-pagination-bullet:after{ content:''; position:absolute; bottom:-30px; z-index:9; font-size:14px; color:#ffffff; line-height:25px; left:-55%; width:220%;}
.swiper-bpagination .swiper-pagination-bullet:first-child:after{content:'智造引领未来';}
.swiper-bpagination .swiper-pagination-bullet:nth-child(2){background:url(../img/banner_dot2.png) no-repeat top center; background-size:62.96%;}
.swiper-bpagination .swiper-pagination-bullet:nth-child(2):after{ content:'以客为尊 共创未来';}
.swiper-bpagination .swiper-pagination-bullet:nth-child(3){background:url(../img/banner_dot3.png) no-repeat top center; background-size:62.96%;}
.swiper-bpagination .swiper-pagination-bullet:nth-child(3):after{ content:'不忘初心 专注工艺 砥砺前行';}
.swiper-bpagination .swiper-pagination-bullet-active{width:81px !important; height:51px !important; opacity: 1;}
.swiper-bpagination .swiper-pagination-bullet-active:first-child{background:url(../img/banner_dot1b.png) no-repeat top center; background-size:62.96%;}
.swiper-bpagination .swiper-pagination-bullet-active:nth-child(2){background:url(../img/banner_dot2b.png) no-repeat top center; background-size:62.96%;}
.swiper-bpagination .swiper-pagination-bullet-active:nth-child(3){background:url(../img/banner_dot3b.png) no-repeat top center; background-size:62.96%;}

.swiper-tit { position:absolute; top:250px; left:50%; width:760px; margin-left: -380px; text-align:center;}
.swiper-tita { font-size:50px; font-weight:bold; color:#fff; line-height:80px; }
.swiper-banner .swiper-tit.current { animation-delay:1s;}
.swiper-tit.current .swiper-tita {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;}
.swiper-titb { font-size:35px; color:#fff; line-height:40px; padding-top:20px;}

#mobile_banner{ display:none;}
@media (min-width: 1440px) and (max-width:1680px){
	.swiper-bpagination{bottom: 15% !important;}
}
@media (max-width: 1439px){
	.swiper-bpagination{bottom: 10% !important;}
}
@media (max-width: 767px){
.swiper-banner{ display:;}
#mobile_banner{ display:block;}
.swiper-bpagination{ bottom:10px !important; width:100% !important; left:0 !important; text-align:center;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px !important; background:#ffffff; width:10px !important; height:10px !important; border-radius:10px !important;
}
.swiper-bpagination .swiper-pagination-bullet:after{ display:none;}
.swiper-bpagination .swiper-pagination-bullet-active{ background:#009d97 !important;}
.swiper-bpagination .swiper-pagination-bullet-active:first-child{background:#009d97 !important;}
}
@media (max-width: 575px){
.swiper-bpagination:before{ display:none;}
.swiper-banner{ display:none;}
#mobile_banner{ display:block;}
.swiper-bpagination{ bottom:10px !important; width:100% !important; left:0 !important; text-align:center;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px !important; background:#ffffff; width:10px !important; height:10px !important; border-radius:10px !important;
}
.swiper-bpagination .swiper-pagination-bullet:after{ display:none;}
.swiper-bpagination .swiper-pagination-bullet-active{ background:#009d97 !important;}
.swiper-bpagination .swiper-pagination-bullet-active:first-child{background:#009d97 !important;}
}



.vid_box_case {
  width: 100%; background:url(../img/index_about_videobg.jpg) center no-repeat; height:420px;
  position: relative; }
.vid_box_case video {
width: 100%; }

.vid_box_case .vid_tex_case {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 8.333%;
color: #fff;
z-index: 1; }
.vid_box_case .vid_tex_case .vid_tex_en {
  font-family: 'Light';
  margin-bottom:20px;
  position: relative;
  display: inline-block; }
.vid_box_case .vid_tex_case .vid_tex_cn {
  position: relative;
  top: 60px;
}
.vid_box_case .btn_vid {
border-radius: 50%;
width: 120px;
height: 120px;
line-height: 120px;
position: relative;
text-align: center;
color: #fff;
cursor: pointer;
margin-left:300px;}
.vid_box_case .btn_vid > img {
  display: block;
  width: 100%;
  animation: rotate0 2s ease infinite; }
.vid_box_case .btn_vid > i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: .30rem;
  width: 100%; }

@keyframes rotate0 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } 
}

.ind_pro_box {
width: 100%;
background-color: black;
position: relative;
padding-bottom: 26%;
color: #fff; }

.ind_pro_box > div {
  width: 50%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  padding-left: 4.427%;
  padding-top: 4.9479%;
  transition: all .5s ease;
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color:#FFFFFF;

}
.ind_pro_box .pro_con1 {
    left: 0;
}
.ind_pro_box .pro_txt1 {
    opacity: 1;
    transition: all .5s ease;
}
.pro_bot_name_cn {
    font-size: 30px;
	color:#333333;
    line-height: 35px;
}
.pro_more_box {
    height: 50px;
    width: 50px;
	float:left;
	margin-top:28px;
    position: relative;
    border-radius: 100%;
    background-size: .18rem;
    line-height: 50px;
    text-align: center;
    background-color: #25b7aa;
    color: #2c2c2c;
    z-index: 1;
    font-size: .2rem;
    transition: opacity .5s ease;
	display:flex;
	justify-content:center;
}
.newiconfont {
	content:'';
	background:url(../img/about_jt.png) center no-repeat;
	width:10px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn_vid .newiconfont{ background:none;}
.pro_more_box::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    border-radius: 100%;
    background-color: rgba(37, 183, 170, 0.2);
    z-index: 0;
    animation: dotsS 3s ease-in-out infinite;
}

.ind_pro_box .pro_con2 {
	right:0;
}
.pro_txt2 {
    position: absolute;
    top: 19%;
    z-index: 3;
    opacity: 0;
    transition: all .5s ease;
}
.pro_bot_reason{
	font-size:14px; color:#333333; line-height:24px; margin-top:43px;
}
.pro_btn_box{
	font-size:14px; color:#333333; line-height:24px; margin-top:98px;
}
.pro_btn_box:before{ content:''; width:90px; height:1px; border-bottom:1px solid #7c7c7c; padding-left:103px; top: -5px; display:inline-block; position: relative;}
.pro_btn_box:hover a{ text-decoration:none;}
.ind_pro_box .pro_img_box {
    position: absolute;
    right: -12%;
    bottom: -13%;
    width: 21.5vw;
    /* width: 28.66vw; */
    transition: all .5s ease;
}
.ind_pro_box .pro_con3 {
    right: 0;
}



@media (max-width: 991px){
.ind_pro_box{
	padding-bottom: 105.8%;
}
.ind_pro_box > div {
    width: 100%;
    position: absolute;
    left: 0;
    height: 50%;
    padding: 0;
}
.ind_pro_box .pro_con1{ left:0; top:0;}
.ind_pro_box .pro_con2 {
    top: 50%;
    left: 0;
}
.ind_pro_box .pro_con3 {
    top: 66.66%;
    right: auto;
    left: 0;
}
.ind_pro_box .pro_txt2 {
    width: 100%;
    opacity: 1;
    position: relative;
    top:10%;
}
.pro_bot_name_cn{ font-size:25px; margin:35px 15px 0 15px;}
.pro_more_box{ display:none;}
.pro_bot_reason{ padding:25px 15px 0 15px;}
.pro_btn_box{ margin-top:18px;}
.pro_btn_box:before{ width:30px; padding-left: 33px; margin-left: 15px;}
.pro_txt1{display:none;}
}

@media all and (min-width: 768px){
  .ind_pro_box:hover > div {
    opacity: .4; }
  .ind_pro_box > div:hover {
    width: 66.66%;
    opacity: 1;
    z-index: 5; }
  .ind_pro_box > div:hover .pro_img_box {
    right: 30px;
    bottom: 30px; }
  .ind_pro_box > div:hover .pro_txt1 {
    opacity: 0; }
  .ind_pro_box > div:hover .pro_txt2 {
    opacity: 1; }
}

@media (max-width: 767px){
.ind_pro_box{
	padding-bottom: 105.8%;
}
.ind_pro_box > div {
    width: 100%;
    position: absolute;
    left: 0;
    height: 50%;
    padding: 0;
}
.ind_pro_box .pro_con1{ left:0; top:0;}
.ind_pro_box .pro_con2 {
    top: 50%;
    left: 0;
}
.ind_pro_box .pro_con3 {
    top: 66.66%;
    right: auto;
    left: 0;
}
.ind_pro_box .pro_txt2 {
    width: 100%;
    opacity: 1;
    position: relative;
    top:10%;
}
.pro_bot_name_cn{ font-size:20px; margin:25px 15px 0 15px;}
.pro_more_box{ display:block; margin-left:30px;}
.pro_txt1{ display:none;}
.pro_bot_reason{ padding:0 15px; margin-top: 13px;}
.pro_btn_box{ margin-top:10px;}
.pro_btn_box:before{ width:30px; padding-left: 33px; margin-left: 15px;}
}

@media (max-width: 575px){
.vid_box_case{background: url(../img/index_about_videobg.jpg) 55% center no-repeat; height:320px;}
.vid_box_case .vid_tex_case{ width:100%; left:0; padding:0 15px; top: 50%; transform: translateY(-50%);}
.vid_box_case .vid_tex_case .vid_tex_en img{ width:100%;}
.vid_box_case .btn_vid{ margin:auto; margin-top:30px;}
.vid_box_case .vid_tex_case .vid_tex_cn{top: 0; text-align: center;}
.vid_box_case .vid_tex_case .vid_tex_cn img{ width:60%;}
.vid_box_case .btn_vid{ width:100px; height:100px; line-height:100px;}
.newiconfont{ display:block; height:50px; line-height:50px; margin:auto;}
.btn_vid .newiconfont{ background:none; line-height:100px;}
}

@keyframes dotsS {
  0% {
    width: 68px;
    height: 68px; }
  50% {
    height: 50px;
    width: 50px; }
  100% {
    width: 68px;
    height: 68px; } 
}


/*产品*/
#index_products-content{width: 100%; background:#ffffff; overflow:hidden; padding-top:92px; padding-bottom:100px;}
.index_products_head{ text-align:center; font-size:30px; color:#333333; line-height:50px; height:50px; margin-bottom:38px;}
.index_products_head:before{ content:''; background:url(../img/index_pro_jt1.png) left no-repeat; padding-left:186px;}
.index_products_head:after{ content:''; background:url(../img/index_pro_jt2.png) right no-repeat; padding-right:186px;}
.index_products_left,.index_products_left1,.index_products_left2,.index_products_right{ padding:0;}
{ padding:0;}
.index_products_item{ position:relative; margin:4px; overflow:hidden; transition:all .6s;}
#index_products_pic1{ width:100%; overflow:hidden; transition:all .6s;}
.index_products_name{ position:absolute; bottom:0; z-index:9; width:100%; text-align:left;}
.index_products_name h3{font-size:18px; color:#333; padding:30px 28px; line-height:30px; font-weight:normal; text-align:left;}
.index_products_item:hover .index_products_name{ background-color:rgba(0,0,0,0.3);}
.index_products_item:hover .index_products_name h3{ color:#FFFFFF;}
.index_products_item:hover #index_products_pic1{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
@media(max-width:991px){
#index_products-content{ padding:46px 0 50px 0;}
.index_products_head{ font-size:26px; line-height:40px; margin-bottom: 25px; height: 40px;}
.index_products_head:before{ padding-left:66px; background: url(../img/index_pro_jt1.png) -50px no-repeat;}
.index_products_head:after{padding-right: 66px; background: url(../img/index_pro_jt2.png) 15px no-repeat;}
.index_products_name h3{ padding:15px 14px; font-size:16px; line-height:20px;}
}
@media(max-width:767px){
#index_products-content{ padding:46px 0 50px 0;}
.index_products_head{ font-size:26px; line-height:40px; margin-bottom: 25px; height: 40px;}
.index_products_head:before{ padding-left:66px; background: url(../img/index_pro_jt1.png) -50px no-repeat;}
.index_products_head:after{padding-right: 66px; background: url(../img/index_pro_jt2.png) 15px no-repeat;}
.index_products_name h3{ padding:15px 14px; font-size:16px; line-height:20px;}
}
@media(max-width:575px){

}


/*新闻*/
.index_news_body{width: 100%; margin: auto; background:#FFFFFF; padding: 92px 0;}
.index_news_title{
	text-align: center;
    font-size: 30px;
    color: #333333;
    line-height: 50px;
    height: 50px;
    margin-bottom: 40px;
	font-weight:normal;
}
.index_news_title:before{
	content: '';
    background: url(../img/index_pro_jt1.png) left no-repeat;
    padding-left: 186px;
}
.index_news_title:after {
    content: '';
    background: url(../img/index_pro_jt2.png) right no-repeat;
    padding-right: 186px;
}

.index_news_Content{width: 100%;overflow: hidden;}
.index_news_img{width: 50%; float:left; overflow: hidden;}
.index_news_img img{width: 100%;height: 100%;}
.index_news_wrap{width: 50%; float:left; background:#f6f6f6; box-shadow:0 0 14px rgba(0,0,0,0.13); overflow: hidden;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;}
.index_news_wrap .index_news_wraText{padding: 24px 18px 0 18px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; position:relative; height:100%;}
.index_news_wrap .index_news_name{width: 100%; min-height:110px; overflow: hidden;}
.index_news_wrap .index_news_name a{font-size: 14px;color: #333333;line-height: 24px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;display: block;}
.index_news_bottom{ position:absolute; top:40%; z-index:9; left:0; padding:0 18px;}
.index_news_date{font-size: 14px;line-height: 24px;color: #25b7aa;font-weight: normal;}
.index_news_jj{width: 100%;overflow: hidden;}
.index_news_jj a{font-size:14px; color:#666666; line-height:24px;}

.index_news_newsgallery-top{margin-bottom: 45px;}
.index_news_newsgallery-top .swiper-slide{width: 20%;position: relative;}
.index_news_newsgallery-top .swiper-slide:before{content: '';display: table;width: 0;height: 4px;background: transparent;position: absolute;top: 0;left: 50%;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;}
.index_news_newsgallery-top .swiper-slide:hover .index_news_wrap{bottom: 0;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;}
.index_news_newsgallery-top .swiper-slide.swiper-slide-active .index_news_wrap{bottom: 0;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;}
.index_news_newsgallery-thumbs{width: 1000px;position: relative;transform: translateX(-32px);-moz-transform: translateX(-32px);-webkit-transform: translateX(-32px);}

.index_news_newsgallery-thumbs .swiper-slide{cursor: pointer;width: 70px; height: 80px;text-align: center;}
.index_news_newsgallery-thumbs .swiper-slide a{display: block;width: 100%;text-align: center;opacity: 0;visibility: hidden;margin-bottom: 18px; font-size:14px; line-height: 20px;}
.index_news_newsgallery-thumbs .swiper-slide span{display: inline-block;width: 9px;height: 9px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;text-align: center;line-height: 43px;background: #999999;overflow: hidden;position: relative;
    top: 0;}


.index_news_newsgallery-container{position: relative;}
.index_news_newsgallery-container:before{content: '';display: table;width: 100%;height: 2px;border-top: 1px solid #ababab;position: absolute;top: 49px;z-index: 0;}
.index_news_newsgallery-thumbs .swiper-slide.swiper-slide-active a{opacity: 1;visibility: visible;}
.index_news_newsgallery-thumbs .swiper-slide.swiper-slide-active span{background: #e64344;width: 43px;height: 43px;color: #fff;position: relative;top: -11px; font-size:14px;}
.gallery-thumbs-next.swiper-button-next, .gallery-thumbs-prev.swiper-button-prev{cursor: pointer;outline:none;line-height: 38px; text-align: center; font-size: 16px; font-weight: normal; width: 38px; height: 38px;border-radius: 50%; position: absolute; z-index: 2; top: 51px;background:#fff;color: #cccccc;background-image: none; box-shadow:0 0 3px rgba(0,0,0,0.14)}
.gallery-thumbs-next.swiper-button-next{right: 0;}
.gallery-thumbs-prev.swiper-button-prev{left: 0;}
.gallery-thumbs-more{display:inline-block;width: auto;height: 38px;line-height:38px;border: 1px solid none;padding: 0 29px;background:#fff;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;position: absolute;right:38px;top: 29px; font-size:14px; z-index:99;}
.fa{width:38px; height:38px; text-align:center; display:flex; justify-content:center;}
.fa-long-arrow-left:before{ width: 9px; content:''; background:url(../img/button-prex.png) center no-repeat;}
.fa-long-arrow-right:before{ width: 9px; content:''; background:url(../img/button-next.png) center no-repeat;}

.gallery-thumbs-more:hover{
        background: #25b7aa;color: #fff; transition: 0.6s; text-decoration:none;
}
.gallery-thumbs-next:hover,.gallery-thumbs-prev:hover{
	background: #25b7aa;color: #fff;border: 1px solid #25b7aa;transition: 0.6s;
}
.gallery-thumbs-prev:hover .fa-long-arrow-left:before{background:url(../img/button-prex2.png) center no-repeat;}
.gallery-thumbs-next:hover .fa-long-arrow-right:before{background:url(../img/button-next2.png) center no-repeat;}
.index_news_more,.index_news_newsgallery-thumbs .swiper-slide.swiper-slide-active span{
	background:#25b7aa;
}
.index_news_newsgallery-top .swiper-slide.swiper-slide-active .index_news_name a{ color:#25b7aa;}

.index_news_contact{ width:100%; background: #5d5d5d; overflow:hidden;}
.index_news_contact_pic{ padding:0;}
.index_news_contact_pic img{ width:100%;}
.index_news_contact_wz{text-align:center; margin-top:-25%;}
.index_news_contact_wz h3{ width:176px; height:47px; border:1px solid #FFFFFF; margin:auto;}
.index_news_contact_wz h3 a{ font-size:14px; color:#ffffff; line-height:47px;}
.index_news_contact_wz h4{ margin-top:50px; font-size:14px; color:#ffffff; line-height:24px; font-weight:normal;}
.index_news_contact_right.index_news_contact_wz h3{ border:1px solid #333333;}
.index_news_contact_right.index_news_contact_wz h3 a,.index_news_contact_right.index_news_contact_wz h4{ color:#333333;}
.index_news_contact_wz:hover h3{ background:#FFFFFF;}
.index_news_contact_wz:hover h3 a{ color:#333333; text-decoration:none;}
.index_news_contact_right:hover h3{ background:#333333;}
.index_news_contact_right:hover h3 a{ color:#FFFFFF; text-decoration:none;}

@media (max-width:1399px){
.index_news_wrap .index_news_name{ min-height:48px;}
.index_news_jj{ max-height:96px;}
}
@media (max-width:1199px){
.index_news_wrap .index_news_name{ height:48px;}
.index_news_jj{ max-height:48px;}
.index_news_bottom{
	bottom: 10%;
    top: auto;
}
.index_news_contact_wz h4{ margin-top:3%;}
.index_news_contact_wz{ margin-right:10%; margin-top:-28%;}
.index_news_contact_right{ margin-left:10%; margin-right:0;}
}
@media (max-width:991px){
.index_news_newsgallery-thumbs{ 
	width:100%;
	transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
}
.index_news_body{ padding:46px 0 86px 0;}
.index_news_title{ font-size:26px; line-height:40px; margin-bottom: 25px; height: 40px;}
.index_news_title:before{ padding-left:86px; background: url(../img/index_pro_jt1.png) -30px no-repeat;}
.index_news_title:after{padding-right: 86px; background: url(../img/index_pro_jt2.png) 15px no-repeat;}
.gallery-thumbs-more{
	margin-top: 70px;
    right: 50%;
    margin-right: -60px;
    width: 120px;
    border: 1px solid #ababab;
}
.index_news_newsgallery-top{ margin-bottom:25px;}
.index_news_contact_pic img{
	width: 150%;
}
.index_news_contact_wz{ margin-top:-40%;}
.ind_pro_box .pro_img_box{ right:0; bottom:0;}
}

@media (max-width:767px){
.index_news_body{ padding:46px 0 86px 0;}
.index_news_title{ font-size:26px; line-height:40px; margin-bottom: 25px; height: 40px;}
.index_news_title:before{ padding-left:86px; background: url(../img/index_pro_jt1.png) -30px no-repeat;}
.index_news_title:after{padding-right: 86px; background: url(../img/index_pro_jt2.png) 15px no-repeat;}
.gallery-thumbs-more{
	margin-top: 70px;
    right: 50%;
    margin-right: -60px;
    width: 120px;
    border: 1px solid #ababab;
}
.index_news_newsgallery-top{ margin-bottom:25px;}
}


@media (max-width:575px){
#index_news_contact .index_news_contact_wz{ margin:-90% 0 0 0;}
.index_news_contact_wz h4{ margin-top:20px;}
#index_news_zx .index_news_contact_wz{ margin:-40% 0 0 0;}
.index_news_newsgallery-top .swiper-slide{ width:100%;}
.index_news_newsgallery-top .swiper-slide.swiper-slide-active .index_news_wrap{ height:234px !important;}
}


/*底部*/
.index_bottombg{background:#5d5d5d; width:100%; padding-top:40px;}
.index_bottom_contact,.index_bottom_menu{ padding:0;}
.index_bottom_contact ul li.index_bottom_head{width:100%; text-align:left; font-size:18px; color:#ffffff; line-height:37px;}
.index_bottom_contact ul li{text-align:left; font-size:14px; color:#cccccc; line-height:33px;}
.index_bottom_contact ul li span{ font-size:30px; color:#b1cc1d; line-height:58px; margin-bottom:11px;}
.index_bottom_contact ul li span a { color:#b1cc1d;}

.index_bottom_menu  { float:right;}
.index_bottom_menu ul li{ float:left;}
.index_bottom_menu ul li h2{width:100%; text-align:left; font-size:18px; color:#ffffff; line-height:37px;}
.index_bottom_menu ul li ul{ width:100%; margin-top:17px;}
.index_bottom_menu ul li ul li{ float:none; margin-left:0;}
.index_bottom_menu ul li ul li h3{ font-size:16px; color:#cccccc; line-height:37px;}
.index_bottom_menu ul li ul li:hover a,.index_bottom_menu ul li:hover a{ text-decoration:none;}
.index_bottom_menu ul li ul li:hover h3{ color:#FFFFFF;}
.index_bottom_1_s{ display:none;}
.index_bottom2{width:100%; margin-top:28px; border-top:1px solid #747474; font-size:14px; color:#9c9c9c; line-height:22px; padding:10px 0; text-align:center;}
.index_bottom2 a{font-size:14px; color:#9c9c9c;}

@media (max-width: 1399px) and (min-width: 1200px){
.index_bottom_menu ul li{ margin-left:6%;}
}
@media (max-width: 1199px) and (min-width: 992px){
.index_bottom_contact ul li span{ font-size:33px;}
.index_bottom_menu ul li{ margin-left:4.5%;}
}
@media (max-width: 991px) and (min-width: 768px){
.index_bottom_contact{ display:none;}
.index_bottom_menu{ width:100%;}
.index_bottom_menu ul li:first-child{ margin-left:0;}
.index_bottom_menu ul li{ margin-left:5.7%;}
}
@media (max-width: 768px){
.index_bottombg{ padding-top:25px;}
.index_bottom_contact{ display:none;}
.index_bottom_menu{ width:100%;}
.index_bottom_menu ul li:first-child{ margin-left:0;}
.index_bottom_menu ul li{ margin-left:7%;}
.index_bottom_menu ul li h2{ font-size:16px; line-height:27px;}
.index_bottom_menu ul li ul{ margin-top:10px;}
.index_bottom_menu ul li ul li h3{ font-size:14px; line-height:27px;}
/*.bottom_btn{ display:block !important; }
.bottom_btnkg{display:block !important;}*/
.bottomtiao{
	width:25%;
	text-align:center;
	color:#fff !important;
	float:left;
	padding:5px 5px 3px 5px;
	border-right:1px solid #FFF;
}	
.bottomtiao div{color:#fff !important; line-height:20px !important;}
}
@media (max-width: 575px){
.index_bottom_1_s{ display:block;}
.index_bottom_contact_s,.index_bottom_menu_s{ margin:0 15px; padding:15px 0; border-bottom:1px solid #717171;}
.index_bottom_contact_s ul li{text-align:left; font-size:20px; color:#fefefe; line-height:35px; margin-bottom:11px;}
.index_bottom_contact_s ul li span{ font-size:20px; color:#b1cc1d; line-height:35px;}
.bottom_menu-f{ display:none;}
.bottom_menu_active {
      transform: rotate(90deg);
      -webkit-transition: transform .25s linear;
      -moz-transition: transform .25s linear;
      -o-transition: transform .25s linear;
      transition: transform .25s linear;
	  background:url(../img/bottom_dot.png) center no-repeat;
	  top:17px;
}
.index_bottom_menu_s ul li{}
.index_bottom_menu_s ul li h2{width:100%; text-align:left; font-size:18px; color:#ffffff; line-height:35px; display:inline;}
.index_bottom_menu_s ul li ul{ width:100%; margin-left: 15px; margin-bottom: 10px;}
.index_bottom_menu_s ul li ul li{ float:none; margin-left:0;}
.index_bottom_menu_s ul li ul li h3{ font-size:15px; color:#ffffff; line-height:30px;}
.index_bottom_menu_s ul li ul li:hover a,.index_bottom_menu_s ul li:hover a{ text-decoration:none;}
.index_bottom_menu_s ul li ul li:hover h3{ color:#FFFFFF;}

.index_bottombg{ padding-top:0;}
.index_bottom_1{ display:none;}
.index_bottom2{ margin-top:0; border-top:none;}
/*.bottom_btn{ display:block !important; }
.bottom_btnkg{display:block !important;}*/
}