.suspension{position:fixed;z-index:55;right:0; top: 56%; width:70px;height:240px;}

.suspension-box{position:relative;float:right;}

.suspension .a{display:block;width:44px;height:44px;background-color:#2275ad;margin-bottom:4px;cursor:pointer;outline:none;}

.suspension .a.active,

.suspension .a:hover{background:#F05352;}

.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-service1 .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:34px;}

.suspension .d-service-phone1{top:34px;}

.suspension .d-qrcode{top:78px;}

.suspension .d .inner-box{padding:8px 22px 12px;}

.suspension .d-service-item{/*border-bottom:1px solid #eee;*/ padding:14px 0 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; margin-bottom: 0; margin-top: 0;}

.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;}







.figures>a,.figure{display:block;position:relative;overflow:hidden;width:360px;max-height:360px; background:#0768de;text-align:center;transition:all .35s}

.figures>a .caption,.figures>a .title,

.figure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0;padding:0;font-size:25px;text-align:center;text-transform:uppercase;color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;}

.figures h3,h4 { font-weight:normal;}

.figures .title h4 {font-size: 25px;}

.figures p { font-size:14px; color:#FFF; padding-top:15px;}

.figures>a .caption{margin-top:0;background-color:#0768de;opacity:0}

.figures>a .caption:hover{opacity:.8;transition:opacity .75s,-webkit-transform .05s;transition:opacity .75s,transform .05s;transition:opacity .75s,transform .05s,-webkit-transform .05s}

.figures>a:hover div.title,.figure:hover div.title, figure.figure:hover div.title{display:none}



.proindex {}

.proindex .item {margin-bottom: 40px;}



.soluindex {}

.soluindex .item {margin-bottom: 30px; }

.soluindex .item a {transition: all 0.4s;}

.soluindex .item img {transition: all 0.4s; opacity: 0.75}

.soluindex .item .caption {background: #f6f6f6; overflow: hidden; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;}

.soluindex .item p {color: #999;}

.soluindex .item:hover img {opacity: 1;}

.soluindex .item a:hover {box-shadow: 0 3px 15px #0a5898; display: block;}

.soluindex .item a:hover .caption {background: #fff;}



.serpage {padding-top: 1em;}

.serpage h2 p {font-size: 14px; color: #333; padding-top: 1em; text-transform: uppercase;}

.serpage ul {padding-top: 1em; margin-bottom: 1em;}

.serpage ul li a {padding: 0.4em 0; display: block; font-size: 15px; text-align: center;}



.manew {}

.manew a {display: block; border-bottom: 1px solid rgb(234, 234, 234); padding: 15px 0; overflow: hidden; transition: all 0.4s;}

.manew a .col-md-3 {text-align:center;}

.manew a img {display:inline-block; width:240px; height:160px;}

.manew a .col-md-2 {text-align: right;}

.manew a:hover {background-color: #f9f9f9;}

.manew h4 {color:#222; font-weight: 500;}

.manew p {color:#888;}

.manew .time {color:#888;}



.newshow_info {}

.newshow_info span {display: inline-block; margin: 0 8px; color: #999;}

.newshow_body {}

.newshow_body img {max-width: 100%;}



.artlist {}

.artlist li {line-height: 32px; overflow: hidden; border-bottom: 1px dotted #ccc; margin: 0 15px;}







@media (max-width:767px) {



body {padding-top: 60px;}

.ptb2 {padding-top: 1em; padding-bottom: 1em}

.ptb3 {padding-top: 1.5em; padding-bottom: 1.5em}

.ptb4 {padding-top: 2em; padding-bottom: 2em}

.ptb6 {padding-top: 3em; padding-bottom: 3em}

.mbb2 {margin-bottom: 1em; }

.container {max-width: 100%; width: auto;} 



.nav > li {padding-top: 0; padding-bottom: 0;}

.jl-navbar {background: rgba(255, 255, 255, .95); text-align: center; padding: 4px 0; box-shadow: 0 0 10px #ddd; margin-bottom: 0;}

.jl-navbar .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 100%; height: 100%;}

.navbar-toggle .icon-bar {background: #111;}

.jl-navbar .navbar-brand {padding-top: 2px;}

.jl-navbar .navbar-brand img {height: 45px;}

.jl-navbar .navbar-nav li a {padding-top: 10px; padding-bottom: 10px; margin:1em 18%; border-bottom: 1px solid #999;}



.footcopy {margin-bottom: 2.8em; }

.footfix {bottom:0;font-size:14px; color:#fff;left:0; box-shadow: 0 0 5px #666; overflow:hidden;position:fixed;right:0;width:100%;z-index:1000;}

.footfix .fixul {height:44px; line-height:44px; text-align:center; margin-bottom: 0;}

.footfix .fixul i {font-size:1.2em; margin-right:8px;}

.footfix .fixul a {color:#fff; font-size:16px;}

.footfix .fixul p {margin-bottom:0;}

.footfix .item1 {background:#e83a30;}

.footfix .item2 {background:#0a63ab;}

.footer .item3 {padding: 1em 15px;}

.footer .item2 img { max-width: 35%; margin-bottom: 5px;}

.footer .fv-lef .item:nth-child(1) {width: 100%; margin-bottom: 0.5em;}

.footer .ccbox {padding-top: 1.5em;}



.p2menu {padding-left: 5px;}

.p2menu .item {padding-left: 0; padding-right: 5px; margin-top: 0.3em;}

.p2menu .item a {padding: 0.6em 0;}



.tplist {margin-left: 0px; margin-right: 0; padding-left: 10px;}

.tplist .col-xs-6 {padding-left: 0;}



.onlinebox {width: 96%; margin: 0 auto;}



.pagec {}

.pagec .left {display: none;}

.pagec .right { float: none; width: inherit;}

.pagec .bread {display: none;}



.proindex .item {margin-bottom: 15px;}

.proindex .item img {width: 100%;}

.figures > a, .figure {width: 100%; background: #fff; margin-top: ;}



.soluindex {padding-left: 15px;}

.soluindex .item {padding-right: 0; padding-left: 0px; margin-bottom: 15px; }

.soluindex .item a {margin-right: 15px; display: block;}

.soluindex .item .caption h3 {font-size: 18px;}

.soluindex .item p {font-size: 12px;}



.manew a .caption {padding-left: 0;}

.manew a .caption h4 {font-size: 1em; margin-bottom: 5px;}

.manew a img {display:inline-block; width:100%; height:75px;}







.pb_body {padding-top: 1.8em;}

.pb_body .item {margin-bottom: 15px; padding-left:10px; padding-right:10px;}

.pb_body .item h4 {font-size: 12px;}

.page-honor .item .tt {font-size: 14px;}



.jl-pmenu {position:relative; left:0; right:0; z-index:999; margin-bottom: 5px; width: 100%; height: 46px; overflow: hidden; background: #fdfdfc; font: 1.4rem/43px hiragino sans gb, microsoft yahei, simsun; box-shadow:3px 3px 3px rgba(0,0,0,0.2); }

.jl-pmenu .swiper-slide {padding: 0 20px; width:auto; }

.jl-pmenu .pline { width: 100%; height: 3px; line-height: 0; font-size: 0; overflow: hidden; text-align: center; z-index: 1; background-color: #0fa6ea;

	background: -webkit-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);

	background: -moz-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);

	background: -ms-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);

	background: linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);

}

.prolist {padding-left: 15px; padding-top: 15px;}

.prolist .a {padding-left: 0; padding-right: 15px; padding-top: 0;}

.prolist li .tit {line-height: 40px; height: 40px; font-size: 14px; background: #1076e8; color: #fff;}

}





@media (min-width:768px) and (max-width:992px) {



}



@media (min-width:993px) and (max-width:1199px) {



}