@charset "utf-8";
@font-face {
	font-family: 'myFont';
	src: url("/fonts/NotoSansHans-Regular.otf");
}

@font-face {
	font-family: 'font_bebas';
	src: url("/fonts/Bebas-Regular.ttf");
}
.fontLink{font-family:'myFont';}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none; max-width: 100%;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
abbr, acronym {border:none;font-variant:normal;}
a {color: #1a1a1a;}
input, button, textarea,
select, optgroup, option {font-size: inherit;font-style: inherit;font-weight: inherit;font-family:"Microsoft YaHei";resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;}
body {line-height: 1.5; font-family:"microsoft yahei",Arial,sans-serif; font-size:14px; color: #282828;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
.search  input:focus-within{
	border:1px solid #1d2088 !important;;
}
.search input:focus{border:1px solid #1d2088 !important;}
.mynr {
    text-align: center;
    padding: 10rem 0;
}
.mynr .icon {
    display: inline-block;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1rem;
}
p {
    line-height: 1.8;
}
/*头部导航*/
.navbar{
    position: fixed;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background-color: #ffffff;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 30;
    padding: 0 100px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    z-index: 60;
		padding: 0 50px;
}
.navbar-brand{
	    display: inline-block;
	    margin: 15px 0;
}
.navbar-nav{
	    display: -webkit-flex;
	    display: flex;
	    justify-content: space-between;
}
.navbar-nav li{
	margin: 0 20px;
	font-size: 16px;    position: relative;
}
.navbar-nav li a{
	color: #1a1a1a;transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;
	display: inline-block;
	position: relative;
}
.navbar-nav li.active a,.navbar-nav li a:hover{
	color: #1d2088;
	font-weight: 600;
}
.navbar-nav li a::before{content: "";width:0;height: 2px;background-color: #1d2088;position: absolute;bottom: 1px;left: 0; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}
.navbar-nav li a:hover::before{width: 100%;}
.navbar-nav li:not(:first-child):After {
    position: absolute;
    left: -22px;
    width: 1px;
    height: 11px;
    content: "";
    background: #c5c5c5;
    top: 50%;
    transform: translateY(-50%) rotate(17deg);
}
.navbar-nav li .nav-dh{
    position: fixed;
    width: 100%;
    left: 0;
    background: #fff;
    top: 80px;
    display: none;
    border-top: 2px solid #1f2289;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
.navbar-nav li .nav-dh .l h3{
    line-height: 1;
    margin-bottom: 30px;font-size: 24px;margin-top: 2rem
}
.navbar-nav li .nav-dh .content{
    display: flex;
    padding: 30px 0;
    justify-content: space-between;
    padding-bottom: 0;
}
.navbar-nav li .nav-dh .l{
        width: 70%;
}
.navbar-nav li .nav-dh .r{
        width: 30%;
}
.navbar-nav li .nav-dh a{
    display: block;
    width: 20%;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 10%;
    color: #1a1a1a;
    font-weight: 500;
}
.navbar-nav li .nav-dh a:hover{
    color: #1d2088;
    font-weight: 600;
}
.nav-item:hover .nav-dh{
    display:block;
}
.search_Language{
	    display: flex;
	    align-items: center;
}
.search_Language .Language {
     margin-left: 25px;
     cursor: pointer;
     position: relative;
     display: flex;
     align-items: center;
}
.search_Language .Language img {
  max-width: 30px;    width: 22px;
}
.search_Language .Language img.x {
     max-width: 20px;
     width: 20px;
}
.Language:hover .allTopRigYyCon{display: block;}
.allTopRigYySpan {
    margin: 0 10px;
	font-size: 16px;
}
.allTopRigYyCon {
    position: absolute;
    width: 100px;
    position: absolute;
    top: 100%;
    right: 0;
    background: #FFFFFF;
    text-align: center;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    display: none;
}
.allTopRigYyCon a {
    display: block;
    line-height: 50px;
}
.allTopRigYyCon a:hover{
	color: #1d2088;
}
.search_Language .search{
    position: relative;
    width: 130px;
    height: 36px;
    background-color: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.search_Language .search input{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    padding: 0 20px;
	    border: 0;
	    background-color: #eeeeee;display: inline-block;
		color: #999999;
}
.search_Language .search img{
	    max-width: 15px;
	    position: absolute;
	    z-index: 1;
	    right: 20px;
}
.banner_menu {
     height: 14px;
     position: relative;
     width: 20px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
     cursor: pointer;
     margin-left: 30px;
}
.banner_menu s {
    background-color: #1f2289;
    position: absolute;
    width: 20px;
    height: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.banner_menu s:first-child {
    top: 0;
}
.banner_menu s:nth-child(2) {
    top: 6px;
}
.banner_menu s:nth-child(3) {
    top: 12px;
}
.changeFigure s:first-child {
    transform: rotate(45deg) translate(1px) !important;
    top: -2px;
}
.changeFigure s:nth-child(2) {
    -webkit-transform: translateX(0.13333333rem) scaleX(1.5);
    transform: translateX(0.13333333rem) scaleX(1.5);
    opacity: 0;
}
.changeFigure s:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(0)!important;
    transform: rotate(-45deg) translate(0)!important;
    top: 13px;
}
.banner_menu{display: none;}

/*banner*/
 .homeBan .swiper-slide{
	overflow: hidden;  height: auto !important;
}
.homeBan .swiper-slide img{
	-webkit-transition: all 4s ease 0s;
	transition: all 4s ease 0s;
	animation-name: homeBan;
	    animation-duration: 4s;    
}
@keyframes homeBan {
  0%   {transform:scale(1,1);-webkit-transform: scale(1,1);}
  100% {transform:scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
}
.subtitleabsolute{
	  /*  position: absolute;
	    top: 50%;
	    z-index: 1;
	    margin-left: 10%;
	    transform: translate(0%, -50%);
	    */
    position: absolute;
    bottom: 0;
    z-index: 1;
    margin-left: 0;
    background: rgb(0 0 0 / 50%);
    padding: 30px;
    border-radius: 5px;
}
.homeBan .container{
    width: 90%;
    margin: 0 auto;
    max-width: 1400px;
    position: absolute;
   left: 50%;
transform: translate(-50%, 0%);
bottom:24%;
}
.subtitleabsolute .title{
	    font-size: 38px;
	color: #fff;
	font-weight: 600;

}

.subtitleabsolute .subtitle{
	font-size: 32px;
	color: #fff;
}
.subtitleabsolute a{
    background: #1f2289;
    color: #fff;
    padding: 8px 0px;
    font-size: 13px;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    width: 120px;
    justify-content: center;    border-radius: 5px;
}
.subtitleabsolute a img{
	    width: 8px;
	    margin-left: 10px;
}
.swiper-button-next, .swiper-button-prev{
background: rgb(0 0 0 / 50%);
    width: 40px;
    height: 40px;    margin-top: -20px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/banner_r.png);
    right: 0px;
    left: auto;
background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{
	   background:#1d2088 url(../img/banner_r.png);
	   background-position: center;
	       background-repeat: no-repeat;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/banner_l.png);
    left: 0px;
    right: auto;
background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{
	 background: #1d2088 url(../img/banner_l.png);
	 background-position: center;
	     background-repeat: no-repeat;
}
.swiper-pagination-bullet-active {
    background: #1d2088;
}
.content{
    width: 90%;
    margin: 0 auto;
    max-width: 1400px;	
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
/*计数器*/
.counter{
background: #fff;
      -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 30px 20px;
    position: relative;
       top: -80px;
    z-index: 1;
}
.counter li{
	    width: 25%;
	    text-align: center;
	    float: left;    position: relative;
}
.counter li:not(:first-child):After {
	position: absolute;
	    left: -6px;
	    width: 1px;
	    height: 60px;
	    content: "";
	    background: #e5e5e5;
	    top: 50%;
	    margin-top: -30px;
}
.counter li h3{
display: flex;
    align-items: flex-start;
    justify-content: center;	
}
.counter li h3 span:nth-child(1){
    font-size: 3rem;
	color: #000;
}
.pr  .counter .numCount2#banner_nav2a li h3 span:nth-child(1){
	color: #fff;
}
.counter li h3 span:nth-child(2){
	      font-size: 15px;
	      color: #333;
	      margin-top: 10px;
	      margin-left: 6px;
}
.counter li p{
	color: #666666;    font-size: 15px;
}
/*产品*/
.title .title1{
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
}
.title h3{
	    font-size: 32px;
	    color: #333;
}
.title h3 span{
	color: #999999;
	    font-size: 16px;
	    margin-left: 15px;
}
.title ul{
	
}
.title ul li{
	    float: left;
}
.title ul li a{
	color: #333333;
	    padding: 12px 20px;
	    border: 1px solid #d2d2d2;
	    margin-left: 20px;
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
}
.title ul li a:hover{
	color: #fff;
	border: 1px solid #1f2289;
	background:#1f2289;
}
.title .xiang {
    height: 2px;
    width: 11%;
    background: #dcdcdc;
    position: relative;
    margin: 20px 0;
    margin-bottom: 30px;
}
.title .xiang:After{
    content: "";
    width: 30%;
    display: inline-block;
    background:  #1d2088;
    height: 5px;
    position: absolute;
    top: -2px;
}
.title  p{
	    font-size: 18px;
	    color: #666666;
		display: flex;
		align-items: center;
		justify-content: space-between;
}
.title  .details{
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.title  .details img{
    width: 15px;
    margin-left: 6px;
}
.title  .details:hover{
	color: #1d2088;
	font-weight: 600;
}
/*产品*/
#product .rightDownBig{
display: flex;
	align-items: center;
	justify-content: space-between;
		background: #e8e8f3;    margin-top: 3rem; margin-bottom: -5px;
}
#product .product_img{
	    width: 70%;
	    display: inline-block;    overflow: hidden;
}
#product .product_img img{
    max-width: 100%;
	    transition: .5s;
	    -webkit-transition: .5s;
	    -moz-transition: .5s;
	    -ms-transition: .5s;
	    -o-transition: .5s;

}
#product .rightDownBig:hover img{
	  -webkit-transform: scale(1.1,1.1);
		    transform: scale(1.1,1.1);
}
#product .detail{
width: 30%;
display: inline-block;
	background: #e8e8f3;
	padding: 30px;
    position: relative;    overflow: hidden;
}
#product .detail h3{
	font-size: 24px;
	color:#333333;
	margin-bottom: 6px;
}
#product .detail p{
	color: #666666;
	font-size: 16px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom:30px;
	padding-bottom:20px;
}
#product .detail div{
	font-size: 18px;
	color:#666666;
	line-height:1.8;
}
#product .detail a{
	color: #333333;
	    padding: 12px 20px;
	    border: 1px solid #d2d2d2;
	    -webkit-transition: all 0.5s ease 0s;
	    transition: all 0.5s ease 0s;
	    font-size: 14px;
		display: flex;
		align-items: center;
		width: 120px;
		    justify-content: center;    margin-top: 3rem;
}
#product .detail a img{
	width: 15px;
	    margin-left: 6px;
}
#product .detail a img:nth-child(2){
	display: none;
}
#product .detail a:hover{
	color: #fff;
	border: 1px solid #1f2289;
	background:#1f2289;
}
#product .detail a:hover img:nth-child(2){
	display:block;    width: 8px;    margin-left: 10px;
}
#product .detail a:hover img:nth-child(1){
	display: none;
}
#product{
	    overflow: hidden;   
}
.prev_next{
display: flex;
	align-items: center;
	justify-content: space-between;       margin-top: 4rem;
}
#product .swiper-button-next,#product  .swiper-button-prev{
	    background: rgb(0 0 0 / 0%);
		position: relative;
}
#product .swiper-button-next,#product .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/rrr.png);
    right: 0px;
    left: auto;
    background-position: center;
    background-repeat: no-repeat;width: 30px;
	    height: 50px;
}
#product .swiper-button-prev,#product .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/lll.png);
    left: 0px;
    right: auto;
    background-position: center;
    background-repeat: no-repeat;width: 30px;
	    height: 50px;
}
#product .swiper-button-next:hover,#product .swiper-container-rtl .swiper-button-prev:hover {
    background: #1d2088 url(../img/rrr2.png);
    right: 0px;
    left: auto;
    background-position: center;
    background-repeat: no-repeat;width: 60px;
	   height: 50px;
}
#product .swiper-button-prev:hover,#product .swiper-container-rtl .swiper-button-next:hover {
    background: #1d2088 url(../img/lll2.png);
    left: 0px;
    right: auto;
    background-position: center;
    background-repeat: no-repeat;width: 60px;
	  height: 50px;
}

