@font-face{font-family: 'Axis_Bold';src: url(../font/86bf1c74b22c5ed8e3231f472dfdbd62.eot);src: local("Axis_Bold Regular"), local("Axis_Bold"),  url(../font/86bf1c74b22c5ed8e3231f472dfdbd62.eot);}
@font-face{font-family: 'GILROY_BOLD';src: url(../font/845e3342c8225b297143c406c2c64a3b.eot);src: local("GILROY_BOLD Regular"), local("GILROY_BOLD"),  url(../font/845e3342c8225b297143c406c2c64a3b.eot);}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary{display: block;}
a:focus{outline: 0;}
audio,
canvas,
video{display: inline-block;}
audio:not([controls]){display: none;height: 0;}
[hidden]{display: none;}
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul{margin: 0;padding: 0;}
html{font-family: '微软雅黑', 'Hiragino Sans GB', Helvetica, Arial, 'Lucida Grande', sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
a:focus{outline: thin dotted;outline: 0;}
a{text-decoration: none;}
a:active,
a:hover{outline: 0;}
h1{font-size: 2em;}
abbr[title]{border-bottom: 1px dotted;}
b,
strong{font-weight: 700;}
dfn{font-style: italic;}
mark{background: #ff0;color: #000;}
code,
kbd,
pre,
samp{font-family: monospace, serif;font-size: 1em;}
pre{white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
q{quotes: "“" "”" "‘" "’";}
small{font-size: 80%;}
sub,
sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -.5em;}
sub{bottom: -.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
fieldset{border: 1px solid silver;margin: 0 2px;padding: .35em .625em .75em;}
legend{border: 0;padding: 0;}
button,
input,
select,
textarea{font-family: inherit;font-size: 100%;margin: 0;}
button,
input{line-height: normal;}
button,
html input[type=button],
input[type=reset],
input[type=submit]{-webkit-appearance: button;cursor: pointer;}
button[disabled],
input[disabled]{cursor: default;}
input[type=checkbox],
input[type=radio]{box-sizing: border-box;padding: 0;}
input[type=search]{-webkit-appearance: textfield;box-sizing: content-box;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border: 0;padding: 0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
input[type=button],
input[type=reset],
input[type=submit]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
input:focus{-webkit-tap-highlight-color: transparent;-webkit-user-modify: read-write-plaintext-only;}
input:focus,
textarea:focus{outline: 0;}
.tap_init{-webkit-tap-highlight-color: transparent;}
dd,
dl,
dt,
li,
ol,
ul{list-style: none;}
b,
em,
strong{font-style: normal;}
body{-webkit-tap-highlight-color: transparent;}
a:focus,
div:focus,
input:focus,
p:focus{-webkit-tap-highlight-color: transparent;}
div:focus,
span:focus{outline: none;}
a:hover,
a:focus{text-decoration: none;}
/*reset bootsrtap*/.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto{padding-left: 10px;padding-right: 10px;}
.container{padding-left: 10px;padding-right: 10px;}
.row{margin-right: -10px;margin-left: -10px;}
@media (min-width: 1600px){
	.container{max-width: 1600px;}
}
@media (min-width:1200px){/* .container{max-width: 1200px !important;}*/}
@media (max-width: 1200px){
	.container{width:1200px !important}
}

.header{background: rgba(255, 255, 255,0);}
.header.navon{background: rgba(255, 255, 255,1);}

.header .nav{margin-left:auto;margin-right:60px;margin-right:80px;}
.header .container{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.header .container .logo{padding: 0 0;background: url(/static/upload/image/20231222/1703220019814497.png) no-repeat center; width:184px; height:57px;}
.header .container .logo h1{}
.hd_logo2{display: block; font-size:12px;width:184px; height:57px;overflow:hidden; line-height:1000px;}
.header .other .img img{display: flex;align-items: center;justify-content: center;}
.header .container .nav ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.header .container .nav ul li{margin: 0 40px;}
.header .container .nav ul li.active a .cn, .header .container .nav ul li:hover a .cn{color: #2897c2;}
.header .container .nav ul li.active a .en, .header .container .nav ul li:hover a .en{color: #2897c2;}
.header .container .nav ul li > a{padding: 0 0;}
.header .container .nav ul li a{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.header .container .nav ul li a .cn{font-size: 16px;color: #fff;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.header.navon .container .nav ul li a .cn{font-size: 16px;color: #333; font-family:"微软雅黑";}
.header .container .nav ul li a .en{font-size: 12px;color: rgba(255, 255, 255, 0.5);-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.header.navon .container .nav ul li a .en{font-size: 12px;color: rgba(0, 0, 0, 0.5);}
.header .container .nav ul li .dropdown{height: 0;position: absolute;top: 60px;left: 0;height: 50px;width: 100%;text-align: center;display: none;}
.header .container .nav ul li .dropdown .con{background: rgba(0, 0, 0, 0.6);border-top: 1px solid #504d4d;}
.header .container .nav ul li .dropdown .con .container{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.header .container .nav ul li .dropdown .con .container a{color: #fff;height: 50px;display: block;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin: 0 30px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.header .container .nav ul li .dropdown .con .container a:hover{color: #2897c2;}
@media(max-width:1600px) and (min-width:1600px){
	.header .container{padding:0 40px;}
} 
@media(max-width:1599px){
	/* .header .container .nav ul li a .cn{font-size:16px;} 
	.header .container .nav ul li{margin:0 30px;}
	.header .nav{margin-left:initial;margin-right:0;}
	.header .container .logo{padding:10px 0;} 
	.header .container .nav ul li > a{padding:20px 0;}
	.header .container .nav ul li .dropdown{top:76px;}
	.header .container .logo a img{width:130px;}
	.header .other .img img{width:150px;} 
	.header .container .nav ul li .dropdown .con .container a{font-size:14px;}
	.header .container .nav ul li .dropdown .con .container a h2{font-size:14px;}*/
	.header .container .nav ul li .dropdown .con .container a{margin:0 20px;}
}
@media(max-width:1599px){
	.header .container .nav ul li{margin: 0 30px;}
}
/* add1*/
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container{flex-direction: column;align-items: flex-start;}
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container > div{display:flex;}
.header .container .nav ul li:nth-of-type(2) .dropdown{height:auto;}
.header .container .nav ul li:nth-of-type(2) .dropdown .con{padding:4px 0;}
.header .container .nav ul li .dropdown .tit{color:#fff;display: flex;font-weight:bold;align-items: center;margin-right:10px;}
.header .container .nav ul li .dropdown .con{background: rgba(0, 0, 0, 0.8);}
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container a{margin:0 20px;}
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container{padding-left:370px;}
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container a{width: 112px;align-items: flex-start;margin: 0 10px;}
.header .container .nav ul li .dropdown .tit{margin-right: 50px;}
.header .container .nav ul li .dropdown .con .container a h2{font-size:14px;}
.header .container .nav ul li .dropdown .tit{font-size: 14px;}
.header .nav{margin-left: 0;margin-right: 0;margin-right: 0;}
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container a{color:rgba(255, 255, 255, 0.5);}
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container a:hover{color:#2897c2;}
.header .container .nav ul li .dropdown .tit{position: relative;padding-right:10px;}
.header .container .nav ul li .dropdown .tit::after{position: absolute;right:0;height:17px;top:0;margin:auto;content:'';background: #fff;height: 17px;width: 1px;bottom:0;}
.header .container .nav ul li .dropdown .tit{margin-right:40px;padding-right:20px;}
.header .container .nav ul li .dropdown .tit::after{background: rgba(255,255,255,.3);}
.header .container .nav ul li .dropdown .tit{margin-right: 30px;padding-right: 30px;}
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container a{width:112px;margin:0 2px;}
.header .container .nav ul li .dropdown .con{border-top: 1px solid rgba(255,255,255,.3)}
.header .container .nav ul li:nth-of-type(2) .dropdown .con .container .bot a:last-child{align-items: flex-end;}

@media(max-width:1599px){
	.header .container .nav ul li:nth-of-type(2) .dropdown .con .container{padding-left: 226px;}
	.header .container .nav ul li .dropdown .tit{margin-right: 30px;padding-right: 30px;}
	.header .container .nav ul li:nth-of-type(2) .dropdown .con .container a{margin: 0 2px;}
	.header .container .nav ul li .dropdown .con .container a{font-size: 13px;}
	.header .container .nav ul li:nth-of-type(2) .dropdown .con .container a{width:100px;}
	.header .container .nav ul li .dropdown .tit{}
	.header .nav{margin-right: initial;}
}

/* add2*/
.footer{ background-color:#181818;background-size: cover;min-width:1200px;margin-top: 30px;/* padding-top: 40px;*/}
.footer .friendLink{padding-bottom: 30px;border-bottom: 1px solid #42464a;}
.footer .friendLink .title{font-size: 14px;color: #ffffff;}
.footer .friendLink .list{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: 12px;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
.footer .friendLink .list a{display: block;padding-right: 10px;padding-bottom: 10px;color: #878787;font-size: 12px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.footer .friendLink .list a:hover{color: #2897c2;}
.footer .concat{padding-bottom: 35px;padding-top: 40px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.footer .concat .block1 .title{font-size: 14px;color: #ffffff;}
.footer .concat .block1 ul li{font-size: 12px;color: #878787;margin-top: 15px;}
.footer .concat .navlist .title{font-size: 14px;color: #fff;}
.footer .concat .navlist ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.footer .concat .navlist ul li{padding: 0 40px;position: relative;}
.footer .concat .navlist ul li:last-child::after{position: absolute;right: 0;top: 0;bottom: 0;content: '';width: 1px;height: 196px;background: url(../image/23c679a432680d7e0fdd5e6513e349db.png) top center no-repeat;}
.footer .concat .navlist ul li::before{position: absolute;left: 0;top: 0;bottom: 0;content: '';width: 1px;height: 196px;background: url(../image/23c679a432680d7e0fdd5e6513e349db.png) top center no-repeat;}
.footer .concat .navlist .title{margin-bottom: 20px;}
.footer .concat .navlist .title a{color: #fff;font-size: 14px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.footer .concat .navlist .title a:hover{color: #2897c2;}
.footer .concat .navlist .list a{font-size: 12px;color: #878787;margin-bottom: 15px;display: block;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.footer .concat .navlist .list a:hover{color: #2897c2;}
.footer .concat .other .top{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;padding-bottom: 20px;}
.footer .concat .other .top span:nth-of-type(1){color: #878787;font-size: 14px;}
.footer .concat .other .top span:nth-of-type(2){color: #878787;font-size: 20px;font-family: 'Axis_Bold';margin-top: 2px;}
.footer .concat .other .bottom{padding-top: 20px;border-top: 1px solid #44484c;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.footer .concat .other .bottom span:nth-of-type(1){font-size: 14px;color: #878787;}
.footer .concat .other .bottom span:nth-of-type(2){font-size: 14px;color: #878787;margin-top: 5px;}
.footer .concat .wx .img{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.footer .concat .wx span{font-size: 14px;color: #ffffff;padding: 15px 0;text-align: center;}
.footer .bottomOther{height: 100px;background: #191b1e;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;font-size: 12px;color: #878787;text-align: center;}
.footer .bottomOther a{color: #878787;}
.footer .bottomOther p:nth-of-type(1){margin-bottom: 5px;}
.footer .footerBtn a{margin-top:20px;display:inline-block;padding:10px;font-size:14px;margin-right:5px;color:#333;background:#fff;}

@media (max-width: 1599px){
	.footer .concat .navlist ul li{padding: 0 30px;}
}


@font-face {
  font-family: 'icomoon';
  
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ceNav-icon {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail4:before {
  content: "\ea86";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bohao:before {
  content: "\e60a";
}
.icon-qq:before {
  content: "\e609";
}
.icon-dianhua:before {
  content: "\e610";
}
.icon-kefu:before {
  content: "\e630";
}
.icon-shouji:before {
  content: "\e616";
}
.icon-erweima:before {
  content: "\e600";
}
.icon-weixin:before {
  content: "\e6e5";
}
.icon-user:before {
  content: "\e6e4";
}

/******右侧导航******/
.ce_nav *{margin:0;padding:0;}
.ce_nav i, .ce_nav em, .ce_nav b {
    font-style: normal;
    font-weight: normal;
}
.ce_nav a { text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.ce_nav a:hover { cursor:pointer; text-decoration:none; color:#666;}
.ce_nav{ position:fixed; right:10px; top:50%; transform: translateY(-50%); z-index:9}
.ce_nav li{ margin-bottom:5px;list-style:none; }
.ce_nav li:after{ content: ''; display: block; clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px;}
.ce_nav li a{ float: right; display:block; width:54px; height:54px; background-color:#fff; -moz-border-radius:7px;-webkit-border-radius:7px; border-radius:7px; color:#198ede; font-size:12px; text-align:center; box-shadow: 1px 1px 3px rgba(102,102,102,0.5); border:1px solid #198ede; }
.ce_nav li a span{ display: block; line-height: 12px;}
.ce_nav .ceNav-icon{ font-size: 22px; line-height: 30px; padding-top: 5px;}
.ce_nav .li-codeBtn{ position: relative;}
.ce_nav .code-con{position: absolute; right:60px; bottom: -30px; padding-right:20px; display: none;}
.ce_nav .code-con-m{  width: 155px; background-color: #fff; text-align: center; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; overflow: hidden;}
.ce_nav .code-con img{ width: 120px; height: 120px; border: 2px solid #eaeaea; display: inline-block; margin: 15px 0;}
.ce_nav .code-con p{ line-height:34px; width: 100%; background-color: #46dba4; font-size: 14px; color: #fff;}
.ce_nav .code-con:after{ content: ""; display: block; position: absolute; bottom: 55px; right: 5px;  border:7px solid transparent; border-left: 8px solid #fff;width: 0; height: 0px;}
.ce_nav .li-codeBtn:hover .code-con{ display: block;}
.ce_nav li:hover a{ background:#46dba4; color:#fff;}
.ce_nav li:active a{ background:#3fcb97}
.ce_nav li.li-cxBtn a{ background-color: #fb5a00; border-color: #fb5a00; color: #fff;}
.ce_nav li.li-cxBtn img{ display: inline-block; padding: 7px 0 5px;}
.ce_nav li.li-designBtn a{color: #fff; background-color: #00c36e; border-color: #00c36e;}
.ce_nav li.li-designBtn img{ display: inline-block; padding: 8px 0 5px;}
.ce_nav li.li-cxBtn a:hover,.ce_nav li.li-designBtn a:hover{filter: alpha(opacity=90);/*IE滤镜，透明度50%*/-moz-opacity: 0.9;opacity: 0.9;}
.ce_nav li.li-downBtn a{ padding: 3px 0; height: auto;}
.ce_nav li.li-downBtn img{ height: 25px;}
.ce_nav li.li-downBtn span{ margin-top: 3px; line-height: 14px;}
.ce_nav li.li-phoneBtn a{ position:relative; right:0; cursor:default; overflow: hidden;}
.ce_nav li.li-phoneBtn a p{ display:none;}
.ce_nav li.li-phoneBtn.on a{ background:#46dba4}
.ce_nav li.li-phoneBtn.on .ceNav-icon{ display: none;}
.ce_nav li.li-phoneBtn.on a span{ display:none;}
.ce_nav li.li-phoneBtn.on a p{ display:block; color:#fff; font-size:13px; text-align:left;  line-height:22px; padding:6px 0 0 13px; position:relative;}
.ce_nav li.li-phoneBtn.on a p i{ font-size:19px; display:block;}
.ce_nav li.li-phoneBtn a p:after{content: "\e610";font-family: 'icomoon' !important;font-size:50px;color:#fff;position:absolute;top:50%;right:5px;transform:translateY(-50%)}
.ce_nav li.li-phoneBtn.on a p:after{content: "\e610";font-family: 'icomoon' !important;font-size:50px;color:#fff;position:absolute;top:50%;right:5px;transform:translateY(-50%)}

/*ny-banner*/
.ny-banner{position: relative;}
.ny-banner img{width: 100%;}
.ny-banner .text-box{position: absolute; top:0; left: 0; right: 0; bottom: 0; line-height: 1; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
.ny-banner .text-box .p1{font-size: 40px; font-weight: bold;color:#fff;}
.ny-banner .text-box .p1 a{font-size: 40px; font-weight: bold;color:#fff;}
@media (max-width: 1599px){
	.ny-banner .text-box .p1{font-size: 38px; }
}



.ceMeau-slideBtn{ background-color: #fff; float: right; text-align: center; display: block;  width: 54px; font-size: 12px; line-height: 20px; border-radius: 5px; color: #6f9bdd; box-shadow: 1px 1px 3px rgba(102,102,102,0.5); border: 1px solid #198ede;}
.ceMeau-slideBtn span{ position: relative; top: 9px; vertical-align: top; width: 5px; height: 5px; margin-right: 5px; border-top: 1px solid #198ede;	border-right: 1px solid #198ede;transform: rotate(-45deg); display: inline-block; }
.ceMeau-slideBtn i{ display: inline-block;}
.ceMeau-slideBtn.btnB { display: none}
.ceMeau-slideBtn.btnB span{transform: rotate(135deg);  top: 5px;}
.ceMeau-slideBtn:hover{ background-color: #198ede; color:#fff }
.ceMeau-slideBtn:hover span{border-color: #fff}


.footer-leaveMessage{ height: 48px; overflow: hidden; z-index: 10000; position: fixed; bottom: 10px; right: 10px; background-color: #198ede; padding: 0 20px; border-radius: 12px; width: 300px; font-size: 14px;  box-shadow: 0 6px 20px rgba(0,0,0,.16);-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer-leaveMessage *{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer-leaveMessage .top{ cursor: pointer; height: 48px; padding: 10px 0; display: flex; justify-content: space-between; color: #fff; align-items: center;}
.footer-leaveMessage .top a{ color: #fff;text-decoration: none;font-size:24px;width: 24px; flex-basis: 24px;}
.footer-leaveMessage:hover{ width:370px;}
.footer-leaveMessage .top:hover a{ color: #fff;}
.footer-leaveMessage .formCon{ margin:-2px;}
.footer-leaveMessage .formItem{ width: 50%; float: left; padding: 2px;}
.footer-leaveMessage .formInp{ font-family:-apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif;margin:0;padding:0;font-style:normal!important;; width: 100%; outline: none; background-color: #fff; border: 0; border-radius: 6px; padding: 10px 12px; line-height: 22px;}
.footer-leaveMessage textarea.formInp{ height: 84px;}
.footer-leaveMessage select.formInp{ height: 42px; padding: 0 8px;}
.footer-leaveMessage .widA{ width: 100%;}
.footer-leaveMessage .formBtn{ display: block; line-height: 46px; text-align: center; background-color: #fff; border-radius: 6px; color: #198ede;}
.footer-leaveMessage .formBtn:hover{ background-color: #1878ba; color: #fff;}
.footer-leaveMessage .code{ position: relative;}
.footer-leaveMessage .code .formInp{ padding-right: 70px;}
.footer-leaveMessage .code img{ cursor: pointer; position: absolute; width: 90px; height: 36px; right: 12px; top: 50%; transform:translateY(-50%);}
.curr.footer-leaveMessage{ height: 345px; width: 370px;}
.curr.footer-leaveMessage .top{ cursor: auto;}
.curr.footer-leaveMessage .top a:hover{transform: rotate(360deg);}