@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; }
.head {height:95px;width:100%;top:0;background:#fff;line-height:75px;z-index:1000;/* position: fixed; *//*border-bottom:1px solid #eee;*/position: fixed;top: 0;}
.head .logo{float:left;margin-left:5%;}
.head .logo img{height:85px;}
.head .nav{float:right;margin-right:30px;}


.head .nav .menu ul li{width: 115px;text-align: center;overflow: hidden;}
.head .nav .menu ul li ul{display: none;}
.head .nav .menu ul li:hover ul{display: block;}
.head .nav .menu ul li ul li{color: #fff;font-size: 16px;}

.head .nav ul li{float:left;margin-left:0px;}
.head .nav ul li:hover{background: #2f67d2;}
.head .nav ul li a{font-size:16px;color:#5d5d5d;display: block;padding:0 14px;line-height:94px; font-weight: bold;white-space: nowrap; /* 强制文本不换行 */ }
.head .nav ul li a:hover{border-top:2px solid #f7c11b;height:95px;color:#fff;line-height:95px;}
.head .nav ul .on a{border-top:2px solid #f7c11b;height:95px;color:#fff;line-height:95px;background: #2f67d2;}
.head .phone{float:right;width:230px;font-size:24px;margin-right:5%; margin-top:10px;color: #2b60c4;}
.head .phone i{margin-right:10px;color:#2b60c4;}
.banner { width: 100%; position: relative;margin-top: 95px;}
.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; left: 48%; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width: 20px; 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: #0368ba; color: #0368ba; }
.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; }

.index-title{text-align:center;margin:32px 0;position:relative; margin-bottom: 26px; }
.index-title .title-1{font-size: 26px;color: #cacaca;}
.index-title .title-3{color:#313131;margin-top:10px;font-size: 24px;}
.index-title .title-3 span{color: #2f67d2;font-weight: bold;}
.index-title .title-2{width:30px;height:3px;background:#2f67d2;margin:6px auto;border-radius:100px;}

.inner-title{text-align:center;margin:32px 0;position:relative; margin-bottom: 26px; }
.inner-title .title-1{font-size: 26px;color: #cacaca;text-transform: uppercase;}
.inner-title .title-3{color:#313131;margin-top:0px;font-size: 24px;}
.inner-title .title-3 span{color: #2f67d2;font-weight: bold;}
.inner-title .title-2{width:30px;height:3px;background:#2f67d2;margin:6px auto;border-radius:100px;}

.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; border-top: 1px solid #1471b9; text-align: center; line-height: 40px; background: #0066b5; border-right: 1px solid #1471b9; }
.navbar-example .navbar-nav>li:last-child{border-bottom: 1px solid #1471b9;}
.navbar-example .navbar-nav>li>a { padding: 0; line-height: 40px; color: #fff; }
.navbar-example .navbar-nav>li>a:hover { background: #fff; color: #0066b5; }
.navbar-example .navbar-nav>li.active>a { color: #0066b5; cursor: default; background-color: #fff; border: 0; line-height: 40px; }

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

.xr-search{padding-top:20px;background: #f9f9f9;}
.xr-search .container{background:#2f67d2;}
.xr-search .phone{float:left;height:110px;width:250px;background:#333;color:#fff;padding-left:50px;}
.xr-search .phone span{display: block;font-size:18px;margin-top:25px;}
.xr-search .phone strong{font-size:26px;margin-top:20px;}
.xr-search .keywords{width:600px;float:left;height:110px;line-height:110px;color:#fff;padding-left:30px;border-right:1px solid #2b529d;}
.xr-search .keywords span{display: block;float:left;}
.xr-search .keywords h4{margin-top:0;margin-left:14px;float:left;font-size:14px;line-height:110px;}
.xr-search .keywords h1{margin-top:0;margin-left:14px;float:left;font-size:14px;line-height:110px; color:#FFFFFF;}
.xr-search .search{height:110px;float:left;border-left:1px solid #6197ff;line-height:30px;width:320px;padding-left:20px;padding-top:36px;color:#fff;}
.xr-search .search .form-control{border:1px solid #6197ff;background:none;color:#fff;}
.xr-search .search .btn{background:#6197ff;color:#fff;}

.xr-product { clear: both; overflow: hidden;   padding-bottom: 26px; background: #f9f9f9}
.xr-product .container { }
.xr-product .kefu-center{margin-top: 12px;}
.xr-product .pro-nav { float: left; width: 243px; border: 1px solid #eee; margin-left: 20px;}
.xr-product .pro-nav .pro-nav-t { background:#2f67d2; font-size: 20px; font-weight: bold; color: #fff; padding-top: 15px; padding-bottom: 15px; }
.xr-product .pro-nav .pro-nav-t i{padding-right: 14px;margin-left: 22px;font-size: 20px;line-height: 0;}
.xr-product .pro-nav .pro-nav-menu { }
.xr-product .pro-nav .pro-nav-menu ul li { height: 48px; line-height: 48px; padding:0 20px;background: rgba(47, 103, 210, 0.12);margin-bottom: 2px;}
.xr-product .pro-nav .pro-nav-menu ul li i { float:left;font-size:18px;margin-top:15px;padding-right: 20px;padding-left: 4px;}
.xr-product .pro-nav .pro-nav-menu ul li a { display: block; }
.xr-product .pro-nav .pro-nav-menu ul li:hover { background: #2f67d2; }
.xr-product .pro-nav .pro-nav-menu ul li:hover a { color: #fff; }
.xr-product .pro-nav .kefu-center .qrcode { text-align: center;background: #e5ecfa;padding:10px; }
.xr-product .pro-nav .kefu-center .qrcode img { width: 160px; background: #fff; padding: 5px; border-radius: 5px; }
.xr-product .pro-nav .phone { clear: both;  background: #e5ecfa; }
.xr-product .pro-nav .phone i { font-size: 16px; margin-right: 10px; margin-left: 20px; color: #2f67d2; }
.xr-product .pro-nav .phone strong { font-size: 16px; font-weight: 500; }
.xr-product .pro-nav .phone li { line-height: 30px; color: #111; border: 0; margin-left: 0; margin-right: 0; border-top: 1px dashed #ccc;  }
.xr-product .pro-nav .phone img { width: 100%; margin:0; padding-top: 10px;}
.xr-product .pro-nav .map img { width: 218px; height: 188px; }
.xr-product  .right{width:910px;float:right;margin-right:20px;}
.xr-product  .right ul li{width:293px;margin-left:10px;margin-bottom:10px;float:left;text-align:center;background:#f1f1f1;height: 293px;}
.xr-product  .right ul li img{width:100%;}
.xr-product  .right ul li span{display: block;margin-top:10px;margin-bottom:10px;}

.xr-advantage{background: url(advantage.jpg) no-repeat center;padding:40px 0;overflow: hidden;}
.xr-advantage .index-title{margin-bottom: 36px;margin-top: 0;color: #fff;}
.xr-advantage .index-title .title-3{color: #fff;}
.xr-advantage .index-title .title-3 span{color: #f7c11b;}
.xr-advantage .index-title .title-2{background: #f7c11b;}
.xr-advantage .container{width: 1720px !important ;position: absolute;left: 50%;margin-left: -860px;top: 0; overflow:hidden}
.xr-advantage .cont{position: relative;height: 426px;}
.xr-advantage .left dl dd{float: left;border: 10px #f7c11b solid;width: 592px;height: 412px;}
.xr-advantage .left dl dd img{width: 100%}
.xr-advantage .left dl dd:first-child{border:6px rgba(247, 193, 27, 0.48) solid;margin-right: 21px;width: 227px;height: 209px;}
.xr-advantage .cont .bd{width: 1720px;height: 426px;}
.xr-advantage .cont .bd ul{position: absolute;left: 0;top: 0;}
.xr-advantage .cont .bd li{float: left;width: 1720px;}
.xr-advantage .left{width: 874px;float: left;}
.xr-advantage .right{width: 522px; margin-right: 260px;float: right;}
.xr-advantage .right dt h2{color: #eaeaea;font-size: 28px;line-height: 34px;float: left;font-weight: bold;}
.xr-advantage .right dt h2 p{font-size: 32px;}
.xr-advantage .right dt em{color: #dec3ad;font-size: 35px;display: block; float: right;font-weight: bold;}
.xr-advantage .right dd i{width: 1px;height: 38px;background: #eaeaea;display: block;margin: 20px 0 28px;}
.xr-advantage .right dd span{font-size: 30px;color: #f7c11b;font-weight: bold;margin-bottom: 30px;}
.xr-advantage .right dd p{font-size: 14px;color: #fff;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xr-advantage .sourceBut .box{position: absolute;top: -84px;cursor: pointer;left: 680px;}
.xr-advantage .sourceBut span{width: 65px;height: 64px;display: block;border: 2px #eaeaea solid;text-align: center;line-height: 64px;transition: all .5s ease-out;float: left;margin-right: 16px;overflow: hidden;}
.xr-advantage .sourceBut span.next{left: 800px;}
.xr-advantage .sourceBut{width: 1200px;margin: 0 auto;position: relative;}
.xr-advantage .sourceBut em{font-size: 18px;color: #eaeaea;font-family: "arial";font-weight: bold;display: none;text-transform: uppercase;}
.xr-advantage .sourceBut i{display: inline-block;width: 20px;height: 13px;overflow: hidden;position: relative;*display: inline-block;}
.xr-advantage .sourceBut i img{display: block;width: 40px;height: 13px;position: relative;}
.xr-advantage .sourceBut span:hover{width: 130px;height: 64px;border: 3px solid #f7c11b;}
.xr-advantage .sourceBut span:hover em{display: inline-block;}
.xr-advantage .sourceBut span:hover i img{left: -20px;}
.xr-advantage .sourceBut span:hover i{margin-left: 12px; top:0px;  }

.xr-field  {margin:20px 0;margin-bottom: 10px;}
.xr-field .bd li {float: left;width: 360px ;position: relative;background: #f3f3f3;padding-bottom: 30px;margin:20px;}
.xr-field .bd li .top {position: relative;overflow: hidden;}
.xr-field .bd li .top img {display: block;width: 100%;height: 340px;transition: all 3s;}
.xr-field .bd li .top .conbox {position: absolute;left: 0;top: 380px;height: 340px;background: url(bg02.png);transition: all 0.5s; width: 100%;color: #fff;}
.xr-field .bd li .top .conbox h3 {padding-top: 65px;text-indent: 130px;font-size: 24px;font-weight: normal;margin-bottom: 45px;position: relative;height: 50px;line-height: 50px;}
.xr-field .bd li .top .conbox h3 i {display: block;width: 50px;height: 50px;position: absolute;left: 70px;top: 65px;}
.xr-field .bd li .top .conbox p{text-align: center; padding:20px;}
.xr-field  .cont .dd1 {text-align: center;font-size: 24px;margin-top: 25px;margin-bottom: 8px;}
.xr-field  .cont .dd2 {text-align: center;font-size: 15px;}
.xr-field .bd li:hover .top .conbox {top: 0;}
.xr-field .bd li:hover .top img {transform: scale(1.2);}
.xr-field .hd{margin:12px auto;text-align: center;}
.xr-field .hd ul li{width: 60px;height: 6px;display: inline-block;background: #ccc;overflow: hidden;color: #ccc;margin:0 10px;}
.xr-field .hd ul .on{background: #2f67d2;color: #2f67d2;}
.xr-field .bd li.dl1 .top .conbox h3 i {background: url(fieldi-1.png) no-repeat center;}
.xr-field .bd li.dl2 .top .conbox h3 i {background: url(fieldi-2.png) no-repeat center;}
.xr-field .bd li.dl3 .top .conbox h3 i {background: url(fieldi-3.png) no-repeat center;}
.xr-field .bd li.dl4 .top .conbox h3 i {background: url(fieldi-4.png) no-repeat center;}
.xr-field .bd li.dl5 .top .conbox h3 i {background: url(fieldi-5.png) no-repeat center;}
.xr-field .bd li.dl6 .top .conbox h3 i {background: url(fieldi-6.png) no-repeat center;}
.xr-field .bd li.dl7 .top .conbox h3 i {background: url(fieldi-7.png) no-repeat center;}
.xr-field .bd li.dl8 .top .conbox h3 i {background: url(fieldi-8.png) no-repeat center;}

.xr-partner {padding-bottom: 36px;}
.xr-partner .partner-img {}
.xr-partner .partner-img ul li {float: left;width: 280px;height: 154px; border: 1px solid #e9e9e9;margin:10px;position: relative;z-index: 1;overflow: hidden;}
.xr-partner .partner-img ul li img {display: block;width: 100%;transition: all 0.5s;}
.xr-partner .partner-img ul li:hover {border-color: #2c488c;z-index: 2;}
.xr-partner .partner-img ul li:hover img {transform: scale(1.1);}

.xr-about{ background: url(about-bg.jpg)no-repeat center top; margin-bottom: 30px;}
.xr-about .index-title .title-3{color: #fff;}
.xr-about .index-title{margin-top: 46px;}
.xr-about .index-title .title-2{background: #f7c11b;}
.xr-about .img{width: 1200px;height: 420px;overflow: hidden;}
.xr-about img{transition:all 0.2s;}
.xr-about img:hover{transform: scale(1.1);}
.xr-about h5{font-size:16px;margin:0;font-weight:bold;margin-bottom:10px;}
.xr-about .cont{text-align: center;padding-top: 30px;}
.xr-about .abo_con {padding-top: 40px;}
.xr-about .abo_con dl {float: left;width: 299px;text-align: center;border-left: 1px dotted #d5d5d5;}
.xr-about .abo_con dl:first-child {border-left: none;}
.xr-about .abo_con dl dt {width: 173px;height: 173px;margin: 0 auto;position: relative;transition: all 0.5s;top: 0;top: -6px;}
.xr-about .abo_con dl dt img{width: 90%;}
.xr-about .abo_con dl dd {color: #333;font-size: 16px;}
.xr-about .abo_con dl dd i {display: block;}
.xr-about .abo_con dl dd b {font-size: 36px;}
.xr-about .abo_con dl:hover dt {transform: rotateY(360deg);top: -40px;}

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

.xr-flow{margin-bottom:30px;padding-top: 10px;}
.xr-flow .index-title{margin-bottom:10px;}
.xr-flow .cont{background:url(flow.jpg) top center;width:1200px;height:346px;}
.xr-flow .cont ul li{float:left;width:224px;text-align:center;padding-top:40px;margin-right:20px;}
.xr-flow .cont ul li span{display: block;color:#fff;font-size:20px;font-weight:bold;margin-top:30px;letter-spacing:2px;margin-bottom:80px;}
.xr-flow .cont ul li p{line-height:30px;}

.xr-case{height:598px;background:url(case-bg.jpg) top center;padding-top:18px;}
.xr-case .index-title .title-3{color: #fff;}
.xr-case .index-title .title-2{background: #f7c11b;}
.xr-case .cont{margin-top:30px;margin-bottom:30px;overflow:hidden;}
.xr-case .cont .bd{height:354px;}
.xr-case .cont ul{clear:both;}
.xr-case .cont ul li{float:left;}
.xr-case .cont ul li a{width:390px;text-align:center;background:#fff;height:auto;position:relative;margin-right:15px;border:5px solid #fff;display: block;}
.xr-case .cont ul li .text{height:60px;text-align:center;}
.xr-case .cont ul li span{color:#333;line-height:60px;display: block;font-size:18px;}
.xr-case .cont ul li img{width:100%;}
.xr-case .cont .hd{overflow:hidden;width:160px;margin:12px auto !important;}
.xr-case .cont .hd a{width:35px;height:35px;line-height:35px;text-align:center;display: block;background:#ddd;color:#333;float:left;margin:5px;border-radius:5px;cursor:pointer;}
.xr-case .cont .hd a:hover{background: #2f67d2;color:#fff;}
.xr-case .cont .hd .case-link{width:60px;}

.xr-news{}
.xr-news .cont{overflow:hidden;}
.xr-news .news-left { width: 718px; float: left; overflow: hidden; padding-bottom: 10px; }
.xr-news .news-left .hd {height: 30px; line-height: 30px; border-bottom: 2px solid #0d87e9;}
.xr-news .news-left .hd li {float: left; margin-right:10px; font-size: 16px; background: #0d87e9; color: #fff; height: 30px; line-height: 30px; padding: 0 10px;}
.xr-news .news-left .hd li a { color: #fff; }
.xr-news .news-left .hd .on a { color: #FFD400; }
.xr-news .news-left .hd .link {float: right;font-size:12px;color: #bbb;}
.xr-news .news-left .ne-img { padding: 15px; }
.xr-news .news-left .ne-img li { height: 155px; padding-top: 6px; border-bottom: 1px dashed #ccc; }
.xr-news .news-left .ne-img li img { width: 200px; height: 134px; display: block; float: left; margin-right: 20px; border: 1px solid #ccc; }
.xr-news .news-left .ne-img span { display: block; font-size: 16px; color: #0d87e9; margin: 10px 0; font-weight: bold; }
.xr-news .news-left .ne-img p { color: #333; line-height: 24px; }
.xr-news .news-left .ne-img a { color: #999; margin-top: 20px; border: 0; font-size: 12px; }
.xr-news .news-left .ne-img a:hover { color: #0d87e9; }
.xr-news .news-left .ne-list { overflow: hidden; }
.xr-news .news-left .ne-list li {line-height: 40px;  background: #ededed;  width: 329px; float: left; margin: 0 15px; margin-bottom: 10px;height: 46px;}
.xr-news .news-left .ne-list li span { font-size: 20px; color: #fff; margin-right: 10px; height: 46px; width: 45px; line-height: 40px; top: 0; text-align: center; background: #999; }
.xr-news .news-left .ne-list li a { color: #333; font-size: 6px;margin-top: -30px;margin-left: 65px; }
.xr-news .news-left .ne-list li a h5{ font-size: 14px;margin-top: -30px;margin-left: 65px;}
.xr-news .news-left .ne-list li:hover { background: #0d87e9; }
.xr-news .news-left .ne-list li:hover a{color:#fff;}
.xr-news .news-left .ne-list li strong { color: #2d1b17; margin-right: 10px; }
.xr-news .news-left .ne-list li strong a { color: #2d1b17; }
.xr-news .news-left .ne-list li small { float: right; color: #999; }
.xr-news .right{width:460px;float:right;}
.xr-news .right .hd{overflow:hidden;}
.xr-news .right .hd ul li{width:100px;height:35px;text-align:center;line-height:35px;display: block;background: #0d87e9;color: #fff;float:left;font-size:16px;margin-right:10px;}
.xr-news .right .hd ul .on{background:#2f67d2;color:#fff;}
.xr-news .right .bd{margin-top:15px;}
.xr-news .right .bd ul li{}
.xr-news .right .bd ul li a{height:50px;line-height:50px;display: block;border-bottom:1px dashed #eee;color:#666;}
.xr-news .right .bd ul li i{flaot:left;margin-right:10px;font-size:16px;}
.xr-news .right .bd ul li small{float:right;}
.xr-news .right .bd ul li a:hover{color:#2f67d2;}

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

.footer { clear: both;background:url(foot-bg.jpg) top center;}
.footer .foot-top{overflow:hidden;padding-top:40px;}
.footer .foot-top .foot-nav{overflow:hidden;padding-left:100px;}
.footer .foot-top .foot-nav ul{}
.footer .foot-top .foot-nav ul li{float:left;width:113px;text-align:center;}
.footer .foot-top .foot-nav ul li:first-child a{border-left:0;}
.footer .foot-top .foot-nav ul li a{color:#ffffff;font-size:16px;display: block;padding:10px 0;border-left:1px solid #ccc;}
.footer .foot-top .foot-nav ul li a:hover{color:#2f67d2;}
.footer .foot-center{margin-top:30px;overflow:hidden;}
.footer .foot-center .left{width:200px;float:left;background:#fff;text-align:center;padding:10px;margin-right:20px;margin-top:20px;}
.footer .foot-center .left img{width: 175px;}
.footer .foot-center .left span{display: block;margin:10px auto;}
.footer .foot-center .left .phone strong{font-size:22px;display: block;margin:10px auto;color:#2f67d2;}
.footer .foot-center .right{width:740px;float:right;}
.footer .foot-center .right .cont{overflow:hidden;margin-top:20px;color:#ccc;margin-left:24px;text-align:left;}
.footer .foot-center .right .cont .block{float:left;border-right:1px solid #444;padding-right:20px;margin-right:42px;height:207px;}
.footer .foot-center .right .cont .block span{font-size:16px;display:block;margin-bottom:10px;}
.footer .foot-center .right .cont .block ul li a{color:#bbb;}
.footer .foot-center .right .cont .block ul li a:hover{color:#2f67d2;}
.footer .foot-center .right .cont .block ul li{line-height:35px;}
.footer .foot-center .right .cont .block:last-child{border-right:0;margin-right:0;padding-right:0;text-align: left;}
.footer .foot-center .right .cont .block p{width:254px;}
.footer .foot-bottom{background:#5d5d5d;overflow:hidden;margin-top:30px;height:45px;line-height:45px;color:#ddd;}
.footer .foot-bottom .container{}
.footer .foot-bottom p{font-size:12px;margin-top:0;}
.footer .foot-bottom p a{color:#ddd;}
.footer .foot-bottom p a:hover{}
.footer .foot-bottom .left{float:left;width:840px;}
.footer .foot-bottom .right{float:right;}
.footer .foot-bottom .right img{width:100px;height:35px;float:left;margin-left:10px;margin-top:5px;}
.inner {background:#f6f6f6;}
.inner .inner-banner{}
.inner .inner-banner-1{height:260px;background:url(inner-banner-1.jpg) top center;    margin-top: 95px;}
.inner .inner-banner-2{height:260px;background:url(inner-banner-2.jpg) top center;    margin-top: 95px;}
.inner .inner-banner-3{height:260px;background:url(inner-banner-3.jpg) top center;    margin-top: 95px;}
.inner .inner-banner img{width:100%;}
.inner .inner-place {height: 40px;line-height: 40px;background:#0368ba url(title-bg.jpg);}
.inner .inner-place li{float:left;}
.inner .inner-place a { color: #ffffff; margin-right: 5px; }
.inner .inner-place a:hover{color:#0368ba;}
.inner .inner-place .inner-position { float: left; color: #ffffff;padding:0 18px;}
.inner .inner-nav{overflow:hidden;background:#fff;}
.inner .inner-nav .cp ul li{text-align: center;}
.inner .inner-nav ul li{}
.inner .inner-nav ul li a{display:block;padding:10px 26px;font-size:16px;background:#fafafa; border-bottom:1px dashed #ccc;}
.inner .inner-left{ width: 260px; float:right; margin-top: 20px;}
.inner .inner-left .left-title{ color: #ffffff; background:#0368ba url(inner-title.jpg); text-align: center; line-height: 58px; font-size: 20px; font-weight: bold; }
.inner .inner-left .left-title1{ color: #ffffff; background: #0368ba url(inner-title.jpg); line-height: 48px; font-size: 20px; font-weight: bold; margin-top: 10px; }
.inner .inner-left .left-case{ border:1px solid #0368ba; }
.inner .inner-left .left-case ul li{ width: 250px; margin:0 auto;}
.inner .inner-left .left-case ul li a{ padding: 10px 10px; font-size: 16px; display: block; border-bottom:1px dashed #ccc;}
.inner .inner-left .left-case ul li img{ width: 100%; }
.inner .inner-left .inner-contact{  }
.inner .inner-left .inner-contact .cont div{ text-align: center; }
.inner .inner-left .inner-contact .cont{border:1px solid #0368ba; padding: 10px; }
.inner .inner-left .inner-contact .cont img{width: 100%; margin-bottom: 10px;}
.inner .inner-left .inner-contact .cont p{ margin-bottom: 5px;color: #666; }
.inner .inner-right{ width: 910px; float: left; margin-top: 20px;}
.inner .inner-right .rec-news { overflow: hidden; margin: 0px auto; background: #ffffff; margin-bottom: 20px; }
.inner .inner-right .rec-news .title {color:#fff; height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #009dad url(title-bg.jpg); padding: 0 20px; border-top: 1px solid #ccc; }
.inner .inner-right .rec-news .title .tittle-tittle { font-size: 16px;display: inline;  }
.inner .inner-right .rec-news .title span {font-size: 16px; color: #fff; font-weight: bold; }
.inner .inner-right .rec-news .rec-news-img { overflow: hidden; padding: 10px; }
.inner .inner-right .rec-news .rec-news-img li { overflow: hidden; border-bottom: 1px dashed #94896B; padding-bottom: 10px; }
.inner .inner-right .rec-news .rec-news-img li img { width: 180px; height: 126px; float: left; margin-right: 10px; border: 1px solid #0368ba; padding: 2px; }
.inner .inner-right .rec-news .rec-news-img li a { font-size: 16px; color: #0368ba; padding-top: 20px; }
.inner .inner-right .rec-news .rec-news-img li p { color: #666; margin-top: 10px; }
.inner .inner-right .rec-news .rec-news-img li span { color: #999; }
.inner .inner-right .rec-news .rec-news-list { overflow: hidden; padding: 10px; }
.inner .inner-right .rec-news .rec-news-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 370px; float: left; margin: 0 10px; }
.inner .inner-right .rec-news .rec-news-list li span { color: #0368ba margin-right: 20px; }
.inner .inner-right .rec-news .rec-news-list li a { COLOR: #666; }
.inner .inner-right .rec-news .rec-news-list li small { float: right; }
.inner .inner-left .left-title1{ color: #ffffff; background:  #0368ba url(inner-title.jpg); text-align: center; line-height: 48px; font-size: 20px; font-weight: bold; margin-top: 10px; }
.inner .inner-left .left-case{ border:1px solid #0368ba; }
.inner .inner-left .left-case ul li{ width: 250px; margin:0 auto;}
.inner .inner-left .left-case ul li a{ padding: 10px 10px; font-size: 14px; display: block; border-bottom:1px dashed #ccc;}
.inner .inner-left .left-case ul li img{ width: 100%; }
.inner .inner-left .inner-contact{  }

/*案例*/

.inner .inner-left1{ width: 260px; float:right;margin-top: 20px;}
.inner .inner-left1 .left-title{ color: #ffffff; background:#0368ba url(inner-title.jpg); text-align: center; line-height: 58px; font-size: 20px; font-weight: bold; }
.inner .inner-left1 .left-title1{ color: #ffffff; background: #0368ba url(inner-title.jpg); text-align: center; line-height: 48px; font-size: 20px; font-weight: bold; margin-top: 10px; }
.inner .inner-left1 .left-case{ text-align:center; border:1px solid #0368ba; }
.inner .inner-left1 .left-case ul li{ width: 250px; margin:0 auto;}
.inner .inner-left1 .left-case ul li a{ padding: 10px 10px; font-size: 16px; display: block; border-bottom:1px dashed #ccc;}
.inner .inner-left1 .left-case ul li img{ width: 100%; }

.inner .inner-left1 .inner-contact{  }
.inner .inner-left1 .inner-contact .cont div{ text-align: center; }
.inner .inner-left1 .inner-contact .cont{border:1px solid #0368ba; padding: 10px; }
.inner .inner-left1 .inner-contact .cont img{width: 100%; margin-bottom: 10px;}
.inner .inner-left1 .inner-contact .cont p{ margin-bottom: 5px;color: #666; }
.inner .inner-right1{ width: 910px; float:left; margin-top: 20px;}
.inner .inner-right1 .rec-news { overflow: hidden; margin: 0px auto; background: #ffffff; margin-bottom: 20px; }
.inner .inner-right1 .rec-news .title {color:#fff; height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #009dad url(title-bg.jpg); padding: 0 20px; border-top: 1px solid #ccc; }
.inner .inner-right1 .rec-news .title .tittle-tittle { font-size: 16px;display: inline;  }
.inner .inner-right1 .rec-news .title span {font-size: 16px; color: #fff; font-weight: bold; }
.inner .inner-right1 .rec-news .rec-news-img { overflow: hidden; padding: 10px; }
.inner .inner-right1 .rec-news .rec-news-img li { overflow: hidden; border-bottom: 1px dashed #94896B; padding-bottom: 10px; }
.inner .inner-right1 .rec-news .rec-news-img li img { width: 180px; height: 126px; float: left; margin-right: 10px; border: 1px solid #0368ba; padding: 2px; }
.inner .inner-right1 .rec-news .rec-news-img li a { font-size: 16px; color: #0368ba; padding-top: 20px; }
.inner .inner-right1 .rec-news .rec-news-img li p { color: #666; margin-top: 10px; }
.inner .inner-right1 .rec-news .rec-news-img li span { color: #999; }
.inner .inner-right1 .rec-news .rec-news-list { overflow: hidden; padding: 10px; }
.inner .inner-right1 .rec-news .rec-news-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 370px; float: left; margin: 0 10px; }
.inner .inner-right1 .rec-news .rec-news-list li span { color: #0368ba margin-right: 20px; }
.inner .inner-right1 .rec-news .rec-news-list li a { COLOR: #666; }
.inner .inner-right1 .rec-news .rec-news-list li small { float: right; }




.inner .image-list{padding-top:10px;background:#fff;}
.inner .image-list .cate-title{height:45px;line-height:45px;background:#eee; font-size: 14px;}
.inner .image-list .cate-title a{display: block;font-size:16px;background:#0368ba;color:#fff;width:200px;text-align:center;}
.inner .image-list ul{overflow:hidden;}
.inner .image-list ul li{width:283px;float:left;margin:10px; text-align:center; padding:10px; background: #fafafa; border:1px solid #ccc;height: 250px;}
.inner .image-list ul li:hover { border: 1px solid #c4c4c4; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.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:14px;display: block;margin:10px auto; color: #353535;}
.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-list ul li h5{color:#353535;padding:10px 0;}
.inner .image-list ul li p{font-size:12px;color:#555;margin-top:10px;}

.inner .category-cont{padding-top:10px;background:#fff;}
.inner .category-cont .cate-title{height:45px;line-height:45px;background:#eee; font-size: 14px;}
.inner .category-cont .cate-title a{display: block;font-size:16px;background:#0368ba;color:#fff;width:200px;text-align:center;}
.inner .category-cont ul{overflow:hidden;}
.inner .category-cont ul li{width:283px;float:left;margin:10px; text-align:center; padding:10px; background: #fafafa; border:1px solid #ccc;}
.inner .category-cont ul li:hover { border: 1px solid #c4c4c4; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.inner .category-cont ul li img{width:100%;}
.inner .category-cont ul li h5{color:#353535;padding:10px 0;}
.inner .category-cont ul li p{font-size:12px;color:#555;margin-top:10px;}
 .inner  .show-pages{ clear: both; overflow: hidden; padding: 10px; border: 1px solid #ccc; margin:10px; background: #efefef;}
.inner  .show-pages p{float: left; width:500px; color: #666;} 
.inner .show-pages  a {color: #666;}
.inner .show-pages  a:hover {color: #0368ba;}



.inner .image-show{overflow:hidden;background:#fff;margin-top:20px;}
.inner .image-show .img-info{overflow:hidden;}
.inner .image-show .left{float:left;}
.inner .image-show .left li{ margin-left: 5px;margin-top:10px;margin-bottom:10px;width: 500px;text-align:center;list-style: none;padding: 4px;border: 1px solid #eee; }
.inner .image-show .left img{max-width:500px;}
.inner .image-show .right{width: 600px; float: right; margin-bottom: 20px; margin: 0 auto;}
.inner .image-show .right h1{height: 30px; line-height: 30px; margin: 10px auto;font-size: 20px;color: #0368ba; text-align:center; font-weight:bold;}
.inner .image-show .right ul li { padding-left: 20px;line-height: 35px; border-bottom: 1px dashed #ccc; color: #333;}
.inner .image-show .right ul li span{font-weight:bold;}
.inner .image-show .right .hd{margin-top:10px;}
.inner .image-show .right .hd img{width:100px;border:1px solid #ccc;padding:2px;cursor:pointer;}
.inner .image-show .right .hd li{float:left;margin-right:5px;border:0;}
.inner .image-show .right .attr{margin:20px 0;}
.inner .image-show .right .attr i{color:#fe8402;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:#fe8402;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{ border:1px solid #ccc;}
.inner .image-show .img-cont .cont-title{font-size:16px;line-height:40px;background:#0368ba;padding-left:10px;margin-bottom:10px;color:#fff;}
.inner .image-show .img-cont blockquote{font-size:16px;line-height:36px;border-left:3px solid #fe8402;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}
.inner .image-show .img-cont p strong{margin:5px auto;}  
.inner .news-show{background:#fff;padding:30px;margin-top:6px;float:left;width:910px;}
.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:#0368ba;}
.inner .news-show .cont{margin-top:20px;}
.inner .news-show .statement a{color:#0368ba;}
.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 .page {text-align:center;}
.inner .page li a{color: #0368ba;}
.inner .page .active a{background-color: #0368ba;border-color: #0368ba;color:#fff;}
.inner .inner-right .list-article .news-list { width:100%; padding: 20px; overflow: hidden; margin-bottom: 20px; background: #ffffff; }
.inner .inner-right .list-article .news-list li { height: 165px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-top: 10px; }
.inner .inner-right .list-article .news-list li img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 200px; margin-right: 20px; height: 144px; }
.inner .inner-right .list-article .news-list li .text { margin-left: 0px; width: 540px; float: left; padding-top: 10px; }
.inner .inner-right .list-article .news-list li .li-title { font-size: 18px; }
.inner .inner-right .list-article .news-list li .li-title a { color: #0368ba; }
.inner .inner-right .list-article .news-list li .li-title h6 {padding-left: 10px; font-size: 18px; font-weight: 500; color: #0368ba; }
.inner .inner-right .list-article .news-list li .li-title h6 a { color: #0368ba; }
.inner .inner-right .list-article .news-list li p { color: #666; font-size: 14px; padding-left: 10px; margin-top: 10px; }
.inner .inner-right .list-article .news-list li span { font-size: 12px; color: #999; margin-left: 10px; }
.inner .page-contact{}
.inner .inner-place-1 {height: 40px;line-height: 40px;margin-top: 20px;background: #e6e6e6;}
.inner .inner-place-1 li { float: left; }
.inner .inner-place-1 a { color: #333; margin-right: 5px; }
.inner .inner-place-1 a:hover { color: #cc0000; }
.inner .inner-place-1 .inner-position { float: left; color: #333; padding: 0 5px; } 
 .inner .inner-nav-1 { overflow: hidden; padding: 10px 0; text-align: center; background: #fff; }
.inner .inner-nav-1 ul li { display: inline-block; }
.inner .inner-nav-1 ul li a { display: inline-block; margin: 10px; padding: 10px 20px; font-size: 16px; background: #fafafa; }
.inner .inner-nav-1 ul .hover { background: #0368ba; color: #fff; } 
.inner .page-contact { background: #fff; padding: 20px; margin-top: 10px; color: #666; }
.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: #0368ba; }
.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: 5px solid #ccc; border-radius: 100px; }
.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: #0368ba; }
.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 { margin-top: 20px; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.inner .page-contact .center ul li { border: 1px solid #e6e6e6; position: relative; margin: 0 -1px -1px 0; overflow: hidden; float: left; height: 93px; line-height: 93px; font-size: 16px; color: #666; }
.inner .page-contact .center ul li i { font-size: 24px; background: #0368ba; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; margin-right: 10px; }
.inner .page-contact .center ul li span { color: #0368ba; }
.inner .page-contact .center ul li a { color: #666; }
.inner .page-contact .center ul .li-1 { width: 200px; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inner .page-contact .center ul .li-2 { font-weight: bold; width: 380px; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inner .page-cont{ overflow: hidden; margin-top: 6px;color: #333; padding:30px;padding-bottom:10px;background:#fff;}

#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: #0368ba; }
#navbar-example .nav-tabs li a { font-size: 16px; }
.inner .ab-1{overflow:hidden;background:#fff;}
.inner .ab-1 ul li{width:360px;float:left;margin:20px;border:1px solid #eee;border-radius:10px;text-align:center;height:150px;padding:20px 30px;}
.inner .ab-1 ul li span{display: block;font-size:24px;margin-bottom:10px;color:#0368ba;border-bottom:1px solid #ccc;padding-bottom:10px;}

.inner .ab-2{padding-top:10px;overflow:hidden;background:url(ad-2.jpg)center center;padding-bottom: 20px;}
.inner .ab-2 .cont{padding:0 20px;color:#484848; text-align: center;font-size: 15px;}
.inner .ab-2 .cont .ab-title{font-size:16px;font-weight:bold;}
.inner .ab-2 .cont .ab-dis{margin:10px 0;color:#000;}
.inner .ab-2 .ab-btn { overflow: hidden;margin-left: 16px; }
.inner .ab-2 .ab-btn li { width: 185px; height: 195px; border: 1px solid #ccc;float: left; margin: 12px 24px; position: relative; overflow: hidden; text-align: center;color:#555; }
.inner .ab-2 .ab-btn li i { font-size: 54px; margin-top: 45px;color: #0368ba; }
.inner .ab-2 .ab-btn li span { display: block; height: 40px; line-height: 60px; text-align: center;}
.inner .ab-2 .ab-btn li small{text-transform: uppercase;}
.inner .ab-2 .ab-btn li:hover { background: #0368ba;color:#fff; }
.inner .ab-2 .ab-btn li:hover i{color:#fff;}
.inner .ab-3{overflow:hidden;padding-bottom: 20px;background: #fff;}
.inner .ab-3 .cont{overflow:hidden;}
.inner .ab-3 ul li{width:550px;margin:10px;}
.inner .ab-3 ul li img{border:5px solid #fff;}

.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 .ab-5{}
.inner .ab-5 .factory-img { overflow: hidden; position: relative; clear: both; margin-bottom: 20px; }
.inner .ab-5 .factory-img .bd a { display: block; background: #383838; line-height: 70px; cursor: pointer; position: relative; width: 30px; height: 70px; text-align: center; margin-top: 133px; }
.inner .ab-5 .factory-img .bd .prev { float: right; margin-right: 10px; }
.inner .ab-5 .factory-img .bd .next { float: left; margin-left: 9px; }
.inner .ab-5 .factory-img .bd a span { font-size: 16px; color: #fff; }
.inner .ab-5 .factory-img .bd .picList { }
.inner .ab-5 .factory-img .bd ul { overflow: hidden; zoom: 1; }
.inner .ab-5 .factory-img .bd ul li { margin: 0 9px; float: left; _display: inline; overflow: hidden; text-align: center; width: 262px; }
.inner .ab-5 .factory-img .bd ul li .pic { text-align: center; width: 262px; background: #fff; padding: 6px; border: 1px solid #ccc; }
.inner .ab-5 .factory-img .bd ul li .pic img { width: 100%; display: block; }


.inner .dls-flow .cont ul li{ width: 180px;background: #fff; height: 270px;float: left; margin:0 10px; text-align: center; box-shadow:0px 0px 6px 2px rgba(166, 166, 166, 0.1);}
.inner .dls-flow .cont i{font-size: 24px; margin-top: 32px;padding: 28px;background: #fff; border-radius: 56px; border:1px solid rgba(228, 228, 228, 0.41);color: #0368ba;}
.inner .dls-flow .cont span{font-size: 18px;font-weight: bold;display: block;padding-top: 16px; }
.inner .dls-flow .cont small{ color: #0368ba; }
.inner .dls-flow .cont{height: 282px;}
.inner .dls-flow .cont em{ font-size: 40px;display: block;padding-top: 19px;font-family: "STSONG"; color: #a2a2a2;}
.inner .dls-flow .cont ul li:hover{border:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05); color: #0368ba;}
.inner .dls-flow .cont ul li:hover i{ background: #0368ba;color: #fff; }
.inner .dls-flow .cont ul li:hover small{ color: #0368ba; }
.inner .dls-flow .cont ul li:hover em{ color: #0368ba; }
.inner .dls-flow .flow-btn { width: 325px; height: 78px; border: 4px solid #0368ba; text-align: center; margin: 20px auto; cursor: pointer; }
.inner .dls-flow .flow-btn a { display: block; background: #0368ba; border: 5px solid #f5f5f5; color: #fff; height: 70px; padding: 5px 0; }
.inner .dls-flow .flow-btn a span { font-size: 22px; font-weight: bold; }
.inner .dls-flow .flow-btn a:hover { background: #0368ba; }


.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:#fe8402;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:10%;position:fixed;right:0;bottom:30%;z-index:10;animation:mymove 5s infinite;
direction:alternate;-webkit-animation:mymove 1s infinite;-webkit-animation-direction:alternate;}
@keyframes mymove{from {bottom:30%;}to {bottom:33%;}}
@-webkit-keyframes mymove{from {bottom:30%;}to {bottom:33%;}}
.zhuobo-kf:hover{cursor:pointer;}
.zhuobo-kf img{width:100%;}
.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:#fe8402;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;}

.inner .inner-right .rec-news { overflow: hidden; margin: 0px auto; background: #ffffff; margin-bottom: 20px; }
.inner .inner-right .rec-news .title {color:#fff; height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #009dad url(title-bg.jpg); padding: 0 20px; border-top: 1px solid #ccc; }
.inner .inner-right .rec-news .title .tittle-tittle { font-size: 16px;display: inline;  }
.inner .inner-right .rec-news .title span {font-size: 16px; color: #fff; font-weight: bold; }
.inner .inner-right .rec-news .rec-news-img { overflow: hidden; padding: 10px; }
.inner .inner-right .rec-news .rec-news-img li { overflow: hidden; border-bottom: 1px dashed #94896B; padding-bottom: 10px; }
.inner .inner-right .rec-news .rec-news-img li img { width: 180px; height: 126px; float: left; margin-right: 10px; border: 1px solid #084791; padding: 2px; }
.inner .inner-right .rec-news .rec-news-img li a { font-size: 16px; color: #084791; padding-top: 20px; }
.inner .inner-right .rec-news .rec-news-img li p { color: #666; margin-top: 10px; }
.inner .inner-right .rec-news .rec-news-img li span { color: #999; }
.inner .inner-right .rec-news .rec-news-list { overflow: hidden; padding: 10px; }
.inner .inner-right .rec-news .rec-news-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 360px; float: left; margin: 0 10px; }
.inner .inner-right .rec-news .rec-news-list li span { color: #084791 margin-right: 20px; }
.inner .inner-right .rec-news .rec-news-list li a { COLOR: #666; }
.inner .inner-right .rec-news .rec-news-list li small { float: right; }





.rec-product .rec-product-list li{float: left; margin-left: 15px; width: 23%;}
.rec-product .rec-product-list li img{width: 100%;height: 100%;}
.rec-product .rec-product-list li span{width: 100%;
    height: 30px;
    background: #cbcbcb5c;
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 30px;}
.rec-product .title{width: 100%;
    display: block;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 10px;
    background: #6b6b6b5c;}

.wzdt{width: 100%;}
.wzdt .left{width: 40%;float: left;margin-left: 86px;margin-top: -7%;}
.wzdt .left .title{width: 200px;height: 60px;text-align:  center;font-size: 16px;margin-top: 190px;line-height: 60px;margin-left: 5%;color: #fff;background: #2f68d3;}
.wzdt .left .cont ul li{width: 44%;float: left;margin-left: 38px;overflow:  hidden;height: 61px;background: #d8d8d8a1;margin-top: 41px;}
.wzdt .left .cont ul li p{line-height: 65px;height: 20px;margin-top: -49px;/* text-align:  center; */margin-left: 62px;}
.wzdt .left .cont ul li span{width: 34px;line-height: 34px;margin-left: 16px;text-align:  center;height: 34px;margin-top: 17px;border-radius: 50%;background: #000;display:  block;color: #fff;}
.wzdt .left .title a{color: #fff;}

.wzdt .right{width: 50%;float: right;margin-left: 86px;margin-top: -7%;}
.wzdt .right .title{width: 200px;height: 60px;text-align:  center;font-size: 16px;margin-top: 190px;margin-left: 4%;line-height: 60px;color: #fff;background: #2f68d3;}
.wzdt .right .cont ul li{width: 34%;float: left;margin-left: 38px;overflow:  hidden;height: 61px;background: #d8d8d8a1;margin-top: 41px;}
.wzdt .right .cont ul li p{line-height: 65px;height: 20px;margin-top: -49px;/* text-align:  center; */margin-left: 62px;}
.wzdt .right .cont ul li span{width: 34px;line-height: 34px;margin-left: 16px;text-align:  center;height: 34px;margin-top: 17px;border-radius: 50%;background: #000;display:  block;color: #fff;}
.wzdt .right .title a{color: #fff;}
.wzdt .inner-place{margin-top: 131px;margin-left: 6%;}
.wzdt .inner-place .inner-position{background: #dadada;height: 39px;line-height: 38px;width: 22%;}