/*关于我们*/
.Introduction {
    background: url(../img/Introduction.png);
    background-size: 8px;
    padding: 5rem 0;margin-top: 6rem;
}
.Introduction_content{
	background-color: #fff;
	    padding: 5rem 4rem;    position: relative;overflow: hidden;
}
.row_l{
	width: 62%;
}
.row_r{
    width: 36%;
    position: absolute;
    right: 0;
    top: 0;
}
.row_r img{
	width: 100%;
}
.Introduction .title p{
	    display: block;
}
.Introduction .title p{
	    display: block;
}

a.detailsauto{
	color: #333333;
	    padding: 12px 20px;
	    border: 1px solid #d2d2d2;
	    -webkit-transition: all 0.5s ease 0s;
	    transition: all 0.5s ease 0s;
	    font-size: 14px;
		display: flex;
		align-items: center;
		width: 120px;
		    justify-content: center;    margin-top: 3rem;
}
a.detailsauto img{
	width: 15px;
	    margin-left: 6px;
}
a.detailsauto img:nth-child(2){
	display: none;
}
a.detailsauto:hover{
	color: #fff;
	border: 1px solid #1f2289;
	background:#1f2289;
}
a.detailsauto:hover img:nth-child(2){
	display:block;    width: 8px;    margin-left: 10px;
}
a.detailsauto:hover img:nth-child(1){
	display: none;
}
.Introduction_content ul li{
	    background: #f5f5f7;
	    float: left;
	    width: 18%;
	    margin-right: 2%;
	    text-align: center;     -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;   
}
.Introduction_content ul li:hover{
	background: #1d2088;
}
.Introduction_content ul li a{
	padding: 25px 0;display: inline-block;
}
.Introduction_content ul li a img{
	    height: 34px;
}
.Introduction_content ul li a img:nth-child(2){
	display: none;
}
.Introduction_content ul li:hover img:nth-child(1){
	display: none;
}
.Introduction_content ul li:hover img:nth-child(2){
	    display: inline-block;
}
.Introduction_content ul li p{
	    color: #333333;
	    font-size: 20px;
	    margin-top: 10px;    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.Introduction_content ul li:hover p{
	color: #fff;
}
.Introduction_content ul li:nth-child(1){
	display: none;
}
.Introduction_content ul{
	    margin-top: 4rem;
}
/*行业应用*/
.m5{
	    margin: 6rem auto;
}

.pc-slide{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 3rem;
}
.view{
    width: 70%;
    display: inline-block;    overflow: hidden;	   
}
#ico_div{
height: 506px;	
overflow: hidden;	 
}
#title_div{
	margin-top: 2rem;
}
#title_div h3{
	font-size: 24px;
	color: #000000;font-weight: 500;
}
#title_div .subtitle{
	font-size: 18px;
	color: #000000;    margin-bottom: 1rem;
}
#title_div .description{
	font-size: 16px;
	color: #666666;
}
.preview{
    width: 27%;
    display: inline-block;	    overflow: hidden;	
}
.preview .swiper-wrapper{
	    position: initial;
	    display: block;
		    transform: translate3d(0px, 0px, 0px)!important;
}
.preview .swiper-slide{
    background: #e8e8f3;
    border: 1px solid #d2d2d2;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    margin-bottom: 5%;
	cursor: pointer;    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.preview .swiper-slide.active-nav,.preview .swiper-slide:hover{
background: #1d2088;
	border: 1px solid  #1d2088;
}
.preview .swiper-slide:nth-child(4){
	margin-bottom: 0;
}
.preview .swiper-slide div h3{
	font-size: 22px;
	font-weight: 500;
	color: #000;
	margin-bottom: 5px;
}
.preview .swiper-slide div p{
	font-size: 18px;
	color: #666666;
}
.preview .swiper-slide img{
	    width: 46px;
}
.preview .swiper-slide img:nth-child(3){
	display: none;
}
.preview .swiper-slide.active-nav div h3,.preview .swiper-slide:hover div h3,.preview .swiper-slide.active-nav div p,.preview .swiper-slide:hover div p{
color: #fff;
}
.preview .swiper-slide.active-nav img:nth-child(3),.preview .swiper-slide:hover img:nth-child(3){
display: inline-block;
}
.preview .swiper-slide.active-nav img:nth-child(2),.preview .swiper-slide:hover img:nth-child(2){
display: none;
}
/*新闻*/
.p5{
padding: 5rem 0;	margin-bottom: 0;
}
.news{
    background: #f5f5f7;	
}
.pc-bg-container{
	    overflow: hidden;    margin-top: 3rem;margin-left: -15px;
    margin-right: -15px;
}
.pc-bg-container .swiper-slide2{
	background: #fff;
	    margin:  0 15px;-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.pc-bg-container .swiper-slide .swiper-slide2:hover{
	    box-shadow: 1px 15px 10px 0px rgb(0 0 0 / 17%);
	    -webkit-box-shadow: 1px 15px 10px 0px rgb(0 0 0 / 17%);
}
#list_ico{
	 overflow: hidden;    height: auto;
}
.pc-bg-container #list_ico img{
	width: 100%;-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pc-bg-container .swiper-slide .swiper-slide2:hover #list_ico img{
	    -webkit-transform: scale(1.1,1.1);
	    transform: scale(1.1,1.1);
}
.pc-bg-container #title_description{
	    padding: 30px;
	    border-bottom: 1px solid #d2d2d2;-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pc-bg-container #title_description h3{
	font-size: 22px;
	    color: #333333;
	    font-weight: 500;
	    margin-bottom: 10px;
}
.pc-bg-container #title_description p{
	    font-size: 18px;
	    color: #999999;
	    display: none;
}
.pc-bg-container #sortname{
	    padding: 15px 30px;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
}
.pc-bg-container #sortname img{
	    margin-right: 10px;
}
.pc-bg-container #sortname h3{
	color: #1f2289; font-size: 18px;
}
.pc-bg-container #sortname p{
	 font-size: 18px;color: #999999;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
