@charset "utf-8";
/*内容区域*/
.content{width: 1200px;margin:0px auto;height:auto;*zoom:1;}
.content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.mtop { height: 0px; }
/*banner*/
.banner-box { position: relative; overflow: hidden; margin-top: 0; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; color: #fff; }
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.binbox { width: 90%; position: absolute; left: 5%; top: 50%; margin-top: -135px; text-align: center; color: #fff; }
.binbox .ly-zh { margin-top: 30px; font-size: 16px; }
.bybox { width: 216px; height: 216px; margin: 0px auto; position: relative; }
.bybox .boxt { width: 100%; height: 100%; position: relative; border-radius: 5px; overflow: hidden; left: 0px; top: 0px; display: block; }
.bybox .boxt-s0 { position: absolute; left: 0px; top: 0px; width: 212px; height: 212px; border: 2px solid #fff; overflow: hidden; }
.bybox .by1, .bybox .by2 { font-size: 40px; width: 42px; line-height: 1; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); text-shadow: 0px 2px 3px rgba(0, 24, 56, 0.3);}
.bybox .by1 { top: 8px; left: 56%; }
.bybox .by2 { top: 38px; left: 26%; }
.bybox .ly-ico { background: url(../images/ico.png) no-repeat; width: 24px; height: 42px; position: absolute; left: -48px; bottom: 1%; background-size:24px 42px; }
.bybox .ly-en { background: url(../images/banner_t.png) no-repeat; width: 45px; height: 162px; position: absolute; right: -84px; top: 1%; }

.banner-m{
	display: none;
}
/*
@-webkit-keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@-webkit-keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

@keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}
*/
.boxt-line { background-color: #e60012; position: absolute; z-index: 2;box-shadow: 0px 2px 4px 0px rgba(0, 24, 56, 0.1); }
.boxt-s1 { width: 2px; left: 0%; bottom: 0px; height: 0px; }
.boxt-s2 { width: 0px; left: 0%; top: 0px; height: 2px; }
.boxt-s3 { width: 2px; right: 0%; top: 0px; height: 0px; }
.boxt-s4 { width: 0px; right: 0%; bottom: 0px; height: 2px; }
.banner .slick-active .boxt-line { -webkit-animation: byline 6s linear; animation: byline 6s linear; }
.banner .slick-active .boxt-s2 { -webkit-animation: byline2 6s linear 1s; animation: byline2 6s linear 1s; }
.banner .slick-active .boxt-s3 { -webkit-animation: byline 6s linear 2s; animation: byline 6s linear 2s; }
.banner .slick-active .boxt-s4 { -webkit-animation: byline2 6s linear 3s; animation: byline2 6s linear 3s; }
.banner .slick-active .by1 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .by2 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .ly-ico { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.banner .slick-active .ly-en { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }
.banner .slick-active .by1, .banner .slick-active .by2 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-dots { left: 3%; top: 45%; z-index: 1000; }
.banner .slick-dots li { margin: 0px 0px 10px; position: relative; width: 8px; height: 8px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.banner .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block; background: url(../images/banner_n1.png) no-repeat; text-indent: -2em; }
.banner .slick-dots li.slick-active a { background: url(../images/banner_n2.png) no-repeat; }
.mouseIco { background: url(../images/mouseIco.png) no-repeat scroll center center; width: 25px; height: 25px; position: absolute; left: 50%; bottom: 5%; margin-left: -12px; z-index: 100; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }


@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

/*top*/
.fixed-top{position:fixed;right:0;left:0;top:0;border-width:0 0 1px;z-index:1030;max-height:340px}
@media (min-width:768px){.fixed-top{padding-right:0;padding-left:0;border-radius:0}}
@media (max-device-width:480px) and (orientation:landscape){.fixed-top{max-height:200px}}
.fixed-top.move .navbar{background:rgba(66,66,66,.8)}
.fixed-top.move .navbar .top_nav .content .nav-list>li>a{ color:#fff;}
.panel-top{background:#fff;color:#555;border-bottom:1px solid #eee;}
.panel-top .content{font-size: 14px;line-height: 28px;height: 28px; text-align: right;}
.panel-top.move{display:none}
.opacity .panel-top{background:rgba(255,255,255,.7)}
@media (max-width:767.98px){.panel-top{display:none}}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent;background:rgba(255,255,255,.7)}
.navbar .top_nav .content{ position:relative;}
.navbar .top_nav .content .top_logo{ position:absolute; left:0; top:0;height: 42px;margin: 8px 0; cursor: pointer; z-index: 9999999;}
.navbar .top_nav .content .top_logo img{width: auto;height: 100%;}
.navbar .top_nav .content .top_logo2{display: none;}
.trig{display: none;position: absolute;bottom: 0px;right: 24px;border-bottom: 6px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.second-bg{display: none;position: absolute;width:120%;height: 48px;background:#fff;z-index: 1;box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.6);}
.nav-list{position: relative;width: 100%;height: 58px;z-index: 2;}
.nav-list>li{position: relative;float: right;height: 58px;line-height: 58px;text-align: right; margin-left:28px;}
.nav-list>li>a{color: #000;display: block;position: relative;font-size: 16px;}
.nav-list>li>a:hover{color: #005bac;}
.nav-list>li>a.active{color: #005bac;}
.nav-list>li ul{position: absolute;width: 120px;display: none;}
.nav-list>li ul li{float: left;height: 48px;font-size: 14px;line-height: 48px; padding: 0 10px;}
.nav-list>li ul li:hover{ background-color:#005bac;}
.nav-list>li ul li a:hover{color: #fff;}

/*产品中心*/
.cp_box{width: 100%; background-color: #fff; padding-top: 50px; padding-bottom:30px;}
.cp_box .content .tit{width: 100%;text-align: center;padding-bottom: 36px;}
.cp_box .content .tit h1{font-size: 20px;color: #aaaaaa;line-height: 20px;}
.cp_box .content .tit h2{font-size: 12px;color: #cbcbcb;line-height:24px;}
.cp_box .content .cp_list{
	width: 100%;
}
.cp_box .content .cp_list li{
	float: left;
	width: 33.3333%;
}
.cp_box .content .cp_list li a{
	display: block;
	width: 100%;
	height: 100%;
}
.cp_box .content .cp_list li a div.img{
	width: 80%;
	height: auto;
	margin: 0 10%;
}
.cp_box .content .cp_list li a div.img img{
	display: block;
	width: 100%;
	height: auto;
}
.cp_box .content .cp_list li a p{
	width: 100%;
	line-height: 32px;
	text-align: center;
	padding-bottom: 12px;
}
/*新闻中心*/
.news_box{width: 100%;padding-top: 50px; padding-bottom:30px;}
.news_box .content .tit{width: 100%;text-align: center;margin-bottom: 40px;}
.news_box .content .tit h1{font-size: 20px;color: #aaaaaa;line-height: 20px;}
.news_box .content .news_list{ width:100%;}
.news_box .content .news_list .main_left{ float:left; width:54%; margin-right:4%;}
.news_box .content .news_list .main_left ul.list{ width:100%;}
.news_box .content .news_list .main_left ul.list li{ float:left; width:45%; margin-right:10%; padding-bottom:12px; border-bottom:1px dashed #e6e6e6; margin-bottom:20px;}
.news_box .content .news_list .main_left ul.list li:nth-child(2n){margin-right:0;}
.news_box .content .news_list .main_left ul.list li .time{ float:left; width:26%; margin-right:2%; text-align:center;}
.news_box .content .news_list .main_left ul.list li .time h3{ font-size:20px; line-height:24px; height:24px; background-color:#005bac; color:#fff; margin-bottom:1px;}
.news_box .content .news_list .main_left ul.list li .time h4{ font-size:12px; line-height:18px; height:18px; background-color:#005bac; color:#fff; }
.news_box .content .news_list .main_left ul.list li h1{float:left; width:72%; }
.news_box .content .news_list .main_left ul.list li h1 a{ font-size:14px; line-height:18px; color:#555555;}
.news_box .content .news_list .main_left ul.list li h1 a:hover{color:#005bac;}
.news_box .content .news_list .main_left ul.more{ margin-top:16px;}
.news_box .content .news_list .main_left ul.more li{ float:left; margin-right:10px;}
.news_box .content .news_list .main_left ul.more a{ width:100px; height:36px; border-radius:4px; border:1px solid #cccccc; font-size:14px; line-height:36px; text-align:center; color:#333333;transition: all 0.3s ease 0s;}
.news_box .content .news_list .main_left ul.more a:hover{ background-color:#005bac;border:1px solid #005bac; color:#fff;transition: all 0.3s ease 0s;}
.news_box .content .news_list .main_right{ float:left; width:42%;  background-color:#efefef; overflow:hidden;}
.news_box .content .news_list .main_right .img_box{ width:100%; height:260px; overflow:hidden; position:relative;}
.news_box .content .news_list .main_right .img_box img{ width:100%; height:auto;}
.news_box .content .news_list .main_right .img_box p{position:absolute; left:0; bottom:0; font-size:14px; height:32px; line-height:32px; color:#fff; width:96%; padding-left:4%; background-color:rgba(0,0,0,0.6);}

/*关于我们*/
.about_box{width: 100%;padding-top: 50px; padding-bottom:30px; background-color:#fff;}
.about_box .content .tit{width: 100%;text-align: center;margin-bottom: 40px;}
.about_box .content .tit h1{font-size: 20px;color: #aaaaaa;line-height: 20px;}
.about_box .content .main_box{ width:100%; border-bottom:2px solid #005bac;}
.about_box .content .main_box .main_left{ float:left; width:66%; height:360px; margin-right:2%; overflow:hidden; padding-bottom:16px;}
.about_box .content .main_box .main_left img{ width:100%; height:100%; display:block;}
.about_box .content .main_box .main_center{ float:left; width:30%; overflow:hidden;}
.about_box .content .main_box .main_center h1{ width:100%; font-size:18px; line-height:18px; font-weight:bold; color:#005bac; text-align:center; margin-bottom:40px;}
.about_box .content .main_box .main_center p{width:100%; font-size:14px; line-height:24px; color:#333333; text-indent:2em; }
.about_box .content .main_box .main_center ul.more{ margin-top:36px;}
.about_box .content .main_box .main_center ul.more li{ float:left; margin-right:10px;}
.about_box .content .main_box .main_center ul.more a{ width:100px; height:36px; border-radius:4px; border:1px solid #cccccc; font-size:14px; line-height:36px; text-align:center; color:#333333;transition: all 0.3s ease 0s;}
.about_box .content .main_box .main_center ul.more a:hover{ background-color:#005bac;border:1px solid #005bac; color:#fff;transition: all 0.3s ease 0s;}
.about_box .content .main_box .main_right{ float:left; width:2%; height:376px; box-sizing:border-box; border-top:2px solid #005bac; border-right:2px solid #005bac;}

/*应用领域*/
.ly_box{width: 100%;padding-top: 50px; padding-bottom:30px;}
.ly_box .content .tit{width: 100%;text-align: center;margin-bottom: 40px;}
.ly_box .content .tit h1{font-size: 20px;color: #aaaaaa;line-height: 20px;}
.ly_box .content .main_box{ width:100%;}
.ly_box .content .main_box li{ float:left; width:23.5%;  margin-right:2%; position:relative; overflow:hidden;}
.ly_box .content .main_box li:nth-child(4n){margin-right:0;}
.ly_box .content .main_box li img{ width:100%; height:auto; display:block;}
.ly_box .content .main_box li p{position:absolute; left:0; bottom:0; font-size:16px; height:32px; line-height:32px; color:#fff; width:100%; text-align:center; background-color:rgba(0,0,0,0.8);}
.ly_box .content .more{ width:100px; margin:36px auto 0;}
.ly_box .content .more a{ width:100px; height:36px; border-radius:4px; border:1px solid #cccccc; font-size:14px; line-height:36px; text-align:center; color:#333333;transition: all 0.3s ease 0s;}
.ly_box .content .more a:hover{ background-color:#005bac;border:1px solid #005bac; color:#fff;transition: all 0.3s ease 0s;}

/*底部导航*/
.footnav{width: 100%;background-color: #2b2b2b;}
.footnav .content .bnav{width:100%;padding: 50px 0;}
.footnav .content .bnav li{float: left;margin-right: 48px;}
.footnav .content .bnav li.mr{margin-right: 24px;}
.footnav .content .bnav li h5{font-size: 18px;color: #fff; line-height: 18px;margin-bottom: 14px;}
.footnav .content .bnav li h6{font-size:14px;color: #cccccc; line-height: 24px;transition: all 0.3s ease 0s;}
.footnav .content .bnav li h6:hover{color: #fff;text-decoration: underline;transition: all 0.3s ease 0s;}
.footnav .content .bnav .bnav_logo{ float:right; width:360px;}
.footnav .content .bnav .bnav_logo .bnav_logobox{ width:100%;}
.footnav .content .bnav .bnav_logo .bnav_logobox img{ width:100%; height:auto;}
.footnav .content .bnav .bnav_logo p{font-size: 48px;color: #fff; line-height: 80px; width:100%; text-align:right;}

/*版权*/
.c_box{width: 100%;background-color: #2b2b2b;padding: 16px 0; border-top:1px solid #808080;}
.c_box .content li{float: left;font-size: 14px;color: #cccccc;}
.c_box .content li img{margin-left: 16px;margin-top: 5px;}
.c_box .content li.right1{float: right;}
.c_box .content li.right1 a{display: inline; color: #cccccc;}
.c_box .content li.right1 a:hover{color: #ffc600;}
.c_box1{display:none;}

/*内页banner*/
.nybanner{width: 100%; }
.nybanner img{ width: 100%;height: auto; display: block;}

/*内页导航*/
.page_nav{ width: 100%; height: 52px; line-height: 52px; background: #2980cc;}
.page_nav .content ul{width: 100%;}
.page_nav .content li{float: left;}
.page_nav .content li a{ height: 52px; padding: 0 30px; font-size: 16px; display: block; color: #fff;}
.page_nav .content li a:hover{ background: #005bac; color: #fff;}
.page_nav .content li a.active{ background: #005bac; color: #fff;}

/*内页设置*/
.page{width: 100%;padding: 48px 0 36px;}

/*表单设置*/
#form{width: 60%;margin: 0 auto;}
#form tr{width: 100%;}
#form tr td{padding-bottom: 4px;}
#form tr td.left2{width: 12%;padding-right: 1%;font-size:16px;height: 32px;line-height: 32px;}
#form tr td.right2{width: 87%;}
#form tr td.right2 input{width:50%;height:32px;font-size:16px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 input:hover{border:#005bac 1px solid;}
#form tr td.right2 textarea{width:100%;height:200px;font-size:16px; line-height:32px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 textarea:hover{border:#005bac 1px solid;}
#form tr td.right2 select{width:50px;height:32px;font-size:16px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 select:hover{border:#005bac 1px solid;}
#form tr td.center2 input{width:120px;height:36px;font-size:18px;color: #fff;background-color: #005bac;text-align: center;line-height: 36px;cursor: pointer;border-radius: 4px;margin-top: 36px;}

/*底部翻页*/
.fenye{ width:100%; height:auto; overflow:hidden; clear:both; padding-top:10px;}
.pagesnow a{ width: 37px; height:34px; background:#005bac; color:#fff; line-height:34px; float:left; margin-right:7px; text-align:center;}
.pages a{ width: 37px; height:34px; background:#e6e6e6; color:#666; line-height:34px; float:left; margin-right:7px; text-align:center;}
.pages a:hover{ background:#005bac; color:#fff;}
.pagean{ width:72px; height: 34px; margin-right:7px; float:left; background: #e6e6e6; line-height: 34px; text-align: center;}
.pagean a{ width:72px; height: 34px; margin-right:7px; float:left; background: #e6e6e6; display: block; line-height: 34px; text-align: center;}
.pagean a:hover{ width: 72px; height:34px; background:#005bac; color:#fff; line-height:34px; float:left; margin-right:7px; text-align:center;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:68px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#027acb;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:-10px;}
.suspension .d-qrcode{top:-14px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d .inner-box .qrcode-img img{
	display: block;
	width: 180px;
	height: auto;
	margin: 0 auto;
}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}