<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
html * {
	outline: 0;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: border-box;
}
body { font-size:14px; font-family: microsoft yahei; background: #f7f7f7; color:#333;
	overflow-x: hidden; min-width:1360px;
}
body, div, span, a, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}
h1, h2, h3, h4, h5, h6 {
/*	font-weight: 500;*/
}
a {
	color: #666;
	text-decoration: none
}
a:focus {
	outline: none
}
a, a:hover {
	color: #666;
	text-decoration: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}
p {
	word-wrap: break-word
}
em, i, b {
	font-style: normal
}
btable {
	border-collapse: collapse;
	border-spacing: 0
}
table th, table td {
	padding: 5px
}
fieldset, img {
	border: 0
}
address, caption, cite, code, dfn, em, i, th, var {
	font-style: normal;
	font-weight: normal
}
ol, ul {
	list-style: none
}
caption, th {
	text-align: left
}
q:before, q:after {
	content: ''
}
abbr, acronym {
	border: 0
}
p {
	word-spacing: -1.5px
}
li {
	list-style: none
}
sup {
	vertical-align: baseline
}
.container{margin-right: auto; margin-left: auto;  width:1360px;}
.page,.content{ width:1360px; margin:0 auto; overflow: hidden;}
.nwep{width: 100%; max-width: 1600px; margin:auto;}
.wrapper{ width:90%; margin:auto;}
sub {
	vertical-align: baseline
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	outline: none;
	font-style: inherit;
	font-weight: inherit
}
input, button, textarea, select {
*font-size:100%
}

input,button,textarea,select{
  outline: none;
  font-family:inherit;
  border: none;
  background: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input, select {
	vertical-align: middle
}
select, input, button, textarea, button {
	font: 99% "Noto Sans SC", "Arial Narrow", HELVETICA
}
table {
	font-size: 14px;
	width: 100%;
	border-collapse: collapse
}
pre, code, kbd, samp, tt {
	font-family: monospace;
*font-size:108%;
	line-height: 100%
}
.tl {
	text-align: left
}
.tc {
	text-align: center
}
.tr {
	text-align: right
}
.bc {
	margin-left: auto;
	margin-right: auto
}
.fl {
	float: left;
	display: inline
}
.fr {
	float: right;
	display: inline
}
.zoom {
	zoom: 1
}
.hidden {
	visibility: hidden
}
.vam {
	vertical-align: middle
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0
}
.cf {
	zoom: 1
}
.cf:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear-form {
	background: none;
	border: none 0;
	outline: 0
}
.bgset {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover
}
.w1600{width: 100%;  max-width: 1600px; margin:auto;}
.img-box {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden
}
.img-box:hover img {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08)
}
.img-box img {
	-webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	transition: all .8s ease-out
}
.stop-copy {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.toast, .alert {
	display: none;
}
.reminder01 {
	max-width: 80%;
	padding: 0 30px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0,0,0,0.3);
	border-radius: 10px;
	z-index: 99999;
}
.reminder01 p {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	white-space: nowrap;
}
.reminder01 p i {
	display: none;
	font-size: 22px;
	line-height: 40px;
	margin-right: 10px;
}
.reminder01 .success i.icon-duigou {
	display: inline-block;
	color: rgb(29,226,29);
}
.reminder01 .error i.icon-V {
	display: inline-block;
	color: #009be6;
}
@media screen and (max-width:768px) {
.reminder01 {
	max-width: 90%;
	padding: 0 10px;
	top: unset;
	bottom: 225px;
	transform: translate(-50%, 0);
}
.reminder01 p {
	font-size: 14px;
	line-height: 40px;
}
}
.alert01 {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
}
.alert01 .surname {
	min-width: 300px;
	padding: 30px 40px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	text-align: center;
}
.alert01 .surname h5 {
	font-size: 24px;
	color: #333;
	line-height: 2;
	font-weight: bold;
	margin-bottom: 10px;
	white-space: nowrap;
}
.alert01 .surname p {
	font-size: 16px;
	color: #999;
	line-height: 1.8;
	white-space: nowrap;
}
.alert01 .surname a.close {
	cursor: pointer;
	padding: 8px 30px;
	margin-top: 20px;
	background: #009be6;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	line-height: 2;
	border: 0;
	white-space: nowrap;
	display: inline-block;
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:992px) {
.alert01 .surname {
	width: auto;
}
.alert01 .surname h5 {
	font-size: 21px;
}
.alert01 .surname p {
	font-size: 16px;
}
.alert01 .surname a.close {
	padding: 8px 30px;
	margin-top: 20px;
	font-size: 14px;
}
}
@media screen and (max-width:768px) {
.alert01 .surname {
	padding: 20px 40px;
}
.alert01 .surname h5 {
	font-size: 18px;
}
.alert01 .surname p {
	font-size: 14px;
}
.alert01 .surname a.close {
	padding: 5px 22px;
	margin-top: 10px;
	font-size: 14px;
}
}