.pc-bg-container .swiper-pagination {
	display: flex;
	    align-items: center;
	    position: initial;
	    justify-content: center;
	    margin-top: 3rem;
}
.pc-bg-container .swiper-pagination .swiper-pagination-bullet{
	  margin: 0 4px;
	      background: #050001;
	      opacity: 1;position:relative;border-radius: 50px;
}
.pc-bg-container .swiper-pagination .swiper-pagination-bullet-active {
	background: rgb(0 0 0 / 0%);
	    border-radius: 50px;
	    border: 1px solid #1f2289;
		width: 12px;
		    height: 12px;	display: inline-block;		
}
.pc-bg-container .swiper-pagination .swiper-pagination-bullet-active::after{
	content: "";
	width: 8px;
	    height: 8px;
		background: #1f2289;
		border-radius: 50px;
		position:absolute;
		left: 50%;
		top:50%;
		margin-top:-4px;
		margin-left: -4px;
		display: inline-block;
}

/**/
.foot,.foot_logo_sswx{
	background-color: #252526;
}
.foot_logo_sswx{
	border-bottom: 1px solid #515151;
	padding: 30px 0;
}
.logo_sswx{
	display: flex;
	    align-items: center;
	    justify-content: space-between;    
}
.logo_sswx .logo_img{
	height: 33px;
}
.logo_sswx div{
display: flex;
	    align-items: center;
	    justify-content: flex-end;	
}
.logo_sswx .search{
	    position: relative;
	   width: 180px;
	    height: 36px;
	    background-color: #eeeeee;	    
}
.logo_sswx .search input{
	position: absolute;
	    width: 100%;
	    height: 100%;
	    padding: 0 20px;
	    border: 0;
	    background-color: #eeeeee;
	    display: inline-block;
	    color: #999999;
}
.logo_sswx .search img{
	    max-width: 15px;
	    position: absolute;
	    z-index: 1;
	    right: 20px;
		cursor: pointer;
}
.logo_sswx .wx,.logo_sswx .wx2{
    width: 22px;
    margin-left: 20px;cursor: pointer;
}
.logo_sswx .wx2{
	display: none;
}
.logo_sswx .wx_img:hover .wx{
	display: none;
}
.logo_sswx .wx_img:hover .wx2{
	display: inline-block;
}
.nr_l{
	    width: 75%;
}
.nr_l li{
	    float: left;
	    width: 15%;
}
.nr_l li a{
	color: #fff;
	font-size: 18px;
}
.nr_l li .xiang{
	height: 1px;
	    width: 33%;
	    background: #fff;
	    position: relative;
	    margin: 15px 0;
}
.nr_l li  .xiang:After {
    content: "";
    width: 40%;
    display: inline-block;
    background: #fff;
    height: 5px;
    position: absolute;
    top: -2.5px;
}
.nr_l li .nav2link a{
    display: block;
    color: rgb(255 255 255 / 60%);
    font-size: 16px;    line-height: 2;
}
.nr_l li .nav2link a:hover{
	color: #fff;
}
.nr{
	    padding: 50px 0;
	    display: flex;
	    justify-content: space-between;
}
.nr_r{
	    width: 25%;
}
.nr_connection{
	    display: flex;
	    align-items: flex-start;margin-bottom: 20px;
}
.nr_connection img{
	margin-right: 18px;
}
.nr_connection h3{
	    color: #ffffff;
	    font-size: 20px;
	    font-weight: 500;
}
.nr_connection p{
	color: #ffffff;font-size: 15px;margin-bottom: 4px;
}
.bottom{
	background-color: #000000;    padding: 20px 0;
}
.bottom p{
	color: #fff; font-size: 14px;
}
.bottom p a{
	color: #fff;font-size: 14px;
}
.bottom li a,.bottom li{
	color: #fff;font-size: 14px;
}
.bottom li{
	float: left;
	margin-left: 10px;
}
.bottom_fort{
	  display: flex;
		    align-items: center;
		    justify-content: space-between;
}
/*源昌介绍*/
.banner{
	position: relative;
	    z-index: 3;
}
.banner img{
    width: 100%;
    display: block;	
}
.banner h3{
    position: absolute;
    top: 44%;
    font-size: 42px;
    color: #fff;
    transform: translate(0%, -50%);	
	 animation-name: example;
	  animation-duration: 2s;
}
@keyframes example {
  0%   {top: 100%;opacity: 0;}
  100% {top: 44%;opacity: 1;}
}
.banner ul{
	position: absolute;
	    bottom: 0;  
	    z-index: 1000;
}
.banner ul li{
    float: left;
}
.banner li a{
 height: 50px;
     line-height: 50px;
     display: block;
     text-align: center;
     background: rgba(255,255,255,.8);
     margin-right: 10px;
     padding: 0 20px;
     color: #333;
     font-size: 16px;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s; 
}
.banner li:last-child a{
	margin-right: 0px;
}
.banner ul li a:hover,.banner ul li.active a{
	background: #1f2289;
	color: #fff;
}
.Introduction2{
	background: url(../img/banner.png);
	     background-size: 100%;
	     padding: 5rem 0;
	     margin-top: 0rem;
	     background-position: bottom;
	     background-repeat: no-repeat;
	     padding-bottom: 20rem;
}
.Introduction2 .counter{
	background: #fff0;
	    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
	    border-radius: 0;
	    padding: 30px 0px;
	    position: relative;
	    top: auto;
	    z-index: 1;    padding-top: 0;
}
.Introduction2 .Introduction_content{
	    background-color: #ffffff6e;
	    padding: 0;
}
.Introduction2  .Introduction_content ul li {
    background: #f5f5f71a;
    float: left;
        width: 22%;
    margin-right: 2%;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.Introduction2 .row_r {
    width: 16%;
}
.Introduction2 .row_l {
    width: 70%;
}
.Introduction2 .Introduction_content ul li:nth-child(1){
	display: block;
}
.Vision_Mission{
	    background: url(../img/Vision.jpg);
	    background-position: center;    padding: 5rem 0;padding-bottom: 0;
}
.Vision_Mission ul{
	    display: flex;
}
.Vision_Mission li {
background: #fff;
       padding: 50px 40px;
    float: left;
    width: 46%;
    margin-right: 4%;
box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
}
.Vision_Mission li:nth-child(2){
	margin-right: 0;
}
.Vision_Mission .Vision{
	display: flex;
	    align-items: center;
	    justify-content: space-between;
	    margin-bottom: 2rem;
}
.Vision_Mission .Vision p{
    font-size: 16px;
    color: #666666;	
}
.Vision_Mission .Vision h3{
	    font-size: 32px;
	    color: #000000;
}
.Vision_Mission .Vision_nr{
    font-size: 20px;
    color: #666666;	
}
.change_milestone{
	margin: 5rem 0;
	margin-top: 6rem;
}
.timeline{
	     height: 220px;
	    overflow: hidden;    position: relative;
}
.timeline .swiper-pagination2 {
	right: 0;position: absolute;
	    height: 100%;
	    font-weight: 300;
	    font-size: 18px;
	    z-index: 1;    overflow: auto;padding-right: 1.5rem;
}
.timeline .swiper-pagination-bullet {
    width: auto;
    height: auto;
    text-align: center;
    opacity: 1;
    background: transparent;
    color: #999999;
    margin: 15px 0 !important;
    position: relative;    font-size: 24px;
}
.timeline .swiper-pagination-bullet-active {
    color:#1d2088;font-weight: 600;
}
.swiper-containerchange_milestone .timeline-year{
    color: #000;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}
.swiper-containerchange_milestone .timeline-title{
	font-size: 28px;
	color: #333333;
}
.swiper-containerchange_milestone .timeline-text{
	color: #666666;
	font-size: 20px;
}
.swiper-containerchange_milestone .swiper-slide-content{
	width: 80%;
}
.Certificate #list_ico{
	height: auto;
}
.Certificate .pc-bg-container .swiper-slide2 {
    background: rgb(255 255 255 / 0%);
}
.Certificate .pc-bg-container #title_description {
    padding: 15px 0;
    border-bottom: 0px solid #d2d2d2;
}
.Certificate .title ul li a.active{
	color: #fff;
	border: 1px solid #1f2289;
	background:#1f2289;
}
.Certificate .title ul li a{
	cursor: pointer;
}
.certificate_wrapper{
	    height: 526px;
	    overflow: hidden;
}
.Certificate .swiper-slide .swiper-slide2:hover{
	      background: #fff;
}
.Certificate .swiper-slide .swiper-slide2:hover #title_description {
    padding: 15px 20px;
}
.banner ul.nye_active#nye_nav{
	    position: fixed;
	    top: 80px;
	    background: #f5f5f7;
	    display: inline-block;
	    height: 40px;
	    width: 100%;
	    left: 0;
	    padding: 30px 50px;
	    z-index: 10000;
	    text-align: center;
	    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);
	    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);
}
.banner ul.nye_active#nye_nav li {
     float: none;
     display: inline-block;
}

