body { font-family: '微软雅黑';}
li{ list-style:none;}

.animate-box {opacity: 0;}

.ui-ellipsis{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 顶部导航 */
.header-top{ background:#eee; margin:0;}
.header-topbar{}
.header-topbar ul{ float:right; margin-bottom:0px; padding-left:0px;}
.header-topbar ul li{ float:left; height:28px; line-height:28px; margin-right:15px;}
.header-topbar ul li a{ font-size:12px; color:#666;}
@media (max-width: 768px){
    .header-topbar{ height:30px; padding:0 15px;}
    .header-topbar ul li{ height:28px; line-height:28px; font-size:12px;}
    .header-topbar .fr a{ line-height:30px;}
}
.header-bg{ background:#fff;}
.navbar-brand{ padding:5px 0;}
.navbar-brand img{ height:56px; float:left;}
.navbar-brand span{ display:inline-block; line-height:56px; color:#00A2EA;}

.navbar-default .nav{ float:right;}
.navbar-default .nav li a{ padding:0 24px; height:70px; line-height:70px;}
.navbar-default .nav li a:hover,.navbar-default .nav li a.on{ background:#00A2EA; color:#fff;}
.navbar-default .nav li ul li a{ height:50px; line-height:50px;}

.header-height{ height:99px; background:#fff;}
@media (max-width: 768px){
    .navbar-brand{ padding:5px;}
    .navbar-brand img{ height:42px;}
    .navbar-brand span{ line-height:42px; font-size:14px;}
    .header-height{ height:81px; background:#fff;}
    
    .navbar-default .nav{ float:none; margin-top:0px; margin-bottom:0px;}
    .navbar-default .nav li a{ height:30px; line-height:30px; text-align:center;}
}
/* 顶部导航 */

/* 滚动 */
.js-silder{ position: relative; min-width: 320px;}
.silder-scroll{ width: 100%; overflow: hidden;}
.silder-main{ position: relative; width: 100%; overflow: hidden;}
.silder-main-img{ position: absolute; top: 0; left: 0; width: 100%;}
.silder-main-img img{ width: 100%;}
.js-silder-ctrl{ width: 100%; text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{ position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle;cursor: pointer; color: #fff; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 0;text-align: left;}
.silder-ctrl-next{right: 0;text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
.silder-ctrl-con{display: inline-block;width: 4%;padding: 10px 0;margin: 0 10px;cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding: 5px 0;cursor: pointer;background-color: #e4e4e4;}
.silder-ctrl-con.active>span{background-color: #00A2EA;}
@media (max-width: 768px){
    .silder-ctrl-prev,
    .silder-ctrl-next{width: 10%;font-size: 26px;margin-top:0px;}
    .silder-ctrl-con{width: 14px;height: 14px;padding: 0;margin: 0 5px;}
    .silder-ctrl-con>span{display: block;width: 100%;height: 100%;border-radius: 50%;padding: 0;}
}
.banner2{ width:100%; height:320px; background-color:#fafafa; background-attachment:fixed; background-position:center 99px; background-repeat:no-repeat;}
@media (max-width: 768px){
    .banner2{ background-position:center 81px; height:120px; background-size:auto 120px;}
}
/* 滚动 */

/* 位置 */
.position{ color:#00A2EA; padding:10px 0; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3;}
.position a, .position span { color:#00A2EA;}
.position span {margin: 0 4px;}
/* 位置 */

/* 分类 */
.category{ text-align:center; padding-top:30px;}
.category a{ display:inline-block; padding:10px 16px; background:#666; color:#fff; text-decoration:none; border-radius:3px; margin:4px;}
.category a.on,.category a:hover{ background:#00A2EA;}
/* 分类 */

/* 内页 */
.v-page{ padding:30px 0;}
.v-page .container img{ max-width:100%;}
/* 内页 */

/* 按钮 */
.btn-more{ width:100%; text-align:center; margin:30px auto 0;}
.btn-more a{ letter-spacing:0; display:inline-block; position:relative; font-size:14px; width:120px; height:40px; line-height:40px; text-decoration:none; background:#999;}
.btn-more a span{ display:block; position:absolute; z-index:2; width:120px; height:40px; text-align:center;transition:all 0.3s ease-in-out; color:#ffffff;}
.btn-more a::after{content:'';display:block;width:100%;height:40px;z-index:1;position:absolute;top:0px;transition:all 0.3s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0;}
.btn-more a:hover::after{ transform:scale3d(1,1,1);background:#00A2EA;}
.btn-more a:hover span{ color:#ffffff;}
/* 按钮 */

/* 关于我们 */
.i-about{ padding:60px 0;}
.i-about .h-title{ padding:20px 0 37px; color:#00A2EA; font-size:22px; font-family:"黑体";}
.i-about .about{ line-height:22px;}
.i-about .about-img{ margin:0 auto; width:100%;}
/* 关于我们 */

/* 服务范围 */
.i-service{ padding:80px 0; background:#fafafa;}
.i-service .h-title{ padding:0 0 60px; color:#00A2EA; font-size:22px; font-family:"黑体";}
.service-box .yuan{ display:block; background:#00A2EA; border:2px solid #ccc; border-radius:50%; color:#fff; width:130px; text-decoration:none; height:130px; text-align:center; margin:0 auto; transition:all 0.3s ease 0s;}
.service-box .yuan i{margin:43px auto 0; display:block; width:45px; height:44px; background-image:url(../image/fwfw.png); background-repeat:no-repeat;}
.service-box .yuan i.i1{ background-position:0px 0px;}
.service-box .yuan i.i2{ background-position:-45px 0px;}
.service-box .yuan i.i3{ background-position:-90px 0px;}
.service-box .yuan i.i4{ background-position:-135px 0px;}
.service-box .info{ display:inline-block; width:100%; text-align:center; text-decoration:none;}
.service-box .info .title{ font-size:16px; margin:10px 0; font-weight:bold; color:#333;}
.service-box .info p{ margin-bottom:5px; color:#777;}
.service-box .yuan:hover{ background:#fff; color:#666; border:2px solid #333333;}
.service-box .yuan:hover i.i1{ background-position:0px -44px;}
.service-box .yuan:hover i.i2{ background-position:-45px -44px;}
.service-box .yuan:hover i.i3{ background-position:-90px -44px;}
.service-box .yuan:hover i.i4{ background-position:-135px -44px;}
.service-box:hover .title{ color:#00A2EA;}
.service-box:hover .p{ color:#555;}
@media (max-width: 768px){
    .service-box{ padding:5px 0;}
    .service-box .yuan{ width:100px; height:100px;}
    .service-box .yuan i{ margin-top:26px;}
}
/* 服务范围 */

/* 新闻 */
.i-news{ padding:60px 0; background:#fafafa;}
.i-news .h-title{ padding-bottom:20px; text-align:center; margin-bottom:20px; font-size:22px; color:#00A2EA; font-family:"黑体";}
.i-news .line{ backface-visibility:hidden; height:1px; margin:55px 0 45px; position:relative; transform:translateZ(0px) scale(1, 1); width:100%;}
.i-news .line::after{ background:rgba(0, 0, 0, 0) linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%) repeat scroll 0 0; bottom:-1px; content:" "; height:1px; left:0; position:absolute; width:100%;}
@media screen and (max-width: 768px) {
    .i-news .line{ margin:20px 0 45px;}
}

.business-box { width: 100%; background: #fff; display:block; margin-bottom:30px; position:relative;}
.business-box:hover{ text-decoration:none;}
@media screen and (max-width: 768px) {
    .business-box { margin-bottom: 15px;}
}
.business-box .business-img-box{ width:100%; margin-bottom:0px; display:table; overflow: hidden;}
.business-box .business-img-box .business-img{ height:220px; width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; display: table-cell; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.9s; -o-transition: 0.9s; transition: 0.9s;}
@media screen and (max-width: 768px) {
    .business-box .business-img-box .business-img{ height:300px; margin-bottom:15px;}
}
@media screen and (max-width: 480px) {
    .business-box .business-img-box .business-img{ height: 220px; margin-bottom:15px;}
}
.business-box .desc{ padding:20px;}
.business-box  h3{ position:absolute; width:100%; padding:0 20px; margin:0px; background:#ccc; bottom:155px; font-size: 16px; height:60px; line-height:60px; letter-spacing: 1px; line-height: auto; color: #000; filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.business-box .desc p{ color:#999999; height:88px; line-height:22px; overflow:hidden;}
.business-box .desc .more { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color:#00A2EA;}
.business-box:hover .business-img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
/* 新闻 */

/* 产品 */
.i-product{ padding:60px 0;}
.i-product .h-title{ padding-bottom:20px; text-align:center; margin-bottom:20px; font-size:22px; color:#00A2EA; font-family:"黑体";}
.i-product .line{ backface-visibility:hidden; height:1px; margin:55px 0 45px; position:relative; transform:translateZ(0px) scale(1, 1); width:100%;}
.i-product .line::after{ background:rgba(0, 0, 0, 0) linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%) repeat scroll 0 0; bottom:-1px; content:" "; height:1px; left:0; position:absolute; width:100%;}
@media screen and (max-width: 768px) {
    .i-product .line{ margin:20px 0 45px;}
}

.project { background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; height:180px; width:100%; display:block; overflow:hidden; text-decoration:none; margin-bottom:30px; box-shadow:0 10px 6px -6px #999;}
@media screen and (max-width: 768px) {
    .project { height:300px; margin-bottom:15px;}
}
@media screen and (max-width: 480px) {
    .project { height: 180px; margin-bottom:15px;}
}
.project .desc { display: block; vertical-align: middle; width:100%; overflow:hidden; height: 180px; background: #333333; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.project .desc h3 { font-size: 16px; height:20px; line-height:20px; color: #fff; margin-top:60px; text-decoration:none; padding:0 15px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}
.project .desc span { display: block; color: #fff; height:40px; overflow:hidden; padding:0 15px; font-size: 14px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0);}
@media screen and (max-width: 768px) {
    .project .desc { opacity: 1; background: transparent !important;}
    .project .desc h3 { color: #fff; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .project .desc span { color: #dddddd; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.project:hover{ text-decoration:none;}
.project:hover .desc { opacity: 0.9;}
.project:hover .desc h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.project:hover .desc span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
/* 产品 */

/*分页-开始*/
.pages{ margin:30px 0 60px;}
.page{ height:28px; line-height:28px; text-align:center; font-size:0;}
.page a,.page span{ padding: 6px 12px 5px; display:inline; font-size:12px; margin:0 2px; color:#666666; text-decoration:none;}
.page a{ background:#eeeeee;}
.page a:hover{ background:#cccccc; color:#666666; text-decoration:none;}
.page span{color:#666666;}
.page span.current{ background:#00A2EA; color:#ffffff;}
/*分页-结束*/

.arc-title{ text-align:center; font-weight:normal; font-size:20px; margin:0 0 30px; color:#444444;}

/* 友情链接 */
.flink{ background:#222222; border-bottom:1px solid #424242; padding:26px 0;}
.flink span,.flink a{ color:#eee; display:inline-block; float:left; font-size:14px; text-decoration:none;}
.flink span { color:#eee;}
.flink a { margin-right:14px;}
.flink a:hover { color:#00A2EA;}
/* 友情链接 */

/* 底部 */
.foot{ background:#222222; padding:40px 0 60px;}
.foot .info{ color:#fff;}
.foot .info .title{ font-size:20px; padding-bottom:10px;}
.foot .info .address span{ display:inline-block; margin-right:12px; line-height:22px;}
.foot .i-code{ text-align:center;}
.foot .i-code img{ width:120px; max-width:100%;}
.foot .i-code p{ color:#fff;}
.foot .navs a{ display:inline-block; width:50%; font-size:16px; color:#fff; float:left; margin:18px 0 0;}

.foot-bottom{ background:#373737; color:#999999; padding:20px 0;}
@media (max-width: 768px){
    .foot .i-code{ padding:18px 0 5px;}
}
/* 底部 */

/*右侧悬浮菜单*/
.slide{ width:50px; height:200px; position:fixed; top:35%; right:0; margin-top:-100px; background:#366092; border-radius:5px 0 0 5px; z-index:999;}
.slide ul{ list-style: none; padding:0px;}
.slide .icon li{ width:50px; height:50px; line-height:50px; font-size:23px; color:#fff; text-align:center;}
.slide .icon li.up{ cursor:pointer;}
.slide .icon li.up a{ color:#fff;}

.slide .info{ position:absolute; top:50%; right:100%; height:147px; margin-top:-73.5px; background:#366092; width:0px; overflow:hidden; transition:0.5s; border-radius:4px 0 0 4px ;}
.slide .info.hover{ width: 145px;}
.slide .info li{ width:145px; color:#CCCCCC; text-align:center;}
.slide .info li p{ font-size:14px; line-height:28px; padding:15px; text-align:left;}
.slide .info li.qq p a{ display:block; margin-top:12px; width:100px; height:30px; line-height:30px; color:#00DFB9; font-size:14px; text-align:center; text-decoration:none; border:1px solid #00DFB9; border-radius:5px;}
.slide .info li.qq p a:hover{ color:#FFFFFF; border:none; background:#00E0DB;}
.slide .info li div.img{ height:100%; background:#DEFFF9; margin:15px;}
.slide .info li div.img img{ width:100%; height:100%;}

@media screen and (max-width: 1050px) {
    .slide{ display: none;}
    #btn{ display: none;}
}
/*
.fa-qq{animation: 1.5s linear 0s normal none infinite running qq;}
@keyframes qq { 0% { opacity: 1;} 70% { opacity: 1;} 70.01% { opacity: 0;} 100% { opacity: 0;}}
*/

.fudong{position:fixed; right:8px; top:35%; width:110px; padding:5px; background:#00aef3; color:#fff; border-radius:5px;}
.fudong .d1,.fudong .d2,.fudong .d3,.fudong .d4,.fudong .d5{ width:100%; text-align:center; margin-bottom:5px;}
.fudong .d2{ margin-bottom:8px;}
.fudong .d3 img{ width:100%;}
.fudong .d5 a{ color:#fff;}
@media screen and (max-width: 1050px) {
    .fudong{ display: none;}
}
/*右侧悬浮菜单*/