/*
Theme Name: Oraxis
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Architecture & Interior Html Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */


    .swiper {
      width: 100%;
      height: 100%;
    }

.lh-index-banner{
	height: auto;

}

.lh-main, .lh-footer{
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.lh-main-hd {
	position: fixed;
	right: 26px !important;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
    display:inline-block;
}
.lh-main-hd li:first-child {
	margin: 0 0 20px!important;
}
.lh-main-hd li:last-child {
	margin: 20px 0 0!important;
}
.lh-main-hd li {
	margin: 20px 0!important;
	border-radius: 0;
	background: none;
	opacity: 1;
	width: 6px;
	height: 6px;
	position: relative;
	display: block;
	outline: none;
}
.lh-main-hd:before {
	content: '';
	display: none;
	width: 2px;
	height: 100%;
	background: #f15a25;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -1px;
}
.lh-main-hd li i {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(62, 78, 86, 0.70);
	
}
.lh-main-hd li i:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
    left: 78%;
    top: 86%; 
	transform: translate(-50%, -50%) scale(0);
	border: 1px solid rgba(62, 78, 86, 0.70);
	border-radius: 50%;
	opacity: 0;
	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
}
.lh-main-hd li.swiper-pagination-bullet-active i:after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
.lh-main-hd li span {
	width: 84px;
	height: 34px;
	text-align: center;
	line-height: 34px;
    background: linear-gradient(90deg,#f18d2b,#f9b459);
	border-radius: 3px;
	color: #fff;
	position: absolute;
	left: -108px;
	top: 50%;
	margin-top: -17px;

	transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	display: none;
}
.lh-main-hd li.swiper-pagination-bullet-active span {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.lh-main-hd li span:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 6px solid #f15a25;
	position: absolute;
	right: -12px;
	top: 50%;
	margin-top: -6px;
}

.swiper-slide-active .wow{
	visibility: visible!important;
}
.swiper-slide-content{
	display: flex;
    height: 100%;
    align-items: center;
	padding-top: 40px;
}

/*header-search button*/
.fl, .left {
	float: left;
}
.fr, .right {
	float: right;
}
.cle{*zoom: 1;clear: both; zoom: 1;}
.cle:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}


/*About - Section */
.about-section .about-icon-box{
    width: 100%;
	padding: 60px 0px 0px 0px;
    margin-top: 0px;
	position: relative;
	z-index: 1;
}

.about-section .about-icon-box .about-icon-bg{
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}
.about-section .about-icon-box .about-icon-bg img{
	max-width: 100%;
}



.about-icon-box .row{
	margin-right:0;
	margin-left: 0;
}

.about-icon-box-lb{
	padding: 0;
	display: flex;
	position: relative;
	justify-content: flex-start;
}

.about-icon-box-lb:before{
	content: "";
    border-right: 2px solid #eaeaea;
    height: 100%;
    position: absolute;
    right: 25%;
    top: 0;
    
}

.about-icon-box-lb:nth-child(2):before{
	right: 20%;
}

.about-icon-box-lb .wk{
	display: inline-block;
    margin: 0 30px 0 0; 
}

.about-icon-box-lb:nth-child(3) .wk,.about-icon-box-lb:nth-child(3):before{
	border-right:none;
}
.about-icon-box-lb .abouts_titles{
	text-align: left;
}
.abouts_titles h4 {
    font-size: 50px;
    line-height: 1;
    color: #1b459e;
    font-weight: 900;
	font-family: 'Noto Sans SC', sans-serif;
    margin: 0;
	display: inline;
	position: relative;
	z-index: 1;
}


.abouts_titles h4 i{
	font-size: 20px;
	font-weight: 300;
	position: absolute;
	top: -5px;
	right: -20px;
	font-style: normal;
}


.abouts_titles p {
    font-size: 17px;
    line-height: 1;
    color: #000;
    font-weight: 200;
    font-family: "Poppins";
    margin: 20px 0 0;
}

.abouts_icon {
	padding-right: 40px;
	display: grid;
    align-items: center;
	height: 100%;
}

.abouts_icon img{
	max-width: 100%;
}
.sy_about_wk{
	display: flex;
	margin-top: 40px;
}

.sy_about_t{
	position: absolute;
    z-index: -1;
    width: 55%;
    right: -10%;
    top: 0px;
}
.sy_about_t .wk{
	text-align: center;
}
.sy_about_img img{
	width: 100%;
}

.sy_about_wz{
	width: 50%;
	height: auto;
	background: #fff;
	display: flex;
	align-items: center;
}

.sy_about_hx{
	position: absolute;
	width: 100%;
	top: 40%;
	display: flex;
	justify-content: space-evenly;
}

.sy_about_hx .hx{
	width: 1px;
	height: 80px;
	background: #999999;
}
.sy_about_hx .hx:nth-child(1){
	margin-right: 10%;
}

.sy_about_hx .hx:nth-child(3){
	margin-left: 10%;
}



.sy_about_sdys{
	margin-top: 50px;
	display: flex;
	width: 100%;
	position: relative;
    justify-content: space-between;
}
.about_sdys_lb{
	
	cursor: pointer;
	display: flex;
    justify-content: center;
	position: relative;
}



.about_sdys_lb:nth-child(4)::before{
	display: none;
}