/*产品内页*/
#productlist{
	    margin-top: 3rem;
}
#productlist li{
float: left;
    width: 33%;	 text-align: center; 
    margin-bottom: 20px;    position: relative;
}
#productlist li a:nth-child(2){
    background: #1f2289;
    color: #fff;
    font-size: 18px;
    padding: 12px 60px;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
	animation-name: example1;
	animation-duration: 0.5s;    display: none;
}
@keyframes example1 {
  0%   {bottom: -30px;opacity: 0;}
  100% {bottom: 0;opacity: 1;}
}
#productlist li:hover a:nth-child(2){
	display: block;
}
#productlist li a img{
	width:100%;	
}
#productlist li h3{
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin-top: 2rem;
}

.Electrical{
	    background: #fff ; /*url(/static/upload/image/20230917/1694941461234021.png)*/
	    background-position: right bottom;
	    background-repeat: no-repeat;    background-size: 72%;
}
.Electrical ul{
	width: 100%;
	    margin-top: 3rem;
}
.Electrical li{
    width: 32%;
      margin-right: 2%;
    margin-bottom: 2%;
    float: left;
background: #0000;
    min-height: 172px;
}
.Electrical.p5.Research_And_Development_System  li{
     width: 23%;
}
.Electrical.p5.Research_And_Development_System li:nth-child(4n){
    margin-right: 0%;
}
.Electrical.p5.Research_And_Development_System li:nth-child(3){
  margin-right: 2%;
}
.Electrical li:nth-child(3n){
    margin-right: 0%;	
}
.Electrical li:nth-child(4),.Electrical li:nth-child(5),.Electrical li:nth-child(6){
    margin-bottom: 0%;		
}
.Electrical li img{
	width: 100%;
}
.Electrical .title p {
    width: 100%;
}
.Product_Details_i{
	width: 100%;
}
.Product_Details_img{
	position:relative;
}
.Product_Details_img li{
	position: absolute;
	right: 31%;
	    top: 62%;
}
.Product_Details_img li a{
	    display: none;
position: absolute;
    width: 260px;
    z-index: 10000;
    background: #fff;
    padding: 20px;
    top: -300px;
    left: 50%;
    transform: translate(-50%, 0%);
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);
}
.Product_Details_img li.Product_Details_li8{
	      right: 55%;
    top: 50%;
}
.Product_Details_img li.Product_Details_li2{
	    right: auto;
	    left: 28%;
	    top: 47%;
}
.Product_Details_img li.Product_Details_li3{
	    right: 44%;
	    top: 63%;
}
.Product_Details_img li.Product_Details_li4{
	    right: 50%;
	    top: 75%;
}
.Product_Details_img li.Product_Details_li5{
	    right: 34%;
	    top: 45%;
}
.Product_Details_img li.Product_Details_li6{
	    right: 27%;
	    top: 42%;
}
.Product_Details_img li.Product_Details_li7{
    right: 50%;
    top: 27%;
}
.Product_Details_img li div{
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);	    position: relative;
 animation-name: example2;
	  animation-duration: 0.5s;animation-iteration-count: infinite;    cursor: pointer;
}
@keyframes example2 {
  0%   {top: 10;opacity: 0;}
  100% {top: 0;opacity: 1;}
}
.Product_Details_img li.active a{
display: block; 
}
.Product_Details_img li div::after{
	    content: "";
	    position: absolute;
	    width: 10px;
	    height: 10px;
	    background: #1f2289;
	    border-radius: 50px;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
}
.Product_Details_img li img{
	 width: 100%;
}
.Product_Details_img li h4{
	color: #1f2289;
	    font-size: 20px;
	    margin-top: 15px;
	    margin-bottom: 10px;
}
.Product_Details_img li p{
	    font-size: 16px;
	    color: #666666;
}
/*产品内页*/
.product_banner{
	    background: #e5e5e5;
}
.product_banner .product_l{
	width: 30%;
}
.product_banner .product_l div{
    position: absolute;
    top: 44%;
    animation-name: example4;
    animation-duration: 2s;
    transform: translate(0%, -50%);
    width: 24%;
    z-index: 3;
}
@keyframes example4 {
  0%   {top: 100%;opacity: 0;}
  100% {top: 44%;opacity: 1;}
}
.product_banner .product_l h3{
    margin-bottom: 2rem;
    font-size: 42px;
    color: #1f2289;
    transform: translate(0%, 0%);
    animation-name: ex;
    animation-duration: 2s;
    position: initial;   
}
.product_banner .product_l p{
	font-size: 20px;
	color: #666666;
}
.product_banner .product_r{
	width: 70%;
}
.product_banner .content{
	    display: flex;
	    align-items: center;
	    justify-content: space-between;

}
.product_banner #ico_div {
    height: auto;
}
.product_banner #ico_div img{
		width: 100%;
}
.product_banner .preview {
    width: 90px;
}
.product_banner .preview .swiper-slide {
    padding: 10px;    overflow: hidden;	    background: #ffffff;
	}
