@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; }
.header { z-index: 100; width: 100%; position: relative; }
.header .head-top { height: 30px; line-height: 30px; background: #333;font-size:13px;}
.header .head-top .left { float: left; color: #ccc; }
.header .head-top .left i { font-size: 18px; margin-right: 10px; }
.header .head-top .right { float: right; }
.header .head-top .right ul li { float: left; color: #ccc; }
.header .head-top .right a { color: #ccc; }
.header .head-top .right a:hover { color: #fff;}
.header .head-top .right span { color: #bbb; margin: 0 8px; }
.header .head-top .right .wechat { float: right;position:relative;}
.header .head-top .right .wechat img { position: absolute; right: 0px; display: none; z-index: 300;width:150px; }
.header .head-top .right .wechat:hover { cursor: pointer; }
.header .head-top .right .wechat:hover img { display: block; }
.header .head-center { height: 130px; clear: both;border-top:1px solid #e7e7e7;}
.header .head-center .logo { float: left; margin-top:-4px; margin-bottom: 0;margin-right:-44px;}
.header .head-center .logo  h2 { float: left; margin-top: 0px; margin-bottom: 0;}
.header .head-center .introduce { float: left; width: 430px; margin-left: 40px; }
.header .head-center .introduce img { float: left; }
.header .head-center .introduce .title-title { margin-top: 30px; margin-bottom: 5px; font-size: 22px; color:#1470af; display: block;font-weight: bold; }
.header .head-center .introduce strong span { }
.header .head-center .introduce em { font-size: 18px; color: #444444; margin-top: 15px;letter-spacing:1px; }
.header .head-center .introduce h3 { font-size: 18px; color: #888; margin: 0;display: inline;}
.header .head-center .phone { float: right; font-size: 28px; margin-top: 15px; width: 300px; }
.header .head-center .phone img { margin-right: 10px; float: left; }
.header .head-center .phone .phone-num { float: left; margin-top: 10px; }
.header .head-center .phone small { font-size: 16px; display: block; margin-left: 3px; color: #656565; }
.header .head-center .phone span { float: left; color: #1470af; font-size: 27px;font-weight: bold; }
.header .nav { height: 45px;background:url(nav-bad.jpg) no-repeat center center; clear: both; z-index: 200; position: relative; }
.header .nav .menu ul { padding: 0; list-style: none; margin: 0;min-width:96px;}
.header .nav .menu ul li {float: left;position: relative;height:45px;width: 133px;line-height:40px;}
.header .nav .menu ul li span { margin-right: 10px; }
.header .nav .menu ul li a { display: inline-block; float: left; height:25px; color: #E4E4E4;width:150px;text-align: center; line-height: 25px;margin-top:10px;}
.header .nav .menu ul .on { background: url(head-nav-hover.jpg) center center; border: none; color: #333; }
.header .nav .menu ul .on a { color: #fff;border:none;}
.header .nav .menu ul li:hover {background: #606060; color: #fff; }
.header .nav .menu ul li:hover a{color:#fff;}
.header .nav .menu ul li .sub{width:135px;background:#eee;z-index:200;position:absolute;top:45px;}
.header .nav .menu ul li .sub li a{border:none;color:#333;width:135px;border-top:1px solid #ccc;height:45px;margin:0;line-height:45px;}
.header .nav .menu ul li .sub li a:hover{color:#fff;}
.header .nav .menu ul li .sub-menu{color:#333;display: none;overflow:hidden;}
.header .nav .menu ul li:hover .sub-menu{display: block;}
.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;}
.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;}
.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: 6px;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;}





.feft-image {text-align:center;border:1px solid #00736d;margin-top:10px;}
.feft-image ul li {width:250px;margin:0 auto;}
.feft-image ul li a {padding:10px 10px;font-size:14px;display:block;border-bottom:1px dashed #ccc;}
.feft-image ul li img {width:100%;}

.feft-title{ color: #ffffff; background:#0368ba url(inner-title.jpg); text-align: center; line-height: 58px; font-size: 20px; font-weight: bold; }
.feft-title1{ color: #ffffff; background: #0368ba url(inner-title.jpg); line-height: 48px; font-size: 20px; font-weight: bold; margin-top: 10px; }












.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 {     overflow: hidden;
    margin-top: 10px;}
.footer .foot-top { height: 50px; line-height: 50px; border-top: 1px solid #ccc; border-bottom: 5px solid #156fae; }
.footer .foot-top .foot-nav ul li { float: left; padding: 0px 12px; }
.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-bottom: -200px;margin-top: 97px;margin-left: -21px;}
.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: -54px;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 { width: 280px; 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 { }
.inner {background:#f6f6f6;}
.inner .inner-banner{}
.inner .banner-about { height: 260px; background: url(banner-about.jpg) center center; }
.inner .banner-image { height: 260px; background: url(banner-image.jpg) center center; }
.inner .banner-news { height: 260px; background: url(banner-news.jpg) center center; }
.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: 257px;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 { 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%;}