.about_sdys_lb .wk{
	position: relative;
	padding: 80px 40px 60px 40px;

	
}
.sdys_lb_img{
	position: absolute;
	right: 20px;
	top: 40px;
}
.sdys_lb_img img{
	max-width: 100%;
}
.about_sdys_lb .wk h2{
	font-size: 65px;
	color:#000;
	line-height: 1;
	transition: all 0.4s ease-in-out;
}
.about_sdys_lb .wk h2 i{
	font-size: 25px;
	font-weight: 500;
	font-style: normal;
	padding-left: 10px;
}
.about_sdys_lb:hover .wk h2{
	  background: linear-gradient(90deg, #f5271f,  #fa8e48);
  
  /* 将背景裁剪到文字区域 */
  -webkit-background-clip: text; /* 兼容 Safari/Chrome */
  background-clip: text;
  
  /* 将文字颜色设为透明，显示背景渐变 */
  -webkit-text-fill-color: transparent; /* 兼容 Safari/Chrome */
  text-fill-color: transparent;
  
}
.about_sdys_lb .wk .hr{
	width: 120px;
	height: 8px;
	background: #f63826;
	margin: -15px 0 30px 0;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.about_sdys_lb:hover .wk .hr{
	width: 0px;
}

.about_sdys_lb .wk p{
	line-height: 1;
	font-size: 20px;
	font-weight: 300;
	color:#000;
		
}


/*选择我们的理由 - Section */
.xzwmly-section{
	background: url(/uploads/home/index/sy_xzwmly_bg.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.xzwmly_bt{
	text-align: center;
}

.xzwmly_bt h4{
font-size: 30px;
font-weight: 200;	
color:#fff;
	
}

.xzwmly_wznr{
	text-align: center;
	margin-top: 60px;
}



.xzwmly_wznr h5{
	font-size: 40px;
	color:#fff;
	line-height: 60px;
	font-weight: 500;
}

.xzwmly_icolb{
	display: grid;
    justify-content: center;
	margin-top: 90px;
}

.xzwmly_iconnr {
	display: inline-block;
	text-align: center;
	padding-right: 60px;
}
.xzwmly_iconnr:nth-child(4){
	padding-right: 0px;
}
.xzwmly_iconimg{
	width: 100px;
	height: 100px;
	border: 1px solid #ffffff;
    border-radius: 50%;
	display: grid;
    align-items: center;
    justify-content: center;
	transition: all 0.4s ease-in-out;
}
.xzwmly_iconimg:hover{
	border: 1px solid #0075ce;
	background: #0075ce;
}
.xzwmly_iconimg img{
	max-width: 100%;
}


.xzwmly_iconnr p{
	font-size: 20px;
	color:#fff;
	padding-top: 20px;
	transition: all 0.4s ease-in-out;
}
.xzwmly_iconnr:hover p{
	color:#1198ff;
}
.xzwmly_ljgd{
	text-align: center;
	position: relative;
	margin-top: 130px;
}

.xzwmly_ljgd a{
	display: flex;
    color: #fff;
    font-size: 20px;
    justify-content: center;
	transition: all 0.4s ease-in-out;
}

.xzwmly_ljgd :before{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;	
	border: 1px solid #ffffff;
    border-radius: 50%;
	top:-30px;
	transition: all 0.4s ease-in-out;
	opacity: 1;
}
.xzwmly_ljgd ::after{
	position: absolute;
	content: "";
	height: 10px;
	width: 1px;
	top:-20px;
	background: #fff;
	transition: all 0.4s ease-in-out;
	opacity: 1;
}

.xzwmly_ljgd:hover a{
	color:#e85511;
}
.xzwmly_ljgd:hover :before {
	border: 1px solid #e85511;
	top:-20px;
	opacity: 0;
}
.xzwmly_ljgd:hover ::after{
	background: #e85511;
	top:-00px;
	opacity: 0;
}





/*分公司 - Section */
.nyfgs-section{
	background: url(/uploads/home/fgs/fgs_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	position: relative;
	display: block;
}

.nyfgs-section-lb{

}
.nyfgs-section-lb .wk{
	background: #fff;
	padding: 20px;
	box-shadow: var(---box-shadow);
}

.nyfgs-nrimg{
	border: 1px solid #d9d9d9;
}

.nyfgs-nrimg img{
	max-width: 100%;
}
.nyfgs-nrwz{
	text-align: center;
	margin-top: 20px;
	height: 180px;
}
.nyfgs-nrwz h2{
	text-align: center;
	background: linear-gradient(to right, rgb(0 135 211), rgb(22 74 161));
	border-radius:30px;
	width: 220px;
    height: 40px;
	font-size: 15px;
    color: #fff;
    line-height: 40px;
	display: inline-block;
	box-shadow: 0px 5px 8px rgb(48 70 175 / 50%);
}



.nyfgs-nrwz p{
	font-size: 16px;
	line-height: 30px;
	color:#000;
	margin-top: 20px;
	
}

.nyfgs-nrwz h5{
	padding-top: 10px;
	font-size: 14px;
	color:#666;
	font-weight: 300;
}
/*发展历程 - Section */
.nyfzlc-section{
	position: relative;
	
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
	
}
.nyfzlc-section .swiper{
	background:url(/uploads/home/about/fzlcbg_12.png)repeat-x left top;
	overflow: visible;
	position: relative;
	margin: 100px 0 40px;
	padding: 0 60px;
}

.nyfzlc-section .hero-content{
	background: linear-gradient(to bottom, #2368cf 20%, #00317b 80%);
    padding: 155px 0 155px 15%;
	height: 100%;
}

.nyfzlc-section .hero-content h5{
	font-family: 'Source Han Serif SC', serif;
	text-transform: uppercase;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #a7b6f0 20%, #ffffff 80%);
	font-size: 26px;
	font-weight: 800;
	padding: 40px 0px;
}
.nyfzlc-section.hero-3 .hero-content h1{
	margin-bottom: 0px;
	color:#fff;
	font-size: 40px;
}
.nyfzlc-section.hero-3 .hero-content span{
	font-size: 16px;
	font-weight: 200;
	color:#fff;
	margin-bottom: 20px;
	display: block;
}

.nyfzlc-section.hero-3 .hero-slider-items{
	margin-left:0px;
	position: relative;
	padding: 155px 0 0;
}
 
.nyfzlc-section .swiper-wrapper{
	
	
	
}

.nyfzlc-section .swiper-slide:nth-child(odd) .nyfzlc-lb{
	margin-top: 10px;
	border-left: 1px solid #6c83c8;
}

.nyfzlc-section .swiper-slide:nth-child(even) .nyfzlc-lb{
	
	border-left: 1px solid #6c83c8;
	position: absolute;
    top: -240px;
	
}

.nyfzlc-section .swiper-slide:nth-child(even) .nyfzlc-lb-img{
	bottom: auto;
	top:-10px;
}


.nyfzlc-lb{
	position: relative;
	padding: 20px;
	width: 100%;
	height: 240px;	
	
	
}


.nyfzlc-nr{
	
	
}
.nyfzlc-nr h3{
	color:#000;
	font-size: 20px;
	padding-bottom: 20px;
	padding-top: 0px;
}

.nyfzlc-nr p{
	font-size: 16px;
	color:#333;
	line-height: 30px;
	
}
.nyfzlc-nr h5{
	padding-bottom: 10px;
	margin-top: 20px;
	padding-left: 0px;
	font-size: 26px;
	font-weight: 500;
	background: linear-gradient(90deg, #6a81c7, #354ab0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}



.nyfzlc-lb-img{
	position: absolute;
	left: -20px;
	bottom: 0px;
}

.nyfzlc-lb-img img{
	width: 40px;
	max-width: 100%;
}

.nyfzlc-section .array-button.radius-none .array-prev, .nyfzlc-section .array-button.radius-none .array-next{
	border-radius: 30px !important;
}

/*组织架构 - Section */
.nyzzjg-section{
	
}
.zzjg_nr{
	
}
.zzjg_nr img{
	max-width: 100%;
}
/*应用场景 - Section */
.sy-yycj{
	background: url(/uploads/home/about/sy_yycj_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.sy-yycj-wz{}
.sy-yycj-wz .bt{
	
}
.sy-yycj-wz .bt h3{
	font-size: 40px;
	font-weight: 600;
	color:#fff;
}

.sy-yycj-wz .nr{margin-top: 80px;}

.sy-yycj-wz .nr h4{
	font-size: 30px;
	font-weight: 500;
	color:#fff;
	margin-bottom: 40px;
}
.sy-yycj-wz .nr p{
	font-size: 18px;
	line-height: 40px;
	font-weight:300;
	color:#fff;
}


.sy-yycj-wz .about-button{
	margin-top: 70px;
}
.sy-yycj-wz .about-button .theme-btn{
	background:none;
	border: 1px solid #fff;
	border-radius:0;
}
.sy-yycj-wz .about-button .theme-btn i{
	color:#fff;
}

.sy-yycj-lb{
	
}
.sy-yycj-lbs{
	display: flex;
	gap: 20px;
	justify-content: flex-end;
}
.sy-yycj-lbz{
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
	gap: 20px;
    padding-right: 210px;
}
.sy-yycj-lbx{
	margin-top: 20px;
	display: flex;
	gap: 20px;
	justify-content: flex-end;
    padding-right: 420px;
}
.yycjlb-nr{
    width: 190px;
    height: 190px;
    background: rgb(255 255 255 / 80%);
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 5px;
    transition: ease .65s;
    cursor: pointer;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.yycjlb-nr img{
	margin-bottom: 20px;
}
.yycjlb-nr .a{
	display: inline;
	transition: ease .65s;
}
.yycjlb-nr .b{
	display: none;
}
.yycjlb-nr p{
	font-size: 20px;
	color:#000000;
	transition: ease .65s;
}
.yycjlb-nr:hover {
	background: #0349dc;
}
.yycjlb-nr:hover .a{
	display: none;
}
.yycjlb-nr:hover .b{
	display: inline;
}
.yycjlb-nr:hover p{
	color:#fff;
}
/*企业优势 - Section */

.syqyys-section{
	height: auto;
  	position: relative;
	padding:  0;
}

.syqyys-wk{
	display: flex;
	position: relative;
	width: 100%;
	height: 80vh;
}
.syqyys-container{
	display: flex;
	width: 100%;
}

.syqyys-slide{
	position: relative;
	z-index: 1;
	display: flex;
	  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  margin: 0;	
}
.syqyys-slide:after{
	content: '';
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.58);
    position: absolute;
	
}



.syqyys-slide:hover ,.syqyys-slide.active{
  -webkit-flex-grow: 2;
  flex-grow: 2;
}

.syqyys-slide:hover:after,.syqyys-slide.active:after{
	background-color: rgba(0, 0, 0, 0);
}

.syqyys-title{
	text-align: center;
	margin: auto;
	opacity: 1;
			-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.syqyys-title img{
	width: 70px;
}
.syqyys-title p{
	font-size: 25px;
	color:#fff;
	margin-top: 40px;
}

.syqyys-title h6{
	font-size: 14px;
	color:#b7b7b7;
	font-weight: 300;
}


.syqyys-title .hr{
	width: 51px;
	height: 2px;
	background: #fff;
	margin: 40px auto auto auto;
}


.syqyys-about{
	display: none;
	position: absolute;
	opacity: 0;
    align-items: center;
	bottom:0;
	left:0;
	width: 100%;
	height: auto;
	padding: 46px 50px 46px 20%;
	background: url(/uploads/home/index/xzwmdly_wzbg.jpg);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
	overflow: hidden;
}
.syqyys-slide:hover .syqyys-about,.syqyys-slide.active .syqyys-about{
	display: flex;
	width: 100%;
	height:100%;
	opacity: 1;
}
.syqyys-about-wk{
	
}
.syqyys-about-wk h3{
	font-size: 25px;
	color:#fff;
	font-weight: 500;
	margin-bottom: 20px;
}

.syqyys-about-wk p{
	margin-top: 10px;
	font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
	width: 400px;
}

.syqyys-about-icon{
	padding-left: 90px;
}

.syqyys-slide:hover .syqyys-title,.syqyys-slide.active .syqyys-title{
	opacity: 0;
	display: none;

}



.syqyys-about-wk .about-button{
	margin-top: 70px;
}
.syqyys-about-wk .about-button .theme-btn{
	background:none;
	border: 1px solid #fff;
	border-radius:0;
}
.syqyys-about-wk .about-button .theme-btn i{
	color:#fff;
}



.syqyys-section .sy_project_bt{
	
}
.syqyys-section .sy_project_bt .section-title h6{
	color:#fff;
}
.syqyys-section .sy_project_bt .section-title h2{
	position: relative;
	padding-left: 0px;
	padding-bottom: 50px;
	line-height: 1;
	color:#fff;
}

.syqyys-section .mySwiper2{
	height: 100%;
    width: 100%;
}
.sy_qyys_nr{
	position: relative;
}

.sy_qyys_nrlb{
	width: 100%;
    height: 100%;
}
.sy_qyys_nrlb img{
	width: 100%;
}


.sy_qyys_nrlb .container{
	height: 100%;
    display: flex;
}


.sy_qyys_nrwk{
	margin: auto 0;
}

.sy_qyys_nrtxt{
	width: 70%;
}

.sy_qyys_nrtxt h4{
	color:#fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.5;
}

.sy_qyys_nrtxt .nrp{
	margin-top: 60px;
}

.sy_qyys_nrtxt .nrp p{
	font-size: 18px;
	font-weight: 300;
	color:#fff;
	line-height: 2;
}




.nyqyys-section{
	background: #f0f0f7;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.nyqyys_lb{}
.nyqyys_lb .wk{
	padding: 30px;
	background: #fff;
	box-shadow: var(---box-shadow);
	position: relative;
	margin: 0 10px;
}
.nyqyys_lb .wk:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: linear-gradient(180deg, #687ec8, #354baf);
}


.nyqyys_sz{
	background: #f4f6fa;
	position: relative;
	width: 230px;
	height: 230px;
	border-radius: 50% ;
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 10px auto 0;
}
.nyqyys_sz:before{
	position: absolute;
	content: "";
	width: 80%;
	height: 80%;
	border-radius: 50% ;
	background: linear-gradient(90deg, #687ec8, #354baf);
}
.nyqyys_sz h6{
	position: relative;
	color:#fff;
	font-size: 50px;
	text-align: center;
	line-height: 230px;
	z-index: 4;
}

.nyqyys_wz{
	text-align: center;
}
.nyqyys_wz h2{
	font-size: 35px;
	color:#000;
	margin-bottom: 40px;
	margin-top: 35px;
}
.nyqyys_wz p{
	font-size: 24px;
	line-height: 1.8;
	color:#333;
	padding: 0 20px;
}
.syqyys_nr{
	width: 50%;
	position: relative;
}
.syqyys_nrjs{
	width: 100%;
	height: 100%;
	padding: 10% 10%;
}

.syqyys_nrwk{
	position: relative;
}
.syqyys_nrwk h2{
	font-size: 40px;
	color:#fff;
	font-weight: 500;
}
.syqyys_nrwk .hr{
	width: 34px;
	height: 2px;
	background: #fff;
	margin: 40px 0px;
}
.syqyys_nrwk h3{
	font-size: 25px;
	color:#fff;
	
}
.syqyys_nrwk .wz_p{
	margin-top: 30px;
}
.syqyys_nrwk .wz_p p{
	font-size: 20px;
	color:#fff;
	line-height: 42px;
}

.syqyys_sz{
	position: absolute;
	right: 6%;
    bottom: 8%;
	font-size: 198px;
	font-family: 'Source Han Serif SC', serif;
	font-weight: 800;
	color: rgb(255 255 255 / 16%);
    display: block;
    line-height: 1;
}

.syqyys_nr .array-button{
	position: absolute;
	left: 10%;
    bottom: 15%;
	gap: 5px;
}

.syqyys_nr .array-button.radius-none .array-prev, .syqyys_nr .array-button.radius-none .array-next{
	border: none!important;
	background: none!important;
	width: 40px;
    height: 40px;
    line-height: 40px;
}

.syqyys_nr .array-button .array-prev{
	color:#fff;
}

.array-button-icon{
	line-height: 1;
}


.sy_qyys_dhjs{
	margin: -80px 0 60px 0 ;
	
	height: 248px;
}
.syqyysnav_lb{
	flex: 1;
	transition: flex 0.8s ease;
}
.syqyysnav_lb:nth-child(4) .sy_qyys_nav_lb{
	border-right: none;
}


.sy_qyys_nav_lb {
	padding: 30px 30px;
    position: relative;
    width: 100%;
	height: 100%;
    cursor: pointer;
    z-index: 1;
	background: #fff;
	
	border-radius: 10px;
	overflow: hidden;
}
.sy_qyys_nav_lb::before{
	content: "";
    opacity: 1;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    background: #0861aa;
	border-radius: 10px;
}

.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb::before{
	width: 100%;
}
.sy_qyys_nav_lb .wk{
 
}

.sy_qyys_nav_lb .sz_tb{
	display: flex;
    justify-content: space-between;
}
.sy_qyys_nav_lb .sz_tb2{
	display: none;
    
}
.sy_qyys_nav_lb .sz_tb .sz{
	font-size: 30px;
	color:#cccccc;
	font-style: italic; 
	font-weight: 300;
}


.sy_qyys_nav_lb .wz h3{
	font-size: 20px;
	font-weight: 700;
	color:#000000;
	padding: 10px 0;
}
 .nrp.app{
	display: none;
}
 .nrp.web{
	display: inline-block;
}

.sy_qyys_nav_lb .wz p{
	color:#666666;
	font-size: 15px;
	font-weight: 300;
	display: none;
}


.sy_qyys_nav_lb .wz .gd{
	
	margin-top: 30px;
}
.sy_qyys_nav_lb .wz .gd a{
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	background: #0861aa;
	width:40px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	border-radius: 30px;
}




.syqyysnav_lb.swiper-slide-thumb-active{
	flex: 2!important;
}

.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .wz h3
{
	font-size: 22px;
	color:#fff;
	font-weight: 500;
	
}

.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .sz_tb{
	display: none;
}
.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .sz_tb2{
	display: block;
}
.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .wz .gd{
	margin-top: 20px;
}
.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .wz p 
{
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	
}


.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb
{
	padding: 10px 40px;
}
.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .wz .gd a{
	color:#0861aa;
	background: #fff;
}
.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .wz p{
	display: block;
}

/*合作伙伴 - Section */

.sy-hzhb-section{
	position: relative;
	background: url(/uploads/home/hzhb/sy_hzhb_bg.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.sy-hzhb-lb{
	
}
.sy-hzhb-lbwk{
	display: flex;
	flex-wrap: wrap;
	margin: 60px -10px 0px -10px;
}

.sy-hzhb-lbt{
	width: 20%;
	padding: 10px 10px;
	cursor: pointer;
}
.sy-hzhb-lbt .wk{
	overflow: hidden;
	transition: .5s;
}
.sy-hzhb-lbt img{
	width: 100%;
	transition: .5s;
}

.sy-hzhb-lbt:hover .wk img{
	transform: scale(1.1);
}

/*工厂基地 - Section */
.sy-gcjd-section{
	background: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sy-gcjd-nr{
	margin-top: 45px;
	margin-right: 0%;
}

.sy-gcjd-lban{
	position: relative;
	margin-top: 80px;
}

.sy-gcjd-lban::before{
	content: "";
	position: absolute;
    top: 50%;
    left: 0;
	width: 100%;
	height: 1px;
	background: #e0e0e0;
}

.sy-gcjd-lban .array-button{
	justify-content: flex-end;
	margin-right: 10%;
}
.sy-gcjd-lban .radius-none .array-prev, .sy-gcjd-lban .radius-none .array-next{
	width: 56px;
    height: 56px;
    line-height: 56px;
	border-radius: 50% !important;
}
.sy-gcjd-lban .array-button .array-prev{
	border: 3px solid #f5261f;
	color: #fff;
	background: #f5261f;
}
.sy-gcjd-lban .array-button .array-next{
	border: 3px solid #dddddd;
	color: #fff;
	background: #dddddd;
	
}
.sy-gcjd-lban .array-button .array-next:hover{
border: 3px solid #f5261f;
	color: #fff;
	background: #f5261f;	
}
 .category-item.active{
	color: #fff;
    background: #0870c0;
}
 .sy_project_bt .about-button{
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

 .about-button .theme-btn{
	position: relative;
    overflow: hidden;
    padding: 5px 5px 5px 30px;
    transition: all 0.4s ease-in-out;
    background: linear-gradient(to right, rgba(0, 108, 216, 1), rgba(16, 136, 255, 1));
    z-index: 1;

    border: none;
}
 .about-button .theme-btn::before{
	content: "";
    background-color: #0870c0;
    width: 0;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    border-radius:  0;
}
 .about-button .theme-btn::after{
	content: "";
    background-color: #0870c0;
    width: 0;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    border-radius: 0;
}

 .about-button .theme-btn span{
	color: #fff;
    padding-bottom: 0px
}
 .about-button .theme-btn i{
	width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    color: #0861aa;
    font-weight: 100;
    transition: all 0.4s ease-in-out;
}
 .about-button .theme-btn:hover::before,  .about-button .theme-btn:hover::after{
	width: 100%;
}


.scjd-wrapper{
	
}

.scjd-img a{
	display: block;
    border-radius: 0px;
    overflow: hidden;
	position: relative;
}

.scjd-img img{
	max-width: 100%;
	transition: .5s;
}

.scjd-img:hover img{
	transform: scale(1.1);
}


.scjd-nimgfr a{
	display: block;
    border-radius: 10px;
    overflow: hidden;
	position: relative;
}
.scjd-imgbt{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #0861aa;
	padding: 20px 0;
	text-align: center;
}
.scjd-imgbt p{
	font-size: 16px;
	font-weight: 200;
	color:#fff;
	line-height: 1;
	
}



.scjd-imgfr .row{
	height: 100%;
	align-content: space-between;
}
.scjd-nimgfr{
	
}
.scjd-nimgfr img{
	width: 100%;
	transition: .5s;
}

.scjd-nimgfr:hover img{
	transform: scale(1.1);
}

.hidden{
	display: none;
}
.category-content{
	visibility: inherit!important;
	animation-name: fadeInUp!important;
}





.sy-gcjd-lbwk{
	gap: 30px;
	display: flex;
}

.sy-gcjd-lbfl{
	width: 33.4%;
}
.lbfl_img{
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 30px;
}
.lbfl_img:nth-child(2){
	margin-bottom: 0px;
}
.lbfl_img img{
	width: 100%;
	transition: .5s;
}
.lbfl_img:hover img{
	transform: scale(1.1);
}


.sy-gcjd-lbfr{
	width: 66.6%;
}
.sy-gcjd-lbfr .sy-gcjd-slider{
	border-radius: 20px;
	position: relative;
	z-index: 1;
}
.sy-gcjd-lbfr .sy-gcjd-slider .swiper-slide{
	
}

.sy-gcjd-lbfr .lbfr_wz{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 60px;
	z-index: 2;
	display: flex;
    align-items: center;
    justify-content: space-between;
	background: rgb(0 0 0 / 65%);
}

.sy-gcjd-lbfr .lbfr_bt p{
	font-size: 22px;
	color:#fff;
}

.sy-gcjd-lbfr .array-button.radius-none .array-prev, .sy-gcjd-lbfr .array-button.radius-none .array-next{
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 50%!important;
}

.sy-gcjd-lbfr .array-button .array-prev{
	color: #fff;
	border: 1px solid #0870c0;
	background: #0870c0;
}

.sy-gcjd-lbfr .array-button .array-next{
	color: #fff;
	border: 1px solid #9e9e9e;
	background: #9e9e9e;
}

.sy-gcjd-lbfr .array-button .array-next:hover{
	background: #0870c0;
    border: 1px solid #0870c0;
    color: #fff;
}


.sy-gcjd-lbfr .array-button{

}

.lbfr_img{
	overflow: hidden;
	
}

.lbfr_img img{
	width: 100%;
	transition: .5s;
}
.lbfr_img:hover img{
	transform: scale(1.1);
}






/*合作平台 - Section */
.hzpt-section{
	background: #f8f8f8;
}

.hzpt-section .section-title h6{
	font-size: 45px;
	color:#3744a4;
	font-family: 'Source Han Serif SC', serif;
	font-weight: 200;
	
}

.hzpt-section .section-title p{
	font-size: 18px;
	font-weight: 200;
	color:#333;
}



.hzpt-section .brand-wrapper .brand-image img{
	max-width: 100%;
}
.brand-wznr{
	margin-top: 25px;
	padding: 40px 0;
	text-align: center;
	background: #6b7699;
}
.brand-wznr h5{
	color:#fff;
	font-size: 30px;
}
.hzpt-section-nr .swiper-slide:nth-child(even) .brand-wznr{
	background: #3e455d;
}
/*品牌介绍 - Section */
.ppjs_dgpp{
	padding-top: 88px;
}
.ppjs_bt{
	background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: left center;
	height: 400px;
}

.ppjs_bt .container{
	height: 100%;
} 


.ppjs_btwz{
	display: flex;
    height: 80%;
    align-items: flex-end;
}
.ppjs_btwz h2{
	font-size: 60px;
	line-height: 1;
	color:#fff;
	font-family: 'Source Han Serif SC', serif;
}
.ppjs_btwz p{
	padding-left: 40px;
	font-family: 'Source Han Serif SC', serif;
	font-size: 26px;
	color:#fff;
	text-transform: uppercase;
}

.ppjs_jj{
	margin: 40px 0;
}
.ppjs_jjdgpp_logo{
	text-align: center;
}
.ppjs_jjdgpp_logo img{
	max-width: 100%;
}
.ppjs_jjdgpp_nr{
	margin-top: 60px;
	text-align: center;
	padding: 0 10%;
}

.ppjs_jjdgpp_nr p{
	font-size: 20px;
	color:#000;
	line-height: 1.8;
}

.ppjs_jjdgpp_img{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.ppjs_jjdgpp_img img{
	max-width: 100%;
}

.ppjs_jj_zs{
	padding: 20px;
    background: #fff;
    margin-top: -10%;
    display: inline-block;
    height: 100%;
    z-index: 2;
    position: relative;
	box-shadow: var(---box-shadow);
}
.ppjs_jj_zs img{
	max-width: 100%;
}
.ppjs_jj_img2{
	margin-top: 40px;
}
.ppjs_jj_img2 img{
	width: 100%;
}
/*品牌展示 - Section */

.ppzs-section{
	background: url(/uploads/home/index/sy_ppzs_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	position: relative;
	display: block;
	
}
.ppzs-section .section-title h2{
	color: #fff;
}

.sy_ppzs_logo{
	position: relative;
}

.ppzs_logolb{
	margin-bottom: 20px;
	
}
.ppzs_logolb .wk{
background: rgb(0 124 219 / 74%);
text-align: center;
padding: 30px 0 40px 0;	
}
.ppzs_logolb .wk img{
	
	height: 100px;
}
.ppzs_logolb .wk p{
	margin-top: 30px;
	font-size: 30px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
	
}

.ppzs_logolb1{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: grid;
    align-items: center;
    justify-content: center;
}

.ppzs_logolb1 .wk{
    padding: 20px 20px;
    display: inline;
    position: relative;
    overflow: hidden;
    clip-path: ellipse(50% 50% at 50% 50%);
}

.ppzs_logolb1 .wk img{
	max-width: 380px;
    background: #fff;
    clip-path: ellipse(50% 50% at 50% 50%);
    padding: 30px 60px;
}
.ppjs_jjdgpp_zslb{
padding-bottom: 60px;	
}
.ppjs_jjdgpp_zslb  .testimonial-wrapper .testimonial-area{
	max-width: 870px;
}
.ppjs_jjdgpp_zslb .swiper{
	padding: 20px 10px;
}
.ppjs_jjdgpp_zslb .testimonial-wrapper .testimonial-items{
	padding: 10px;
	box-shadow: var(---box-shadow);
}
.ppjs_jjdgpp_zslb .testimonial-wrapper .testimonial-items img{
	max-width: 100%;
}

.ppjs_jjdgpp_zslbwz{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
    align-items: center;
}
.ppjs_jjdgpp_zslbwz .wk{
	padding-left: 30px;
}
.ppjs_jjdgpp_zslbwz h2{
	color:#fff;
	font-size: 30px;
	padding-bottom: 20px;
	font-family: 'Source Han Serif SC', serif;
}
.ppjs_jjdgpp_zslbwz p{
	font-size: 18px;
	color:#fff;
	font-family: 'Source Han Serif SC', serif;
}


.ppjs_mgpp_img{
	
}
.ppjs_mgpp_img .section-title h2{
	line-height: 1.8;
	font-size: 30px;
    padding-bottom: 20px;
    font-family: 'Source Han Serif SC', serif;
}
.ppjs_mgpp_img .achievement-wrapper .counter-area .counter-item img{
	max-width: 100%;
}
.ppjs_mgpp_img .achievement-wrapper .counter-area .counter-item{
	padding: 10px;
}
.ppjs_mgpp_zs .swiper{
	padding: 30px 10px;
}
.ppjs_mgpp_zs .brand-image{
	box-shadow: var(---box-shadow);
}
.ppjs_mgpp_zs .brand-image img{
	max-width: 100%;
}

/*技术优势 - Section */
.jsys-section{
	background: url(/uploads/home/index/sy_jsyys_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	position: relative;
	display: block;
}
.jsys-section .sy_project_bt{
	margin-bottom: 40px;
}
.jsys-nr{
	position: relative;
    padding-bottom: 50px;
}  

.jsys-nr_imglb{
	text-align: center;
}
.jsys-nr_imglb img{
	max-width: 100%;
}

.jsys-nr_img .swiper-dot{
	margin-top: 20px;
    margin-bottom: 20px;
    text-align: right !important;
    padding-right: 240px;
}
.jsys-nr_img .swiper-dot .swiper-pagination-bullet{
	width: 8px;
    height: 8px;
	background-color: #bad9f8;
}
.jsys-nr_img  .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #1546ae;
}
.jsys-nr_wz{
	position: absolute;
	bottom: 0;
	left: 180px;
    z-index: 1;
	padding: 80px 60px 60px 60px ;
	background: #fff;
	box-shadow: var(---box-shadow);
	display: block;
	width: 450px;
	border-radius: 0px 50px 0px 50px;
}

.jsys-nr_wzlb{
	
}
.jsys-nr_wzlb h1{
	color:#0054a5;
	font-size: 70px;
	line-height: 1;
	margin-bottom: 40px;
	font-weight:800; 
	font-family: "Noto Sans SC", "Montserrat", sans-serif;
}

.jsys-nr_wzlb h3{
	color:#000;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 30px;
}
.jsys-nr_wzlb p{
	font-size: 18px;
	color:#333333;
	line-height: 35px;
}

.jsys-nr_wz .array-button{
	margin-top: 20%;
	justify-content: flex-start;
}
.jsys-nr_wz .array-button.radius-none .array-prev, .jsys-nr_wz .array-button.radius-none .array-next{
	border-radius: 50% !important;
	color: #fff;
	border: 1px solid #007cdb;
	background: #007cdb;
}

/*合作专家 - Section */
.hzzj-section{
	background: url(/uploads/home/index/sy_hzzj_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	position: relative;
	display: block;
}



.hzzj-section .section-title h3{
	font-size: 60px;
	margin-bottom: -60px;
}

.hzzj-section .sy_project_bt{
	margin-bottom: 40px;
}
.hzzj-section .single-team-items .team-image{
	height: 326px;
	overflow: hidden;
}
.hzzj-section .single-team-items .team-image img{
	transition: ease .65s;
}
.hzzj-section .single-team-items .team-image:hover  img{
	transform: scale(1.1);
}


.hzzj-section .single-team-items{
	margin-top: 0px;
	border-radius:30px;
}

.hzzj-section_nr{
	position: relative;
}
.hzzj-section_nr .array-button{
	position: absolute;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    top: 45%;
    width: 100%;
}

.hzzj-section_nr .array-button.radius-none .array-prev{
	margin-left: -70px;
    border-radius: 50% !important;
}
.hzzj-section_nr .array-button.radius-none .array-next{
	margin-right: -70px;
    border-radius: 50% !important;
}


.team-hzzjnr{
	background: #fff;
	padding: 60px 30px 30px 30px;
	position: relative;
}
.team-hzzjnr-bt{
	position:absolute;
	top: -20px;
	left: 30px;
	width: 195px;
	height: 40px;
	text-align: center;
	border-radius: 30px;
	background: linear-gradient(to right, rgb(0 135 211), rgb(22 74 161));
}



.team-hzzjnr-bt h5{
	font-size: 15px;
	color:#fff;
	line-height: 40px;
}
.team-hzzjnr-wz{
height: 90px;	
}
.team-hzzjnr-wz p{
	font-size: 16px;
	color:#666;
	line-height: 35px;
}
.team-hzzjnr-xq{
	margin-top: 30px;
}

.team-hzzjnr-xq a i{
	font-size: 27px;
	color:#0066cc;
	font-weight: 100;
	
	
}

/*新闻动态 - Section */
.sy_news{
	background:#fff;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.sy_news .sy_cpzx_nav{
	margin: auto 0 auto auto;
}
.sy_news .sy_cpzx_nav ul li a{
	border: 1px solid #333;
}
.sy_news .sy_cpzx_nav ul li a i{
	padding-left: 10px;
    font-weight: 100;
}
.sy_news .sy_cpzx_nav ul li a::after{
	position: absolute;
    content: "";
    bottom: -1px;
    width: 0;
    height: 1px;
    left: 0;
    background: #f5261f;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sy_news .sy_cpzx_nav ul li:hover a::after{
	width: 0%;
}
.sy_news .sy_cpzx_nav ul li:hover a{
    background: #f5261f;
    border: none;
    color: #fff;
}


.sy_news .cpzx_nav_fr{
	justify-content: flex-end;
}




.news-card-items{
	overflow: hidden;
	border-radius: 0px;
}
.sy_news .news-card-items .news-content{
	background: #fff;
	padding: 30px 20px 30px 20px;
	border: none;
	border-radius: 0px;
}

.sy_news .news-card-items .news-content ul li{
	color:#003f8b;
	font-size: 16px;
}

.sy_news .news-card-items .news-content ul{
	margin-top: 0;
	margin-bottom: 20px;
}
.sy_news_sj{
position:absolute;
	bottom: 15px;
	left: 30px;
}

.news_lmsj{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	align-items:center;
}


.news_lmsj h6{
	font-size: 20px;
	color:#0557ba;
	font-weight: 500;
}

.sy_news .news_lmsj p{
	font-size: 16px;
	color:#999;
	margin-bottom: 0;
}

.sy_news .sy_news_sj i{
	width: 30px;
    height: 30px;
    color: #fff;
    border: 1px solid #095ca0;
    background: #095ca0;
    text-align: center;
    line-height: 28px;
    border-radius: 30px;
	font-size: 20px;
}

.sy_news .sy_news_sj h3{
	font-size: 45px;
	color:#fff;
	font-weight: 800;
}

.sy_news .sy_news_sj p{
	font-size: 18px;
	color:#fff;
	font-weight: 200;
}

.sy_news_nr{
	margin-top: 50px;
}

.sy_news_nr .news-card-items{
	position: relative;
	overflow: hidden;
}
.sy-news-jsnr{
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/uploads/home/index/news_nrbg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	z-index: 11;
	transition: .5s;
}

.sy_news_nr .news-card-items:hover .sy-news-jsnr{
	bottom: 0;
}



.sy-news-jsnr .wk{
	padding: 80px 40px;
}
.sy-news-jsnr .news_lmsj h6{
	font-size: 20px;
	color:#ffffff;
}
.sy-news-jsnr .news_lmsj p{
	color:#ffffff;
}

.sy-news-jsnr .bt{
	
}
.sy-news-jsnr .bt h5{
	font-size: 20px;
	color:#fff;
	font-weight: 500;
}

.sy-news-jsnr .wz{
	margin-top: 30px;
}

.sy-news-jsnr .wz p{
	font-size: 16px;
	color:#fff;
	line-height: 30px;
}

.sy-news-jsnr .gd{
	display: inline-block;
	margin-top: 40px;
}

.sy-news-jsnr .gd a{
	font-size: 16px;
	color:#fff;
	padding: 15px 50px;
	border: 1px solid #fff;
	border-radius: 5px;
}

.sy-news-jsnr .gd a:hover{
	border: 1px solid #035ea3;
}



.sy_news_fl{
	
}
.sy_news_fl .wk{
	
}

.news_fllb{
	margin-bottom: 20px;
	position: relative;
}
.news_fllb .wk{
	display: flex;
	
}

.news_fllb .wk::before{
	content: "";
    background: #1b459e;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    border-radius: 5px 5px 0 0;
}
.news_fllb:hover .wk::before{
	width: 100%;
}

.news_fllb:hover .news_fllb_wz h3{
	color:#fff;
}
.news_fllb:hover .news_fllb_wz p.js{
	color:#fff;
}



.news_fllb:nth-child(3){
	margin-bottom: 0px;	
}

.news_fllb_img{
	width: 30%;
	overflow: hidden;
    border-radius: 0px;
	height: auto;
}
.news_fllb_img a{
	display: inline-block;
    height: 100%;
}
.news_fllb_img img{
	width: 100%;
	transition: .5s;
}
.news_fllb:hover .news_fllb_img a img {
	transform: scale(1.1);
}

.news_fllb_wz{
	width: 65%;
	padding-left: 40px;
	padding-top: 0px;
	display: flex;
    align-items: center;
}
.news_fllb_wz h3{
	font-size: 18px;
	color:#333;
	font-weight: 500;
}
.news_fllb_wz p.js{
	font-size: 15px;
	color:#666;
	line-height: 26px;
	margin-top: 10px;
	font-weight: 300;
}

.qyxw_gd{
	margin-top: 50px;
}
.qyxw_gd p.fl{
	font-size: 18px;
	color:#999;
	
}

.qyxw_gd .blog-btn1 a{
	font-size: 18px;
	color:#0066cc;
}


.sy_news_fr{
	padding-left: 20px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
	position: relative;
}
	.sy_news_fr .hr{
		position:absolute;
		width: 90%;
		height: 1px;
		background: #e2e2e2;
		top: 50%;
	}
.news_frlb_wz{
	padding: 40px 40px 30px 40px;
}
.news_frlb{
	overflow: hidden;
	background: #f2f2f2;
	border-radius: 12px;
}


.news_frlb_img{
	width: 100%;
	overflow: hidden;
	
}
.news_frlb_img a{
	display: inline-block;
    height: 100%;
}
.news_frlb_img img{
	width: 100%;
	transition: .5s;
}

.news_frlb:hover .news_frlb_img a img {
	transform: scale(1.1);
}

.news_frlb_wz h3{
	color:#000000;
	font-size: 20px;
}
.news_frlb_wz p.js{
	font-size: 16px;
	font-weight: 200;
	color:#666666;
	padding-top: 20px;
	font-weight: 300;
} 
.news_frlb_wz .qyxw_gd{
	margin-top: 30px;
}
.news_frlb_wz .qyxw_gd .blog-btn1 a{
	color:#000000;
	
}
.sy_news_sjgd .sy_news_sj{
	font-size: 14px;
	color:#000;
}




/*销售展示 - Section */

.omxszs-section{

	background: url(/uploads/home/index/sy_omxs_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	position: relative;
	display: block;

}

.omxszs-section .sy_project_bt{
	margin-bottom: 40px;
}

.omxszs-section .single-team-items{
	margin-top: 0px;
}


.omxszs-section .section-title h3{
	font-size: 60px;
	margin-bottom: -60px;
}

.omxszs-section .team-image{
	overflow: hidden;
	border-radius: 30px;
}

.omxszs-section .team-image img{
	width: 100%;
    height: 100%;
    border-radius: 0px;
    transition: ease .65s;
}

.omxszs-section .team-image:hover img{
	transform: scale(1.1);
} 



.omxszs-section_nr{
	position: relative;
}
.omxszs-section_nr .array-button{
	position: absolute;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    top: 40%;
    width: 100%;
}

.omxszs-section_nr .array-button.radius-none .array-prev{
	margin-left: -70px;
    border-radius: 50% !important;
}
.omxszs-section_nr .array-button.radius-none .array-next{
	margin-right: -70px;
    border-radius: 50% !important;
}

.omxszs-section_nr .swiper-dot .swiper-pagination-bullet{
	width: 8px;
    height: 8px;
	background-color: #bad9f8;
}
.omxszs-section_nr  .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #1546ae;
}

.omxszs-section_nr .swiper-dot{
	margin-top: 20px;
}


/*招商合作- Section */
.ny_zshz{}
.ny_zshz .section-title h2{
	font-weight: 600;
}
.ny_zshz .section-title span{
	font-size: 18px;
}
.ny_zshz1.service-section .bg-shape img{
	width: auto;
}
.ny_zshz1 .service-items .content p{
	font-size: 16px;
    line-height: 30px;
    color: #000;
	padding-top: 10px;
}

.ny_zshz2{
	
}

.ny_zshz2  .work-process-items p{
	color:#000;
	padding-top: 10px;
}

.ny_zshz2 .work-process-items:hover h3,.ny_zshz2 .work-process-items:hover p{
	color:#fff;
}
.ny_zshz2 .work-process-items{
	height: 100%;
}
.ny_zshz2 .work-process-items.active h3, .ny_zshz2 .work-process-items.active p{
	color:#fff;
}
.ny_zshz2 .work-process-items{
	padding: 40px 20px;
}


.ny_zshz3{
	
}
.ny_zshz3_hzhb{
	margin-top: 40px;
}

.zshz3_hzhb_bt{
	background: linear-gradient(to right, rgba(27, 69, 158, 1), rgba(35, 93, 214, 1));
    padding: 10px 40px 10px 20px;
    border-radius: 0px 50px 50px 0px;
	display: inline-block;
}
.zshz3_hzhb_bt h5{
	color:#fff;
	
}
.zshz3_hzhb_bt p{
	color:#fff;
	font-weight: 200;
}

.zshz3_hzhb_nr {
	margin-top: 40px;
}
.zshz3_hzhb_nr h6{
	background-color: var(--white);
    text-align: center;
    padding: 30px 20px;
    font-size: 16px;
    color: #003dbe;
	box-shadow: var(---box-shadow);
}
.ny_zshz3_hzcj{
	background-color: var(--white);
	box-shadow: var(---box-shadow);
	padding: 30px;
	margin-top: 40px;
}

.zshz3_hzcj_bt{
	
}
.zshz3_hzcj_bt h3{
	margin-bottom: 20px;
}
.zshz3_hzcj_nr p{
	font-size: 20px;
	line-height: 40px;
	color:#000;
}

.ny_zshz4 .work-process-wrapper.style-2 .work-process-items-2 .work-process-content p{
	color:#000;
	font-size: 18px;
	line-height: 36px;
}


/*企业优势 - Section */
.sy_cccd{
	height: 100vh;
	position: relative;
}


.sy_cccd .mySwiper2{
	height: 100%;
    width: 100%;
}
.sy_cccd_nr{
	position: relative;
}

.cccd_nrlb{
width: 100%;
    height: 100%;
    

}
.cccd_nrlb .container{
	 height: 100%;
	display: flex;
}
.cccd_nrwk{
	margin: auto 0;
}

.sy_cccd_bt{
	position: absolute;
    right: 0;
    top: 20%;
    width: 100%;
    z-index: 11;
}
.sy_cccd_bt .section-title span{
	color:#fff;
	font-size: 45px;
	font-weight: 600;
}

.cccd_nrtxt{
	width: 46%;
}

.cccd_nrtxt h3{
	font-size: 30px;
	color:#fff;
	font-weight: 500;
}
.cccd_nrtxt p{
	color:#fff;
	font-size: 18px;
	line-height: 40px;
	margin-top: 40px;
}
.cccd_nrtxt ul{
	margin-top: 20px;
}
.cccd_nrtxt ul li{
	font-size: 18px;
	color:#fff;
	font-weight: 200;
	margin-bottom: 10px;
}
.cccd_nrtxt ul li .far{
	display: none;
}

.cccd_button{
	margin: auto 0 auto auto;
}


.cccd_button .theme-btn::before,.cccd_button .theme-btn::after{
	background-color: #fc6501;
	border-radius:0;
}

.cccd_button .theme-btn:hover::before, .cccd_button .theme-btn:hover::after{
	background: #fc6501;
	
}


.sy_cccd_dh{
	width: 33.33%;
	height: 100%;
	position: absolute;
	left: 0;
	border-right: 1px solid #999999;
	z-index: 2;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0));
}
.cccd_dh_nav{
	position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
	
}
.cccd_dh_nav .swiper-slide{
	height: 80px;
}

.sy_cccd_dh .section-title{
	margin-top: 100px;
}
.sy_cccd_dh .section-title span{
	color:#fff;
}

.sy_cccd_dh .section-title h3{
	font-size: 36px;
	color:#fa7000;
	font-weight: 500;
	line-height: 1;
	padding-top: 0px 
}
.sy_cccd_dh .section-title .dhbt_1{
	padding-top: 30px 
}
.sy_cccd_dh .section-title .dhbt_2{
	padding-top: 20px;
	color:#fff;
}

.sy_cccd_dh .section-title a{
	color:#fff;
	margin-top: 40px;
	display: block;
}


.cccd_dh_container{
	padding-left: 20%;
}
.cccd_nav{
	background: rgb(0 0 0 / 60%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;	
	width: 100%;
}

.cccd_nav_lb{
	padding: 20px 0px;
	position: relative;
	width: 100%;
	cursor: pointer;
	z-index: 1;
}
.cccd_nav_lb:hover::before{
	width: 100%;
}
.cccd_nav_lb::before{
	content: "";
    opacity: 0.86;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
	background: linear-gradient(to right, rgba(252, 101, 1, 1), rgba(255, 166, 51, 1));
}

.cccd_nav_lb .wk{
	border-right: 1px solid #999999;
	padding: 20px 30px 20px 20%;
	display: flex;
	
}
.cccd_nav_lb .wk .img{
	margin: auto 0;
	padding-right: 50px;
}
.cccd_nav_lb .wk .img img{
	max-width: 100%;
}

.cccd_nav_lb .wk h3{
	font-size: 20px;
	color:#fff;
	line-height: 35px;
	font-weight: 500;
}

.cccd_nav_lb .wk p{
	font-weight: 100;
	font-size: 14px;
	color:#fff;
	line-height: 1;
}
.cccd_nav_lb:hover .wk .fa-long-arrow-right{
	opacity: 1;
}
.cccd_nav_lb .wk .fa-long-arrow-right{
	color:#fff;
	margin: auto 0 auto auto;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}

/*产品展示 - Section */

.main-sidebar{
	margin-top: 20px;
}
.h_left {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: var(---box-shadow);	
}
.cp_type .hd {
  
  width: 100%;
  height: auto;
  margin: 0 auto 0px;
  padding: 30px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.cp_type .hd p {
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  margin: 0 auto 0px;
  padding: 0
}
.cp_type .hd p img {
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px 10px 3px 0;
  padding: 0;
  float: left
}
.cp_type .hd span {
  display: block;
  height: 24px;
  line-height: 24px;
  color: #aaa;
  font-size: 14px
}
.cp_type .hd em {
  display: block;
  width: 50px;
  height: 2px;
  margin: 6px 0 0;
  padding: 0;
  background: url(../image/line05.png) 0 0 no-repeat
}
.cp_type .hd i {
  display: none
}
.cp_type .bd {
  padding: 0
}
.cp_type .bd ul li {
 background: linear-gradient(to right, rgba(27, 69, 158, 1), rgba(35, 93, 214, 1));
    padding: 0;
    
}
.cp_type .bd ul li p {
  height: 60px;
  line-height: 60px;
  padding: 0 50px;
  position: relative;
  border-bottom: 1px dashed rgba(241, 241, 241, 0.3);
  background: url(../image/ico13.png) 20px 28px no-repeat;
  transition: all .4s ease
}
.cp_type .bd ul li p a {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  line-height: 60px;
  color: #fff;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.cp_type .bd ul li p span {
  display: block;
  width: 40px;
  height: 100%;
  background: url(../image/mulu1.png) center center no-repeat;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 10px
}
.cp_type .bd ul li div {
  display: none;
  padding: 15px 40px;
  background: #003dbe;
}
.cp_type .bd ul li div a {
  display: block;
  height: 32px;
  line-height: 32px;
  color: rgb(255 255 255 / 60%);
  font-size: 15px;
  border-top: 0px solid #eaeaea;
  padding: 0 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(../image/ico14.png) 8px 10px no-repeat;
  transition: all .4s ease
}
.cp_type .bd ul li div a:hover,.cp_type .bd ul li div a.on {
  color: rgba(255, 255, 255, 1)
}
.cp_type .bd ul li div a:first-child {
  border-top: 0
}
.cp_type .bd ul li:hover p, .cp_type .bd ul li.on p {
  background: linear-gradient(to right, rgb(17 50 121), rgb(38 102 235));
}
.cp_type .bd ul li:hover p a, .cp_type .bd ul li.on p a {
  color: #fff
}
.cp_type .bd ul li:hover p span {
  background: url(../image/mulu1.png) center center no-repeat
}
.cp_type .bd ul li.expanded p span {
  background: url(../image/mulu2.png) center center no-repeat
}
.cp_type .bd ul a.ckqb {
  display: block;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #333;
  background: #f1f1f1;
  width: 92%;
  margin: 10px auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
	
}
.cp_type .bd ul a.ckqb:hover {
  background: #4121c7;
  color: #fff
}


.wmtd_lb{
	margin-top: 20px;
}
.wmtd_lb .wk{
	box-shadow: 0 0px 6px 3px rgba(0,0,0,.08);
    padding: 20px 10px;
	border-radius: 10px;
} 
.wmtd_lbimg {
	overflow: hidden;
    border-radius: 50%;
    width: 66px;
    height: 66px
}
.wmtd_lbimg img{
	width: 100%;
}



.wmtd_lbnr {
	
}

.wmtd_lbbt{
	display: flex;
	align-items: center;
}



.wmtd_lbbtwz{
	margin-left: 10px;
}
.wmtd_lbnr h2{
	font-size: 18px;
	text-transform: uppercase;
}
.wmtd_lbnr h2 span{
	font-weight: 300;
}
.wmtd_lbnr h3{
	font-size: 16px;

    color: #fff;
    font-weight: 200;
    padding: 5px 20px;
    background: #008ed8;
    border-radius: 20px;
    margin-top: 5px;
}


.wmtd_lbnr_wz{
	padding-top: 10px 
}
.wmtd_lbnr_wz p{
	font-size: 16px;
	color:#000;
}

.contact-info-items{
	display: flex;
    border-bottom: 1px solid #dde3e3;
    align-items: center;
    padding-bottom: 10px;
}

.lcwm_wmtd_lb{
	
}

.lcwm_wmtd_lb .wmtd_lbnr{
	display: flex;
}
.lcwm_wmtd_lb .wmtd_lbbt{
	width: 40%;
}
.lcwm_wmtd_lb .wmtd_lbnr_wz{
	padding-top:0;
	width: 60%;
	padding-left: 20px;
}
.lcwm_wmtd_lb .wmtd_lbnr_wz p{
	font-size: 14px; 
	line-height: 1.8;
}
.lcwm_wmtd_lb .wmtd_lbnr h3{
	font-size: 14px;
    text-align: center;
}
.content-js{
margin-top: 10px;	
}
.content-js p{
	font-size: 14px;
}





@media screen and (max-width:1079px) {
  .h_left {
    margin: 0 auto 20px
  }
  .cp_type .hd {
    display: block
  }
  .cp_type .hd {
    margin: 0 auto;
    padding: 20px;
    position: relative
  }
  .cp_type .hd p:before {
    display: none
  }
  .cp_type .hd p {
    font-size: 22px;
    margin: 0 auto 2px
  }
  .cp_type .hd p img {
    width: 22px;
    height: 22px;
    margin: 4px 10px 4px 0
  }
  .cp_type .hd span {
    height: 20px;
    line-height: 20px
  }
  .cp_type .hd i {
    display: block;
    width: 40px;
    height: 40px;
	font-size: 18px;
	color:#fff;
	line-height: 40px;  
    margin: 0;
    padding: 0;
	background: #003dbe url(../image/mulu1.png) center center no-repeat;  
    position: absolute;
    top: 30px;
    right: 20px;
	text-align: center; 
	  font-style: normal
  }
  .cp_type .hd.on i {
    background: #003dbe url(../image/mulu2.png) center center no-repeat
  }
  .cp_type .bd {
    display: none
  }
  .cp_type .bd ul li p span {
    right: 15px
  }
  .proall a {
    padding: 0 15px
  }
  .proall a i {
    right: 15px
  }
  .eyxgwz .eyxgwz_title {
    padding: 15px
  }
  .eyxgwz_title p img {
    display: block;
    width: 26px;
    height: 26px;
    margin: 3px 10px 3px 0;
    padding: 0;
    float: left
  }
  .eyxgwz .eyxgwz_list {
    padding: 10px 15px
  }
}




.about-section .container{
	position: relative;
}



.sy_project_bt{
	margin-bottom: 20px;
}

.sy_project_bt .dhbt_1{
	color:#fff;
	margin-top: 0;
	padding-top: 0;
}
.sy_project_bt h4{
	font-size: 30px;
	color:#fff;
	font-weight: 500;
	margin-bottom: 20px;
	text-transform: uppercase;
}


.sy_project_bt .section-title{
	margin-bottom: 0px;
    margin-top: 0px;
	position: relative;
	display: block;
   z-index: 1;
}

.sy_project_bt .section-title .bgyd{
	position: absolute;
	width: 70px;
	height: 70px;
	background: #85b1d2;
	border-radius: 50% !important;
	left: -40px;
	z-index: -1;
}

.sy_project_bt .section-title h2{
	padding-top: 10px;
	font-size: 30px;
	font-weight: 500;
	color:#000;
}

.sy_project_bt .section-title h2 span{
	width: 230px;
	height: 1px;
	background: #bdbdbd;
	margin-left: 20px;
}

.sy_project_bt h6{
	font-style: normal;
	font-size: 50px;
    color: #000;
    text-transform: inherit;
	font-weight: 700;
	text-shadow: 0px 5px 2px rgb(0 0 0 / 27%);
	
}

.project-wrapper{
	padding-top: 30px;
}

.project-wk{
	display: flex;
	justify-content: space-between;
}





.sy_cpzx_lb{
	width: 22%;
}
.sy_cpzx_lb .wk{
	position: relative;
	width: 100%;
}
.sy_cpzx_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	padding: 10px;
}
.sy_cpzx_bg img{
	width: 100%;
}


.sy_cpzx_bg2{
	display: none;
	-webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    opacity: 0;
    transition: 0.5s;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
}
.sy_cpzx_lb a:hover .sy_cpzx_bg2{
	display: inline;
	opacity: 1;
}

.sy_cpzx_lb a:hover .sy_cpzx_bg1{
	display: none;
}
.sy_cpzx_lb a:hover .sy_cpzx_bg{
	padding: 0px;
}

.sy_cpzx_zt{
	padding: 25px;
}
.sy_cpzx_zt img{
	width: 100%;
}


.sy_cpzx_bt{
	margin-top: 60px;
	text-align: center;
}
.sy_cpzx_bt p{
	color:#333;
	font-size: 30px;
	transition: .5s;
	position: relative;
	display: inline-block;
}

.sy_cpzx_bt p::after{
	position: absolute;
    content: "";
    bottom: -10px;
    width: 0;
    height: 2px;
    left: 0;
    background: #ff6633;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}


.sy_cpzx_lb a:hover .sy_cpzx_bt p{
	color:#ff6633;
}
.sy_cpzx_lb a:hover .sy_cpzx_bt p::after{
	width: 100%;
}

.ny_Shop .single-sidebar-widget{
	margin-bottom: 20px;
}

/*首页企业优势 - Section */
.sy-qyys-section{
	background: url(/uploads/home/index/sy_qyys_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	position: relative;
    z-index: 1;
}
.sy-qyys-section::before{
	content: "";
	width: 25%;
    height: 100%;
	background: rgb(0 39 123 / 78%);
    position: absolute;
    top: 0;
    right: -5%;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
}
.syqyys-wrapper{
	
}
.syqyys-nr{
	
}
.syqyys-flnrwz{
	margin-top: 60px;
	width: 90%;
}
.syqyys-flnrwz h3{
	font-size: 50px;
	color:#183d8c;
	position: relative;
	display: inline;
}
.syqyys-flnrwz h3::before{
	content: "";
	width: 100%;
	background: #1b459e;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 4px;
    z-index: -1;
}

.syqyys-flnrwzjs{
	margin-top: 60px;
}
.syqyys-flnrwzjs p{
	font-size: 20px;
	font-weight: 300;
	color:#333;
	line-height: 40px;
}
.syqyys-frnrimg{
	
}
.syqyys-frtp{
	text-align: center;
}
.syqyys-frtp img{
	
}


.sy-qyys-section .array-button{
	justify-content: flex-start;
}

.sy-qyys-section .array-button .array-next{
	color: #999999;
	border: 3px solid #999999;
	width: 50px;
    height: 50px;
	line-height: 45px;
	font-size: 30px;
}
.sy-qyys-section .array-button .array-prev{
	color: #1b459e;
	border: 3px solid #1b459e;
	width: 50px;
    height: 50px;
	line-height: 45px;
	font-size: 30px;
}
.sy-qyys-section .array-button.radius-none .array-prev, .sy-qyys-section .array-button.radius-none .array-next{
	border-radius: 30px !important;
}
.sy-qyys-section .array-button .array-next:hover, .sy-qyys-section .array-button .array-prev:hover{
	background: #003dbe;
    border: 3px solid #003dbe;
    color: #fff;
}




/*首页产品展示 - Section */
.sy-cpzs-section{
	background: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding:  120px 0;
    position: relative;
    z-index: 2;
}

.sy-cptjss{
	background: #fff;
	box-shadow: 0px 3px 4px rgb(0 0 0 / 15%);
	margin-bottom: 88px;
	position: relative;
	z-index: 1;
}
.sy-cptjss::before{
	content: "";
    background: linear-gradient(to right, rgba(27, 69, 158, 1), rgba(35, 93, 214, 1));
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5%;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    transform: skewX(332deg);
}
.shop-nr a{
	display: flex;
}
.shop-nrfl{
	width: 80%;
}
.shop-nrfl h4{
	font-size: 20px;
	color:#000;
	font-weight: 500;
}

.shop-nrfr{
	width: 20%;
}
.shop-nrfr{
	color: #fff;
    background: #ebebeb;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    border-radius: 30px;
    text-align: center;
	transition: ease .65s;
}
.shop-nrfr i{
	
}
.shop-card-items:hover .shop-nrfr{
	color: #fff;
    background: #1b459e;
	
}

.shop-image-icon{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	display:flex;
	z-index: 9;
	opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.shop-card-items:hover .shop-image-icon{
	opacity: 1;
    visibility: visible;
}
.shop-image-icon a{
	color: #fff;
	display: block;
    border: 4px solid #fff;
    width: 55px;
    height: 55px;
    line-height: 50px;
    font-size: 25px;
    border-radius: 30px;
    text-align: center;
    transition: ease .65s;
	margin: auto;
}

.sy-cptjss-wz{
	padding: 33px 0 23px 0;
	display: flex;
	align-items: center;
	gap: 120px;
}

.sy-cptjss-bt h3{
	font-size: 25px;
	color:#fff;
}

.sy-cptjss-lb ul{
	display: flex;
	align-items: center;
	gap: 70px;
}
.sy-cptjss-lb ul li{
	font-size: 18px;
	font-weight: 200;
	color:#666666;
}


.sy-cptjss-ss{
	margin: auto 0 auto auto;
}

.sy-cptjss-ss form{
	border: 1px solid #999999;
    border-radius: 30px;
	overflow: hidden;
    position: relative;
	width: 100%;
}

.sy-cptjss-ss input{ 
	border: none;
	background: #fff!important;
	font-size: 14px;
	padding: 10px 10px 10px 20px;
	line-height: 1;
}

.sy-cptjss-ss form button{
	background: #f5261f;
	color:#fff;
	width: 35px;
	height: 35px;
	border-radius: 30px;
	position: absolute;
    right: 5px;
    top: 3px;
}


.sy_cpzs_bt .cpzx_nav_fr{
	display: flex;
	position: absolute;
	z-index: 1;
	right: 0;
}

.project-section .sy_cpzs_bt .section-title h1{
	font-size: 40px;
	color:#fff;
	line-height: 1.2;
	margin: 0;
    font-weight: 700;
}
.project-section .sy_cpzs_bt .section-title h1 span{
	padding-left: 0px;    
	font-size: 25px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.cpzx_nav_fr{
	display: flex;
}

.sy_project_bt .cpzx_nav_fr .about-button{
	margin: auto 0 auto auto;
}
.sy_project_bt .about-button .theme-btn{
	background: #1b459e;
	border-radius: 0;
}
.sy_project_bt .about-button .theme-btn::before{
	border-radius: 0;
}
.sy_project_bt .about-button .theme-btn::after{
	border-radius: 0;
}

.sy_project_bt .about-button .theme-btn i{
	color:#fff;
}

.sy_cpzx_nav{
	margin: auto 0 auto auto;
}
.sy_cpzx_nav ul{
	display: flex;
	justify-content: flex-end;
}
.sy_cpzx_nav ul li{
	display: inline-block;
	padding-left: 10px;
}
.sy_cpzx_nav ul li.gd a{
	 color: #000;
	font-weight: 400;
}
.sy_cpzx_nav ul li a{
	font-size: 16px;
    font-weight: 300;
    color: #666666;
    padding: 8px 30px;
    letter-spacing: .025em;
    display: inline-block;
	border-radius: 0px;
    text-decoration: none;
	position: relative;
	border: 1px solid #666666;
	border-radius: 3px;
}



.sy_cpzx_nav ul .on a, .sy_cpzx_nav ul li:hover a,.sy_cpzx_nav ul  a.active{
	color: #fff;
    background: #0861aa;
	border: 1px solid #0861aa;
}
.sy_cpzx_nav ul .on a, .sy_cpzx_nav ul li:hover a::after,.sy_cpzx_nav ul li a.active::after{
	width: 100%;
}



.portfolio-area .sy_cpzs_bt .hendrio-button{
	margin: auto 0;
	text-align: right;
}

.sy-cpzs-nr{
	margin-top: 30px;
}
.sy-cpzs-nrlb{
	
}
.sy-cpzs-nrlb .wk{
	display: flex;
	gap: 60px;
}


.cpzs-xlfl{
	width: 33.33%;
	background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

.cpzs-xlfl-wk{
	padding: 80px 50px;
}
.cpzs-xlfl-bt {}
.cpzs-xlfl-bt h3{
	font-size: 30px;
	color:#fff;
	
}

.cpzs-xlfl-wk .hr{
	width: 52px;
	height: 4px;
	background: #fff;
	margin: 50px 0 45px 0; 
}
.cpzs-xlfl-js{
	width: 80%;
}
.cpzs-xlfl-js p{
	font-size: 18px;
	font-weight: 300;
	color:#fff;
	height: 56px;
}

.cpzsfl-button{
	margin-top: 160px
}
.cpzsfl-button .theme-btn{
	background: none;
	border: 1px solid #fff;
	color:#fff;
}

.cpzsfl-button .theme-btn::before{
	background-color: #ff6e1b;
}
.cpzsfl-button .theme-btn::after{
	background-color: #ff6e1b;
}
.cpzsfl-button .theme-btn:hover{
	border: 1px solid #e65f11;
}

.cpzs-xllb{
	width: 66.66%;
	
}

.cpzs-xllb-items{
	border: 1px solid #cccccc
}



.cpzs-xllb-img{
	overflow: hidden;
}
.cpzs-xllb-img a{
	display: block;
}
.cpzs-xllb-img img{
	width: 100%;
	transition: .5s;
}
.cpzs-xllb-items:hover .cpzs-xllb-img img{
	transform: scale(1.1);
}
.cpzs-xllb-nr{
	padding: 30px 40px;
	background: #fff;
	
}
.xllb-nrbt{
	text-align: center;
}
.xllb-nrbt h3{
	font-size: 20px;
	color:#000;
}
.xllb-nrwz{
	padding: 20px 0;
}
.xllb-nrwz p{
	font-size: 16px;
	color:#333;
	line-height: 30px;
	font-weight: 300;
}
.xllb-nrgd{
	text-align: center;
}
.xllb-nrgd .theme-btn{
	background: none;
    border: 1px solid #333333;
    color: #333;
	padding: 10px 30px;
	font-size: 16px;
}

.xllb-nrgd .theme-btn::before{
	background-color: #ff6e1b;
}
.xllb-nrgd .theme-btn::after{
	background-color: #ff6e1b;
}
.xllb-nrgd .theme-btn:hover{
	border: 1px solid #e65f11;
	color:#fff;
}

.shop-details-wrapper .firstRow{
	background: linear-gradient(90deg, rgba(255, 110, 27, 1), rgba(253, 154, 25, 1));
	border:none;
}
.shop-details-wrapper .firstRow th{
	color:#fff;
	padding: 10px;
	font-size: 18px;
	border-right: 1px solid #fff;
}

.shop-details-wrapper tr{
	border: 1px solid #151b24;
} 
.shop-details-wrapper table{
	display: flex;
    justify-content: center;
}


.shop-details-wrapper tr td{
	padding: 10px 10px;
	font-size: 16px;
	color: #333;
	border: 1px solid #151b24;
}
.sy-cpzs-nrlb .swiper-dot{
	margin-top: 40px;
    margin-bottom: 0px;
}

.sy-cpzs-nrlb .swiper-dot .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #c5c5c5;
}
.sy-cpzs-nrlb .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #ff9f34;
}




.hidden{
	display: none;
	
}
.category-content{
	visibility: inherit!important;
	animation-name: fadeInUp!important;
	
}


/*首页我们的优势 - Section */
.wmdys-section{
 position: relative;
 height: 590px;
z-index: 1;	
}


.wmdys-bgimg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.wmdys-bgimg_lb img{
	width: 100%;
}


.wmdys-section .sy_project_bt h6{
	color:#fff;
}

.wmdys-section .sy_project_bt .section-title h2{
	color:#fff;
}

.wmdys-section .sy_cpzx_nav{
	margin: auto 0 auto auto;
}

.wmdys-section .sy_cpzx_nav ul li a{
	color:#fff;
	border: 1px solid #fff;
}
.wmdys-section .sy_cpzx_nav ul li a i{
	padding-left: 10px;
	font-weight: 100;
}

.wmdys-wzjs{
	margin-top: 50px;
}

.wmdys-nrjs{
	cursor: pointer;
}
.wmdys-nrwk{
	padding: 40px 0;
	text-align: center;
	background: #fffc;
	transition: .5s;
}
.wmdys-nrwk img{
	transition: .5s;
}
.wmdys-nrwk .a{
	display: inline;
}
.wmdys-nrwk .b{
	display: none;
}

.wmdys-nrwk p{
	margin-top: 20px;
	font-size: 20px;
	color:#000;
	transition: .5s;
}

.wmdys-nrjs:hover .a {
	display: none;
}
.wmdys-section .swiper-slide-thumb-active.wmdys-nrjs .a{
	display: none;
}


.wmdys-nrjs:hover .b {
	display: inline;
}
.wmdys-section .swiper-slide-thumb-active.wmdys-nrjs .b{
	display: inline;
}


.wmdys-nrjs:hover p {
	color:#fff;
}
.wmdys-section .swiper-slide-thumb-active.wmdys-nrjs p{
	color:#fff;
}


.wmdys-nrjs:hover .wmdys-nrwk {
	background: #e85418e0;
}
.wmdys-section .swiper-slide-thumb-active.wmdys-nrjs .wmdys-nrwk{
	background: #e85418e0;
}



.wmdys-section .cpzx_nav_fr{
	justify-content: flex-end;
}

.wmdys-section .about-button .theme-btn{
	background:none;
	border: 1px solid #fff;
}
.wmdys-section .about-button .theme-btn span{
	color: #fff;
}
.wmdys-section .about-button .theme-btn i{
	color: #fff;
}

.wmdys-section .about-button .theme-btn:hover{
	background:#f52720;
	border: 1px solid #f52720;
}

.wmdys-section .about-button .theme-btn:hover span{
	color: #fff;
}
.wmdys-section .about-button .theme-btn:hover i{
	color: #fff;
}
.wmdys-section .about-button .theme-btn::before{
	background-color: #f52720;
}
.wmdys-section .about-button .theme-btn::after{
	background-color: #f52720;
}




/*设备展示 - Section */
.sy_sbzs{
	background: url(/uploads/home/index/sy_sbzs_bg.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.sbzs_nr{
	
}

.sbzs_nav{
	
}
.sbzs_nav_lb{
	cursor: pointer;
	position: relative;
	border-top: 1px solid #999999;
	text-align: center;
}

.sbzs_nav_lb{
	
}

.sbzs_nav_lb::after{
	position: absolute;
    content: "";
    top: -1px;
    width: 0;
    height: 2px;
	background: #e95f23;
    left: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.swiper-slide-thumb-active .sbzs_nav_lb::after,
.sbzs_nav_lb:hover::after{
	width: 100%;
}

.swiper-slide-thumb-active .sbzs_nav_lb .wk p,
.sbzs_nav_lb:hover .wk p{
	color:#e95f23;
}

.sbzs_nav_lb .wk p{
	font-size: 20px;
	color:#000;
	padding-top: 30px;
}

.sbzs_nrlbnr{
display: flex;

}


.sbzs_nrlb_img{
	width: 50%;
	height:auto;
	background-size: cover!important;
    background-position: center bottom!important;
    background-repeat: no-repeat!important;
}

.sbzs_nrlb_img img{
	width: 100%;
}

.sbzs_nrlb{
	margin-top: 50px;
}

.sbzs_nrlb_txt{
	width: 50%;
	background: #fff;
	height:auto;
	position: relative;
}
.sbzs_nrlb_txt::after{
	position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    height: 6px;
	background: #e95f23;
    left: 0;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sbzs_nrlb_txt .wk{
	margin: 10% 12%;
	position: relative;
	height: 100%;
	
}

.nrlb_txt_sz{
	position: absolute;
	top: 0;
    right: 0;  
	color:#e9e9e9;
	font-size: 150px;
	font-family: 'Noto Serif SC', serif;
}

.nrlb_txt_wz{
	margin-top: 30px;
}
.nrlb_txt_wz h3{
	font-size: 30px;
	font-weight: 600;
	color:#e95f23;
}
.nrlb_txt_wz p{
	margin-top: 40px;
	font-size: 18px;
	width: 80%;
	color:#333333;
	line-height: 34px;
	height: 68px;
}

.nrlb_txt_gd{
	margin-top: 50px;
}
.nrlb_txt_gd a{
	font-size: 16px;
	color:#eb703b;
}

/*公司业绩 - Section */

.sy_gsyj{
	background: url(/uploads/home/index/sy_gsyj_bg.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.sy_gsyj_bt{
	
}
.sy_gsyj_gd{
	display: flex;
}

.sy_gsyj_nr{
	margin-top: 50px;
}
.gsyj_nrfl{
	padding-right: 0;
}
.gsyj_nrfl a{
	display: block;
	padding: 10px;
}
.gsyj_nrfl a .wk{
	overflow: hidden;
}
.gsyj_nrfl:hover img{
	transform: scale(1.1);
}
.gsyj_nrfl img{
	width: 100%;
	transition: 0.5s;
}

.gsyj_nrfr{
	padding-left: 0;
}
.gsyj_nrfr_nr{
	width: 50%;
}
.gsyj_nrfr_nr a{
	display: block;
	padding: 10px;
}
.gsyj_nrfr_nr a .wk{
	overflow: hidden;
}
.gsyj_nrfr_nr:hover img{
	transform: scale(1.1);
}
.gsyj_nrfr_nr img{
	width: 100%;
	transition: 0.5s;
}

/*产品生产线 - Section */
.nycp_scx{
	border-top: 1px solid rgb(0 0 0 / 14%);
}
.nycp_scx.section-padding{
	padding: 120px 0 0;
}
/*资质证书 - Section */
.sy-txrzzs{
	background: url(/uploads/home/index/sy_ryzz_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sy-txrzzs .sy_project_bt .hr{
	margin: -20px auto 0 auto;
}

.sy-txrzzs .sy_project_bt .section-title{
	text-align: center;
}
.sy-txrzzs-nr{
	margin-top: 40px;
	position: relative;
	display: flex;
    justify-content: center;
}
.sy-txrzzs-img img{
	width: 100%;
}
.sy-txrzzs-dz{
	position: absolute;
	bottom: -50px;
    z-index: -1;
    text-align: center;
    width: 110%;
}
.sy-txrzzs-dz img{
	width: 100%;
}



.sy-zzzsp-items{
	
}
.sy-zzzs-image{
	overflow: hidden;
}
.sy-zzzs-image a{}
.sy-zzzs-image img{
	max-width: 100%;
	transition: .5s;
}
.sy-zzzs-image:hover img{
	transform:scale(1.1);
}

.zzzsp-items-bt{
	margin-top: 40px;
}
.zzzsp-items-bt a{
	display: flex;
	align-items: center;
    justify-content: center;
}
.zzzsp-items-bt a p{
	font-size: 20px;
	color:#000;
}
.zzzsp-items-bt a img{
	max-width: 100%;
}
.sy-zzzs .sy_project_bt .section-title{
	display: block;
	text-align: center;
}
.sy-zzzs .sy_project_bt .section-title h2{
	color:#fff;
}
.sy-zzzs .sy_project_bt .section-title h6{
	font-size: 22px;
	font-weight: 200;
	color:#fff;
	padding-left: 0px;
	padding-top: 20px;
}

/*专利证书 - Section */


.sy_zlzs{
	background: url(/uploads/home/index/sy_zlzs_bg.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.sy_zlzs_nr{
	
}

.sy_zlzs_nr img{
	max-width: 100%;
}

/*环境展示 - Section */

.hjzs-section{
	background: #f6f6f6;
}

.hjzs-image{
	background: #fff;
	padding: 40px 20px;
	border-radius:5px;
	transition: all 0.4s ease-in-out;
}
.hjzs-image img{
	max-width: 100%;
}
.hjzs-content{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 20px;

}

.hjzs-content h3{
	font-size: 25px;
	color:#000;
	font-weight: 500;
	transition: all 0.4s ease-in-out;
}

.hjzs-image:hover{
	background: #ff6e1b;
}

.hjzs-image:hover .hjzs-content h3{
	color:#fff;
}

/*底部标语 - Section */
.footer_dbby{
	background: url(/uploads/home/index/footer_dbby_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.footer_dbby .by p{
	font-size: 26px;
	color:#fff;
	line-height: 1;
}
.footer_dbby .wk{
	display: flex;
	align-items: center;
    justify-content: space-between;
	padding: 40px 0;
}
.footer_dbby .about-button {
	line-height: 1;
}
.footer_dbby .about-button .theme-btn{
	background: none;
	border:1px solid #fff;
}
.footer_dbby .about-button .theme-btn i{
	color: #fff;
}
.footer_dbby .about-button .theme-btn:hover{
	border:1px solid #0870c0;
}

.swiper-footer{
    background: #262626;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;	
	}

/*底部 - Section */
.footer-top{
	padding: 10px 0 30px 0;
	border-bottom: 1px solid #009a44;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer_logo{
	width: 30%;
}
.footer_logo a img{
	max-width: 100%;
}


.footer_tel{
	display: flex;
	align-items: center;
}
.f_telimg{
	margin-right: 30px;
}
.f_telimg img{
	max-width: 100%;
}

.f_telwz{
	
}
.f_telwz p{
	font-size: 26px;
	color:#fff;
}

.f_telwz h3{
	color:#fff;
	font-size: 40px;
	
}

.f_telwz h3 a{
	color:#fff;
}


.footer-nr{
	padding: 50px 0 60px 0;
}


.footer-dh .list-items{
	margin-top: 30px;
}

.footer-content-wk{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.footer-wxewm{
	
}
.footer-wxewm .wk{
	display: inline-block;
	text-align: center;
}

.footer-wxewm .wk img{
	width: 160px;
	max-width: 100%;
}

.footer-wxewm .wk p{
	font-size: 18px;
	color:#fff;
	font-weight: 300;
	text-align: center;
	padding-top: 10px;
}

.footer-content{
	
}

.footer-content .contact-info-area{
	margin-bottom: 30px;

}

	 .footer-tel{
		margin-bottom: 30px;
	}
	.footer-tel a{
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.footer-tel img{
		padding-right: 10px;
		max-width: 100%;
	}
	.footer-tel-wz{
		
	}
	.footer-tel-wz p{
		font-size: 20px;
		font-weight: 200;
		color:#fff;
	}
	.footer-tel-wz h3{
		font-size: 35px;
		font-weight: 700;
		color:#fff;
	}
	
	



/*简介页 - Section */

.ny_about{
	background: #fff;
}


.ny_about .about-wrapper .about-content{
	margin-right: 40px;
	margin-left: 0px;
}

.ny_about .about-wrapper .about-left-items .about-image-2{
	max-width: 90%;
}

.ny_about .about-wrapper .about-left-items .about-counter-items h5 span{
	font-size: 18px;
	padding-top: 20px;
	font-weight: 100;
	display: block;
}
.ny_about .about-wrapper .about-content .counter-area .counter-item{
	background-color: var(--white);
    text-align: center;
    padding: 20px;
	box-shadow: var(---box-shadow);
}
.ny_about .about-wrapper .about-content  .counter-area .counter-item .icon{
	text-align: center;
	margin-bottom: 10px;
}
.ny_about .about-wrapper .about-content  .counter-area .counter-item .icon img{
	width: 48px;
	max-width: 100%;
}
.ny_about .about-wrapper .about-content .counter-area .counter-item .content h2{
	font-size: 16px;
	font-weight: 300;
}
.ny_about .about-wrapper .about-content .counter-area .counter-item .content h2 span{
	font-size: 26px;
	font-weight: 600;
}
.ny_about .about-wrapper .about-content .counter-area .counter-item .content p{
	font-size: 16px;
}


.language_web{
	display: inline-block;
	margin: 0 0px 0 20px;
}

#head .top{ width:100%; height:30px; line-height:30px; color:#fff; background-color: #686868; }
.language_web .langu{ position:relative; padding:0 14px 0 10px; cursor:pointer; transition:all .3s;}
.language_web .langu img{ 
	margin-top:-3px;
    vertical-align: middle;
    border-style: none;
	width: 25px;
}
.language_web .langu span{ padding:0 4px; color:#333; }
.language_web .langu:after{ position:absolute; content:"";top:50%; right:0; margin-top:-8px; border:6px solid #fff; border-color:transparent transparent #333 transparent ; }
.language_web .langu:hover span{ color:#e85511; transition: all .3s; }
.language_web .langu:hover:after{ margin-top:-2px; border:6px solid #e85511; border-color: #e85511 transparent transparent transparent;transition: all .3s; }
.langu .languageBox{ display:none; position:absolute; width:114px; left:50%;transform:translateX(-50%);top:30px; text-align:center;z-index:10; }
.langu .language{ width:100%; margin-top:6px;border: 1px solid #e6e6e6;background-color: #fff; }
.langu .language a{ display:block; padding:6px 0; color:#808080;text-decoration: none; }
.langu .language a:hover{ color:#333; background-color: #f5f5f5; transition:all .3s; }
.language_web .langu:hover .languageBox{ display:block; transition:all .3s; }



.ny_nav{
	background-color: #f4f4f4;
    text-align: center;
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
}

.ny_nav_a{
	font-size: 16px;
    color: #585858;
	padding: 25px 40px 25px;
	text-decoration: none;
	display:inline-block;
}
.ny_nav_a.on{
	background-color: #fff;
}


/*
<!-- ============================================================== -->
<!-- hendrio 视频 Details  Css -->
<!-- ============================================================== -->*/
.ny_video{
	background: url(/uploads/home/about/ny_jjryzz.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
	padding: 60px 0px;
}

.qysp_video{
	position: relative;
	height: 400px;
    
	
}

.qysp_video .bt{
	text-align: center;
	padding-bottom: 40px;
	margin-top: 60px;
}

.qysp_video .bt h3{
	color:#fff;
	font-weight: 300;
	font-size: 40px;
}
.qysp_video .bt h5{
	    font-size: 35px;
    color: #fff;
    margin-bottom: 10px;
}


.qysp_video .bt p{
	color:#fff;
	text-transform: uppercase;
}

.video-icon {
    margin: auto;
    text-align: center;
	width: 100%;
    display: block;
}

.animate-border a {
    background-color: #fff;
    color: #075f6e;
    font-size: 25px;
    height: 70px;
    width: 70px;
    line-height: 65px;
    border-radius: 50%;
    position: relative;
    text-align: center;
    z-index: 1;
	display: inline-block;
}
.animate-border a i{
	font-size: 18px;
	padding-left: 2px;
}


.video-vemo-icon .ripple::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(to right, #fff 0%, #fff 100%);
    background-image: -ms-linear-gradient(0deg, #fff 0%, #fff 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    border-radius: 100%;
}
.video-vemo-icon .ripple::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 45px;
    height: 45px;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
    animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background-image: -moz-linear-gradient(0deg, #fff 0%, #fff 100%);
    background-image: -webkit-linear-gradient(0deg, #fff 0%, #fff 100%);
    border-radius: 100%;
}

.ny_about .section-title h3{
	color:#000;
}
.ny_about .section-title span{
	color:#666;
}

/*
<!-- ============================================================== -->
<!-- hendrio 主营范围 Details  Css -->
<!-- ============================================================== -->*/
.ny_qywh{
	background: #f2f3f5;
}
.ny_qywh .portfolio-wrapper-3 .portfolio-content p{
	font-size: 18px;
	line-height: 36px;
	color: #333;
	font-weight: 300;
}

/*
<!-- ============================================================== -->
<!-- hendrio 荣誉资质 Details  Css -->
<!-- ============================================================== -->*/
.ny_ryzz_js{
	margin-bottom: 50px;
	
}

.ny_ryzz_js p{
	font-size: 18px;
	line-height: 36px;
	color:#000;
}
.ny_ryzz_gjj{
	margin-bottom: 50px;
}
.ny_ryzz_bt{
	margin-bottom: 30px;
}
.ny_ryzz_bt h3{
	font-style: normal;
    font-size: 30px;
    color: #1b459e;
    text-transform: inherit;
    font-weight: 700;
    text-shadow: 0px 5px 2px rgb(0 0 0 / 27%);
}
.ny_ryzz_bt h6{
	 font-size: 16px;
    color: #333;
	font-weight: 500;
}

/*
<!-- ============================================================== -->
<!-- hendrio Shop Details  Css -->
<!-- ============================================================== -->*/

.shop-detials {
    padding: 100px 0 70px;
}

.style-three.tab {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(6,36,98,0.1);
    padding: 15px 20px 15px;
    border-radius: 10px;
    margin-right: 15px;
    margin-bottom: 20px;
	width:100%;
	display: block;
}

.tabs_item {
    margin-bottom: 10px;
}

.tab_content {
    margin-top: 0px;
}

.tabs_item img {
    width: 100%;
	max-width: 100%;
}

.tabs_itemt {
    display: inline-block;
}

.tabs_items {
    display: inline-block;
}

ul.tabs.active li {
	width: 100%;
    list-style: none;
	margin-bottom: 10px;
    display: inline-block;
}

.style-three .tabs li a {
    background: inherit;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    outline: none;
    padding: 5px;
    transition: all 0.5s ease-in-out;
    margin-right: 20px;
    border-radius: 5px;
}

.style-three .tabs li.current::before {
    background: transparent;
}

.style-three li.current a {
    border: 1px solid #FD8F14;
}

ul.tabs.active li img{
	width: 100%;
}
.cpxq_slt_nav{
	
}
.cpxq_slt_zs{
	margin-bottom: 20px;
}
.cpxq_slt_zs img{
width: 100%;	
}
.cpxq_slt_nav .wk{
	border: 1px solid rgba(6, 36, 98, 0.1);
}
.cpxq_slt_nav .swiper-slide-thumb-active .wk{
	border: 1px solid #FD8F14;
}


.cpxq_slt_nav img{
	width: 100%;
}



@media (max-width: 1699px) {
	.header-1 .mega-menu-wrapper .header-main .header-left{
		gap: 30px;
	}
	.header-1 .mega-menu-wrapper .header-main .header-left .mean__menu-wrapper{
		width: 65%;
	}
	.header-1.header-2 .mega-menu-wrapper .header-right .icon-items{
		gap: 10px;
	}
	
	.header-1.header-2 .mega-menu-wrapper .header-right .icon-items .icon{
		width: 40px;
    height: 40px;
    line-height: 40px;
	}
	
	.header-1.header-2 .mega-menu-wrapper .header-right .icon-items .content h4{
		font-size: 24px;
	}
	
	.header-1 .mega-menu-wrapper .header-main .header-left .logo{
		width: 35%;
	}
	.header-main .main-menu ul li{
		margin-inline-end: 3%;
	}
	
	.sy-cptjss::before{
		width: 20%;
	}
	.sy_project_bt .hr{
		margin-top: -16px;
	}
	
	
	.abouts_titles h4{
		font-size: 46px;
	}
	.abouts_titles h4:before{
		height: 5px;
	}
	
	
	.about-wrapper .about-left-items .dot-shape{
		right: auto;
	}
	.about-icon-box-lb .wk{
		
	}
	.swiper-dot{
		margin-top: 60px;
		margin-bottom:20px
	}
	.sy_project_bt .section-title .bgyd{
		width: 50px;
    height: 50px;
		left: -30px;
	}
	.sy_project_bt .section-title h2{
		font-size: 32px;
	}
	.sy_project_bt h6{
		font-size: 40px;
	}
	
	.sy_cpzx_nav ul li a{
		padding: 8px 25px;
	}
	
	.sy_zzzs .team-slider{
		margin: 0;
	}
	.team-section .light-shape{
		bottom:40px;
	}
	.ppjs_jjdgpp_zslb  .testimonial-wrapper .testimonial-area{
	max-width: 670px;
}
	.sy_qyys_nav_lb .wz h3{
		font-size: 20px;
	}
	.sy_qyys_nav_lb .wz p{
		font-size: 14px;
	}
	.news-card-items .news-content h3{
		font-size: 18px;
	}
	.sy-news-jsnr .wk{
		padding: 40px 20px;
	}
}

@media (max-width: 1480px){
	.header-1.header-2 .mega-menu-wrapper .header-main .header-right{
		gap: 10px;
		width: 30%;
	}
	.header-1 .mega-menu-wrapper .header-main .header-left{
		width: 70%;
		gap: 50px;
	}
	.header-1.header-2 .mega-menu-wrapper .header-right .icon-items .content h4{
		font-size: 20px;
	}
	.header-main .main-menu ul li{
		margin-inline-end: 10px;
	}
	.sy_project_bt .hr{
		margin-top: -12px;
	}

	.about-wrapper .about-left-items .about-counter-items{
		padding: 30px 20px;
	}
	.about-wrapper .about-left-items .about-counter-items h2{
		font-size: 36px;
	}
	.about-section .syjj_nr p{
		font-size: 16px;
		line-height: 30px;
	}
	.about-wrapper .about-left-items .about-counter-items h5{
		font-size: 18px;
	}
	.ny_about .about-wrapper .about-left-items .about-counter-items h5 span{
		font-size: 16px;
    padding-top: 10px;
	}
	.achievement-section .achievement-content p{
		font-size: 16px;
		line-height: 30px;
	}
	.shop-details-section .container{
		max-width: 100%;
	}
	.team-section .light-shape{
		bottom: 50px;
	}
	.description-items .description-content img{
		max-width: 100%;
	}
	
	.sy_cpzx_nav ul li a{
		padding: 8px 15px;
	}
	
	.about_sdys_lb .wk h2{
		font-size: 38px;
	}
	.about_sdys_lb .wk{
		padding: 60px 20px 40px 20px;
	}
	.about_sdys_lb .wk p{
		font-size: 16px;
	}
	
	.sy_project_bt h6{
		font-size: 30px;
	}
	.sy_project_bt .section-title h2{
		font-size: 24px;
	}
	
	.sy_project_bt .section-title .bgyd{
		width: 40px;
        height: 40px;
        left: -20px;
	}
	
	.syqyys_nrwk h2{
		font-size: 30px;
	}
	.syqyys_nrwk .hr{
		margin: 30px 0px;
	}
	.syqyys_nrwk h3{
		font-size: 20px;
	}

	.syqyys_nrwk .wz_p p{
		font-size:16px;
		line-height: 30px;
	}
	.syqyys_sz{
		font-size: 148px;
	}
	.ppjs_btwz h2{
		font-size: 50px;
	}
	.ppjs_btwz p{
		padding-left: 20px;
		font-size: 22px;
	}
	.ny_qywh .portfolio-wrapper-3 .portfolio-content p{
		font-size: 16px;
		line-height: 30px;
	}
	.shop-card-items .shop-nr{
		padding:40px 0px 15px;
	}
	
	.blog-wrapper .single-blog-post .post-content h2{
		font-size: 18px;
	}
	.popular-posts .single-post-item .post-content .post-date, .popular_posts .single-post-item .post-content .post-date{
		font-weight: 400;
        font-size: 14px;
	}
	.theme-btn{
		font-size: 16px;
		padding: 10px 26px;
	}
	
	
	
	.footer_dbby .by p{
		font-size: 22px;
	}
	
	.footer-widgets-wrapper .single-footer-widget .footer-content h3{
		font-size: 30px;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info-area .contact-items .content h4{
		font-size: 16px;
	}
	
}

@media (max-width: 1400px){
	.sy-cptjss::before{
		width: 25%;
	}
}


@media (max-width: 1300px){
	.header-1 .mega-menu-wrapper .header-main .header-left{
		width: 78%;
	}
	.header-1.header-2 .mega-menu-wrapper .header-main .header-right{
		width: 20%;
		gap: 30px;
	}

}
@media (max-width: 1024px){
	.lh-index-banner{
		height: auto;
	}
	
	.sy_index.swiper-wrapper{
		display: block;
	}
	.sy_banner{
		height: 45vh !important;
	}
	.section-title{
		margin-bottom: 20px;
	}
	.section-title h2{
		font-size: 24px;
	}
	.about-wrapper .about-content{
		margin-right: 20px;
	}
	
	.about-section .about-icon-box{
		padding: 40px 0px 0px 0px;
	}
	.abouts_titles h4{
		font-size: 30px;
	}
	.abouts_titles p{
		font-size: 12px;
		margin: 10px 0 0;
	}
	.sy-cptjss-lb ul li{
		font-size: 16px;
	}
	.sy-cptjss-lb ul{
		gap: 40px;
	}
	.syqyys-wk{
		height: 50vh;
	}
	.syqyys-about{
		padding: 30px 35px 30px 5%;
	}
	.syqyys-about-icon{
		padding-left: 40px;
	}
	.syqyys-title p{
		font-size: 20px;
		
	}
	.syqyys-slide:hover, .syqyys-slide.active{
		flex-grow: 2;
		-webkit-flex-grow: 2;
	}
	.syqyys-about-wk h3{
		font-size: 20px;
	}
	.syqyys-about-wk p{
		width: 320px;
		margin-top: 5px;
	}
	
	
	
	
}
@media (max-width: 991px) {

	.header-main{
		padding: 5px 0px 10px 0;
	}
	.header-1.header-2 .container-fluid{
		padding: 0 10px;
	}
	.header-1.header-2 .mega-menu-wrapper .header-main .header-right{
		gap: 20px;
		width: 50%;
	}
	.header-1 .mega-menu-wrapper .header-main .header-left .mean__menu-wrapper{
		display: none;
	}
	.hero-1{
		height: 400px;
		padding: 0px 0;
		margin-bottom: 0px;
	}
	.sy_banner{
		height: 40vh!important;
		margin-top: 66px;
	}
	.pc_banner{
		display: none;
	}
	.m_banner{
		display: inherit;
	}
	.swiper-slide-content{
		padding-top: 0px;
		display: block;
	}
	
	.syqyys-flnrwz h3{
		font-size: 26px;
	}
	.syqyys-flnrwz h3::before{
		height: 2px;
	}
	.syqyys-flnrwzjs{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.syqyys-flnrwz{
		width: 100%;
		margin-top: 20px;
	}
	.syqyys-flnrwzjs p{
		font-size: 16px;
		line-height: 30px;
	}
	.syqyys-frtp img{
		width: auto;
    height: 300px;
	}
	
	.sy-qyys-section::before{
		display: none;
	}
	.news_frlb_wz h3{
		font-size: 16px;
	}
	
	.sy_cccd_dh{
		background:none;
		
	}
	.cccd_nrlb{
		width: 100%;
		padding: 0 10px 0 10px;

		
	}
	.cccd_dh_nav{
		position: relative;
		padding-top: 30px;
	}
	.cccd_nrtxt ul li{
		margin-bottom: 0px;
		font-size: 16px;
	}
	.sbzs_nav  .swiper-free-mode>.swiper-wrapper{
		display: inline-block;
	}
	.sbzs_nav .swiper-backface-hidden .swiper-slide{ 
		width: 24%!important;
		display: inline-block;
	}
	.sbzs_nav_lb{
		border-top: none;
		border-bottom: 1px solid #999999;
	}
	.sbzs_nav_lb::after{
		bottom: -1px;
		top:auto;
	}
	.nrlb_txt_sz{
		top: 0px;
		line-height: 1;
		color: #e9e9e94a;
	}
	.gsyj_nrfl{
		padding-right: 0;
        padding-left: 0;
	}
	.gsyj_nrfr{
		padding-right: 0;
        padding-left: 0;
	}
	
	.sy_gsyj_nr{
		margin-top: 30px;
	}
	.video-container:after{
		z-index: -1;
	}
		.sy_cccd{
		height: 660px;
	}
	.cccd_nav_lb .wk{
		padding: 20px 20px 20px 20px;
	}
	.cccd_nav_lb .wk h3{
		font-size: 18px;
	}
	.cccd_nav_lb .wk .img{
		padding-right: 10px;
	}
	.cccd_nav_lb{
		height: auto;
	}
	.about-wrapper .about-left-items .dot-shape{
		bottom: 0px
	}
	
	.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon{
		display: flex;
	}
	.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon img{
		width: 130px;
	}
	
	.shop-details-wrapper .product-details-content .details-info a{
		margin-left: 90px;
	}
	.ny_nav_a{
		padding: 10px 15px 10px;
		font-size: 14px;
	}
	.about-icon-box-lb .wk{
		margin: 0 0 0 0;
	}
	.cccd_nrtxt{
		width: 100%;
	}
	.cta-banner-wrapper .content h2{
		font-size: 30px;
	}
	.blog-wrapper .single-blog-post:last-child{
		display: block;
		
	}
	.scjd-imgfr{
		margin-top: 20px;
	}
	.scjd-imgbt{
		padding: 10px 0;
	}
	.scjd-nimgfr{
		margin-bottom: 20px;
	}
	
	.sy-cptjss{
		margin-bottom: 58px;
		
	}
	
	
	
	.sy-cptjss-wz{
		gap: 20px;
	}
	.sy-cptjss-lb ul{
		gap: 10px;
	}
	.sy-cptjss-lb ul li{
		font-size: 16px;
	}
	.about-wrapper .about-left-items{
		padding-top: 40px;
		margin-bottom: 30px;
	}
	.sy_about_wk{
		flex-wrap: wrap;
	}
	.sy_about_t{
		width: 100%;
		position:relative;
		right: 0%;
        top: 0px;
	}
	.sy_about_wz{
		width: 100%;
	}
	
	.sy .about-section .syjj_nr{
		width: 100%;
	}
	.sy_about .about-wrapper .about-content{
		padding: 30px 20px;
	}
	.sy_about_hx{
		display: none;
	}
	.about-wrapper .about-content{
		padding: 30px 20px;
		margin-right: 0px;
	}
	.about_sdys_lb{
		width: 50%;
	}
	.about_sdys_lb .wk{
		padding: 30px 10px 20px 10px;
    margin-bottom: 10px;
	}
	.ny_about .about-wrapper .about-content{
		margin-right: 0px;
	}
	
	.sy-yycj-wz .nr h4{
		font-size: 22px;
	}
	.sy-yycj-wz .nr p{
		font-size: 16px;
		line-height: 30px;
	}
	.sy-yycj-wz .about-button{
		margin-top: 30px;
	}
	.yycjlb-nr{
		width: 165px;
    height: 165px;
	}
	.sy-yycj-wz{
		margin-bottom: 30px;
	}
	.yycjlb-nr p{
		font-size: 16px;
	}
	.sy-yycj-lbz,.sy-yycj-lbx{
		padding-right: 0px;
	}
	.sy-yycj-lbs,.sy-yycj-lbz, .sy-yycj-lbx{
		justify-content: space-evenly;
		gap: initial;
	}
	.syqyys-section .wk{
		flex-wrap: wrap;
	}
	.syqyys_img{
		width: 100%;
	}
	.syqyys_nr{
		width: 100%;
	}
	.syqyys_nrwk .wz_p{
		margin-top: 20px;
	}
	.syqyys_nr .array-button{
		bottom: 10%;
	}
	
	.project-wrapper .array-button.radius-none .array-next{
		margin-left: 0px;
	}
	.project-wrapper .array-button.radius-none .array-prev{
		margin-right: 0px 
	}
	.wmdys-section .wmdys-nrjs img{
		width: 50px;
	}
	.syqyys-container{
		flex-direction: column;
	}
	
	
	
	.syqyys-wk{
		height: auto;
	}
	.syqyys-title{
		padding: 30px 0; 
	}
	.syqyys-slide:hover, .syqyys-slide.active{
		-webkit-flex-grow: 3;
        flex-grow: 3;
		background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
	}
	.syqyys-title img{
		width: 50px;
	}
	.syqyys-title p{
		margin-top: 20px;
	}
	.syqyys-title .hr{
		margin: 20px auto auto auto;
	}
	.sy_news_fr{
		padding-left: 0px;
		padding-top: 20px;
		
	}
	.sy_news_fl{
		margin-top: 30px;
	}
	
	
	.footer_dbby .wk .by{
		width: 75%;
	}
	.footer_dbby .by p{
		line-height: 1.5;
	}
	.ppjs_dgpp{
		padding-top: 0px;
	}
	
}
@media (max-width: 768px) {

	.header-1 .mega-menu-wrapper .header-main .header-left{
		gap:0;
		width: 50%;
	}
	.header-1 .mega-menu-wrapper .header-main .header-left .logo{
		width: 50%;
	}
	
	.header-1.header-2 .mega-menu-wrapper .header-main .header-right{
		width: 50%;
	}
	
	
	.offcanvas__logo img{
		width: 240px;
	}
	.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.offcanvas__wrapper .offcanvas__content .offcanvas__close{
		width: 35px;
    height: 35px;
    line-height: 35px;
	}
	
	
	.section-padding{
		padding: 40px 0;
	}
	.sy-txrzzs-dz{
		bottom: -20px;
	}
	
	
	.wmdys-section{
		height: auto;
	}
	.wmdys-section .wmdys-nrjs img{
		width: 30px;
	}
	.wmdys-nrwk{
		padding: 10px 0;
	}
	.wmdys-nrwk p{
		margin-top: 0px;
    font-size: 16px;
	}
	
	.lh-index-banner{
		height: auto;
	}
	
	.sy_banner{
		margin-top: 0px;
	}
	
	.sy_index.swiper-wrapper{
		display: block;
	}
	.sy_about_wk{
		flex-wrap: wrap;
	}
	.sy_about_t{
		width: 100%;
	}
	.sy_about_wz{
		width: 100%;
	}
	
	.sy .about-section .syjj_nr{
		width: 100%;
	}
	.sy_about_sdys{
		flex-wrap: wrap;
	}
	.about-wrapper .about-content{
		padding: 30px 10px;
	}
	.about_sdys_lb{
		width: 50%;
	}
	.about_sdys_lb .wk{
		padding: 30px 10px 20px 10px;
    margin-bottom: 10px;
	}
	
	.about_sdys_lb .wk h2{
		font-size: 20px;
	}
	.about_sdys_lb .wk .hr{
		margin: 10px 0 10px 0;
	}
	.about_sdys_lb .wk h2 i{
		font-size: 15px;
	}
	.sdys_lb_img{
		right: 10px;
        top: 20px;
	}
	.sdys_lb_img img{
		width: 40px;
	}
	
	
	.sy .about-section .about-content h6{
		font-size: 20px;
	}
	
	
	.about-wrapper{
		margin-top: 0px;
	}
	.about-wrapper .mt-5{
		margin-top: 1rem !important;
	}
	.sy_about .about-wrapper .about-content{
		padding: 0;
	}
	.about-wrapper .about-content{
		margin-right: 0px;
		
	}
	
	.abouts_titles h4:before{
		bottom: 5px;
	}
	.sy-yycj-wz .nr{
		margin-top: 30px;
	}

	
	.section-title{
		margin-bottom: 20px;
	}
	.section-title h3{
		padding-top: 0px;
		font-size: 26px;
		margin-bottom: -10px;
	}
	.section-title h2{
		font-size: 22px;
		padding-top: 0px;
	}
	.about-section .syjj_nr p{
		font-size: 16px;
		line-height: 30px;
	}
	.about-icon-box-lb{
		width: 33.33%;
	}
	.about-icon-box-lb:before{
		display: none;
	}
	.abouts_icon{
		padding-right: 10px;
		float: none;
		display: inline-block;
        height: auto;
	}
	.abouts_icon img{
		width: 30px;
	}
	.about-icon-box-lb .abouts_titles{
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	
	.abouts_titles h4{
		font-size: 24px;
	}
	.abouts_titles h4 i{
		font-size:12px;
	}
	.abouts_titles p{
		font-size: 12px;
		line-height: 1;
		margin: 10px 0 0;
	}
	.about-section .about-icon-box{
		padding: 40px 0px 20px 0px;
        margin-top: 0px;
		text-align: center;
	}
	
	
	
	.about-wrapper .about-left-items{
		padding-top: 60px;
		margin-bottom: 40px;
	}
	.about_sdys_lb .wk .hr{
		width: 100px;
    height: 2px;
	}
	.sy_project_bt .hr{
		margin-top: -6px;
		width: 100px;
        height: 4px;
	}
	.service-section .sy_project_bt .hr{
		margin-top: -6px;
		width: 100px;
        height: 4px;
	}
	.sy-txrzzs .sy_project_bt .hr{
		margin: -6px auto 0 auto;
	}
	.syqyys-wk{
		height: auto;
	}
	.syqyys-slide{
		background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
	}
	.syqyys-about-wk h3{
		font-size: 18px;
	}
	.syqyys-about-wk p{
		width: 100%;
		font-size: 15px;
		line-height: 26px;
	}
	.syqyys-about-wk .about-button{
		margin-top: 30px;
    margin-bottom: 30px;
	}
	
	
	.syqyys-about-icon{
		padding-left: 20px;
	}
	.syqyys-about{
		padding: 20px 15px 20px 15px;
		position: relative;
	}
	.syqyys-title img{
		width: 30px;
	}
	.syqyys-title p{
		font-size: 18px;
	}
	.syqyys-section .sy_project_bt .section-title h2{
		padding-bottom: 20px;
	}
	.syqyys-about-wk img{
	width: 40px;
	}
	
	.sy-yycj-wz .bt h3{
		font-size: 22px;
	}
	
	
	
	.xzwmly_wznr{
		margin-top: 20px;
	}
	.xzwmly_wznr h5{
		font-size: 16px;
		line-height: 30px;
	}
	.xzwmly_icolb{
		margin-top: 20px;
	}
	.xzwmly_iconnr{
		padding-right: 30px;
	}
	.xzwmly_iconimg{
		width: 50px;
		height: 50px;	
	}
	.xzwmly_iconimg img{
		padding: 10px;
	}
	.xzwmly_iconnr p{
		font-size: 16px;
        padding-top: 10px;
	}
	.xzwmly_ljgd{
		margin-top: 60px;
	}
	
	.sy_project_bt .section-title h2{
		font-size: 20px;
		padding-top: 10px;
	}
	
	.sy-zzzs .sy_project_bt .section-title h6{
		font-size: 14px;
	}
	
	.sy_project_bt h6{
		font-size: 14px;
    padding-left: 0px;
	}
	
	.zzzsp-items-bt{
		margin-top: 20px;
	}
	.zzzsp-items-bt a img{
		width: 30px;
	}
	.zzzsp-items-bt a p{
		font-size: 16px;
	}
	.wmdys-bgimg_lb img{
		width: auto;
    height: 100%;
	}
	.wmdys-section .about-button .theme-btn span{
		font-size: 14px;
	}
	.about-button .theme-btn i{
		width: 30px;
    height: 30px;
    line-height: 30px;
	}
	.scjd-imgfr{
		margin-top: 20px;
	}
	.scjd-imgbt{
		padding: 10px 0;
	}
	.scjd-nimgfr{
		margin-bottom: 20px;
	}
	.sy_cpzx_nav{
		margin: 20px 0 auto auto;
	}
	.sy_project_bt .section-title .bgyd{
		width: 30px;
        height: 30px;
        left: -10px;
	}
	.sy-cptjss{
		display: none;
	}
	
	.sy_cpzx_nav ul{
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.sy_cpzx_nav ul li{
		margin-bottom: 10px;
	}
	.sy_cpzx_nav ul li a{
		padding: 5px 10px;
		font-size: 16px;
	}
	.project-wrapper{
		padding-top: 0px;
	}
	
	
	.project-wrapper .array-button.radius-none .array-prev{
		margin-left: 0px;
	}
	.project-wrapper .array-button.radius-none .array-next{
		margin-right: 0px;
	}
	
	.ppzs_logolb1{
		position: relative;
	}
	.ppzs_logolb{
		width: 50%;
	}
	.ppzs_logolb1 .wk{
		clip-path:none;
	}
	.ppzs_logolb1 .wk img{
		max-width: 100%;
		
	}
	.ppzs_logolb .wk img{
		width: 80%;
		height: auto;
	}
	.ppzs_logolb .wk p{
		margin-top: 10px;
    font-size: 20px;
	}
	

	
	.sy_qyys_nav_lb .wz .gd a{
		width: 30px;
    height: 30px;
    line-height: 30px;
	}
	.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .wz .gd{
		margin-top: 5px;
	}
	.sy_qyys_nav_lb .wz .gd{
		margin-top: 0px;
	}
	.sy_qyys_nav_lb .wz h3{
		font-size: 15px;
	}
	.sy_qyys_dhjs{
		height: 180px;
		margin: -80px 0 20px 0;
	}
	
	.sy_qyys_nav_lb{
		padding: 20px 10px;
	}
	.sy_qyys_nav_lb .sz_tb .sz{
		font-size: 20px;
	}
	.sy_qyys_nav_lb .sz_tb img,.sy_qyys_nav_lb .sz_tb2 img{
		width: 30px;
	}
	
	.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb{
		padding: 30px 10px;
	}
	.syqyysnav_lb.swiper-slide-thumb-active .sy_qyys_nav_lb .wz h3{
		font-size: 15px;
		line-height: 1.2;
		
	}
	.syqyysnav_lb.swiper-slide-thumb-active{
		flex: 1.5 !important;
	}
	
	
	
	
	
	.sy-gcjd-lbwk{
		display: block;
	}
	.sy-gcjd-lbfl{
		width: 100%;
		display: flex;
		gap:10px;
	}
	
	.lbfl_img{
		width: 50%;
		margin-bottom: 0px;
	}
	
	.sy-gcjd-lbfr{
		width: 100%;
		margin-top: 30px;
	}
	.sy-gcjd-lbfr .lbfr_wz{
		padding: 10px 20px;
	}
	.sy-gcjd-lbfr .lbfr_bt p{
		font-size: 18px;
	}
	
	.sy-gcjd-lbfr .array-button.radius-none .array-prev, .sy-gcjd-lbfr .array-button.radius-none .array-next{
		width: 40px;
        height: 40px;
        line-height: 40px;
	}
	
	
	.jsys-nr{
		padding-bottom: 20px;
	}
	.jsys-nr_img .swiper-dot{
		display: none;
	}
	.jsys-nr_wz{
		position: static;
		padding: 30px 20px;
		width: auto;
	}
	.jsys-nr_wzlb h1{
		font-size: 40px;
    line-height: 1;
    margin-bottom: 20px;
	}
	.jsys-nr_wzlb h3{
		font-size: 24px;
        margin-bottom: 20px;
	}
	
	.jsys-nr_wzlb p{
		font-size: 16px;
		line-height: 30px;
	}
	.jsys-nr_wz .array-button{
		margin-top: 20px;
	}
	.hzzj-section .section-title h3{
		padding-top: 0px;
    font-size: 26px;
    margin-bottom: -10px;
	}
	
	.hzzj-section .single-team-items .team-image{
		height: auto;
	}
	.hzzj-section .single-team-items{
		border-radius:10px;
	}
	.team-hzzjnr{
		padding: 40px 20px 20px;
	}
	.team-hzzjnr-wz p{
		font-size: 15px;
		line-height: 28px;
	}
	
	.omxszs-section .section-title h3{
				padding-top: 0px;
    font-size: 26px;
    margin-bottom: -10px;
	}
	
	.news_frlb_wz{
		padding: 40px 20px 30px 20px;
	}
	
	.news_fllb .wk{
		display: block;
	}
	.news_fllb_img{
		width:100%;
		margin-bottom: 10px;
	}
	.news_fllb_wz{
		width:100%;
		padding-left:0px 
	}
	
	.news_fllb_wz h3{
		font-size: 17px;
		margin-top: 10px;
	}
	
	.news_fllb_wz p.js{
		font-size: 14px;
		line-height: 24px;
	}
	.news-card-items{
		margin-top:0;
	}
	
	
	.ny_about .about-wrapper .about-left-items .about-image-2{
		max-width: 100%;
	}
	
	.sy_cccd_bt{
		top: 10%;
	}
	.sy_cccd_dh{
		width: 100%;
		height: 50%;
	}
	.cccd_nrwk{
		margin: 35% 0 auto 0;
	}
	.cccd_button{
		margin: 20px 0 auto auto;
	}
	.cccd_dh_container{
		padding-left: 20px;
	}
	.sy_cccd_dh .section-title{
		margin-top: 40px;
	}
	.sy_cccd_dh .section-title .dhbt_1{
		padding-top: 10px;
	}
	.sy_cccd_dh .section-title h3{
		padding-top: 10px;
		font-size: 26px;
	}
	.section-title h3.dhbt_1 span{
		font-size: 26px;
	}
	.cccd_dh_nav .swiper-slide{
		height: 60px;
	}
	.cccd_nav_lb{
		height: auto;
		
	}
	.cccd_nrtxt p{
		font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
	}
	.cccd_nav_lb .wk{
		
		padding: 10px 10px 10px 10px;
	}
	.cccd_nav_lb .wk .img{
		padding-right: 5px;
		margin: 0 0;
	}
	.cccd_nav_lb .wk .img img{
		max-width: 20px;
	}
	
	.cccd_nav_lb .wk h3{
		font-size: 14px;
		line-height: 1.5;
	}
	
	.sbzs_nrlbnr{
		display: block;
	}
	.sbzs_nrlb_img{
		width: 100%;
		height: 300px;
	}
	.sbzs_nrlb_txt{
		width: 100%;
	}
	.sbzs_nrlb_txt .wk{
		margin: 0;
		padding: 20px 10px;
	}
	
	.ny_qywh .portfolio-wrapper-3 .portfolio-content p{
		font-size: 16px;
    line-height: 30px;
	}
	.qysp_video{
		height: 300px;
	}
	.qysp_video .bt h3{
		font-size: 30px;
	}
	.qysp_video .bt p{
		font-size: 14px;
	}
	
	.nrlb_txt_wz p{
		margin-top: 20px;
		width: 100%;
	}
	.nrlb_txt_icon img{
		width: 60px;
    height: auto;
	}
	.nrlb_txt_wz{
		margin-top: 20px;
	}
	.nrlb_txt_gd{
		margin-top: 20px;
		padding-bottom: 10px;
	}
	
	.ppjs_dgpp{
		padding-top: 60px
	}
	.ppjs_bt{
		height: 200px;
	}
	.ppjs_btwz{
		height: 82%;
	}
	.ppjs_btwz h2{
		font-size: 26px;
	}
	.ppjs_btwz p{
		padding-left: 10px;
		font-size: 12px;
        line-height: 1.2;
	}
	.ppjs_btwz p br{
		display: inherit;
	}
	
	.about-wrapper .about-left-items .about-image-2 .client-items{
		top: -40px;
		width: 80%;
        left: 0;
	}
	.ny_about .about-wrapper .about-content{
		margin-left: 0px;
		margin-right: 0px;
		padding: 0;
	}
	
	.nyfzlc-section{
		
	}
	.nyfzlc-section .hero-content{
		padding: 25px 0 25px 0;
	}
	.nyfzlc-section .hero-content h5{
		padding: 10px 0px;
	}
	.nyfzlc-section.hero-3 .hero-slider-items{
		padding: 40px 10px;
		margin-right: 0;
	}
	.nyfzlc-nr h3{
		font-size: 18px;
		padding-bottom:10px;
	}
	.nyfzlc-nr h5{
		padding-left:0;
	}
	.nyfzlc-section.hero-3 .hero-slider-items:after{
		top: 0%;
		right: -20px;
	}
	.nyfzlc-lb{
		padding: 30px 60px 30px 10px;
		margin-left: 10px;
	}
	
	
	.hzpt-section .section-title h6{
		font-size: 25px;
	}
	.hzpt-section .section-title p{
		font-size: 14px;
	}
	.brand-wznr{
		margin-top:15px;
		padding:10px 0;
	}
	.brand-wznr h5{
		font-size: 18px;
	}
	
	.nyqyys_sz{
		width: 130px;
    height: 130px 
	}
	.nyqyys_sz h6{
		font-size: 30px;
	}
	.nyqyys_wz h2{
		margin-top: 25px;
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	.nyqyys_wz p{
		font-size: 16px;
		padding: 0;
	}
	
	.ppjs_jjdgpp_nr{
		margin-top: 40px;
		padding: 0 0;
		text-align: left;
	}
	.ppjs_jjdgpp_nr p{
		font-size: 16px;
	}
	.ppjs_jj_zs{
		padding: 15px;
		margin-top: -2%;
	}
	
	.ppjs_jjdgpp_zslbwz{
		top: 15%;
		height: auto;
	}
	.ppjs_jjdgpp_zslbwz .wk{
		padding-left: 0;
	}
	.ppjs_jjdgpp_zslbwz h2{
		font-size: 30px;
	}
	.ppjs_jjdgpp_zslbwz p{
		font-size: 16px;
	}
	
	.ppjs_mgpp_img .section-title h2{
		font-size: 20px;
        padding-bottom: 0px;
	}
	
	.nrp.app{
	   display: inline-block;
		padding-top: 22%;
}
.nrp.web{
	display: none;
}
	.syqyys-section .sy_project_bt{
		top: 10%;
	}
	 .nrp.app p{
		color:#fff;
		font-size: 16px;
		line-height: 30px;
	}
	
	
	.shop-details-section .container{
		overflow: hidden;
	}
	
	
	.breadcrumb-wrapper .page-heading{
		margin-top: 90px;
		margin-bottom: 20px;
	}
	.contact-info-wrapper .contact-info-content{
		padding: 40px 10px;
	}
	.contact-info-wrapper .contact-info-content h2{
		font-size: 26px;
		padding-bottom: 10px;
	}
	.contact-info-wrapper .contact-info-content .contact-info-area .contact-info-items{
		display: flex;
		}
	.contact-info-wrapper .contact-info-content .contact-info-area .contact-info-items .icon{
	margin: auto 0;	
	}
	.contact-info-wrapper .contact-info-content .contact-info-area .contact-info-items .content{
		margin: auto 0 auto 15px;
	}
	.contact-info-wrapper .contact-info-content h3{
		font-size: 18px;
	}
	.contact-wrapper-3 .contact-content{
		padding: 40px 10px 40px 10px;
	}
	
	.sy-gcjd-lban{
		margin-top: 40px;
	}
	.sy-gcjd-lban .radius-none .array-prev, .sy-gcjd-lban .radius-none .array-next{
		width: 46px;
    height: 46px;
    line-height: 46px;
	}
	.sy-gcjd-lban .array-button{
		gap: 10px;
	}
	
	.footer-top{
		display: block;
	}
	
	.footer_logo{
		width: 80%;
	}
	.footer-content{
		width: 100%;
	}
	.footer_tel{
		margin-top: 20px;
	}
	.f_telimg{
		margin-right: 20px;
	}
	.f_telwz p{
		font-size: 20px;
	}
	.f_telwz h3{
		font-size: 20px;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info-area .contact-items .content h4{
		font-size: 16px;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info-area .contact-items:not(:last-child){
		margin-bottom: 10px;
	}
	.footer-nr{
		padding: 30px 0 20px 0;
	}
	.footer-bottom.style-2 .footer-wrapper{
		margin-top: 0px;
	}
	
	
	.footer-widgets-wrapper.style-2 .single-footer-widget{
		margin-top: 10px;
    margin-bottom: 20px;
	}
	

	
	.footer-dh{
		display: none;
	}
	.footer-section .shape-img{
		bottom: 110px;
		opacity: 0.3;
	}
	.footer-section .shape-img img{
		height: 180px;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-content h3{
		font-size: 25px;
        margin-bottom: 20px;
	}
	.swiper-dot{
		margin-top: 20px;
    margin-bottom: 20px;
	}
	.shop-card-items .shop-nr{
		padding: 10px 0px;
		width: 100%;
	}
	.shop-nr_logo img{
		height: 55px;
	}
	.shop-nrfr{
		
	}
	.shop-card-items .shop-nr p{
		font-size: 15px;
	}
	.single-team-items .team-image{
		height:auto;
	}
	.shop-details-wrapper .product-details-content h2{
		font-size: 26px;
	}
	.omxszs-section .team-image{
		border-radius: 10px;
	}
	.achievement-section .achievement-content p{
		font-size: 16px;
		line-height: 30px;
	}
	.about-image-items{
	  margin-top: 40px;	
	}
	.project-nav{
		display: block;
	}
	
	.project-nav_a{
		padding: 10px 10px;
		border-radius: 10px;
		margin: 0 5px 10px 5px;
	}
	.cccd_nrtxt{
		width: 100%;
	}
	.cta-banner-wrapper .content h2{
		
		font-size: 26px;
	}
	.cta-banner-wrapper .content p{
		font-size: 14px;
	}
	.section-title span{
		font-size: 14px;
	}
	.ny_zshz .section-title span{
		font-size: 14px;
	}
	.ny_zshz  .service-items .content{
		margin-top: 10px;
	}
	.ny_zshz .service-items{
		padding: 30px 20px;
	}
	.zshz3_hzhb_nr h6{
		margin-bottom: 10px;
	}
	.zshz3_hzcj_nr p{
		font-size: 18px;
		line-height: 36px;
	}
	
	.blog-wrapper .single-blog-post .post-content h2{
		font-size: 16px;
	}
	.nyfzlc-section{
		
	}
	.nyfzlc-section .swiper{
		height: 70vh;
		overflow: hidden;
		background: url(/uploads/home/about/fzlcbg_12.png) repeat-Y left top;
	}
	.nyfzlc-section .swiper::after{
		display: none;
	}
	.nyfzlc-section .swiper-wrapper{
		border-top: none;
		
	}
	.nyfzlc-section .swiper-slide:nth-child(even) .nyfzlc-lb{
		position: unset;
		border-left: none;
	}
	.nyfzlc-section .swiper-slide:nth-child(even) .nyfzlc-lb-img{
		bottom: auto; 
        top: -20px;
	}
	.nyfzlc-section .swiper-slide:nth-child(odd) .nyfzlc-lb{
		border-left:none;
	}
	.nyfzlc-section .swiper::after{
	
	position: absolute;
    content: "";
    bottom: 0px;
    width: 1px;
    height: 100%;
    left: 30px;
    background: #006edd;
}
	
.ny_fzlc_img{
		display: none;
	}
	
	.nyfzlc-lb{
		border-top: 1px solid #6c83c8;
	}
	.nyfzlc-lb-img{
		bottom:auto;
		top: -20px;
		left: -30px;
	}
	.ny_fzlc_lb{
		width: 100%;
	}
	.nyfzlc-section{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.nyfzlc-section .hero-content{
		padding: 25px 0 25px 0;
	}
	
	.nyfzlc-section.hero-3 .hero-content h1{
		font-size: 22px;
	}
	
	.nyfzlc-section .hero-content h5{
		padding: 10px 0px;
		font-size: 20px;
	}
	.nyfzlc-section.hero-3 .hero-slider-items{
		padding: 40px 10px;
		margin-right: 0;
		margin-left: 20px;
	}
	.nyfzlc-nr h3{
		font-size: 18px;
		padding-bottom:10px;
	}
	.nyfzlc-nr h5{
		padding-left:0;
		font-size: 22px;
		margin-top: 10px;
	}
	.nyfzlc-section.hero-3 .hero-slider-items:after{
		top: 0%;
		right: -20px;
	}
	.nyfzlc-section.hero-3 .hero-slider-items:before{
		top: 0%;
	}
	.nyfzlc-section .swiper{
		padding: 30px 30px 0px;
		margin: 10px 0 40px;
	}
	.nyfzlc-lb{
		padding: 30px 60px 30px 10px;
		margin-left: 0px;
		display: block;
	}
	.nyfzlc-nr p{
		font-size: 15px;
	}
	
	
	.footer-top img{
		height: auto;
		max-width: 100%;
	}
	
	.sy_gsyj_bt .cccd_button{
		margin: 0;
	}
	
	.shop-card-items .shop-nr p span{
		display: none;
	}
	.service-details-wrapper .main-sidebar .bg-image .contact-text{
		display: none;
	}
	.sy-hzhb-lbt{
		width: 33.33%;
    padding: 5px 5px;
	}
	.footer_dbby .by p{
		font-size: 16px;
		line-height: 1.5;
	}
	.footer_dbby .wk{
		flex-wrap: wrap;
	}
	.footer_dbby .wk .by{
		margin-bottom: 10px;
		width: 100%;
	}
	.footer_dbby .about-button .theme-btn{
		padding: 5px 5px 5px 10px;
	}
	.footer-section{
		padding-top: 0px 
	}
	
	
}

@media (max-width: 580px) {
	.header-1 .mega-menu-wrapper .header-main .header-left .logo{
		width: 100%;
	}
	
	
	.nrp.app{
		padding-top: 38%;
	}
}

/* rotateme*/
.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}


/* animation */
.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}
.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bouncein,.a-bounceinT,.a-bounceinR,.a-bounceinB,.a-bounceinL,.a-rotatein,.a-rotateinLT,.a-rotateinLB,.a-rotateinRT,.a-rotateinRB,.a-flipin,.a-flipinX,.a-flipinY{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-fadeout,.a-fadeoutT,.a-fadeoutR,.a-fadeoutB,.a-fadeoutL,.a-bounceout,.a-bounceoutT,.a-bounceoutR,.a-bounceoutB,.a-bounceoutL,.a-rotateout,.a-rotateoutLT,.a-rotateoutLB,.a-rotateoutRT,.a-rotateoutRB,.a-flipout,.a-flipoutX,.a-flipoutY{-webkit-animation:1s ease-in forwards;-moz-animation:1s ease-in forwards;-ms-animation:1s ease-in forwards;animation:1s ease-in forwards;}
/* 淡入 */
.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}
/* 淡入-从上 */
.a-fadeinT{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
/* 淡入-从右 */
.a-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
/* 淡入-从下 */
.a-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
/* 淡入-从左 */
.a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
/* 淡出 */
.a-fadeout{-webkit-animation-name:fadeout;-moz-animation-name:fadeout;-ms-animation-name:fadeout;animation-name:fadeout;}
/* 淡出-向上 */
.a-fadeoutT{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}
/* 淡出-向右 */
.a-fadeoutR{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;}
/* 淡出-向下 */
.a-fadeoutB{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}
/* 淡出-向左 */
.a-fadeoutL{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL;}
/* 弹跳 */
.a-bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;animation-name:bounce;}
/* 弹入 */
.a-bouncein{-webkit-animation-name:bouncein;-moz-animation-name:bouncein;-ms-animation-name:bouncein;animation-name:bouncein;}
/* 弹入-从上 */
.a-bounceinT{-webkit-animation-name:bounceinT;-moz-animation-name:bounceinT;-ms-animation-name:bounceinT;animation-name:bounceinT;}
/* 弹入-从右 */
.a-bounceinR{-webkit-animation-name:bounceinR;-moz-animation-name:bounceinR;-ms-animation-name:bounceinR;animation-name:bounceinR;}
/* 弹入-从下 */
.a-bounceinB{-webkit-animation-name:bounceinB;-moz-animation-name:bounceinB;-ms-animation-name:bounceinB;animation-name:bounceinB;}
/* 弹入-从左 */
.a-bounceinL{-webkit-animation-name:bounceinL;-moz-animation-name:bounceinL;-ms-animation-name:bounceinL;animation-name:bounceinL;}
/* 弹出 */
.a-bounceout{-webkit-animation-name:bounceout;-moz-animation-name:bounceout;-ms-animation-name:bounceout;animation-name:bounceout;}
/* 弹出-向上 */
.a-bounceoutT{-webkit-animation-name:bounceoutT;-moz-animation-name:bounceoutT;-ms-animation-name:bounceoutT;animation-name:bounceoutT;}
/* 弹出-向右 */
.a-bounceoutR{-webkit-animation-name:bounceoutR;-moz-animation-name:bounceoutR;-ms-animation-name:bounceoutR;animation-name:bounceoutR;}
/* 弹出-向下 */
.a-bounceoutB{-webkit-animation-name:bounceoutB;-moz-animation-name:bounceoutB;-ms-animation-name:bounceoutB;animation-name:bounceoutB;}
/* 弹出-向左 */
.a-bounceoutL{-webkit-animation-name:bounceoutL;-moz-animation-name:bounceoutL;-ms-animation-name:bounceoutL;animation-name:bounceoutL;}
/* 转入 */
.a-rotatein{-webkit-animation-name:rotatein;-moz-animation-name:rotatein;-ms-animation-name:rotatein;animation-name:rotatein;}
/* 转入-从左上 */
.a-rotateinLT{-webkit-animation-name:rotateinLT;-moz-animation-name:rotateinLT;-ms-animation-name:rotateinLT;animation-name:rotateinLT;}
/* 转入-从左下 */
.a-rotateinLB{-webkit-animation-name:rotateinLB;-moz-animation-name:rotateinLB;-ms-animation-name:rotateinLB;animation-name:rotateinLB;}
/* 转入-从右上 */
.a-rotateinRT{-webkit-animation-name:rotateinRT;-moz-animation-name:rotateinRT;-ms-animation-name:rotateinRT;animation-name:rotateinRT;}
/* 转入-从右下*/
.a-rotateinRB{-webkit-animation-name:rotateinRB;-moz-animation-name:rotateinRB;-ms-animation-name:rotateinRB;animation-name:rotateinRB;}
/* 转出 */
.a-rotateout{-webkit-animation-name:rotateout;-moz-animation-name:rotateout;-ms-animation-name:rotateout;animation-name:rotateout;}
/* 转出-向左上 */
.a-rotateoutLT{-webkit-animation-name:rotateoutLT;-moz-animation-name:rotateoutLT;-ms-animation-name:rotateoutLT;animation-name:rotateoutLT;}
/* 转出-向左下 */
.a-rotateoutLB{-webkit-animation-name:rotateoutLB;-moz-animation-name:rotateoutLB;-ms-animation-name:rotateoutLB;animation-name:rotateoutLB;}
/* 转出-向右上 */
.a-rotateoutRT{-webkit-animation-name:rotateoutRT;-moz-animation-name:rotateoutRT;-ms-animation-name:rotateoutRT;animation-name:rotateoutRT;}
/* 转出-向右下 */
.a-rotateoutRB{-webkit-animation-name:rotateoutRB;-moz-animation-name:rotateoutRB;-ms-animation-name:rotateoutRB;animation-name:rotateoutRB;}
/* 翻转 */
.a-flip{-webkit-animation-name:flip;-moz-animation-name:flip;-ms-animation-name:flip;animation-name:flip;}
/* 翻入-X轴 */
.a-flipinX{-webkit-animation-name:flipinX;-moz-animation-name:flipinX;-ms-animation-name:flipinX;animation-name:flipinX;}
/* 翻入-Y轴 */
.a-flipin,.a-flipinY{-webkit-animation-name:flipinY;-moz-animation-name:flipinY;-ms-animation-name:flipinY;animation-name:flipinY;}
/* 翻出-X轴 */
.a-flipoutX{-webkit-animation-name:flipoutX;-moz-animation-name:flipoutX;-ms-animation-name:flipoutX;animation-name:flipoutX;}
/* 翻出-Y轴 */
.a-flipout,.a-flipoutY{-webkit-animation-name:flipoutY;-moz-animation-name:flipoutY;-ms-animation-name:flipoutY;animation-name:flipoutY;}
/* 闪烁 */
.a-flash{-webkit-animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;animation-name:flash;}
/* 震颤 */
.a-shake{-webkit-animation-name:shake;-moz-animation-name:shake;-ms-animation-name:shake;animation-name:shake;}
/* 摇摆 */
.a-swing{-webkit-animation-name:swing;-moz-animation-name:swing;-ms-animation-name:swing;animation-name:swing;}
/* 摇晃 */
.a-wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-ms-animation-name:wobble;animation-name:wobble;}
/* 震铃 */
.a-ring{-webkit-animation-name:ring;-moz-animation-name:ring;-ms-animation-name:ring;animation-name:ring;}
/* define */
/* 淡入 */
@-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
/* 淡入-从上 */
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-100px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从右 */
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡入-从下 */
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(100px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从左 */
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡出 */
@-webkit-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-moz-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-ms-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
/* 淡出-向上 */
@-webkit-keyframes fadeoutT{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(-100px);}
}
@-moz-keyframes fadeoutT{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(-100px);}
}
@-ms-keyframes fadeoutT{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(-100px);}
}
@keyframes fadeoutT{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(-100px);}
}
/* 淡出-向右 */
@-webkit-keyframes fadeoutR{
    0%{opacity:1;-webkit-transform:translateX(0);}
    100%{opacity:0;-webkit-transform:translateX(100px);}
}
@-moz-keyframes fadeoutR{
    0%{opacity:1;-moz-transform:translateX(0);}
    100%{opacity:0;-moz-transform:translateX(100px);}
}
@-ms-keyframes fadeoutR{
    0%{opacity:1;-ms-transform:translateX(0);}
    100%{opacity:0;-ms-transform:translateX(100px);}
}
@keyframes fadeoutR{
    0%{opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(100px);}
}
/* 淡出-向下 */
@-webkit-keyframes fadeoutB{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(100px);}
}
@-moz-keyframes fadeoutB{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(100px);}
}
@-ms-keyframes fadeoutB{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(100px);}
}
@keyframes fadeoutB{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(100px);}
}
/* 淡出-向左 */
@-webkit-keyframes fadeoutL{
    0%{opacity:1;-webkit-transform:translateX(0);}
    100%{opacity:0;-webkit-transform:translateX(-100px);}
}
@-moz-keyframes fadeoutL{
    0%{opacity:1;-moz-transform:translateX(0);}
    100%{opacity:0;-moz-transform:translateX(-100px);}
}
@-ms-keyframes fadeoutL{
    0%{opacity:1;-ms-transform:translateX(0);}
    100%{opacity:0;-ms-transform:translateX(-100px);}
}
@keyframes fadeoutL{
    0%{opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(-100px);}
}
/* 弹跳 */
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-30px);}
    60%{-webkit-transform:translateY(-15px);}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0);}
    40%{-moz-transform:translateY(-30px);}
    60%{-moz-transform:translateY(-15px);}
}
@-ms-keyframes bounce{
    0%,20%,50%,80%,100%{-ms-transform:translateY(0);}
    40%{-ms-transform:translateY(-30px);}
    60%{-ms-transform:translateY(-15px);}
}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-30px);}
    60%{transform:translateY(-15px);}
}
/* 弹入 */
@-webkit-keyframes bouncein{
    0%{opacity:0;-webkit-transform:scale(0.3);}
    50%{opacity:1;-webkit-transform:scale(1.05);}
    70%{-webkit-transform:scale(0.9);}
    100%{-webkit-transform:scale(1);}
}
@-moz-keyframes bouncein{
    0%{opacity:0;-moz-transform:scale(0.3);}
    50%{opacity:1;-moz-transform:scale(1.05);}
    70%{-moz-transform:scale(0.9);}
    100%{-moz-transform:scale(1);}
}
@-ms-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(0.3);}
    50%{opacity:1;-ms-transform:scale(1.05);}
    70%{-ms-transform:scale(0.9);}
    100%{-ms-transform:scale(1);}
}
@keyframes bouncein{
    0%{opacity:0;transform:scale(0.3);}
    50%{opacity:1;transform:scale(1.05);}
    70%{transform:scale(0.9);}
    100%{transform:scale(1);}
}
/* 弹入-从上 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    60%{opacity:1;-webkit-transform:translateY(30px);}
    80%{-webkit-transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    60%{opacity:1;-moz-transform:translateY(30px);}
    80%{-moz-transform:translateY(-10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    60%{opacity:1;-ms-transform:translateY(30px);}
    80%{-ms-transform:translateY(-10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    60%{opacity:1;transform:translateY(30px);}
    80%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}
/* 弹入-从右 */
@-webkit-keyframes bounceinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    60%{opacity:1;-webkit-transform:translateX(-30px);}
    80%{-webkit-transform:translateX(10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    60%{opacity:1;-moz-transform:translateX(-30px);}
    80%{-moz-transform:translateX(10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    60%{opacity:1;-ms-transform:translateX(-30px);}
    80%{-ms-transform:translateX(10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinR{
    0%{opacity:0;transform:translateX(100px);}
    60%{opacity:1;transform:translateX(-30px);}
    80%{transform:translateX(10px);}
    100%{transform:translateX(0);}
}
/* 弹入-从下 */
@-webkit-keyframes bounceinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    60%{opacity:1;-webkit-transform:translateY(-30px);}
    80%{-webkit-transform:translateY(10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    60%{opacity:1;-moz-transform:translateY(-30px);}
    80%{-moz-transform:translateY(10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    60%{opacity:1;-ms-transform:translateY(-30px);}
    80%{-ms-transform:translateY(10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinB{
    0%{opacity:0;transform:translateY(100px);}
    60%{opacity:1;transform:translateY(-30px);}
    80%{transform:translateY(10px);}
    100%{transform:translateY(0);}
}
/* 弹入-从左 */
@-webkit-keyframes bounceinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    60%{opacity:1;-webkit-transform:translateX(30px);}
    80%{-webkit-transform:translateX(-10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    60%{opacity:1;-moz-transform:translateX(30px);}
    80%{-moz-transform:translateX(-10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    60%{opacity:1;-ms-transform:translateX(30px);}
    80%{-ms-transform:translateX(-10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinL{
    0%{opacity:0;transform:translateX(-100px);}
    60%{opacity:1;transform:translateX(30px);}
    80%{transform:translateX(-10px);}
    100%{transform:translateX(0);}
}
/* 弹出 */
@-webkit-keyframes bounceout{
    0%{-webkit-transform:scale(1);}
    25%{-webkit-transform:scale(0.95);}
    50%{opacity:1;-webkit-transform:scale(1.1);}
    100%{opacity:0;-webkit-transform:scale(0.3);}
}
@-moz-keyframes bounceout{
    0%{-moz-transform:scale(1);}
    25%{-moz-transform:scale(0.95);}
    50%{opacity:1;-moz-transform:scale(1.1);}
    100%{opacity:0;-moz-transform:scale(0.3);}
}
@-ms-keyframes bounceout{
    0%{-ms-transform:scale(1);}
    25%{-ms-transform:scale(0.95);}
    50%{opacity:1;-ms-transform:scale(1.1);}
    100%{opacity:0;-ms-transform:scale(0.3);}
}
@keyframes bounceout{
    0%{transform:scale(1);}
    25%{transform:scale(0.95);}
    50%{opacity:1;transform:scale(1.1);}
    100%{opacity:0;transform:scale(0.3);}
}
/* 弹出-向上*/
@-webkit-keyframes bounceoutT{
    0%{-webkit-transform:translateY(0);}
    20%{opacity:1;-webkit-transform:translateY(20px);}
    100%{opacity:0;-webkit-transform:translateY(-100px);}
}
@-moz-keyframes bounceoutT{
    0%{-moz-transform:translateY(0);}
    20%{opacity:1;-moz-transform:translateY(20px);}
    100%{opacity:0;-moz-transform:translateY(-100px);}
}
@-ms-keyframes bounceoutT{
    0%{-ms-transform:translateY(0);}
    20%{opacity:1;-ms-transform:translateY(20px);}
    100%{opacity:0;-ms-transform:translateY(-100px);}
}
@keyframes bounceoutT{
    0%{transform:translateY(0);}
    20%{opacity:1;transform:translateY(20px);}
    100%{opacity:0;transform:translateY(-100px);}
}
/* 弹出-向右*/
@-webkit-keyframes bounceoutR{
    0%{-webkit-transform:translateX(0);}
    20%{opacity:1;-webkit-transform:translateX(-20px);}
    100%{opacity:0;-webkit-transform:translateX(100px);}
}
@-moz-keyframes bounceoutR{
    0%{-moz-transform:translateX(0);}
    20%{opacity:1;-moz-transform:translateX(-20px);}
    100%{opacity:0;-moz-transform:translateX(100px);}
}
@-ms-keyframes bounceoutR{
    0%{-ms-transform:translateX(0);}
    20%{opacity:1;-ms-transform:translateX(-20px);}
    100%{opacity:0;-ms-transform:translateX(100px);}
}
@keyframes bounceoutR{
    0%{transform:translateX(0);}
    20%{opacity:1;transform:translateX(-20px);}
    100%{opacity:0;transform:translateX(100px);}
}
/* 弹出-向下 */
@-webkit-keyframes bounceoutB{
    0%{-webkit-transform:translateY(0);}
    20%{opacity:1;-webkit-transform:translateY(-20px);}
    100%{opacity:0;-webkit-transform:translateY(100px);}
}
@-moz-keyframes bounceoutB{
    0%{-moz-transform:translateY(0);}
    20%{opacity:1;-moz-transform:translateY(-20px);}
    100%{opacity:0;-moz-transform:translateY(100px);}
}
@-ms-keyframes bounceoutB{
    0%{-ms-transform:translateY(0);}
    20%{opacity:1;-ms-transform:translateY(-20px);}
    100%{opacity:0;-ms-transform:translateY(100px);}
}
@keyframes bounceoutB{
    0%{transform:translateY(0);}
    20%{opacity:1;transform:translateY(-20px);}
    100%{opacity:0;transform:translateY(100px);}
}
/* 弹出-向左 */
@-webkit-keyframes bounceoutL{
    0%{-webkit-transform:translateX(0);}
    20%{opacity:1;-webkit-transform:translateX(20px);}
    100%{opacity:0;-webkit-transform:translateX(-100px);}
}
@-moz-keyframes bounceoutL{
    0%{-moz-transform:translateX(0);}
    20%{opacity:1;-moz-transform:translateX(20px);}
    100%{opacity:0;-moz-transform:translateX(-100px);}
}
@-ms-keyframes bounceoutL{
    0%{-ms-transform:translateX(0);}
    20%{opacity:1;-ms-transform:translateX(20px);}
    100%{opacity:0;-ms-transform:translateX(-100px);}
}
@keyframes bounceoutL{
    0%{transform:translateX(0);}
    20%{opacity:1;transform:translateX(20px);}
    100%{opacity:0;transform:translateX(-200px);}
}
/* 转入 */
@-webkit-keyframes rotatein{
    0%{opacity:0;-webkit-transform:rotate(-200deg);}
    100%{opacity:1;-webkit-transform:rotate(0);}
}
@-moz-keyframes rotatein{
    0%{opacity:0;-moz-transform:rotate(-200deg);}
    100%{opacity:1;-moz-transform:rotate(0);}
}
@-ms-keyframes rotatein{
    0%{opacity:0;-ms-transform:rotate(-200deg);}
    100%{opacity:1;-ms-transform:rotate(0);}
}
@keyframes rotatein{
    0%{opacity:0;transform:rotate(-200deg);}
    100%{opacity:1;transform:rotate(0);}
}
/* 转入-从左上 */
@-webkit-keyframes rotateinLT{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinLT{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinLT{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinLT{
    0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}
    100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从左下 */
@-webkit-keyframes rotateineftB{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateineftB{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateineftB{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateineftB{
    0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}
    100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从右上 */
@-webkit-keyframes rotateinRT{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinRT{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinRT{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinRT{
    0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}
    100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从右下*/
@-webkit-keyframes rotateinRB{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinRB{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinRB{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinRB{
    0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}
    100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
}
/* 转出 */
@-webkit-keyframes rotateout{
    0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}
}
@-moz-keyframes rotateout{
    0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}
}
@-ms-keyframes rotateout{
    0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}
}
@keyframes rotateout{
    0%{transform-origin:center center;transform:rotate(0);opacity:1;}
    100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}
}
/* 转出-向左上 */
@-webkit-keyframes rotateoutLT{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}
}
@-moz-keyframes rotateoutLT{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}
}
@-ms-keyframes rotateoutLT{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateoutLT{
    0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}
}
/* 转出-向左下 */
@-webkit-keyframes rotateoutLB{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}
}
@-moz-keyframes rotateoutLB{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}
}
@-ms-keyframes rotateoutLB{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0;}
}
@keyframes rotateoutLB{
    0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}
}
/* 转出-向右上 */
@-webkit-keyframes rotateoutRT{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}
}
@-moz-keyframes rotateoutRT{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}
}
@-ms-keyframes rotateoutRT{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0;}
}
@keyframes rotateoutRT{
    0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}
}
/* 转出-向右下 */
@-webkit-keyframes rotateoutBR{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}
}
@-moz-keyframes rotateoutBR{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}
}
@-ms-keyframes rotateoutBR{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateoutBR{
    0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}
}
/* 翻转 */
@-webkit-keyframes flip{
    0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out;}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out;}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;}
    80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in;}
    100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in;}
}
@-moz-keyframes flip{
    0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out;}
    40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out;}
    50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in;}
    80%{-moz-transform:perspective(400px) rotateY(360deg) scale(0.95);-moz-animation-timing-function:ease-in;}
    100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in;}
}
@-ms-keyframes flip{
    0%{-ms-transform:perspective(400px) rotateY(0);-ms-animation-timing-function:ease-out;}
    40%{-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg);-ms-animation-timing-function:ease-out;}
    50%{-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-animation-timing-function:ease-in;}
    80%{-ms-transform:perspective(400px) rotateY(360deg) scale(0.95);-ms-animation-timing-function:ease-in;}
    100%{-ms-transform:perspective(400px) scale(1);-ms-animation-timing-function:ease-in;}
}
@keyframes flip{
    0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out;}
    40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out;}
    50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in;}
    80%{transform:perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function:ease-in;}
    100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in;}
}
/* 翻入-X轴 */
@-webkit-keyframes flipinX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);}
    100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-moz-keyframes flipinX{
    0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateX(-10deg);}
    70%{-moz-transform:perspective(400px) rotateX(10deg);}
    100%{-moz-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-ms-keyframes flipinX{
    0%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-ms-transform:perspective(400px) rotateX(-10deg);}
    70%{-ms-transform:perspective(400px) rotateX(10deg);}
    100%{-ms-transform:perspective(400px) rotateX(0);opacity:1;}
}
@keyframes flipinX{
    0%{transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{transform:perspective(400px) rotateX(-10deg);}
    70%{transform:perspective(400px) rotateX(10deg);}
    100%{transform:perspective(400px) rotateX(0);opacity:1;}
}
/* 翻入-Y轴 */
@-webkit-keyframes flipinY{
    0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY{
    0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateY(-10deg);}
    70%{-moz-transform:perspective(400px) rotateY(10deg);}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-ms-keyframes flipinY{
    0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-ms-transform:perspective(400px) rotateY(-10deg);}
    70%{-ms-transform:perspective(400px) rotateY(10deg);}
    100%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}
}
@keyframes flipinY{
    0%{transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{transform:perspective(400px) rotateY(-10deg);}
    70%{transform:perspective(400px) rotateY(10deg);}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
/* 翻出-X轴 */
@-webkit-keyframes flipoutX{
    0%{-webkit-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-moz-keyframes flipoutX{
    0%{-moz-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-ms-keyframes flipoutX{
    0%{-ms-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipoutX{
    0%{transform:perspective(400px) rotateX(0);opacity:1;}
    100%{transform:perspective(400px) rotateX(90deg);opacity:0;}
}
/* 翻出-Y轴 */
@-webkit-keyframes flipoutY{
    0%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@-moz-keyframes flipoutY{
    0%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@-ms-keyframes flipoutY{
    0%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@keyframes flipoutY{
    0%{transform:perspective(400px) rotateY(0);opacity:1;}
    100%{transform:perspective(400px) rotateY(90deg);opacity:0;}
}
/* 闪烁 */
@-webkit-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@-moz-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@-ms-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
/* 震颤 */
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
    0%,100%{-moz-transform:translateX(0);}
    10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}
    20%,40%,60%,80%{-moz-transform:translateX(10px);}
}
@-ms-keyframes shake{
    0%,100%{-ms-transform:translateX(0);}
    10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}
    20%,40%,60%,80%{-ms-transform:translateX(10px);}
}
@keyframes shake{
    0%,100%{transform:translateX(0);}
    10%,30%,50%,70%,90%{transform:translateX(-10px);}
    20%,40%,60%,80%{transform:translateX(10px);}
}
/* 摇摆 */
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}
/* 摇晃 */
@-webkit-keyframes wobble{
    0%{-webkit-transform:translateX(0);}
    15%{-webkit-transform:translateX(-100px) rotate(-5deg);}
    30%{-webkit-transform:translateX(80px) rotate(3deg);}
    45%{-webkit-transform:translateX(-65px) rotate(-3deg);}
    60%{-webkit-transform:translateX(40px) rotate(2deg);}
    75%{-webkit-transform:translateX(-20px) rotate(-1deg);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes wobble{
    0%{-moz-transform:translateX(0);}
    15%{-moz-transform:translateX(-100px) rotate(-5deg);}
    30%{-moz-transform:translateX(80px) rotate(3deg);}
    45%{-moz-transform:translateX(-65px) rotate(-3deg);}
    60%{-moz-transform:translateX(40px) rotate(2deg);}
    75%{-moz-transform:translateX(-20px) rotate(-1deg);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes wobble{
    0%{-ms-transform:translateX(0);}
    15%{-ms-transform:translateX(-100px) rotate(-5deg);}
    30%{-ms-transform:translateX(80px) rotate(3deg);}
    45%{-ms-transform:translateX(-65px) rotate(-3deg);}
    60%{-ms-transform:translateX(40px) rotate(2deg);}
    75%{-ms-transform:translateX(-20px) rotate(-1deg);}
    100%{-ms-transform:translateX(0);}
}
@keyframes wobble{
    0%{transform:translateX(0);}
    15%{transform:translateX(-100px) rotate(-5deg);}
    30%{transform:translateX(80px) rotate(3deg);}
    45%{transform:translateX(-65px) rotate(-3deg);}
    60%{transform:translateX(40px) rotate(2deg);}
    75%{transform:translateX(-20px) rotate(-1deg);}
    100%{transform:translateX(0);}
}
/* 震铃 */
@-webkit-keyframes ring{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes ring{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}
@-ms-keyframes ring{
    0%{-ms-transform:scale(1);}
    10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}
    100%{-ms-transform:scale(1) rotate(0);}
}
@keyframes ring{
    0%{transform:scale(1);}
    10%,20%{transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
    100%{transform:scale(1) rotate(0);}
}