.product_banner .preview .swiper-slide img {
    width: 100%;
}
.product_banner .view {
    width: 85%;
}
.product_banner .preview .swiper-slide:nth-child(4) {
    margin-bottom: 5%;
}
.pr{
	
}
.pr .counter{
	    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
	    border-radius: 0px;
	    top: auto;    padding: 0;
}
.pr .counter li {
        width: 33.3333333333%;padding: 30px 0;    background: #1f2289;
}
.pr .counter li h3,.pr .counter li p, .pr .counter li h3 span:nth-child(2) {
    color: #fff;
}
.Advantages p{
	    position: relative;
	    padding-left: 30px;
	    float: left;
	    width: 47%;
	    line-height: 2;
}
.Advantages br{
	display: none;
}
.Advantages p::after{
content: "";
    width: 16px;
    height: 16px;
    background: #1f2289;
    position: absolute;    left: 0;
}
.parameter{
	    margin-top: 3rem;
}
.parameter table{
	    width: 100%;
}
.parameter tr:nth-child(1){
	    background: #1f2289;
}
.parameter tr:nth-child(1) td p{
	    color: #fff;
}
.parameter tr:nth-child(2n){
	background: #f5f5f5;
}
.parameter td{
	    border: 1px solid #c3c3c3;padding: 10px 20px!important;
}
.case{
	margin-top: 3rem;
}
.case li{
	    width: 32%;
	    float: left;
	    margin-right: 2%;    margin-bottom: 2%;
}
.case li:nth-child(3n){
	    margin-right: 0;
}
.case li img{
    width: 100%;
    height: 100%;
}
.case li p{
        height: 200px;
    overflow: hidden;
}
.case li div{
	    background: linear-gradient(to right, #d2d2d2, #fff);    margin-top: -5px;
    padding: 30px;
	    font-size: 18px;
	    line-height: 1.8;

}
.case li div h3{
	      font-size: 22px;
	      margin-bottom: 6px;
}

/*源昌实力*/

.Quality_Assurance_System .Quality_Assurance_System_l{
	    width: 45%;    overflow: hidden;
}
.Quality_Assurance_System .Quality_Assurance_System_l img{
	width: 100%;
}
.Quality_Assurance_System .Quality_Assurance_System_r{
	    width: 50%;
}
.Quality_Assurance_System .content{
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
}
.Research_And_Development_System.Electrical li img {
    width: 100%;
    height: 100%;
}
.Research_And_Development_System.Electrical .title p {
    width: 100%;
}
.Research_And_Development_System.Electrical li {
    min-height: auto;
    border: 1px solid #b6b6b6;    height: auto;
}
.process_made{
	    margin-top: 3rem;
}
#process_re{
    background: #f5f5f7;
      padding: 5%;
      float: left;
      width: 38%;
      margin-right: 4%;
      margin-bottom: 4%;
    min-height: 200px;    position: relative;-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#process_re:nth-child(2n){
	margin-right: 0;
}
#process_re div{
	
}
#process_re div h3{
font-size: 24px;
	    color: #000; 	-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#process_re p{
	    font-size: 17px;-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#process_re img{
	       position: absolute;
    right: 10%;
    bottom: 10%;
    width: 40px;
}
#process_re img:nth-child(3){
	    display: none;
}
#process_re:hover{
	  background: #1f2289;
}
#process_re:hover div h3,#process_re:hover div p{
	color:  #fff;
}
#process_re:hover img:nth-child(2){
	    display: none;
}
#process_re:hover img:nth-child(3){
	    display: block;
}
.Production_Process_Execution_Digital_System{
	background: #ebeaea;
}
.Production_Process_Execution_Digital_System ul{
	    margin-top: 3rem;
}
.Production_Process_Execution_Digital_System ul li{
	     width: 32.6666666%;
	     float: left;
	     position: relative;
	     height: 244px;
	     overflow: hidden;
	     margin-right: 1%;
	     margin-bottom: 1%;
}
.Production_Process_Execution_Digital_System ul li:nth-child(1){
 height: 502px;
}
.Production_Process_Execution_Digital_System ul li:nth-child(3),.Production_Process_Execution_Digital_System ul li:nth-child(5){
     margin-right: 0;
}
.Production_Process_Execution_Digital_System ul li div{
	    overflow: hidden;
}
.Production_Process_Execution_Digital_System li img{
	    margin-left: -10px;
	    margin-top: -10px;       max-width: inherit;
}
.Production_Process_Execution_Digital_System li h3{
	position: absolute;
	    bottom: 30px;
	    left: 30px;
	    color: #fff;
	    font-size: 20px;    z-index: 1;
}
.Production_Process_Execution_Digital_System ul li::after{
content: "";
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%),#1f2289);
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.5;
    bottom: 0;
}
.Numerical_Control_Workshop{
background: #ebebeb url(../img/Numerical_Control_Workshop.jpg);
    background-repeat: round;
    background-size: 100%;	
}
 .Numerical_Control_Workshop .title{
	    background: rgb(31 34 137 / 70%);
	    width: 40%;
	    padding: 30px; margin-bottom: 20rem;
 }  
  .Numerical_Control_Workshop .title h3,.Numerical_Control_Workshop .title h3 span,.Numerical_Control_Workshop .title p{
  	  color: #fff;
  } 
  .Numerical_Control_Workshop .title .xiang:After {
    content: "";
    width: 30%;    background: #fff;
}
  .Numerical_Control_Workshop .title .xiang {
    width: 35%;
}
/*新闻*/
.newslist{
	background: #ffffff;
}
.newslist .swiper-slide {
    width: 33%;
	float: left;margin-bottom: 30px;
}
.newslist .swiper-wrapper {
    display: inline-block;
}
.newslist .pc-bg-container .swiper-slide2 {
    border: 1px solid #d2d2d2;
}
.position{
	     font-size: 15px;
	     color: #aaaaaa;
	     padding: 30px 0;
	     padding-top: 0;
}
.position a{
	     font-size: 15px;
	     color: #aaaaaa;
}
.newsnews_news{
	    display: flex;
	    justify-content: space-between;
}
.newsnews_news #news_l{
	    width: 70%;
}
.newsnews_news #news_l h3{
	font-size: 42px;
	    color: #000;
	    margin-bottom: 14px;
}
.newsnews_news #news_l p.news_l_p{
	color: #999999;
	    font-size: 18px;
	    display: flex;
	    align-items: center;margin-bottom: 2rem;
}
.newsnews_news #news_l p.news_l_p img{
	    margin-right: 10px;
}
.newsnews_news #news_l p{
font-size: 16px;
}

.newsnews_news #news_r{
	    width: 25%;
}
.newsnews_news #news_r li{
	    border-bottom: 1px solid #cdcdcd;
	       padding-top: 20px;
	    padding-bottom: 20px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.newsnews_news #news_r li:hover{
	    background: #fff;
	    padding: 20px;
}
.newsnews_news #news_r h3{
font-size: 28px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 20px;	
}
.newsnews_news #news_r li p{
	    font-size: 18px;
	    color: #999999;
	    margin-bottom: 6px;
}
.newsnews_news #news_r li h4{
	    font-size: 20px;
	    margin-bottom: 15px;
	    font-weight: 500;
}
.Production_Process_Execution_Digital_System ul li:nth-child(1) img{
        margin-left: -280px;
}
.Production_Process_Execution_Digital_System ul li:nth-child(2) img{
          width: 150%;
}
.Production_Process_Execution_Digital_System ul li:nth-child(3) img{
        width: 102%;    margin-top: -40px;
}
.Production_Process_Execution_Digital_System ul li:nth-child(4) img{
        width: 110%;
}
.Production_Process_Execution_Digital_System ul li:nth-child(5) img{
     width: 102%;
}

