@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: #3271c0; }
ul { padding: 0; list-style: none; margin: 0; }
li, img,.text { -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{position:absolute;z-index:999;top:0;width:100%;height:190px;}
.header .logo{float:left;width:150px;height:190px;overflow:hidden;}
.header .logo img{display:block;width:100%;}
.header .inner{float:right;width:calc(100% - 150px);height:90px;line-height:90px;border-bottom:rgba(255,255,255,0.2) solid 1px;}
.header .zx-btn{float:right;padding:25px 0;text-align:center;}
.header .zx-btn a{display:block;width:120px;line-height:40px;font-size:15px;color:#fff;border:#fff solid 1px;}
.header .zx-btn a:hover{border-color:#5ba997;background:#347bcb;}
.header .tel{float:right;padding:25px;line-height:40px;color:#fff;background:url(../images/Common/tel.png) no-repeat 0 center;}
.header .tel span{font-size:15px;}
.header .tel strong{font-size:16px;}
.header .nav{float:right;padding-right:20px;}
.header .nav-list li{position:relative;float:left;padding:0 11px;}
.header .nav-list li>a{position:relative;display:block;font-size:15px;color:#fff;}

.header .nav-list li>a:before,.header .nav-list li>a:after{display:block;position:absolute;bottom:0;width:0;height:2px;content:"";transition:all 0.5s;}
.header .nav-list li>a:before{left:50%;background:url(nav_cur.png) repeat-x center center;}
.header .nav-list li>a:after{right:50%;background:url(nav_cur.png) repeat-x center center;}
.header .nav-list li:hover>a:before,.header .nav-list li:hover>a:after,.header .nav-list li.cur>a:before,.header .nav-list li.cur>a:after{width:50%;}
.header-mobile{display:none;position:absolute;z-index:999;top:0;left:10px;right:10px;overflow:hidden;border-bottom:rgba(255,255,255,0.3) solid 1px;}
.header-mobile .logo{float:left;padding:10px;}
.header-mobile .logo img{width:120px;}
.header-mobile .menu-btn{float:right;width:50px;height:62px;cursor:pointer;background:url(../images/Common/menu_btn.png) no-repeat center;background-size:100%;}
.mask{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.banner { width: 100%;overflow: hidden; position: relative; z-index:90; }
.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: #3271c0; color: #3271c0; }
.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; }

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

.index-title{ text-align: center; background:url(index-title-bg.png) center; height: 80px;}
.index-title .t-1{ font-size: 24px; color: #000000; font-weight: bold; line-height: 42px; }
.index-title .t-1 span{ color: #3271c0; }
.index-title .t-2 { color: #999;margin-top:10px;}
.index-search{padding-top:20px;background:#f5f5f5;}
.index-search .container{background:#3271c0;}
.index-search .phone{float:left;height:110px;width:250px;background:#333;color:#fff;padding-left:50px;}
.index-search .phone span{display: block;font-size:18px;margin-top:25px;}
.index-search .phone strong{font-size:26px;margin-top:20px;}
.index-search .keywords{width:600px;float:left;height:110px;line-height:110px;color:#ddd;padding-left:30px;border-right:1px solid #2b529d;}
.index-search .keywords span{display: block;float:left;}
.index-search .keywords h4{margin-top:0;margin-left:10px;float:left;font-size:14px;line-height:110px;}
.index-search .search{height:110px;float:left;border-left:1px solid #6197ff;line-height:30px;width:320px;padding-left:20px;padding-top:30px;color:#eee;}
.index-search .search .form-control{border:1px solid #6197ff;background:none;color:#eee;}
.index-search .search .btn{background:#6197ff;color:#fff;}
.ckjz-about{background:#f5f5f5;padding-top:20px;padding-bottom:20px;}
.ckjz-about .container{/*background:#fff;*/border-radius:20px;padding:20px;/*box-shadow:0 0 5px #ccc;*/}
.ckjz-about .ab-title{overflow:hidden;clear:both;margin-bottom:10px;line-height:30px;}
.ckjz-about .ab-title .ab-left{float:left;}
.ckjz-about .ab-title .ab-left span{font-size:18px;display: block;float:left;color:#333;margin-right:5px;}
.ckjz-about .ab-title .ab-left small{color:#666;float:left;}
.ckjz-about .ab-title .ab-right{float:right;}
.ckjz-about .ab-title .ab-right a{display: block;width:90px;height:30px;line-height:30px;text-align:center;color:#fff;background:#3271c0;border-radius:100px;}
.ckjz-about .left{width:450px;height:322px;border:1px solid #ccc;float:left;margin-top:20px;position: relative;}
.ckjz-about .left .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.ckjz-about .left .hd ul{ overflow:hidden; zoom:1; float:left;  }
.ckjz-about .left .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.ckjz-about .left .hd ul li.on{ background:#3271c0; color:#fff; }
.ckjz-about .left .bd{ position:relative; height:100%; z-index:0;   }
.ckjz-about .left .bd li{ zoom:1; vertical-align:middle; }
.ckjz-about .left .bd img{ width:450px; height:322px; display:block;  }
.ckjz-about .right{width:670px;float:right;}
.ckjz-about .right .cont{margin-top:20px;color:#666;}
.ckjz-about .right .cont ul {margin-top:30px;}
.ckjz-about .right .cont ul li{float:left;text-align:center;border-left:1px dashed #ccc;width:222px;height:120px;}
.ckjz-about .right .cont ul li:first-child{border-left:0;}
.ckjz-about .right .cont ul li i{display: block;font-size:40px;margin-top:20px;margin-bottom:10px;color:#666;}
.yxf-title{text-align:center;}
.yxf-title .t-1{}
.yxf-title .t-2{width:155px;height:28px;background:url(title-t-2.png);margin:5px auto;color:#fff;font-size:16px;}
.yxf-title .t-3{height:15px;background:url(title-t-3.png) top center;width:1200px;margin:0 auto;}


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

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





.ckjz-video {background: #fff url(video-bg.jpg) top center;padding: 30px 0;margin-top: 0px;}
.ckjz-video .cont { margin-top: 20px; }
.ckjz-video .cont ul li { width: 380px; margin: 10px; float: left; text-align: center; }
.ckjz-video .cont ul li video { width: 380px; height: 213px; }
.ckjz-video .cont ul li span a { display: block; margin: 10px auto; }
.ckjz-video .cont ul li span {line-height: 76px;}

.ckjz-case {margin-top:30px;}
.ckjz-case .cont { border-top: 0; padding:10px; }
.ckjz-case .cont .bd { overflow: hidden; position: relative; }
.ckjz-case .cont .bd .tempWrap { }
.ckjz-case .cont .bd ul { overflow: hidden; zoom: 1; }
.ckjz-case .cont .bd ul li {position: relative; float: left; _display: inline; overflow: hidden; text-align: center; margin: 8px;width:24%;}
.ckjz-case .cont .bd ul li img { width:100%; display: block;z-index:0;}
.ckjz-case .cont .bd ul li .text{margin-top:10px;}
.ckjz-case .cont .hd{overflow:hidden;width:160px;margin:10px auto;}
.ckjz-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;}
.ckjz-case .cont .hd a:hover{background: #3271c0;color:#fff;}
.ckjz-case .cont .hd .case-link{width:60px;}
.ckjz-news{ margin-top: 30px; }
.ckjz-news .cont{overflow:hidden;}
.ckjz-news .left{width:700px;float:left;}
.ckjz-news .left .title{overflow:hidden;}
.ckjz-news .left .title span{width:100px;height:35px;text-align:center;line-height:35px;display: block;background:#3271c0;color:#fff;float:left;font-size:16px;}
.ckjz-news .left .title .hr{width:500px;float:left;height:1px;background:#ccc;margin-left:20px;margin-top:18px;}
.ckjz-news .left ul{border-right:1px dashed #ccc;padding-right:20px;margin-top:25px;}
.ckjz-news .left ul li{overflow:hidden;margin-bottom:15px;}
.ckjz-news .left ul li img{float:left;width:265px;height:198px;}
.ckjz-news .left ul li .text{float:right;width:390px;}
.ckjz-news .left ul li .text span{font-size:18px;color:#3271c0;}
.ckjz-news .left ul li .text p{color:#666;margin-top:20px;}
.ckjz-news .left ul li .text a{display: block;width:70px;height:20px;text-align:center;line-height:20px;background:#3271c0;color:#fff;border-radius:100px;margin-top:20px;}
.ckjz-news .right{width:460px;float:right;}
.ckjz-news .right .hd{overflow:hidden;}
.ckjz-news .right .hd ul li{width:100px;height:35px;text-align:center;line-height:35px;display: block;background:#eee;color:#333;float:left;font-size:16px;margin-right:10px;}
.ckjz-news .right .hd ul .on{background:#3271c0;color:#fff;}
.ckjz-news .right .bd{margin-top:15px;}
.ckjz-news .right .bd ul li{}
.ckjz-news .right .bd ul li a{height:50px;line-height:50px;display: block;border-bottom:1px dashed #eee;color:#666;}
.ckjz-news .right .bd ul li i{flaot:left;margin-right:10px;font-size:16px;}
.ckjz-news .right .bd ul li small{float:right;}
.ckjz-news .right .bd ul li a:hover{color:#3271c0;}
.index-title .title-2{font-size:16px;color:#999;margin-top:10px;margin-bottom:15px;}
.index-title .title-3{display: block;width:160px;height:1px;line-height:2px;background:#999;margin:10px auto;}
.partner { clear: both;padding: 16px 0 5px 7px; background: #fff; height: 300px;}
.partner .title { height: 80px; text-align: center; background: url(title.png) center center; }
.partner .title .title-text { width: 155px; margin: 0 auto; }
.partner .title .bt { font-size: 56px; font-weight: bold; color: #0854a8; float: left; }
.partner .title .st { float: right; margin-top: 13px; }
.partner .title .st span { color: #0854a8; display: block; font-size: 24px; height: 30px;font-weight: bold; }
.partner .title .st small { color: #999; font-weight: bold; font-size: 16px; }
.partner .cont { padding-top: 10px; }
.partner .cont .partner-img { overflow: hidden; position: relative; }
.partner .cont .partner-img .bd .prev, .partner .cont .partner-img .bd .next { display: block; top: 60px; cursor: pointer; position: relative; z-index: 20; height: 60px; text-align: center; width: 30px; color: #fff; line-height: 60px; font-size: 18px; background: #2DB5D9; }
.partner .cont .partner-img .bd .prev { float: right; right: 0px; }
.partner .cont .partner-img .bd .next { float: left; left: 0px; }
.partner .cont .partner-img .bd .tempWrap { }
.partner .cont .partner-img .bd ul { overflow: hidden; zoom: 1; }
.partner .cont .partner-img .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin-left: 15px; }
.partner .cont .partner-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }
.partner .cont .partner-img .bd ul li .pic img {width: 250px; display: block; border: 1px solid #ccc; border-radius: 10px;}
.partner .cont .partner-img .bd ul li span { color: #666; margin: 5px 0; display: block; }
.yqlj {}
.yqlj .container { height: 130px; background: url(yqlj.png) no-repeat; }
.yqlj ul { padding-top: 75px; padding-left: 130px; }
.yqlj li { font-size: 12px; margin-right: 10px; float: left; }
.yqlj li a { color: #aaa; }
/**/
.footer { }
.footer .foot-top { height: 50px; line-height: 50px; border-top: 1px solid #ccc; border-bottom: 5px solid #253569; }
.footer .foot-top .foot-nav ul li { float: left; }
.footer .foot-top .foot-nav ul li span { margin: 0 65px; color: #999; }
.footer .foot-center { background: #333; padding: 20px 0; position: relative; }
.footer .foot-center .left { float: left; width: 420px; color: #eee; font-size: 14px; z-index: 10; margin-top: 60px; }
.footer .foot-center .left ul li { float: left; margin-bottom: 10px; height: 30px; line-height: 30px; }
.footer .foot-center .left ul li i { margin-right: 10px; width: 15px; }
.footer .foot-center .left ul li span { width: 252px; display: block; float: right; }
.footer .foot-center .center { float: left; width: 300px; margin-left: 10px; color: #fff; text-align: center; z-index: 10; position: relative; }
.footer .foot-center .center img { display: block; margin: 2px auto; }
.footer .foot-center .center span { font-size: 20px; display: block; }
.footer .foot-center .right {width: 336px;float: right;color: #eee;z-index: 10;margin-top: 50px;}
.footer .foot-center .right ul li {width: 137px;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:#eee;}*/
.inner .banner-image { height: 600px; background: url(banner-image.jpg) top center; }
.inner .banner-news { height: 600px; background: url(banner-news.jpg) top center; }
.inner .banner-about { height: 600px; background: url(banner-about.jpg) top center; }
.inner .inner-nav{text-align:center;margin-top:-40px;}
.inner .inner-nav ul{text-align:center;}
.inner .inner-nav ul li{display: inline-block;width: 197px;height:40px;line-height:40px;background:#fff;margin:0 2px;font-size: 17px; border: 1px solid  #ccc;}
.inner .inner-nav ul li a{color:#333;}
.inner .inner-nav ul .hover{background:#3271c0;}
.inner .inner-nav ul .hover a{color:#fff;}
/*list-image*/
.list-image{background:#fff;margin-top:20px;overflow:hidden;}
.list-image ul li{width:386px;float:left;margin:7px;position: relative;}
.list-image ul li img{width:100%;}
.list-image ul li h3{width:100%;position:absolute;height:30px;line-height:30px;text-align:center;color:#fff;bottom:0;background:rgba(0,0,0,0.5);font-size:16px;}
/*show-image*/
.show-image{margin-top:20px;}
.show-image .left{background:#3271c0;width:270px;padding:10px;float:left; margin-left: 1px;margin-top: 1px;}
.show-image .left .title{color:#fff;font-size:18px;margin-top:10px;text-align:center;} 
.show-image .left .pro-hot{}
.show-image .left .pro-hot ul li{margin-bottom:10px;background:#fff;padding:5px;text-align:center;}
.show-image .left .pro-hot ul li img{width:100%;}
.show-image .left .pro-hot ul li span{display: block;margin:10px auto;}
.show-image .right{width:910px;float:right;}
.show-image .right .block-1{overflow:hidden;background:#fff;padding:20px;box-shadow: 0 0 5px #ccc;}
.show-image .right .block-1 img{width:400px;height:302px;padding:3px;border:1px solid #ccc;float:left;}
.show-image .right .block-1 .text{width:400px;float:right;}
.show-image .right .block-1 .text h1{font-size:24px;color:#3271c0;font-weight:bold;margin-top:10px;}
.show-image .right .block-1 .text p{margin-top:30px;background:#eee;border:1px solid #ccc;padding:10px;}
.show-image .right .block-1 .text .info{font-size:18px;margin-top:15px;}
.show-image .right .block-1 .text .phone{margin-top:15px;overflow:hidden;font-size:24px;}
.show-image .right .block-1 .text .phone i{font-size:24px;color:#3271c0;margin-right:10px;}
.show-image .right .block-1 .text .phone .kefu{width:100px;height:30px;background:#3271c0;color:#fff;text-align:center;line-height:30px;float:right;font-size:16px;}
.show-image .right .block-2{overflow:hidden;background:#fff;padding:20px;box-shadow: 0 0 5px #ccc;margin-top:20px;margin-bottom:20px;font-size:16px;color:#666;}
.show-image .right .block-2 .title{background:#3271c0;color:#fff;padding:10px 20px;float:left;clear:both;font-size:18px;}
.show-image .right .block-2  blockquote{border-bottom:1px solid #3271c0;overflow:hidden;clear:both;padding:0;border-left:0;font-size:18px;}
.show-image .right .block-2  blockquote p{background:#3271c0;color:#fff;padding:10px 20px;float:left;clear:both;}
.show-image .right .block-2 .cont{clear:both;border-top:1px solid #3271c0;padding-top:20px;margin-bottom:10px;}
.show-image .right .block-2 img{max-width:700px;height:auto;margin:0 auto;display: block;}
/*list-case*/
.list-case{background:#fff;margin-top:20px;overflow:hidden;}
.list-case ul li{width:386px;float:left;margin:7px;position: relative;overflow:hidden;}
.list-case ul li img{height:100%;min-width:386px;}
.list-case ul li h3{width:100%;height:40px;line-height:40px;text-align:center;color:#fff;background:#555;font-size:16px;}
/*case-show*/
.inner .case-show { overflow: hidden; background: #fff; margin-top: 20px; padding: 20px; margin-bottom:20px;}
.inner .case-show .img-info { overflow: hidden; }
.inner .case-show .focus { width: 740px; height: 555px; position: relative; float: left; border: 1px solid #eee; }
.inner .case-show .focus .prev, .inner .case-show .focus .next { text-align: center; width: 30px; height: 50px; line-height: 50px; background: #666; position: absolute; left: 0; top: 50%; margin-top: -25px; display: block; font-size: 40px; color: #fff; }
.inner .case-show .focus .next { left: auto; right: 0%; background-position: 8px 5px; }
.inner .case-show .focus .prev:hover, .inner .case-show .focus .next:hover { background: #3271c0; }
.inner .case-show .focus .prevStop { display: none; }
.inner .case-show .focus .nextStop { display: none; }
.inner .case-show .focus .bd video { width: 740px; height: 555px; }
.inner .case-show .focus .bd img { width: 740px; height: 555px; }
.inner .case-show .right { float: right; width: 345px; margin-right: 15px; }
.inner .case-show .right h1 { font-size: 28px; color: #3271c0; border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-top: 20px; }
.inner .case-show .right .attr { margin: 20px 0;font-size:16px; }
.inner .case-show .right .attr i { color: #3271c0; margin-right: 5px; width: 20px; text-align: center; }
.inner .case-show .right .attr .pag { color: #666; margin-top: 10px; }
.inner .case-show .right p { background: #f3f3f3; padding: 10px; border: 1px dashed #888; color: #666; }
.inner .case-show .right p a { color: #666; }
.inner .case-show .right .imge-tag { overflow: hidden; margin-bottom: 30px; }
.inner .case-show .right .imge-tag .tag-title { font-size: 16px; color: #3271c0; border-bottom: 1px solid #ccc; padding: 10px; }
.inner .case-show .right .imge-tag ul li a { display: block; float: left; padding: 3px 5px; background: #eee; border-radius: 50px; margin: 5px; font-size: 12px; }
.inner .case-show .img-cont { margin-top: 10px; padding: 10px; }
.inner .case-show .img-cont .cont-title { font-size: 18px; line-height: 40px; background: #444; padding-left: 10px; margin-bottom: 10px; color: #fff;clear:both; }
.inner .case-show .img-cont blockquote { font-size: 16px; line-height: 36px; border-left: 3px solid #3271c0; background: #eee; padding: 0; padding-left: 10px; margin-bottom: 10px; }
.inner .case-show .img-cont img { display: block; margin: 10px auto; width: 550px;float: left; margin: 10px;}
.inner .case-show .img-cont .table span { font-size: 14px !important; font-family: none !important; }
.inner .case-show .img-cont p { text-indent: 0 !important; text-align: center; }
.inner .case-show .img-cont p strong { display: block; margin: 5px auto; text-align: center; }
/*list*/
.inner .news-list { }
.inner .news-list ul li { margin-top: 20px; }
.inner .news-list ul li a { display: block; padding: 20px; background: #f9f9f9; 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; color: #3271c0; }
.inner .news-list ul li .info { color: #666; }
.inner .news-list ul li .info i { margin-right: 10px; }
.inner .news-list ul li .info font { color: #777; }
.inner .news-list ul li .info .fa-eye { margin-left: 10px; }
.inner .news-list ul li p { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; color: #666; }
.inner .news-list ul li .tags { overflow: hidden; }
.inner .news-list ul li .tags i { float: left; margin-right: 10px; color: #3271c0; font-size: 24px; }
.inner .news-list ul li .tags .tag-name { float: left; border: 1px solid #ccc; border-radius: 5px; padding: 3px 5px; font-size: 12px; margin-right: 10px; color: #666; }
.inner .news-list ul li span { display: block; width: 140px; text-align: center; line-height: 35px; height: 35px; background: #3271c0; 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 .news-show { background: #fff; padding: 30px; margin-top: 20px; float: left; width: 930px; }
.inner .news-show h1 { font-size: 24px; text-align: center; color: #3271c0; }
.inner .news-show .attr { margin-top: 20px; overflow: hidden; text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 10px; color: #666; }
.inner .news-show .attr span { margin-right: 10px; }
.inner .news-show .attr i { margin-right: 10px; color: #3271c0; }
.inner .news-show .cont { margin-top: 20px; color: #666; }
.inner .news-show .cont img {display: block;margin:0 auto;min-width:600px !important;max-width:800px !important;height:auto !important;}
.inner .news-show .statement { color: #666; }
.inner .news-show .statement a { color: #3271c0; }
.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; color: #666; }
.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: #3271c0; 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: #3271c0; border-radius: 100px; float: left; margin-right: 10px; }
.inner .news-relevant ul li span { display: block; float: left; width: 200px; color: #666; }
/*about*/
.inner .category-cont { padding-top: 10px; background: #f1f1f1; }
.inner .category-cont .cate-title { height: 45px; line-height: 45px; background: #bbb; }
.inner .category-cont .cate-title a { display: block; font-size: 16px; background: #1466b1; 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: 400px; }
.inner .category-cont ul li img { width: 100%; height: 254px; }
.inner .category-cont ul li h5 { border-bottom: 1px solid #bbb; font-size: 16px; color: #444; padding: 10px 0; font-weight: bold; }
.inner .category-cont ul li p { font-size: 12px; color: #777; margin-top: 10px; }
/*inner-about*/
.inner-about{background:#fff;}
.inner-about .block-1{overflow:hidden;margin-top:30px;padding-bottom:20px;}
.inner-about .block-1 .cont{text-align:center;padding:10px 10px;}
.inner-about .block-1 .cont p{color:#888;margin-top:10px;}
.inner-about .block-1 .ab-btn { overflow: hidden;margin-left: 16px; }
.inner-about .block-1 .ab-btn li { width: 185px; height: 195px; border: 1px solid #ccc;float: left; margin: 0px 24px;margin-bottom: 24px; position: relative; overflow: hidden; text-align: center;color:#555; }
.inner-about .block-1 .ab-btn li i { font-size: 54px; margin-top: 45px;color: #3271c0; }
.inner-about .block-1 .ab-btn li span { display: block; height: 40px; line-height: 60px; text-align: center;}
.inner-about .block-1 .ab-btn li small{}
.inner-about .block-1 .ab-btn li:hover { background: #3271c0;color:#fff; }
.inner-about .block-1 .ab-btn li:hover i{color:#fff;}
.inner-about .block-2{overflow:hidden;padding-top:10px;background:#fafafa;}
.inner-about .block-2 .cont{}
.inner-about .block-2 .cont ul{overflow:hidden;margin-bottom:20px;}
.inner-about .block-2 .cont ul li{width:360px;height:370px;float:left;text-align:center;padding:20px 40px;background:#fff;margin:20px;box-shadow:0 0 8px #ccc;}
.inner-about .block-2 .cont ul li span{font-size:20px;color:#3271c0;font-weight:bold;}
.inner-about .block-2 .cont ul li small{width:50px;height:1px;text-align:center;margin:20px auto;background:#ddd;display: block;}
.inner-about .block-2 .cont ul li p{margin-top:20px;color:#666;height:80px;}
.inner-about .block-2 .cont ul li img{width:100%;margin-top:20px;border:1px solid #eee;}
.inner-about .block-4{margin-top:20px;padding-bottom:20px;}
.inner-about .block-4 p { text-align: center; width: 1000px; margin: 0px auto; color: #999;margin-bottom: 26px; }
.inner-about .block-5{padding-bottom:30px;background:#fafafa;padding-top:10px;}
.inner-about .block-5 .container { margin-top: 20px; }
.inner-about .block-5 ul li { width: 300px; float: left; padding: 20px; text-align: center; color: #fff; height: 160px; }
.inner-about .block-5 ul li span { font-size: 25px; border-bottom: 2px solid #fff; display: block; padding-bottom: 10px; width: 100px; margin: 10px auto; }
.inner-about .block-5 ul li p { font-size: 16px; }
.inner-about .block-5 ul .li-1 { background: #4072d1; }
.inner-about .block-5 ul .li-2 { background: #3271c0; }
.inner-about .block-5 ul .li-3 { background: #2761cf; }
.inner-about .block-5 ul .li-4 { background: #3271c0; }
/*inner-service*/
/*inner-service*/
.inner-service{background:#fff;}
.inner-service .service-cont{}
.inner-service .service-cont .block-1{overflow:hidden;margin-top:10px;}
.inner-service .service-cont .block-1 .cont{text-align:center;padding:0 100px;}
.inner-service .service-cont .block-1 .cont strong{font-size:16px;color:#3271c0;margin-top:20px;}
.inner-service .service-cont .block-1 .cont p{color:#666;margin-top:20px;}
.inner-service .service-cont .block-1 .cont span{font-size:16px;display: block;margin:20px auto;width:135px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.inner-service .service-cont .block-1 .cont img{margin:10px;padding:5px;border:1px solid #ccc;width:100%;}
.inner-service .service-cont .block-1 .cont2{text-align:left;}
.inner-service .service-cont .block-2{overflow:hidden;margin-top:10px;}
.inner-service .service-cont .block-2 .cont{text-align:center;padding:10px;}
.inner-service .service-cont .block-2 .cont img{margin:10px;padding:5px;border:1px solid #ccc;}
/*contact*/
.inner .page-contact {margin-top: 20px; color: #666;box-shadow: 0 0 5px #ccc;background:#fff;margin-bottom:20px;}
.inner .page-contact .left{background:#3271c0;border-right:2px solid #6197ff;color:#fff;text-align:center;width:400px;float:left;}
.inner .page-contact .left .box-1{margin-top:30px;}
.inner .page-contact .left .box-1 img{width:100%;}
.inner .page-contact .left .box-2{margin-bottom:30px;}
.inner .page-contact .left .box-2 img{border:1px solid #eee;padding:3px;}
.inner .page-contact .right{padding:30px;float:right;width:800px;background:#fff;}
.inner .page-contact .right .box-1{margin-top:30px;font-size:32px;color:#3271c0;}
.inner .page-contact .right .box-2{font-size:18px;color:#666;margin-top:10px;}
.inner .page-contact .right .box-3{height:80px;border-right:20px solid #3271c0;}
.inner .page-contact .right .box-4{}
.inner .page-contact .right .box-4 ul li {position: relative; overflow: hidden;height:60px; line-height:60px; font-size: 16px; color: #666;float:left;border:1px solid #ccc;}
.inner .page-contact .right .box-4 ul li i { font-size: 30px; background: #3271c0; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; margin-right: 10px; }
.inner .page-contact .right .box-4 ul li span { color: #3271c0; }
.inner .page-contact .right .box-4 ul li a { color: #666; }
.inner .page-contact .right .box-4 ul .li-1{width:300px;padding-left: 30px;border-right:0;}
.inner .page-contact .right .box-4 ul .li-2{font-weight:bold;width: 380px;padding-left: 30px;}
.inner .page-contact .bottom { position: relative;clear:both;}
.inner .page-contact .bottom .make { position: absolute; width: 1000px; height: 500px; top: 0; z-index: 10; left: 50px; }
.inner .page-contact .bottom iframe { width: 100%; height: 500px; }
/*order*/
.hw-advantage .offer{background:url(offer.jpg) center center;height:273px;}
.hw-advantage .offer .container {}
.hw-advantage .offer .cont{margin-top:46px;}
.hw-advantage .offer .cont .p2{ font-size: 40px;  color: #ffffff;text-align: center;}
.hw-advantage .offer .cont .a{color: #edb509;font-weight: 600;}
.hw-advantage .offer .cont .b{  }
.hw-advantage .offer .p1{color:#fff;font-size:22px; text-align: center;}
.hw-advantage { overflow: hidden; }
.hw-advantage .cont { padding-top: 0px; }
.hw-advantage .cont .title {   }
.hw-advantage .advan-1 .cont .title { margin-top: 105px; margin-bottom: 50px; margin-left: 159px;}
.hw-advantage .advan-2 .cont .title { margin-top: 114px; margin-bottom: 45px; padding-left: 46px; }
.hw-advantage .advan-2 .cont .title em{ color: #ccc; }
.hw-advantage .advan-3 .cont .title em{ color: #ccc; }
.hw-advantage .advan-2 .cont .title .h3{ color: #000000; }
.hw-advantage .advan-1 .cont .title .h3{ color: #232031; }
.hw-advantage .advan-4 .cont .title .h3{ color: #232031; font-weight: bold; }
.hw-advantage .advan-3 .cont .title { margin-bottom: 47px; padding-left: 150px;}
.hw-advantage .advan-2 .cont p { padding-left: 24px;}
.hw-advantage .advan-3 .cont p { margin-left: 119px; }
.hw-advantage .advan-4 .cont p { margin-left: 65px; color: #333; margin-bottom: 8px; }
.hw-advantage .advan-1 p { margin-left: 116px; width: 390px; text-align: justify; color: #333333; }
.hw-advantage .advan-2 p { width: 390px; text-align: justify;}
.hw-advantage .advan-3 p { width: 390px; text-align: justify;}
.hw-advantage .advan-4 p { width: 390px; text-align: justify;}
.hw-advantage .advan-1 a { margin-top:4px; }
.hw-advantage .advan-2 a { margin-top:4px; }
.hw-advantage .advan-3 a { margin-top:4px; }
.hw-advantage .advan-4 a { margin-top:4px; margin-left: 69px; }
.hw-advantage .cont .title .h3 { font-size: 26px;  color:#000000; margin-bottom: 5px; line-height: 0px; font-weight: bold;}
.hw-advantage .cont .title span{color: #ff8a07;}
.hw-advantage .cont .title em { color: #ccc; line-height: 48px; }

.hw-advantage .advan-4 .cont .title-3{ padding-left: 29px; color: #ffffff; padding-top: 40px; padding-bottom: 34px;}
.hw-advantage .cont .title-1 .span{  }
.hw-advantage p { color: #333;  padding-left:0px; line-height: 22px; font-size: 14px;  }
.hw-advantage p span { color: #3074e1; }
.hw-advantage a { display: block; width: 120px; height:34px; line-height:35px; text-align: center;background: #ccc; color: #333; margin-right:10px; margin-top: 0px; float: left;border-radius:5px;}
.hw-advantage a:hover{background:#e69b17; color: #ffffff;}
.hw-advantage .advan-btn { }
.hw-advantage .advan-2 .advan-btn { padding-left: 25px; }
.hw-advantage .advan-3 .advan-btn a {margin-left: 121px;}
.hw-advantage .advan-1 { height: 471px; background: url(advan-1.jpg) top center; }
.hw-advantage .advan-2 { height: 434px; background: url(advan-2.jpg) top center; }
.hw-advantage .advan-3 { height: 478px; background: url(advan-3.jpg) top center; }
.hw-advantage .advan-4 { height: 472px; background: url(advan-4.jpg) top center; }
.hw-advantage .advan-1 .advan-btn{margin-left:116px;}
.hw-advantage .advan-3 .cont{padding-top:112px;}
.hw-advantage .advan-2 .cont { float: right;  clear: both; margin-right: 89px;}
.hw-advantage .advan-2 .title {}
.hw-advantage .advan-4 .cont { width: 520px; clear: both;padding-top:0;}
.hw-advantage .advan-4 .title { padding-left: 108px; margin-bottom: 50px;  }
.hw-advantage .advan-4 .cont { float: right; margin-top: 78px; }
.inner-place{height:40px;line-height:40px;background:#3271c0;margin-top:10px;}
.page{margin:10px auto;text-align:center;}
.page a{color:#3271c0 !important;}
.page .active a{background:#3271c0 !important;color:#fff !important;border-color:#3271c0 !important;}
/*tag*/
.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:#3271c0;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:380px;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:530px;}
.tag-home .tag-block-2 .right{float:right;width:530px;}
.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:380px;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;}
/*search*/
.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: #3271c0; 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: #3271c0; 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; }
.ckjz-about{background:url(about-bg.png) top center;height: 500px;margin-top:-80px;z-index:100;position: relative;}
.ckjz-about .text{width: 715px;float:right;clear:both;padding-top: 76px;color:#666;line-height: 22px;}
.ckjz-about ul{overflow: hidden;padding-top: 37px;clear:both;float: right;margin-right: 73px;}
.ckjz-about ul li{width:300px;float:left;border-left:1px solid #ccc;}
.ckjz-about ul li:first-child{border-left:0;}
.ckjz-about ul li .num{font-size:36px;color:#3271c0;float:left;font-weight: bold;margin-right:10px;}
.ckjz-about ul li .dis{float:left;}
.ckjz-about ul li .dis span{display: block;font-size:16px;}
.ckjz-about ul li .dis small{color:#999;font-size:12px;}
.relevant-product{width:250px;float:right;background:#fff;padding:30px 10px;margin-top:20px;}

.relevant-product .rel-title{background:#3271c0;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;}
.ck-product{ margin-top: 20px; background:#fff； }
.ck-product .cont { padding-top: 28px; }
.ck-product .cont .hd{text-align:center;background:#fff;}
.ck-product .cont .hd ul li {  display: inline-block; width: 179px;border-left: 1px solid #e3e3e3; color:#3271c0;font-size:18px;}
.ck-product .cont .hd ul li a{display: inline-block;padding:4px 10px;color:#3271c0;font-size:20px;border-radius: 6px;font-weight:bold;}
.ck-product .cont .hd ul li a:hover{ background: #3271c0; color: #fff;}
.ck-product .cont .bd{background:#fff;overflow:hidden;margin-top:20px;}
.ck-product .cont .bd ul li{margin:7px;background:#f8f8f8;float:left;position: relative;box-shadow: 0 0 5px #ccc;width:286px;}
.ck-product .cont .bd ul li:hover{transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-moz-transform: translateY(-10px);}
.ck-product .cont .bd ul li img{width:100%;height:219px;margin-left:0;}
.ck-product .cont .bd ul li a{display: block;overflow:hidden;z-index:0;}
.ck-product .cont .bd ul li .text{padding:15px;text-align:center;}
.ck-product .cont .bd ul li .text span{ display:block; font-size: 18px; padding-bottom: 8px;}
.ck-product .cont .project-btn{padding-top:20px;margin: 0px auto;width: 180px;overflow: hidden;animation: mymove 1s infinite linear; padding-bottom: 30px;}
.ck-product .cont .project-btn a{display: inline-block; padding-left: 35px;  height: 41px;line-height:41px;color: #3271c0; background:#fff;border:1px solid #3271c0;font-size:16px; width: 174px;}
.ck-product .cont .project-btn a i{font-size:22px;display: block;float:right;height:37px;line-height:40px;text-align:center; padding-right: 40px;}
.ck-product .cont .project-btn a:hover{color: #fff; background:#3271c0;}

.home_main{width:100%;min-width:1200px;background:#ffffff;margin:10px auto 0 auto;position: relative;z-index: 2;}
.home_container{width:1200px;margin:0 auto; margin-top: 34px;}
.home_container .h_h1{text-align:center;font-size:40px;line-height:30px;color:#000000;padding-bottom:10px; margin:80px 0 0 0;}
.home_container .h_h1.on{background:url(../images/s15.png) center bottom no-repeat;}
.home_container .h_h1 span{font-family:Arial;font-size:30px;line-height:30px;color:#999999;text-transform:uppercase;}
.home_container .h_h2{text-align:center;font-size:18px;line-height:30px;color:#222222;margin:10px 0 25px 0;overflow:hidden;}
.home_container .h_h3{text-align:center; display: block; font-size: 30px;  color: #0d85c1; letter-spacing:5px;  font-weight:100; margin:50px 0 -15px 0;}
.notice_panel{height:60px;width:100%;min-width:1200px;border-bottom:1px #eeeeee solid;}
.notice_panel .notice{padding: 20px 0;height:20px;overflow:hidden;}
.notice_panel .notice .swiper-notice{position: relative;height: 20px;width: 100%;overflow: hidden;}
.notice_panel .notice .swiper-notice .swiper-slide{font-size: 14px;justify-content: flex-start;margin-left: 55px;}
.notice_panel .notice .swiper-notice .swiper-slide a{width: auto;margin: 0;display: inline-block;}
.notice .notice_title{width:46px;height:20px;line-height:20px;font-size:12px;color:#ffffff;text-indent:8px;float:left;background:url(../images/notice_bg.png) 0 0 no-repeat;}
.notice .notice_ul{width: 100%;margin-left:8px;float:left;height:20px;line-height:20px;font-size:14px;color:#999999;}
.notice .notice_ul span{margin-right:8px;}
.trans01{-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.cate{background: url('cate_bg.jpg') no-repeat center top;margin-top: 18px;}
.cate .p{width: 1190px;height: 593px;display: flex;}
.c_title{width: 138px;position: relative;}
.c_title h1{width: 88px;padding-left: 13px;text-align: center;font-size: 38px;line-height: 40px;color: #fff;padding-top: 56px;}
.c_title h2{width: 40px;color: #5fa1e9;opacity: .7;font-family: 'Book Antiqua';font-size: 72px;line-height: 8px;font-weight: normal;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);text-transform: uppercase;position: absolute;top: 58px;}
.cate_li{width: 331px;color: #fff;font-size: 0;text-align: center;padding-top: 102px;}
.cate_li:nth-child(even){background: rgba(39,104,178,.7);}
.cate_li .num{font-size: 40px;font-family: 'Adobe 黑体 Std';color: #1e6cbf;width: 85px;height: 85px;line-height: 85px;text-align: center;border-radius: 50%;background: #fff;display: inline-block;position: relative;}
.cate_li .num:after{content: "";position: absolute;width: 91px;height: 91px;border-radius: 50%;border: 2px solid #fff;top: -3px;left: -3px;}
.cate_name{display: block;font-size: 26px;line-height: 26px;padding-top: 20px;padding-bottom: 55px;position: relative;}
.cate_name:after{content:"";position: absolute;width: 40px;height: 3px;background: #fff;left: 50%;bottom: 28px;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.cate_li p{font-size: 14px;line-height: 26px;overflow: hidden;height: 104px;padding: 0 32px;}
.cate_li .more{margin-top: 36px;}
.cate_li .more span{display: inline-block;width: 0;color: #ff9900;background: #fff;height: 30px;vertical-align: top;line-height: 30px;text-align: center;opacity: 0;}
.cate_li i{display: inline-block;width: 30px;height: 30px;border: 1px solid rgba(255,255,255,1);vertical-align: top;position: relative;}
.cate_li i:after{content: "";position: absolute;top: 13px;left: 4px;width: 18px;height: 1px;background: #fff;}
.cate_li i:before{content: "";position: absolute;top: 8px;left: 11px;width: 9px;height: 9px;border: 1px solid #fff;border-left-color: transparent;border-bottom-color: transparent;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.cate_li img{margin-top: 21px;height: 0;display: block;margin:0 auto;}
.cate_li:hover{background: #ff9900;padding-top: 41px;}
.cate_li:hover img{height: 205px;margin: 21px auto 0;}
.cate_li:hover .cate_name{padding-bottom: 38px;}
.cate_li:hover .cate_name:after{bottom: 21px;}
.cate_li:hover p{height: 52px;}
.cate_li:hover .more{margin-top: 21px;}
.cate_li:hover .more span{width: 105px;font-size: 15px;opacity: 1;}
.cate_li:hover i{border: 1px solid rgba(255,255,255,.5);}
.cate_li:hover .num{color: #ff9900;}
.cate_more{width: 59px;font-size: 22px;padding: 227px 16px;color: #fff;background:rgba(39,104,178,.88);}
.cate_more a{display: block;width: 26px;line-height: 25px;position: relative;padding-bottom: 47px;text-align: center;background: url('../images/cate_more.png') no-repeat center bottom;}
.cate_more:hover{background: #ff9900;}
.service_ul{ margin:0 auto 50px auto; padding:10px 5px 30px 5px; overflow:hidden;}
.service_ul ul li{width:23.5%; float:left; margin-top:30px; margin-right:1%\0;  -webkit-transition: all .5s ease; transition: all .5s ease; border:#e9eaed 1px solid; margin-left:1%;}
.service_ul ul li:hover{ }
.service_ul ul li .item{text-align:center;padding:10% 17%;}
.service_ul ul li .co{width:180px; height:150px; margin-top:60px; display:block; background-repeat:no-repeat; -webkit-transition: all 1.5s ease; transition: all 1.5s ease;}
.service_ul ul li:hover .co{background-position:-180px 0px;}
.service_ul ul li h2{font-size:16px; color:#222222; letter-spacing:4px;margin:25px 0px 0px 0px;}
.service_ul ul li span{font-size:16px; color:#222; display:block; margin-bottom:20px;}
.advantage {background: url("bg5.jpg") no-repeat center;height:300px;width: 100%;margin: -40px 0 60px;}
.advantage .tit1 { padding: 40px 0 30px;}
.advantage .tit1 h3 a { color: #fff; font-size: 28px; }
.advantage .tit1 h3 a span { font-size: 18px; }
.advantage .box .main {margin: 23px 3px 0 55px;width: 1280px;}
.advantage .box .main .word {margin-right: 45px;float: left;margin-top: 17px;}
.advantage .box .main .word h4 {font-size: 18px;color: #fff;margin-bottom: 11px;margin-left: 19px;}
.advantage .box .main .word h5 {font-size: 14px;color: #fff;line-height: 24px;width: 220px;float: left;margin-left: 18px;}
.xz-productadvantage{margin-bottom: 10px;}
.xz-productadvantage .title{height: 112px;background: url(productadvantage.jpg)center center;margin-top: 30px;}
.xz-productadvantage .title .t-1{float: left; font-size: 22px;font-weight: bold;padding-top: 74px;}
.xz-productadvantage .title .t-2{float:right;font-size: 14px;padding-top: 74px;}
.xz-productadvantage .title .t-2 a{margin-left: 20px;padding: 12px 26px;background: #222222; line-height: 10px;display: inline-block;color: #fff;}
.xz-productadvantage .title .t-2 .on{background: #008a44;}
.xz-productadvantage .cont{margin-top: 26px;}
.xz-productadvantage .cont ul li{float: left;margin-right: 214px;}
.xz-productadvantage .cont ul  .on{margin:0;}
.xz-productadvantage .cont ul li i{color: #fff;font-size: 46px;background: #666666;border-radius:100px;width: 120px;height: 120px;display: block;text-align: center;line-height: 120px;}
.xz-productadvantage .cont ul li span{display: block;font-size: 15px;width: 139px;text-align: center;padding-top: 10px;}
.xz-productadvantage .cont ul li i:hover{background: #3271c0;}
.jj{background: url(jj.jpg) center center; height: 284px;}