

body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {

    margin: 0;

    padding: 0;

    border: 0

}



* {

    -webkit-tap-highlight-color: transparent;

}



body {

    font-family: "Microsoft YaHei","Arial","Helvetica Neue",Helvetica,sans-serif;

    background-color: #ffffff;

    overflow-x: hidden;

}



button, input, textarea,select{

   -webkit-appearance: none;

   resize: none;

   outline: none;

   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

   border: 0;

}

h1, h2, h3, h4, h5, h6 {

    font-weight: normal;

}



img {

    border: 0;

    max-width: 100%;

    vertical-align: middle;

}

.none{

	display:none;

}



.online_x{

	cursor:pointer;

}

button:hover,

input[type=submit]:hover {

    cursor: pointer

}



button:focus,

input:active,

input:focus,

textarea:focus {

   /* border: 0*/

  	outline: 0 none;

  	outline-color: transparent;

}



a {

    color: #333;

    display: inline-block;

}



a:link {

    text-decoration: none

}



a:visited {

    text-decoration: none

}



a:hover {

    text-decoration: none;



}



a:active {

    text-decoration: none

}



li {

    list-style: none;

}



.clear {

    clear: both;

    font-size: 0;

    line-height: 0;

    height: 0;

    visibility: hidden

}



.clearfix:after,

.clearfix:before {

    content: "";

    display: table

}



.clearfix:after {

    clear: both

}

.clearfix {

    zoom: 1

}

@font-face{

    font-family: "PingFang-Bold.ttf";

    src: url('../font/PingFang-Bold.ttf');

}

.conwidth{

	max-width: 1600px;

	width: 100%;

	margin: auto;

}

.o-main, .main{

	padding-top: 145px;

}



/*header*/