/*部分客户展示*/

.Customer_Display ul{
	    margin-top: 3rem;
}
.Customer_Display li{
    width: 15.8%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    height: 68px;
overflow: hidden;
}
.Customer_Display li:nth-child(6n){
margin-right: 0;
}
.Customer_Display li a img{
	    width: 100%;
}
.Global_Performance{
	    background: #1d2089;
}
.Global_Performance .title h3,.Global_Performance .title p,.Global_Performance .title h3 span {
    color: #fff;
}
.Global_Performance .title .xiang:After {
    content: "";
    background: #fff;
}
.Global_Performance .Product_Details_img{
	margin-top: 3rem;
}
.Global_Performance .Product_Details_img .diang{
	    width: 30px;
	    height: 30px;
	    background: #fff;
	    border-radius: 50px;
	    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);
	    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 15%);
	    position: relative;
	    animation-name: example2;
	    animation-duration: 0.5s;
	    animation-iteration-count: infinite;
	    cursor: pointer;
}
.Global_Performance .Product_Details_img .diang::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #1f2289;
    border-radius: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.diang_diang{
	    position: absolute;
	    top: 33%;
	    right: 20%;
}
.diang_diang a{
display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}
.Head_Office h4{
	    color: #1f2289;
	    font-size: 24px;
		    margin-top: 3rem;
		    margin-bottom: 2rem;
}
.Head_Office ul{
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
}
.Head_Office ul li:nth-child(1){
    width: 70%;
}
.Head_Office ul li:nth-child(2){
    width: 20%;    text-align: center;
}
.Head_Office ul li:nth-child(2) div{
  background: #f5f5f7;
    padding: 20px;
        display: inline-block;
}
.Head_Office ul li:nth-child(2) div p{
    float: none;
    width: 100%;    margin-top: 8px;
    font-size: 14px;margin-bottom: 0;
}
.Head_Office ul li img.Head_Office_img{
margin-right: 10px;
    width: 22px;
}
.Head_Office ul li p{
	    float: left;
	    width: 33.333%;
		font-size: 20px;
		    color: #333333;
}
.Head_Office ul li p span{
		    display: flex;
		    align-items: center;
}
.Head_Office ul li p:nth-child(2){
	 width: 100%;margin-bottom: 1rem;
}
.Head_Office ul li p span:nth-child(2){
	margin-left: 2rem;
}
.form_mspe input {
     width: 29.5%;
     margin-bottom: 2%;
     padding: 10px 15px;
     background: #f8f8f8;
     border: 1px solid #999;
     margin-right: 2%;font-size: 17px;
}
.form_mspe input:nth-child(3) {
     margin-right: 0;
}
.form_mspe textarea {
  width: 96.9%;
      margin-bottom: 2%;
      background: #f8f8f8;
      border: 1px solid #999;
      min-height: 120px;
      padding: 1.5%;font-size: 17px;
}
.form_mspe button {
    display: inline-block;
    padding: 10px 50px;
    background: #b4b4b4;
    color: #fff;
    border: 0;
    cursor: pointer;
    margin-top: 1%;font-size: 18px;-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.form_mspe button:hover{
	    background: #1f2289;
	    color: #fff;
}
.form_mspe form{
	margin-top: 3rem;
}
.form_mspe div{
	display: flex;
	    justify-content: space-between;
}
.wap{
	display:none;
}

#Return_to_list_page{
      text-align: center;
    margin-bottom: 5rem;
    margin-top: 5rem;  
}
#Return_to_list_page a{
    display: inline-block;
    border: 1px solid #ccc;
    padding: 8px 30px;
    color: #333;
    font-size: 16px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    
}

/*底部二维码*/
.sp{
        display: flex;    margin-top: 30px;
    align-items: center;
}
.sp div{
        width: 140px;
}
.sp div:nth-child(1){
    margin-right: 20px;
}
.sp div img {
        width: 100%;
}
.sp div p{
    color: rgb(255 255 255 / 60%);
    text-align: center;
}
#Return_to_list_page a:hover{
    border: 1px solid #1f2289;
    color: #fff;    background: #1f2289;
    
}
@media screen and (max-width: 1500px) {
	#ico_div {
	    height: 469px;
	}
	.navbar-nav li .nav-dh {
    top: 70px;
}
	#productlist li a:nth-child(2){
		width: 60%;font-size: 16px;
    padding: 10px 0px;
	}
	.Electrical .title p {
	    width: 100%;
	}
#productlist li h3 {
    font-size: 20px;
}
	#title_div .description {
	    font-size: 15px;
	}
	.pc-bg-container #title_description h3 {
	    font-size: 20px;
	}
	.pc-bg-container #title_description p {
	    font-size: 15px;
	}
	.pc-bg-container #sortname h3 {
	    font-size: 15px;
	}
	.pc-bg-container #sortname p {
	    font-size: 15px;
	}
	.pc-bg-container #sortname img {
	    width: 16px;
	}
	.nr_connection h3 {
	    font-size: 17px;
	}
	.nr_l li a {
	    font-size: 17px;
	}
	.nr_l li .nav2link a {
	    font-size: 15px;
	}
	.bottom p {
	    font-size: 13px;
	}
	.bottom li a, .bottom li {
	    font-size: 13px;
	}
	.bottom {
	    padding: 10px 0;
	}
	.banner li a {
	    height: 40px;
	    line-height: 40px;
	    font-size: 15px;
	   
	}
	.preview .swiper-slide div h3 {
	    font-size: 20px;
	}
	.preview .swiper-slide div p {
	    font-size: 15px;
	}
	.Head_Office ul li img.Head_Office_img {
	    width: 18px;
	}
	.Head_Office h4 {
	    font-size: 20px;    margin-top: 0rem;
	}
	.form_mspe input {
	    font-size: 15px;
	}
	.Customer_Display li a img {
	    height: 100%;
	}
	.pc-bg-container #list_ico img {
	  max-width: inherit;
	}
	.newsnews_news #news_l h3 {
	    font-size: 32px;
	}
	.newsnews_news #news_l p.news_l_p {
	    font-size: 16px;
	}
	.newsnews_news #news_l p.news_l_p img {
	    margin-right: 8px;
	    width: 16px;
	}
	.Quality_Assurance_System .Quality_Assurance_System_r {
	    width: 45%;
	}
	.diang_diang {
	        top: 32.5%;
        right: 20%;
	}
	.Head_Office ul li p {
	    font-size: 17px;
	}
	.title ul li a {
	    padding: 8px 15px;
	    margin-left: 10px;
	    font-size: 13px;
	}
	.title h3 {
	    font-size: 28px;
	}
	.title h3 span {
	    font-size: 15px;
	    margin-left: 10px;
	}
	.title p {
	    font-size: 17px;
	}
	.title .xiang {
	    margin: 15px 0;
	    margin-bottom: 20px;
	}
	.head-sm-height{
		    height: 70px !important;
	}
	.banner ul.nye_active#nye_nav{
		    top: 70px !important;
	}