/*header*/
.header:hover{ background: #fff;  box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);}
.header:hover a{ color:#333;}
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 5000;
	background: transparent;
	transition: ease .5s;
}
.header.on {
	box-shadow: 0 0 13px rgba(0,0,0,.1);
}
.ny-header {
	background: #fff;
}
.header-con {
}
.header.on .header-con {
	border: none;
}
.header:hover .logo{filter: grayscale(0%) brightness(100%);}
.header .logo { filter: contrast(0) brightness(2);
	display: block;
	float: left;
	position: relative;
	z-index: 1200;
	margin: 22px 0 31px 2%;
}

.header .logo span{ float:right; font-size:32px; margin-left:8px; font-family: "classic"; font-style:oblique; letter-spacing:6px; margin-top:2px;  color:#333; }
.header .logo span i{ font-size:14px; font-family: microsoft yahei; letter-spacing:0px; font-style:oblique; display:block; margin-top:4px; letter-spacing:0.6px;  color:#333;}
/*
.header .logo img {}
.header .logo img.logoon {
	display: none;
}
.header.on .logo img, .ny-header .logo img {
	display: none;
}
.header.on .logo img.logoon, .ny-header .logo img.logoon {
	display: block;
}*/
.header-right {
	float: right;
	margin: 38px 2% 38px 0;
}
.header-top {
	background: url()no-repeat center;
	transition: ease .5s;
	padding: 25px 0;
}
.ny-top {
	background: #fff;
}
.ny-top .header-language a:hover {
	color: #F0BB44;
}
.header-slogan {
	float: left;
	font-size: 22px;
	line-height: 40px;
	color: #341d17;
}
.header-phone {
	float: right;
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	margin-top: -9px;
	position: relative;
	padding-left: 40px;
	font-family: "DIN-BOLD";
}
.header-phone::before {
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	background: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_989915182.png)no-repeat center;
	background-size: 100% 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.header-phone span {
	display: inline-block;
	font-family: "ITCAvantGardeStd-BkCn";
	font-size: 22px;
	line-height: 30px;
	color: #341d17;
}
.header-search {
	float: left;
	margin-top:2px;
	position: relative;
	margin-right:26px;
}
.bt-search {
	position: relative;
	border: none;
	background: none;
	float: left;
	text-align: center;
	cursor: pointer;
	transition: .5s;
	z-index: 10;
}
/* .bt-search:hover{background: #fff;} */
.bt-search .sub-bot {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: transparent;
	border: none;
	z-index: 3;
	cursor: pointer;
	background: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_1765663039.png) no-repeat center transparent;
	padding-right: 0px;
}
.header:hover .sub-bot {
	background-image: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_1616559534.png);
}

.header:hover .header-phone::before {
	background-image: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_680470544.png);
}

.header:hover .header-phone{    color: #009be6;}

.header.on .sub-bot, .ny-header .sub-bot {
	background-image: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_1616559534.png);
}

.searchop .search-all {
	z-index: 10;
	opacity: 1;
	visibility: visible;
}
.search-all {
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
	height: auto;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: all .2s;
}
.search-all .search-box {
	position: relative;
	height: 36px;
	margin-top: 38px;
	background: #fff;
}
.searchop .search-all .search-box {
	animation: searchform-fade 400ms both;
}
.searchop .search-all form {
	animation: searchform-slide 1s both;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.search-all .search-box .search-txt {
	color: #333;
	line-height:36px;
	width: 44px;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease-out;
}
.search-all .search-box .search-txt i {
	font-size: 20px !important;
}
.search-all .search-box .search-txt.left {
	float: left;
}
.search-all .search-box .search-inp {
	margin-left: 44px;
	transition: all .3s ease-out 0s;
	margin-right: 44px;
}
.search-all .search-box .search-inp input {
	font-size: 14px;
	line-height: 36px;
	color: #333;
	width: 100%;
	border-radius: 5px;
}
.searchop .search-close {
	opacity: 1;
	transition: all .2s ease-out 0s;
}
.search-all .search-box .search-close {
	width: 44px;
	height: 36px;
	font-size: 16px;
	color: #333;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 1;
}
.searchop .search-close:hover {
}
.searchshow .top2-bu a {
	-webkit-animation: item-searchshow .4s both;
	animation: item-searchshow .4s both;
}
.language {
	float: left;
	position: relative;
	padding-right: 18px;
	margin-right: 18px;
	font-size: 16px;
	line-height: 24px;
}
.language::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 17px;
	background: rgba(255,255,255,.6);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.language a {
	display: block;
	width: 22px;
	height: 21px;
	background: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_355295653.png)no-repeat center;
	background-size: 100% 100%;
	transition: ease .5s;
}
.language a:hover, .header.on .language a:hover, .ny-header .language a:hover {
	background-image: url();
}
.header.on .language a, .ny-header .language a {
	background-image: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_1644262078.png);
}
.header.on .language::before, .ny-header .language::before {
	background: #414141;
}
.header.on .header-phone, .ny-header .header-phone {
	color: #009be6;
}
.header.on .header-phone::before, .ny-header .header-phone::before {
	background-image: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_680470544.png);
}
.header-navbar {
}
.navbar {
	float: left;
	transition: ease .5s;
	margin-left: 35px;
	margin-right: -36px;
}
.navitem {
	float: left;
	padding: 0 26px;
}
.navitem > a {
	display: inline-block;
	font-size: 18px;
	color: rgba(255,255,255,1);
	line-height: 30px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: transparent;
	padding: 35px 10px;
	position: relative;
}
/* 2020.7.31下拉 */




