﻿@charset "utf-8";
 /*
Copyright (C) 济南卓博信息技术有限公司 All rights reserved
版权声明：以下代码均属于济南卓博信息技术有限公司（以下简称卓博科技）原创设计，版权归卓博科技所有，拷贝、抄袭、盗用者将追究其法律责任。
 */
body { background: #fff; }
a { text-decoration: none; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; color: #000; }
a:hover { text-decoration: none; color: #1d1d1d; }
ul { padding: 0; list-style: none; margin: 0; }
li, img { -webkit-transition: all 0.20s linear 0.01s; -moz-transition: all 0.20s linear 0.01s; -ms-transition: all 0.20s linear 0.01s; -o-transition: all 0.20s linear 0.01s; transition: all 0.20s linear 0.01s; }
em { font-style: normal; }
@keyframes promove{from{transform: translateX(0px)}to{transform:translateX(5px)}}
h1,h2,h3,h4,h5,h6{margin:0 auto;}
.container { width: 1200px !important; padding: 0; position: relative; }
.left{float:left}
.right{float:right}
.header { clear: both; }
.header .bar { display: none; }
.header .main { padding: 28px 100px; }
.header .main .logo { }
.header .main .top-l .zx { color: #666; border-left: 2px solid #d4d4d4; padding-left: 18px; margin: 5px 0 0 28px; }
.header .main .top-l .zx .numb { color: #d5231b; font-size: 30px; padding-left: 8px; }
.header .main .top-l .zx .numb span { color: #666; }
.header .main .top-r .s_nav > li { float: left; padding-left: 30px; line-height: 44px; }
.header .main .top-r .s_nav > .on a{ color: #d5231b;}
.header .main .top-r .s_nav > li a { color: #272636;font-size:15px;}
.header .main .top-r .s_nav > li a:hover { color: #d5231b; }
.header .main .top-r .s_nav > li a span { display: block; }
.header .main .top-r .shop { padding-left: 140px; line-height: 44px; }
.header .main .top-r .shop .ico {}
.header .main .top-r .shop .ico img { width: 24px; }
.banner { width: 100%;overflow: hidden; position: relative; z-index:90; }
.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; left: 44%; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width: 60px; height: 20px; line-height: 14px; text-align: center; background: rgba(255,255,255,0.4); cursor: pointer; border-radius: 100px; margin: 0 2px; }
.banner .hd ul li.on { background: #c13227; color: #c13227; }
.banner .bd { width: 100%;overflow: hidden; margin: 0 auto; position: relative }
.banner .bd ul { width: 100%;top: 0; left: 0 }
.banner .bd li { float: left; width: 100%;}
.banner .bd li span { display: block; width: 100%;}
.banner .bd li a { display: block; width: 100%;}
.banner .bd li a img{width:100%;}
.banner .prev, .banner .next { height: 75px; background: #fff; position: absolute;top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000;}
.banner .next { left: auto; right:0; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }

.navbar-example { position: fixed; top: 20%; left: 0; width: 50px; z-index: 80; }
.navbar-example .nav { background: none; }
.navbar-example .nav img{height:40px;}
.navbar-example .navbar-collapse { padding: 0; }
.navbar-example .navbar-nav>li { display: block; float: none; height: 40px; width: 80px;text-align: center; line-height: 40px; background: #cc0000; border-right: 1px solid #cc0000; }
.navbar-example .navbar-nav>li:last-child{border-bottom: 1px solid #cc0000;}
.navbar-example .navbar-nav>li>a { padding: 0; line-height: 40px; color: #fff; }
.navbar-example .navbar-nav>li>a:hover { background: #fff; color: #cc0000; }
.navbar-example .navbar-nav>li.active>a { color: #cc0000; cursor: default; background-color: #fff; border: 0; line-height: 40px; }


.index-title{text-align:center;margin:18px 0;position:relative; margin-bottom: 30px; }
.index-title .title-1{letter-spacing:3px;font-size:26px;display: inline-block;z-index:10;position: relative;padding:12px 60px;font-weight: bold;}
.index-title .title-1 span{color: #cc0000;}
.index-title .title-2{color:#999;margin-top:0px;margin-bottom:15px;}
.index-title h1{font-size: 16px;}
.index-title .title-3{width:30px;height:3px;background:#cc0000;margin:0 auto;border-radius:100px;}
.index-title .title-2 h1{font-size: 16px;}

.inner-title{text-align:center;margin:18px 0;position:relative; margin-bottom: 30px; }
.inner-title .title-1{letter-spacing:3px;font-size:26px;display: inline-block;z-index:10;position: relative;padding:0px 60px;font-weight: bold;padding-top: 12px;}
.inner-title .title-1 span{color: #cc0000;}
.inner-title .title-2{color:#999;margin-top:0px;margin-bottom:15px;}
.inner-title .title-3{width:30px;height:3px;background:#cc0000;margin:0 auto;border-radius:100px;}
.inner-title .title-2 h1{font-size: 16px;}



.kzxf-about { padding: 30px 0; }
.kzxf-about .cont { text-align: center; margin-top: -11px; }
.kzxf-about .cont .slogan { font-size: 24px; font-weight: bold; color: #666; }
.kzxf-about .cont h1 { font-size: 14px; color: #555; margin: 10px 0; }
.kzxf-about .cont p {color: #555;width: 1200px;margin: 0 auto;line-height: 30px;}
.kzxf-about  .about-nav {overflow: hidden;margin-top: 20px;margin-left: 272px;}
.kzxf-about  .about-nav a { display: block; text-align: center; width: 285px; height: 190px; color: #fff; float: left; margin: 10px; }
.kzxf-about  .about-nav a:hover { background-position: bottom center; }
.kzxf-about  .about-nav .ab-nav-1 { background: url(about-1.jpg) top center; margin-left: 0;width: 20%; height: 262px; transition: all 0.6s;}
.kzxf-about  .about-nav .ab-nav-2 { background: url(about-2.jpg) top center; width: 20%; height: 262px;transition: all 0.6s;}
.kzxf-about  .about-nav .ab-nav-3 {background: url(about-3.jpg) top center;width: 20%;height: 262px;transition: all 0.6s;}
.kzxf-about  .about-nav .ab-nav-4 { background: url(about-4.jpg) top center; margin-right: 0; width: 20%; height: 262px;transition: all 0.6s;}
.kzxf-about  .about-nav i { font-size: 26px; margin-top: 45px; }
.kzxf-about  .about-nav .en { display: block; margin-top: 10px; font-size: 16px; }
.kzxf-about  .about-nav .cn { display: block; margin-top: 10px; font-size: 16px; }
.kzxf-about  .about-nav small { height: 1px; width: 30px; display: block; margin: 15px auto; background: #fff; }

.kzxf-product {clear: both;/* overflow: hidden; */background:#fff;/* border-top: 1px solid #ccc; */padding-bottom: 10px;margin-top: 43px;}
.kzxf-product .container { }
.kzxf-product .index-title{ margin-bottom: 16px; }
.kzxf-product .title { height: 80px; text-align: center;}
.kzxf-product .title .title-text { width: 145px; margin: 0 auto; }
.kzxf-product .title .bt { font-size: 56px; font-weight: bold; color: #c81e1f; float: left; }
.kzxf-product .title .st { float: right; margin-top: 13px; }
.kzxf-product .title .st span { color: #c81e1f; display: block; font-size: 24px; height: 31px; }
.kzxf-product .title .st small { color: #b3b3b3; font-weight: bold; font-size: 16px; }
.kzxf-product .pro-nav { float: left; width: 247px; background: #fff; border: 1px solid #eee;margin-left:31px; }
.kzxf-product .pro-nav .pro-nav-t { background: #c81e1f url(pro_t.jpg); font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-top: 15px; padding-bottom: 15px; }
.kzxf-product .pro-nav .pro-nav-t span { display: block; font-size: 12px; font-weight: 500; margin-top: 2px; }
.kzxf-product .pro-nav .pro-nav-menu { }
.kzxf-product .pro-nav .pro-nav-menu ul li {}
.kzxf-product .pro-nav .pro-nav-menu ul li i { float:right;margin-top:8px;}
.kzxf-product .pro-nav .pro-nav-menu ul li .pro-nav-bt {display: block;line-height:36px;height:36px;font-size:15px;padding: 0px 20px;background:#fff;margin-top: 3px;color:#555;border-bottom:1px dashed #ccc; overflow:hidden;}
.kzxf-product .pro-nav .pro-nav-menu ul li .pro-nav-bt:hover{background: #c81e1f;color:#fff;}
.kzxf-product .pro-nav .pro-nav-menu .sub-menu li a{display: block;line-height:30px;height:30px;border-bottom:1px dotted #ccc;padding:0 20px;}
.kzxf-product .pro-nav .pro-nav-menu .sub-menu li i{float:left;font-size:14px;margin-top:8px;margin-left:20px;margin-right:10px;color:#c81e1f;}
.kzxf-product .pro-nav .kefu-center{margin-top:10px;}
.kzxf-product .pro-nav .kefu-center .weicode { text-align: center; }
.kzxf-product .pro-nav .kefu-center .weicode img { width: 160px; background: #fff; padding: 5px; border-radius: 5px; }
.kzxf-product .pro-nav .phone { clear: both; padding-top: 10px; background: #fff; }
.kzxf-product .pro-nav .phone i { font-size: 16px; margin-right: 10px; margin-left:5px; color: #c81e1f; }
.kzxf-product .pro-nav .phone strong { font-size: 16px; font-weight: 500; }
.kzxf-product .pro-nav .phone li span{ font-size: 15px; }
.kzxf-product .pro-nav .phone li {line-height: 41px;color: #111;border: 0;margin-left: 0;margin-right: 0;border-top: 1px dashed #ccc;margin-bottom:5px;padding: 0 5px;display: block;}
.kzxf-product .pro-nav .phone img { width: 100%; margin:0; }
.kzxf-product .pro-nav .map img { width: 218px; height: 188px; }
.kzxf-product .pro-img { width: 850px; float: right; background: #fff;margin-right:45px;}
.kzxf-product .pro-img .pro-title { height: 35px; line-height: 35px;background:url(title-bg.jpg) center center;}
.kzxf-product .pro-img .pro-title span { float: left; display: block; font-size: 26px; margin-top: 5px; color: #fff;margin-right:10px;margin-left:10px;}
.kzxf-product .pro-img .pro-title .title-title { margin: 0;display: inline;font-size: 16px;color: #fff;}
.kzxf-product .pro-img .pro-title a { float: right;font-size:12px;color:#ccc;margin-right:10px;}
.kzxf-product .pro-img .pro-title a:hover {color:#fff;}
.kzxf-product .pro-img ul { zoom: 1;margin-top:10px;}
.kzxf-product .pro-img ul span{color: #ccc; margin:10px 0; display: block;}
.kzxf-product .pro-img li { width: 272px; float: left; position: relative; margin: 10px 5px; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; text-align: center;background:#eee;padding:4.5px; height:245px;}
.kzxf-product .pro-img .li-bottom{margin-bottom:20px;}
.kzxf-product .pro-img li:last-child{margin-bottom:10px;}
.kzxf-product .pro-img li img { width: 264px; height: 189px; display: block;}
.kzxf-product .pro-img li span { color: #808080; margin: 13px 0; display: block;}
.kzxf-product .pro-img li span:hover { color: #1a1a1a;}
.kzxf-product .pro-img li .a-link { font-size: 12px; color: #fff; padding: 3px 10px; float: right; background: #006ADB; margin-right: 10px; margin-top: 5px; }
.kzxf-product .pro-img li:hover { z-index: 20; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); }
.index-number{padding-bottom: 40px;}
.index-number ul{overflow:hidden;}
.index-number ul li{width:299px;float:left;border-right:1px solid #eee;text-align:center;}
.index-number ul li .number{color:#cc0000;font-size:16px;height: 56px;}
.index-number ul li .number span{font-size:52px; font-family:"simsun";font-weight: bold;}
.index-number ul li .number em{writing-mode:tb-rl; padding-bottom: 3px; color: #616161;}
.index-number ul li .text{font-size:16px;margin:10px 0;}
.index-number ul li p{color:#666;}
.index-title { text-align: center; top: -10px; }
.index-title .t-1 { font-size: 30px; color: #ccc; }
.index-title .t-2 { font-weight: bold; font-size: 22px; line-height: 30px; }
.index-title .t-2 span { color: #cc0000; }
.index-title .t-2 small { font-weight: 500; margin: 0 10px; color: #ccc; }
.kzxf-intelligence { height: 940px; background: url(intelligence-bg.jpg) top center; padding-top: 60px; }
.kzxf-intelligence .cont {position: relative;height: 540px;margin-top: 52px;}
.kzxf-intelligence .cont span { font-size: 20px; font-weight: bold; color: #cc0000; display: block; margin: 10px auto; text-align: center; }
.kzxf-intelligence .cont .text-1 {position: absolute;width: 250px;bottom: 28px;top: 394px;}
.kzxf-intelligence .cont .text-2 {position: absolute;width: 250px;top: 125px;}
.kzxf-intelligence .cont .text-3 {position: absolute;width: 296px;height: 130px;left: 464px;top: -16px;}
.kzxf-intelligence .cont .text-4 {position: absolute;width: 250px;height: 130px;right: 3px;top: 130px;text-align: right;}
.kzxf-intelligence .cont .text-5 { position: absolute; width: 250px; height: 130px; right: -6px; bottom: 13px; }
.kzxf-intelligence .cont .text-5  small{ color: #cc0000; font-size: 13px;}

.kzxf-notice{height:48px;border-bottom:1px solid #e3e3e3;background:#f9f9f9;line-height:48px;}
.kzxf-notice ul li span{ font-size: 14px;float: right; display: block;line-height: 48px;font-weight: 200; }
.kzxf-notice span{font-size:16px;display: block;float:left;font-weight:bold;margin-right:10px;}
.kzxf-notice i{font-size:20px;color:#c13227;float:left;margin-right:10px;margin-top:14px;}
.kzxf-notice ul li{}

.kzxf-support{ padding-top: 10px;}
.kzxf-support .cont{ overflow:hidden;}
.kzxf-support .cont .cont-s{position: relative; float:left;margin-right:21px; width:386px; height:445px; }
.kzxf-support .cont .cont-3{margin-right:0;}
.kzxf-support .cont .cont-s img{width:386px; height:386px;}
.kzxf-support .cont .cont-s p{position: absolute;right: 30px; bottom: 0px; padding: 0 35px; width: 324px; height: 245px; border-bottom: 1px solid #e8e8e8; display:block; text-align:center; background:#fff;  color:#333;}
.kzxf-support .cont .cont-s p span{display: block; padding-top: 80px;font-size:26px;margin-bottom:10px;}
.kzxf-support .cont .cont-s p i{ background: #cc0000; position: absolute; font-size: 22px; width: 64px;height: 64px;border-radius: 50px;top: -32px; right: 135px; padding-top: 18px; color: #fff; }
.kzxf-support .cont .cont-s p small{ font-size: 14px; }
.kzxf-support .cont .cont-2 p{ background:url(cont-s-honor.png) no-repeat left top;color:#fff;}
.kzxf-support .cont .project-btn{padding-top:20px;margin: 0px auto;width: 192px;overflow: hidden;animation: mymove 1s infinite linear; padding-bottom: 30px;}
.kzxf-support .cont .project-btn a{display: inline-block; padding-left: 35px; width: 192px;  height: 49px;line-height:45px;color: #000; background:#fff;border:1px solid #ccc;font-size:16px;}
.kzxf-support .cont .project-btn a i{font-size:24px;background:#eee;display: block;float:right;height:45px;width:60px;line-height:45px;text-align:center;}
.kzxf-support .cont .project-btn a:hover{color: #fff; background:#242424;}
.kzxf-support .cont .project-btn a:hover i{background:#cc0000;color:#fff;}


.kzxf-index-case{ background: url(case-bg.jpg);height: 568px;margin-top: 24px; }
.kzxf-index-case .cont {  margin-top: 20px; }
.kzxf-index-case .cont .left { float: left;  position: relative;padding:40px; }
.kzxf-index-case .cont .left span { background: url(case-arrow.png); width: 19px; height: 40px; position: absolute; right: 0; top: 225px; z-index: 50; }
.kzxf-index-case .cont .right {width: 624px;padding: 50px 10px;float: right;background: url(anli.jpg) top center;}
.kzxf-index-case .cont .right .case-t { font-size: 24px; color: #555; }
.kzxf-index-case .cont .right .case-t i { color: #e74b3e; font-size: 32px; margin-right: 10px; }
.kzxf-index-case .cont .right .case-info { font-size: 16px; color: #888; margin-top: 20px; }
.kzxf-index-case .cont .right .case-info i { font-size: 26px; margin-right: 20px; width: 28px; height: 28px; }
.kzxf-index-case .cont .right p { color: #666; margin-top: 21px; font-size: 15px;width: 570px; }
.kzxf-index-case .cont .right p span { color: #cc0000; }
.kzxf-index-case .cont .right a { display: block; width: 130px; height: 34px; line-height: 34px; background: #cc0000; color: #fff; text-align: center; margin-top: 24px; }
.kzxf-index-case .cont .hd {  position: relative; text-align: center;top: -48px; left: 47px; }
.kzxf-index-case .cont .right a i{margin-right: 10px;}
.kzxf-index-case .cont .hd ul { display: inline; }
.kzxf-index-case .cont .hd ul li { width: 13px; height: 13px; background: #666; color: #666; border-radius: 100px; font-size: 10px; margin: 5px; display: inline-block; }
.kzxf-index-case .cont .hd ul .on { background: #cc0000; color: #cc0000; }
.kzxf-index-case .cont .bd ul li{height: 390px;background: #fff;}
.kzxf-index-case .cont .bd ul img{ width: 495px; height: 350px;}
.kzxf-index-case .index-title { margin-top: 43px; }

.kzxf-partner { clear: both; padding: 0px 0px 30px 0; background: url(partner-bg.jpg) center;height: 330px;}
.kzxf-partner .cont .partner-img { overflow: hidden; position: relative; }
.kzxf-partner .cont .partner-img .bd ul { overflow: hidden; zoom: 1; }
.kzxf-partner .cont .partner-img .bd ul li { float: left; display: inline; overflow: hidden; margin: 10px; }
.kzxf-partner .cont .partner-img .bd ul li .pic img { width: 220px; display: block; border: 1px solid #ccc;height: 118px; }
.kzxf-partner .cont .partner-img .bd ul li span { color: #666; margin: 5px 0; display: block; }

.kzxf-video{padding:30px 0; background: #eee url(video-bg.jpg) top center;}
.kzxf-video .index-title {margin:10px 0 0px;}
.kzxf-video .cont{}
.kzxf-video .cont ul li{width:270px;margin:10px 15px;float:left;text-align:center;}
.kzxf-video .cont ul li video{width:270px;height:480px; background: #fff;}
.kzxf-video .cont ul li span a{display: block;text-align:center;}

.kzxf-news .index-title { height: 80px; text-align: center; margin-bottom: 50px; margin-top: 50px;}
.kzxf-news{overflow:hidden;padding-bottom: 28px;}
.kzxf-news .cont{overflow:hidden;margin-top:20px;}
.kzxf-news .cont .title{font-size:18px;border-bottom:1px dashed #ccc;line-height:30px;margin-bottom:10px;text-align: center;}
.kzxf-news .cont .left{width:590px;height:607px;background:#fafafa;float:left;padding:20px;}
.kzxf-news .cont .left ul li{clear:both;margin-bottom:10px;margin-top:10px;overflow:hidden;}
.kzxf-news .cont .left ul li img{width:200px;height:124px;float:left;margin-right:10px;}
.kzxf-news .cont .left ul li h5{font-size: 14px;font-weight:bold;padding-top: 15px; padding-bottom: 8px;}
.kzxf-news .cont .right{width:590px;height: 607px;background:#fafafa;float:right;padding:20px;position:relative;}
.kzxf-news .cont .right ul{position: absolute;margin-top:10px;width:550px;z-index:10;}
.kzxf-news .cont .right ul li{overflow:hidden;/* height: 52px; */}
.kzxf-news .cont .right ul li span{display: block;float:left;margin-right:18px;}
.kzxf-news .cont .right ul li i{margin-right:10px;float:left;height:25px;line-height:25px;background:#fafafa;color:#cc0000;}
.kzxf-news .cont .right ul li span{/*border-bottom:1px dashed #ccc;*/float:left;/*margin: 1px 0 0 10px;*/font-size:14px;padding-bottom: 23px;}
.kzxf-news .cont .right ul li .link{float:right;margin-bottom: 20px;background: #cc0000;color: #fff;padding: 10px;}
.kzxf-news .cont .right  .li-bg{width:1px;height:500px;background:#ccc;left:79px;position:absolute;z-index:0;margin-top:10px;}

.kzxf-yqlj {background: #f6f6f6;}
.kzxf-yqlj .container { height: 130px; background: url(yqlj.png); }
.kzxf-yqlj ul { padding-top: 75px; padding-left: 130px; }
.kzxf-yqlj li { font-size: 12px; margin-right: 10px; float: left; }
.kzxf-yqlj li a { color: #aaa; }

.footer { }
.footer .foot-top { height: 50px; line-height: 50px; border-top: 1px solid #ccc; border-bottom: 5px solid #cc0000; }
.footer .foot-top .foot-nav ul li { float: left; padding: 0px -1px; }
.footer .foot-top .foot-nav ul li span { margin: 0 51px; color: #999; }
.footer .foot-center { background: #333; padding: 20px 0; position: relative; }
.footer .foot-center .left { float: left; width: 420px; color: #eee; font-size: 14px; z-index: 10; margin-top: 60px; }
.footer .foot-center .left ul li { float: left; margin-bottom: 10px; height: 30px; line-height: 30px; }
.footer .foot-center .left ul li i { margin-right: 10px; width: 15px; }
.footer .foot-center .left ul li span { width: 252px; display: block; float: right; }
.footer .foot-center .center { float: left; width: 300px; margin-left: 10px; color: #fff; text-align: center; z-index: 10; position: relative; }
.footer .foot-center .center img { display: block; margin: 2px auto; }
.footer .foot-center .center span { font-size: 20px; display: block; }
.footer .foot-center .right {  float: right; color: #eee; z-index: 10; margin-top: 50px; }
.footer .foot-center .right ul li { width: 120px; text-align: center; margin: 10px; float: left; }
.footer .foot-center .right ul li img { margin-bottom: 20px; width: 120px; }
.footer .foot-center .hr { width: 100%; position: absolute; height: 1px; background: #666; z-index: 0; top: 54px; }
.footer .foot-bottom { background: #333; padding: 5px 0; color: #ccc; border-top: 1px solid #666; }
.footer .foot-bottom p { color: #ccc; font-size: 12px; }
.footer .foot-bottom p a { color: #ccc; }
.footer .foot-bottom .left { float: left; }
.footer .foot-bottom .right { float: right; }
.footer .foot-bottom .right img { }
#navbar-example { text-align: center; background: #fff; padding: 10px 0; z-index: 10; }
#navbar-example .nav-tabs li { display: inline-block !important; float: none !important; }
#navbar-example .nav-tabs .active { }
#navbar-example .nav-tabs .active a { color: #fff; background: #cc0000; }
#navbar-example .nav-tabs li a { font-size: 16px; }
.inner #ab-1 { overflow: hidden; /* padding-bottom: 30px; */ background: #fff; }
.inner #ab-1 .container { margin-top: 20px; }
.inner #ab-1 .left { float: left; width: 450px; text-align: center; }
.inner #ab-1 .left img { margin-top: 0px;width: 80%; margin-left: -66px; }
.inner #ab-1 .right { float: right; width: 740px; }
.inner #ab-1 .right span { display: block; font-size: 26px; color: #cc0000; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.inner #ab-1 .right small { font-size: 14px; color: #999; }
.inner #ab-1 .right p { margin-top: 10px; font-size: 16px; color: #666; text-indent: 33px; }
.indexJoin{ width: 100%; margin: auto; padding: 60px 0; background: url(joinBG.jpg) center top no-repeat; height: 470px; position: relative; margin-top: -42px;}
.indexJoin .list{ width: 100%; margin: 30px auto; height: 412px;}
.indexJoin .list ul{ width: 1204px; margin: 0 -2px;}
.indexJoin .list ul li{ float: left; width: 297px; height: 175px; text-align: center; margin: 2px; background-color: #fff; overflow: hidden; position: relative; transition: all 0.8s ease;}
.indexJoin .list ul li .number{ position: absolute; top: 15px; left: 15px; font-size: 18px; color: #bbb; font-weight: bold;}
.indexJoin .list ul li .icon{ width: 56px; height: 50px; margin: auto; background: url(joinIcon.png) no-repeat; transform: translateY(50px); transition: all 0.8s ease; }
.indexJoin .list ul li:nth-child(1) .icon{ background-position: 0 0;}
.indexJoin .list ul li:nth-child(2) .icon{ background-position: -56px 0;}
.indexJoin .list ul li:nth-child(3) .icon{ background-position: -112px 0;}
.indexJoin .list ul li:nth-child(4) .icon{ background-position: -168px 0;}
.indexJoin .list ul li:nth-child(5) .icon{ background-position: -224px 0;}
.indexJoin .list ul li:nth-child(6) .icon{ background-position: -280px 0;}
.indexJoin .list ul li:nth-child(7) .icon{ background-position: -336px 0;}
.indexJoin .list ul li:nth-child(8) .icon{ background-position: -392px 0;}
.indexJoin .list ul li .name{ font-size: 16px; color: #333; transform: translateY(60px); transition: all 0.8s ease; }
.indexJoin .list ul li .con{ width: 80%; margin: 0 10%; font-size: 14px; color: #999; line-height: 24px; transform: translateY(150px); transition: all 0.8s ease; }
.indexJoin .list ul li:hover{ background-color:#cc0000;}
.indexJoin .list ul li:hover .number,.indexJoin .list ul li:hover .name,.indexJoin .list ul li:hover .con{ color: #fff;}
.indexJoin .list ul li:hover .icon{transform: translateY(-100px); opacity:1;}
.indexJoin .list ul li:hover .name{ transform: translateY(0); opacity:1; font-size: 18px;}
.indexJoin .list ul li:hover .con{ transform: translateY(20px); opacity:1;}

.inner #ab-4 { overflow: hidden;padding-bottom: 30px; background: #fff; }
.inner #ab-4 p { text-align: center; width: 1000px; margin: 0px auto; color: #999;margin-bottom: 26px; }
.inner {background:#f6f6f6;}
.inner .inner-banner{}
.inner .inner-banner-1{height:260px;background:url(inner-banner-1.jpg) top center;}
.inner .inner-banner-2{height:260px;background:url(inner-banner-2.jpg) top center;}
.inner .inner-banner-3{height:260px;background:url(inner-banner-3.jpg) top center;}
.inner .inner-banner img{width:100%;}
.inner .inner-place {height: 40px;line-height: 40px;margin-top:20px;background:#ddd;}
.inner .inner-place li{float:left;}
.inner .inner-place a { color: #555; margin-right: 5px; }
.inner .inner-place a:hover{color:#ec6f18;}
.inner .inner-place .inner-position { float: left; color: #555;padding:0 5px;}
.inner .inner-nav{overflow:hidden;padding:10px 0;text-align:center;background:#f6f6f6;}
.inner .inner-nav ul li{display: inline-block;}
.inner .inner-nav ul li a{display: inline-block;margin:4px;padding:10px 20px;font-size:16px;background:#d5231b; color: #fff;}
.inner .inner-nav ul .hover{background:#cc0000;color:#fff;}
.inner .category-cont{padding-top:10px;background:#fff;}
.inner .category-cont .cate-title{height:45px;line-height:45px;background:#eee;}
.inner .category-cont .cate-title a{display: block;font-size:16px;background:#cc0000;color:#fff;width:200px;text-align:center;}
.inner .category-cont ul{overflow:hidden;}
.inner .category-cont ul li{width:380px;float:left;margin:10px;text-align:center; height: 414px;}
.inner .category-cont ul li img{width:100%;height: 296px;}
.inner .category-cont ul li h5{border-bottom:1px solid #eee;font-size:16px;color:#cc0000;padding:10px 0;font-weight:bold;}
.inner .category-cont ul li p{font-size:12px;color:#555;margin-top:10px;}
.inner .image-list{overflow:hidden;margin-top:10px;background:#fff;}
.inner .image-list ul li{width:369px;margin:15px;float:left;background:#eee;padding:15px;}
.inner .image-list ul li img{width:100%;}
.inner .image-list ul li .text{text-align:center;}
.inner .image-list ul li .text .title{font-size:16px;display: block;margin:10px auto;border-bottom:1px solid #ccc;padding-bottom:10px;}
.inner .image-list ul li .text .left{font-size:12px;color:#555;}
.inner .image-list ul li .text .left span{margin:5px 0;font-size:14px;color:#333;}
.inner .image-show{overflow:hidden;background:#fff;margin-top:20px;}
.inner .image-show .img-info{overflow:hidden;}
.inner .image-show .left{float:left;width:800px;}
.inner .image-show .right{float:right;width:345px;margin-right:15px;}
.inner .image-show .right h1{font-size:28px;color:#cc0000;border-bottom:1px dashed #ccc;padding-bottom:20px;margin-top:20px;}
.inner .image-show .right .attr{margin:20px 0;}
.inner .image-show .right .attr i{color:#cc0000;margin-right:5px;}
.inner .image-show .right .attr span{color:#666;margin-right:10px;}
.inner .image-show .right  p{background:#eee;padding:10px;border:1px dashed #ccc;}
.inner .image-show .right .imge-tag{overflow:hidden;margin-bottom:30px;}
.inner .image-show .right .imge-tag .tag-title{font-size:16px;color:#cc0000;border-bottom:1px solid #ccc;padding:10px;}
.inner .image-show .right .imge-tag ul li a{display: block;float:left;padding:3px 5px;background:#eee;border-radius:50px;margin:5px;}
.inner .image-show .img-cont{margin-top:10px;padding:10px;}
.inner .image-show .img-cont .cont-title{font-size:18px;line-height:40px;background:#cc0000;padding-left:10px;margin-bottom:10px;color:#fff;}
.inner .image-show .img-cont blockquote{font-size:16px;line-height:36px;border-left:3px solid #cc0000;background:#eee;padding:0;padding-left:10px;margin-bottom:10px;}
.inner .image-show .img-cont img{display: block;margin: 10px auto;}
.inner .image-show .img-cont .table span{font-size:14px !important;font-family: none !important;}
.inner .image-show .img-cont p{text-indent:0 !important;text-align: center;}
.inner .image-show .img-cont p strong{display: block;margin:5px auto;display: inline; text-indent:2em;} 
.inner .news-list{}
.inner .news-list ul li{margin-top:20px;box-shadow: 0 0 15px #ccc;}
.inner .news-list ul li a{display: block;padding:20px;background:#fff;overflow:hidden;}
.inner .news-list ul li img{float:left;width:300px;height:200px;}
.inner .news-list ul li .right{float:right;width:820px;}
.inner .news-list ul li h2{font-size:20px;margin-top:0;font-weight:bold;}
.inner .news-list ul li .info{color:#aaa;}
.inner .news-list ul li .info i{margin-right:10px;}
.inner .news-list ul li .info .fa-eye{margin-left:10px;}
.inner .news-list ul li p{border-top:1px solid #cc0000;padding-top:20px;margin-top:20px;}
.inner .news-list ul li .tags{overflow:hidden;}
.inner .news-list ul li .tags i{float:left;margin-right:10px;color:#cc0000;font-size:24px;}
.inner .news-list ul li .tags .tag-name{float:left;border:1px solid #eee;border-radius:5px;padding:3px 5px;font-size:12px;margin-right:10px;}
.inner .news-list ul li span{display: block;width:140px;text-align:center;line-height:35px;height:35px;background:#cc0000;color:#fff;margin-top:10px;}
.inner .news-list ul li:hover{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}
.inner .page {text-align:center;}
.inner .page li a{color: #cc0000;}
.inner .page .active a{background-color: #cc0000;border-color: #cc0000;color:#fff;}
.inner .news-show{background:#fff;padding:30px;margin-top:20px;float:left;width:850px;}
.inner .news-show h1{font-size:24px;text-align:center;}
.inner .news-show .attr{margin-top:20px;overflow:hidden;text-align:center;border-bottom:1px dashed #ccc;padding-bottom:10px;}
.inner .news-show .attr span{margin-right:10px;}
.inner .news-show .attr i{margin-right:10px;color:#cc0000;}
.inner .news-show .cont{margin-top:20px;}
.inner .news-show .statement a{color:#cc0000;}
.inner .news-show .news-tag{overflow:hidden;margin-top:10px;}
.inner .news-show .news-tag .fa-tags{float:left;margin-right:10px;font-size:22px;margin-top:3px;}
.inner .news-show .news-tag ul li a{display: block;float:left;border:1px solid #ccc;padding:5px 10px;margin-right:10px;border-radius:5px;}
.inner .news-show .show-pages{overflow:hidden;margin-top:30px;}
.inner .news-show .show-pages p{background:#fafafa;width:400px;float:left;border:1px solid #ccc;border-radius:10px;padding:8px 0;margin:10px;text-align:center;}
.inner .news-relevant{width:250px;float:right;background:#fff;padding:30px 10px;margin-top:20px;}
.inner .news-relevant .rel-title{background:#cc0000;text-align:center;color:#fff;font-size:16px;line-height:40px;}
.inner .news-relevant ul li{border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;}
.inner .news-relevant ul li em{display: block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#cc0000;border-radius:100px;float:left;margin-right:10px;}
.inner .news-relevant ul li span{display: block;float:left;width:210px;}
.inner .news-relevant ul li .name{display: block;float:left;width:210px; text-align: center;}
.inner .page-contact{}
.inner .page-contact{/* height: 1900px; */padding: 20px;margin-top: 22px;}
.inner .page-contact .title{margin:10px auto;text-align:center;}
.inner .page-contact .title small{color:#888;font-size:18px;}
.inner .page-contact .title .text{font-size:30px;font-weight:bold;}
.inner .page-contact .title .text span{color:#bd002a;}
.inner .page-contact .top{margin-top:10px;overflow:hidden;}
.inner .page-contact .top .left{width:200px;float:left;margin-left:10px;}
.inner .page-contact .top .left img{width:100%;border: 0px solid #ccc;border-radius: 0;}
.inner .page-contact .top .right{width:900px;float:right;margin-right:10px;margin-top:30px;}
.inner .page-contact .top .right strong{font-size:22px;font-weight:500;color:#343143;}
.inner .page-contact .top .right strong span{color:#888;font-size:18px;}
.inner .page-contact .top .right p{font-size:16px;margin-top:30px;}
.inner .page-contact .center{width: 1257px;margin-left: -32px;overflow:hidden;border-bottom:1px solid #e6e6e6; margin-top: 10px; height: 310px; }
.inner .page-contact .img{float: left;margin-top: 10px;margin-left: 342px;margin-bottom: 20px;width: 637px;text-align: center;}
.inner .page-contact .img{overflow:hidden;}
.inner .page-contact .img .qr-1 {float: left;color: #fafafa;width: 148px;text-align: center;padding: 2px;margin-right: 54px;}
.inner .page-contact .img .qr-1 img {width: 147px;display: block;margin: 11px auto;margin-right: 90px;margin-bottom: 8px;background: #bd002a;padding: 2px;border-radius:5px;}
.inner .page-contact .img .qr-1 span {color: #000;}
.inner .page-contact .img .qr-2 {float: left;color: #fafafa;width: 148px;text-align: center;padding: 2px;}
.inner .page-contact .img .qr-2 img {width: 147px;display: block;margin: 10px auto;margin-right: 90px;margin-bottom: 8px;background: #bd002a;padding: 2px;border-radius:5px;}
.inner .page-contact .img .qr-2 span {color: #000;}
.inner .page-contact .img .qr-3 img {width: 147px;display: block;margin: 10px auto;margin-right: 90px;margin-bottom: 8px;background: #bd002a;padding: 2px;border-radius:5px;}
.inner .page-contact .img .qr-3 span {color: #000;margin-left: -33px;}

.inner .page-contact .center ul {margin-left: 86px;margin-top: 19px;}
.inner .page-contact .center ul li{position: relative;margin: 0px 0px 13px 0;overflow: hidden;float: left;height: 55px;font-size: 16px;color: #3c4155;line-height: 60px;}

.inner .page-contact .center ul li i{font-size: 22px;background: #bd002a;color: #fff;width: 44px;height: 44px;line-height: 43px;text-align:center;border-radius:100px;margin-right: 4px;}
.inner .page-contact .center ul li span{color: #ffffff;margin-left: 27px;}
.inner .page-contact .center ul li span a{color: #ffffff;margin-left:0px;}       
.inner .page-contact .center ul .li-1{letter-spacing: 1px;width: 162px;padding-left: 5px;box-sizing: border-box;background:#dcdcdc;border-radius: 59px 0 0 59px;}
.inner .page-contact .center ul .li-2{background:#636363;letter-spacing: 1px;font-size: 18px;width: 369px;box-sizing: border-box;border-radius: 0 59px 59px 0;/* margin-left: 24px; */}
.inner .page-contact .center ul .li-2:hover{background: #bd002a;width: 400px;}

.inner .inner-search { overflow: hidden; padding: 20px 10px;background:#fff;}
.inner .inner-search .portlet-title{margin:10px auto;text-align: center;}
.inner .inner-search .portlet-title .active{background:#cc0000;color:#fff;}
.inner .inner-search ul { padding: 0px; overflow: hidden; margin-bottom: 20px; }
.inner .inner-search ul .search-item { width: 540px; float: left; margin: 24px; height: 165px; border-bottom: 1px dashed #ccc; padding-top: 10px; }
.inner .inner-search ul .search-item img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 180px; margin-right: 20px; height: 130px; }
.inner .inner-search ul .search-item .text { margin-left: 0px; width:325px; float: left; }
.inner .inner-search ul .search-item .text span{font-size:18px;font-weight:bold;}
.inner .inner-search .page { text-align: center; }
.inner .inner-search .page ul { overflow: hidden; width: auto; }
.inner .inner-search .page ul li { display: inline-block; position: relative;border-radius: 5px;}
.inner .inner-search .page ul li a {display: block; }
.inner .inner-search .page ul li .pageinfo { }
.inner .inner-search .page .active { background: #0860A8; color: #fff; }
.inner .inner-search .page .active a { color: #fff; }
.inner .inner-search .page table { margin: 0 auto; }
.inner .inner-search .page td { border: 1px solid #ccc; padding: 3px 10px; width: auto !important; }
.zhuobo-kf { width: 155px; height: 425px; position: fixed; right: 0; bottom: 30%; z-index: 10; }
.zhuobo-kf:hover { cursor: pointer; }
.zhuobo-kf .kf-img { width: 90px; height: 150px; position: absolute; top: 0; right: 0; z-index: 9; animation: mymove 5s infinite; direction: alternate; -webkit-animation: mymove 1s infinite; -webkit-animation-direction: alternate; }
 @keyframes mymove {
from {
top:0;
}
to {
top:-5px;
}
}
 @-webkit-keyframes mymove {
from {
top:0;
}
to {
top:-5px;
}
}
.zhuobo-kf .cont { width: 120px; height: 335px; border: 2px solid #666; overflow: hidden; border-radius: 10px; position: absolute; bottom: 0; left: 0; box-shadow: 0 0 8px 5px #ccc; background: #fff; }
.zhuobo-kf .cont .qr { text-align: center; margin-top: 14px; }
.zhuobo-kf .cont .qr img { width: 95px; }
.zhuobo-kf .cont .qr span { display: block; }
.zhuobo-kf .cont .kf-link { background: #666; margin-top: 10px; }
.zhuobo-kf .cont .kf-link ul li { height: 48px; line-height: 48px; text-align: center; border-top: 1px solid #999; }
.zhuobo-kf .cont .kf-link ul li i { font-size: 16px; margin-right: 10px; }
.zhuobo-kf .cont .kf-link ul li a { color: #fff; }
.zhuobo-kf .cont .kf-link ul .tel span { display: none; }
.tag-home{margin-top:10px;}
.tag-home .tag-title{height:50px;background:#f6f6f6;line-height:50px;margin:10px 0;}
.tag-home .tag-title span{display: block;background:#cc0000;color:#fff;font-size:16px;padding:0 10px;float:left;}
.tag-home .tag-about .tag-cont{border:1px solid #eee;padding:10px;}

.tag-home .tag-block-1{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-1 ul{width:358px;float:left;border:1px solid #eee;padding:10px;margin:10px;}
.tag-home .tag-block-1 ul li{height:30px;line-height:30px;border-bottom:1px dashed #ccc;font-size:14px;}
.tag-home .tag-block-1 ul li span{float:right;}

.tag-home .tag-block-2{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-2 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.tag-home .tag-block-2 .left{float:left;width:550px;}
.tag-home .tag-block-2 .right{float:right;width:550px;}
.tag-home .tag-block-2 ul li img{width:100%;height:340px;}
.tag-home .tag-block-2 ul li h6{height:37px;line-height:37px;border-bottom:1px dashed #ccc;font-size:14px;}
.tag-home .tag-block-2 ul li span{float:right;}
.tag-home .tag-block-3{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-3 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.tag-home .tag-block-3 ul li{width:316px;float:left;margin:10px;border:1px solid #ccc;padding:10px;}
.tag-home .tag-block-3 ul li img{width:100%;}
.tag-home .tag-block-3 ul li span{display:block;height:30px;line-height:30px;text-align:center;}
.tag-home .tag-block-4{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-4 .tag-cont{overflow:hidden;}
.tag-home .tag-block-4 ul li{border:1px solid #eee;margin:10px;float:left;width:378px;height:80px;}
.tag-home .tag-block-4 ul li i{width:100px;text-align:center;font-size:30px;color:#fff;height:80px;line-height:80px;float:left;margin-right:10px;}
.tag-home .tag-block-4 ul li .fa-phone{background:#a7d82e;}
.tag-home .tag-block-4 ul li .fa-internet-explorer{background:#5593ef;}
.tag-home .tag-block-4 ul li .fa-map-marker{background:#efa900;}
.tag-home .tag-block-4 ul li span{display:block;line-height:80px;float:left;font-size:18px;}
.tag-home .tag-block-4 ul li:nth-child(3) span{line-height:42px;width:230px;}
.tag-home .tag-block-5{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-5 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.tag-home .tag-block-5 .tag-cont a{display:block;background:#eee;padding:5px 8px;float:left;margin:10px;}
.recommend-news{margin-top:10px;background:#fff;padding:10px;}
.recommend-news .rec-title{height:35px;line-height:35px;border-bottom:1px dashed #ccc;font-size:16px;border-left:2px solid #ccc;padding-left:10px;background:#fafafa;}
.recommend-news .rec-list{overflow:hidden;margin-top:10px;}
.recommend-news .rec-list ul li{width:570px;float:left;margin:10px;line-height:30px;border-bottom:1px dashed #ccc;}
.recommend-news .rec-list ul li span{float:right;font-size:12px;}
.recommend-news {margin-top: 10px;background: #fff;padding: 10px;}