.navbar-nav li {
    font-size: 15px;    margin: 0 20px;
}
.navbar-nav li:not(:first-child):After {
    left: -20px;
    content: "";
}
.search_Language .search input {
    font-size: 12px;
}
.search_Language .Language img {
    width: 18px;
}
.allTopRigYySpan {
    font-size: 15px;
}
.search_Language .Language img.x {
    max-width: 16px;
    width: 16px;
}
.navbar {
    height: 70px;
    line-height: 70px;
}
.navbar-brand img{
	height: 40px;
}
#title_div h3 {
    font-size: 22px;
}
#title_div .subtitle {
    font-size: 15px;
}
.Product_Details_img li h4 {
    font-size: 18px;
}
.Product_Details_img li p {
    font-size: 15px;
}
.product_banner .product_l h3 {
    font-size: 32px;    margin-bottom: 1rem;
}
.product_banner .product_l p {
    font-size: 17px;
    color: #666666;
}
.case li div h3 {
    font-size: 20px;
}
.case li div {
    font-size: 16px;
}
.banner h3 {
    font-size: 32px; 
}
.Introduction_content ul li p {
    font-size: 15px;
}
.Vision_Mission .Vision h3 {
    font-size: 28px;
}
.Vision_Mission .Vision_nr {
    font-size: 17px;
}
.swiper-containerchange_milestone .timeline-text {
    font-size: 17px;
}
.swiper-containerchange_milestone .timeline-title {
    font-size: 24px;
}
.Certificate .pc-bg-container #list_ico img{
        width: 100%;
}
.certificate_wrapper {
    height: 480px;
    overflow: hidden;
}
}
@media screen and (max-width: 1300px) {
.navbar-nav li {
    font-size: 13px;
}
.allTopRigYySpan {
   font-size: 13px;
}
.Electrical li {
    min-height: 130px;
}
.search_Language .search input {
    padding: 0 15px;
}
.search_Language .search {
    width: 110px;
}
.navbar-brand img {
    height: 30px;
}
.navbar-brand {
    margin: 10px 0;
}
}

@media screen and (max-width: 1300px) {
	#ico_div {
	    height: 460px;
	}
}
@media screen and (max-width: 1080px) {
#navbarNav{
	display: none;
}
.Research_And_Development_System{
        background: #ebebeb !important;
}

.subtitleabsolute {
    position: absolute;
    top: 10%;
    z-index: 1;
    margin-left: 10%;
    transform: initial;
    width: 80%;
        display: none;
}
.subtitleabsolute .subtitle {
    font-size: 22px;
}
.subtitleabsolute a {
margin-top: 1rem;
}
.subtitleabsolute .title {
    font-size: 24px;
    margin-bottom: 10px;
}
.counter {
  padding: 20px 0px
}
.counter li {
    width: 50%;
    margin-bottom: 1rem;
}
.counter li:nth-child(3),.counter li:nth-child(4) {
    margin-bottom: 0;
}
.counter li:nth-child(3):not(:first-child):After{
	display: none;
}
.navbar {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
}
.banner_menu{display: block;}
.head-sm-height{
		    height: 60px !important
	}
	.banner ul.nye_active#nye_nav{
		    top: 60px !important
	}
.pc{
	display:none;
}
.wap{
	display:block;
}
.counter li h3 span:nth-child(1) {
    font-size: 2rem;
}
.counter li h3 span:nth-child(2) {
    font-size: 13px;
    margin-top: 8px;
}
.counter li p {
    font-size: 13px;
}
.title h3 {
    font-size: 24px;
}
.title h3 span {
    font-size: 13px;
}
.title ul {
    display: none;
}
.title .xiang {
    width: 36%;
}
.title p {
    font-size: 15px;
    display: block;
}
.title .details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
}
.content_products{
	    position: relative;
	    top: -3rem;
}
#product .rightDownBig {
    margin-top: 1rem;
}
#product .rightDownBig {
    display: block;
}
#product .product_img {
    width: 100%;
}
#product .detail {
    width: 86%;
    padding: 7%;
}
#product .detail h3 {
    font-size: 18px;
}
#product .detail p {
    font-size: 13px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#product .detail div {
    font-size: 15px;
}
#product .detail a {
    padding: 10px 20px;
    font-size: 13px;
    width: 120px;
    margin-top: 2rem;
}
.prev_next {
    margin-top: 2rem;
}
.Introduction {
    padding: 3rem 0;
    margin-top: 0;
}
.Introduction_content {
    padding: 2rem 1rem;
}
.row_l {
    width: 100%;
}
.row_r {
    width: 100%;
    position: inherit;
    right: auto;
    top: auto;
}
a.detailsauto {
    padding: 10px 20px;
    font-size: 13px;
    margin-top: 2rem;
}
.Introduction_content ul {
    margin-top: 2rem;    margin-bottom: 1rem;
}
.Introduction_content ul li {
   width: 32%;
       margin-bottom: 2%;
}
.Introduction_content ul li:nth-child(4){
	    margin-right: 0;
}
.Introduction_content ul li a {
    padding: 20px 0;
}
.Introduction_content ul li p {
    font-size: 13px;
    margin-top: 6px;
}
.m5 {
    margin: 2rem auto;
}
.pc-slide {
    margin-top: 1rem;display: block;
}
.view {
    width: 100%;
}
.preview {
    width: 100%;
}
#ico_div {
    height: auto;
}
#title_div h3 {
    font-size: 18px;
}
#title_div .subtitle {
    font-size: 13px;
}
#title_div {
    margin-top: 1rem;    margin-bottom: 1rem;
}
.preview .swiper-slide div h3 {
    font-size: 18px;
    margin-bottom: 0px;
}
.preview .swiper-slide {
    padding: 10px 15px;
    margin-bottom: 3%;
}
.preview .swiper-slide img {
    width: 32px;
}
.p5 {
    padding: 2rem 0;
}
.pc-bg-container {
    margin-top: 1rem;
    margin-left: 0;
    margin-right: 0;
}
.pc-bg-container .swiper-slide2 {
    margin: 0;
}
.pc-bg-container #title_description h3 {
    font-size: 18px;
}
.pc-bg-container #title_description p {
    font-size: 13px;
}
.pc-bg-container #sortname {
    padding: 10px 20px;
}
.pc-bg-container #sortname h3 {
    font-size: 13px;
}
.pc-bg-container #sortname p {
    font-size: 13px;
}
.pc-bg-container #sortname img {
    width: 14px;
    margin-right: 6px;
}
.pc-bg-container #list_ico img {
    width: 100%;
}
#list_ico {
    height: 260px;
}
.pc-bg-container #title_description {
    padding: 20px;
}
.news{
	margin-bottom: 0;
}
.pc-bg-container .swiper-pagination {
    margin-top: 2rem;
}
.logo_sswx .logo_img {
    height: 24px;
}
.logo_sswx .search {
    position: relative;
    width: 130px;
    height: 36px;
    background-color: #eeeeee;
}
.logo_sswx div.wx_img{
	display: none;
}
.logo_sswx .search input {
    padding: 0 15px;
}
.foot_logo_sswx {
    padding: 20px 0;
}
.nr {
    padding: 30px 0;
}
.nr_l {
    display: none;
}
.nr_r {
    width: 100%;
}
.nr_connection p {
    font-size: 13px;
}
.nr_connection h3 {
    font-size: 15px;
}
.nr_connection img {
    margin-right: 14px;    width: 18px;
}
.nr_connection:nth-child(3){
	margin-bottom: 0;
}
.bottom_fort {
    display: block;
}
.bottom {
    padding: 15px 0;
}
.bottom p {
    font-size: 12px;
}
.bottom li {
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 10px;
}
.banner img {
width: auto;
    max-width: initial;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: -100px;
}
.banner {
    height: 220px;
    overflow: hidden;
}
.banner h3 {
    font-size: 24px;
}
.Introduction2 .row_l {
    width: 100%;
}
.Introduction2 .Introduction_content ul li {
    width: 49%;
    
}
.Vision_Mission .Vision h3 {
    font-size: 24px;
}
.Introduction2 .Introduction_content ul li:nth-child(2){
	margin-right: 0;
}
.Vision_Mission li {
     padding: 6%;
     width: 88%;    margin-right: 0;margin-bottom: 1rem;
}
.Vision_Mission li:nth-child(2) {
  margin-bottom: 1rem;
}
.Vision_Mission ul {
    display: block;
}
.Vision_Mission .Vision {
    margin-bottom: 1rem;
}
.Vision_Mission .Vision_nr {
    font-size: 15px;
}
.Vision_Mission .Vision img{
	    width: 30px;
}
.Vision_Mission {
    padding: 3rem 0;
}
.change_milestone {
    margin: 3rem 0;
    margin-top: 3rem;
}
.search_Language .search {
    display: none;
}
#navbarNav.active_navbarNav{
	display: block;
} 
.active_navbarNav.search_Language .search {
   display: flex;
}
.active_navbarNav .navbar-nav{
	display: block;
	    position: fixed;
	    left: 0;
	    top: 60px;
	    width: 100%;
	    height: 100%;
	    background: #fff;    padding-top: 2rem;
}
.active_navbarNav.search_Language form{
	    position: fixed;
	      bottom: 40px;
	    width: 90%;
	    left: 5%;
	    right: 5%;
}
.active_navbarNav.search_Language .search {
    width: 100%;
}
.search_Language .search input {
   padding: 0 5%;
       width: 90%;
}
.navbar-nav li {
    text-align: center;
}
.banner ul {
        width: 240%;
    position: initial;
    bottom: auto;
}
.bannernye_nav{
	overflow: auto;
	    display: block;
	    width: 100%;
	    position: absolute;
	    bottom: 0;
}
.banner li a {
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    width: auto;
    padding: 0 30px;
}
.timeline .swiper-pagination2 {
    right: 0;
    position: absolute;
    height: 100%;
    font-weight: 300;
    font-size: 18px;
    z-index: 1;
    overflow: auto;
    padding-right: 1.5rem;
    display: block;
    width: 44px;
    left: auto;
}
.timeline .swiper-pagination-bullet {
    font-size: 18px;    margin: 5px 0 !important;
}
.swiper-containerchange_milestone .timeline-year {
    font-size: 32px;
}
.swiper-containerchange_milestone .timeline-title {
    font-size: 18px;    margin-bottom: 0;
}
.swiper-containerchange_milestone .timeline-text {
    font-size: 15px;
}
.swiper-containerchange_milestone .swiper-slide-content {
   width: 70%;   display: block;

}
.certificate_wrapper {
      height: auto;
}
.Certificate .pc-bg-container .swiper-pagination {
       margin-top: 0;    margin-bottom: 1rem;
}