.dropdown-menu{ display:none; width:100%; left:0;top: 100%; position:absolute; background:#fff;border-top:1px solid #cfdae3; height:120px; text-align: center;}
.dropdown-menu ul{display:flex;justify-content:center;width:100%;padding-top:11px;}
.dropdown-menu ul li{margin:0 70px;}
.dropdown-menu ul li img{display:block;margin:0 auto;height:38px;}
.dropdown-menu ul li p{margin-top: 12px;line-height:20px;}
.dropdown-menu ul li a{display: block;color: #333333;font-size:16px}


.navitem.single {
/*	position: relative;*/
}
.navitem:hover .dropdown-menu {
	display: block;
}
.dropdown-pad {
	text-align: center;
	background: #fff;
	padding: 8px 20px;
}
.dropdown-menu a {
	display: block;
	font-size: 16px;
	line-height: 30px;
	padding: 15px 0;
	color: #333;
	transition: ease .5s;
	border-top: 1px dashed #e5e5e5;
}
.dropdown-menu a:hover {
	color: #009be6;
}
.dropdown-menu a:first-child {
	border-top: none;
}
 @media (max-width:640px) {
.intw-txt, .pro-ul li .intw-txt, .pro-ul li:hover .intw-txt {
	padding: 30px 0;
}
.abtbanner-font h4, .abtbanner-font h3, .abtbanner-font p {
	color: #222;
}
.intw-slide:hover .intw-txt {
	transform: none;
}
.intw-slide:hover .intw-txt::before {
	display: none;
}
.intw-slide:hover .intw-txt h3 {
	color: #333;
}
.intw-slide:hover .intw-txt p {
	color: #666;
}
.intw-slide:hover .intw-txt span {
	background-color: #009be6;
	height: 2px;
	width: 29px;
}
.intw-txt p, .intw-slide:hover .intw-txt p {
	-webkit-line-clamp: 2;
}
}
/* .navitem.active>a{font-weight: bold;color: #fff;} */
.navitem:hover > a, .ny-header .navitem:hover > a {
	color: #009be6;
}
.navitem > a::before {
	position: absolute;
	content: "";
	width: 0px;
	height: 3px;
	background: #009be6;
	left: 50%;
	bottom: 0%;
	transform: translateX(-50%);
	transition: ease .5s;
}
.header.on .navitem:hover > a::before, .header.on .navitem.active > a::before, .ny-header .navitem.active > a::before {
	width: 100%;
}
.header.on {
	background-color: #fff;
	border-color: transparent;
	height: 100px;
}
.header.on .navitem > a {
	padding: 35px 10px;
}
.header.on .logo img { 
/*		width: 224px; 
height: 35px;*/
}
.header.on .logo {filter: grayscale(0%) brightness(100%); color:#333;
	margin:22px 0 31px 2%;
}
.header.on .logo p, .header.on .navitem > a, .ny-header .navitem > a, .header.on .language-text, .ny-header .language-text {
	color: #333;
}
.header.on .navitem.active > a, .ny-header .navitem.active > a {
	color: #009be6;
	font-weight: bold;
}
.header .navitem:hover > a::before,.header.on .navitem:hover > a::before, .header.on .navitem.active > a::before, .ny-header .navitem.active > a::before {
	width: 100%;
}
.header.on .navitem > a:hover {
	color: #009be6;
}
.header.on .language-text:hover, .ny-header .language-text:hover {
	color: #009be6;
}
#ino-p1 {
	display: none;
}
#ino-p span {
	opacity: 0;
}