.header{

	position: fixed;

	top: 0;

	left: 0;

	z-index: 15;

	width: 100%;

	background: rgba(18,28,39,0.1);

	box-shadow: 11px 5px 35px rgba(10,2,5,0.1);

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.header.act{

	margin-top: -56px;

}

.header.act, .header.white{

	background-color: #FFFFFF;

}

.header .head-top{

	padding: 0 4.69%;

	border-bottom: rgba(101,101,101,0.3) solid 1px;

}

.header.act .head-top, .header.white .head-top{

	border-bottom: #f0f0f0 solid 1px;

}

.header .head-top .box{

	float: right;

}

.header .head-top .box>a{

	float: left;

	margin-right: 20px;

	font-size: 14px;

	color: #747474;

	line-height: 55px;

}

.head-nation{

	position: relative;

	float: right;

	height: 55px;

}

.head-nation .current{

}

.head-nation .current .name{

    font-size: 14px;

    color: #c4c4c4;

    line-height: 55px;

    padding-right: 25px;

    background: url(../image/img1.png) right center no-repeat;

    vertical-align: middle;

    display: inline-block;

    -webkit-transition: all .3s;

    transition: all .3s;

}

.header.act .head-nation .current .name, .header.white .head-nation .current .name{

	color: #4dbec7;

}

.head-nation ul{

	display: none;

	position: absolute;

	left: 50%;

	top: 55px;

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	z-index: 106;

	background-color: #FFFFFF;

	padding: 15px 15px;

	min-width: 100%;

	text-align: left;

}

.head-nation ul li{

	

	margin-bottom: 10px;

}

.head-nation ul li .region{

	color: #666666;

	font-size: 16px;

	margin-bottom: 5px;

	padding: 0px 15px;

}

.head-nation ul li a{

	display: block;

    font-size: 14px;

    color: #666666;

    line-height: 2;

   

	white-space: nowrap;

}

.head-nation ul li a:hover{

	color: #4dbec7;

}

.header .head-bottom{

	padding: 0 4.69%;

}

.header .logo{

	float: left;

}

.header .logo a{

	line-height: 90px;

}

.header .head-other{

	float: right;

}

.header .nav{

	float: left;

}

.header .nav>ul>li{

	position: relative;

	float: left;

	/*margin-right: 42px;

	margin-left: 20px;*/

	padding-left: 20px;

	padding-right: 42px;

}

.header .nav>ul>li>a{

	padding-right: 25px;

	font-size: 16px;

	color: #d1d1d1;

	line-height: 90px;

	background: url(../image/img2.png) center right no-repeat;

}

.header.act .nav>ul>li>a, .header.white .nav>ul>li>a{

	color: #333333;

	background: url(../image/img2a.png) center right no-repeat;

}

.header .nav>ul>li.on>a, .header .nav>ul>li:hover>a, .header.act .nav>ul>li.on a, .header.white .nav>ul>li.on>a{

	color: #4dbdc7;

	background: url(../image/img3.png) center right no-repeat;

}

.header .navcell{

	display: none;

	position: absolute;

	left: 50%;

	top: 90px;

	z-index: 99;

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	background: rgba(0,0,0,.45);

	min-width: 200px;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    white-space: nowrap;

}

.header .navcell .con{

	padding: 18px 0px;

	min-height: 390px;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    white-space: nowrap;

}

.header .nav-li{

	width: 100%;

	text-align: center;

	margin-bottom: 5px;

}

.header .nav-li:last-child{

	margin-bottom: 0;

}

.header .nav-li>a, .header .nav-li .a-level{

	display: block;

	width: 100%;

	color: #dfdfdf;

	font-size: 16px;

	line-height: 2;

	cursor: pointer;

	padding: 0px 12px;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}

.header .nav-li .a-level{

	position: relative;

	padding-right: 25px;

}

/*.header .nav-li .a-level i{

	position: absolute;

	right: 12px;

	top: 0;

	display: inline-block;

	width: 7px;

	height: 100%;

	background: url(../images/img8.png) center right no-repeat;

	background-size: 7px 12px;

}

.header .nav-li:hover .a-level i{

	background: url(../images/img9.png) center right no-repeat;

	background-size: 7px 12px;

}*/

.header .nav-li:hover>a, .header .nav-li:hover .a-level{

	color: #ffffff;

}

.header .nav-li .level-con{

	position: absolute;

	left: 200px;

	top: 0px;

	min-height: 306px;

	display: none;

}

.header .nav-li:hover .level-con{

	display: block;

}

/*20210423*/

.header .nav-li .level-con ul{

	padding: 20px 0px;

	min-width: 320px;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}

.header .nav-li .level-con>ul>li{

	line-height: 1.7;

}

.header .nav-li .level-con ul li>a{

	display: block;

	width: 100%;

	color: #dfdfdf;

	font-size: 16px;

	margin-bottom: 10px;

	padding: 0 30px;

	min-width: 140px;

	text-align: left;

	white-space: pre-wrap;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}

.header .nav-li .level-con ul li a:hover{

	color: #FFFFFF;

}

.header .nav-li .prod-nav {

    position: absolute;

    top: 0;

    left: 320px;

    width: auto;

    text-align: left;

    min-height: 100%;

    white-space: nowrap;

    padding: 20px 0px;

    display: none;

}

.header .nav-li .prod-nav a{

	display: block;

	width: 300px;

	white-space: pre-wrap;

	color: #dfdfdf;

    font-size: 16px;

	margin-bottom: 5px;

}

.header .level-con ul li:hover .prod-nav{

	display: block;

}

@media screen and (max-width: 1200px){

	.header .nav-li .level-con ul{

		min-width: 260px;

	}

	.header .nav-li .prod-nav{

		left: 260px;

	}

	.header .nav-li .prod-nav a{

		width: 200px;

	}

}

/*20210423end*/













.head_back{

	display:none;

	position:absolute;

	top: 145px;

	left:0;

	right:0;

	width: 100%;

	/*height: 390px;*/

	background: rgba(0,0,0,.45);

	z-index: 2;

	box-shadow: 0 2px 5px rgba(0,0,0,.1);

}



.searchdiv{

	float: left;

	margin-left: 25px;

}

.header .show-search-btn {

    display: block;

    height: 90px;

    line-height: 90px;

    transition-duration: .3s;

    text-align: center;

    color: #fff;

    overflow: hidden;

    cursor: pointer;

}

.show-search-btn img{

	cursor: pointer;

}

.show-search-btn .ic2{

	display: none;

}

.header.act .show-search-btn .ic1, .header.white .show-search-btn .ic1{

	display: none;

}

.header.act .show-search-btn .ic2, .header.white .show-search-btn .ic2{

	display: inline-block;

}

.search{

  	position: fixed;

 	z-index: 6;

  	top: 145px;

  	right: 0;

  	height: auto;

  	overflow: hidden;

  	/*height: 100%;

  	max-height: 100vh;

  	overflow-y: scroll;

  	overflow-x: hidden;*/

  	-webkit-overflow-scrolling: touch;

  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  	opacity: 0;

  	visibility: hidden;

  	transition-property: opacity,visibility;

  	transition-duration: .5s;

  	transition-delay: .5s;

}

.header.act .search{

	top: 90px;

}

.search.search-is-open{

  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	opacity:1;

	visibility:visible;

	transition-delay:0s;}

.search.search-is-open .search__container{

	transform:translateY(0) translateZ(0);

}

.search__container{

  	position:relative;

  	z-index:2;

	background-color:#fff;

	transform:translateY(-100%) translateZ(0);

	transition:transform .75s cubic-bezier(.77,0,.175,1);

}

.search__overlay{

  	position:fixed;

  	z-index:1;

	top:0;

	right:0;

	width:100%;

	height:100%;

	/*background-color:#1d1d1d;*/

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

	opacity:.2;

}

.search, .search__overlay{

	left:0;

}

.search-header{

	position:relative;

  	padding-top: 90px;

	padding-bottom: 120px;

}

.row{

	position: relative;

}

.search-header .search-loader{

	position:absolute;

  	top:17px;

	left:2.6vw;

}

.search-header .search-btn-close{position:absolute;

  	top:0;

	right:0;

}

.search-header .search-input{

  	font-size:24px;

	width:100%;

	-webkit-appearance:none;

	-moz-appearance:none;

	border:0;

}

.search-header .search-input__wrapper:after{content:"";

	position:absolute;

	z-index:1;

	bottom:0;

	left:0;

	right:0;

	height:1px;

	background-color:#d9d9d9;

	width:100%;

}

.search-item{position:relative;

  	display:block;

	overflow:hidden;

	transition:background-color .2s,opacity .3s,color .3s;

	transform-origin:0 0;

	color:#1d1d1d;

}

.search-item:after{

	content:"";

	position:absolute;

	z-index:1;

	bottom:0;

	left:8.333%;

	right:8.333%;

	height:1px;

	background-color:#d9d9d9;

}

.search-item .solr-highlight{

	background-color:rgba(101,32,142,.2);

}

.search-close {

  	position: absolute;

  	display: block;

  	top: 0;

 	right: 0;

  	width: 28px;

  	height: 72px;

  	background: url(../image/close.png) no-repeat center;

  	background-size: 28px 28px;

  	cursor: pointer;

  	z-index: 6;

  	transition-duration: .5s;

}

.search-close:hover {

  	transform: rotate(90deg);

}

.search .submit0 {

  	position: absolute;

  	top: 0;

  	left: 0;

  	z-index: 5;

  	width: 28px;

  	height: 75px;

  	background: url(../image/searchf.png) no-repeat center;

  	border: none;

  	background-size: 28px 28px;

  	box-sizing: border-box;

  	display: block;

}

.search-header .search-input {

  	display: block;

  	text-indent: 80px;

 	line-height: 75px;

  	font-size: 24px;

  	color: #333;

  	width: 100%;

  	-webkit-appearance: none;

  	-moz-appearance: none;

  	border: 0;

  	border-bottom: 1px solid #d9d9d9;

}

/**/

.menubtn{

	float: right;

	display: none;

	width: 50px;

    height: 60px;

    background: url(../image/menu-icon1.png) center right no-repeat;

    -moz-background-size: 26px 26px;

    -webkit-background-size: 26px 26px;

    background-size: 26px 26px;

    cursor: pointer;

}

.menubtn.on{

    background: url(../image/menu-icon2.png) center right no-repeat;

    -moz-background-size: 26px 26px;

    -webkit-background-size: 26px 26px;

    background-size: 26px 26px;

}

/**/

.m-nav{

	display: none;

	position: fixed;

    right: 0;

    top: 60px;

    width: 100%;

    height: -moz-calc(100vh - 60px);

    height: -webkit-calc(100vh - 60px);

    height: calc(100vh - 60px);

    background: #fff;

    display: none;

    overflow-y: auto;

    z-index: 105;

}

.m-nav .m-searchbox{

	padding: 6% 3% 0;

	overflow: hidden;

}

.m-nav .m-search{

	width: 100%;

	border: #666666 solid 1px;

	border-radius: 15px;

	margin: 0 auto;

	padding-right: 20px;

	padding-left: 60px;

	background: url(../image/search.png) center left 20px no-repeat;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.m-nav .m-search input{

	width: 100%;

	height: 50px;

	line-height:50px;

	color: #333333;

	font-size: 16px;

	background: none;

	border: none;

	outline: none;

	-webkit-appearance: none;

  	-moz-appearance: none;

}

.m-nav ul{

	padding: 3% 3% 5%;

}

.m-nav ul li{

	position: relative;

	width: 100%;

	border-bottom: 1px solid #eeeeee;

	padding: 0 3%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.m-nav ul li .one-level{

	width: 100%;

}

.m-nav ul li .one-level i{

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	width: 18px;

	height: 100%;

	background: url(http://www.amoulmed.com/Public/Home/images/img71.png) center no-repeat;

	background-size: 13px 7px;

}

.header .m-nav ul li>a, .one-level{

	position: relative;

	display: inline-block;

	color: #333333;

	font-size: 18px;

	margin: 0 auto;

	line-height: 65px;

}

.m-nav .submenu{

	display: none;

	margin: auto;

	width: 100%;

	padding: 0 3% 3%;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.submenu .submenu-li a{

	display: inline-block;

	color: #666666;

	font-size: 16px;

	line-height: 2.4;

}

.submenu a:hover{

	color: #4cbbc5;

}

.submenu-li .two-level{

    color: #666666;

    font-size: 18px;

    line-height: 2.4;

}

.submenu-li .level-box{

	display: none;

}

.submenu-li .level-ul{

	margin: 20px auto 0px;

	overflow: hidden;

}

.submenu-li .level-li{

	float: left;

	width: 48%;

	text-align: center;

	overflow: hidden;

	margin-right: 4%;

	margin-bottom: 2%;

}

.submenu-li .level-li:nth-child(2n){

	margin-right: 0;

}

.submenu-li .level-li .imgbox{

	width: 100%;

	overflow: hidden;

	margin-bottom: 10px;

}

.submenu-li .level-li .imgbox img{

	max-width: 100%;

}

.submenu-li .level-li .txtbox{

	padding: 0 5%;

	overflow: hidden;

}

.submenu-li .level-li .txtbox .t1{

	color: #333333;

	font-size: 16px;

	line-height: 1.5;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.submenu-li .level-li .txtbox .t2{

	color: #333333;

	font-size: 14px;

	line-height: 1.5;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

/*banner*/

.lunbotu{

	position: relative;

	width: 100%;

	overflow: hidden;

}

.lunbotu .swiper-slide{

	position: relative;

}

.lunbotu .swiper-slide>a,.lunbotu .swiper-slide>.bannerd{

	position: relative;

	display: block;

	width: 100%;

}

.lunbotu .swiper-slide>a>img,.lunbotu .swiper-slide>.bannerd>img{

	width: 100%;

}

.lunbotu .swiper-slide>a:before,.lunbotu .swiper-slide>.bannerd:before{

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: url(../image/bannerbg.png) top center no-repeat;

	background-size: 100% auto;

}

.oimg2{

	display: none;

}

.i-banner{

	position: absolute;

	left: 50%;

	top: 50%;

	-o-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: 2;

}

.i-banner .box{

	position: relative;

	padding: 0px 30px;

}

.i-banner .box:before{

	content: '';

	position: absolute;

	left: 0;

	top: 9%;

	width: 5px;

	height: 90%;

	background-color: #4dbdc7;

}

.i-banner .box .t1{

	color: #4dbdc7;

	font-size: 45px;

	font-weight: bold;

	margin-bottom: 10px;

}

.i-banner .box .t2{

	color: #4dbdc7;

	font-size: 25px;

}

.i-banner .btn{

	margin-top: 55px;

	padding: 0px 30px;

}

.i-banner .btn a{

	display: inline-block;

	text-align: center;

	min-width: 180px;

	padding: 0px 15px;

	color: #4cbbc5;

	font-size: 18px;

	margin-right: 25px;

	height: 55px;

	line-height: 51px;

	border: #4cbbc5 solid 2px;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-webkit-transition: all .4s ease;

	transition: all .4s ease;

	overflow: hidden;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}

.i-banner .btn a:hover{

	background-color: #4cbbc5;

	border: #4cbbc5 solid 2px;

	color:#ffffff;

}

.i-banner .btn a img{

	display: block;

	vertical-align: middle;

	margin-left: 8px;

}

.i-banner .btn a .h-img{

	display:none;

}

.i-banner .btn a:hover .h-img{

	display:block;

	margin-left: 8px;

}

.i-banner .btn a:hover .m-img{

	display: none;

}

.i-banner .btn a span{

	display:inline-block;

	vertical-align:middle;

}





.lunbotu .swiper-pagination {

    display: inline-block;

    text-align: left;

    padding: 0px 30px;

    overflow: hidden;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}

.lunbotu.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px;

}

.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction {

    bottom: 10.7%;

    left: 50%;

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}

.lunbotu .swiper-pagination-bullet {

	position: relative;

    width: 13px;

    height: 13px;

    display: inline-block;

    vertical-align: middle;

    border-radius: 50%;

    opacity: 1;

    background-color: #dcdcdc;

}

.lunbotu .swiper-pagination-bullet-active{

	border: #e9e9e8 solid 5px;

   	background-color: #4cbbc5;

}

.lunbotu .swiper-pagination-bullet-active:before{

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

	-o-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 22px;

	height: 22px;

	border-radius: 50%;

	background-color: #e9e9e8;

	z-index: -1;

}

.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{

	position: absolute;

	top: 50%;

    width: 50px;

    height: 50px;

    margin-top: -25px;

    z-index: 10;

    cursor: pointer;

    background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;

}

.lunbotu .swiper-button-prev, .lunbotu .swiper-container-rtl .swiper-button-next {

    background-image: url(../image/arrow-l.png);

    left: 2%;

    right: auto;

}

.lunbotu .swiper-button-next, .lunbotu .swiper-container-rtl .swiper-button-prev {

    background-image: url(../image/arrow-r.png);

    right: 2%;

    left: auto;

}



.obanner{

	position: relative;

	width: 100%;

	overflow: hidden;

}

.obanner .imgbox{

	width: 100%;

}

.obanner .imgbox img, .obanner .oimg1{

	display: block;

	width: 100%;

}

.particles-box{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 3;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.ob-img {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.obanner .bannerzi{

	position: absolute;

    top: 50%;

    left: 50%;

    transform:translate(-50%, -50%);

	-ms-transform:translate(-50%, -50%);

	-moz-transform:translate(-50%, -50%);

	-webkit-transform:translate(-50%, -50%);

	-o-transform:translate(-50%, -50%);

    margin: auto;

}



.obanner .bannerzi1{

    top: 20%;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}



.obanner .bannerzi .box{

	text-align: left;

}

.obanner .bannerzi .box.center{

	text-align: center;

}

.obanner .bannerzi .box .t1{

	font-weight: bold;

	color: #4dbdc7;

	font-size: 45px;

	margin-bottom: 15px;

}

.obanner .bannerzi .box .t2{

	color: #FFFFFF;

	font-size: 28px;

}

.obanner .bannerzi .box .ocolor{

	/*color: #888888;*/

	color: #FFFFFF

}

.obanner .bannerzi .box .icolor{

	color: #FFFFFF;

}

/*.obanner .bannerzi .box .white{

	color: #4dbdc7;

}*/

.obanner .bannerzi .box .uppercase{

	text-transform: uppercase;

}

@media only screen and (max-width: 1024px){

	.obanner .oimg1{

		display: none;

	}

	.ob-img{

		display: block;

	}

	.obanner .bannerzi{

		position: static;

	    transform: none;

	    padding-top: 18%;

	    padding-bottom: 18%;

	}

}

/*footer*/

.footer{

	padding-top: 40px;

	background-color: #f2f2f2;

}

.footer .foot-top{

	padding: 0 4.69%;

	border-bottom: #e6e6e6 solid 1px;

}

.footer .foot-bottom{

	padding: 0 4.69%;

}

.footer .copyright{

	padding-top: 22px;

	padding-bottom: 32px;

	color: #aaaaaa;

	font-size: 14px;

}

.footer .copyright a{

	color: #515151;

}

.footer .copyright .support{

	float: right;

	color: #aaaaaa;

}

.footer .copyright .support:hover{

	color: #515151;

}

.foot-infor{

	float: left;

	width: 29.5%;

	padding-bottom: 40px;

	padding-right: 2.5%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.foot-infor .f-logo{

	margin-bottom: 40px;

}

.foot-infor .hotline{

	font-family: "PingFang-Bold.ttf";

	color: #000000;

	font-size: 24px;

}

.foot-infor .hotline .sp{

	display: inline-block;

	vertical-align: baseline;

	font-size: 32px;

}

.foot-infor .txt{

	margin-top: 30px;

}

.foot-infor .txt li{

	width: 100%;

	overflow: hidden;

	font-size: 16px;

	line-height: 1.8;

	margin-bottom: 10px;

}

.foot-infor .txt li .t1{

	float: left;

	width: 80px;

	color: #000000;

}

.foot-infor .txt li .t2{

	float: left;

	width: -moz-calc(100% - 90px);

	width: -webkit-calc(100% - 90px);

	width: calc(100% - 90px);

	color: #817272;

}

.foot-infor .share{

	margin-top: 25px;

}

.foot-infor .share li{

	float: left;

	margin-right: 10px;

}

.foot-infor .share li a{

	display: block;

	width: 40px;

	height: 40px;

	line-height: 40px;

	border-radius: 50%;

	text-align: center;

	background-color: #dfdfdf;

}

.foot-infor .share li a:hover{

	background-color: #4dbdc7;

}

.foot-infor .share li a img{

	max-width: 63%;

}

.foot-infor .share li a .icon2{

	display: none;

}

.foot-infor .share li a:hover .icon1{

	display: none;

}

.foot-infor .share li a:hover .icon2{

	display: inline-block;

}

.foot-nav{

	float: left;

	width: 54.6%;

	border-left: #e6e6e6 solid 1px;

	border-right: #e6e6e6 solid 1px;

	padding-left: 8%;

	padding-bottom: 10px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.foot-nav ul li{

	float: left;

	width: 25%;

}

.footer .foot-top .tit{

	font-size: 24px;

	color: #333333;

	margin-bottom: 32px;

}

.foot-nav ul li a{

	display: block;

	color: #888888;

	font-size: 16px;

	line-height: 1.7;

	margin-bottom: 5px;

}

.foot-follow{

	float: right;

	text-align: center;

}

.foot-follow .code{

	margin-bottom: 10px;

}

.foot-follow .code img{

}

.foot-follow .codetxt{

	color: #958f8f;

	font-size: 16px;

}





/*index*/

.i-about{

	padding-top: 75px;

	padding-bottom: 85px;

	background-color: #f5f5f5;

}

.i-about .box{

}

.i-about .leftbox{

	position: relative;

	float: left;

	width: 57.5%;

	overflow: hidden;

}

.i-about .leftbox .img{

	position: relative;

	z-index: 2;

	width: 100%;

	overflow: hidden;

}

.i-about .leftbox .img.hide{

	z-index: 1;

	opacity: 0;

}

.i-about .leftbox img{

	width: 100%;

}

.i-aboutvideo{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.i-about .leftbox .i-video{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

	width: 100%;

	height: 100%;

	overflow: hidden;

	cursor: pointer;

}

.i-about .leftbox .icon{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 3;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5) url(../image/img11.png) center no-repeat;

	background-size: 9.6% auto;

}

.i-about .rightbox{

	float: left;

	width: 42.5%;

	padding-left: 3.6%;

	padding-right: 4.2%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.i-about .rightbox .txt{

	font-size: 16px;

	color: #888888;

	line-height: 2;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 7;

	-webkit-box-orient: vertical;

}

.i-about .rightbox .more{

	margin-top: 25px;

}

.i-about .rightbox .more a{

	color: #4cbbc5;

	font-size: 18px;

}

.i-about .rightbox .more a img{

	display: inline-block;

	vertical-align: middle;

	margin-left: 12px;

}

.num{

	margin-top: 60px;

}

.i-about .num{

	float: right;

	width: 42.5%;

    padding-left: 3.6%;

    padding-right: 4.2%;

    overflow: hidden;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.about .num{

	float: right;

	width: 54%;

	padding-left: 5.7%;

    padding-right: 4.2%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.num ul li{

	float: left;

	width: 33.33%;

	text-align: center;

	overflow: hidden;

}

.num ul li .t1{

	color: #4cbbc5;

	font-size: 36px;

	font-weight: bold;

}

.num ul li .t1 .timer{

	display: inline-block;

	font-size: 40px;

}

.num ul li .t1 .year{

	display: inline-block;

	font-size: 24px;

}

.num ul li .line{

	width: 70px;

	height: 2px;

	background-color: #4cbbc5;

	margin: 20px auto;

}

.num ul li .t2{

	color: #333333;

	font-size: 18px;

	font-weight: bold;

}



/**/

.generalize{

	padding-top: 115px;

	padding-bottom: 90px;

	background-color: #FFFFFF;

}

.event li{

	width: 100%;

	overflow: hidden;

	margin-bottom: 120px;

}

.event li:last-child{

	margin-bottom: 0;

}

.event li .leftbox{

	float: left;

	width: 57.5%;

	overflow: hidden;

}

.event li .leftbox a{

	display: block;

	width: 100%;

}

.event li .leftbox img{

	width: 100%;

	/*-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;*/

}

.event li:hover .leftbox img{

	/*-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	transform: scale(1.1);*/

}

.event li .rightbox{

	float: left;

	width: 42.5%;

	padding-left: 3.6%;

	padding-right: 4.2%;

	padding-bottom: 20px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.company-event .event li .rightbox{

	margin-top: 6%;

}

.company-event .event li:nth-child(even) .leftbox{

	float: right;

}

.company-event .event li:nth-child(even) .rightbox{

	padding-left: 0;

}

.event li .rightbox a{

	display: block;

	width: 100%;

}

.event li .rightbox .t1{

	position: relative;

	color: #4cbbc5;

	font-size: 36px;

	font-weight: bold;

	padding-bottom: 9%;

	margin-bottom: 30px;

}

.event li .rightbox .t1:before{

	content: '';

	position: absolute;

	bottom: 0;

	left: 20px;

	width: 2px;

	height: 42%;

	background-color: #000000;

}

.event li .rightbox .t2{

	color: #000000;

	font-size: 36px;

	font-weight: bold;

	margin-bottom: 20px;

}

.event li .rightbox .t3{

	color: #888888;

	font-size: 16px;

	line-height: 1.65;

	margin-bottom: 25px;

}

.event li .rightbox .t4{

	color: #4cbbc5;

	font-size: 16px;

	margin-bottom: 60px;

}

.event .rightbox .more{

	max-width: 190px;

	height: 55px;

	line-height: 55px;

	text-align: center;

	color: #4cbbc5;

	font-size: 24px;

	border-radius: 28px;

	box-shadow: 0px 3px 13px rgba(0,0,0,0.2);

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.event li .rightbox .more:hover{

	background-color: #4cbbc5;

	color: #FFFFFF;

}

/**/

.i-news {
    max-width: 90%;
    margin: auto;
    padding-bottom: 70px;
    padding-top: 70px;
}
.index_news {
    display: inline-block;
}
.index_news .index_news_ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.index_news .index_news_ul li {
    width: 50%;
    float: left;
    padding: 15px 0;
}
.index_news .index_news_ul li:hover div{
    color:#4dbdc7;
}
.index_news_ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.index_news_ul li a .t2 {
    width: 80%;
    text-align: left;
    padding-right: 20px;
    box-sizing: border-box;
}
.index_news_ul li a .t3 {
    width: 20%;
}

/**/

.i-product{

	padding-top: 60px;

	padding-bottom: 80px;

	background-color: #f5f5f5;

	overflow: hidden;

}

/*.i-product .conwidth{

	padding-left: 100px;

	padding-right: 100px;

	overflow: hidden;

}*/

.i-product .conwidth{

	padding-left: 100px;

	padding-right: 100px;

	overflow: hidden;

}

@media only screen and (max-width: 1024px){

	.i-product .conwidth{

		padding-left: 0px;

		padding-right: 0px;

	}

	.i-product .box{

		overflow: hidden;

	}

}

/*视频*/

.i-convideo iframe {

    width: 100%;

    height: 100%;

}

.i-video iframe {

    width: 100%;

    height: 100%;

}

/*视频*/

.i-product .box{

	padding-top: 75px;

	padding-bottom: 70px;

	position: relative;

	width: 100%;

	/*overflow: hidden;*/

}

.i-product .box .swiper-slide{

	position: relative;

}

.single{

	position: relative;

}

.single, .single a{

	width: 100%;

	text-align: center;

}

.single .img{

	position: relative;

	z-index: ;

	width: 190px;

	height: 190px;

	line-height: 190px;

	border-radius: 50%;

	box-shadow: 0px 3px 13px rgba(0,0,0,0.11);

	overflow: hidden;

	margin: 10px auto 25px;

	background:#ffffff;

}

.single .txt{

	color: #000000;

	font-size: 18px;

	font-weight: bold;

	line-height: 1.7;

	min-height: 62px;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.single .see a{

	width: 116px;

	height: 36px;

	line-height: 36px;

	border-radius: 18px;

	color: #888888;

	font-size: 14px;

	border: #888888 solid 1px;

	margin: 10px auto 0px;

}

.single:hover .see a{

	color: #FFFFFF;

	background-color: #4cbbc5;

	border: #4cbbc5 solid 1px

}

.single .see img{

	display: inline-block;

	vertical-align: middle;

}

.single .see .icon2{

	display: none;

}

.single:hover .see .icon1{

	display: none;

}

.single:hover .see .icon2{

	display: inline-block;

}

.i-product .swiper-pagination {

    display: inline-block;

}

.i-product .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px;

}

.i-product .swiper-container-horizontal>.swiper-pagination-bullets, .i-product .swiper-pagination-custom, .i-product .swiper-pagination-fraction {

    bottom: 0;

}

.i-product .swiper-pagination-bullet {

	position: relative;

    width: 18px;

    height: 18px;

    display: inline-block;

    vertical-align: middle;

    border-radius: 50%;

    opacity: 1;

    background-color: #dadddd;

}

.i-product .swiper-pagination-bullet-active{

   	background-color: #4cbbc5;

}

.convideo{

	position: absolute;

	top: -75px;

	left: 50%;

	z-index: 10;

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 400px;

	height: 280px;

	display: none;

}

.single:hover .convideo{

	display: block;

}

.convideo .videoimg{

	position: relative;

	z-index: 20;

	width: 100%;

	overflow: hidden;

}

.convideo .videoimg.hide{

	z-index: -1;

	opacity: 0;

}

.convideo img{

	width: 100%;

}

.convideo .i-convideo{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 18;

	width: 100%;

	height: 100%;

	overflow: hidden;

	cursor: pointer;

}

.convideo .icon{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 22;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5) url(../image/img25.png) center no-repeat;

	background-size: 11.8% auto;

}



.i-recruit{

	position: relative;

	padding-top: 130px;

	padding-bottom: 115px;

}

.i-recruit .imgbg{

	position: absolute;

	left: 0;

	top: 0;

	z-index: -1;

	width: 100%;

	height: 100%;

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}

.i-recruit a{

	display: block;

	width: 100%;

}

.i-recruit .box{

	text-align: center;

}

.i-recruit .box .t1{

	font-size: 45px;

	color: #4cbbc5;

	margin-bottom: 20px;

}

.i-recruit .box .t2{

	font-size: 24px;

	color: #bbbbbb;

	margin-bottom: 50px;

}

.i-recruit .box .t3{

	max-width: 210px;

	height: 55px;

	line-height: 55px;

	border-radius: 28px;

	background-color: #f8b600;

	color: #f6f5f5;

	font-size: 24px;

	margin: 0 auto;

}

.i-recruit .box .t3{

	background-color: #f8b600;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.i-recruit .box .t3:hover{

	background-color: #4cbbc5;

}

@media only screen and (max-width: 1440px){

	.conwidth{

		padding-left: 7%;

		padding-right: 7%;

		-o-box-sizing: border-box;

		-ms-box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	/*banner*/

	.i-banner .box .t1{

		font-size: 40px;

	}

	.i-banner .box .t2{

		font-size: 21px;

	}

	.i-banner .btn a{

		min-width: 160px;

	}

	/**/

	.i-about{

		padding-bottom: 70px;

	}

	.i-about .rightbox{

		padding-right: 0;

	}

	.num{

		margin-top: 30px;

	}

	.i-about .num, .about .num{

		padding-right: 0;

	}

	.num ul li .t1{

		font-size: 32px;

	}

	.num ul li .t1 .timer{

		font-size: 36px;

	}

	.num ul li .t1 .year{

		font-size: 20px;

	}

	.num ul li .line{

		margin: 15px auto;

	}

	.generalize{

		padding-top: 70px;

		padding-bottom: 70px;;

	}

	.event li{

		margin-bottom: 80px;

	}

	.event li .rightbox .t1{

		font-size: 30px;

	}

	.event li .rightbox .t2{

		font-size: 30px;

	}

	.event li .rightbox .t4{

		margin-bottom: 30px;

	}

	.event li .rightbox .more{

		max-width: 160px;

		font-size: 20px;

		height: 50px;

		line-height: 50px;

	}

	.i-product{

		padding-top: 50px;

		padding-bottom: 70px;

	}

	.i-product .swiper-pagination-bullet{

		width: 14px;

		height: 14px;

	}

	.i-recruit .box .t1{

		font-size: 40px;

	}

	.i-recruit .box .t2{

		font-size: 20px;

	}

	.i-recruit .box .t3{

		max-width: 180px;

		height: 50px;

		line-height: 50px;

	}

}

@media only screen and (max-width: 1280px){

	.header .nav>ul>li{

		/*margin-right: 32px;*/

		padding-right: 32px;

	}

	/*banner*/

	.i-banner .box .t1{

		font-size: 36px;

	}

	.i-banner .box .t2{

		font-size: 18px;

	}

	.i-banner .btn a{

		height: 50px;

		line-height: 46px;

		font-size: 17px;

	}

	/*footer*/

	.footer .foot-top .tit{

		font-size: 22px;

	}

	.foot-nav{

		padding-left: 6%;

	}

	.foot-nav ul li a{

		font-size: 15px;

	}

	.foot-infor .hotline .sp{

		font-size: 28px;

	}

	.foot-infor .txt li{

		font-size: 15px;

	}

	/**/

	.i-about .rightbox .more a{

		font-size: 16px;

	}

	.num ul li .t1{

		font-size: 28px;

	}

	.num ul li .t1 .timer{

		font-size: 32px;

	}

	.num ul li .t1 .year{

		font-size: 17px;

	}

	.num ul li .line{

		margin: 10px auto;

	}

	.num ul li .t2{

		font-size: 16px;

	}

	.event li{

		margin-bottom: 60px;

	}

	.event li .rightbox .t2{

		font-size: 28px;

	}

	.i-recruit .box .t1{

		font-size: 36px;

	}

	.i-recruit .box .t2{

		font-size: 20px;

		margin-bottom: 40px;

	}

	.i-recruit .box .t3{

    	font-size: 20px;

	}

	.i-about .rightbox .txt{

		font-size: 15px;

	}

}

@media only screen and (max-width: 1200px){

	.header .nav ul li{

		margin-right: 15px;

	}

}

@media only screen and (max-width: 1024px){

	.conwidth{

		padding-left: 4%;

		padding-right: 4%;

	}

	/*header*/

	.menubtn{

		display: block;

	}

	.header{

		background-color: #FFFFFF;

	}

	.header.act{

		margin-top: 0;

	}

	.head-top{

		display: none;

	}

	.header .nav{

		display: none;

	}

	.header .head-bottom{

		padding: 0 3%;

	}

	.header .logo a{

		line-height: 60px;

	}

	.header .logo a img{

		max-height: 40px;

	}

	.search, .header.act .search{

		top: 60px;

	}

	.show-search-btn .ic1{

		display: none;

	}

	.show-search-btn .ic2{

		display: inline-block;

	}

	.header .show-search-btn{

		height: 60px;

		line-height: 60px;

	}

	.search-header{

		padding-top: 40px;

    	padding-bottom: 50px;

	}

	.search .submit0{

		height: 50px;

		background: url(../image/searchf.png) no-repeat center;

		background-size: 24px 24px;

	}

	.search-close{

		height: 50px;

		background: url(../image/close.png) no-repeat center;

    	background-size: 24px 24px;

	}

	.search-header .search-input{

		text-indent: 50px;

		font-size: 20px;

		line-height: 50px;

	}

	/*footer*/

	.foot-nav, .foot-infor .share{

		display: none;

	}

	.foot-infor{

		width: 75%;

	}

	.footer .foot-top .tit {

		font-size: 20px;

		margin-bottom: 10px;

	}

	.foot-follow{

		margin-top: 50px;

	}

	.foot-follow .codetxt{

		font-size: 15px;

	}

	.foot-infor .hotline{

		font-size: 20px;

	}

	.foot-infor .hotline .sp{

		font-size: 24px;

	}

	.foot-infor .txt{

		margin-top: 20px;

	}

	/*banner*/

	.lunbotu .swiper-slide>a:before{

		display: none;

	}



	 /* .lunbotu .swiper-button-prev {

		background-image:url(../image/arrow-l.png)

	}



	.lunbotu .swiper-button-next{

		background-image:url(../image/arrow-r.png)

	} */



	

	.i-banner .box .t1{

		font-size: 30px;

	}

	.i-banner .box .t2{

		font-size: 16px;

	}

	.i-banner .btn{

		margin-top: 40px;

	}

	.i-banner .btn a{

		min-width: 140px;

		font-size: 16px;

	}

	.lunbotu .swiper-pagination-bullet{

		width: 10px;

		height: 10px;

	}

	.lunbotu .swiper-pagination-bullet-active{

		border: #e9e9e8 solid 3px;

	}

	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{

		bottom: 20px;

	}

	/**/

	.main{

		padding-top: 60px;

	}

	/*index*/

	.i-about{

		padding-top: 70px;

		padding-bottom: 70px;

	}

	.i-about .leftbox{

		width: 50%;

	}

	.i-about .rightbox{

		width: 50%;

	}

	.i-about .rightbox .more{

		margin-top: 15px;

	}

	.i-about .num{

		width: 100%;

		float: none;

		clear: both;

		padding-left: 0;

	}

	.about .num{

		width: 100%;

		padding: 0;

		clear: both;

		margin-top: 40px;

	}

	.num{

		padding-top: 40px;

	}

	.generalize{

		padding-top: 70px;

		padding-bottom: 70px;

	}

	.event li{

		margin-bottom: 50px;

	}

	.event li .leftbox{

		width: 50%;

	}

	.event li .rightbox{

		width: 50%;

		padding-right: 0;

	}

	.event li .rightbox .t1{

		font-size: 26px;

    	margin-bottom: 20px;

	}

	.event li .rightbox .t2{

		font-size: 24px;

		margin-bottom: 10px;

	}

	.event li .rightbox .t3{

		font-size: 14px;

		margin-bottom: 15px;

	}

	.event li .rightbox .more{

		max-width: 140px;

	    font-size: 17px;

	    height: 45px;

	    line-height: 45px;

	}

	.i-product .box{

		padding-top: 0px;

		padding-bottom: 50px;

		/*padding-top: 50px;*/

	}

	.convideo{

		display: none;

		/*width: 350px;

		height: 245px;

		top: -50px;*/

	}

	.single:hover .convideo{

		display: none;

	}

	.single .txt{

		min-height: 1px;

	}

	.i-product .swiper-pagination-bullet{

		width: 10px;

		height: 10px;

	}

	.single .see a{

		margin-top: 15px;

	}

	.i-recruit .box .t1{

		font-size: 32px;

		margin-bottom: 15px;

	}

	.i-recruit .box .t2{

		font-size: 18px;

		margin-bottom: 30px;

	}

	.i-recruit .box .t3{

		max-width: 160px;

		height: 45px;

	    line-height: 45px;

    	font-size: 18px;

	}

}

@media only screen and (max-width: 768px){

	/*header*/

	.header .logo a img{

		line-height: 36px;

	}

	.search-header{

		padding-top: 30px;

    	padding-bottom: 40px;

	}

	.search .submit0{

		background: url(../image/searchf.png) no-repeat center;

		background-size: 22px 22px;

	}

	.search-close{

		background: url(../image/close.png) no-repeat center;

    	background-size: 22px 22px;

	}

	.search-header .search-input{

		text-indent: 40px;

	}

	/*footer*/

	.foot-infor .f-logo{

		margin-bottom: 30px;

	}

	.footer .foot-top .tit {

		font-size: 18px;

	}

	.foot-follow .codetxt{

		font-size: 14px;

	}

	.foot-infor{

		padding-bottom: 30px;

	}

	.foot-infor .hotline{

		font-size: 18px;

	}

	.foot-infor .hotline .sp{

		font-size: 22px;

	}

	.foot-infor .txt li{

		font-size: 14px;

	}

	.foot-follow .code{

		max-width: 90px;

		margin: 0px auto 10px;

	}

	.footer .copyright{

		text-align: center;

	}

	.footer .copyright .support{

		float: none;

	}

	/*banner*/

	.i-banner .box{

		padding: 0px 20px;

	}

	.i-banner .box:before{

		width: 4px;

	}

	.i-banner .box .t1{

		font-size: 26px;

	}

	.i-banner .box .t2{

		font-size: 15px;

	}

	.i-banner .btn{

		margin-top: 30px;

	}

	.i-banner .btn a{

		min-width: 120px;

		font-size: 15px;

		height: 45px;

		line-height: 41px;

		margin-right: 15px;

	}



	/*index*/

	.i-about{

		padding-top: 60px;

		padding-bottom: 60px;

	}

	.i-about .leftbox{

	}

	.i-about .rightbox{

		padding-left: 4%;

		margin-bottom: 5%;

	}

	.i-about .rightbox .more a{

		font-size: 15px;

	}

	.i-about .rightbox .more a img{

		width: 20px;

	}

	/*.num ul li .t1{

		font-size: 24px;

	}

	.num ul li .t1 .year{

		font-size: 14px;

	}

	.num ul li .t1 .timer{

		font-size: 24px;

	}

	.num ul li .t2{

		font-size: 14px;

	}*/

	.generalize{

		padding-top: 60px;

		padding-bottom: 50px;

	}

	.event li{

		margin-bottom: 40px;

	}

	.event li .rightbox .t1{

		font-size: 24px;

		margin-bottom: 10px;

	}

	.event li .rightbox .t2{

		font-size: 20px;

	}

	.event li .rightbox .t3{

		margin-bottom: 10px;

	}

	.event li .rightbox .t4{

		font-size: 15px;

		margin-bottom: 20px;

	}

	.event li .rightbox .more {

	    max-width: 120px;

	    font-size: 15px;

	    height: 40px;

	    line-height: 40px;

	}

	.i-product{

		padding-bottom: 60px;

	}

	.i-recruit{

		padding-top: 100px;

		padding-bottom: 120px;

	}

	.i-recruit .box .t1{

		font-size: 28px;

		margin-bottom: 10px;

	}

	.i-recruit .box .t2{

		font-size: 16px;

		margin-bottom: 30px;

	}

	.i-recruit .box .t3{

		max-width: 150px;

		height: 40px;

    	line-height: 40px;

    	font-size: 16px;

	}

}

@media only screen and (max-width: 640px){



	/*index*/

	.i-about{

		padding-top: 50px;

	}

	.num{

		padding-top: 0;

		margin-top: 40px;

	}

	.num ul li .t1{

		font-size: 28px;

	}

	.num ul li .t1 .timer{

		font-size: 28px;

	}

	.num ul li .t1 .year{

		font-size: 16px;

	}

	.num ul li .t2{

		font-size: 16px;

	}

	.generalize{

		padding-top: 50px;

		padding-bottom: 40px;

	}

	.event li{

		margin-bottom: 30px;

	}

	.event li .leftbox{

		float: none;

		width: 100%;

		margin-bottom: 30px;

	}

	.event li .rightbox{

		float: none;

		width: 100%;

		padding-left: 0;

	}

	.company-event .event li .rightbox{

		margin-top: 0;

	}

	.event li .rightbox .t1{

		padding-bottom: 5%;

	}

	.event li .rightbox .t1:before{

		left: 13px;

	}

	.i-product{

		padding-top: 40px;

		padding-bottom: 50px;

	}

}

@media only screen and (max-width: 576px){

	/*banner*/

	.i-banner .box .t1{

		font-size: 22px;

	}

	.i-banner .box .t2{

		font-size: 14px;

	}

	.i-banner .btn{

		margin-top: 20px;

	}

	.i-banner .btn a{

		min-width: 110px;

		height: 40px;

		line-height: 36px;

		margin-right: 5px;

	}

	.i-banner .btn a img{

		width: 20px;

	}

	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{

		bottom: 10px;

	}

	.lunbotu .swiper-pagination-bullet{

		width: 8px;

		height: 8px;

	}

	.lunbotu .swiper-pagination-bullet-active{

		border: #e9e9e8 solid 2px;

	}

	/*header*/

	.header .logo a img{

		line-height: 32px;

	}

	.search .submit0{

		background: url(../image/searchf.png) no-repeat center;

		background-size: 20px 20px;

	}

	.search-close{

		background: url(../image/close.png) no-repeat center;

    	background-size: 20px 20px;

	}

	/*footer*/

	.foot-infor{

		width: 100%;

		padding-right: 0;

		padding-bottom: 20px;

	}

	.foot-follow{

		margin-top: 0;

		width: 100%;

		margin-bottom: 20px;

	}

	/*index*/

	.i-about{

		padding-top: 40px;

	}

	.i-about .leftbox{

		float: none;

		width: 100%;

		margin-bottom: 20px;

	}

	.i-about .rightbox{

		float: none;

		width: 100%;

		padding-left: 0;

		margin-bottom: 0;

	}

	.num ul li .t1 .year{

		font-size: 15px;

	}

	.num ul li .t2{

		font-size: 15px;

	}

	.generalize{

		padding-top: 40px;

    	padding-bottom: 30px

	}

	.event li{

		margin-bottom: 20px;

	}

	.event li .leftbox{

		margin-bottom: 20px;

	}

	.i-product{

		padding-bottom: 40px;

	}

	.i-product .box{

		padding-bottom: 40px;

	}

	.i-recruit{

		padding-top: 70px;

		padding-bottom: 90px;

	}

	.i-recruit .box .t1{

		font-size: 24px;

	}

	.i-recruit .box .t2{

		font-size: 15px;

	}

}





/**/

.subnav{

	border-bottom: #ebebeb solid 1px;

}

.subnav.fixed{

	position: fixed;

	left: 0;

	top: 0;

	z-index: 99;

	width: 100%;

	background-color: #FFFFFF;

}

.subnav ul{

	font-size: 0;

	text-align: center;

	padding-top: 36px;

	padding-bottom: 36px;

}

.subnav ul li{

	display: inline-block;

	vertical-align: top;

	margin-right: 30px;

}

.subnav ul li a{

	min-width: 130px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #888888;

	font-size: 18px;

	border-radius: 20px;

	-o-transition: all 0.4s ease;

	-ms-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

	padding: 0px 20px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.subnav ul li a:hover, .subnav ul li.on a{

	color: #ffffff;

	background-color: #4dbdc7;

}

.bgcolor{

	background-color: #fdfdfd;

}

.bgcolor1{

	background-color: #f5f5f5;

}

/**/

.position{

	padding-top: 25px;

	padding-bottom: 25px;

	border-bottom: #efefef solid 1px;

}

.position .box{

	color: #a4a3a3;

	font-size: 16px;

}

.position .box a{

	color: #a4a3a3;

}

.position .box a.on{

	color: #4dbdc7;

}

/*产品中心*/

.product{

	padding-top: 70px;

	padding-bottom: 50px;

}

.product ul{

	font-size: 0;

}

.product ul li{

	display: inline-block;

	vertical-align: top;

	width: 28.1%;

	margin-right: 7.85%;

	margin-bottom: 4%;

}

.product ul li:nth-child(3n){

	margin-right: 0;

}

.product ul li a{

	display: block;

	width: 100%;

	text-align: center;

}

.product ul li .imgbox{

	width: 100%;

	overflow: hidden;

	background-color: #ffffff;

	box-shadow: 0px 0px 65px rgba(0,0,0,0.09);

}

.product ul li .imgbox img{

	width: 100%;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.product ul li:hover .imgbox img{

	-o-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

.product ul li .txt{

	margin-top: 20px;

	color: #333333;

	font-size: 20px;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.product ul li:hover .txt{

	color: #4dbdc7;

}

/*产品详情&解决方案*/

.product-detail{

}

.solution-detail{

	padding-top: 90px;

}

.describe{

	color: #666666;

	font-size: 18px;

	line-height: 1.7;

}

/*20210425*/

.attribute .box{

	font-size: 0px;

}

.attribute .leftbox{

	/*float: left;*/

	display: inline-block;

	vertical-align: middle;

	width: 50%;

	overflow: hidden;

	text-align: center;

}

.attribute .leftbox img{

	max-width: 100%;

}

.attribute .rightbox{

	/*float: left;*/

	display: inline-block;

	vertical-align: middle;

	width: 50%;

	margin-top: 50px;

	padding-left: 6.4%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

/*20210425*/

.attribute .rightbox .t1{

	font-weight: bold;

	font-size: 40px;

	color: #000000;

	margin-bottom: 20px;

}

.attribute .rightbox .t2{

	font-size: 36px;

	color: #28a5b0;

}

.attribute .rightbox ul{

	margin-top: 35px;

}

.attribute .rightbox ul li{

	position: relative;

	padding-left: 30px;

	color: #666666;

	font-size: 18px;

	line-height: 1.8;

	margin-bottom: 15px;

}

.attribute .rightbox ul li i{

	position: absolute;

	left: 0;

	top: 9px;

	width: 15px;

	height: 15px;

	border-radius: 50%;

	background-color: #4dbdc7;

	overflow: hidden;

}

.picture{

	width: 100%;

	overflow: hidden;

}

.picture img{

	width: 100%;

	max-height:720px;

}

.narrate{

	padding-top: 130px;

	background-color: #FFFFFF;

}

.narrate ul{

	max-width: 1280px;

	width: 100%;

	margin: 0 auto;

}

.narrate ul li{

	width: 100%;

	overflow: hidden;

	margin-bottom: 130px;

}



.narrate ul li .imgbox{

	width: 54.68%;

	overflow: hidden;

}

.narrate ul li .imgbox img{

	width: 100%;

}

.narrate ul li .txtbox{

	float: left;

	width: 45.32%;

	padding-top: 10%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.narrate ul li .txtbox .t1{

	color: #000000;

	font-size: 46px;

	margin-bottom: 35px;

}

.narrate ul li .txtbox .t2{

	color: #666666;

	font-size: 20px;

	line-height: 2;

}

.narrate ul li:nth-child(odd) .imgbox{

	float: left;

}

.narrate ul li:nth-child(even) .imgbox{

	float: right;

}

.narrate ul li:nth-child(odd) .txtbox{

	padding-left: 7.4%;

}

.narrate ul li:nth-child(even) .txtbox{

	padding-right: 7.4%;

}



.narrate ul li .centerbox {

    float: none;

    display: block;

	text-align: center;

    margin: auto;

    padding: 0 !important;

    width: 70%;

}

.narrate ul li .centerbox .t2{

	 text-align: left; 

}

/**/

.o-title{

	text-align: center;

}

.o-title .t1{

	color: #000000;

	font-size: 40px;

	font-weight: bold;

}

.o-title .line{

	width: 40px;

	height: 3px;

	margin: 10px auto 0px;

	background-color: #000000;

}

.o-title .t2{

	margin-top: 10px;

}

.o-title .t2 span{

	position: relative;

	display: inline-block;

	padding: 0px 75px;

	color: #857f7f;

	font-size: 16px;

}

.o-title .t2 span:before{

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	width: 60px;

	height: 1px;

	background-color: #c8c8c8;

}

.o-title .t2 span:after{

	content: '';

	position: absolute;

	right: 0;

	top: 50%;

	width: 60px;

	height: 1px;

	background-color: #c8c8c8;

}

.o-title .t3{

	color: #504848;

	font-size: 16px;

	margin-top: 30px;

}

.o-title .white{

	color: #FFFFFF;

}

/*性能特点*/

.performance{

	padding-top: 80px;

	padding-bottom: 140px;

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}

.performance .box{

	max-width: 1280px;

	width: 100%;

	margin: 50px auto 0px;

	background: rgba(255,255,255,0.93);

	border-radius: 10px;

	overflow: hidden;

	padding-top: 90px;

	padding-bottom: 50px;

}

.performance .box ul{

	font-size: 0;

	padding: 0 6.25%;

}

.performance .box ul li{

	position: relative;

	display: inline-block;

	vertical-align: top;

	width: 46.2%;

	margin-right: 7.6%;

	margin-bottom: 20px;

	color: #666666;

	font-size: 16px;

	line-height: 2;

	padding-left: 30px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.performance .box ul li:nth-child(2n){

	margin-right: 0;

}

.performance .box ul li i{

	position: absolute;

	left: 0;

	top: 10px;

	width: 14px;

	height: 14px;

	border-radius: 50%;

	background-color: #4dbdc7;

}

/*适用场所*/

.applicable{

	padding-top: 75px;

	padding-bottom: 100px;

	background-color: #FFFFFF;

}

.applicable .place.oth ul{

	text-align: center;

	font-size: 0;

}

.applicable .place.oth ul li{

	display: inline-block;

	vertical-align: top;

	width: 22.9%;

	margin-right: 2.8%;

}

.applicable .place.oth ul li:nth-child(4n){

	margin-right: 0;

}

@media only screen and (max-width: 1024px){

	.applicable .place.oth{

		display: none;

	}

}

.applicable .place{

	position: relative;

	width: 100%;

	overflow: hidden;

	margin-top: 90px;

	padding-bottom: 100px;

}

.applicable .place .imgbox{

	position: relative;

	width: 100%;

	overflow: hidden;

	border-radius: 6px;

}

.applicable .place .imgbox img{

	width: 100%;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.applicable .place .imgbox:hover img{

	-o-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

.applicable .place .imgbox .txt{

	position: absolute;

	left: 0;

	bottom: 20px;

	z-index: 2;

	width: 100%;

	padding: 0px 20px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	text-align: center;

	color: #ffffff;

	font-size: 18px;

}

.applicable .place .imgbox .mask{

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 1;

	width: 100%;

	height: 100%;

	background: url(../image/img40.png) bottom center no-repeat;

	background-size: 100% auto;

}

.applicable .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

    margin: 0 8px;

}

.applicable .swiper-container-horizontal>.swiper-pagination-bullets, .applicable .swiper-pagination-custom, .applicable .swiper-pagination-fraction{

    bottom: 0;

}

.applicable .place .swiper-pagination-bullet {

    width: 14px;

    height: 14px;

    border-radius: 50%;

    opacity: 1;

    background-color: #d4d4d4;

}

.applicable .place .swiper-pagination-bullet-active{

   	background-color: #4dbdc7;

}



/*关于我们*/

/*.spacing{

	padding-top: 90px;

	margin-top: -90px;

}*/

.about{

	padding-top: 60px;

	padding-bottom: 120px;

}

.about .box{

	margin-top: 90px;

}

.about .imgbox{

	float: left;

	width: 46%;

	overflow: hidden;

}

.about .imgbox img{

	width: 100%;

}

.about .txtbox{

	float: left;

	width: 54%;

	padding-left: 5.7%;

	padding-right: 4.2%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.about .txtbox .txt{

	color: #888888;

	font-size: 16px;

	line-height: 2.2;

}

/*企业文化*/

.culture{

	padding-top: 90px;

	padding-bottom: 60px;

	min-height: 900px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.culture .box{

	margin-top: 90px;

	padding-left: 15.7%;

}

.culture ul{

	position: relative;

	padding-top: 30px;

	padding-bottom: 20px;

	border-left: #322f2f solid 1px;

}

.culture ul li{

	position: relative;

	padding-left: 6%;

	margin-bottom: 50px;

}

.culture ul li:last-child{

	margin-bottom: 0;

}

.culture ul li i{

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 1;

	width: 5.2%;

	height: 1px;

	background-color: #322f2f;

}

.culture ul li:before{

	content: '';

	position: absolute;

	left: -7px;

	top: 50%;

	z-index: 3;

	margin-top: -7px;

	width: 13px;

	height: 13px;

	background-color: #f4f4f4;

	border-radius: 50%;

}

.culture ul li:after{

	content: '';

	position: absolute;

	left: -14px;

	top: 50%;

	z-index: 2;

	margin-top: -13px;

	width: 26px;

	height: 26px;

	background: rgba(255,255,255,0.3);

	border-radius: 50%;

}

.culture ul li .txtbox{

	display: inline-block;

	max-width: 87%;

	border: #626262 dashed 1px;

	border-radius: 100px;

	padding-top: 25px;

	padding-bottom: 25px;

	padding-left: 35px;

	padding-right: 50px;

	background: rgba(0,0,0,0.8);

	overflow: hidden;

}

.culture ul li .txtbox .t1{

	float: left;

	width: 125px;

	overflow: hidden;

	color: #ffffff;

	font-size: 30px;

	font-weight: bold;

}

.culture ul li .txtbox .t2{

	float: right;

	width: -moz-calc(100% - 130px);

	width: -webkit-calc(100% - 130px);

	width: calc(100% - 130px);

	min-width: 240px;

	color: #5ddae5;

	font-size: 24px;

	white-space: nowrap;

}

/*研发创新*/

.innovation{

	padding-top: 90px;

	padding-bottom: 60px;

}

.innovation .box{

	margin-top: 65px;

}

.innovation .local li{

	position: relative;

	float: left;

	width: 28.6%;

	margin-right: 7.1%;

	margin-bottom: 3.6%;

}

.innovation .local li:before{

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	background: url(../image/img49.png) bottom center no-repeat;

	background-size: 100% auto;

}

.innovation .local li:nth-child(3n){

	margin-right: 0;

}

.innovation .local li .img{

	width: 100%;

	overflow: hidden;

	border-radius: 10px;

}

.innovation .local li .img img{

	width: 100%;

}

.innovation .local li .txt{

	position: absolute;

	left: 0;

	bottom: 20px;

	width: 100%;

	color: #f5f5f5;

	font-size: 24px;

	padding: 0px 20px;

	text-align: center;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.explain{

	max-width: 1230px;

	width: 100%;

	margin: 30px auto 0px;

	color: #888888;

	font-size: 24px;

	line-height: 1.8;

	text-align: center;

}

.explain .sp{

	font-weight: bold;

	font-size: 32px;

	color: #4cbbc5;

}

.innovation .certificate{

	margin-top: 75px;

}

.innovation .certificate li{

	float: left;

	width: 47.3%;

	margin-right: 5.4%;

	margin-bottom: 3.9%;

	box-shadow: 0px 3px 24px rgba(0,0,0,0.04);

}

.innovation .certificate li:nth-child(2n){

	margin-right: 0;

}

.innovation .certificate li .img{

	width: 100%;

	overflow: hidden;

}

.innovation .certificate li .img img{

	width: 100%;

}



/*制造中心*/

.manufacture{

	padding-top: 75px;

	padding-bottom: 125px;

	background-color: #FFFFFF;

}

.manufacture .box{

	margin-top: 100px;

}

.com-make{

}

.com-make ul li{

	position: relative;

	float: left;

	width: 50%;

	overflow: hidden;

	background-color: #4dbdc7;

}

.com-make ul li .imgbox{

	float: left;

	width: 50%;

	overflow: hidden;

}

.com-make ul li.right .imgbox{

	float: right;

}

.com-make ul li .imgbox img{

	width: 100%;

}

.com-make ul li .txtbox{

	position: absolute;

	/*top: 50%;*/

	right: 0;

	/*-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);*/

	width: 50%;

	text-align: center;

	padding: 0px 40px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.com-make ul li.right .txtbox{

	right: auto;

	left: 0;

}

.com-make ul li .txtbox.left{

	text-align: left;

}

.com-make ul li .txtbox .t1{

	color: #ffffff;

	font-size: 30px;

	font-weight: bold;

}

.com-make ul li .txtbox .t2{

	color: #ffffff;

	font-size: 14px;

	line-height: 2;

	margin-top: 10px;

}

.com-make ul li .txtbox .line{

	width: 43px;

	height: 5px;

	background-color: #FFFFFF;

	margin-top: 35px;

}

.benefits .com-make ul li .txtbox .t2{

	margin-top: 20px;

}

/*20210519*/

.benefits .com-make ul li{

	font-size: 0px;

}

#manufacture .com-make ul li .txtbox{

	top: 50%;

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}

.benefits .com-make ul li .imgbox{

	float: none;

	display: inline-block;

	vertical-align: middle;

	width: 50%;

	padding-left: 4%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.benefits .com-make ul li .txtbox{

	position: static;

	float: none;

	display: inline-block;

	vertical-align: middle;

	width: 50%;

	padding: 4%;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

@media screen and (max-width: 992px){

	.benefits .com-make ul li .imgbox{

		width: 100%;

		padding:0;

	}

	.benefits .com-make ul li .txtbox{

		width: 100%;

		padding:0;

	}

}

@media screen and (max-width: 576px){

	#manufacture .com-make ul li .txtbox{

		position: static;

		-webkit-transform: none;

		transform: none;

	}

}

#innovation .local{

	font-size: 0px;

	text-align: center;

}

#innovation .local li{

	float:none;

	display: inline-block;

	vertical-align: top;

}

#innovation .local li:last-child{

	margin-right: 0;

}

/*全球市场*/

.g-market{

	padding-top: 70px;

	padding-bottom: 50px;

}

.g-market .imgbox{

	width: 100%;

	overflow: hidden;

	text-align: center;

	margin-top: 80px;

}

.g-market .imgbox img{

	max-width: 100%;

}

.g-market .txtbox{

	/*20210629*/

	/*max-width: 840px;*/

	width: 100%;

	margin: 70px auto 0px;

	text-align: center;

	color: #000000;

	font-size: 40px;

}

.g-market .txtbox .sp{

	color: #28b8c5;

}

.g-market .box{

	margin-top: 90px;

}

.g-market .box ul li{

	position: relative;

	float: left;

	width: 22.9%;

	margin-right: 2.8%;

	margin-bottom: 2.8%;

	border-radius: 10px;

	overflow: hidden;

}

.g-market .box ul li:nth-child(4n){

	margin-right: 0;

}

.g-market .box ul li:before{

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	padding: 0 20px;

	background: url(../image/img40a.png) bottom center no-repeat;

	background-size: 100% auto;

	opacity: 0.2;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.g-market .box ul li img{

	width: 100%;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.g-market .box ul li:hover img{

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.g-market .box ul li .txt{

	position: absolute;

	left: 0;

	bottom: 25px;

	width: 100%;

	color: #ffffff;

	font-size: 18px;

	text-align: center;

	padding: 0 20px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.g-market .cover{

	width: 100%;

	overflow: hidden;

	margin-top: 75px;

}

.g-market .cover ul{

	float: left;

	width: 55.7%;

	overflow: hidden;

}

.g-market .cover ul li{

	float: left;

	width: 48%;

	margin-right: 4%;

	margin-bottom: 40px;

}

.g-market .cover ul li:nth-child(2n){

	margin-right: 0;

}

.g-market .cover ul li .icon{

	float: left;

	width: 74px;

	height: 74px;

	line-height: 74px;

	border: #4dbdc7 dashed 1px;

	border-radius: 50%;

	text-align: center;

}

.g-market .cover ul li .icon img{

	max-width: 52%;

}

.g-market .cover ul li .txt{

	float: right;

	width: -moz-calc(100% - 95px);

	width: -webkit-calc(100% - 95px);

	width: calc(100% - 95px);

	color: #666666;

	font-size: 22px;

	margin-top: 20px;

}

.g-market .cover .img{

	float: right;

	width: 44.3%;

	overflow: hidden;

	text-align: center;

}

.g-market .cover .img img{

	max-width: 100%;

	border-radius: 50%;

	object-fit: cover;

}

/*企业资讯*/

.a-news{

	padding-top: 100px;

	padding-bottom: 100px;

	background-color: #FFFFFF;

}

.a-news .box{

	margin-top: 75px;

}

.news .box ul{

	margin-bottom: 90px;

	font-size: 0px;

}

.common-new .box ul li{

	/*float: left;*/

	display: inline-block;

	vertical-align: top;

	width: 30%;

	margin-right: 5%;

}

.common-new .box ul li:nth-child(3n){

	margin-right: 0;

}

.common-new .box ul li a{

	display: block;

	width: 100%;

}

.common-new .box ul li .img{

	width: 100%;

	overflow: hidden;

}

.common-new .box ul li .img img{

	width: 100%;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.common-new .box ul li:hover .img img{

	-o-transform: scale(1.25);

	-ms-transform: scale(1.25);

	-moz-transform: scale(1.25);

	-webkit-transform: scale(1.25);

	transform: scale(1.25);

}

.common-new .box ul li .txt{

	padding: 25px 0px;

}

.common-new .box ul li .txt .t1{

	color: #666666;

	font-size: 16px;

	margin-bottom: 10px;

}

.common-new .box ul li .txt .t2{

	color: #333333;

	font-size: 24px;

	font-weight: bold;

	padding-bottom: 25px;

	border-bottom: #e0e0e0 solid 1px;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.common-new .box ul li:hover .txt .t2{

	color: #50bec8;

}

.common-new .box ul li .txt .t3{

	margin-top: 20px;

	color: #666666;

	font-size: 16px;

	line-height: 2;

}



/*解决方案*/

.solution{

	padding-top: 70px;

	padding-bottom: 100px;

}

.solution .box{

	margin-top: 90px;

}

.solution ul{

	font-size: 0

}

.solution ul li{

	display: inline-block;

	vertical-align: top;

	/*float: left;*/

	width: 30.33%;

	margin-right: 4.5%;

	margin-bottom: 2%;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.solution ul li:nth-child(3n){

	margin-right: 0;

}

.solution ul li:hover{

	box-shadow: 0px 0px 46px rgba(10,2,5,0.15);

}

.solution ul li a{

	display: block;

	width: 100%;

}

.solution ul li .img{

	position: relative;

	width: 100%;

	overflow: hidden;

}

.solution ul li .img:before{

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	-webkit-transition: all .5s;

	transition: all .5s;

}

.solution ul li:hover .img:before{

	opacity: 0;

}

.solution ul li .img img{

	width: 100%;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.solution ul li:hover .img img{

	-o-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

.solution ul li .txt{

	padding: 30px 0px;

}

.solution ul li .txt .t1{

	padding: 0px 15px;

	color: #333333;

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 5px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.solution ul li:hover .txt .t1{

	color: #4cbbc5;

}

.solution ul li .txt .t2{

	padding: 0px 15px;

	color: #888888;

	font-size: 16px;

	line-height: 1.7;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	min-height: 55px;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.solution ul li .txt .t3{

	border-top: #eae5e5 solid 1px;

	margin-top: 10px;

	color: #b6b6b6;

	font-size: 14px;

	padding: 20px 15px 0px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.solution ul li .txt .t3 .time{

	float: left;

}

.solution ul li .txt .t3 .browse{

	float: right;

	padding-left: 26px;

	background: url(../image/img74.png) center left no-repeat;

	background-size: 18px 12px;

}

.solution ul li:hover .txt .t3 .browse{

	background: url(../image/img75.png) center left no-repeat;

	background-size: 18px 12px;

}

/*人才招聘*/

/*公司福利*/

.benefits{

	padding-top: 60px;

	padding-bottom: 60px;

}

.benefits .box{

	margin-top: 80px;

}

/*公司活动*/

.company-event{

	padding-top: 40px;

	padding-bottom: 150px;

}

.company-event .box{

	margin-top: 115px;

}

.company-event .event li .rightbox.other{

	margin-top: 0;

}

/*社会招聘*/

.recruit{

	padding-bottom: 80px;

}

.labelbox{

}

.labelbox .labelrow{

	margin-top: 30px;

	overflow: hidden;

	padding-bottom: 15px;

	border-bottom: #ededed solid 1px;

}

.labelbox .tit{

	float: left;

	width: 110px;

	overflow: hidden;

	color: #000000;

	font-size: 16px;

	line-height: 40px;

}

.labelbox .labelrow .content{

	float: left;

	width: 90%;

	width: -moz-calc(100% - 120px);

	width: -webkit-calc(100% - 120px);

	width: calc(100% - 120px);

	overflow: hidden;

}

.classbox{

	padding-top: 5px;

}

.classbox .classli{

	display: none;

	width: 100%;

	overflow: hidden;

}

.classbox .classli.on{

	display: block;

}

.labelbox .classli a{

	float: left;

	margin-right: 10px;

	color: #666666;

	font-size: 16px;

	line-height: 40px;

	padding: 0px 20px;

	margin-bottom: 15px;

	border-radius: 20px;

	min-width: 90px;

	text-align: center;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.labelbox .classli a.opt, .labelbox .classli a.on, .labelbox .classli a:hover{

	color: #4dbdc7;

	background-color: #efefef;

}

.entering{

	max-width: 800px;

	width: 90%;

	margin: 60px auto 0px;

	height: 60px;

	border: #ededed solid 1px;

	border-radius: 30px;

	background: rgba(255,255,255,.3);

	padding-left: 35px;

	-o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.entering form{

}

.entering .t1{

	float: left;

	width: 85%;

	overflow: hidden;

}

.entering .t1 input{

	width: 100%;

	background: none;

	outline: none;

	border: none;

	color: #666666;

	font-size: 16px;

	line-height: 58px;

}

.entering .t1 input::-webkit-input-placeholder{

    color: #bcbcbc;

}

.entering .t1 input:-moz-placeholder{

  	color: #bcbcbc;

}

.entering .t1 input:-ms-input-placeholder{

  	color: #bcbcbc;

}

.entering .t2{

	float: right;

	width: 12%;

	height: 58px;

	background: url(../image/img83.png) center no-repeat;

	/*background-size: 26px 22px;*/

	background-size: auto 38%;

}

.entering .t2 input{

	width: 100%;

	height: 58px;

	background: none;

	outline: none;

	border: none;

}



.recruit-list{

	margin-top: 64px;

	text-align: center;

}

.recruit-list .title{

	width: 100%;

	overflow: hidden;

	background-color: #333333;

}

.recruit-list .title div{

	color: #FFFFFF;

	font-size: 16px;

	font-weight: bold;

	line-height: 80px;

}

.recruit-list .job-title{

	float: left;

	width: 28%;

	cursor: pointer;

}

.recruit-list .job-category{

	float: left;

	width: 28%;

}

.recruit-list .workplace{

	float: left;

	width: 10%;

}

.recruit-list .numbers{

	float: left;

	width: 10%;

}

.recruit-list .release-time{

	float: left;

	width: 24%;

}

.recruit-list ul{

	margin-bottom: 75px;

}

.recruit-list ul li{

	width: 100%;

	overflow: hidden;

	color: #333333;

	font-size: 16px;

	line-height: 1.8;

	padding: 26px 0px;

	/*min-height: 80px;

	-o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;*/

}

.recruit-list ul li:nth-child(odd){

	background-color: #FFFFFF;

}

.recruit-list ul li:nth-child(even){

	background-color: #f4f4f4;

}

/*分页*/

.page{

    width: 100%;

    text-align: center;

}

.order .page-list, .notice .page-list, .customer-m .page-list{

	float: left;

}

.page-list{

	font-size: 0;

	text-align: center;

}

.page-list a{

	display: inline-block;

	vertical-align: top;

	/*float: left;*/

   	padding: 0px 12px;

   	min-width: 35px;

   	height: 35px;

   	line-height: 35px;

   	margin-right: 14px;

	margin-bottom: 5px;

    text-align: center;

    font-family: arial;

    font-size: 18px;

    color: #999999;

    border-radius: 18px;

    background-color: #eeeeee;

    overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.page-list a:last-child{

	margin-right: 0;

}

/*.page-list a.fyprev{

	border: none;

	background: url(../images/img62.png) center no-repeat;

}

.page-list a.fynext{

	border: none;

	background: url(../images/img64.png) center no-repeat;

}

.page-list a.fyprev:hover{

	border: none;

	background: url(../images/img63.png) center no-repeat;

}

.page-list a.fynext:hover{

	border: none;

	background: url(../images/img65.png) center no-repeat;

}*/

.page-list a.home-page,

.page-list a.last{

	min-width: 70px;

	font-size: 16px;

}

.page-list a:hover,

.page-list a.on,

.page-list a.home-page,

.page-list a.last{

    color: #ffffff;

    background-color: #4dbdc7;

}



/*弹窗*/

.zpbg{

	display: none;

	position: fixed;

	top: 0;

	bottom: 0;

	left:0;

	right: 0;

	margin: auto;

	z-index: 999;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.6);

}

.zp_close {

    position: absolute;

    right: 25px;

    top: 20px;

    cursor: pointer;

}

.zp_close img{

	width: 43px;

}

.r-detail{

	position: absolute;

	/*left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	margin: auto;*/

	left: 50%;

	top: 50%;

	-o-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 890px;

	max-height: 90%;

	overflow: auto;

}

.recruit-detail{

	width: 100%;

	background-color: #FFFFFF;

	padding: 45px 25px;

	border-radius: 10px;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.rd-describe{

	width: 100%;

	overflow: hidden;

	margin-bottom: 30px;

	padding: 0px 20px;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.rd-describe .tit{

	color: #000000;

	font-size: 24px;

	font-weight: bold;

	text-align: center;

	padding-bottom: 35px;

	border-bottom: #eeeeee solid 1px;

}

.rd-describe .content{

	padding-top: 35px;

	color: #888888;

	font-size: 14px;

	line-height: 2.2;

}

.rd-describe .content .t1{

	color: #000000;

	font-size: 18px;

	margin-bottom: 20px;

}

.rd-describe .rd-mark{

	color: #000000;

	font-size: 16px;

	text-align: center;

	margin-top: 60px;

}

.rd-describe .rd-mark .sp{

	color: #0fcec7;

}

@media screen and (max-width: 1024px){

	.r-detail{

		width: 100%;

		padding: 0 5%;

		-o-box-sizing: border-box;

		-ms-box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	.zp_close{

		right: 55px;

	}

	.zp_close img{

		width: 36px;

	}

}

@media screen and (max-width: 414px){

	.zp_close img{

		width: 30px;

	}

	.recruit-detail{

		width: 100%;

		max-height: 80%;

	}

	.rd-describe{

		margin: 15px auto;

		padding: 0px 10px;

	}

}



/*招聘对象*/

.recruitment-target{

	padding-top: 60px;

	padding-bottom: 50px;

}

.recruitment-target .box{

	margin-top: 80px;

	text-align: center;

}

.recruitment-target .box .txt{

	color: #ffffff;

	font-size: 23px;

	margin-bottom: 70px;

}

.recruitment-target .box .txt span{

	background-color: #000000;

}

.recruitment-target .box img{

	max-width: 100%;

}

/*招聘流程*/

.recruitment-process{

	padding-top: 50px;

}

.recruitment-process .box{

	margin-top: 130px;

}

.recruitment-process ul{

	position: relative;

	max-width: 1300px;

	width: 100%;

	margin: 0 auto;

}

.recruitment-process ul:before{

	content: '';

	position: absolute;

	left: 100px;

	top: 60px;

	width: 50%;

	height: 38.4%;

	background: url(../image/img91.png) center no-repeat;

}

.recruitment-process ul li{

	position: relative;

	float: left;

	width: 43.5%;

	margin-right: 13%;

	margin-bottom: 19.2%;

	padding-left: 110px;

	min-height: 100px;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.recruitment-process ul li:nth-child(2n){

	margin-right: 0;

}

.recruitment-process ul li:nth-child(odd):before{

	content: '';

	position: absolute;

	right: -28%;

	top: 0;

	width: 26%;

	height: 100px;

	background: url(../image/img90.png) center no-repeat;

}

.recruitment-process ul li .icon{

	position: absolute;

	left: 0;

	top: 0;

	width: 100px;

	height: 100px;

	line-height: 100px;

	text-align: center;

	border-radius: 50%;

	background-color: #4dbdc7;

}

.recruitment-process ul li .icon img{

	width: 47%;

}

.recruitment-process ul li .txt{



}

.recruitment-process ul li .txt .t1{

	font-weight: bold;

	color: #000000;

	font-size: 30px;

	margin-bottom: 10px;

}

.recruitment-process ul li .txt .t2{

	color: #666666;

	font-size: 16px;

	line-height: 1.8;

}

/*简历投递通道*/

.delivery{

	padding-top: 100px;

	padding-bottom: 50px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	min-height: 789px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.delivery .box{

	max-width: 750px;

	width: 100%;

	margin: 100px auto 0px;

	background-color: #FFFFFF;

	padding: 60px 0px;

	overflow: hidden;

}

.delivery .box .img{

	float: left;

	width: 40.7%;

	overflow: hidden;

	text-align: center;

}

.delivery .box .img img{

	display: block;

	margin: 0 auto;

	max-width: 75%;

}

.delivery .box .img .t3{

	color: #000000;

	font-size: 19px;

	margin-top: 10px;

}

.delivery .box .txt{

	float: left;

	width: 59.3%;

	overflow: hidden;

}

.delivery .box .txt ul li{

	min-height: 40px;

	margin-bottom: 25px;

	margin-top: 10px;

	padding-left: 15px;

	padding-right: 30px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.delivery .box .txt ul li .t1{

	float: left;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border-radius: 50%;

	background-color: #000000;

	color: #ffffff;

	font-size: 24px;

}

.delivery .box .txt ul li .t2{

	float: right;

	margin-top: 5px;

	width: -moz-calc(100% - 55px);

	width: -webkit-calc(100% - 55px);

	width: calc(100% - 55px);

	overflow: hidden;

	color: #888888;

	font-size: 20px;

}

.delivery .box .txt ul li .t2 .sp{

	color: #000000;

}

/*投资者关系*/

.survey{

	padding-top: 75px;

	padding-bottom: 50px;

}

.survey .box{

	max-width: 1250px;

	width: 100%;

	margin: 60px auto 0px;

	color: #666666;

	font-size: 16px;

	line-height: 2;

}

/*公告通函*/

.announcement{

	padding-top: 50px;

	padding-bottom: 120px;

}

.announcement .box{

	margin-top: 65px;

}

.announcement .box ul{

	max-width: 1250px;

	width: 100%;

	margin: 0 auto;

}

.announcement .box ul li{

	border-bottom: #e9e9e9 solid 1px;

}

.announcement .box ul li a{

	display: block;

	width: 100%;

	overflow: hidden;

	padding: 20px 0px;

}

.announcement .box ul li .t1{

	float: left;

	width: 14.4%;

	overflow: hidden;

	color: #6f6f6f;

	font-size: 16px;

	line-height: 28px;

}

.announcement .box ul li .t2{

	float: left;

	width: 75%;

	overflow: hidden;

	color: #000000;

	font-size: 16px;

	line-height: 28px;

}

.announcement .box ul li .t3{

	float: right;

	width: 10.6%;

	height: 28px;

	overflow: hidden;

	background: url(../image/img94.png) center right 10px no-repeat;

	background-size: 24px 24px;

}

.announcement .box ul li:hover .t3{

	background: url(../image/img95.png) center right 10px no-repeat;

	background-size: 24px 24px;

}

/*新闻中心*/

.news{

	padding-top: 70px;

	padding-bottom: 130px;

}

.news .box{

	margin-top: 80px;

}

/*新闻详情*/

.new-detail{

	padding-top: 60px;

	padding-bottom: 40px;

}

.new-detail .box{

	max-width: 1300px;

	width: 100%;

	margin: 0 auto;

}

.detail-title{

	text-align: center;

	padding-bottom: 20px;

	border-bottom: #dddddd solid 1px;

}

.faq-detail .detail-title{

	margin-top: 0px;

}

.detail-title .t1{

	color: #000000;

	font-weight: bold;

	font-size: 24px;

}

.detail-title .t2{

	color: #000000;

	font-size: 16px;

	margin-top: 50px;

}

.detail-title .t2 .txtli{

	display: inline-block;

	margin-right: 80px;

}

.detail-title .t2 .sp{

	display: inline-block;

	margin-left: 10px;

	color: #888888;

}

.detail-title .t2 .txtli:last-child{

	margin-right: 0;

}

.detail-box{

	padding: 50px 0px 70px;

	color: #666666;

	font-size: 16px;

	line-height: 2;

	overflow: hidden;

}

.detail-box img{

	margin-right: 30px;

}

.detail-other{

	padding-top: 30px;

	border-top: #dddddd solid 1px;

	overflow: hidden;

}

.faq-detail .detail-other{

	border-top: none;

}

.back-to{

	float: right;

}

.back-to a{

	display: inline-block;

	padding: 0 15px;

	text-align: center;

	border: #dcdcdc solid 1px;

	line-height: 50px;

	color: #209ba6;

	font-size: 18px;

	-o-transition: all 0.4s ease;

	-ms-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

.back-to a img{

	display: inline-block;

	vertical-align: middle;

	margin-right: 8px;

}

.back-to a .icon2{

	display: none;

}

.back-to a:hover .icon1{

	display: none;

}

.back-to a:hover .icon2{

	display: inline-block;

}

.back-to a:hover{

	background-color: #209ba6;

	color: #FFFFFF;

}

.nextprev{

	overflow: hidden;

}

.nextprev ul{

	float: left;

	width: -moz-calc(100% - 165px);

	width: -webkit-calc(100% - 165px);

	width: calc(100% - 165px);

	overflow: hidden;

}

.nextprev ul li a{

	display: inline-block;

	width: 100%;

	color: #333333;

	font-size: 18px;

	line-height: 1.8;

	overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.nextprev ul li a:hover{

	color: #209ba6;

}

.nextprev ul li a .sp{

	color: #209ba6;

}

.detail-share{

	text-align: right;

	margin-bottom: 25px;

}

.detail-share-con{

	display: inline-block;

	overflow: hidden;

}

.detail-share-con span{

	float: left;

	color: #333333;

	font-size: 16px;

	margin-right: 10px;

}

.detail-share-con ul{

	float: left;

	overflow: hidden;

}

.detail-share-con ul li{

	float: left;

	margin-right: 10px;

}

.detail-share-con ul li:last-child{

	margin-right: 0;

}

@media only screen and (max-width: 1280px){

	.detail-title .t2{

		margin-top: 40px;

		font-size: 15px;

	}

	.detail-box{

		padding-top: 40px;

		padding-bottom: 50px;

		font-size: 15px;

	}

	.nextprev ul li a{

		font-size: 16px;

	}

	.back-to a{

		font-size: 18px;

	}

}

@media only screen and (max-width: 1024px){

	.new-detail{

		padding-bottom: 50px;

	}

	.detail-title .t2{

		margin-top: 30px;

	}

	.detail-title .t2 .txtli{

		margin-right: 40px;

	}

	.nextprev ul{

		width: 100%;

	}

	.back-to{

		display: none;

	}

}

@media only screen and (max-width: 768px){

	.new-detail{

		padding-top: 50px;

	}

	.detail-title .t1{

		font-size: 22px;

	}

	.detail-title .t2{

		font-size: 14px;

	}

	.detail-box{

		font-size: 14px;

	}

	.nextprev ul li a{

		font-size: 15px;

	}

}

@media only screen and (max-width: 640px){

	.new-detail{

		padding-top: 40px;

	}

	.detail-title .t1{

		font-size: 20px;

	}

	.detail-title .t2 .txtli{

		margin-right: 20px;

	}

	.detail-box{

		padding-top: 30px;

		padding-bottom: 40px;

	}

}

@media only screen and (max-width: 576px){

	.detail-title .t1{

		font-size: 18px;

	}

	.detail-title .t2{

		margin-top: 20px;

	}

	.detail-title .t2 .txtli{

		margin-right: 15px;

	}

	.detail-box{

		padding-top: 20px;

		padding-bottom: 30px;

	}

	.detail-other{

		padding-top: 20px;

	}

}

/*用户服务*/

/*联系方式*/

.contact{

	padding-top: 65px;

	padding-bottom: 80px;

}

.contact .box{

	max-width: 1140px;

	width: 100%;

	margin: 60px auto 0px;

}

.contact .boxli{

	width: 100%;

	overflow: hidden;

	background-color: #f3f3f3;

	margin-bottom: 30px;

}

.contact .boxli .img{

	float: left;

	width: 50%;

	overflow: hidden;

}

.contact .boxli .img img{

	width: 100%;

}

.contact .boxli .txt{

	float: left;

	width: 50%;

	padding-left: 4%;

	padding-right: 4%;

	padding-top: 35px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.contact .boxli .txt .tit{

	font-size: 24px;

	font-weight: bold;

	color: #000000;

}

.contact .boxli .txt .line{

	width: 50px;

	height: 3px;

	background-color: #000000;

	margin-top: 15px;

}

.contact .boxli .txt ul{

	margin-top: 30px;

}

.contact .boxli .txt ul li{

	width: 100%;

	overflow: hidden;

	margin-bottom: 12px;

}

.contact .boxli .txt ul li .t1{

	position: relative;

	float: left;

	width: 90px;

	color: #000000;

	font-size: 16px;

	text-align-last: justify;

    -moz-text-align-last: justify ;  /*兼容firefox*/

    text-align: justify;

    text-justify: distribute-all-lines;  /*兼容ie*/

    display: block; /*ie下需设为block*/

}



.contact .boxli .txt ul li .t2{

	float: right;

	width: -moz-calc(100% - 90px);

	width: -webkit-calc(100% - 90px);

	width: calc(100% - 90px);

	color: #888888;

	font-size: 16px;



}

/*办事处*/

.office{

	padding-top: 70px;

	padding-bottom: 50px;

}

.office .box{

	margin-top: 60px;

}

.office .box>ul{

	font-size: 0;

}

.office .box>ul>li{

	/*float: left;*/

	display: inline-block;

	vertical-align: top;

	width: 28.6%;

	margin-right: 7.1%;

	margin-bottom: 4.3%;

}

.office .box>ul>li:nth-child(3n){

	margin-right: 0;

}

.office .box>ul>li .tit{

	color: #000000;

	font-size: 18px;

	font-weight: bold;

	padding-bottom: 15px;

	border-bottom: #616161 solid 1px;

	margin-bottom: 20px;

}

.office .box>ul>li ul li{

	width: 100%;

	overflow: hidden;

	line-height: 1.8;

}

.office .box>ul>li ul li .t1{

	position: relative;

	float: left;

	width: 90px;

	color: #000000;

	font-size: 16px;

	text-align-last: justify;

    -moz-text-align-last: justify ;  /*兼容firefox*/

    text-align: justify;

    text-justify: distribute-all-lines;  /*兼容ie*/

    display: block; /*ie下需设为block*/

}

.office .box>ul>li ul li .t2{

	float: right;

	width: -moz-calc(100% - 90px);

	width: -webkit-calc(100% - 90px);

	width: calc(100% - 90px);

	color: #8a8a8a;

	font-size: 16px;



}

/*在线反馈*/

.feedback{

	padding-top: 70px;

	padding-bottom: 50px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	min-height: 873px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.feedback .box{

	margin-top: 80px;

}

.applydiv{

	max-width: 1090px;

	width: 100%;

	margin: 0 auto;

}

.applydiv .txtli{

}

.applydiv .txtli .half{

	float: left;

	width: 46%;

	margin-right: 8%;

	border: #eaeaea solid 1px;

	box-shadow: 0px 0px 30px rgba(0,0,0,.1);

	margin-bottom: 13px;

	margin-top: 13px;

	line-height: 48px;

	background-color: #FFFFFF;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.applydiv .txtli .half:nth-child(2n){

	margin-right: 0;

}

.applydiv .txtli .t1{

	float: left;

	width: 65px;

	padding-left: 15px;

	color: #666666;

	font-size: 16px;

}

.applydiv .txtli .textli .t1{

	width: 100%;

}

.applydiv .txtli .t1 .must{

	display: inline-block;

	margin-right: 3px;

	color: #fe0000;

}

.applydiv .txtli .t2{

	float: right;

	width: -moz-calc(100% - 80px);

	width: -webkit-calc(100% - 80px);

	width: calc(100% - 80px);

	padding-right: 15px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.applydiv .txtli .textli .t2{

	width: 100%;

	padding: 0px 15px;

}

.applydiv .txtli .t2 input{

	width: 100%;

	color: #666666;

	font-size: 16px;

	height: 48px;

	border: none;

	background: none;

	outline: none;

}

.applydiv .txtli .t2 .select-li{

	float: left;

	width: 33.33%;

}

.applydiv .txtli .t2 .select-li select{

	width: 100%;

	color: #666666;

	line-height:3;

    font-size: 16px;

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    outline:none;

    background: #FFFFFF url(../image/img109.png) no-repeat center right 10px;

    background-size: 15px 9px;

	padding-left: 15px;

	padding-right: 25px;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.applydiv .txtli .t2 .select-li select::-ms-expand{

	display: none;

}

.applydiv .txtli .textli{

	width: 100%;

	border: #eaeaea solid 1px;

	box-shadow: 0px 0px 30px rgba(0,0,0,.1);

	margin-bottom: 12px;

	margin-top: 12px;

	line-height: 48px;

	background-color: #FFFFFF;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.feedback .applydiv .txtli .half, .feedback .applydiv .txtli .textli{

	box-shadow: none;

}

.applydiv .txtli .textli .re-textarea{

	width: 100%;

	height: 70px;

	resize: none;

	border: none;

	background: none;

	outline: none;

	color: #666666;

	font-size: 16px;

}

.applydiv .btn{

	width: 190px;

	text-align: center;

	background-color: #4dbdc7;

	margin: 70px auto 0px;

	-o-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-moz-transition: all 0.4s;

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

}

.applydiv .btn:hover{

	background-color: #FFFFFF;

}

.applydiv .btn input{

	width: 100%;

	height: 58px;

	line-height: 58px;

	color: #FFFFFF;

	font-size: 24px;

	background: none;

	border: none;

	outline: none;

}

.applydiv .btn:hover input{

	color: #4dbdc7;

}

/*供应商进入*/

.supplier{

	padding-top: 60px;

	padding-bottom: 70px;

}

.supplier .box{

	max-width: 1245px;

	width: 100%;

	margin: 50px auto 0px;

	border: #e5e5e5 solid 1px;

	padding: 60px 40px;

	overflow: hidden;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	color: #666666;

	font-size: 16px;

	line-height: 2;

}

@media only screen and (max-width: 1440px){

	.obanner .bannerzi .box .t1{

		font-size: 40px;

	}

	.obanner .bannerzi .box .t2{

		font-size: 24px;

	}

	.o-title .t1{

		font-size: 34px;

	}

	.subnav ul{

		padding: 25px 0px;

	}

	.subnav ul li a{

		font-size: 16px;

	}

	/*公司概况*/

	.about{

		padding-bottom: 90px;

	}

	.about .box{

		margin-top: 70px;

	}

	.about .txtbox{

		padding-right: 0;

		padding-left: 4%;

	}

	/*企业文化*/

	.culture{

		padding-top: 70px;

		min-height: 675px;

	}

	.culture .box{

		margin-top: 60px;

	}

	.culture ul li .txtbox{

		padding-top: 20px;

		padding-bottom: 20px;

	}

	.culture ul li .txtbox .t1{

		font-size: 26px;

	}

	.culture ul li .txtbox .t2{

		font-size: 20px;

	}

	/*研发创新*/

	.innovation{

		padding-top: 70px;

		padding-bottom: 50px;

	}

	.innovation .box{

		margin-top: 60px;

	}

	.innovation .local li{

		width: 30%;

		margin-right: 5%;

	}

	.innovation .local li .txt{

		font-size: 21px;

	}

	.explain{

		font-size: 21px;

	}

	.explain .sp{

		font-size: 30px;

	}

	.innovation .certificate{

		margin-top: 60px;

	}

	/*制造中心*/

	.manufacture{

		padding-top: 70px;

    	padding-bottom: 90px

	}

	.manufacture .box{

		margin-top: 70px;

	}

	.com-make ul li .txtbox .t1{

		font-size: 26px;

	}

	.com-make ul li .txtbox .t2{

		font-size: 16px;

	}

	/*全球市场*/

	.g-market .imgbox{

		margin-top: 60px;

	}

	.g-market .txtbox{

		margin-top: 60px;

		font-size: 32px;

	}

	.g-market .box{

		margin-top: 70px;

	}

	.g-market .cover ul li .txt{

		font-size: 20px;

	}

	/*新闻资讯*/

	.a-news{

		padding-top: 70px;

		padding-bottom: 70px;

	}

	.a-news .box{

		margin-top: 60px;

	}

	.news{

		padding-bottom: 90px;

	}

	.news .box{

		margin-top: 60px;

	}

	.news .box ul{

		margin-bottom: 40px;

	}

	.common-new .box ul li .txt .t2{

		font-size: 22px;

		padding-bottom: 20px;

	}

	.common-new .box ul li .txt .t3{

		margin-top: 15px;

	}

	/*人才招聘*/

	.benefits{

		padding-bottom: 50px;

	}

	.benefits .box{

		margin-top: 60px;

	}

	.company-event{

		padding-bottom: 100px;

	}

	.company-event .box{

		margin-top: 70px;

	}

	/*社会招聘*/

	.recruit{

		padding-bottom: 70px;

	}

	.labelbox .labelrow{

		margin-top: 25px;

		padding-bottom: 10px;

	}

	.entering{

		margin-top: 50px;

	}

	.recruit-list{

		margin-top: 55px;

	}

	.recruit-list .title div{

		line-height: 70px;

	}

	.recruit-list ul{

		margin-bottom: 60px;

	}

	.recruit-list ul li{

		padding: 21px 0px;

	}

	/*校园招聘*/

	.recruitment-target{

		padding-bottom: 40px;

	}

	.recruitment-target .box{

		margin-top: 60px;

	}

	.recruitment-target .box .txt{

		margin-bottom: 60px;

	}

	.recruitment-process{

		padding-top: 40px;

	}

	.recruitment-process .box{

		margin-top: 100px;

	}

	.recruitment-process ul li{

		padding-left: 100px;

	}

	.recruitment-process ul li:nth-child(odd):before{

		height: 90px;

	}

	.recruitment-process ul li:nth-child(3),

	.recruitment-process ul li:nth-child(4){

		margin-bottom: 10%;

	}

	.recruitment-process ul li .txt .t1{

		font-size: 26px;

	}

	.recruitment-process ul li .icon{

		width: 90px;

		height: 90px;

		line-height: 90px;

	}

	.delivery{

		padding-top: 70px;

		min-height: 590px;

	}

	.delivery .box{

		margin-top: 60px;

	}

	.delivery .box .txt ul li .t1{

		font-size: 22px;

	}

	.delivery .box .txt ul li .t2{

		font-size: 18px;

	}

	.delivery .box .img .t3{

		font-size: 17px;

	}

	/*投资者关系*/

	.announcement{

		padding-bottom: 90px;

	}

	/*产品详情*/

	.attribute{

		padding-bottom: 90px;

	}

	.attribute .rightbox .t1{

		font-size: 36px;

	}

	.attribute .rightbox .t2{

		font-size: 30px;

	}

	.narrate{

		padding-top: 90px;

	}

	.narrate ul li{

		margin-bottom: 90px;

	}

	.narrate ul li .txtbox .t1{

		font-size: 36px;

		margin-bottom: 25px;

	}

	.narrate ul li .txtbox .t2{

		font-size: 18px;

	}

	.performance{

		padding-bottom: 100px;

	}

	.performance .box{

		padding-top: 70px;

	}

	.applicable{

		padding-bottom: 80px;

	}

	.applicable .place{

		margin-top: 60px;

		padding-bottom: 70px;

	}

	/*解决方案*/

	.solution{

		padding-bottom: 70px;

	}

	.solution .box{

		margin-top: 60px;

	}

	.solution ul li .txt{

		padding: 25px 0px;

	}

	.solution ul li .txt .t1{

		font-size: 21px;

	}

	.solution ul li .txt .t2{

		font-size: 15px;

		min-height: 51px;

	}

	.solution ul li .txt .t3{

		padding-top: 15px;

	}

	/*解决方案详情*/

	.solution-detail{

		padding-top: 70px;

	}

	.describe{

		font-size: 16px;

	}

	/*用户服务*/

	.contact{

		padding-bottom: 60px;

	}

	.contact .boxli .txt .tit{

		font-size: 22px;

	}

	.contact .boxli .txt ul li .t1{

		font-size: 15px;

	}

	.contact .boxli .txt ul li .t2{

		font-size: 15px;

	}

	.office .box>ul>li{

		width: 30%;

		margin-right: 5%;

	}

	.office .box>ul>li .tit{

		font-size: 17px;

		margin-bottom: 15px;

	}

	.office .box>ul>li ul li .t1{

		font-size: 15px;

	}

	.office .box>ul>li ul li .t2{

		font-size: 15px;

	}

	.feedback{

		min-height:1px;

		padding-bottom: 70px;

	}

	.feedback .box{

		margin-top: 60px;

	}

	.applydiv .txtli .t1{

		font-size: 15px;

	}

	.applydiv .txtli .t2 input{

		font-size: 15px;

	}

	.applydiv .txtli .t2 .select-li select{

		font-size: 15px;

	}

	.applydiv .txtli .textli .re-textarea{

		font-size: 15px;

	}

	.applydiv .btn{

		margin-top: 50px;

	}

	.applydiv .btn input{

		font-size: 22px;

	}

}

@media only screen and (max-width: 1280px){

	.obanner .bannerzi .box .t1{

		font-size: 32px;

	}

	.obanner .bannerzi .box .t2{

		font-size: 18px;

	}

	.o-title .t1{

		font-size: 28px;

	}

	.subnav ul{

		padding: 20px 0px;

	}

	.subnav ul li a{

		min-width: 110px;

		font-size: 16px;

		line-height: 36px;

		height: 36px;

	}

	/*公司概况*/

	.about{

		padding-bottom: 70px;

	}

	.about .box{

		margin-top: 60px;

	}

	.about .txtbox .txt{

		font-size: 15px;

	}

	/*企业文化*/

	.culture{

		padding-top: 60px;

		min-height: 600px;

	}

	.culture .box{

		margin-top: 50px;

	}

	.culture ul li .txtbox .t1{

		width: 100px;

		font-size: 22px;

	}

	.culture ul li .txtbox .t2{

		font-size: 18px;

		width: -moz-calc(100% - 110px);

	    width: -webkit-calc(100% - 110px);

	    width: calc(100% - 110px);

	}

	/*研发创新*/

	.innovation{

		padding-top: 60px;

		padding-bottom: 40px;

	}

	.innovation .box{

		margin-top: 50px;

	}

	.innovation .local li .txt{

		font-size: 18px;

	}

	.explain{

		font-size: 18px;

	}

	.explain .sp{

		font-size: 26px;

	}

	.innovation .certificate{

		margin-top: 50px;

	}

	/*制造中心*/

	.manufacture{

		padding-top: 60px;

    	padding-bottom: 70px

	}

	.manufacture .box{

		margin-top: 50px;

	}

	.com-make ul li .txtbox{

		padding: 0px 30px;

	}

	.com-make ul li .txtbox .t1{

		font-size: 22px;

	}

	.com-make ul li .txtbox .t2{

		font-size: 15px;

	}

	/*全球市场*/

	.g-market{

		padding-top: 60px;

	}

	.g-market .imgbox{

		margin-top: 50px;

	}

	.g-market .txtbox{

		margin-top: 50px;

		font-size: 28px;

	}

	.g-market .box{

		margin-top:60px;

	}

	.g-market .box ul li .txt{

		font-size: 16px;

	}

	.g-market .cover{

		margin-top: 50px;

	}

	.g-market .cover ul li .icon{

		width: 64px;

		height: 64px;

		line-height: 64px;

	}

	.g-market .cover ul li .txt{

		font-size: 18px;

		width: -moz-calc(100% - 85px);

	    width: -webkit-calc(100% - 85px);

	    width: calc(100% - 85px);

	}

	/*新闻资讯*/

	.a-news{

		padding-top: 60px;

		padding-bottom: 60px;

	}

	.a-news .box{

		margin-top: 50px;

	}

	.news{

		padding-bottom: 70px;

	}

	.news .box{

		margin-top: 50px;

	}

	.common-new .box ul li .txt .t1{

		font-size: 15px;

	}

	.common-new .box ul li .txt .t2{

		font-size: 20px;

		padding-bottom: 15px;

	}

	.common-new .box ul li .txt .t3{

		margin-top: 10px;

		font-size: 15px;

	}

	/*人才招聘*/

	.benefits{

		padding-bottom: 40px;

	}

	.benefits .box{

		margin-top: 50px;

	}

	.company-event{

		padding-bottom: 80px;

	}

	.company-event .box{

		margin-top: 50px;

	}

	/*社会招聘*/

	.recruit{

		padding-bottom: 60px;

	}

	.labelbox .labelrow{

		margin-top: 20px;

		padding-bottom: 5px;

	}

	.labelbox .classli a{

		font-size: 15px;

	}

	.entering{

		margin-top: 40px;

		height: 50px;

	}

	.entering .t1 input{

		line-height: 48px;

		font-size: 15px;

	}

	.entering .t2, .entering .t2 input{

		height: 48px;

	}

	.recruit-list{

		margin-top: 40px;

	}

	.recruit-list .title div{

		line-height: 60px;

		font-size: 15px;

	}

	.recruit-list ul{

		margin-bottom: 50px;

	}

	.recruit-list ul li{

		padding: 16px 0px;

		font-size: 15px;

	}

	/*校园招聘*/

	.recruitment-target .box{

		margin-top: 50px;

	}

	.recruitment-target .box .txt{

		margin-bottom: 50px;

	}

	.recruitment-process{

		padding-top: 30px;

	}

	.recruitment-process .box{

		margin-top: 70px;

	}

	.recruitment-process ul li:nth-child(odd):before{

		height: 70px;

	}

	.recruitment-process ul li{

		padding-left: 90px;

	}

	.recruitment-process ul li .txt .t1{

		font-size: 22px;

	}

	.recruitment-process ul li .icon{

		width: 70px;

		height: 70px;

		line-height: 70px;

	}

	.delivery{

		padding-top: 60px;

		min-height: 520px;

	}

	.delivery .box{

		margin-top: 50px;

		padding: 45px 0px;

	}

	.delivery .box .txt ul li .t1{

		font-size: 20px;

	}

	.delivery .box .txt ul li .t2{

		font-size: 16px;

	}

	.delivery .box .img .t3{

		font-size: 15px;

	}

	/*投资者关系*/

	.survey{

		padding-top: 60px;

	}

	.survey .box{

		margin-top: 50px;

	}

	.announcement{

		padding-top: 40px;

		padding-bottom: 80px;

	}

	.announcement .box{

		margin-top: 50px;

	}

	/*产品中心*/

	.product ul li{

		width: 30%;

		margin-right: 5%;

	}

	.product ul li .txt{

		font-size: 16px;

	}

	/*产品详情*/

	.attribute{

		padding-bottom: 60px;

	}

	.attribute .rightbox{

		margin-top: 0;

	}

	.attribute .rightbox .t1{

		font-size: 28px;

		margin-bottom: 15px;

	}

	.attribute .rightbox .t2{

		font-size: 26px;

	}

	.attribute .rightbox ul{

		margin-top: 25px;

	}

	.attribute .rightbox ul li{

		font-size: 16px;

		padding-left: 25px;

	}

	.attribute .rightbox ul li i{

		width: 12px;

		height: 12px;

	}

	.narrate{

		padding-top: 70px;

	}

	.narrate ul li{

		margin-bottom: 70px;

	}

	.narrate ul li .txtbox .t1{

		font-size: 30px;

		margin-bottom: 15px;

	}

	.narrate ul li .txtbox .t2{

		font-size: 16px;

	}

	.performance{

		padding-top: 60px;

		padding-bottom: 70px;

	}

	.performance .box{

		margin-top: 40px;

		padding-top: 50px;

		padding-bottom: 40px;

	}

	.performance .box ul li{

		font-size: 15px;

	}

	.applicable{

		padding-top: 60px;

		padding-bottom: 60px;

	}

	.applicable .place{

		margin-top: 50px;

		padding-bottom: 60px;

	}

	.applicable .place .imgbox .txt{

		font-size: 16px;

	}

	/*解决方案*/

	.solution{

		padding-top: 60px;

		padding-bottom: 60px;

	}

	.solution .box{

		margin-top: 40px;

	}

	.solution ul li .txt{

		padding: 20px 0px;

	}

	.solution ul li .txt .t1{

		font-size: 18px;

	}

	.solution ul li .txt .t2{

		font-size: 14px;

		min-height: 48px;

	}

	/*解决方案详情*/

	.solution-detail{

		padding-top: 60px;

	}

	/*用户服务*/

	.contact{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.contact .box{

		margin-top: 50px;

	}

	.contact .boxli .txt .tit{

		font-size: 20px;

	}

	.contact .boxli .txt ul li .t1{

		font-size: 14px;

	}

	.contact .boxli .txt ul li .t2{

		font-size: 14px;

	}

	.office{

		padding-top: 50px;

		padding-bottom: 30px;

	}

	.office .box{

		margin-top: 50px;

	}

	.office .box>ul>li .tit{

		font-size: 16px;

	}

	.office .box>ul>li ul li .t1{

		font-size: 14px;

	}

	.office .box>ul>li ul li .t2{

		font-size: 14px;

	}

	.feedback{

		padding-top: 50px;

	}

	.feedback .box{

		margin-top: 40px;

	}

	.applydiv .btn{

		margin-top: 40px;

		width: 160px;

	}

	.applydiv .btn input {

	    height: 48px;

	    line-height: 48px;

	    font-size: 20px;

	}

	/*用户服务——供应商*/

	.supplier .box{

		font-size: 15px;

	}

}

@media only screen and (max-width: 1024px){

	.o-main, .main{

		padding-top: 60px;

	}

	.spacing{

		padding-top: 60px;

		margin-top: -60px;

	}

	.obanner .bannerzi .box .t1{

		font-size: 32px;

	}

	.obanner .bannerzi .box .t2{

		font-size: 18px;

	}

	.o-title .t1{

		font-size: 28px;

	}

	.subnav ul{

		padding: 20px 0px;

	}

	.subnav ul{

		width: 100%;

		text-align: center;

		overflow-x: scroll;

	    overflow-y: hidden;

	    white-space: nowrap;

	}

	.subnav ul::-webkit-scrollbar{

	    width:0px;

	    height:0px;

	}

	.subnav ul::-webkit-scrollbar-button{

	    background-color:rgba(0,0,0,0);

	}

	.subnav ul::-webkit-scrollbar-track{

	    background-color:rgba(0,0,0,0);

	}

	.subnav ul::-webkit-scrollbar-track-piece{

	    background-color:rgba(0,0,0,0);

	}

	.subnav ul::-webkit-scrollbar-thumb{

	    background-color:rgba(0,0,0,0);

	}

	.subnav ul::-webkit-scrollbar-corner{

	    background-color:rgba(0,0,0,0);

	}

	.subnav ul::-webkit-scrollbar-resizer{

	    background-color:rgba(0,0,0,0);

	}

	.subnav ul::-webkit-scrollbar{

	    width:0px;

	    height:0px;

	}

	/*公司概况*/

	.about{

		padding-top: 50px;

		padding-bottom: 60px;

	}

	.about .box{

		margin-top: 40px;

	}

	/*企业文化*/

	.culture{

		min-height: 480px;

	}

	.culture .box{

		margin-top: 40px;

	}

	.culture ul li .txtbox .t1{

		width: 90px;

		font-size: 20px;

	}

	.culture ul li .txtbox .t2{

		font-size: 16px;

		width: -moz-calc(100% - 95px);

	    width: -webkit-calc(100% - 95px);

	    width: calc(100% - 95px);

	}

	/*研发创新*/

	.innovation .box{

		margin-top: 40px;

	}

	.innovation .certificate{

		margin-top: 40px;

	}

	/*制造中心*/

	.manufacture .box{

		margin-top: 40px;

	}

	.com-make ul li .txtbox .t1{

		font-size: 20px;

	}

	/*全球市场*/

	.g-market .txtbox{

		margin-top: 40px;

		font-size: 24px;

	}

	.g-market .imgbox{

		margin-top: 40px;

	}

	.g-market .box{

		margin-top: 40px;

	}

	.g-market .box ul li{

		width: 30%;

		margin-right: 5%;

	}

	.g-market .box ul li:nth-child(4n){

		margin-right: 5%;

	}

	.g-market .box ul li:nth-child(3n){

		margin-right: 0;

	}

	.g-market .box ul li .txt{

		bottom: 20px;

	}

	.g-market .cover{

		margin-top: 40px;

	}

	.g-market .cover ul li{

		margin-bottom: 30px;

	}

	.g-market .cover ul li .icon{

		width: 54px;

		height: 54px;

		line-height: 54px;

	}

	.g-market .cover ul li .txt{

		margin-top: 15px;

		font-size: 16px;

		width: -moz-calc(100% - 75px);

	    width: -webkit-calc(100% - 75px);

	    width: calc(100% - 75px);

	}

	/*新闻资讯*/

	.a-news .box{

		margin-top: 40px;

	}

	.news{

		padding-top: 60px;

	}

	.news .box{

		margin-top: 40px;

	}

	.common-new .box ul li .txt .t1{

		font-size: 14px;

	}

	.common-new .box ul li .txt .t2{

		font-size: 18px;

	}

	.common-new .box ul li .txt .t3{

		font-size: 14px;

	}

	/*分页*/

	.page-list a{

		font-size: 16px;

	}

	.page-list a.home-page, .page-list a.last{

		font-size: 15px;

	}

	/*人才招聘*/

	.benefits{

		padding-bottom: 30px;

	}

	.benefits .box{

		margin-top: 40px;

	}

	.company-event{

		padding-bottom: 70px;

	}

	/*社会招聘*/

	.labelbox .tit{

		font-size: 15px;

	}

	.labelbox .classli a{

		padding: 0px 15px;

		line-height: 36px;

		min-width: 75px;

		font-size: 14px;

	}

	/*校园招聘*/

	.recruitment-target .box{

		margin-top: 40px;

	}

	.recruitment-target .box .txt{

		font-size: 21px;

	}

	.recruitment-process .box{

		margin-top: 60px;

	}

	.recruitment-process ul:before{

		left: 60px;

	}

	.recruitment-process ul li{

		padding-left: 80px;

	}

	.recruitment-process ul li:nth-child(odd):before{

		height: 60px;

	}

	.recruitment-process ul li .icon{

		width: 60px;

		height: 60px;

		line-height: 60px;

	}

	.recruitment-process ul li .txt .t1{

		font-size: 20px;

	}

	.recruitment-process ul li .txt .t2{

		font-size: 15px;

	}

	.delivery .box{

		margin-top: 40px;

	}

	/*投资者关系*/

	.survey .box{

		margin-top: 40px;

	}

	.announcement{

		padding-top: 30px;

		padding-bottom: 70px;

	}

	.announcement .box{

		margin-top: 40px;

	}

	/*产品中心*/

	.product{

		padding-top: 60px;

	}

	/*产品详情*/

	.attribute{

		padding-bottom: 50px;

	}

	.attribute .rightbox{

		margin-top: 0;

	}

	.attribute .rightbox .t1{

		font-size: 24px;

		margin-bottom: 10px;

	}

	.attribute .rightbox .t2{

		font-size: 22px;

	}

	.attribute .rightbox ul{

		margin-top: 20px;

	}

	.attribute .rightbox ul li{

		padding-left: 20px;

	}

	.narrate{

		padding-top: 60px;

	}

	.narrate ul li{

		margin-bottom: 60px;

	}

	.narrate ul li .txtbox .t1{

		font-size: 26px;

		margin-bottom: 10px;

	}

	.performance{

		padding-top: 50px;

		padding-bottom: 60px;

	}

	.performance .box{

		padding-bottom: 30px;

	}

	.performance .box ul li{

		padding-left: 20px;

	}

	.performance .box ul li i{

		width: 10px;

		height: 10px;

	}

	.applicable .place{

		margin-top: 40px;

	}

	.applicable .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

		margin: 0 5px;

	}

	.applicable .place .swiper-pagination-bullet{

		width: 10px;

		height: 10px;

	}

	/*解决方案*/

	.solution{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	/*用户服务*/

	.contact .boxli .txt{

		padding-top: 25px;

	}

	.contact .boxli .txt ul{

		margin-top: 20px;

	}

}

@media only screen and (max-width: 768px){

	.obanner .bannerzi .box .t1{

		font-size: 28px;

		margin-bottom: 10px;

	}

	.obanner .bannerzi .box .t2{

		font-size: 16px;

	}

	.o-title .t1{

		font-size: 24px;

	}

	.subnav ul{

		padding: 15px 0px;

	}

	.subnav ul li{

		margin-right: 20px;

	}

	.subnav ul li a{

		font-size: 15px;

	}

	/*公司概况*/

	.about .imgbox{

		margin-right: 4%;

	}

	.about .txtbox{

		float: none;

	    width: auto;

	    overflow: inherit;

	    padding-right: 0;

	}

	/*企业文化*/

	.culture ul li{

		margin-bottom: 40px;

	}

	.culture ul li .txtbox{

		padding-right: 35px;

	}

	.culture ul li .txtbox .t1{

		font-size: 18px;

	}

	.culture ul li .txtbox .t2{

		font-size: 15px;

	}

	.culture ul li:before{

		left: -6px;

		width: 10px;

		height: 10px;

		margin-top: -5px;

	}

	.culture ul li:after{

		left: -12px;

		width: 22px;

		height: 22px;

		margin-top: -11px;

	}

	/*研发创新*/

	.innovation{

		padding-bottom: 30px;

	}

	.innovation .local li{

		width: 47.3%;

	    margin-right: 5.4%;

	    margin-bottom: 5.4%;

	}

	.innovation .local li:nth-child(3n){

		margin-right: 5.4%;

	}

	.innovation .local li:nth-child(2n){

		margin-right: 0;

	}

	.innovation .local li .txt{

		font-size: 16px;

	}

	.innovation .certificate{

		margin-top: 40px;

	}

	.innovation .certificate li{

		margin-bottom: 5.4%;

	}

	.explain{

		margin-top: 20px;

		font-size: 16px;

	}

	.explain .sp{

		font-size: 22px;

	}

	/*制造中心*/

	.com-make ul li{

		width: 100%;

	}

	.com-make ul li.right .imgbox{

		float: inherit;

	}

	.com-make ul li.right .txtbox {

	    right: auto;

	    left: auto;

	}

	.com-make ul li:nth-child(odd) .imgbox{

		float: left;

	}

	.com-make ul li:nth-child(even) .imgbox{

		float: right;

	}

	.com-make ul li:nth-child(odd) .txtbox{

		right: 0;

		left: auto;

	}

	.com-make ul li:nth-child(even) .txtbox{

		right: auto;

		left: 0;

	}

	/*全球市场*/

	.g-market .txtbox{

		font-size: 20px;

	}

	.g-market .box ul li{

		width: 47.3%;

	    margin-right: 5.4%;

	    margin-bottom: 5.4%;

	}

	.g-market .box ul li:nth-child(4n){

		margin-right: 5.4%;

	}

	.g-market .box ul li:nth-child(3n){

		margin-right: 5.4%;

	}

	.g-market .box ul li:nth-child(2n){

		margin-right: 0;

	}

	.g-market .cover ul li{

		margin-bottom: 20px;

	}

	.g-market .cover ul li .icon{

		width: 44px;

		height: 44px;

		line-height: 44px;

	}

	.g-market .cover ul li .txt{

		margin-top: 10px;

		font-size: 15px;

		width: -moz-calc(100% - 60px);

	    width: -webkit-calc(100% - 60px);

	    width: calc(100% - 60px);

	}

	.g-market .cover .img{

		width: 40%;

	}

	/*新闻资讯*/

	.a-news{

		padding-bottom: 20px;

	}

	.news .box ul{

		margin-bottom: 30px;

	}

	.common-new .box ul li{

		width: 47.3%;

	    margin-right: 5.4%;

	    margin-bottom: 3%

	}

	.common-new .box ul li:nth-child(3n){

		margin-right: 5.4%;

	}

	.common-new .box ul li:nth-child(2n){

		margin-right: 0;

	}

	/*投资者关系*/

	.survey .box{

		font-size: 15px;

	}

	.announcement .box ul li a{

		padding: 15px 0px;

	}

	.announcement .box ul li .t1, .announcement .box ul li .t2{

		font-size: 15px;

	}

	/*产品中心*/

	.product ul li{

		width: 47.3%;

	    margin-right: 5.4%;

	    margin-bottom: 5.4%;

	}

	.product ul li:nth-child(3n){

		margin-right: 5.4%;

	}

	.product ul li:nth-child(2n){

		margin-right: 0;

	}

	/*产品详情*/

	.attribute .rightbox{

		padding-left: 4%;

	}

	.attribute .rightbox .t1{

		font-size: 20px;

	}

	.attribute .rightbox .t2{

		font-size: 18px;

	}

	.attribute .rightbox ul{

		margin-top: 15px;

	}

	.attribute .rightbox ul li{

		font-size: 15px;

	}



	.narrate ul li .txtbox .t1{

		font-size: 22px;

	}

	.narrate ul li .txtbox .t2{

		font-size: 15px;

	}

	.applicable .place{

		padding-bottom: 50px;

	}

	.applicable .place .imgbox .txt{

		font-size: 15px;

	}

	/*人才招聘*/

	.company-event{

		padding-bottom: 60px;

	}

	/*社会招聘*/

	.labelbox .labelrow{

		margin-top: 15px;

	}

	.labelbox .tit{

		width: 90px;

	}

	.labelbox .classli a{

		margin-bottom: 10px;

	}

	.recruit-list .title div{

		line-height: 54px;

	}

	.recruit-list ul li{

		padding: 13px 0px;

	}

	.recruit-list .job-category, .recruit-list .numbers{

		display: none;

	}

	.recruit-list .job-title{

		width: 50%;

	}

	.recruit-list .workplace{

		width: 20%;

	}

	.recruit-list .release-time{

		width: 30%;

	}

	/*解决方案*/

	.solution{

		padding-bottom: 30px;

	}

	.solution ul li{

		width: 47.3%;

	    margin-right: 5.4%;

	    margin-bottom: 3.5%;

	}

	.solution ul li:nth-child(3n){

		margin-right: 5.4%;

	}

	.solution ul li:nth-child(2n){

		margin-right: 0;

	}

	/*解决方案详情*/

	.solution-detail{

		padding-top: 50px;

	}

	.describe{

		font-size: 15px;

	}

	/*用户服务*/

	.contact{

		padding-bottom: 30px;

	}

	.contact .box{

		margin-top: 40px;

	}

	.contact .boxli{

		background-color: #FFFFFF;

	}

	.contact .boxli .txt{

		padding-top: 0px;

	}

	.contact .boxli .txt .line{

		width: 35px;

	}

	.contact .boxli .txt ul{

		margin-top:15px;

	}

	.office .box>ul>li{

		width: 47.3%;

	    margin-right: 5.4%;

	    margin-bottom: 5.4%;

	}

	.office .box>ul>li:nth-child(3n){

		margin-right: 5.4%;

	}

	.office .box>ul>li:nth-child(2n){

		margin-right: 0;

	}

	.feedback{

		padding-bottom: 60px;

	}

	.feedback .box{

		margin-top: 30px;

	}

	.applydiv .txtli .half{

		width: 48%;

		margin-right: 4%;

	}

	.applydiv .txtli .half{

		line-height: 42px;

	}

	.applydiv .txtli .t2 input{

		height: 42px;

	}

	.applydiv .btn{

		margin-top: 30px;

		width: 140px;

	}

	.applydiv .btn input {

	    height: 42px;

	    line-height: 42px;

	    font-size: 18px;

	}

	/*用户服务——供应商*/

	.supplier .box{

		margin-top: 40px;

		font-size: 14px;

		padding: 5%;

	}

}

@media only screen and (max-width: 640px){

	.obanner .bannerzi .box .t1{

		font-size: 24px;

	}

	.obanner .bannerzi .box .t2{

		font-size: 15px;

	}

	.o-title .t1{

		font-size: 22px;

	}

	.o-title .t2 span{

		font-size: 15px;

	}

	.o-title .t3{

		font-size: 15px;

	}

	.subnav ul li{

		margin-right: 15px;

	}

	/*公司概况*/

	.about .num{

		margin-top: 30px;

	}

	/*企业文化*/

	.culture ul li{

		margin-bottom: 30px;

	}

	/*全球市场*/

	.g-market .txtbox{

		font-size: 18px;

		margin-top: 30px;

	}

	.entering{

		padding-left: 30px;

	}

	.entering .t1{

		width: 80%;

	}

	.entering .t2{

		width: 16%;

	}

	/*制造中心*/

	.com-make ul li .txtbox .line{

		height: 3px;

		margin-top: 20px;

	}

	/*人才招聘*/

	.benefits{

		padding-top: 50px;

	}

	.company-event{

		padding-bottom: 50px;

	}

	.company-event .box{

		margin-top: 40px;

	}

	/*校园招聘*/

	.recruitment-target .box .txt{

		font-size: 18px;

	}

	.recruitment-process{

		padding-bottom: 30px;

	}

	.recruitment-process .box{

		margin-top: 40px;

	}

	.recruitment-process ul:before{

		display: none;

	}

	.recruitment-process ul li{

		padding-left: 65px;

		width: 100%;

		min-height: 1px;

		margin-bottom: 30px;

	}

	.recruitment-process ul li:nth-child(odd):before{

		display: none;

	}

	.recruitment-process ul li:nth-child(3), .recruitment-process ul li:nth-child(4){

		margin-bottom: 30px;

	}

	.recruitment-process ul li .icon{

		width: 50px;

		height: 50px;

		line-height: 50px;

	}

	.recruitment-process ul li .txt .t1{

		font-size: 18px;

	}

	.delivery .box .txt ul li .t1{

		width: 35px;

		height: 35px;

		line-height: 35px;

	}

	.delivery .box .txt ul li .t2{

		width: -moz-calc(100% - 45px);

	    width: -webkit-calc(100% - 45px);

	    width: calc(100% - 45px);

	}

	/*投资者关系*/

	.survey {

		padding-top: 50px;

	}

	.survey .box{

		margin-top: 30px;

	}

	.announcement .box{

		margin-top: 30px;

	}

	.announcement .box ul li .t1{

		width: 18%;

	}

	.announcement .box ul li .t2{

		width: 70%;

	}

	.announcement .box ul li .t1, .announcement .box ul li .t2{

		line-height: 1.7;

	}

	/*产品详情*/

	.attribute{

		padding-bottom: 40px;

	}

	.narrate{

		padding-top: 40px;

	}

	.narrate ul li{

		margin-bottom: 50px;

	}

	.narrate ul li .txtbox .t1{

		font-size: 20px;

	}

	.performance .box{

		margin-top: 30px;

		padding-top: 40px;

	}

	.performance .box ul li{

		width: 100%;

		margin-bottom: 15px;

	}

	.applicable{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.applicable .place{

		margin-top: 30px;

	}

	/*解决方案详情*/

	.solution-detail{

		padding-top: 40px;

	}

	/*用户服务*/

	.contact .boxli .img, .contact .boxli .txt{

		float: none;

		width: 100%;

	}

	.contact .boxli .txt{

		padding-top: 20px;

	}

	/*用户服务——供应商*/

	.supplier{

		padding-top: 40px;

		padding-bottom: 50px;

	}

	.supplier .box{

		margin-top: 30px;

		padding: 5%;

	}

}

@media only screen and (max-width: 576px){

	.obanner .bannerzi .box .t1{

		font-size: 22px;

	}

	.obanner .bannerzi .box .t2{

		font-size: 14px;

	}

	.o-title .t1{

		font-size: 20px;

	}

	.o-title .t3{

		margin-top: 20px;

	}

	.subnav ul{

		padding: 10px 0px;

	}

	.subnav ul li{

		margin-right: 5px;

	}

	.subnav ul li a{

		min-width: 90px;

		font-size: 14px;

		padding: 0px 15px;

	}

	/*公司概况*/

	.about{

		padding-top: 40px;

		padding-bottom: 50px;

	}

	.about .box{

		margin-top: 30px;

	}

	.about .imgbox{

		float: none;

		margin-right: 0;

		width: 100%;

	}

	.about .txtbox{

		padding-top: 20px;

		width: 100%;

		padding-left: 0;

	}

	/*企业文化*/

	.culture{

		padding-top: 50px;

	}

	.culture .box{

		padding-left: 5%;

	}

	.culture ul{

		padding-top: 20px;

	}

	.culture ul li{

		margin-bottom: 20px;

	}

	.culture ul li .txtbox .t1{

		width: 100%;

		font-size: 16px;

	}

	.culture ul li .txtbox .t2{

		width: 100%;

		margin-top: 10px;

		font-size: 14px;

	}

	/*研发创新*/

	.innovation{

		padding-top: 50px;

		padding-bottom: 40px;

	}

	.innovation .box{

		margin-top: 30px;

	}

	.innovation .local li{

		width: 100%;

	    margin-right: 0;

	    margin-bottom: 20px;

	}

	.innovation .local li .txt{

		font-size: 16px;

	}

	.innovation .certificate{

		margin-top: 30px;

	}

	.innovation .certificate li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 20px;

	}

	.explain{

		font-size: 15px;

	}

	.explain .sp{

		font-size: 20px;

	}

	/*制造中心*/

	.manufacture{

		padding-top: 50px;

	}

	.manufacture .box{

		margin-top: 30px;

	}

	.com-make ul li{

		background: none;

		margin-bottom: 20px;

	}

	.com-make ul li .imgbox{

		width: 100%;

	}

	.com-make ul li .txtbox{

		position: static;

		transform: none;

		width: 100%;

		padding: 20px;

	}

	.com-make ul li .txtbox .t1, .com-make ul li .txtbox .t2{

		color: #333333;

	}

	.com-make ul li .txtbox .line{

		display: none;

	}

	/*全球市场*/

	.g-market{

		padding-top: 50px;

		padding-bottom: 40px;

	}

	.g-market .imgbox{

		margin-top: 30px;

	}

	.g-market .txtbox{

		font-size: 17px;

	}

	.g-market .box ul li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 20px;

	}

	.g-market .box ul li:last-child{

		margin-bottom: 0;

	}

	.g-market .cover{

		margin-top: 30px;

	}

	.g-market .cover ul{

		float: none;

		width: 100%;

	}

	.g-market .cover .img{

		width: 100%;

	}

	/*新闻资讯*/

	.a-news{

		padding-top: 50px;

	}

	.a-news .box{

		margin-top: 30px;

	}

	.news{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.news .box{

		margin-top: 30px;

	}

	.news .box ul{

		margin-bottom: 20px;

	}

	.common-new .box ul li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 20px;

	}

	.common-new .box ul li .txt{

		padding: 20px 0px;

	}

	/*人才招聘*/

	.benefits{

		padding-top: 40px;

		padding-bottom: 10px;

	}

	.benefits .box{

		margin-top: 30px;

	}

	.company-event{

		padding-bottom: 40px;

	}

	.company-event .box{

		margin-top: 30px;

	}

	/*社会招聘*/

	.recruit{

		padding-bottom: 50px;

	}

	.labelbox .tit{

		float: none;

		width: 100%;

		margin-bottom: 5px;

	}

	.labelbox .labelrow .content{

		float: none;

		width: 100%;

	}

	.labelbox .classli a {

	    padding: 0px 12px;

	    line-height: 32px;

	    min-width: 70px;

	    margin-bottom: 5px;

	}

	.entering{

		margin-top: 30px;

		padding-left: 20px;

	}

	.entering .t1{

		width: 75%;

	}

	.entering .t2{

		width: 20%;

	}

	.recruit-list{

		margin-top: 30px;

	}

	.recruit-list .title div{

		line-height: 50px;

		font-size: 14px;

	}

	.recruit-list ul li{

		font-size: 14px;

	}

	/*校园招聘*/

	.recruitment-target{

		padding-top: 50px;

		padding-bottom: 20px;

	}

	.recruitment-target .box{

		margin-top: 30px;

	}

	.recruitment-target .box .txt{

		font-size: 16px;

		margin-bottom: 40px;

	}

	.recruitment-process{

		padding-bottom: 20px;

	}

	.recruitment-process .box{

		margin-top: 30px;

	}

	.delivery{

		padding-top: 50px;

		min-height: 1px;

	}

	.delivery .box{

		margin-top: 30px;

	}

	.delivery .box .txt ul li{

		padding-left: 0;

	}

	.delivery .box .txt ul li .t1{

		width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 18px;

	}

	.delivery .box .txt ul li .t2{

		width: -moz-calc(100% - 40px);

	    width: -webkit-calc(100% - 40px);

	    width: calc(100% - 40px);

	    margin-top: 0;

	    font-size: 14px;

	}

	/*投资者关系*/

	.survey {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.survey .box{

		margin-top: 20px;

		font-size: 14px;

	}

	.announcement{

		padding-bottom: 60px;

	}

	.announcement .box{

		margin-top: 20px;

	}

	.announcement .box ul li .t1{

		width: 25%;

	}

	.announcement .box ul li .t2{

		width: 62%;

	}

	.announcement .box ul li .t1, .announcement .box ul li .t2{

		font-size: 14px;

	}

	.announcement .box ul li .t3{

		background: url(../image/img94.png) center right 0px no-repeat;

    	background-size: 22px 22px;

	}

	.announcement .box ul li:hover .t3 {

	    background: url(../image/img95.png) center right 0px no-repeat;

	    background-size: 22px 22px;

	}

	/*产品中心*/

	.product{

		padding-top: 50px;

		padding-bottom: 40px;

	}

	.product ul li{

		width: 100%;

	    margin-right: 0;

	    margin-bottom: 30px;

	}

	/*产品详情*/

	.attribute{

		padding-top: 40px;

		padding-bottom: 30px;

	}

	.attribute .leftbox{

		float: none;

		width: 100%;

	}

	.attribute .rightbox{

		float: none;

		width: 100%;

		padding-left: 0;

		padding-top: 20px;

	}

	.narrate{

		padding-bottom: 20px;

	}

	.narrate ul li .imgbox{

		float: none;

		width: 100%;

	}

	.narrate ul li .txtbox{

		float: none;

		width: 100%;

		padding-left: 0;

		padding-right: 0;

		padding-top: 20px;

	}

	.narrate ul li:nth-child(odd) .txtbox, .narrate ul li:nth-child(even) .txtbox{

		padding-left: 0;

		padding-right: 0;

	}

	.narrate ul li{

		margin-bottom: 30px;

	}

	.narrate ul li .txtbox .t1{

		font-size: 18px;

		margin-bottom: 5px;

	}

	.performance{

		padding-bottom: 50px;

	}

	.performance .box{

		padding-top: 30px;

	}



	.applicable{

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.applicable .place{

		padding-bottom: 40px;

	}

	/*解决方案*/

	.solution{

		padding-top: 40px;

	}

	.solution .box{

		margin-top: 30px;

	}

	.solution ul li{

		width: 100%;

	    margin-right: 0;

	    margin-bottom: 20px;

	}

	.solution ul li .txt .t2{

		min-height: 1px;

	}

	.solution ul li .txt .t3{

		margin-top: 15px;

	}

	/*用户服务*/

	.contact{

		padding-top: 40px;

		padding-bottom: 20px;

	}

	.contact .boxli .txt .tit{

		font-size: 18px;

	}

	.office .box{

		margin-top: 30px;

	}

	.office .box>ul>li{

		float: none;

		width: 100%;

		margin-bottom: 30px;

	}

	.feedback{

		padding-top: 50px;

	}

	.feedback .box{

		margin-top: 20px;

	}

	.applydiv .txtli .half{

	 	margin: 10px auto;

	}

	.feedback .applydiv .txtli .half, .feedback .applydiv .txtli .textli{

		width: 100%;

	}

	.applydiv .btn input{

		font-size: 16px;

	}

}





/*搜索结果*/

.xsousuo{

	padding-top: 40px;

	padding-bottom: 80px;

	background-color: #f5f5f5;

}

.xsousuo .conwidth{

}

.xsousuo .xssbox{

	padding-top: 85px;

	padding-left: 4%;

	padding-right: 4%;

	padding-bottom: 80px;

	background-color: #FFFFFF;

}

.xssbox .title{

	font-family: "m-medium";

	color: #000000;

	font-size: 28px;

	padding-bottom: 35px;

	border-bottom: #e8e8e8 solid 1px;

}

.xssbox .title .t1{

	color: #4dbec7;

}

.xsdiv{

}

.xsdiv ul li{

	width: 100%;

	padding-top: 30px;

	padding-bottom: 30px;

	border-bottom: #eae5e5 solid 1px;

}

.xsdiv ul li a{

	display: inline-block;

	width: 100%;

}

.xsdiv ul li a .xtop{

	margin-bottom: 10px;

	overflow: hidden;

}

.xsdiv ul li a .xtop .xleft{

	display: inline-block;

	color: #222222;

	font-size: 20px;

	margin-right: 30px;

	margin-bottom: 5px;

}

.xsdiv ul li a:hover .xleft{

	color: #4dbec7;

}

.xsdiv ul li a .xtop .xright{

	display: inline-block;

	color: #222222;

	font-size: 14px;

}

.xsdiv ul li a .xmid{

	color: #999999;

	font-size: 14px;

	line-height: 24px;

	margin-bottom: 15px;

}

.xsdiv ul li a .time{

	color: #444444;

	font-size: 16px;

}

@media screen and (max-width: 1440px){

	.xssbox .title{

		font-size: 26px;

	}

}

@media screen and (max-width: 1024px){

	.xsousuo{

		padding-bottom: 70px;

	}

	.xsousuo .xssbox{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.xssbox .title{

		font-size: 24px;

	}

}

@media screen and (max-width: 768px){

	.xsousuo{

		padding-bottom: 60px;

	}

	.xsousuo .xssbox{

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.xssbox .title{

		font-size: 20px;

		padding-bottom: 25px;

	}

	.xsdiv ul li{

		padding: 25px 0px;

	}

}

@media screen and (max-width: 640px){

	.xsousuo .xssbox{

		padding-top: 30px;

		padding-bottom: 30px;

	}

	.xssbox .title{

		font-size: 18px;

		padding-bottom: 20px;

	}

	.xsdiv ul li{

		padding: 20px 0px;

	}

	.xsdiv ul li a .xtop .xleft{

		font-size: 16px;

	}

}

.convideo{

	width: 500px;

	height: auto;

}

@media only screen and (max-width: 1440px){

	.convideo{

        width: 450px;

	}

}

@media only screen and (max-width: 1280px){

	.convideo{

        width: 420px;

	}

}

/*20210519*/

.m-product{

	display: none;

	padding-top: 50px;

    padding-bottom: 70px;

}

.m-product .box{

	position: relative;

	width: 100%;

	overflow: hidden;

	padding-bottom: 50px;

}

.m-product .swiper-pagination-bullet {

    position: relative;

    width: 10px;

    height: 10px;

    display: inline-block;

    vertical-align: middle;

    border-radius: 50%;

    opacity: 1;

    background-color: #dadddd;

}

.m-product .swiper-pagination-bullet-active {

    background-color: #4cbbc5;

}

.m-product .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{

	margin: 0 5px;

}

/*视频弹窗样式*/



.bigPicLayer .close {

    display: block;

    width: 38px;

    height: 38px;

    background: url(../image/m5_off.png) no-repeat;

    right: -50px;

    top: -50px;

    position: relative;

    position: absolute;

    z-index: 1000;

}



.bigPicLayer .close em {

    width: 1px;

    height: 50px;

    background: #009690;

    display: none;

    position: absolute;

    left: 50%;

    margin-left: -0.5px;

    top: 100%;

}



.bigPicLayer .imgDiv {

    text-align: center;

}



.bigPicLayer .imgDiv img {

    width: 100%;

}



.bigPicLayer .imgDiv span {

    display: block;

    text-align: center;

    font-size: 18px;

    margin-top: 16px;

    color: #fff;

    font-weight: bold;

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

}

.video_all{

	position:fixed;

	top:0;

	left:0;

	z-index:999;

	display:none;

	width:100%;

	height:100%;

	opacity:0.5;

	-moz-opacity:0.5;

	filter:alpha(opacity=50);

	background-color:#000;

}









@media screen and (max-width: 1024px) {

   	.bigPicLayer {

        display: none;

        width: 100%;

        height: auto;

        position: fixed;

        z-index: 1000;

        top: 50% !important;

        left: 0;

        margin-top: 0;

        margin-left: -10px;

        -webkit-transform: translate(-50%);

        transform: translateY(-50%);

        padding: 10px;

        box-sizing: border-box;

    }

    .bigPicLayer .close {

        display: block;

        width: 48px;

        height: 48px;

        background: url(../image/m5_off.png) no-repeat;

        right: 15px;

        top: -50px;

        position: relative;

        position: absolute;

        z-index: 222;

    }



    .bigPicLayer .close em {

        width: 1px;

        height: 20px;

        background: #0a448d;

        display: none;

        position: absolute;

        left: 50%;

        margin-left: -0.5px;

        top: 100%;

    }

	.wrap{

		text-align:center;

		margin:0 auto

	}

     #CuPlayer iframe{

	 width: 80%;

      }

    .bigPicLayer .imgDiv {

        height: 169px;

    }



}

@media only screen and (max-width: 1024px){

	.i-product{

		display: none;

	}

	.m-product{

		display: block;

	}

}

@media only screen and (max-width: 768px){

	.m-product {

	    padding-bottom: 60px;

	}

}

@media only screen and (max-width: 640px){

	.m-product {

	    padding-top: 40px;

	    padding-bottom: 50px;

	}

}

@media only screen and (max-width: 576px){

	.m-product {

	    padding-bottom: 40px;

	}

	.m-product .box {

	    padding-bottom: 40px;

	}

	#CuPlayer iframe{

	 width: 100%;

      }

}



.header.act .head-nation .current .name, .header.white .head-nation .current .name img{

	width:28px;

	padding-right:10px;

}





.head-nation ul li a img{



	width:28px;

	padding-right:10px;

}



.header.act .head-nation .current{

	display:none;

}



.submenu .submenu-li a img{padding-right: 5px;}





.applicable .place.oth ul li:last-child{

	margin-right: 0;

}

.newvideo{

	padding-top: 6%;

	padding-bottom: 30px;

}

.newvideo .box{

	

	margin: 0 auto;

	text-align: center;

}

.newvideo .box .videowrap{

	position: relative;

}

.newvideo .box .videowrap .img{

	position: relative;

    z-index: 8;

    width: 100%;

    overflow: hidden;

}

.newvideo .box .videowrap .img.hide img{

	opacity: 0;

}

.newvideo .box .videowrap .img img{

	width: 100%;

}

.newvideo .box .videowrap .videocon{

	

  

    width: 100%;

    /* height: 100%; */

    overflow: hidden;

    cursor: pointer;

}

.newvideo .box .videowrap .icon {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 12;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.5) url(../image/img25.png) center no-repeat;

    background-size: 53px auto;

}

@media only screen and (max-width: 1024px){

	.newvideo{

		padding-top: 70px;

	}

	.newvideo .box{

		width: 75%;

	}

}

@media only screen and (max-width: 768px){

	.newvideo{

		padding-top: 60px;

	}

	.newvideo .box{

		width: 100%;

	}

}

@media only screen and (max-width: 576px){

	.newvideo{

		padding-top: 50px;

		padding-bottom: 20px;

	}

}





.footer .foot-top{

	border-bottom:none;

}

.footer .ylink{

	padding: 0 4.69%;

	padding-bottom: 20px;

	border-bottom: #e6e6e6 solid 1px;

}

.footer .ylink .sp{

	float: left;

	width: 75px;

	color: #817272;

	font-size: 14px;

	line-height: 24px;

}

.footer .ylink .links{

	float: left;

	width: -moz-calc(100% - 75px);

	width: -webkit-calc(100% - 75px);

	width: calc(100% - 75px);

}

.footer .ylink .links a{

	display: inline-block;

	margin-right: 15px;

	color: #817272;

	font-size: 14px;

	line-height: 24px;

}

.footer .ylink .links a:last-child{

	margin-right: 0;

}



/*20210720*/

.xmbox{

	display: none;

}

.xmbox img{

	max-width: 100%;

}

.ximg{

	position: relative;

	display: inline-block;

	width: 996px;

}

.prompt{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 10;

	width: 100%;

}

.prompt ul{

	position: relative;

}

.prompt ul li{

	position: absolute;

}

.prompt ul li .tit{

	position: relative;

}





@media screen and (min-width: 1200px) {

#map_base svg {

	height: 580px;

}

}

#mapwrapper {

	max-width: 1920px;

	margin: 0 auto;

	padding: 0 0;

	background-color: transparent;

	min-width: 220px;

}

#map_base svg {

	max-height: 100%;

	width: 100%;

	margin: 0;

}



@media screen and (min-width: 686px) {

#map_base svg {

	height: 600px;

}

}

#text-abb text {

	font-family: Arial, Helvetica, sans-serif;

	-moz-user-select: none;

	-webkit-user-select: none;

	user-select: none; 

}

#map-tip{

	text-align: left;

	font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;

	display: none;

	padding: 3px;

	border: 1px solid #e2e2e2;

	color: #edeef0;

	z-index: 1000;

	padding: 10px;

	float: left;

	position: absolute;

	background: #FFFFFF;

	word-break: keep-all;

}

#map-tip .icon{

	float: left;

	width: 60px;

	padding-right: 10px;

}

#map-tip .icon img{

	display: block;

	width: 60px;

	height: 60px;

	border-radius: 50%;

	object-fit: cover;

}

#map-tip .xtxt{

	float: left;

	width: calc(100% - 70px);

	overflow: hidden;

	padding-top: 10px;

}

#map-tip .t1{

	color: #666666;

	font-size: 18px;

}

#map-tip .t2{

	color: #666666;

	font-size: 18px;

	line-height: 1.6;

	margin-top: 5px;

}

#map-tip p {

	margin: 0!important;

}

#map-tip img {

	float: left;

	padding: 3px;

}

#scroll-top a {

	width: 32px;

	height: 31px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	background: #ffcf84 url(http://www.amoulmed.com/Public/Home/images/scroll-top.png) no-repeat 50% 48%;

	position: fixed;

	bottom: 30px;

	right: 32px;

	display: none;

	-ms-filter: "alpha(opacity=85)";

	filter: alpha(opacity=85);

	opacity: .85

}

#scroll-top a:hover {

	background-color: orange;

	cursor: pointer

}



@media screen and (max-width: 1200px) {

	.ximg{

		display: none;

	}

	.xmbox{

		display: block;

	}

}
/*分享*/
.shareBox .title{
	text-align: center;
	font-size: 30px;
	
}
.shareBox .box{
	position: relative;
	text-align: center;
	margin: 5% auto;
}
.shareBox .box:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	width: 100%;
	height: 1px;
	background: #EEEEEE;
}
.shareBox .box ul{
	position: relative;
	z-index: 2;
	display: inline-block;
	background: #FFFFFF;
	font-size: 0;
	text-align: center;
	padding: 0px 30px;
}
.shareBox .box ul li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 40px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	background: #727071;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.shareBox .box ul li:last-child{
	margin-right: 0;
}
.shareBox .box ul li:hover{
	background: #4dbdc7;
}
.shareBox .box ul li a{
	display: block;
	width: 100%;
}
.shareBox .box ul li img{
	max-width: 63%;
}
@media only screen and (max-width: 640px){
	.shareBox .box ul li{
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin-right: 30px;
	}
}
@media only screen and (max-width: 480px){
	.shareBox .box ul{
		padding: 0px 20px;
	}
	.shareBox .box ul li{
		margin-right: 20px;
	}
}

.about .txtbox .txt{
	overflow: hidden;
}
.abbtn{
	margin-top: 20px;
	cursor: pointer;
	color: #4cbbc5;
	font-size: 16px;
}
@media only screen and (max-width: 768px){
	.about .txtbox .txt{
		overflow: inherit;
	}
	.abbtn{
		display: none;
	}
}

@media only screen and (max-width: 1440px){
	.header .nav>ul>li{
			padding-right: 30px;
	}
}
@media only screen and (max-width: 1366px){
	.header .nav>ul>li{
			padding-left: 15px;
			padding-right: 25px;
	}
}
@media only screen and (max-width: 1280px){
	.header .nav>ul>li{
			padding-left: 10px;
			padding-right: 20px;
	}
}
@media only screen and (max-width: 1200px){
	.header .nav>ul>li{
			margin-right: 0;
			padding-right: 0px;
	}
	.header .nav>ul>li>a{
			padding-right: 18px;
	}
}
.foot-infor{
	overflow: inherit;
}
.foot-infor .share li{
	position: relative;
}
.foot-infor .share li .popup {
    display: none;
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 300px;
    height: 300px;
    padding-top: 11px;
    z-index: 10;
}
.foot-infor .share li:hover .popup{
	display: block;
}
.foot-infor .share li .er-code{
   	padding: 4px;
    background: #FFFFFF;
}
.foot-infor .share li .er-code img {
    width: 100%;
}
.foot-infor .share li .triangle{
   	position: absolute;
	bottom: -14px;
	left: 10px;
   	width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 9px 0px;
    border-color: #FFFFFF transparent transparent transparent ;
}