@charset "utf-8";
/* CSS Document */

/* ¨å */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; min-width: 1200px;}
img { border:0; vertical-align:top;
	image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
html, body {width:100%;height:100%;max-width: 100%;min-width: 320px;}
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}
::-webkit-scrollbar{width: 8px;height: 8px;}
::-webkit-scrollbar-thumb{background-color: #2e2b5b;-webkit-transition: background-color .3s;transition: background-color .3s;}
::-webkit-scrollbar-track{background: rgba(255,252,252,.11);}

/* a */
a { color:#333; text-decoration:none; }
a:visited { }
a:active, a:hover{text-decoration:none;color:#2e2b5b;}
a:focus{outline:none;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;}
:focus{outline: none;}
.ovfl{overflow: hidden;}
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.dh300s{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dhwz2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.mar0a{margin: 0 auto;}
.con-fff{width:100%;height:100%;position:relative;}
.bgf8{background:#f8f8f8;}
.bgfff{background:#fff;}
.fl {float:left;}
.fr {float:right;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }
table {border-collapse:collapse; border-spacing:0;}
table td, table th{padding: 5px 10px;border: 1px solid #ddd;}

@media (min-width: 1200px){
	.container{width: 1170px;}
}
@media (min-width: 1330px){
	.container{width: 1300px;}
}
@media (min-width: 1470px){
	.container{width: 1440px;}
}

@media (max-width:767px) {
	.container{padding-left: 10px;padding-right: 10px;width: 100%;}
	.row{margin-left: -10px;margin-right: -10px;}
}

/*é¡µä¸»ä½å®¹å½åº¦*/
.ny_container { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; }
@media (min-width: 768px){
	.ny_container {width: 750px;}
}
@media (min-width: 992px){
	.ny_container {width: 970px;}
}
@media (min-width: 1200px){
	.ny_container { width: 1170px;}
}
@media (min-width: 1230px){
	.ny_container { width: 1200px;}
}
@media (min-width: 1330px){
	.ny_container{width: 1300px;}
}
@media (min-width: 1430px){
	.ny_container{width: 1400px;}
}
@media (min-width: 1530px){
	.ny_container{width: 1500px;}
}

@media (max-width:767px) {
	.ny_container{padding-left: 10px;padding-right: 10px;width: 100%;}
}



/* å¤´é */
header { height: 145px; display: block; position: absolute; z-index: 9999;top: 0;left: 0; width: 100%; transition: all 0.5s;}
header.active { position: fixed; background: #fff; }
header .header { display: block; padding: 30px 3.7%;}
header .header .nav_box { display: flex; justify-content: space-between; align-items: center;}
header .header .nav_box .box_l { display: block; }
header .header .nav_box .box_l a { height: 85px; display: block; position: relative; transition: all 0.5s;}
header .header .nav_box .box_l a img { height: 100%; display: block; }
header .header .nav_box .box_l a img.logo-fix { position: absolute;left: 0;top: 0;z-index: 1;opacity: 0; height: 100%;}
header .header .nav_box .box_r { display: block; }
header .header .nav_box .box_r .box_r_t { display: flex; justify-content: flex-end; align-items: center; transition: all 0.5s;line-height:34px;}
header .header .nav_box .box_r .box_r_t .map { display: block; margin-right:30px; display: flex;align-items: center;}
header .header .nav_box .box_r .box_r_t .map span  { display: inline-block; margin-right:5px; font-size: 16px; color: #ffffff; }
header .header .nav_box .box_r .box_r_t .map span img{ display: inline-block; max-width: 100%; margin-top:6px; }
header .header .nav_box .box_r .box_r_t .tel { display: block; }
header .header .nav_box .box_r .box_r_t .tel span { color: #fff; font-size: 16px; }
header .header .nav_box .box_r .box_r_t .tel p { font-size: 24px; color: #ffffff; display: inline-block;font-family: arial;font-weight: bold; }
header .header .nav_box .box_r .box_r_t .naniu { display: block; }
header .header .nav_box .box_r .box_r_t .naniu a { display: inline-block;font-size: 16px;color: #ffffff;}
header .header:hover .nav_box .box_r .box_r_t .naniu a { color: #2e2b5b; }
header .header.vicome .nav_box .box_r .box_r_t .naniu a { color: #2e2b5b; }
header .header .nav_box .box_r .box_r_t .naniu .sub { font-size: 14px; color: #fff; line-height: 26px; border:1px solid #fff; border-radius: 8px; display: inline-block; padding:0 15px;  margin-right: 20px;}
header .header .nav_box .box_r .box_r_t .naniu .mail span i{ font-size: 18px; color: #fff; display:inline-block; font-weight: 100; }
.nav>li{float: left;position:static; margin-top: 15px; height: 40px; display: block;}
.nav>li:last-child{margin-right: 0;}
.nav>li>a{display: block;font-size: 18px;padding: 0;color: #fff;position: relative;line-height: 55px;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav>li>a::after { content: '';position: absolute;left: 50%;right: 50%;bottom: -8px;height: 1px;background-color: #fff;-webkit-transition-property: left,right;transition-property: left,right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; }
.nav>li>a:hover::after, .nav>li.cur>a::after { left: 25%; right: 25%; }
.nav>li.cur>a { color: #fff; }
.nav>li:hover>a { color: #2e2b5b; }
.nav>li>a:focus, .nav>li>a:hover { background: none;  }
.nav>li>a span { display: block;padding:0 32px; border-left: 1px solid rgba(255,255,255,0.3); line-height: 1;  }
.nav>li:first-child>a span { border-left: 1px solid rgba(255,255,255,0);  }
header .nav .zx { float: right;  display: flex;align-items: center; height: 50px; cursor: pointer;}
header .nav .zx img { display: block; max-width: 100%; }
input, textarea, select, button { border: 0;background: none;outline: 0;font-family: "Microsoft Yahei"; }
input[type="button"], input[type="text"], input[type="submit"], select { appearance: none; -moz-appearance: none;-webkit-appearance: none; }
.search_box {display:none;width:100%;background:#f3f3f3;height:86px;position:absolute;top:143px;z-index:22;left:0; border-top:1px solid #ddd;}
header.active .search_box { top: 100px; }
.search_box .box {width:388px;background:#fff;float:right;height:40px;line-height:40px;margin:23px 0 0 0;}
.search_box input[type=text] {padding-left:16px;float:left;width:340px;height:40px;}
.search_box button {height:40px;width:40px;background:url(http://www.gotobond.com/staticres/images/h-search1.png) no-repeat;background-position:center;cursor:pointer;}

/*é¼ç»è¿*/
header.active { height: 100px; }
header.active .header { padding-top: 0; padding-bottom: 0px;}
header .header:hover, header.active .header { background: #fff; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);}
header .header:hover .nav_box .box_l a img.logo-fix, header.active .header .nav_box .box_l a img.logo-fix { opacity: 1; height: 100%;}
header .header:hover .nav_box .box_l a img.logo-def, header.active .header .nav_box .box_l a img.logo-def { opacity: 0; }
header .header:hover .nav>li>a, header.active .header .nav>li>a { color: #333; }
header.active .header .nav>li.cur>a { color: #2e2b5b; }
header .header:hover .nav>li>a span, header.active .header .nav>li>a span {  border-left: 1px solid rgba(0,0,0,0.1); }
header .header:hover .nav>li:first-child>a span, header.active .header .nav>li:first-child>a span  {  border-left: 1px solid rgba(0,0,0,0); }
header .header:hover .nav_box .box_r .box_r_t .map span { color: #999; }
header .header:hover .nav_box .box_r .box_r_t .tel span { color: #999; }
header .header:hover .nav_box .box_r .box_r_t .tel p { color: #2e2b5b; }
header .header:hover .nav_box .box_r .box_r_t .naniu .sub { color: #999; border: 1px solid #999; }
header .header:hover .nav_box .box_r .box_r_t .naniu .mail span i { color: #999; }
header .header:hover .nav_box .box_r .box_r_t .map span.s1 { position: relative; background: url(http://www.gotobond.com/staticres/images/mapg_on.gif)no-repeat center; }
header .header:hover .nav_box .box_r .box_r_t .map span.s1 img { opacity: 0; }
header .header:hover .nav .zx .h_search span, header.active .header .nav .zx .h_search span  { position: relative; background: url(http://www.gotobond.com/staticres/images/ss_bg_on.png)no-repeat center; display: block;}
header .header:hover .nav .zx .h_search span img, header.active .header .nav .zx .h_search span img { opacity: 0; }
header .header:hover .nav>li.cur>a, header .header:hover .nav>li:hover>a { color: #2e2b5b; }
header .header:hover .nav>li.cur>a::after, header .header:hover .nav>li:hover>a::after { background-color: #2e2b5b; }
header.active .header .nav_box .box_r .box_r_t { display: none; }

header .header.vicome, header.active .header { background: #fff; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);}
header .header.vicome .nav_box .box_l a img.logo-fix, header.active .header .nav_box .box_l a img.logo-fix { opacity: 1; height: 100%;}
header .header.vicome .nav_box .box_l a img.logo-def, header.active .header .nav_box .box_l a img.logo-def { opacity: 0; }
header .header.vicome .nav>li>a, header.active .header .nav>li>a { color: #333; }
header.active .header .nav>li.cur>a { color: #2e2b5b; }
header .header.vicome .nav>li>a span, header.active .header .nav>li>a span {  border-left: 1px solid rgba(0,0,0,0.1); }
header .header.vicome .nav>li:first-child>a span, header.active .header .nav>li:first-child>a span  {  border-left: 1px solid rgba(0,0,0,0); }
header .header.vicome .nav_box .box_r .box_r_t .map span { color: #999; }
header .header.vicome .nav_box .box_r .box_r_t .tel span { color: #999; }
header .header.vicome .nav_box .box_r .box_r_t .tel p { color: #2e2b5b; }
header .header.vicome .nav_box .box_r .box_r_t .naniu .sub { color: #999; border: 1px solid #999; }
header .header.vicome .nav_box .box_r .box_r_t .naniu .mail span i { color: #999; }
header .header.vicome .nav_box .box_r .box_r_t .map span.s1 { position: relative; background: url(http://www.gotobond.com/staticres/images/mapg_on.gif)no-repeat center; }
header .header.vicome .nav_box .box_r .box_r_t .map span.s1 img { opacity: 0; }
header .header.vicome .nav .zx .h_search span, header.active .header .nav .zx .h_search span  { position: relative; background: url(http://www.gotobond.com/staticres/images/ss_bg_on.png)no-repeat center; display: block;}
header .header.vicome .nav .zx .h_search span img, header.active .header .nav .zx .h_search span img { opacity: 0; }
header .header.vicome .nav>li.cur>a, header .header.vicome .nav>li:hover>a { color: #2e2b5b; }


@media(max-width: 1360px) {
	.nav>li>a span{padding:0 24px;}
}
@media(max-width: 1530px) {
	header .header { padding-left: 1.5%; padding-right: 1.5%; }
}

@media(max-width: 1430px) {
	header .header { padding-left: 2%; padding-right: 2%; }
	header .header .nav_box .box_l a { height: 60px; }
}

@media(max-width: 1270px) {
	header .top .top_r ul .zx { margin-left: 20px; }
}

@media(max-width: 1230px) {
	.nav>li>a{font-size:16px;}
}

@media(max-width: 1199px) {
	header::after { display: none; }
	header .header .nav_box .box_r .box_r_t { display: none; }
	header .header { padding-top: 20px; }
	.nav>li{margin-top:20px;height:35px;}
	.nav>li>a span { padding:0 20px; }
	header .nav .zx{height:55px;}
}
@media(max-width: 1080px) {
	.nav>li>a span{padding:0 14px;}
}
@media(max-width: 991px) {
	header .nav .zx { height: 70px; }
	header.active .search_box { top: 70px; }
	header .header { padding-top: 0px; padding-bottom: 0px; }
	header .header .nav_box { align-items: center; }
}

/*å¯¼èä¸*/
header ul li .xiala { position: absolute;background: rgba(255,255,255,1);width: 100%;top: 143px;left: 0; z-index: 999; display: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
header.active ul li .xiala { top: 100px; }
header ul li .xiala .container_p { padding:40px 8.4% 40px 4.1%; overflow: hidden; margin:0 auto; display: block; }
header ul li .xiala .container_p .nav2_r { float: right;  width: 25%;}
header ul li .xiala .container_p .nav2_r img { display: block; max-width: 100%; }
header ul li .xiala .container_p .nav2_l { float: left; width: 70%; }
header ul li .xiala .container_p .nav2_l .desc { overflow: hidden; }
header ul li .xiala .container_p .nav2_l .desc .en { font-size: 30px;line-height: 40px;color: #333;}
header ul li .xiala .container_p .nav2_l .desc .list { font-size: 14px;line-height: 24px;margin-top: 10px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
header ul li .xiala .container_p .nav2_l .nav-er-list { margin-top: 40px;overflow: hidden; float: left; }
header ul li .xiala .container_p .nav2_l .nav-er-list a{ display: inline-block; }
header ul li .xiala .container_p .nav2_l .nav-er-list a span {font-size: 14px;line-height: 24px;color: #666;margin-right: 25px;padding-right: 15px;transition: all 0.5s;background: url(http://www.gotobond.com/staticres/images/yy.png) no-repeat right center; }
header ul li .xiala .container_p .nav2_l .nav-er-list:hover a span { color: #2e2b5b; background: url(http://www.gotobond.com/staticres/images/yy_on.png) no-repeat right center;}
header ul li .xiala .container_p .nav-box { overflow: hidden; } 
header ul li .xiala .container_p .nav-box>span { font-size: 22px; line-height: 40px;color: #333;overflow: hidden; display: block; }
header ul li .xiala .container_p .nav-box>.nav-box_nr { overflow: hidden; margin-top: 20px; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box { margin-bottom: 20px; overflow: hidden; padding:10px;}
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box:hover { background: #f9f9f9; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a { display: block; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a .nav3-box_l { width: 20%; float: left;}
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a .nav3-box_r { float: right; width: 80%; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a .nav3-box_r .nav3-box_r_t { font-size: 16px;line-height: 1.5;color: #333;margin-bottom: 5px; }
header ul li .xiala .container_p .nav-box>.nav-box_nr .nav3-box a .nav3-box_r .nav3-box_r_desc { font-size: 14px;line-height: 1.6;color: #999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro { display: block; padding-left:0; }
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro a { display: block; text-align: center; }
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro a>dt { display: block; }
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro a>dt img { max-width: 100%; display: block; border:1px solid #ddd; }
header ul li .xiala .container_p .nav-box>.nav-box_nr>.nav3-pro a p { font-size: 14px; color: #454545; line-height: 3; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
header ul li .xiala .container_p .nav2_l .nav-er-list .nypro-nav2 { display: none; transition:0.3s;}
header ul li .xiala .container_p .nav2_l .nav-er-list .nypro-nav2 a { font-size: 14px; color: #666; line-height: 1.8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 90%; }
header ul li .xiala .container_p .nav2_l .nav-er-list .nypro-nav2 a:hover { color: #2e2b5b; }
header ul li .xiala .container_p .nav2_l .nav-er-list:hover .nypro-nav2 { display: block; }
header.active .header .nav_box .box_l a { height: 70px; }
header.active .header .nav_box { align-items: center; height: 100px; }



@media(max-width: 1199px) {
	header ul li .xiala { display: none!important; }
}
@media(max-width: 991px) {
	header.active .header .nav_box .box_l a { height: 50px; }
}
@media(max-width: 767px) {
    header.active .header .nav_box .box_l a { height: 50px; }
}
@media(max-width: 500px) {
    header.active .header .nav_box .box_l a { height: 46px; }
}
@media(max-width: 420px) {
    header .nav .zx{display:none;}
}

/*å°å±å¹å¯¼è*/
#m-head-nav{height: 16px;position: relative;float: right;display:none;margin-right: 20px;width: 24px; z-index: 99999;}	
#m-head-nav .line{width: 24px;height: 2px;background-color: #2e2b5b;position: absolute;left: 0px;top: 7px;}
#m-head-nav .line1{margin-top: -7px;}
#m-head-nav .line3{margin-top: 7px;}
#m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#m-head-nav[data-active="on"] .line2{display: none;}
#m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#header:hover #m-head-nav .line, #header.active #m-head-nav .line{background-color:#2e2b5b;}

.mm-nav-box{overflow:hidden;position: fixed;top: 0;right: 0;width: 100%;height: calc(100% - 70px);z-index: 99999;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top:70px;}
.mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;height:100%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);}
.mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;}
.mm-nav-box .mm-nav{overflow-y: scroll;height:100%;}
.mm-nav-box .mm-nav .li1{margin: 0 10px 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;}
.mm-nav-box .mm-nav .li1.on .a1{color: #e00000;}
.mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 45px;line-height: 45px;}
.mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;}
.mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#2e2b5b}
.mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;}
.mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;}
.mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#2e2b5b}
.mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;}
.mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;}
.mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;}
.mm-nav-box .mm-wrap .mmlang .mmitem.on{color:  #e00000;}
.header_space{width: 100%;height: 100px;display:none;}

@media(max-width: 1770px) {
	header::after { width: 23%; }
}
@media(max-width: 1199px) {
	.search_box .box { margin: 23px 20px 0 0; }
	header .top .top_r ul .zx { display: none; }
}
@media(max-width: 991px) {
	header { height: 70px; }
	.nav>li>a { font-size: 15px; line-height: 70px;}
	.nav>li { display: none;}
	.wap_nav { height: 70px; display: flex; align-items: center; float: right; }
	header .top .top_l { height: 70px; }
	header.active .header .nav_box { height: 70px; }
	header.active{ height: 70px; }
	#m-head-nav { display: block; }
	.mm-nav-box {display: block;}
	.header_space{height:70px;}
}
@media(max-width: 767px) {
	header .top .top_r>ul>li { display: none; }
	header { height: 50px; }
	.header_space { height: 70px; display:block !important;}
	header .top .top_l { height: 50px; }
	header .top .top_l .top_l_r { display: none; }
	.search_box { height: auto; padding-bottom: 10px; }
	.search_box .box { width: 280px; margin-right: 0; margin-top: 10px; }
	.search_box input[type=text] { width: 240px; }
	.mm-nav-box .mm-wrap { width: 100%; }
	.mm-nav-box[data-on="active"] { top: 69px; }
	.mm-nav-box .mm-nav .li1 .mm-title .a1 { font-size: 14px; color: #454545; }
	.mm-nav-box .mm-nav .li1 .mm-innav li a { color: #777; }
	.wap_nav { height: 50px; }
	.mm-nav-box{ display: block; }
	#m-head-nav { display: block; }
	header .top .top_l a img { height: 40px; }
	header .header .nav_box .box_l a { height:50px; margin:5px 0; }
	header .nav .zx { height: 50px; }
	header.active .search_box { top: 50px; }
	.search_box .form-group { margin-bottom:0; }
	header .header {     padding-left: 10px;padding-right: 10px; }
}
@media(max-width: 500px) {
   header .header .nav_box .box_l a{height:34px;}
}
@media(max-width: 390px) {
    #m-head-nav{margin-right:0;}
}
@media(max-width: 370px) {
    
}

/* è½ */
#banner{position:relative;}
#banner video{width:100%;display:block;}
#banner .swiper-slide a{display:block;}
#banner .swiper-slide img{display:block;max-width:100%;}
#banner .swiper-pagination{bottom:34px;font-size:0;width: auto;left: 50%;transform: translateX(-50%);}
#banner .swiper-pagination-bullet{width:8px;height:8px;opacity:1;border-radius: 50%;background:rgb(255 255 255 / 100%);position:relative;margin:0 16px;}
#banner .swiper-pagination-bullet-active{ background: #2e2b5b; position: relative;}
#banner .swiper-pagination-bullet-active::after { position: absolute; content: ''; width: 30px; height: 30px; display: block; top: -11px; left: -11px; border:3px solid #fff; border-radius: 50%; }
#banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(http://www.gotobond.com/staticres/images/page/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;}
#banner .swiper-button-prev{left:-80px;}
#banner .swiper-button-next{right:-80px;transform: rotate(180deg);}
#banner:hover .swiper-button-prev{left:80px;}
#banner:hover .swiper-button-next{right:80px;}
#banner .swiper-button-prev:hover, #banner .swiper-button-next:hover{background:url(http://www.gotobond.com/staticres/images/page/ban-jt.png) no-repeat center left -46px #fff;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);}
#banner .nybanner img { max-width: 100%; display: block; }
@media (max-width: 1400px){
	#banner .swiper-button-prev{left:60px;}
	#banner .swiper-button-next{right:60px;}
}
@media (max-width: 767px){
	#banner .swiper-pagination{bottom:20px;}
	#banner .swiper-pagination-bullet{border:none;}
	#banner .swiper-button-prev, #banner .swiper-button-next{display:none;}
	#banner .swiper-pagination-bullet-active::after { display: none; }
}
@media (max-width: 450px){
	#banner .swiper-pagination{bottom: 5px;padding:8px;}
	#banner .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;}
}

/*é¦é¡µèé¢*/
.sy_video { display: block; position: relative;  overflow: hidden;}
.video_bg {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background: rgba(0, 0, 0, .5);
    }
.sy_video .video_box { display: block; position: relative; width: 100%; height: 100vh; overflow: hidden; background:#000; }
.sy_video .video_box video { position: absolute; top: 50%;left: 50%;display: block;transform: translate(-50%, -50%);  width: 100%;z-index:1;}
.sy_video .video_box img{max-width:90%;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:3;}
.point { position: absolute; left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); bottom: 30px; z-index: 4;}
.point a { display: block; position: relative; padding-top: 40px; }
.point a em{ background: url(http://www.gotobond.com/staticres/images/banner_ico1.png)no-repeat center; width: 16px;height: 21px; display: block; margin:10px auto 15px auto; }
.point span { font-size: 14px; color: #fff; }
.point .c-wrap {position: relative;margin: 0 auto;width: 30px;height: 45px;border: 1px solid #fff;border-radius: 20px;overflow: hidden;}
.point .c-wrap .c-line {position: absolute;top: 15px;left: 50%;width: 2px;height: 10px;
	transform: translateX(-50%);background: #fff;animation: jump 1.5s linear infinite;-webkit-animation: jump 1.5s linear infinite;}
.viheight{height:145px;}
.mmbanimg{display:none;}
@media (max-width: 1199px){
    .viheight{height:100px;}
}
@media (max-width: 991px){
    .viheight{height:70px;}
}
@media (max-width: 767px){
    .viheight{height:60px;}
	.sy_video .video_box, .point{display:none;}
	.mmbanimg{display:block;}
	.mmbanimg img{width:100%;}
}
@media (max-width: 500px){
    .viheight{height:50px;}
}
/* ¨ç */
@-webkit-keyframes jump {
    0% {opacity: 1;top: -10px;}
    50% {opacity: 1; }
    100% {opacity: 0;top: 11px;}
}

@keyframes jump {
    0% {opacity: 1;top: -10px; }
    50% {opacity: 1;}
    100% {opacity: 0;top: 11px; }
}

/* é¦é¡µæé¢ */
.title { text-align: left; display: block; position: relative;}
.title h2 { font-size: 48px; color: #333333; display: block;  font-weight: bold; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; margin-bottom:20px; }
.inxian{width:64px;height:4px;position:relative;}
.inxian::before{content:'';position:absolute;left:0;top:0;width:40px;height:4px;background:#2e2b5b;}
.inxian::after{content:'';position:absolute;right:0;top:0;width:20px;height:4px;background:#ec6c2d;}
@media(max-width: 1630px) {
	.title h2  { font-size: 42px; }
}
@media(max-width: 1199px) {
	.title h2  { font-size: 32px; }
}
@media( max-width: 767px) {
	.title h2 { font-size: 24px;margin-bottom:10px; }
}
@media( max-width: 500px) {
	.title h2 { font-size: 20px; }
}

/* é¦é¡µå¸çä» */
#about{padding:50px 0;}
.aboutbox{display:flex;}
.aboutl{width:50%;position:relative;}
.tarvideo{position:absolute;left:0;top:0;}
.aboutr{width:50%;padding-left:60px;}
.aboutcon>img{max-width:80%;}
.aboutcon>h2{font-size:30px;font-weight:bold;color:#444;margin-top:35px;margin-bottom:15px;}
.abouttxt{font-size:14px;color:#666;line-height:25px;margin-top:30px;text-align:justify;}
.abouta{margin-top:50px;overflow:hidden;height:50px;}
.abouta a{display:block;float:left;font-size:14px;color:#a5a7aa;width:120px;line-height:40px;border:1px solid #a5a7aa;background:#f8f9fb;text-align:center;border-radius:5px;margin-right:12px;transition:all .3s;-webkit-transition:all .3s;}
.abouta a:last-child{margin-right:0;}
.abouta a.on{width:154px;line-height:50px;font-size:18px;color:#fff;background-image: linear-gradient(to right, #2e2b5b, #2e2b5b);border:none;}
#countup{margin-top:40px;}
.countup-txt h4{font-size:52px;font-weight:bold;color:#000;font-family:arial;}
.countup-txt h4 span{background-image:-webkit-linear-gradient(left,#2e2b5b,#2e2b5b); 
-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.countup-txt h4 em{font-size:20px;position:relative;top:-20px;left:10px;color:#2e2b5b;}
.countup-txt p{font-size:18px;color:#666;}
@media( max-width: 1329px) {
	.abouta{margin-top:30px;}
	.aboutr{padding-left:30px;}
}
@media( max-width: 1199px) {
	.aboutr{padding-left:25px;}
	.aboutcon>h2{margin-top:20px;margin-bottom:10px;font-size:28px;}
	.abouta a{width:100px;line-height:36px;}
	.abouta a.on{width:120px;line-height:45px;}
}
@media( max-width: 991px) {
	.aboutbox{display:block;}
	.aboutl{width:100%;}
	.aboutl>img{width:100%;}
	.aboutr{width:100%;padding-left:0;margin-top:30px;}
}
@media( max-width: 767px) {
	#about{padding:30px 10px;}
	.aboutr{margin-top:20px;}
	#countup{margin-top:10px;}
}
@media( max-width: 500px) {
	.aboutcon>img{height:50px;}
	.aboutcon>h2{font-size:24px;margin-top:15px;}
	.abouttxt{margin-top:20px;}
	.abouta{margin-top:20px;display:flex;height:auto;}
	.abouta a{margin-right:10px;width:auto;line-height:36px;font-size:14px;color: #fff;background-image: linear-gradient(to right, #2e2b5b, #2e2b5b);flex:1;}
	.abouta a.on{width:auto;line-height:36px;font-size:14px;}
	#countup>div[class^="col-"]{padding:0 10px;margin-top:10px;}
	.countup-txt h4{font-size:40px;}
	.countup-txt h4 em{font-size:16px;}
	.countup-txt p{font-size:15px;}
}
@media( max-width: 400px) {
	.aboutcon>img{height:40px;}
	.aboutcon>h2{font-size:22px;}
}

/* äº§åä¸å¿ */
#product{padding:45px 0 35px;overflow:hidden;background:url(http://login.114my.cn/memberpic/gubangda/uploadfile/image/20250513/20250513191326_1730064845.jpg);}
#product>.title{text-align:center;}
#product>.title>.inxian{margin:0 auto;}
.protag{line-height:80px;height:80px;border-bottom:1px solid #94a0b4;font-size:0;text-align:center;margin-top:15px;}
.protag a{display:inline-block;font-size:18px;color:#666;margin:0 30px;position:relative;}
.protag a.on{color:#2e2b5b;font-weight:bold;}
.protag a.on::after{content:'';position:absolute;bottom:-15px;background:url(http://login.114my.cn/memberpic/gubangda/uploadfile/image/20250513/20250513191232_151763420.png) no-repeat;width:30px;height:30px;left:50%;margin-left:-15px;}
.probox{margin-top:50px;}
.proone li{padding:0 10px;}
.proone li a{display:block;overflow:hidden;}
.proone li a .proimg{position:relative;}
.proone li a .proimg::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;background:url(http://www.gotobond.com/staticres/images/proimgbtn.png) no-repeat;transition:all .5s;-webkit-transition:all .5s;visibility: hidden;opacity:0;}
.proone li a .protxt{background:#fff;border-top:1px solid #ccc;padding:15px 60px 15px 25px;position:relative;}
.proone li a .protxt::after{content:'';position:absolute;right:0;top:0;width:60px;height:100%;background:url(http://www.gotobond.com/staticres/images/protxtico.png) no-repeat center;}
.proone li a .protxt p{font-size:16px;color:#666;line-height:24px;margin-bottom:8px;}
.proone li a .protxt p+p{margin-bottom:0;}
.proone li a:hover .proimg::before{visibility: visible;opacity:1;}
.proone li a:hover .protxt{background:#2e2b5b;}
.proone li a:hover .protxt::after{background:url(http://www.gotobond.com/staticres/images/protxticox.png) no-repeat center;}
.proone li a:hover .protxt p{color:#fff;}
.proonebtn{text-align:center;margin-top:35px;}
.proonebtn a{display:inline-block;width:160px;line-height:48px;color:#fff;border-radius:30px;background-image:linear-gradient(to left,#2e2b5b,#2e2b5b);font-size:16px;position:relative;}
.proonebtn a::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:174px;height:58px;background:rgb(21 74 154 / 20%);border-radius:40px;}
.proonebtn a span{position:relative;}
@media( max-width: 1230px) {
	.protag a{margin:0 25px;}
}
@media( max-width: 1199px) {
	.protag a{font-size:17px;margin:0 15px;}
}
@media( max-width: 991px) {
	.protag{line-height:60px;height:60px;}
	.protag a{font-size:14px;margin:0 8px;}
}
@media( max-width: 767px) {
	#product{padding:30px 0;}
	.protag{border:none;display: flex;flex-wrap: wrap;height: auto;border-bottom:1px solid #ccc;line-height:45px;}
	.protag a{margin: 0;padding: 0px 5px;flex: 0 0 33.33%;flex-grow: 1;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
	.protag a.on::after{display:none;}
	.probox{margin-top:20px;}
	.proone li a .protxt{padding: 12px 50px 12px 12px;}
	.proone li a .protxt p{font-size:14px;line-height:20px;margin-bottom:4px;}
}
@media( max-width: 500px) {
	.proone li a .protxt{padding:10px;}
	.proone li a .protxt::after{display:none;}
	.proonebtn a{font-size:14px;width:140px;line-height:40px;}
	.proonebtn a::before{width: 154px;height: 54px;}
}

/* ¸å */
#power{background:url(http://login.114my.cn/memberpic/gubangda/uploadfile/image/20250513/20250513194230_2035430858.png) no-repeat center / cover fixed;padding:60px 0;}
#power .title h2{color:#fff;}
#power .title .inxian::before{background:#fff;}
.powerbox{padding:30px;background:#fff;margin-top:40px;}
.powerbox ul{}
.powerbox ul li{display:flex;overflow:hidden;margin-bottom:10px;}
.powerbox ul li:last-child{margin-bottom:0;}
.powerbox ul li:nth-child(1) .powerimg{width:525px;}
.powerbox ul li:nth-child(1) .powertxt{width:calc(100% - 525px);}
.powerbox ul li:nth-child(2) .powerimg{width:680px;}
.powerbox ul li:nth-child(2) .powertxt{width:calc(100% - 680px);}
.powerbox ul li:nth-child(3) .powerimg{width:820px;}
.powerbox ul li:nth-child(3) .powertxt{width:calc(100% - 820px);}
.powerbox ul li .powerimg{position:relative;z-index:1;}
.powerbox ul li .powerimg img{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);z-index:-1;}
.powerbox ul li .powerimg h3{font-size:30px;color:#fff;font-weight:bold;position:absolute;right:10px;bottom:12px;}
.powerbox ul li .powerimg p{text-transform:uppercase;font-size:12px;color:rgb(255 255 255 / 50%);position:absolute;right:10px;top:25px;}
.powerbox ul li .powerimg p::after{content:'';position:absolute;right:0;bottom:-2px;width:80px;height:1px;background:rgb(255 255 255 / 50%);}
.powerbox ul li .powerimg span{font-family:Impact;font-size:66px;color:#fff;position:absolute;left:10px;top:50%;transform:translateY(-50%);}
.powerbox ul li .powertxt{padding:25px 0 25px 35px;}
.powerbox ul li .powertxt h4{font-size:24px;color:#444;font-weight:bold;margin-bottom:12px;}
.powerbox ul li .powertxt p{font-size:16px;color:#666;line-height:24px;}
@media( max-width: 1469px) {
	.powerbox ul li:nth-child(1) .powerimg{width:490px;}
	.powerbox ul li:nth-child(1) .powertxt{width:calc(100% - 490px);}
	.powerbox ul li:nth-child(2) .powerimg{width:600px;}
	.powerbox ul li:nth-child(2) .powertxt{width:calc(100% - 600px);}
	.powerbox ul li:nth-child(3) .powerimg{width:720px;}
	.powerbox ul li:nth-child(3) .powertxt{width:calc(100% - 720px);}
}
@media( max-width: 1199px) {
	.powerbox ul li:nth-child(1) .powerimg,
	.powerbox ul li:nth-child(1) .powertxt,
	.powerbox ul li:nth-child(2) .powerimg,
	.powerbox ul li:nth-child(2) .powertxt,
	.powerbox ul li:nth-child(3) .powerimg,
	.powerbox ul li:nth-child(3) .powertxt{width:50%;}
}
@media( max-width: 991px) {
	.powerbox ul li{display:block;}
	.powerbox ul li:nth-child(1) .powerimg,
	.powerbox ul li:nth-child(1) .powertxt,
	.powerbox ul li:nth-child(2) .powerimg,
	.powerbox ul li:nth-child(2) .powertxt,
	.powerbox ul li:nth-child(3) .powerimg,
	.powerbox ul li:nth-child(3) .powertxt{width:100%;}
	.powerbox ul li .powerimg{height:140px;overflow:hidden;}
	.powerbox ul li .powertxt{padding:25px 0;}
}
@media( max-width: 767px) {
	#power{padding:30px 10px;}
	#power .title{text-align: center;}
	#power .title>.inxian{margin: 0 auto;}
	.powerbox{padding:20px;margin-top:25px;}
	.powerbox ul li .powerimg{height:130px;}
	.powerbox ul li .powerimg h3{font-size: 36px;}
	.powerbox ul li .powertxt{padding:20px 0;}
}
@media( max-width: 500px) {
	.powerbox{padding:10px;}
	.powerbox ul li .powerimg{height:120px;}
	.powerbox ul li .powerimg h3{font-size: 28px;}
	.powerbox ul li .powerimg span{font-size:60px;}
	.powerbox ul li .powertxt{padding:15px 0;}
	.powerbox ul li .powertxt h4{font-size:20px;margin-bottom:8px;}
	.powerbox ul li .powertxt p{font-size:14px;}
}

/* ¥éç½ç» */
#market{background:url(http://login.114my.cn/memberpic/gubangda/uploadfile/image/20250514/20250514101702_155890231.jpg) no-repeat center #f7f9fd;padding:100px 0 200px;}
.marketcon{width:480px;margin-top:100px;}
.marketcon li{padding-left:28px;font-size:18px;color:#666;line-height:36px;background:url(http://www.gotobond.com/staticres/images/marketico.png) no-repeat left top 9px;margin-bottom:40px;}
.marketbtn a{display:block;width:180px;line-height:50px;font-size:18px;color:#fff;text-align:center;border-radius:5px;background-image:linear-gradient(to left,#2e2b5b,#2e2b5b);}
@media( max-width: 1199px) {
	.marketcon{width:400px;}
}
@media( max-width: 991px) {
	#market{background:none;padding:60px 0;}
	#market .title{text-align: center;}
	#market .title>.inxian{margin: 0 auto;}
	.marketcon{width:100%;margin-top:50px;}
	.marketcon li{margin-bottom:30px;}
	.marketbtn a{margin:0 auto;}
}
@media( max-width: 767px) {
	#market{padding:30px 10px;}
	.marketcon{margin-top:20px;}
	.marketcon li{margin-bottom:10px;font-size: 16px;line-height: 30px;background: url(http://www.gotobond.com/staticres/images/marketico.png) no-repeat left top 6px;}
	.marketbtn a{font-size:15px;width: 150px;line-height: 40px;}
}

/* ¨éç½ */
.owl-rela{position:relative;}
.owl-prev, .owl-next{display:block;width:30px;height:60px;position:absolute;top:50%;margin-top:-30px;text-indent:-99999999px;opacity:0.4;transition:all .3s;-webkit-transition:all .3s;background:url(http://www.gotobond.com/staticres/images/page/owlbtn.png) no-repeat;}
.owl-prev{left:-30px;}
.owl-next{right:-30px;transform: rotate(180deg);}
.owl-prev:hover, .owl-next:hover{opacity:1;}
@media (max-width:800px){
	.owl-prev, .owl-next{display:none;}
}

/* ¾çå°¢å¨ç */
.white, .whites{position: relative;overflow: hidden;}
.white::after, .whites::after{content: '';cursor: pointer;position: absolute;left: -120%;top: 0;width: 100%;height: 100%;
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
transform: skewx(-20deg);transition: unset;}
.white:hover::after{left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}
#news .box .swiper-slide li:hover a .imgbox.white::after {left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}

/* åº */
#footer{padding:32px 0 50px; overflow: hidden; background: #333; }
.flogo{text-align:center;}
.fnav{text-align:center;border-bottom:1px solid #636363;font-size:0;margin-top:25px;}
.fnav a{display:inline-block;font-size:18px;color:#f2f2f2;line-height:66px;margin:0 40px;}
.fnav a:hover{color:#fff;}
.fbox{padding-top:50px;}
.finfo{float:left;}
.finfo ul{}
.finfo ul li{margin-bottom:20px;overflow:hidden;}
.finfo ul li p{float:left;font-size:16px;color:#fff;padding-left:30px;line-height:20px;}
.finfo ul li p a{color:#fff;}
.finfo ul li p a:hover{color:#6c7592;}
.finfo ul li p+p{margin-left:45px;}
.finfo ul li p.fphone{background:url(http://www.gotobond.com/staticres/images/fphoneico.png) no-repeat left;}
.finfo ul li p.ftel{background:url(http://www.gotobond.com/staticres/images/ftelico.png) no-repeat left;}
.finfo ul li p.ffax{background:url(http://www.gotobond.com/staticres/images/ffaxico.png) no-repeat left;}
.finfo ul li p.falibaba{background:url(http://www.gotobond.com/staticres/images/falibabaico.png) no-repeat left;}
.finfo ul li p.faddress{background:url(http://www.gotobond.com/staticres/images/faddressico.png) no-repeat left;}
.fewm{float:right;}
.fewm img{width:120px;border-radius:10px;}
.fewm p{font-size:14px;color:#c8d7ee;text-align:center;margin-top:10px;}
#fcopy{background:#1c2951;padding:15px 0;line-height:28px;}
.fcopyl{float:left;color:#6c7592;font-size:14px;}
.fcopyl a{color:#6c7592;font-size:14px;}
.fcopyl a:hover{color:#fff;}
.fcopyr{float:right;position:relative;font-size:0;}
.fcopyr p{width:120px;line-height:26px;font-size:14px;color:#6c7592;text-align:center;border:1px solid #6c7592;cursor:pointer;}
.fcopyr p span{display:inline-block;padding-right:21px;background:url(http://www.gotobond.com/staticres/images/flinkico.png) no-repeat right;}
.flink{position:absolute;left:0;bottom:0;width:100%;background:#6c7592;display:none;}
.flink a{font-size:14px;line-height:30px;display:block;text-align:center;color:#fff;border-bottom:1px solid #ccc;}
.flink a:last-child{border-bottom:none;}
.flink a:hover{color:#2e2b5b;}
.fcopyr:hover .flink{bottom:28px;display:block;}
@media (max-width:1199px){
	.fnav a{margin:0 35px;}
	.fcopyl{width:100%;text-align:center;}
	.fcopyr{display:none;}
}
@media (max-width:991px){
	.fnav a{display:none;}
	.finfo{width:100%;}
	.fewm{width:100%;}
	.fewm img{margin:0 auto;}
}
@media (max-width:767px){
	footer{padding-bottom:50px;}
	#footer{padding:30px 0;}
	.fbox{padding:30px 10px 0;}
	.finfo{width:calc(100% - 130px);padding-right:10px;}
	.finfo ul li{margin-bottom:15px;word-break: break-all;}
	.finfo ul li:last-child{margin-bottom:0;}
	.finfo ul li p{font-size:15px;float:none;}
	.finfo ul li p+p{margin-left:0;margin-top:15px;}
	.fewm{width:130px;}
	#fcopy{padding:10px;line-height:20px;}
}

/* ºå¨æ */
.footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #2e2b5b;text-align: center;border-top:1px solid #fff;}
.footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;}
.footer-bottom a i{font-size: 16px;display: block;}

/* ¨çº¿å®¢æ */
.diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 100;}
.diyos ul{position:relative;list-style: none;margin: 0;padding: 0;}
.diyos ul li {width: 54px;height: 54px;background: #2e2b5b;float: left;position: relative;border-top:1px solid #333;z-index:1;}
.diyos ul li:first-child{ border-top:0;}
.diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#2e2b5b;} 
.diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li .sideewmshow{width: 130px;position:absolute; top:0; left:-131px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;}
.diyos ul li.sideewm:hover .sideewmshow{ display:block;}
.diyos ul li img {float: left;}