@charset "utf-8";

 /*

Copyright (C) 济南卓博信息技术有限公司 All rights reserved

版权声明：以下代码均属于济南卓博信息技术有限公司（以下简称卓博科技）原创设计，版权归卓博科技所有，拷贝、抄袭、盗用者将追究其法律责任。

 */

body { background: #fff; }

#chatBtn{display:none !important;}

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

dl,dd{margin:0;}

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 { width: 100%; position: relative;}

.header .head-top {height:30px;line-height: 30px; background:url(head-top-bg.jpg) no-repeat top center;font-size:13px;border-bottom:1px solid #ccc;}

.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 b{color:#fece00;}

.header .head-top .right i { font-size:14px; line-height: 30px;margin-right:15px;color:#ccc;}

.header .head-top .right .fa-clone{margin-right:0px;}

.header .head-top .right i span{margin-left:5px;}

.header .head-top .right img { position: absolute; right:65px; display: none;  width: 150px; z-index: 9999;}

.header .head-top .right .fa-comments:hover { cursor: pointer; }

.header .head-top .right .fa-comments:hover img { display: block; }

.header .head-top .right .fa-clone a{color:#ccc;}

.header .head-center { height: 130px; background: url(head-center-bg.jpg); clear: both;}

.header .head-center .logo { float: left; margin-top: 0px; margin-bottom: 0;}

.header .head-center .introduce { float: left; width:370px; margin: 0; }

.header .head-center .introduce img { float: left; }

.header .head-center .introduce strong { margin-top: 30px; margin-bottom: 5px; font-size:26px; color: #1f62b1; display: block; }

.header .head-center .introduce strong span { }

.header .head-center .introduce div { font-size: 18px; color: #666; margin-top:10px; letter-spacing: 1px; }

.header .head-center .right{float:right;width:400px;}

.header .head-center .right .search{width:300px;margin-top:32px;}

.header .head-center .right .search .text{padding-left:10px;height:34px;width:280px;float:left;border: 1px solid #999;background:#fff;}

.header .head-center .right .search .button{width:14%;float:left;height:38px;background:#999;color:#fff;line-height:38px;border:0;}

.header .head-center .right .tags{color:#666;line-height:45px;width:420px;}

.header .head-center .right .tags span{font-weight:bold;float:left;}

.header .head-center .right .tags h4{font-size:12px;float:left;line-height:45px;margin:0;margin-right:5px;}

.header .nav { height: 45px; background:url(head-nav.jpg) no-repeat top 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; line-height: 45px; }

.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:133px;border-right: 1px solid #18338E;border-left: 1px solid #2E75C7;text-align: center; line-height: 25px; margin-top: 10px;font-size:15px; }

.header .nav .menu ul .on { background:#fece00; border: none;}

.header .nav .menu ul .on a { color: #333; border: none; }

.header .nav .menu ul li:hover { background:#fece00;}

.header .nav .menu ul li:hover a { color: #333; }

.header .nav .menu ul li .sub {background: #eee; z-index: 200; position: absolute; top: 45px; }

.header .nav .menu ul li .sub li a { border: none; color: #333;border-top: 1px solid #ccc; height: 45px; margin: 0; line-height: 45px; }

.header .nav .menu ul li .sub li a:hover { color: #333; }

.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%;overflow: hidden; position: relative;z-index:90;}

.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 15px; left: 44%; z-index:91;}

.banner .hd ul { overflow: hidden; zoom: 1; float: left; }

.banner .hd ul li { float: left; margin-right: 2px; width: 60px; height: 5px; line-height: 14px; text-align: center; background:#ededed; cursor: pointer; border-radius: 100px; margin: 0 2px; }

.banner .hd ul li.on { background: #065fb1; color: #065fb1; }

.banner .bd { width: 100%;overflow: hidden; margin: 0 auto; position: relative }

.banner .bd ul { width: 100%;top: 0; left: 0 }

.banner .bd li { float: left; width: 100%;}

.banner .bd li span { display: block; width: 100%;}

.banner .bd li a { display: block; width: 100%;}

.banner .bd li a img{width:100%;}

.banner .prev, .banner .next { height: 75px; background: #fff; position: absolute;top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000;}

.banner .next { left: auto; right:0; background-position: 8px 5px; }

.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }

.banner .prevStop { display: none; }

.banner .nextStop { display: none; }



.navbar-example { position: fixed; top:30%; left:10px; width:100px; z-index:80; box-sizing:border-box;}

.navbar-example .nav { background:#065fb1;}

.navbar-example .nav img {width:100%;}

.navbar-example .navbar-collapse { padding: 0; }

.navbar-example .navbar-nav li {float: none; height: 40px; width:100px; border-top: 1px solid #fff; text-align: center; line-height: 40px; background: #065fb1; border-right: 1px solid #fff;}

.navbar-example .navbar-nav li a { padding: 0; line-height: 40px; color: #fff;}

.navbar-example .navbar-nav li a:hover { background: #fece00; color: #000;}

.navbar-example .navbar-nav li a:focus { background: #fece00; color: #000;}



.index-title { height: 100px; text-align:center; background:url(index-title.png) no-repeat center 1px; margin:30px 0 30px;}

.index-title .title-text { height:65px;width: 145px; margin: 0 auto; }

.index-title .en { font-size: 56px;line-height:65px; font-weight: bold; color: #065fb1; float: left;}

.index-title .cn { float: right; margin-top:6px;}

.index-title .cn span { color: #065fb1; display: block; font-size: 24px; height: 30px; }

.index-title .cn small { color: #999; font-weight: bold; font-size: 16px; }

.index-title h1{ clear:both;margin:0px auto 10px;text-align:center;font-size:16px;}

.index-title .h1{ clear:both;margin:0px auto 10px;text-align:center;font-size:16px;}



.hrfj-feature{position:relative;height:120px;}

.hrfj-feature ul{height:200px;position:absolute;top:-80px;z-index:9995;}

.hrfj-feature ul li{width:400px;float:left;height:200px;padding:15px;}

.hrfj-feature .cont-1{background:#fcdc4c;}

.hrfj-feature .cont-2{background:#fece00;}

.hrfj-feature .cont-3{background:#fead00;}

.hrfj-feature .left{float:left;width:150px;margin-top:55px;}

.hrfj-feature .left h2{color:#333;font-size:66px;text-align:center;line-height:30px;}

.hrfj-feature .left small{color:#333;font-size:16px;}

.hrfj-feature .right{float:right;margin-top:30px;}

.hrfj-feature .right h3{color:#666;font-size:18px;line-height:22px;}

.hrfj-feature .right span{color:rgba(0,0,0,0.4);font-size:8px;line-height:36px;}

.hrfj-feature .right .line{width:200px;height:1px;background:rgba(0,0,0,0.2);margin-bottom:10px;}

.hrfj-feature .right i{font-size:44px;color:rgba(0,0,0,0.2);}



.hrfj-info{padding:2px 0;}

.hrfj-info .container{height:22px;line-height:22px;overflow:hidden;border-top:1px solid #fff;}

.hrfj-info i{font-size:20px;float:left;margin:0 10px;line-height:22px;color:#fece00;}

.hrfj-info ul li a{color:#555;margin-left:10px;}

.hrfj-info ul li span{float:right;color:#666;margin-right:10px;}



.hrfj-about{clear:both;padding:10px 0;background:url(about-bg.png) no-repeat bottom center;height:540px;}

.hrfj-about .index-title{margin-bottom:0;}

.hrfj-about .container{}

.hrfj-about .cont{}

.hrfj-about .about-cont {width:550px;float:left;margin-bottom: 34px;}

.hrfj-about .about-cont .ab-hr{width:60px;height:2px;background:#065fb1;}

.hrfj-about .about-cont .ab-title { font-size: 22px; font-weight: bold;margin:20px 0 5px 0;}

.hrfj-about .about-cont .ab-title span { color: #999; font-size: 16px; }

.hrfj-about .about-cont  p {color: #444; line-height: 22px;text-indent:2em;}

.hrfj-about .about-cont  strong{font-size:16px;display:block;padding-bottom:10px;}

.hrfj-about .about-cont a{display:block;width:120px;height:30px;border:1px solid #065fb1;border-radius:100px;background:none;color:#666;line-height:26px;text-align:center;box-sizing:border-box;}

.hrfj-about .about-cont a:hover{border:none;background:#065fb1;color:#fff;}



.hrfj-video{padding:60px 0;clear:both;overflow:hidden;background:url(video-bg.jpg) no-repeat center;}

.hrfj-video .slideGroup{}

.hrfj-video .slideGroup .parHd{height:50px;line-height:50px;}

.hrfj-video .slideGroup .parHd ul li{width:200px;height:50px;line-height:50px;text-align:center;color:#fff;background:#333;float:left;margin-right:10px;font-size:16px;}

.hrfj-video .slideGroup .parHd ul .on{background:#fece00;color:#333;}

.hrfj-video .slideGroup .parHd .hrfj-video-hr{height:1px;width:850px;background:#fff;float:left;margin-top:26px;margin-left:50px;}

.hrfj-video .slideGroup .parHd  a{float:right;color:#ccc;}

.hrfj-video .slideGroup .parHd  a:hover{color:#fff;}

.hrfj-video .slideGroup .parBd{position:relative;margin-top:20px;}

.hrfj-video .slideBox .sPrev,.hrfj-video .slideBox .sNext { display: block; background:rgba(0,0,0,0.6); line-height: 40px; cursor: pointer; position: absolute; width:50px; height:40px; text-align: center; margin-top: 70px;z-index:10;}

.hrfj-video .slideBox .sPrev {left:0;}

.hrfj-video .slideBox .sNext { right:0; }

.hrfj-video .slideBox a span { font-size: 18px; color: #fff; }

.hrfj-video .slideBox ul { overflow: hidden; zoom: 1; }

.hrfj-video .slideBox ul li { margin: 0 9px; float: left; display: inline; overflow: hidden; background: #fff; text-align: center; }

.hrfj-video .slideBox ul li a{display: block;margin:10px 0;}

.hrfj-video .picList .video-0{width:380px;height:258px; background: #fff;padding:10px;}

.hrfj-video .picList li span a{display: block;margin:0px auto 10px;}



.hrfj-product { clear: both; overflow: hidden; background: #f5f5f5; border-top: 1px solid #ccc; padding-top: 30px; padding-bottom: 40px; }

.hrfj-product .container { }

.hrfj-product .pro-nav { float: left; width: 220px; background: #fff; border: 1px solid #eee;margin-left:45px; }

.hrfj-product .pro-nav .pro-nav-t { background: #065fb1 url(pro_t.jpg); font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-top: 15px; padding-bottom: 15px; }

.hrfj-product .pro-nav .pro-nav-t span { display: block; font-size: 12px; font-weight: 500; margin-top: 2px; }

.hrfj-product .pro-nav .pro-nav-menu{}

.hrfj-product .pro-nav .pro-nav-menu dl{display:none;color:white;padding:10px;line-height:30px;}

.hrfj-product .pro-nav .pro-nav-menu dd{padding:10px;border-bottom:1px dashed #ccc;}

.hrfj-product .pro-nav .pro_list{background-color:#999;color:white;line-height:40px;border-bottom:solid 1px #666;}

.hrfj-product .pro-nav .pro_list i{ float:right;margin-top:18px;}

.hrfj-product .pro-nav .pro_list .pro-nav-bt {display:block;line-height:55px;height:55px;font-size:17px;padding: 0px 15px;background:#0270c0;margin-top: 6px;color:#fff;}

.hrfj-product .pro-nav .pro_list .pro-nav-bt:hover{background: #065fb1;color:#fff;}

.hrfj-product .pro-nav .pro-nav-menu dd:hover{background:#0270c0;cursor:pointer;}

.hrfj-product .pro-nav .pro-nav-menu dd:hover a{color:#fff;}



.hrfj-product .pro-nav .pro-nav-menu .sub-menu li a{display: block;line-height:30px;height:30px;border-bottom:1px dotted #ccc;padding:0 20px;}

.hrfj-product .pro-nav .pro-nav-menu .sub-menu li i{float:left;font-size:14px;margin-top:8px;margin-left:20px;margin-right:10px;color:#065fb1;}

.hrfj-product .pro-nav .kefu-center{margin-top:10px;}

.hrfj-product .pro-nav .kefu-center .weicode { text-align: center; }

.hrfj-product .pro-nav .kefu-center .weicode img { width: 160px; background: #fff; padding: 5px; border-radius: 5px; }

.hrfj-product .pro-nav .phone { clear: both; padding-top: 10px; background: #fff; }

.hrfj-product .pro-nav .phone i { font-size: 18px; margin-right: 10px; margin-left: 22px; color: #065fb1; }

.hrfj-product .pro-nav .phone strong { font-size: 16px; font-weight: 500; }

.hrfj-product .pro-nav .phone li {l;line-height: 40px;color: #111;border: 0;margin-left: 0;margin-right: 0;border-top: 1px dashed #ccc;margin-bottom: 3px;padding: 0 5px;display: block;}

.hrfj-product .pro-nav .phone img { width: 100%; margin:0; }

.hrfj-product .pro-nav .map img { width: 218px; height: 188px; }

.hrfj-product .pro-img { width: 850px; float: right; background: #fff;margin-right:45px;}

.hrfj-product .pro-img .pro-title { height: 35px; line-height: 35px;background:url(title-bg.jpg) center center;}

.hrfj-product .pro-img .pro-title span { float: left; display: block; font-size: 26px; margin-top: 5px; color: #fff;margin-right:10px;margin-left:10px;}

.hrfj-product .pro-img .pro-title .title-title { margin: 0;display: inline;font-size: 16px;color: #fff;}

.hrfj-product .pro-img .pro-title a { float: right;font-size:12px;color:#ccc;margin-right:10px;}

.hrfj-product .pro-img .pro-title a:hover {color:#fff;}

.hrfj-product .pro-img ul { zoom: 1;margin-top:10px;}

.hrfj-product .pro-img ul span{color: #ccc; margin:10px 0; display: block;}

.hrfj-product .pro-img li { width: 264px; float: left; position: relative; margin: 10px 5px; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; text-align: center;background:#eee;padding:4.5px;}

.hrfj-product .pro-img .li-bottom{margin-bottom:20px;}

.hrfj-product .pro-img li:last-child{margin-bottom:10px;}

.hrfj-product .pro-img li img { width: 264px; height: 189px; display: block;}

.hrfj-product .pro-img li span { color: #808080; margin: 13px 0; display: block;}

.hrfj-product .pro-img li span:hover { color: #1a1a1a;}

.hrfj-product .pro-img li .a-link { font-size: 12px; color: #fff; padding: 3px 10px; float: right; background: #006ADB; margin-right: 10px; margin-top: 5px; }

.hrfj-product .pro-img li:hover { z-index: 20; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); }



.advantage .cont .advan-t{font-size:26px;color:#065fb1;font-weight:bold;}

.advantage .cont span{display: block;background:#666;color:#fff;padding:5px 15px;width:110px;border-radius:100px;text-align:center;margin-top:15px;margin-bottom:10px;}

.advantage .cont p{color:#555;}

.advantage .cont p i{color:#065fb1;margin-right:10px;}

.advantage .advan-1{height:714px;background:url(advantage_01.jpg) no-repeat top center;}

.advantage .advan-1 .cont{width:440px;height:300px;margin-top:325px;float:right;margin-right:80px;}

.advantage .advan-2{height:589px;background:url(advantage_02.jpg) no-repeat top center;}

.advantage .advan-2 .cont{width:440px;height:150px;margin-top:135px;float:left;margin-left:360px;line-height:33px;}

.advantage .advan-3{height:628px;background:url(advantage_03.jpg) no-repeat top center;}

.advantage .advan-3 .cont{width:500px;height:300px;margin-top:160px;float:left;margin-left:20px;}

.advantage .advan-4{height:619px;background:url(advantage_04.jpg) no-repeat top center;}

.advantage .advan-4 .cont{width:580px;height:300px;margin-top:147px;float:right;margin-right:-17px;}



.hrfj-partner{background:url(partner-bg.jpg);padding:30px 0;}

.hrfj-partner .index-title {margin:0px 0 10px;background:url(index-title-.png) no-repeat center 1px;}

.hrfj-partner .index-title .en {color: #fff;}

.hrfj-partner .index-title .cn span { color: #fff;}

.hrfj-partner .index-title .cn small { color: #ccc;}

.hrfj-partner .index-title .h1{ color: #ccc;}

.hrfj-partner .bd ul li{width:200px;height:80px;float:left;background:#fff;margin:0 20px 20px;border-radius:5px;}

.hrfj-partner .bd ul li img{border-radius:5px;}



.hrfj-case{height:600px;background:url(case-bg.jpg) top center fixed;}

.hrfj-case .index-title {margin-top:50px;}

.hrfj-case .cont{background:#e6e6e6;padding:20px;overflow:hidden;}

.hrfj-case .cont .case-img { overflow: hidden; position: relative; }

.hrfj-case .cont .case-img .bd ul { overflow: hidden; zoom: 1; }

.hrfj-case .cont .case-img .bd ul li { width:370px;float: left; display: inline; overflow: hidden; text-align: center; margin-left: 15px; }

.hrfj-case .cont .case-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }

.hrfj-case .cont .case-img .bd ul li .pic img { display: block; border: 1px solid #ccc; border-radius:2px; }

.hrfj-case .cont .case-img .bd ul li span { color: #666; margin: 5px 0; display: block; }



.hrfj-news { padding:50px 0;overflow: hidden;background:url(news-bg.jpg) no-repeat top center; height: 730px;}

.hrfj-news .index-title{margin:0 0 40px;background:url(index-title-.png) no-repeat center 1px;}

.hrfj-news .index-title .en {color: #fff;}

.hrfj-news .index-title .cn span { color: #fff;}

.hrfj-news .index-title .cn small { color: #ccc;}

.hrfj-news .index-title .h1{ color: #ccc;}

.hrfj-news .news-left { width: 750px; float: left; overflow: hidden; padding-bottom: 10px;padding-left:20px; }

.hrfj-news .news-left .hd {height: 30px; line-height: 30px; border-bottom: 2px solid #065fb1;}

.hrfj-news .news-left .hd li {float: left; margin-right:10px; font-size: 16px; background: #065fb1; color: #fff; height: 30px; line-height: 30px; padding: 0 10px;}

.hrfj-news .news-left .hd li a { color: #ccc; }

.hrfj-news .news-left .hd .on a { color: #fff; }

.hrfj-news .news-left .hd .link {float: right;font-size:12px;color: #bbb;}

.hrfj-news .news-left .hd .link:hover{color: #065fb1;}

.hrfj-news .news-left .ne-img { padding: 15px 15px 25px; }

.hrfj-news .news-left .ne-img li { height: 170px; padding-top: 6px; border-bottom: 1px dashed #ccc; }

.hrfj-news .news-left .ne-img li img { width: 200px; height: 134px; display: block; float: left; margin-right: 20px; border: 1px solid #ccc; }

.hrfj-news .news-left .ne-img span { display: block; font-size: 16px; color: #065fb1; margin: 10px 0; font-weight: bold; }

.hrfj-news .news-left .ne-img p { color: #333; line-height: 24px; }

.hrfj-news .news-left .ne-img a { color: #999; margin-top: 20px; border: 0; font-size: 12px; }

.hrfj-news .news-left .ne-img a:hover { color: #065fb1; }

.hrfj-news .news-left .ne-list { overflow: hidden; }

.hrfj-news .news-left .ne-list li { line-height: 40px;height:46px;overflow:hidden; background: #e5e5e5; width: 335px; float: left; margin: 0 15px; margin-bottom: 10px; }

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

.hrfj-news .news-left .ne-list li a { color: #333; font-size: 12px; }

.hrfj-news .news-left .ne-list li:hover { background: #065fb1; }

.hrfj-news .news-left .ne-list li:hover a{color:#fff;}

.hrfj-news .news-right { width: 320px; float: right; padding-right:20px;}

.hrfj-news .news-right .hd {height: 30px; line-height: 30px; border-bottom: 2px solid #065fb1;}

.hrfj-news .news-right .hd li {float: left; margin-right:10px; font-size: 16px; background: #065fb1; color: #fff; height: 30px; line-height: 30px; padding: 0 10px;}

.hrfj-news .news-right .hd li a { color: #fff; }

.hrfj-news .news-right .hd .link {float: right;font-size:12px;color: #bbb;}

.hrfj-news .news-right .hd .link:hover{color: #065fb1;}

.hrfj-news .news-right .bd .tempWrap { width: 320px !important; padding: 0; }

.hrfj-news .news-right .bd ul { zoom: 1; width: 300px; padding: 5px; } 

.hrfj-news .news-right .question-top { overflow: hidden; position: relative; clear: both; height: 449px; margin-left: 10px;margin-top: 17px; }

.hrfj-news .news-right .question-top .bd { padding: 0px; }

.hrfj-news .news-right .question-top .infoList li { border-bottom: 1px dashed #ccc; }

.hrfj-news .news-right .question-top .infoList li .h5 { font-size: 14px; color: #333; height: 40px; margin: 0;line-height:20px;margin-top:15px;}

.hrfj-news .news-right .question-top .infoList li .h5 span { background: #065fb1; color: #fff; font-size: 14px; border-radius: 2px; margin-right: 5px;width:25px;height:25px;line-height:25px;text-align:center; float: left;display: block;}

.hrfj-news .news-right .question-top .infoList li .h5 a { color: #333;}

.hrfj-news .news-right .question-top .infoList li .answer { color: #666; padding-bottom:16px; }

.hrfj-news .news-right .question-top .infoList li .answer span { display: block; font-size: 12px; }

.hrfj-news .news-right .question-top .infoList li .answer small  { color: #fff; background: #999; font-size: 14px;border-radius: 2px; margin-right: 5px; float: left;width:25px;height:25px;text-align: center;line-height: 25px;}



.hrfj-flow{margin:20px 0;}

.hrfj-flow .index-title{margin-bottom:0;}

.hrfj-flow .cont{background:url(hrfj-flow.jpg) top center;width:1200px;height:346px;}

.hrfj-flow .cont ul li{float:left;width:224px;text-align:center;padding-top:40px;margin-right:20px;}

.hrfj-flow .cont ul li span{display: block;color:#fff;font-size:20px;font-weight:bold;margin-top:30px;letter-spacing:2px;margin-bottom:80px;}

.hrfj-flow .cont ul li p{line-height:30px;}



.yqlj {background: #fff;}

.yqlj .container { height: 130px; background: url(yqlj.png); }

.yqlj ul { padding-top: 75px; padding-left: 130px; }

.yqlj li { font-size: 12px; margin-right: 10px; float: left; }

.yqlj li a { color: #aaa; }



.footer{background:url(foot-bg.jpg) top center;height:370px;}

.footer .left{float:left;height:338px;}

.footer .left .company{width:400px;height:80px;line-height:80px;text-align:center;font-size:20px;color:#fff;}

.footer .left .f-contact{margin-top:10px;margin-left:20px;width:370px;}

.footer .left .f-contact p{font-size:16px;margin-top:20px;}

.footer .left .f-contact p i{font-size:18px;color:#065fb1;margin-right:10px;width:18px;}

.footer .left .f-link ul li{float:left;margin-right:5px;color:#aaa;font-size:12px;}

.footer .right{float:right;width:770px;}

.footer .right .foot-nav{margin-top:50px;border-bottom:1px solid #545454;padding-bottom:40px;}

.footer .right .foot-nav ul li{float:left;margin-right:40px;}

.footer .right .foot-nav ul li a{color:#ccc;}

.footer .right .foot-nav ul li a:hover {color:#fff;}

.footer .right .foot-copy{color:#ccc;margin-top:15px;}

.footer .right .foot-copy a span {color:#ccc;} 

.footer .foot-qr{margin-top:20px;overflow:hidden;margin-left:11px;}

.footer .qr { float: left; color: #fafafa;width: 148px; text-align: center;margin-right:37px;}

.footer .qr img { width: 120px; display: block; margin:20px auto;margin-bottom:20px;}

.footer .qr span {color:#aaa;}

.footer .foot-bottom{height:30px;line-height:30px;clear:both;font-size:12px;color:#ccc;overflow:hidden;}

.footer .foot-bottom p{margin:0;}

.footer .foot-bottom a{color:#fff;}

.footer .foot-bottom img{height:30px;float:right;}



.inner {background:#f6f6f6;}

.inner .inner-banner{}

.inner .inner-banner-1{height:300px;background:url(inner-banner-1.jpg) top center;}

.inner .inner-banner-2{height:300px;background:url(inner-banner-2.jpg) top center;}

.inner .inner-banner-3{height:300px;background:url(inner-banner-3.jpg) top center;}

.inner .inner-banner img{width:100%;}

.inner .inner-place {height: 40px;line-height: 40px;margin-top:20px;background:#ddd;}

.inner .inner-place li{float:left;}

.inner .inner-place a { color: #555; margin-right: 5px; }

.inner .inner-place a:hover{color:#065fb1;}

.inner .inner-place .inner-position { float: left; color: #555;padding:0 5px;}

.inner .inner-nav{overflow:hidden;padding:10px 0;text-align:center;background:#fff;}

.inner .inner-nav ul li{display: inline-block;}

.inner .inner-nav ul li a{display: inline-block;margin:10px;padding:10px 20px;font-size:16px;background:#fafafa;}

.inner .inner-nav ul .hover{background:#065fb1;color:#fff;}



.inner .category-cont{padding-top:10px;background:#fff;}

.inner .category-cont .cate-title{height:45px;line-height:45px;background:#eee;}

.inner .category-cont .cate-title a{display: block;font-size:16px;background:#065fb1;color:#fff;width:200px;text-align:center;}

.inner .category-cont ul{overflow:hidden;}

.inner .category-cont ul li{width:380px;float:left;margin:10px;text-align:center; height: 380px;}

.inner .category-cont ul li img{width:100%;}

.inner .category-cont ul li h5{border-bottom:1px solid #eee;font-size:16px;color:#065fb1;padding:10px 0;font-weight:bold;}

.inner .category-cont ul li p{font-size:12px;color:#555;margin-top:10px;}



.inner .image-list{overflow:hidden;margin-top:10px;background:#fff;}

.inner .image-list ul li{width:370px;margin:15px;float:left;background:#eee;padding:15px;}

.inner .image-list ul li img{width:100%;}

.inner .image-list ul li .text{text-align:center;}

.inner .image-list ul li .text .title{font-size:16px;display: block;margin:10px auto;border-bottom:1px solid #ccc;padding-bottom:10px;}

.inner .image-list ul li .text .left{font-size:12px;color:#555;}

.inner .image-list ul li .text .left span{margin:5px 0;font-size:14px;color:#333;}

.inner .image-show{overflow:hidden;background:#fff;margin-top:20px;}

.inner .image-show .img-info{overflow:hidden;}

.inner .image-show .left{float:left;width:800px;}

.inner .image-show .right{float:right;width:345px;margin-right:15px;}

.inner .image-show .right h1{font-size:28px;color:#065fb1;border-bottom:1px dashed #ccc;padding-bottom:20px;margin-top:20px;}

.inner .image-show .right .attr{margin:20px 0;}

.inner .image-show .right .attr i{color:#065fb1;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:#065fb1;border-bottom:1px solid #ccc;padding:10px;}

.inner .image-show .right .imge-tag ul li a{display: block;float:left;padding:3px 5px;background:#eee;border-radius:50px;margin:5px;}

.inner .image-show .img-cont{margin-top:10px;padding:10px 20px;}

.inner .image-show .img-cont .cont-title{font-size:18px;line-height:40px;background:#065fb1;padding-left:10px;margin-bottom:10px;color:#fff;}

.inner .image-show .img-cont blockquote{font-size:16px;line-height:36px;border-left:3px solid #065fb1;background:#eee;padding:0;padding-left:10px;margin-bottom:10px;}

.inner .image-show .img-cont .table span{font-size:14px !important;font-family: none !important;}



.inner .news-list{}

.inner .news-list ul li{margin-top:20px;box-shadow: 0 0 15px #ccc;}

.inner .news-list ul li a{display: block;padding:20px;background:#fff;overflow:hidden;}

.inner .news-list ul li img{float:left;width:300px;height:200px;}

.inner .news-list ul li .right{float:right;width:820px;}

.inner .news-list ul li h2{font-size:20px;margin-top:0;font-weight:bold;}

.inner .news-list ul li .info{color:#aaa;}

.inner .news-list ul li .info i{margin-right:10px;}

.inner .news-list ul li .info .fa-eye{margin-left:10px;}

.inner .news-list ul li p{border-top:1px solid #065fb1;padding-top:20px;margin-top:20px;}

.inner .news-list ul li .tags{overflow:hidden;}

.inner .news-list ul li .tags i{float:left;margin-right:10px;color:#065fb1;font-size:24px;}

.inner .news-list ul li .tags .tag-name{float:left;border:1px solid #eee;border-radius:5px;padding:3px 5px;font-size:12px;margin-right:10px;}

.inner .news-list ul li span{display: block;width:140px;text-align:center;line-height:35px;height:35px;background:#065fb1;color:#fff;margin-top:10px;}

.inner .news-list ul li:hover{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}

.inner .page {text-align:center;}

.inner .page li a{color: #065fb1;}

.inner .page .active a{background-color: #065fb1;border-color: #065fb1;color:#fff;}

.inner .news-show{background:#fff;padding:30px;margin-top:20px;float:left;width:850px;}

.inner .news-show h1{font-size:24px;text-align:center;}

.inner .news-show .attr{margin-top:20px;overflow:hidden;text-align:center;border-bottom:1px dashed #ccc;padding-bottom:10px;}

.inner .news-show .attr span{margin-right:10px;}

.inner .news-show .attr i{margin-right:10px;color:#065fb1;}

.inner .news-show .cont{margin-top:20px;}

.inner .news-show .statement a{color:#065fb1;}

.inner .news-show .news-tag{overflow:hidden;margin-top:10px;}

.inner .news-show .news-tag .fa-tags{float:left;margin-right:10px;font-size:22px;margin-top:3px;}

.inner .news-show .news-tag ul li a{display: block;float:left;border:1px solid #ccc;padding:5px 10px;margin-right:10px;border-radius:5px;}

.inner .news-show .show-pages{overflow:hidden;margin-top:30px;}

.inner .news-show .show-pages p{background:#fafafa;width:400px;float:left;border:1px solid #ccc;border-radius:10px;padding:8px 0;margin:10px;text-align:center;}

.inner .news-relevant{width:250px;float:right;background:#fff;padding:30px 10px;margin-top:20px;}

.inner .news-relevant .rel-title{background:#065fb1;text-align:center;color:#fff;font-size:16px;line-height:40px;}

.inner .news-relevant ul li{border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;}

.inner .news-relevant ul li em{display: block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#065fb1;border-radius:100px;float:left;margin-right:10px;}

.inner .news-relevant ul li span{display: block;float:left;width:210px;}



.inner .page-contact{}

.inner .page-contact{background:#fff;padding:20px;margin-top:20px;}

.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:#065fb1;}

.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:#065fb1;}

.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: #222222;}

.inner .page-contact .center ul li i{font-size:30px;background:#065fb1;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:#065fb1;}

.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: 20px;color: #333; padding:30px;padding-bottom:10px;background:#fff;}



.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:#065fb1;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%;}



.kefu{position:fixed;width:70px;height:275px;right:0;top:30%;z-index:80;}

.kefu ul li{width:70px;height:70px;float:left;position:relative;border-bottom:1px solid #444;}

.kefu ul li div{position:absolute;width:70px;height:70px;line-height:70px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;}

.kefu ul li div:hover{background:#065fb1;opacity:1;filter:Alpha(opacity=100);}

.kefu ul li  i{font-size:30px;height:60px;width:60px;text-align:center;padding-left:5px;padding-top:10px;color:#fff;float:left;}

.kefu ul li .kefutop{width:70px;height:70px;line-height:70px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.kefu ul li .kefutop:hover{background:#065fb1;opacity:1;filter:Alpha(opacity=100);}

.kefu ul li img{position:fixed;right:70px;width: 150px;border: 2px solid #ccc;border-radius: 5px;top:330px;display: none;}

.kefu .kefu-qr:hover img{display:block;}

.kefu ul i small{font-size: 12px;display: block;margin-top: 5px;}



.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:#065fb1;color:#fff;font-size:16px;padding:0 10px;float:left;}

.tag-home .tag-about .tag-cont{border:1px solid #eee;padding:10px;}

.tag-home .tag-block-1{overflow:hidden;margin-top:10px;}

.tag-home .tag-block-1 ul{width:358px;float:left;border:1px solid #eee;padding:10px;margin:10px;}

.tag-home .tag-block-1 ul li{height:30px;line-height:30px;border-bottom:1px dashed #ccc;font-size:14px;}

.tag-home .tag-block-1 ul li span{float:right;}

.tag-home .tag-block-2{overflow:hidden;margin-top:10px;}

.tag-home .tag-block-2 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}

.tag-home .tag-block-2 .left{float:left;width:550px;}

.tag-home .tag-block-2 .right{float:right;width:550px;}

.tag-home .tag-block-2 ul li img{width:100%;height:340px;}

.tag-home .tag-block-2 ul li h6{height:37px;line-height:37px;border-bottom:1px dashed #ccc;font-size:14px;}

.tag-home .tag-block-2 ul li span{float:right;}

.tag-home .tag-block-3{overflow:hidden;margin-top:10px;}

.tag-home .tag-block-3 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}

.tag-home .tag-block-3 ul li{width:316px;float:left;margin:10px;border:1px solid #ccc;padding:10px;}

.tag-home .tag-block-3 ul li img{width:100%;}

.tag-home .tag-block-3 ul li span{display:block;height:30px;line-height:30px;text-align:center;}

.tag-home .tag-block-4{overflow:hidden;margin-top:10px;}

.tag-home .tag-block-4 .tag-cont{overflow:hidden;}

.tag-home .tag-block-4 ul li{border:1px solid #eee;margin:10px;float:left;width:378px;height:80px;}

.tag-home .tag-block-4 ul li i{width:100px;text-align:center;font-size:30px;color:#fff;height:80px;line-height:80px;float:left;margin-right:10px;}

.tag-home .tag-block-4 ul li .fa-phone{background:#a7d82e;}

.tag-home .tag-block-4 ul li .fa-internet-explorer{background:#5593ef;}

.tag-home .tag-block-4 ul li .fa-map-marker{background:#efa900;}

.tag-home .tag-block-4 ul li span{display:block;line-height:80px;float:left;font-size:18px;}

.tag-home .tag-block-4 ul li:nth-child(3) span{line-height:42px;width:230px;}

.tag-home .tag-block-5{overflow:hidden;margin-top:10px;}

.tag-home .tag-block-5 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}

.tag-home .tag-block-5 .tag-cont a{display:block;background:#eee;padding:5px 8px;float:left;margin:10px;}



/*推荐新闻*/

.recommend-news{margin-top:10px;background:#fff;padding:10px;}

.recommend-news .rec-title{height:35px;line-height:35px;border-bottom:1px dashed #ccc;font-size:16px;border-left:2px solid #ccc;padding-left:10px;background:#fafafa;}

.recommend-news .rec-list{overflow:hidden;margin-top:10px;}

.recommend-news .rec-list ul li{width:570px;float:left;margin:10px;line-height:30px;border-bottom:1px dashed #ccc;}

.recommend-news .rec-list ul li span{float:right;font-size:12px;}

/*相关产品或案例*/

.relevant-product{width:250px;float:right;background:#fff;padding:30px 10px;margin-top:20px;}

.relevant-product .rel-title{background:#065fb1;text-align:center;color:#fff;font-size:16px;line-height:40px;}

.relevant-product ul li{border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;text-align:center;}

.relevant-product ul li img{width:100%;}

.relevant-product ul li span{display: block;margin:5px auto;}