.banner .banner_active ul.nye_active#nye_nav{
	top: auto !important;
	      position: initial;   width: 248%;padding: 15px;    text-align: left;
}
.bannernye_nav.banner_active{
    position: fixed;
    bottom: auto;
    top: 60px;	    left: 0;
}
.title .title1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#productlist li {
    width: 50%;
}
#productlist li h3 {
    font-size: 15px;
}
.Electrical .title p {
    width: 100%;
}
.Electrical ul {
    width: 100%;
    margin-top: 1rem;
}
.Electrical li {
    min-height: 82px;
}
.Product_Details_img li div {
    width: 12px;
    height: 12px;
}
.Product_Details_img li div::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #1f2289;
    border-radius: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.Product_Details_img li a {
    width: 100%;    width: 180px;
}
.Product_Details_img li h4 {
    font-size: 15px;
}
.Product_Details_img li p {
    font-size: 13px;
}
.product_banner .content {
    display: block;
}
.product_banner .product_l {
    width: 100%;
}
.product_banner .product_l div {
    position: initial;
    top: 100%;
    animation-name: example4;
    animation-duration: 2s;
    transform: translate(0%, 0%);
    width: 100%;
    z-index: 3;
}
.banner.product_banner{
	    height: auto;        padding-bottom: 3rem;
}
.product_banner .product_r {
    width: 100%;
}
.product_banner .view {
    width: 100%;
}
.product_banner #ico_div img {
max-width: initial;
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 0;
}
.product_banner .preview .swiper-slide img{
	max-width: initial;
	    position: absolute;
	    left: 0;
	    margin-left: 0;
	    top: 0;
}
.product_banner .preview .swiper-slide {
    padding: 10px;
    overflow: hidden;
    background: #ffffff;
    width: 13.1%;
    float: left;
    height: 16px;
}
.product_banner #ico_div {
    height: 200px;
}
.product_banner .product_l h3 {
    font-size: 24px;
}
.product_banner .product_l p {
    font-size: 15px;
}
.product_banner .preview {
    width: 100%;
}
.case {
    margin-top: 1rem;
}
.case li {
    width: 100%;
    margin-right: 0;
}
.case li div {
    font-size: 13px;
    padding: 5%;
}
.case li div h3 {
    font-size: 18px;
}
.parameter {
    margin-top: 2rem;
    overflow: auto;
}
.Advantages p {
    width: 100%;    padding-left: 18px;
}
.Advantages p::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #1f2289;
    position: absolute;
    left: 0;
    top: 10px;
}
.pr .counter li {
    width: 50%;
    background: #1f2289;
}
.pr .counter .numCount2#banner_nav2a li h3 span:nth-child(1) {
    font-size: 1.6rem;
}
.pr .counter .numCount2#banner_nav2a ul li{
    margin-bottom: 0;    padding: 20px 0;
}
.pr .counter .numCount2#banner_nav2a ul{
	background: #1f2289;
}
.Quality_Assurance_System .content {
    display: block;
}
.Quality_Assurance_System .Quality_Assurance_System_l {
    width: 100%;
}
.Quality_Assurance_System .Quality_Assurance_System_r {
    width: 100%;margin-top: 1rem;
}
.Research_And_Development_System.Electrical .title p {
    width: 100%;
}
.Research_And_Development_System.Electrical li {
    height: 50px;
}
#process_re div h3 {
    font-size: 18px;
}
#process_re p {
    font-size: 13px;
    line-height: 1.5;
}
#process_re img {
    width: 20px;
}
#process_re {
    min-height: 110px;
}
.process_made {
    margin-top: 1rem;
}
.Production_Process_Execution_Digital_System ul {
    margin-top: 1rem;
}
.Production_Process_Execution_Digital_System ul li:nth-child(1) {
     height: 200px;
}
.Production_Process_Execution_Digital_System ul li {
    width: 100%;
    margin-right: 0;    height: auto;    height: 200px;
}
.Production_Process_Execution_Digital_System li img {
          margin-left: 0 !important;
        margin-top: 0;
        width: 100%;
}
.Production_Process_Execution_Digital_System li h3 {
    font-size: 17px;
}
.Numerical_Control_Workshop .title {
    background: rgb(31 34 137 / 70%);
    width: 90%;
    padding: 5%;
    margin-bottom: 5rem;
}
.Numerical_Control_Workshop {
    background: #ebebeb url(../img/Numerical_Control_Workshop.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.newslist .swiper-slide {
    width: 100%;
    float: left;
    margin-bottom: 5%;
}
.newsnews_news #news_l h3 {
    font-size: 24px;
}
.newsnews_news {
    display: block;
}
.newsnews_news #news_l {
    width: 100%;
}
.newsnews_news #news_l p {
    font-size: 15px;
}
.newsnews_news #news_l p.news_l_p {
    font-size: 14px;    margin-bottom: 1rem;
}
.newsnews_news #news_r {
    width: 100%;
    margin-top: 3rem;
}
.newsnews_news #news_r h3 {
    font-size: 24px;
}
.newsnews_news #news_r li p {
    font-size: 15px;
}
.newsnews_news #news_r li h4 {
    font-size: 18px;
}
.newsnews_news #news_r li p {
    font-size: 13px;
}
.Customer_Display ul {
    margin-top: 1rem;
}
.Customer_Display li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 40px;
    overflow: hidden;
}
.Customer_Display li:nth-child(3n){
	margin-right: 0;
}
.Head_Office ul {
    display: block;
}
.Head_Office ul li:nth-child(1) {
    width: 100%;
}
.Head_Office ul li p {
    width: 100%;
}
.Head_Office h4 {
    font-size: 18px;
    margin-top: 0rem;
    margin-bottom: 1rem;
}
.Head_Office ul li p {
    font-size: 15px;    float: none;
}
.Head_Office ul li p span {
    display: flex;
    align-items: flex-start;
}
.Head_Office ul li img.Head_Office_img {
    margin-top: 3px;
}
.Head_Office ul li p:nth-child(2) {
    width: 100%;
    margin-bottom: 10px;
}
.Head_Office ul li:nth-child(2) {
    width: 100%;    margin-top: 2rem;
}
.nav-item:hover .nav-dh{
    display:none;
}
}