/* www.takwong.com *//*reset*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}
body{position:relative;font-size:14px;background-color:white;overflow:auto;}
body, button, input, keygen, legend, select, textarea {
    font-family: "Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-weight: 400;
    color: #333;
    outline: 0;
    speak: none;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {font-weight: 400; }
li {list-style: none; }
html, body, fieldset, img, iframe, abbr {border: 0; }
img{ vertical-align: top; }
a, button {cursor: pointer; }
a {color: #333; outline:none; text-decoration: none;}


/*common*/
body{ background: #fff; }
a:hover{ color: #fc8080; text-decoration: none; }
a:-webkit-any-link{ text-decoration: none; }
.container{ width: 1200px; margin: 0 auto; padding: 0;}
.container:after{ content:""; display: block; clear: both; }
.clearfix:after{ content: ""; display: block; clear: both; }
.fl{ float: left; }
.fr{ float: right; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.color-white {color: white!important; }
.red {color: #fc8080!important; }
.fz12 {font-size: 12px;}
.fz14 { font-size: 14px; }
.wfs { width: 100%; position:relative;}
.p_r{ position:relative;}
@font-face {
    font-family: pingfang;
    src: url(../fonts/苹方黑体-细-简.ttf);
    font-weight: 400;
    font-style: normal
}

/*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 55;
	right: 10px;
	bottom: 100px;
	width: 80px;
	height: 204px;
}
.suspension-box {
	position: relative;
	float: right;
}
.suspension-box a.a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #B5B5B5;
	margin-bottom: 1px;
	cursor: pointer;
}
.suspension-box a.back_top {
	background-color: #797979;
}
.suspension-box a.qq:hover,.suspension-box a.tel:hover,.suspension-box a.code:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.suspension-box a.back_top:hover {
	background-color: #FC7878;
}
.suspension-box a i {
	display: block;
	float: left;
	width: 25px;
	margin-left: 15px;
	margin-top: 15px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.suspension-box a.qq i {
	background-position: 0 0;
}
.suspension-box a.tel i {
	background-position: -25px 0;
}
.suspension-box a.code i {
	background-position: 0 -25px;
}
.suspension-box a.back_top i {
	background-position: -28px -25px;
}
.suspension-box div.code {
	position: absolute;
	left: -187px;
	*left: -207px;
	top: 0;
	display: none;
	width: 178px;
	height: 198px;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #fff;
	border: 1px solid #D9D9D9;
}
.suspension-box div.code p {
	width: 155px;
	margin-top: 5px;
	text-align: center;
}
.suspension-box div.code i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 118px;
	right: -8px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.tencent {
	position: absolute;
	left: -187px;
	top: 0px;
	width: 177px;
	height: 85px;
	display:none;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.suspension-box div.rmb {
	position: absolute;
	left: -187px;
	top: 51px;
	width: 177px;
	height: 85px;
	display:none;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.suspension-box div.tencent p.tencent-p {
	width: 75px;
	float: right;
	margin-right: 18px;
	margin-top: 18px;
	font-size: 16px;
	color: #333;
}
.suspension-box div.rmb p.tencent-p {
	width: 75px;
	float: right;
	margin-right: 18px;
	margin-top: 18px;
	font-size: 16px;
	color: #333;
}
.rmb-p {
	height:45px;
	line-height:45px;
	width: 75px;
	float: right;
	margin-right: 18px;
	margin-top: 18px;
	font-size: 16px;
	color: #333;
}
.suspension-box div.tencent i.tencent-i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 10px;
	right: -8px;
	text-indent: -9999px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.tencent b.tencent-b {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 62px;
	height: 64px;
	background-image: url(../images/circle-tencent.png);
	background-repeat: no-repeat;
}
.suspension-box div.tencent span.tencent-span {
	position: absolute;
	left: 8px;
	top: 7px;
	border-radius: 22px;
	width: 45px;
	height: 48px;
	text-align: center;
	z-index: 99;
	overflow: hidden;
}
.suspension-box div.tencent .tencent-qq {
	position: absolute;
	left: 3px;
	top:0px;
	height: 45px;
	width: 39px;
}
.suspension-box div.rmb i.tencent-i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 10px;
	right: -8px;
	text-indent: -9999px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.rmb b.tencent-b {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 62px;
	height: 64px;
	background-image: url(../images/circle-tencent.png);
	background-repeat: no-repeat;
}
.suspension-box div.rmb span.tencent-span {
	position: absolute;
	left: 8px;
	top: 7px;
	border-radius: 22px;
	width: 45px;
	height: 48px;
	text-align: center;
	z-index: 99;
	overflow: hidden;
}
.suspension-box div.rmb .tencent-qq {
	position: absolute;
	left: 3px;
	top:0px;
	height: 45px;
	width: 39px;
}
.suspension-box div.tel {
	position: absolute;
	left: -187px;
	top: 51px;
	display: none;
	width: 177px;
	height: 85px;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.suspension-box div.tel i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 20px;
	right: -8px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.tel strong {
	display: block;
	margin-left: 17px;
	margin-top: 16px;
	font-size: 16px;
	font-weight: normal;
}
.suspension-box div.tel p {
	margin-left: 17px;
	font-size: 23px;
	font-family: arial;
	color: #FD696D;
}


/*底部*/
.footer{ background: #222132; overflow: hidden; width: 100%; color: #888; padding: 27px 0 35px;margin-top:30px;}
.footer a{ color: #888; transition: all .1s; }
.footer a:hover{ color: #e8e8e8; }

.footer-links{ margin-bottom: 60px; padding-top: 40px; padding-left: 69px;}
.footer-links .article-link{ width: 209px; height: 226px; float: left; /*border-right: 1px solid #343342;*/ margin-right: 23px; line-height: 2; font-size: 14px;}
.footer-links .article-link dt{ color: #ccc; font-size: 16px; margin-bottom: 10px; line-height: 2;font-weight: 300;}
.footer-links .article-link dd{ line-height: 2; }
.footer-links .contact{ width: 145px; float: left; }
.footer-links .contact h3{ font-size: 16px; color: #ccc; line-height: 2; margin-bottom: 10px;}
.footer-links .contact .tel{ margin-bottom: 15px;}
.footer-links .contact .tel .text{ font-size: 16px; margin-bottom: 5px;}
.footer-links .contact .tel .number{ font-size: 22px; color: #fff; font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.footer-links .contact .qrcode{ margin-right: -18px; }
.footer-links .contact .qrcode-item{ float: left; width: 110px; margin-right: 18px; text-align: center; }
.footer-links .contact .qrcode-item p{ font-size: 14px; color: #ccc; margin-top: 12px; }
.footer-copyright{ line-height: 20px; font-size: 14px; text-align: center; }
.footer-copyright p{ margin-bottom: 9px; }

.footer .shares{display:flex;justify-content:center;margin:2.36rem}
.footer .shares .si{position:relative;margin:0 0.64rem}
.footer .shares .si:hover .ic1{opacity:0}
.footer .shares .si:hover .ic2{opacity:1}
.footer .shares .si:hover .bd{opacity:1;pointer-events:auto}
.footer .shares .hd{position:relative;display:inline-flex;width:2em;height:3em;border-radius:50%}
.footer .shares .hi{height:3em;position:absolute;left:0;top:0}
.footer .shares .ic2{opacity:0}
.footer .shares .bd{position:absolute;left:50%;bottom:100%;transform:translate(-50%);padding:0.1rem;width:1.4rem;opacity:0;pointer-events:none;transition:opacity 0.3s}
.footer .ftlogo {margin-bottom:60px;text-align:center;}
.footer .logo {display: inline-block;}
.footer .logo img {height: 60px;}

/*首页*/
.index-page .index-title{ font-size: 35px; text-align: center; padding: 50px 0px 5px 0px; }
.index-page .sub-title{font-size: 18px;opacity: .6;text-align: center;padding-bottom:35px;}
.index-page .banner{ height: 525px; width: 100%; overflow: hidden; background: #010729;min-width:1200px;}
.index-page .banner-slide{ width: 1902px; margin-left: -360px; }
.index-page .banner-slide .hd{ position: relative; z-index: 10; width: 1200px; margin: 0 auto; height: 0; font-size: 0;}
.index-page .banner-slide .hd ul{ position: absolute; bottom: 66px; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%);}
.index-page .banner-slide .hd li{ float: left; height: 2px; width: 60px; margin: 0 3px; padding: 15px 0; position: relative; cursor: pointer; opacity: .5; transition: all .2s; overflow: hidden; text-indent: 100px;}
.index-page .banner-slide .hd li:before{ content: ""; position: absolute; left: 0; top: 5px; width: 100%; border-bottom: 3px solid #fff; }
.index-page .banner-slide .hd li.on{ opacity: 1; }
.index-page .banner-slide .btn-wrap{ position: relative; z-index: 11; }
.index-page .banner-slide .btn-wrap a{ width: 44px; height: 80px; position: absolute; bottom: 220px;outline:none;
background: rgba(0,0,0,.2) url(../images/icon_banner.png) no-repeat center center; transition: all .5s; opacity: 0; border-radius: 5px;}
.index-page .banner-slide .btn-wrap .prev{ left: 0; background-position: 12px center;}
.index-page .banner-slide .btn-wrap .next{ right: 0; background-position: -49px center; }
.index-page .banner-slide:hover .btn-wrap a{ opacity: .3; }
.index-page .banner-slide .btn-wrap a:hover{ opacity: 1; }
.index-page .banner-under{ height: 65px; background: rgba(0,0,0,0.66); position: relative; z-index: 10; top: -65px; overflow: hidden;}
.index-page .banner-under-text li{ float: left; color: #fff; font-size: 20px; line-height: 65px; margin: 0 45px 0 23px;}
.index-page .banner-under-text li:before{ background: url(../images/banner_icon.png) no-repeat left center; content: ""; width: 28px; height: 65px; float: left; margin-right: 6px; }
.index-page .banner-under-text li.item-1:before{ background-position: -28px center; }
.index-page .banner-under-text li.item-2:before{ background-position: -85px center; }
.index-page .banner-under-text li.item-3:before{ background-position: -55px center; }
.index-page .banner-under-text li.item-4:before{ background-position: 0px center; }
.index-page .banner-under-text li .num{ font-size: 30px; margin-right: 10px; float: left;}
.index-page .banner-under-text li .plus{ font-size: 24px; margin-right: 10px; float: left;}
.index-page .main-category{ margin-top: -65px; padding: 25px 0; background: #fff; }
.index-page .main-category .list li{ float: left; padding: 15px 0 15px 0; border-left: 1px solid #E0E1E5; width: 33.3%;}
.index-page .main-category .list li.item-1{ border-left: 0 none; }
.index-page .main-category .list li:before{ float: left; width: 60px; height: 60px;     margin-top: 12px;content: ""; background: url(../images/faster_icon.png) no-repeat left center; margin-right: 6px; margin-left: 26px;}
.index-page .main-category .list li.item-1:before{ background-position: 0 center; }
.index-page .main-category .list li.item-2:before{ background-position: -60px center; }
.index-page .main-category .list li.item-3:before{ background-position: -120px center; }
.index-page .main-category .list li.item-4:before{ background-position: -180px center; }
.index-page .main-category .list li .text{ float: left;     padding-top: 20px; padding-bottom: 15px; margin-right: -10px;}
.index-page .main-category .list li h3{ font-size: 30px; margin-bottom: 3px;font-weight:bold;}
.index-page .main-category .list li a:hover h3{ color: #fe4d59; }
.index-page .main-category .list li p{ font-size: 14px; color: #888;}

.index-page .video .inner{ display: block; cursor: pointer; }
.index-page .video .inner img{ transition: all .4s; }
.index-page .video .inner:hover img{ transform: scale(1.05); }
.index-page .video .vr-big{ float: left; width: 766px; height: 484px; margin-bottom: 20px; position: relative; overflow: hidden;}
.index-page .video .vr-big .text{ position: absolute; left: 0; right: 0; bottom: 0; color: #fff; padding: 0 30px 20px 30px; font-size: 16px;}
.index-page .video .vr-big .text h3{ font-size: 24px; margin-bottom: 4px;}
.index-page .video .vr-big .link{ width: 130px; height: 48px; font-size: 16px; line-height: 48px; text-align: center; position: absolute; z-index: 2; right: 30px; bottom: 20px; border: 1px solid #eee; color: #fff; transition: all .2s;}
.index-page .video .vr-big .link:hover{ background: #F96A69; border-color: #F96A69; color: #fff; }
.index-page .video .vr-big .play{ width: 83px; height: 83px; background: rgba(0,0,0,.4) url(../images/3f_play_left.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -21px; border-radius: 50%; cursor: pointer; transition: all .2s;}
.index-page .video .vr-big .play:hover{ background-color: rgba(0,0,0,.6); }
.index-page .video .vr-right{ float: left; width: 412px; margin-left: 22px; }
.index-page .video .vr-small{ margin-bottom: 20px; width: 412px; height: 232px; position: relative; overflow: hidden;}
.index-page .video .vr-small .text{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 20px 20px 20px; font-size: 16px; color: #fff; }
.index-page .video .vr-small .link{ width: 30px; height: 30px; position: absolute; background: url(../images/3f_icon.png) no-repeat center center; right: 20px; bottom: 14px; z-index: 2; transition: all .2s;}
.index-page .video .vr-small .link:hover{ background-image: url(../images/3f_icon_02.png); }
.index-page .video .vr-small .play{ width: 51px; height: 51px; background: rgba(0,0,0,.4) url(../images/3f_play_right.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; border-radius: 50%; cursor: pointer; transition: all .2s;}
.index-page .video .vr-small .play:hover{ background-color: rgba(0,0,0,.6); }
.index-page .news-wrap{ background: #fff; padding: 42px 0; }
.index-page .news-item{ width: 340px; margin: 0 26px 0 32px; float: left; }
.index-page .news-title{ font-size: 24px; margin-bottom: 26px; }
.index-page .news-list{ margin-bottom: 17px; }
.index-page .news-list dt{ height: 180px; position: relative; margin-bottom: 20px; overflow: hidden;}
.index-page .news-list dt img{ width: 340px; height: 180px; transition: all .4s;}
.index-page .news-list dt a:hover img{ transform: scale(1.05); }
.index-page .news-list dt .text{ position: absolute; left: 0; right: 0; color: #fff; bottom: 10px; font-size: 15px; padding: 0 24px; line-height: 1.5; height: 44px; overflow: hidden; transition: all .2s;}
/*.index-page .news-list dt a:hover .text{  color: #ec6061;}*/
.index-page .news-list dd{ margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-page .news-list dd a{ font-size: 14px; color: #909499;}
.index-page .news-list dd a:hover{ color: #ec6061;}
.index-page .news-item .more{ width: 100px; height: 36px; display: block; line-height: 36px; border: 1px solid #E4E4E4; text-align: center; transition: all .1s;}
.index-page .news-item .more:hover{ background: #F96A69; border-color: #F96A69; color: #fff; }
.index-page .service .index-title p{ font-size: 16px;  color: #919599; margin-top: 30px;}
.index-page .service-list{ margin-right: -13px; }
.index-page .service-item{ float: left; width: 290px; margin-right: 13px; background: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}
.index-page .service-item:hover{box-shadow: 0 7px 39px rgba(0,0,0,.1)}
.index-page .service-item .title{ width: 290px; height: 160px; }
.index-page .service-item.item-1 .title{ background: url(../images/5f_bg01.jpg) no-repeat center top; }
.index-page .service-item.item-2 .title{ background: url(../images/5f_bg02.jpg) no-repeat center top; }
.index-page .service-item.item-3 .title{ background: url(../images/5f_bg03.jpg) no-repeat center top; }
.index-page .service-item.item-4 .title{ background: url(../images/5f_bg04.jpg) no-repeat center top; }
.index-page .service-item .title h3{ font-size: 24px; text-align: center; padding-top: 106px; color: #fff; }
.index-page .service-item .info{ height: 318px; border: 1px solid #E7E9EC; }
.index-page .service-item .info-list{ margin-left: 58px; margin-top: 28px; }
.index-page .service-item .info-list li{ margin-bottom: 18px; position: relative; }
.index-page .service-item .info-list li:before{ width: 6px; height: 6px; border-radius: 50%; background: #C1C5CB; content: ""; position: absolute; left: -16px; top: 7px;}
.index-page .service-item .info-list h4{ font-size: 14px; color: #616366; font-weight: 700; margin-bottom: 3px; line-height: 20px;}
.index-page .service-item .info-list p{ font-size: 14px; color: #919499; }
.index-page .service-item .more{ width: 200px; height: 40px; display: block; margin: 0 auto; color: #F96A69; text-align: center; line-height: 40px; font-size: 16px; border: 1px solid #F96A69; transition: all .2s;}
.index-page .service-item .more:hover{ background: #F96A69; color: #fff; }
.index-page .example{ padding-bottom: 34px; }
.index-page .example-list{ margin-right: -18px; }
.index-page .example-list .example-item{ float: left; width: 286px; height: 315px; overflow: hidden; margin: 0 18px 18px 0; text-align: center;  background: #fff; position: relative; transition: all .2s;}
.index-page .example-list .example-item .img{ width: 286px; height: 180px;}
.index-page .example-list .example-item .info{ height: 135px; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; transition: all .2s;}
.index-page .example-list .example-item:hover .info{ height: 315px; }
.index-page .example-list .example-item .logo{ margin-top: 0px; margin-bottom: 8px; height: 80px; transition: all .2s;}
.index-page .example-list .example-item:hover{ box-shadow: 0 7px 39px rgba(0,0,0,.1); }
.index-page .example-list .example-item:hover .logo{ margin-top: 25px; }
.index-page .example-list .example-item .cate{ font-size: 14px; color: #646466; margin-bottom: 35px;}
.index-page .example-list .example-item .intro{ font-size: 14px; color: #666; padding: 0 30px; text-align: left; line-height: 1.8;}




/********** 悬浮客服  ************/
.right-fixed{ position: fixed; right: 0;top:50%; z-index:999;margin-top:-120px;width: 64px; box-shadow: 0  0px 6px rgba(168,168,168,0.38) ;}
.right-fixed .kegu-box{ display:block; width: 64px; height:79px; padding-left:5px;background: url(../images/wt-public-icon.png) -206px 0;}
.right-fixed .kegu-box .qqTip{position: absolute;z-index:100; top:0px;right:68px;color:#666;background:#fff; padding:10px 15px; height:80px;width:154px;font-size:12px;display: none;box-shadow: 0  0px 6px rgba(168,168,168,0.38)}
.right-fixed .kegu-box .qqTip p{line-height: 20px;}
.right-fixed .kegu-box:hover .qqTip{ display: block;}
.right-fixed .kegu-box:hover{ background: url(../images/wt-public-icon.png) -275px 0}
.right-fixed .wx-box{display:block; width: 64px;height:78px; padding-left:5px;cursor: pointer; position:relative;background: url(../images/wt-public-icon.png) -206px -79px;}
.right-fixed .currentstyle .wx-erwema{ display: block;}
.right-fixed .currentstyle{background: url(../images/wt-public-icon.png) -275px -79px}
.right-fixed .wx-erwema{position: absolute;width:149px;height: 190px;left: -153px;top: 0;display: none; background: url(../images/position-right-wx.png) no-repeat;padding-left: 10px;}
.right-fixed .wx-box:hover .wx-erwema{ display: block;}
.right-fixed .wx-box:hover{  background: url(../images/wt-public-icon.png) -275px -79px }
.right-fixed .ShoppingCar-link{display:block; height:78px; width: 64px;background: url(../images/wt-public-icon.png) -206px -157px;}
.right-fixed .ShoppingCar-link:hover{background: url(../images/wt-public-icon.png) -275px -157px}
.right-fixed  .fk-box { display: block;height: 79px; width: 64px;  background:url(../images/wt-public-icon.png) -206px -236px}
.right-fixed  .fk-box:hover{ height: 79px; width: 64px;  background:url(../images/wt-public-icon.png) -275px -236px}
.right-fixed .back-top{ height: 63px; width: 64px;cursor:pointer;background: url(../images/wt-public-icon.png) -206px -315px;}
.right-fixed .back-top:hover{background: url(../images/wt-public-icon.png) -275px -315px }

/********** 解决方案  ************/
.logout-solution-wrap{width:100%;background:#fff}
.logout-solution{max-width:1200px;margin:0 auto;position:relative}
.logout-solution .title{width:100%;line-height:56px;font-size:40px;color:#333;text-align:center;padding-top: 124px;}
.logout-solution .title a{float:right;text-decoration:none;font-size:14px;color:#108ee9;letter-spacing:0;text-align:right;position:absolute;right:0}
.logout-solution .title a:hover{text-decoration:underline}
.lsbs{height:500px;margin-top:0px;width:1218px;}
.lsb-background{width:396px;height:500px;float:left;margin-right:6px;}
.lsb-background:nth-child(1){background: url(../images/bg1.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(2){background: url(../images/bg2.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(3){background: url(../images/bg3.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb{width:100%;height:100%;padding:0 60px;background:rgba(0,0,0,.4);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(2,137,255,.8)}
.lsb:hover .lsb-icon{margin-top:-44px}
.lsb:hover .lsb-name{margin-top:106px}
.lsb:hover .lsb-span{margin-top:28px}
.lsb:hover .lsb-introduce{margin-top:16px}
.lsb:hover .lsb-href{margin-top:32px}
.lsb-icon{width:44px;height:44px;margin:auto;margin-top:135px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:30px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:60px}
.lsb-href{width:144px;height:40px;padding:9px 18px;border:1px solid #fff;border-radius:2px;text-decoration:none;transition:all .5s;margin:auto;margin-top:32px;color:#fff}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;float:left}
.lsb-href .icon-jinru{width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;float:right;color:"#fff";font-size:16px}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#108ee9}
.lsb-href:hover .icon-jinru{color:#108ee9}

/********** 解决方案 2 ************/
.trade-box {width:1200px !important;margin:0 auto;position:relative;transition:all .3s ease;}
.trade-box-list {display:flex;flex-direction:row;justify-content:center;align-items:center;}
.trade-box-item {flex:1;text-align:center;position:relative;height:400px;background:no-repeat center;background-size:100% auto;margin-right:1px;}
.trade-box-item:before {content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6);transition:all .4s cubic-bezier(.4,0,.2,1);}
.trade-box-item a {position:absolute;width:100%;height:100%;left:0;top:0;}
a,button,input,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}
.item-logo {margin:0 auto;display:block;}
.trade-box-item .item-logo {position:relative;margin-top:120px;transition:all .4s cubic-bezier(.4,0,.2,1);}
.item-logo img {display:block;margin:0 auto;max-width:60px;}
.item-title {font-size:20px;font-weight:bold;color:#fff;padding:20px 0;position:relative;}
.item-title:before {content:"";position:relative;display:block;width:20px;border-bottom:2px solid #fff;margin:0 auto 20px;transition:all .4s cubic-bezier(.4,0,.2,1);}
.item-text {position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;margin-top:10px;}
.item-text p {color:#fff;font-size:16px;margin-bottom:5px;}
.item01 {background-image:url(../images/icon-at01.png);}
.item02 {background-image:url(../images/icon-at02.png);}
.item03 {background-image:url(../images/icon-at03.png);}
.item04 {background-image:url(../images/icon-at04.png);}
.item05 {background-image:url(../images/icon-at05.png);}
.trade-box-item:hover .item-text {display:block;opacity:1;margin-top:0;}
.trade-box-item:hover:before {background-color:rgba(32,176,159,.9);}
.trade-box-item:hover .item-logo {margin-top:80px;}
.trade-box-item:hover .item-title:before {opacity:0;margin-bottom:0;}