@media(max-width:1819px) {
.header .logo img, .header.on .logo img.logoon {
	width:60px; 
	height:43px;
}

.header .logo span{ float:right; font-size:26px; margin-left:8px; font-family: "classic"; font-style:oblique; letter-spacing:6px; margin-top:2px;  color:#333; }
.header .logo span i{ font-size:12px; font-family: microsoft yahei; letter-spacing:0px; font-style:oblique; display:block; margin-top:2px; letter-spacing:0.6px;  color:#333;}



.header .logo {
	margin: 29px 0 0 2%;
}
.ny-header .logo {
	margin:28px 0;
}
.header.on .logo {
	margin:28px 0 0 2%;
}
.header-search {
	margin-right: 20px;
}
.language {
	padding-right: 12px;
	margin-right: 12px;
}
.header-phone {
	font-size: 22px;
}
.navitem {
	padding: 0 12px;
}
.navbar {
	margin-right: -22px;
}
}
 @media(max-width:1559px) {
.intw-swiper {
	padding: 0 60px;
}
.intw-swiper .swiper-button-next {
	right: 0;
}
.intw-swiper .swiper-button-prev {
	left: 0;
}
}
 @media(max-width:1459px) {
.index-tit em {
	font-size: 40px;
}

.ino-more {
	margin-top: 50px;
}
.ind3-txt h3 {
	font-size: 24px;
}

.navitem > a {
	font-size: 16px;
}
.header-phone::before {
	width: 20px;
	height: 20px;
}
.header-phone {
	font-size: 20px;
	padding-left: 30px;
}
.navitem > a, .header.on .navitem > a {
	padding: 35px 6px;
}
.navbar {
	margin-right: -18px;
	margin-left: 10px;
}
.header .logo { 
	margin: 20px 0 0 2%;
}

.header.on .logo {
	margin: 20px 0 0 2%;
}
.ny-header .logo {
	margin: 38px 0;
}
.header .logo img, .header.on .logo img.logoon {
	width:60px;
	height:43px;
}
.header .logo span{ float:right; font-size:26px; margin-left:8px; font-family: "classic"; font-style:oblique; letter-spacing:6px; margin-top:2px;  color:#333; }
.header .logo span i{ font-size:12px; font-family: microsoft yahei; letter-spacing:0px; font-style:oblique; display:block; margin-top:2px; letter-spacing:0.6px;  color:#333;}

.header-search {
	margin-right: 10px;
}

.intw-slide:hover .intw-txt p {
	-webkit-line-clamp: 3;
}
.intw-txt {
	height: 182px;
}
.intw-slide:hover .intw-txt h3, .intw-txt h3 {
	font-size: 22px;
}
.in5-li {
	padding: 10px 0 15px;
}
.bottom1-ewm {
	width: auto;
}
.index-two::before {
	height: 332px;
}
}
 @media(max-width:1259px) {
body {
	padding-top: 60px !important;
}

.foot-app, .header-app {
	display: block;
}
.index-tit em {
	font-size: 34px;
	line-height: 46px;
}
.in5-ri {
	padding: 15px 22px;
}
.in5-li {
	padding: 10px 0 13px;
}
.intw-slide:hover .intw-txt h3, .intw-txt h3 {
	font-size: 21px;
}
.ino-font1 h3 {
	font-size: 21px;
}
.ino-font1.on h3 {
	font-size: 26px;
}
.int-ul {
	padding: 60px;
}

.ino-con {
	height: 450px;
}
.in5-img {
	height: 225px;
}
.in5-img img {
	height: 100%;
}
.in5-txt {
	padding: 31px 22px 24px;
}
.frd-link {
	margin-top: 25px;
	padding-bottom: 20px;
}
}




/*关于我们*/
.in-cona .fl .jj {
    margin-top: 40px;
    padding-right: 25px;
}
.in-cona .hTitle span{font-family: "classic";}
.in-cona { overflow:hidden;
  background: #fff;
  padding-top:90px;
  padding-bottom:90px;}
.in-cona .fl{width: 50%;}
.in-cona .fr {
    width: 50%;
    text-align: right;
}
.con-tit span {
    font-size: 36px;
    color: #333333;
    font-weight: bold;}
.con-tit p {
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 10px;}
.in-cona .fl .jj h6 {
    font-size: 16px; font-weight:normal;
    line-height: 30px;
    color: #666666;
    margin-bottom:50px;}
.more-link {
    width: 160px;
    height: 40px;
    border-radius: 20px;
    line-height: 38px;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
    text-align: center;
    display: inline-block;}
.in-cona .fl .jj ul li {
    margin-right: 130px;
    display: inline-block;
}
.in-cona .fl .jj ul li p {
    font-size: 18px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-weight: bold;}
.in-cona .fl .jj ul li img {
    display: inline-block;
    vertical-align: middle;}

.in-cona .fr a .top {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;}
.in-cona .fr a {
    width: 100%;
    height: auto;}
.in-cona .fr a .top .bf-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    transition: all .5s;}


  
  
.in-cona img {
    display: inline-block;
    vertical-align: middle;
}
.jj ul {
    margin-top: 40px;
}
.jj h6 p {
    font-size:15px; padding-bottom:14px;
    color:#304765; font-weight:lighter;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.in-cona .fl .jj ul li:last-of-type { margin-right: 0;}

.index_about_btn{}
.index_about_btn:after{content: '';display: block;clear: both;}
.index_about_btn a{
	border-radius: 10px;
	font-size: 16px;
	color:#333;
	width: auto;
	height: 42px;
	text-align: center;
	line-height:38px;
	background: transparent;
	overflow: hidden;
  transition: .4s all ease;
  position: relative;
	display: block;
	float: left;
	padding: 0 30px;
  border:1px solid #b7b7b7;
  margin-right: 11px;
}
.index_about_btn a:hover{ background:#009be6; box-shadow: 0px 0px 10px #009be6;
	color: #fff;
  border: 2px solid transparent
}

.index_about_btn a .anim {
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
}



.index_about_btn a .anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}

.index_about_btn a .anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}

.index_about_btn a:hover .anim {
	animation: anim-out 0.75s;
}

.index_about_btn a:hover .anim:after {
	animation: anim-out-pseudo 0.75s;
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}




.picBox{position:relative;float:right; width:50%;}
.picBox .pic{width:auto;background:#fff;}
.picBox .pic img{display:block;width:auto;transition:all 0.5s;}
.picBox .pic:hover img{opacity:0.8;}
.picBox .playerBtn{position:absolute;left: 18px; bottom: 14px;height:19px;text-align:center;cursor:pointer;overflow:hidden;transition:all 0.5s;}
.picBox .playerBtn i{display:block;margin:0 auto;width:17px;height:19px;background:url(//memberpic.114my.com.cn/023439/uploadfile/image/20210512/20210512091052_439777989.png) no-repeat center;background-size:100%;}
.picBox .playerBtn span{display:block;margin-top:0.625rem;font-size:1.125rem;color:#fff;}
/*picBox .playerBtn:hover{background:#a04405;}*/
.picBox .playerBtn:hover i{transform:rotate(360deg);transition:all 0.5s;}

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .inner{position:fixed;top:50%;left:50%;width:1000px;height:600px;background:#000;transform:translate(-50%,-50%);}
.video-pop .close{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;cursor:pointer;background:url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515102703_1154431581.png) no-repeat center;transition:all 0.5s;}
.video-pop .close:hover{transform:rotate(360deg);}
.video-pop #videoiframe{width:1000px;height:600px;overflow:hidden;}
.video-pop #videoiframe iframe{display:block;width:1000px;height:600px;}
@media (max-width:992px){
.video-pop .inner{width:90vw;height:54vw;}
.video-pop #videoiframe,.video-pop #videoiframe iframe{width:90vw;height:54vw;}
}





 /* indexData */
/* 实力 */
.hTitle{font-size:1.625rem;margin-bottom:40px;position: relative;color:#777e87;margin-bottom:40px;position:relative; font-weight:lighter;}
.hTitle span{display: block;font-size:1.769em;margin-bottom:8px; font-weight:normal; color:#3e4657;}
.hTitle a{font-size:16px;position: absolute;right:0;bottom:10px;background: url('../images/c_icon.png') no-repeat left center;padding-left:20px;}

.strengs{background:url('//memberpic.114my.com.cn/023439/uploadfile/image/20210514/20210514215740_1208207464.jpg') no-repeat;background-size:cover;background-attachment:fixed; }
.hTitlew{color:#fff;}
.inntainer{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pd60{padding:80px 0;font-size:.875em;overflow:hidden;}
.inntainer .hTitle span{ color:#fff;}
.indexData { position: relative;  box-sizing: border-box; margin-top:50px;}
.indexData .wrapper {padding:38px 0; height:160px; }
.indexData .item:nth-of-type(1) { border-left: none;}
.indexData .item { border-left: 1px dotted rgba(255,255,255,.5); box-sizing: border-box; float: left; width: 25%; text-align: center;}
.indexData .item p { line-height: 1.5; font-size:68px; color: #fff; font-family: "DIN Medium";}
.indexData .item p em { font-weight: bold;}
.indexData .item p span {display: inline-block;padding: 0 0 0 5px; /* width: 37px; */height:17px;line-height: 17px;font-size: 14px;color: #fff;border-radius: 25px;}
.indexData .item > span  { font-size: 16px; color: #fff;}
@media (max-width: 992px) {
    .indexData .wrapper { padding: 20px 0;}
    .indexData .item p span { border-radius: 30px;}
    .indexData .item { margin:10px 0; width: 50%;}
    .indexData .item:nth-of-type(1), .indexData .item:nth-of-type(2)， .indexData .item:nth-of-type(4) { border-left: none; border-right: none;}
}
/* indexData end */ 



/*产品*/
.prod_fr_bg{ padding:100px 0 90px 0; background-repeat:no-repeat;  width:100; min-width: 1600px; margin:auto;  background-position: bottom;}

.box{ width: 100%;  max-width: 1300px;  max-width: 1600px;  margin: 0 auto;
}

.proMenu{background:#fff;font-size:1.2em;  margin-top:70px; }
.proMenu li{height:65px;line-height:65px;border-bottom: 1px solid #e7effa;}
.proMenu li a{display: block;padding-left:15%; color:#333; font-size:1.1em; }
.proMenu .on a{color:#fff; background:#009be6 url(//memberpic.114my.com.cn/023439/uploadfile/image/20210514/20210514192426_887730717.png)no-repeat right;  background-position:90% center;}
.proMenu li a:hover{color:#fff; background:#009be6 url(//memberpic.114my.com.cn/023439/uploadfile/image/20210514/20210514192426_887730717.png)no-repeat right; background-position:90% center;}
    
.prod_fr{position: relative;}
.prod_fr:after{content: '';display: block;clear: both;}

.prod_fr_fl{position: -webkit-sticky;position: sticky;top: 150px; will-change: change;}
.prod_fr_fl:after{content:""; display:block; width:1600px;height:234px; bottom:-90px; left:-150px; position: absolute; background: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210514/20210514173550_1307902369.jpg)no-repeat left top;     z-index: -1; }
.prod_fr_fl b{font-size:2.4vw;color:#222; font-weight: 100;}
.prod_fr_fl t{display: block;margin:1vw 0 0 0;font-size:2vw;color:#666;}
.prod_fr_fl t:after{display: block;content:"";width:46px;height:10px;margin:2.68vw 0 ;background: url()no-repeat;transform: rotate(180deg);}
.prod_fr_fl p{margin-bottom:4.38vw;font-size: 16px;color:#666;line-height: 30px;}
.prod_fr_fl .prod_fr_fl_a_button{display: block;width:160px;height:50px;line-height:50px; margin-top:5vw;background: #009be6;font-size: 16px;color:#fff;text-align: center;position: relative;overflow: hidden; border-radius: 10px;}
.prod_fr_fl_a_button:hover {cursor: pointer;}
.prod_fr_fl_a_button div {width:160px;height:50px;position: absolute;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.prod_fr_fl_a_button div:nth-child(1) {top:0px;left:0px;}
.prod_fr_fl_a_button div:nth-child(2) {width: 160px;height:50px;top: 0px;left: 0;}
.prod_fr_fl_a_button:hover div:nth-child(1) {animation: prod_fr_fl_a_button_bg 0.3s linear;-webkit-animation: prod_fr_fl_a_button_bg 0.3s linear;-moz-animation: prod_fr_fl_a_button_bg 0.3s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;}
.prod_fr_fl_a_button:hover div:nth-child(2) {animation: prod_fr_fl_a_button 0.3s linear;-webkit-animation: prod_fr_fl_a_button 0.3s linear;-moz-animation: prod_fr_fl_a_button 0.3s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat;left: 0%;}
@-webkit-keyframes prod_fr_fl_a_button_bg {
    49.00% {background-color: #ffffff;}
    50.00% {background-color: #eb3d01;}
    to {background-color: #eb3d01;}
}

@-webkit-keyframes prod_fr_fl_a_button {
    from {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #eb3d01;}
    25.00% {transform: skewX(80deg);-webkit-transform: skewX(80deg);-moz-transform: skewX(80deg);color: #eb3d01;}
    75.00% {transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);color: #ffffff;}
    90.00% {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
    to {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
}

@-moz-keyframes prod_fr_fl_a_button_bg {
    49.00% {background-color: #ffffff;}
    50.00% {background-color:#eb3d01;}
    to {background-color:#eb3d01;}
}

@-moz-keyframes prod_fr_fl_a_button {
    from {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color:#eb3d01;}
    25.00% {transform: skewX(80deg);-webkit-transform: skewX(80deg);-moz-transform: skewX(80deg);color: #eb3d01;}
    75.00% {transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);color: #ffffff;}
    90.00% {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
    to {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
}

.prod_fr_fr{width:54%;z-index: 2;position: relative;}
.prod_fr_fr li{width:100%;margin-bottom:2.6vw; overflow:hidden; }
.prod_fr_fr .prod_fr_fr_iamge img{width:100%;}
.prod_fr_fr .prod_fr_fr_content{padding: 1.7vw 0 1.5vw 2.6vw;box-shadow: 0 0 30px rgb(0 0 0 / 8%); background:#fff;}
.prod_fr_fr .prod_fr_fr_content t{display: block;margin-bottom: 0.9vw;font-size:1.4vw;color:#333;}
.prod_fr_fr .prod_fr_fr_content p{font-size:15px;color:#666;line-height:25px;}
.prod_fr_fr .prod_fr_fr_content a{display: block;width:6.55vw;height:1.68vw;line-height:1.68vw;margin-top: 1.5vw;background: #ccc;font-size:0.78vw;color:#333;text-align: center;position: relative;overflow: hidden;}
.prod_fr_fr_a_button:hover {cursor: pointer;}
.prod_fr_fr_a_button div {width:6.55vw;height:1.68vw;position: absolute;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.prod_fr_fr_a_button div:nth-child(1) {top:0px;left:0px;}
.prod_fr_fr_a_button div:nth-child(2) {width:6.55vw;height:1.68vw;top: 0px;left: 0;}
.prod_fr_fr_a_button:hover div:nth-child(1) {animation: prod_fr_fr_a_button_bg 0.3s linear;-webkit-animation: prod_fr_fr_a_button_bg 0.3s linear;-moz-animation: prod_fr_fr_a_button_bg 0.3s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;}
.prod_fr_fr_a_button:hover div:nth-child(2) {animation: prod_fr_fr_a_button 0.3s linear;-webkit-animation: prod_fr_fr_a_button 0.3s linear;-moz-animation: prod_fr_fr_a_button 0.3s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;background: #009be6;left: 0%;}
@-webkit-keyframes prod_fr_fr_a_button_bg {
    49.00% {background-color: #ffffff;}
    50.00% {background-color:#eb3d01;}
    to {background-color:#eb3d01;}
}

@-webkit-keyframes prod_fr_fr_a_button {
    from {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color:#eb3d01;}
    25.00% {transform: skewX(80deg);-webkit-transform: skewX(80deg);-moz-transform: skewX(80deg);color:#eb3d01;}
    75.00% {transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);color: #ffffff;}
    90.00% {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
    to {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
}

@-moz-keyframes prod_fr_fr_a_button_bg {
    49.00% {background-color: #ffffff;}
    50.00% {background-color: #eb3d01;}
    to {background-color:#eb3d01;}
}

@-moz-keyframes prod_fr_fr_a_button {
    from {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color:#eb3d01;}
    25.00% {transform: skewX(80deg);-webkit-transform: skewX(80deg);-moz-transform: skewX(80deg);color: #eb3d01;}
    75.00% {transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);color: #ffffff;}
    90.00% {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
    to {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
}





/*共用按钮*/
.Share_button{position:relative;overflow:hidden;}
.Share_button:after{content:'';display:block;width:0;height:100%;margin:0 auto;background:rgba(255,255,255,0.2);position:absolute;top:0; left:0; right:0;transition:all .4s ease;}
.Share_button:hover:after{width:100%;}



.prod_fr_img{width:37.8%;height:100%; overflow: hidden; position: absolute;top: 0;right: 0;}
.prod_fr_img img{width:99%;}







/*新闻*/
.news_bg{padding:90px 0 50px 0;overflow:hidden; background:#fff;}
.news{ width:100%; min-width:1600px; margin:auto;}
.news_fl{width:16%; padding-top:20px;}
.news_fl_title span{font-size: 40px;color: #ccc;line-height:50px;text-transform: uppercase;}
.news_fl_title p{font-size: 40px;color: #222;}
.news_fl_a a{display: block;width: 150px;height: 44px;line-height:40px;margin-bottom: 30px;border: 2px #ccc solid;border-radius:10px;font-size: 16px;color: #666;text-align: center;transition: all 0.3s ease-in-out;}
.news_fl_a a:first-child{margin-top:95px;}
.news_fl_a a.on{background:#009be6;border: 2px #009be6 solid;color: #fff;}

.news_fr{width:82% !important;}
.news_fr .news_div_item{position: relative;}

/*第一条新闻*/
.news_ul_fl{width:52%;}
.news_ul_fl .news_div_item{float: left;width: 100%;}
.news_ul_fl .news_div_item .news_div_item_pic{position: absolute;top: 0;width:100%;height: 400px;overflow: hidden;}
.news_ul_fl .news_div_item .news_div_item_image{width: 100%;border: 1px #eee solid;position: absolute;bottom:0px;}
.news_ul_fl .news_div_item .news_div_item_date{position: absolute;top: 470px;left: 15px;}
.news_ul_fl .news_div_item .news_div_item_year,.news_ul_fl .news_div_item .news_div_item_month,.news_ul_fl .news_div_item .news_div_item_day{float:left;}
.news_ul_fl .news_div_item .news_div_item_content{height:245px;margin: 30px 35px 0 15px;position: absolute;top: 400px;}
.news_ul_fl .news_div_item .news_div_item_a{font-size:22px;color:#333;position: relative;}
.news_ul_fl .news_div_item .news_div_item_a:after{display:block;content:"了解详细";width: 175px;height: 42px;line-height: 42px;background: #eee;font-size: 15px;color: #666;text-align: center;position: absolute;top: 220px;transition: all 0.3s ease-in-out;}
.news_div_item_content:hover .news_div_item_a:after{background: #009be6;color:#fff;}
.news_ul_fl .news_div_item .news_div_item_body{margin-top: 45px;font-size: 15px;color: #666;line-height: 30px;}




/*第二到第四条新闻*/
.news .swiper-container{/*width: 1250px !important;*/margin-right: -30px;}
.news .swiper-slide{padding:30px 0;box-sizing: border-box;}
.news_ul_fr{width:49%;padding:0 45px;box-sizing: border-box;}
.news_ul_fr .news_div_item:first-child,.news_ul_fr .news_div_item .news_div_item_image{display:none;}
.news_ul_fr .news_div_item_body{position: absolute;top: 105px;line-height: 30px;font-size: 15px; opacity: 0;width:90%;}
.news_ul_fr .news_div_item{height:120px;margin-bottom: 25px;padding:0 33px;box-shadow: 0 0 30px rgba(0,0,0,.08);overflow: hidden;transition: all 0.3s ease-in-out; box-sizing: border-box;}
.news_ul_fr .news_div_item_date{position: absolute;top: 70px;left: 33px;}
.news_ul_fr .news_div_item_year,.news_ul_fr .news_div_item_month,.news_ul_fr .news_div_item_day{float:left;}
.news_ul_fr .news_div_item_a{font-size: 18px;color: #333;position: absolute;top: 38px;display: block;height: 230px;width: 100%;position: relative;z-index: 9;}
.news_ul_fr .news_div_item.on{height:270px;}
.news_ul_fr .news_div_item.on .news_div_item_body{opacity: 1;}
.news_ul_fr .news_div_item_body:after{content:"了解详细";width:175px;height:40px;display:block;background:#f5f5f5;line-height:40px;text-align:center;font-size:15px;color:#666;margin-top:30px;transition: all 0.3s ease-in-out;}
.news_div_item_content:hover .news_div_item_body:after{background: #009be6;color:#fff;}

/*--footer--*/

.footer {
	padding: 50px 0 0 0;
	overflow: hidden;
	background:url(//memberpic.114my.com.cn/023439/uploadfile/image/20210517/20210517191208_1011396899.jpg) center;
}
.footer .row { border-radius: 10px;
	overflow: hidden;
}
.footer .leftCon {padding: 21px 0 50px 0;
	float: left;
}
.footer .rightCon {
	float: right;
	padding: 10px 0 35px;
}
.footer .logo { overflow:hidden;}
.footer .logo img {width:79px; float:left; margin-right:11px; filter: contrast(0) brightness(2);
}
.footer .logo span{ color:#fff; float:left; font-size:37px; font-family: "classic"; font-style:oblique; letter-spacing:6px; margin-top:2px; }
.footer .logo span i{ font-size:14px; font-family: microsoft yahei; letter-spacing:0px; font-style:oblique; display:block; margin-top:2px; letter-spacing:2px;}
.footer .slogan {
	margin-top:18px;
	padding-top:18px;
	text-align: center; opacity: .7; 
	border-top: #fff solid 1px;
}
.footer .QRcode p{color: #fff; opacity: .7; text-align:center; font-size:15px; padding-top:14px;}
.footer .slogan h2 { font-weight:lighter;
	font-size: 20px;
    opacity: .7;
	color: #fff;
}
.footer .QRcode {
	margin-top:63px; 
	overflow: hidden;
}
.footer .QRcode .item { padding:8px;
	display: block;
	margin: 0 auto;
	width: 120px;
	background: #fff;
}
.footer .copyright {
	margin-top:70px;
	padding-top: 25px;
	text-align: center;
	overflow: hidden;
	border-top: rgba(255,255,255,0.2) solid 1px;
}
.footer .copyright p { font-weight:lighter;
	font-size: 15px;     opacity: .7;
	color: #fff;
}
.footer .ft-inner {
	overflow: hidden;
}
.footer .ft-menu {
	float: left;
	width: 620px;
	overflow: hidden;
}
.footer .ft-menu dl {
	float: left;
	width: 33.33%;
}
.footer .ft-menu dt {
	height: 35px; font-weight:100;
	line-height: 35px;
	font-size:18px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.footer .ft-menu dt a {
	color: #fff; font-size:18px;
}

.footer .ft-menu dt a:after {
	content: "";
	display: block;
	width: 19px;
	height:2px;
	background: #fff;
	margin-top: 18px;
	transition: all linear 0.5s;
}
.footer .ft-menu dt a:hover:after {
	width: 68px;
}

.footer .ft-menu dd {
	padding-top:38px;
	overflow: hidden;
}
.footer .ft-menu dd a {
	display: block; font-weight:lighter;
	position: relative;
	line-height:32px;
	font-size: 15px;
	color:#a2aabd;
	transition: all .5s;
}
.footer .ft-menu dd a:before {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 1px;
	content: "";
	background: #fff;
	transition: all .5s;
}
.footer .ft-menu dd a:hover {
	padding-left: 20px;
	color: #fff;
}

.footer .ft-menu dd a:before {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 1px;
	content: "";
	background: #fff;
	transition: all .5s;
}



.footer .ft-menu dd a:hover:before {
	width: 10px;
}
.footer .ft-info {
	overflow: hidden;
}
.footer .ft-info dt {
	height: 35px;
	line-height: 35px;
	font-size:18px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footer .ft-info dt a:after {
	content: "";
	display: block;
	width: 19px;
	height:2px;
	background: #fff;
	margin-top: 18px;
	transition: all linear 0.5s;
}
.footer .ft-info dt a:hover:after {
	width: 68px;
}

.footer .ft-info dt a { font-size:18px; font-weight:100;
	color:#fff;
}
.footer .ft-info dt a:hover {
}




.footer .ft-info dd {
	padding-top: 24px;
	overflow: hidden;color:#9198a9; line-height:27px;
}
.footer .ft-info dd .item {
	    margin-top:13px; margin-bottom:6px;
}
.footer .ft-info dd .item span {
	display: block;
	font-size: 15px;
	color:#9198a9;
}
.footer .ft-info dd .item em {
	display: block;
	position: relative;
	margin-top: 7px;
	margin-bottom:10px;
	padding-left: 40px;
	font: 24px / 1 "DIN Medium";
	color:#009be6;
	background: url(//memberpic.114my.com.cn/023439/uploadfile/image/20210512/20210512154742_323366881.png) no-repeat 0 center;
}
.footer .ft-info dd .item em:before {
	display: block;
	position: absolute;
	left: 30px;
	top: 3px;
	bottom: 3px;
	width: 1px;
	content: "";
	background: #999;
}
.footer .ft-bot {
	clear: both;
	margin-top:1px;
	padding:17px 0;
	line-height: 30px;
	font-size:15px;
	color:#a2aabd;
	overflow: hidden;
	border-bottom: #495060 solid 1px;
}
.footer .ft-bot a {
	display: inline-block; font-size:15px;
	color: #a2aabd;
}
.footer .ft-bot a:hover {
	color: #fff;
}
.footer .ft-address {
	padding-top: 20px;
	line-height: 25px;
	font-size:15px;
	color: #999;
	overflow: hidden;
}
.footer .ft-address span {
	display: inline-block;
	margin-right: 20px;
}
.footer .ft-links {
	padding-top:22px;
	line-height: 25px;
	overflow: hidden;
}
.footer .ft-links dt {
	float: left;font-size:15px; color:#a2aabd;
}
.footer .ft-links dt a {
	color:#a2aabd; font-size:15px;
}
.footer .ft-links dd {
	padding-left: 20px;
	overflow: hidden;
}
.footer .ft-links dd a {
	display: inline-block;
	margin-right: 20px;
	color: #666;
}
.footer .ft-links a:hover {
	color: #fff;
}
@media(max-width:1300px) {
.footer .leftCon {
	padding: 40px 50px;
	width: 300px;
}
.footer .rightCon {
	padding: 40px 46px 30px;
	width: 895px;
}
.footer .ft-menu {
	width: 580px;
}
.footer .slogan h2 {
	font-size: 18px;
}
}

/*--end footer--*/


.i_search_r{float: right; width: 262px;}
.i_search_r form { display: block; width: 260px;line-height: 38px; height: 38px; margin: 0; position: relative; }
.i_search_r form #search-i{ background:url(//memberpic.114my.com.cn/023439/uploadfile/image/20210515/20210515163920_2108085099.jpg) no-repeat center; width:25px; height:36px; border-radius: 50%; position: absolute; right: 2px; top:0px; overflow: hidden; display: block; transition:0.3s all ease-in-out; }
.i_search_r form #search-i input{ display: block; width: 100%; height: 100%; cursor: pointer; background: none; border: 0 none; }
.i_search_r form #search-bg input { line-height: 38px; background: none; border: 0 none; width: 210px; padding-left: 20px; color: #aaa; outline: none;}
</style>