/*
Copyright (C) 山东卓博信息科技有限公司 All rights reserved
版权声明：以下代码均属于山东卓博信息科技有限公司（以下简称卓博科技）原创设计，版权归卓博科技所有，拷贝、抄袭、盗用者将追究其法律责任。
 */
 body { background: #fafafa; }
 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: #1d1c1c; }
 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; }
 @font-face {}
 @keyframes promove{from{transform: translateX(0px)}to{transform:translateX(5px)}}
 .container { width: 1200px !important; padding: 0; position: relative; margin: 0 auto;margin-bottom: 40px;}
 .header{z-index: 100; width: 100%; position: relative;background-color: #fff;}
 .header .container{width:1200px;}
 .header .head-top{line-height: 35px;background: #f5f5f5;}
 .header .head-top .left{float:left;color:#333;}
 .header .head-top .left i{font-size:18px;margin-right:5px;}
 .header .head-top .right{float:right;color:#333;}
 .header .head-top .right ul li{float:left;margin-left:15px;}
 .header .head-top .right a{color:#333;}
 .header .head-top .right i{font-size:18px;margin-right:5px;}
 .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{}
 .header .head-center .con{float:left;height:110px;}
 .header .head-center .con .right .text h3{font-size:20px;font-weight:bold;color:#1F8FFF; }
 .header .head-center .con .right .text em{font-size:16px;color:#484848;}
 .header .head-center .left{float: left;}
 .header .head-center .left .logo h2{margin: 0;display: inline;}
 .header .head-center .left .logo h2 img{width: 80%;}
 .header .head-center .right{float:right;width:300px;margin-top: 10px;}
 .header .head-center .right img{float:left;margin-right:10px;}
 .header .head-center .right .phone .phone-1{font-size:16px;}
 .header .head-center .right .phone .phone-2{font-size:24px;color:#C90003;}
 .header .nav{background: #1F8FFF; 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: 55px; line-height: 55px; }
 .header .nav .menu ul li a { display: inline-block; float: left; height: 45px; color: #fff; width: 133px; text-align: center; font-size: 14px;}
 .header .nav .menu ul .on {background:#c30012;border: none;;}
 .header .nav .menu ul .on a { color: #fff; border: none;}
 .header .nav .menu ul li:hover { background:#c30012; border: none; color: #fff; }
 .header .nav .menu ul li:hover a { color: #fff; }
 .header .nav .menu ul li .sub {background: #eee; z-index: 200; position: absolute; top:55px; width:270px;}
 .header .nav .menu ul li .sub li{height:45px;float:left;}
 .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: #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 {position:absolute;width: 100%;overflow: hidden; position: relative; z-index:90;position:relative;}
 .banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; left: 44%; }
 .banner .hd ul { overflow: hidden; zoom: 1; float: left; }
 .banner .hd ul li { float: left; margin-right: 2px; width: 60px; height: 20px; line-height: 14px; text-align: center; background: rgba(255,255,255,0.4); cursor: pointer; border-radius: 100px; margin: 0 2px; }
 .banner .hd ul li.on { background:#1F8FFF; color: #1d1c1c; }
 .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 .prevStop { display: none; }
 .banner .nextStop { display: none; }
 .keyword{height:60px;line-height:60px;background:#f5f5f5;}
 
 .keyword .tags{float:left;color:#333;}
 
 .keyword .tags span{font-weight:bold;float:left;color:#333;}
 
 .keyword .tags a{font-size:14px;float:left;line-height:60px;margin:0;margin-right:10px;color:#333;}
 
 .keyword .search{float:right;line-height:24px;margin-top:10px;}
 .keyword .search .text{border:1px solid #ddd;padding:0 10px;height:34px;width:240px;}
 .keyword .search .form {height: 35px; margin-right: 0px;overflow:hidden;line-height:35px;margin-top:13px;}
 
 .keyword .search .form .search-keyword { width:240px; height: 35px; line-height: 35px; background: #f6f6f6; color: #aaa; padding-left: 28px; font-size: 12px; float: left; border: 0;}
 
 .keyword .search .form .search-submit { width: 49px;background: #444; border: none;top: 0; font-size: 14px; color: #fff; }

 .keyword .search .button{background-color:#1F8FFF;padding:0 10px;color:#fff;border-radius: 5px;border:1px solid #1F8FFF;line-height: 32px;}
 .title{width: 100%;margin:0 auto;    margin-top: 50px;
    margin-bottom: 22px;}
 .title .t-1{text-align:center;font-weight:bold;color:#1F8FFF;font-size:30px;}
 .title p{text-align:center;}
 .title .t-1 en{color: #565454;}
 .title-news{margin-bottom:40px;border-bottom: 1px #1F8FFF solid;}
 .title-news h3{font-weight:bold;color:#1F8FFF;font-size: 20px;}
 .title-news h3 en{color: #565454;}
 .inner-title{width: 100%;margin-top: 20px;}
 .inner-title h2{text-align:center;font-weight:bold;color:#1F8FFF;}
 .inner-title p{text-align:center;}
 .inner-title h2 en{color: #565454;}
 
 
 /*专业领域*/
 .index-fd{background:#eee;padding-bottom: 40px;}
 .index-fd .cont ul li{float:left;width:32%;text-align:center;margin-left:12px;background:#fff;border: 1px solid #eee;}
 .index-fd .cont ul li small{font-size: 16px;color:#565454;font-weight:bold;line-height:50px}
 .index-fd .cont ul li i{font-size:18px;color:#1F8FFF;padding:10px;}
 .index-fd .cont ul li p{font-size: 14px;height: 80px;padding:0 15px;}
 .index-fd .cont ul li img{width:100%;height: 230px;}
 .index-fd .cont ul li img:hover {animation:myfirst 5s;-moz-animation:myfirst 5s;-webkit-animation:myfirst 5s;-o-animation:myfirst 5s;}
 @keyframes myfirst {from {}to {transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);}}
 
 
 
 
 /*关于我们*/

 .ldr-about {padding:80px 0;background:#fafafa;}
 .ldr-about .my-title {clear:both;text-align:left;}
 .ldr-about .my-title .l1 {width:85px;height:3px;background:#1F8FFF;}
 .ldr-about .my-title .l2 {font-size:30px;font-weight:bold;color:#333333;padding:18px 0 14px 0;}
 .ldr-about .my-title .l3 {font-size:20px;font-weight:bold;color:#565454;}
 .ldr-about .ab-cont {position:relative;}
 .ldr-about .intro {max-width:722px;}
 .ldr-about .intro .p1 {color:#565454;line-height:26px;}
 .ldr-about .intro .subt {padding:34px 0 13px 0;font-size:18px;color:#333333;}
 .ldr-about .intro .list {margin-left:-35px;margin-bottom:-20px;margin-top:28px;}
 .ldr-about .intro .list > li {float:left;padding-left:32px;padding-bottom:20px;}
 .ldr-about .intro .list > li .box {display:block;text-align:center;padding:16px 54px;background:#f4f4f4;}
 .ldr-about .intro .list > li .box .ico img {height:40px;}
 .ldr-about .intro .list > li .box .font {color:#666;padding-top:10px;}
 .ldr-about .infor {background:#f4f4f4;position:absolute;top:0;right:0;width:424px;}
 .ldr-about .infor .obtain {padding:30px 47px 30px 41px;background:#1F8FFF;color:#ffffff;}
 .ldr-about .infor .obtain .ico {float:left;}
 .ldr-about .infor .obtain .ico img {width:56px;}
 .ldr-about .infor .obtain .line {width:2px;height:26px;background:#eee;margin:13px 20px 0 20px;float:left;}
 .ldr-about .infor .obtain .p1 {padding-top:3px;}
 .ldr-about .infor .obtain .p1 .h1 {display:block;font-size:18px;padding-bottom:10px;margin:0;}
 .ldr-about .infor .tab > li {padding:0 52px;}
 .ldr-about .infor .tab > li .box {border-bottom:1px solid #999;font-size:17px;padding:20px 0;}
 .ldr-about .infor .tab > li .input_1 {border:0;margin-top:40px;width:100%;height:34px;background:none;}
 .ldr-about .infor .tab > li .text_a {border:0;height:82px;width:100%;margin-top:40px;background:none;}
 .ldr-about .infor .tab > li .submit {display:block;text-align:center;background:#333;color:#fff;padding:20px 0;margin:44px 0 37px 0;}
 .ldr-about .infor .tab li .box img {display:block;margin:0 auto;}
 .ldr-about .ldr-search {margin-left:76px;overflow:hidden;}
 .ldr-about .search {width:300px;margin-top:25px;overflow:hidden;}
 .ldr-about .search .text {padding-left:10px;height:34px;width:200px;float:left;border:1px solid #353535;border-radius:100px 0 0 100px;}
 .ldr-about .search .button {width:70px;float:left;height:34px;background:#333333;color:#fff;line-height:34px;border:0;border-radius:0 100px 100px 0;}
 .ldr-about .tags {color:#333333;line-height:40px;}
 .ldr-about .tags span {float:left;}
 .ldr-about .tags h4 {font-size:12px;float:left;line-height:40px;margin:0;margin-right:5px;}
 
 
 
 .clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
 .clearfix{ zoom:1;}
 .main{ 
     /*padding:60px 0;*/
     margin: 0 auto; 
     /*max-width: 1000px;*/
     
 }
 .numCount{padding:37px 0;overflow: hidden;width: 100%;}
 .numCount li{ float: left; width: 25%; text-align: left;background: url(number-bg.jpg) no-repeat center;}
 .numCount li .numU{ line-height:1.3;}
 .numCount li .numCX{ font-size:37px; color:#1F8FFF;font-weight: bold;}
 .numCount li .item .indc{font-size: 16px;margin-top: 7px;}
 .numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
 .numCount li .numU sub{vertical-align:baseline;}
 
 
 /*公司优势*/
 .advantage{background:url(pro-bg.jpg) no-repeat center;height:740px;padding-top: 20px;margin-top: 60px;}
 .advantage .cont ul{margin:0 auto;max-width: 1600px;}
 .advantage .cont ul li{float:left;width: 23%;margin-left:25px;}
 .advantage .cont ul li:last-child{margin-right:0;}
 .advantage .cont ul li a{display: block;width: 100%;background:#fff;height:500px;border: 1px #fff solid;position: relative;overflow: hidden;}
 .advantage .cont ul li img{width:100%}
 .advantage .cont ul li .text{padding:10px 20px;}
 .advantage .cont ul li .text h3{font-size:24px;color:#1F8FFF;font-weight:bold;display: inline;margin-right:20px;}
 .advantage .cont ul li .text small{font-size:16px;}
 .advantage .cont ul li .text p{font-size:14px;display:block;padding-top:6px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
 .advantage .cont ul li:hover{transform: translateY(-5px);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);background:#565454;position:relative;}
 .advantage .cont ul li a .info{
   width:100%;
   height:500px;
   position: absolute;
   top:400px;
   left:0;
   opacity: 0;
   transition: all 0.5s;
   background-color: #0b8b71d7;
   padding:20px;
 }
 .advantage .cont ul li a:hover .info{
   top:0;
   opacity: 1;
 }
 .advantage .cont ul li a .info h5{
   font-size:24px;
   font-weight: bold;
   padding-bottom: 20px;
   border-bottom: 1px solid rgba(255,255,255,0.4);
   color:#fff;
   margin-bottom: 20px;
 }
 .advantage .cont ul li a .info p{
   color:#fff;
 }
 
 
 
 
 
 
 /*产品优势*/
 .solution{background: url(adv-bg.jpg) no-repeat center;height: 865px;}
 .solution .ad-title li:nth-child(1){background: url(whychose.png) no-repeat center;height: 70px;}
 .solution .ad-title li:nth-child(2) {font-size: 28px;font-weight: bold;color:#565454;text-align: center;margin-bottom: 15px;}
 .solution .ad-title li:nth-child(3) {font-size: 14px;color: #333333;text-align: center;margin-bottom: 10px;}
 .solution .ad-title li:nth-child(4) {font-size: 12px;color: #999999;text-align: center;width: 365px;margin-left: 418px;}
 .solution .cont{position: relative;padding-top: 50px;}
 .solution .cont .left li:nth-child(1){position: absolute;width: 160px;top: 100px;left:200px;}
 .solution .cont .left li:nth-child(2){position: absolute;margin-top:375px;margin-left:198px;width: 170px;}
 .solution .cont .left li:nth-child(3){position: absolute;width: 270px;top: 546px;left: 40px;}
 .solution .cont .left li .text-1{font-size: 19px;font-weight: bold;float: left;margin-right: 10px;}
 .solution .cont .left li .text-2{font-size: 14px;float: left;margin-top: 5px;line-height: 23px;}
 .solution .cont .right li:nth-child(1){position: absolute;width: 270px;right: 57px;top: 100px;}
 .solution .cont .right li:nth-child(2){position: absolute;width: 265px;right: 70px;top: 427px;}
 .solution .cont .right li:nth-child(3){position: absolute;width: 270px;top: 546px;right: 40px;}
 .solution .cont .right li .text-1{font-size: 19px;font-weight: bold;}
 .solution .cont .right li .text-2{font-size: 14px;margin-top: 5px;line-height: 23px;width: 150px;}
 .cer{background:#f9fafe;padding-bottom:20px;}
 .cer .left{float:left;width:30%;margin-right:20px;}
 .cer .right{float:right;width:60%;}
 
 .adv-bottom{background: url(adv-bottom.jpg) no-repeat center;height:269px; }
 
 
 
 /*视频*/
 .video{background: #eee url(video-bg.jpg) top center;}
 .video .cont ul li{width:47%;margin:10px 15px;float:left;text-align:center;background:#1F8FFF;}
 .video .cont ul li video{width:100%;height:317px; background: #fff;}
 .video .cont .text span a{color:#fff;font-size:18px;line-height:50px;font-weight:bold}
 .video .cont .text{color:#fff;padding:10px;}
 .video .cont .text p{margin-bottom:30px;margin-top:10px;}
 .video .cont ul li:hover{background:#1F8FFF;}
 
 
 /*服务流程*/
 .ld-fast {height:600px;background: url(sevser-bg.jpg)no-repeat center;}
 .ld-fast .index-title{margin-top:31px;}
 .ld-fast .index-title .title-1{color:#fff;border-bottom-color:#ccc;}
 .ld-fast .index-title .title-1 span{color:#1F8FFF;}
 .ld-fast .index-title .title-2{color:#eee;}
 .ld-fast .cont{margin-top:31px;}
 .ld-fast .cont ul li{float:left;margin:10px;text-align:center;background:#fff;height:250px;width:15%;}
 .ld-fast .cont ul li:hover {transform:translateY(-10px); -ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
 .ld-fast .cont ul li span{display: block;clear:both;font-size:18px;padding:10px 0;color: #e7b179;padding-top:150px;}
 .ld-fast .cont ul li span small{display: block;clear:both;color:#888;font-size:13px;width:150px;margin:0 auto}
 
 
 .qs-case { background: #eee; overflow: hidden;padding-bottom:30px;}
 .qs-case .cont { overflow: hidden; margin-top: 20px;width:95%;margin:0 auto;margin-right:20px;}
 .qs-case .cont ul li{width: 19%;float: left;margin: 6px;background:#fff;background:#fff;border: 1px #d6d6d6 solid;height: 300px;}
 .qs-case .cont ul li img{width: 100%;}
 .qs-case .cont ul li span{font-size: 18px;text-align: center;display:block;margin-top:10px;}
 .qs-case .cont ul li p{font-size: 14px;}
 .qs-case .cont ul li:hover{transform: scale(1.05);}
 
 /*æ–°é—» */
 .index-news {margin-top:5px;background:#fff;padding-top:40px;margin-bottom:70px;}
 .index-news .index-title .word {background:#fafafa;}
 .index-news .cont .hd ul {text-align:center;}
 .index-news .cont .hd ul li {display:inline-block;}
 .index-news .cont .hd ul li a {display:inline-block;border:1px solid #ccc;padding:10px 15px;margin:10px;}
 .index-news .cont .hd ul li a:hover {background:#1F8FFF;color:#fff;}
 .index-news .cont .bd {overflow:hidden;margin-top:15px;}
 .index-news .cont .bd .left {width:48%;float:left;}
 .index-news .cont .bd .left ul li {overflow:hidden;margin-bottom:20px;background:#eee}
 .index-news .cont .bd .left ul li img {float:left;width:200px;}
 .index-news .cont .bd .left ul li .text {width:60%;float:right;margin-top: 10px;}
 .index-news .cont .bd .left ul li .text span {font-size:16px;}
 .index-news .cont .bd .left ul li .text small {display:block;margin:10px 0;}
 .index-news .cont .bd .left ul li .text p {color:#666;}
 .index-news .cont .bd .new-right {width:48%;float:right;}
 .index-news .cont .bd .new-right ul li {line-height:55px!important;border-bottom:1px dashed #ccc;font-size:14px;}
 
   
 .index-news .cont .bd .question-top .infoList li { border-bottom: 1px dashed #ccc; }
 .index-news .cont .bd .new-right .infoList li .h5 { font-size: 15px; color: #333; height: 40px; margin: 0;line-height:20px;margin-top:15px;font-weight:bold;}
 .index-news .cont .bd .new-right .infoList li .h5 span { background: #1F8FFF; 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;    margin-right: 30px;}
 .index-news .cont .bd .new-right .infoList li .h5 a { color: #333;}
 .index-news .cont .bd .new-right .infoList li .answer { color: #666; padding-bottom: 20px; }
 .index-news .cont .bd .new-right .infoList li .answer span { display: block;line-height:25px;}
 .index-news .cont .bd .new-right .infoList li .answer small  { color: #fff; background: #565454; font-size: 14px;border-radius: 2px; margin-right: 5px; float: left;width:25px;height:25px;text-align: center;line-height: 25px;}
 
 
 
 .partner{background: url(partner-bg.jpg)no-repeat center;padding-bottom:60px;}
 .partner .partner-img {}
 .partner .partner-img ul li {float: left;width: 180px;border: 1px solid #e9e9e9;margin:5px;position: relative;z-index: 1;overflow: hidden;background: #fff;height: 92px;}
 .partner .partner-img ul li img {display: block;width: 60%;transition: all 0.5s;margin: 0 auto;margin-top: 10px;}
 .partner .partner-img ul li:hover {border-color: #0374e1;z-index: 2;}
 .partner .partner-img ul li:hover img {transform: scale(1.1);}
 
 
 .yqlj {background: #f3f3f3;padding-top:50px;}
 .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 { clear: both;background:#333; }
 .footer .foot-top{overflow:hidden;border-bottom:1px solid #666;padding:40px 0;color:#fff;font-size:16px;}
 .footer .foot-top i{font-size:24px;color:#fff;margin-right:15px;}
 .footer .foot-top .address{float:left;}
 .footer .foot-top .phone{float:left;margin-left:200px;}
 .footer .foot-top .web{float:right;}
 .footer .foot-center{padding-top:30px}
 .footer .foot-center .left{width:780px;float:left;}
 .footer .foot-center .left ul{overflow:hidden;}
 .footer .foot-center .left ul li{float:left;font-size:16px;margin-right:20px;}
 .footer .foot-center .left ul li a{display: block;color:#fff;}
 .footer .foot-center .copyright{color:#999;margin-top:20px;width:720px;}
 .footer .foot-center .copyright p{clear:both;}
 .footer .foot-center .copyright p a{color:#999;}
 .footer .foot-qr {color: #fafafa;width: 160px; text-align: center;margin-top: 10px;float: right;}
 .footer .foot-qr img { width: 110px; display: block; margin: 10px auto; }
 .footer .foot-qr span {color:#aaa;}
 .footer .right .foot-qy img {margin-left:250px;}
 .page-title{height:30px;line-height:30px;background:#eee;}
 .page-title i{font-size:18px;float:left;color:#1d1c1c;margin-right:10px;margin-top:8px;}
 .page-title h1{margin:0;font-size:15px;padding:0;line-height:30px;float:left;margin-right:14px;}
 .inner .inner-banner-1{height:270px;background:url(banner-image.jpg) top center;}
 .inner .inner-banner-2{height:270px;background:url(banner-news.jpg) top center;}
 .inner .inner-banner-3{height:270px;background:url(banner-about.jpg) top center;}
 .inner .inner-banner img{width:100%;}
 .inner-place {background:#fff;margin-top:10px;margin-bottom:10px;padding:10px;font-size:14px;}

 /*面包屑导航*/
 .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: #1d1c1c; }
 .inner-place-2 {background:#fff;margin-top:10px;margin-bottom:10px;padding:10px;font-size:14px;}
 .page{text-align:center;}
 .pagination{
     zoom: 1;
     display: inline-block;
 }
 .pagination:after {
content: ".";
width: 0;
height: 0;
visibility: hidden;
display: block;
clear: both;
overflow:hidden;
}

 .page .pagination .active a{background:#1F8FFF;border:1px #1F8FFF solid;}
 
 /*contact*/
 .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:#e8e8e8; }
 .inner .inner-nav-1 ul .hover { background: #1F8FFF; color: #fff; } 
 .inner .inner-place-2 .inner-position { float: left; color: #333; padding: 0 5px; } 
 .inner .inner-nav-2 { overflow: hidden; padding: 10px 0; text-align: center; background: #fff; }
 .inner .inner-nav-2 ul li { display: inline-block; }
 .inner .inner-nav-2 ul li a { display: inline-block; margin: 3px; padding: 10px 14px; font-size: 16px; background:#e8e8e8; }
 .inner .inner-nav-2 ul .hover { background: #1F8FFF; color: #fff; }
 
 .inner-gc{text-align: center;}
 .inner-gc .con-1 strong{font-size: 20px;color:#1F8FFF;line-height: 70px}  
 .inner-gc .con-1 p{width: 80%;margin: 0 auto;display: block;margin-bottom: 10px;}
 .inner-gc img{width:85%;}
 
 .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;color:#1F8FFF  }
 .inner .page-contact .title .text span { color:#565454; }
 .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:#1F8FFF; }
 .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: #565454; 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: #1d1c1c; }
 .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; }
 
 /*page*/
 #navbar-example { text-align: center; background: #fff;z-index: 10; }
 #navbar-example .nav-tabs li { display: inline-block !important; float: none !important;line-height:50px;}
 #navbar-example .nav-tabs .active a { color: #fff; background: #1d1c1c; }
 #navbar-example .nav-tabs li a {font-size: 18px;padding:10px 15px;background:#eee;}
 #navbar-example .nav-tabs li a:hover{background:#1F8FFF;color:#fff;}
 .inner .ab-1{overflow:hidden;background:#fff;}
 .inner .ab-1 p{font-size:16px;line-height:30px;}
 .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:#1F8FFF;border-bottom:1px solid #ccc;padding-bottom:10px;}
 .inner .ab-1 ul li .fa{font-size:22px;margin-bottom:10px;color:#1F8FFF}
 .inner .ab-2 .cont ul{overflow:hidden;margin-bottom: 40px;}
 .inner .ab-2 .cont ul li{width:15%;height:320px;float:left;text-align:center;padding:2px;background:#fff;margin:9px;box-shadow:0 0 8px #ccc;}
 .inner .ab-2 .cont ul li:hover{transform: scale(1.1);}
 .inner .ab-2 .cont ul li span{font-size:20px;color:#e60000;font-weight:bold;line-height: 50px;}
 .inner .ab-2 .cont ul li small{width:50px;height:1px;text-align:center;margin:20px auto;background:#ddd;display: block;line-height:50px;}
 .inner .ab-2 .cont ul li p{color:#666;height:20px;}
 .inner .ab-2 .cont ul li img{width:100%;border:1px solid #eee;}
 .inner .ab-4 {height: 580px;background:url(page4-bg.jpg) no-repeat center;color: #fff;}
 .inner .ab-4 .con{margin-top: 50px;}
 .inner .ab-4 .con p{font-size: 28px;}
 .inner .ab-4 .con strong{font-size: 16px;line-height: 40px;}
 
 
 /*categor*/
 .product-home{width: 100%;}
 .product-home .page-home .box ul li{width:47%;float:left;border:1px solid #ccc;margin:15px 15px;background: #1F8FFF;}
 .product-home .page-home .box ul li img{height:300px;width:100%;}
 .product-home .page-home .box ul li span{height:40px;line-height:55px;font-size:30px;padding-left:10px;display: block;width: 100%;color:#fff;}
 .product-home .page-home .box ul li p{height:40px;line-height:40px;font-size:14px;padding-left:10px;color:#fff;}
 .product-home .page-home .box ul li:hover{z-index:20;background: #1F8FFF;color:#fff;}
 .product-home .page-home .box ul li span:hover{background:#1F8FFF;}
 .product-home .page-home .box ul li:hover{border:1px solid #1F8FFF;border-radius:3px;transform: scale(1.02);}
 
 
 .inner .inner-nav{overflow:hidden;margin:30px auto;text-align:center;}
 .inner .inner-nav ul li{display: inline-block;margin:10px;padding:10px 35px;font-size:16px;background: #1F8FFF;}
 .inner .inner-nav ul li:hover{background:#e4ad2c;color:#fff;}
 .inner .inner-nav ul a{color:#fff;}
 .inner .inner-nav ul a{color:#fff;}
 .inner .index-article{padding:20px;background:url(pub-bg.png);margin:20px auto;}
 .inner .index-article .inner-discription{}
 .inner .index-article .inner-discription p{font-size:16px;text-indent:2em;}
 .inner .index-article .inner-discription .left{float:left;width:560px;height:220px;margin-top:20px;margin-bottom:20px;}
 .inner .index-article .inner-discription .right{float:right;width:560px;height:220px;margin-top:20px;margin-bottom:20px;}
 
 
 
 
 .inner .image-list{overflow:hidden;margin-top:10px;}
 .inner .image-list ul li{width:369px;margin:15px;float:left;background:#eee;/* padding:15px; */}
 .inner .image-list ul li img{width:100%;border: 1px #1F8FFF solid}
 .inner .image-list ul li .text{text-align:center;}
 .inner .image-list ul li .text .title{font-size:16px;display: block;border-bottom:1px solid #ccc;padding:15px 0;background: #1F8FFF;margin:0;color:#fff;}
 .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 .list-article .news-list { padding: 20px; overflow: hidden; margin-bottom: 20px;background:url(pub-bg.png);}
 .inner .list-article .news-list li { height: 165px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-top: 10px; }
 .inner .list-article .news-list li .ne-li-box{display: block;width:194px;height:145px;margin-right: 20px;float:left;border: 1px solid #ccc; padding: 5px;text-align:center;}
 .inner .list-article .news-list li img { display: block;  height: 144px;margin:0 auto;max-width:192px; }
 .inner .list-article .news-list li .text { margin-left: 0px;}
 .inner .list-article .news-list li .li-title { font-size: 18px; }
 .inner .list-article .news-list li .li-title a { color: #1d1c1c; }
 .inner .list-article .news-list li .li-title strong { font-weight: 500; color: #1d1c1c; }
 .inner .list-article .news-list li .li-title strong a { color: #1d1c1c; }
 .inner .list-article .news-list li p { color: #666; font-size: 14px; padding-left: 10px; margin-top: 10px; }
 .inner .list-article .news-list li span { font-size: 12px; color: #999; margin-left: 10px; }
 .inner .list-article .news-list li .arckeywords{font-size: 12px;color: #999;margin-left: 10px;margin-top: 10px;}
 
 
 /*show-image*/
 .inner .image-show {overflow: hidden; background: #fff; margin-top: 20px;box-shadow: 0 0 8px #ccc;}
 .inner .image-show .img{overflow:hidden;float:left;}
 .inner .image-show .img-info {width:386px;float:right;padding:28px;}
 .inner .image-show .img-info h1 { font-size: 26px; color: #1F8FFF; border-bottom: 1px dashed #ccc; padding-bottom: 20px;}
 .inner .image-show .img-info .attr { margin: 20px 0; }
 .inner .image-show .img-info .attr i { color: #1F8FFF; margin-right: 5px; width: 20px; text-align: center; }
 .inner .image-show .img-info .attr .pag { color: #666; margin-top: 20px; }
 .inner .image-show .img-info p{border-top:1px solid #eee;padding-top:20px;margin-top:20px;}
 .inner .image-show .img-author{clear:both;background:#f8f8f8;padding:20px;border-top:1px solid #eee;overflow:hidden;}
 .inner .image-show .img-author .left{float:left;}
 .inner .image-show .img-author img{float:left;border-radius: 100px;border:1px solid #ccc;margin-right:10px;}
 .inner .image-show .img-author .left .box{float:left;width:170px;padding-top:18px;}
 .inner .image-show .img-author .left .box span{display: block;font-size:22px;}
 .inner .image-show .img-author .left .box small{color:#666;}
 .inner .image-show .img-author .left .box small font{color:#666;}
 .inner .image-show .img-author .left .tag-title{float:left;margin-left:10px;font-size:16px;padding-top:29px;}
 .inner .image-show .img-author .left ul{float:left;margin-left:10px;padding-top: 23px;}
 .inner .image-show .img-author .left ul li{float:left;padding:5px 20px;background:#fff;border:1px solid #ccc;}
 .inner .image-show .img-author .right{float:right;padding-top:20px;}
 .inner .image-show .img-author .right .btn{margin-left:10px;padding:10px 20px;}
 .inner .image-show .img-author .right .btn-success{background:#1F8FFF;color:#fff;border: 1px #fff solid;}
 .inner .image-show .img-author .right .btn-success a{color:#fff;}
 .inner .image-cont{margin-top:20px;overflow:hidden;}
 .inner .image-cont .left{background:#fff;width:860px;float:left;padding:20px;}
 .inner .image-cont .left ul{}
 .inner .image-cont .left ul li img{display: block;margin:0 auto;}
 .inner .image-cont .left ul li span{display: block;margin:20px 0;font-size:16px;}
 .inner .image-cont .right{background:#fff;float:right;width:300px;padding:20px;}
 .inner .image-cont .right .title{text-align:center;font-size:16px;line-height:40px;border-bottom:1px dashed #ccc;margin: 1px;}
 .inner .image-cont .right ul li{margin-top:10px;text-align:center;}
 .inner .image-cont .right ul li img{width:100%;margin-bottom:10px;}
 .inner .image-cont .left .img-content table tbody tr td{border:1px #eee solid;line-height: 30px;padding-left: 20px;}
 /*list*/
 
 .inner .news-list ul li {width:377px; overflow: hidden;display: inline-block;margin:10px;background: #fff;}
 .inner .news-list ul li a { display: block; }
 .inner .news-list ul li img { width:100%;}
 .inner .news-list ul li h2 { font-size:16px; margin-top: 10px; font-weight: bold; color: #333;padding:10px 20px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
 .inner .news-list ul li p {color: #666;padding:10px 20px;}
 .inner .news-list ul li .right { overflow: hidden; }
 .inner .news-list ul li .right i { float: left; margin-right: 10px;}
 .inner .news-list ul li .right .tag-name { float: left; font-size: 12px;color: #666; }
 .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: #2a53a2; }
 .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: #2a53a2; }
 .inner .news-show .cont { margin-top: 20px; color: #666; }
 .inner .news-show .cont img {display: block;margin:0 auto;}
 .inner .news-show .statement { color: #666; }
 .inner .news-show .statement a { color: #2a53a2; }
 .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: 3px; padding: 8px 0; margin: 10px; text-align: center; }
 
 
 
 
 
 .inner .article-article { overflow: hidden; margin-bottom: 20px;background:#fff;padding:20px;}
 .inner .article-article .inner-title { height: 40px; margin: 0px auto; background: none; font-weight: 500; color: #1d1c1c; }
 .inner .article-article .attr { height: 40px; line-height: 30px; border-bottom: 1px dashed #ccc; color: #666; text-align: left; font-size: 12px; margin: 10px; margin-top: 30px; padding-bottom: 10px; }
 .inner .article-article .attr p { float: left; }
 .inner .article-article .attr a { color: #aaa; }
 .inner .article-article .attr .back { float: right; display: inline; background: #ccc; color: #333; padding: 0px 15px; }
 .inner .article-article .attr .back a { color: #333; }
 .inner .article-article .art-info{margin:10px;font-size:12px;color:#666;border:1px dashed #ccc;padding:10px;}
 .inner .article-article .info { line-height: 24px; color: #666; padding: 10px;width: 900px;float: left;}
 .inner .article-article .info blockquote{padding:5px 10px;background:#fff;font-size:16px;border-left-color:#1d1c1c;}
 .inner .article-article .info img{padding:3px;border:1px solid #ccc;margin:10px auto;display: block;max-width:1000px;height:auto !important;}
 .inner .article-article .prevnext { margin: 20px auto; height: 35px;line-height:35px; background: #eee; padding: 5px 0; border: 1px solid #ccc; color: #333;clear:both; }
 .inner .article-article .prevnext .pre_l { float: left; padding-left: 10px; }
 .inner .article-article .prevnext .pre_r { float: right; padding-right: 10px; }
 .inner .article-article .prevnext a { color: #333; }
 .inner .article-article .prevnext a:hover { color: #1d1c1c; }
 .info-right{width:250px;float:right;}
 .info-right .news-relevant { width: 250px;float: left; background: #fff; padding: 30px 10px; margin-top: 20px; }
 .info-right .news-relevant .rel-title { background: #2f67d2; text-align: center; color: #fff; font-size: 16px; line-height: 40px; }
 .info-right .news-relevant ul li { border-bottom: 1px dashed #ccc; padding: 10px 0; overflow: hidden; }
 .info-right .news-relevant ul li em { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background: #2f67d2;
 border-radius: 100px; float: left; margin-right: 10px; }
 .info-right .news-relevant ul li span { display: block; float: left; width: 200px; color: #666; }
 .info-right .relevant-product{width:250px;float: left;background:#fff;padding:30px 10px;margin-top:20px;}
 .info-right .relevant-product .rel-title{background:#2f67d2;text-align:center;color:#fff;font-size:16px;line-height:40px;}
 .info-right .relevant-product ul li{border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;text-align:center;}
 .info-right .relevant-product ul li img{width:100%;}
 .info-right .relevant-product ul li span{display: block;margin:5px auto;}
 
 .info-right1{width:250px;float:right;margin-right: 281px;margin-top: -173px;}
 .info-right1 .news-relevant {margin-top: 10px;/* width: 303px; */float: left;background: #fff;padding: 30px 10px;margin-top: 144px;margin-left: 251px;width: 299px;margin-top: 154px;}
 .info-right1 .news-relevant .rel-title { background: #2f67d2; text-align: center; color: #fff; font-size: 16px; line-height: 40px; }
 .info-right1 .news-relevant ul li { border-bottom: 1px dashed #ccc; padding: 10px 0; overflow: hidden; }
 .info-right1 .news-relevant ul li em { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background: #2f67d2;border-radius: 100px; float: left; margin-right: 10px; }
 .info-right1 .news-relevant ul li span { display: block; float: left; width: 200px; color: #666; }
 .info-right1 .relevant-product{width: 303px;/* float: left; */background: #fff;padding: -47px 10px;margin-top: 20px;margin-left: 250px;}
 .info-right1 .relevant-product .rel-title{background:#2f67d2;text-align:center;color:#fff;font-size:16px;line-height:40px;}
 .info-right1 .relevant-product ul li{border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;text-align:center;}
 .info-right1 .relevant-product ul li img{width:100%;}
 .info-right1 .relevant-product ul li span{display: block;margin:5px auto;}
 
 /*public*/
 .inner .inner-page { text-align: center; height: 30px; padding-top: 10px; clear: both;overflow:hidden;margin-bottom:10px;}
 .inner .inner-page ul li { float: left; left: 15%; position: relative; ; margin-right: 1px; width: auto; padding: 3px 10px; color: #666;border: 1px solid #ccc;margin: 0 5px 15px 5px;background: #eee;}
 .inner .inner-page ul li a { color: #666; display: block; }
 .inner .inner-page ul li a:hover { color: #1d1c1c; }
 .inner .inner-page ul li .pageinfo { width: 200px; display: block; background: #666; background: #999; color: #fff; margin: -5px; }
 .inner .inner-page .thisclass { background: #1d1c1c; border: 1px solid #1d1c1c; color: #fff; }
 .inner .inner-page .thisclass a { color: #fff; }
 
 .inner .inner-discription table tr td{border:1px solid #ccc;padding:5px 10px;}
 .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%;}
 .sitemap { overflow: hidden; }
 .sitemap .inner-place { height: 30px; border-bottom: 1px dashed #ccc; line-height: 30px; margin-top: 10px; }
 .sitemap .inner-place .inner-position { float: left; }
 .sitemap .sp-title { float: right; }
 .sitemap .sp-title a { background: #eee; padding: 5px; }
 .sitemap .linkbox { border: 1px solid #ccc; margin: 10px 0; padding: 3px 10px; }
 .sitemap .linkbox h3 { border-bottom: 1px dashed #ccc; }
 .sitemap .linkbox ul { overflow: hidden; margin-bottom: 10px; }
 .sitemap .linkbox ul li { float: left; margin-right: 10px; }
 .recommend-news{margin-top:10px;background:#fff;padding:10px;width:100%;float: right;}
 .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:48%;float:left;margin:8px;line-height:12px;border-bottom:1px dashed #ccc;}
 .recommend-news .rec-list ul li a{font-size: 13px;text-align: center;}
 .recommend-news .rec-list ul li span{float:right;font-size:12px;}
 /* .relevant-news{padding:0 10px;} */
 .relevant-news .rel-title{background:#1d1c1c;text-align:center;color:#fff;font-size:16px;line-height:40px;font-weight: bold;}
 .relevant-news ul li{border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;text-align:center;line-height:15px;font-size:13px;}
 .relevant-news ul li img{width:100%;}
 .relevant-news ul li span{display: block;margin:5px auto;}
 .inner .article-article .statement a {color:#2f67d2;}
 .inner .article-article .news-tag {overflow:hidden;margin-top:10px;}
 .inner .article-article .news-tag .fa-tags {float:left;margin-right:10px;font-size:22px;margin-top:3px;}
 .inner .article-article .news-tag ul li a {display:block;float:left;border:1px solid #ccc;padding:5px 10px;margin-right:10px;border-radius:5px;}
 
 
 
 
 
  .hy-case{position: relative;height:550px;}
.hy-case .hd{position: absolute;z-index:100;width:400px;height:500px;background:#fff;top:0;right:0;}
.hy-case .hd .box-1{background:#1F8FFF;padding:30px;}
.hy-case .hd .box-1 .title{font-size:30px;color:#fff;font-weight:bold;}
.hy-case .hd .box-1 .en{font-size:20px;color:#ccc;}
.hy-case .hd .box-2 {height:100px;margin-top:270px;}
.hy-case .hd .box-2 .left{float:left;}
.hy-case .hd .box-2 .left a{font-size:22px;display: block;width:40px;height:40px;background:#eee;text-align:center;line-height:40px;float:left;margin:5px;}
.hy-case .hd .box-2 .right{float:right;}
.hy-case .hd .box-2 .right .pageState{font-size:26px;margin-right:10px;}
.hy-case .hd .box-2 .right .pageState span{font-size:36px;color:#1F8FFF;}
.hy-case .bd{position: absolute;height:520px;bottom:0;width:100%;}
.hy-case .bd ul li{height:520px;position: relative;}
.hy-case .bd ul li .text{position:absolute;right:0;z-index:200;width:350px;top:190px;}
.hy-case .bd ul li .text span{display: block;font-size:24px;color:#333;}
.hy-case .bd ul li .text p{color:#999;line-height:30px;}
 
 
 
 
 
 /*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: #d42220; 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: #d42220; 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;}


 
/*鼠标移动拉伸*/
.move{transition:width 1s;-moz-transition:width 1s; /* Firefox 4 */-webkit-transition:width 1s; /* Safari and Chrome */-o-transition:width 1s; /* Opera */}



/* Elements----------------------------------------*/
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
.side-bar a,.chat-tips i {
	background-image: url(zzz.png);
	background-repeat: no-repeat;
}
/*右侧悬浮icon*/
.side-bar {
	width: 66px;
	position: fixed;
	top: 5%;
	right: 0px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
}
.side-bar a {
	width: 66px;
	height: 66px;
	display: inline-block;
	background-color: #1F8FFF;
	margin-bottom: 2px;
}
.side-bar a:hover {
	background-color: #669fdd;
}
.side-bar .icon-qq {
	background-position: 0 -62px;
}
.side-bar .icon-chat {
	background-position: 0 -262px;
	position: relative;
}
.side-bar .icon-chat:hover .chat-tips {
	display: block;
}
.side-bar .icon-blog {
	background-position: 0 -130px;
}
.side-bar .icon-mail {
	background-position: 0 -195px;
}

.side-bar .icon-d {
	background-position: 0 -315px;
}
.side-bar .icon-totop {
	background-position: 0 -334px;
}
.chat-tips {
	padding: 20px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 78px;
	top: -55px;
	background-color: #ffffff;
	display: none;
}
.chat-tips i {
	width: 9px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 80px;
	background-position:-88px -350px;
}
.chat-tips img {
	width: 138px;
	height: 138px;
}

.chatBtn{display: none!important;}
.nb-icon-bridge-base{bottom: 200px!important;}

/*****************************导航新样式  */
.head-nav{width:1200px;display: flex;align-items: center;margin:0 auto;padding:10px 0;}
    .head-nav .phone{display: flex;align-items: center;}
    .head-nav .phone img{height:40px;}
    .head-nav .phone h6{font-size:24px;font-weight: bold;}
   
    .head-nav .logo{height:70px;}
    .head-nav .logo img{height:70px;}
    .head-nav .nav-list{flex:1;display: flex;justify-content: center;}
    .head-nav .nav-list li{position: relative;transition: 0.2s all ease-in-out;padding-right:3%;}
    .head-nav .nav-list .a1{line-height: 88px;font-size:16px;font-weight: bold;color:#333;display: block;}
    .head-nav .nav-list li.navcurrent .a1, .head-nav .nav-list li:hover .a1{
      color: #1F8FFF;
    }


    .head-nav .nav-list .subnav{position: absolute;left:0;top:88px;width:300px;display: none;box-sizing: content-box;
      border: 3px #fff solid;background: rgba(255,255,255,0.9);z-index: 99999;padding: 30px;}
    .head-nav .nav-list .subnav .lf{float:left;}
    .head-nav .nav-list .subnav .lf p{font-size: 18px;margin:0;
    font-weight: bold;
    color: #222;
    padding-bottom: 8px;}
    .head-nav .nav-list .subnav .lf span{font-size: 14px ;}
    .head-nav .nav-list .subnav .lf span:after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    background: #1F8FFF;
    margin-top: 20px;
}
.head-nav .nav-list .subnav .rt{width:140px;float: right;}
    .head-nav .nav-list .subnav .rt a {
    display: block;
    border: 1px #ccc solid;
    margin-bottom: 14px;
    width: 140px;
    line-height: 20px;
    padding: 10px 0;
    color: #333;
    font-size: 14px;
    text-align: center;
}


.head-nav .nav-list .subnav .rt a:hover {
    color: #fff;
    background-color: #1F8FFF;
}

.myin-title{margin-top: 50px;margin-bottom: 45px;text-align:center;}
.myin-title .title-1{font-size:22px;font-weight:bold;}
.myin-title .title-1 span{color: #1F8FFF;}
.myin-title .title-2{font-size:16px;color:#999;margin-top:10px;margin-bottom:15px;}
.myin-title .title-3{display: block;width:160px;height:1px;line-height:2px;background:#999;margin:10px auto;}
.product{overflow: hidden;margin-top:40px;}
.product .mid{max-width: 1600px;margin:0 auto;}
.product .cont{width: 100%;}
.product .cont .hd ul{max-width:1600px;margin:0 auto;text-align: center;}
.product .cont .hd ul li{display: inline-block;}
.product .cont .hd ul li a{display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ddd;
    margin: 8px;
    border-radius: 10px;transition: all 0.3s;}
.product .cont .hd ul li a:hover{color:#fff;background-color: #1F8FFF;}
.product .bd ul {margin-top:20px;}
.product .bd ul li{width:23%;float:left;position: relative;background: #eee;text-align:center;border-radius:5px;margin-right:2%;transition: all 0.5s;}
.product .bd ul li:last-child{margin-right: 0;}
.product .bd li img{width: 100%;display: block;}
.product .bd li span{color:#4D4948;padding:15px 5px;display: block;}
.product .bd li:hover{z-index:20;background: #1F8FFF;box-shadow: 0 0 10px rgba(0,0,0,0.4);transform: translateY(-8px)}
.product .bd li:hover span{color:#fff;}


.hy-case{position: relative;height:630px;margin-top: 50px;}
.hy-case .hd{position: absolute;z-index:100;width:482px;height:590px;background:#fff;top:0;right:-60px;}
.hy-case .hd .box-1{background:#1F8FFF;padding:30px;}
.hy-case .hd .box-1 .title{font-size:30px;color:#fff;font-weight:bold;margin: 0px;}
.hy-case .hd .box-1 .en{font-size:20px;color:#ccc;}
.hy-case .hd .box-2 {height:100px;margin-top:270px;}
.hy-case .hd .box-2 .left{float:left;margin-top: 96px;}
.hy-case .hd .box-2 .left a{font-size:22px;display: block;width:40px;height:40px;background:#eee;text-align:center;line-height:40px;float:left;margin:5px;}
.hy-case .hd .box-2 .right{float:right;margin-top: 96px;}
.hy-case .hd .box-2 .right .pageState{font-size:26px;margin-right:10px;}
.hy-case .hd .box-2 .right .pageState span{font-size:36px;color:#1F8FFF;}
.hy-case .bd{position: absolute;height:520px;bottom:0;width:100%;}
.hy-case .bd ul li{height:520px;position: relative;}
.hy-case .bd ul li .text{position:absolute;right:-16px;z-index:200;width:385px;top:100px;}
.hy-case .bd ul li .text span{display: block;font-size:24px;color:#333;}
.hy-case .bd ul li .text p{color:#999;line-height:30px;}


/*inner-about*/
.inner-about{background:#fff;}
.inner-about .index-title{margin-bottom:10px;}
.inner-about .block-1{overflow:hidden;padding-top:10px;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 ul{overflow: hidden;padding-top:30px;clear:both;}
.inner-about .block-1 ul li{float:left;border-left:1px solid #ccc;padding-right:33px;}
.inner-about .block-1 ul li:first-child{border-left:0;}
.inner-about .block-1 ul li .num{font-size:36px;color:#1F8FFF;float:left;font-weight: bold;margin-right:10px;}
.inner-about .block-1 ul li .dis{float:left;}
.inner-about .block-1 ul li .dis span{display: block;font-size:16px;}
.inner-about .block-1 ul li .dis small{color:#999;font-size:12px;}
.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;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:#1F8FFF;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-3 {margin-top:30px;}
.inner-about .block-3 .cont { border-top: 0;}
.inner-about .block-3 .cont .bd { overflow: hidden; position: relative; }
.inner-about .block-3 .cont .bd .tempWrap { }
.inner-about .block-3 .cont .bd ul { overflow: hidden; zoom: 1; }
.inner-about .block-3 .cont .bd ul li {position: relative; float: left; _display: inline; overflow: hidden; text-align: center; margin: 8px;width:24%;border:1px solid #ccc;text-align:center;}
.inner-about .block-3 .cont .bd ul li img {height:195px; display: block;z-index:0;margin:0 auto;}
.inner-about .block-3 .cont .bd ul li .text{margin-top:10px;}
.inner-about .block-3 .cont .hd{overflow:hidden;width:160px;margin:10px auto;}
.inner-about .block-3 .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;}
.inner-about .block-3 .cont .hd a:hover{background: #1F8FFF;color:#fff;}
.inner-about .block-3 .cont .hd .case-link{width:60px;}
.inner-about .block-4{margin-top:20px;padding-bottom:20px;}
.inner-about .block-4 .cont{overflow:hidden;}
.inner-about .block-4 ul li{width:280px;padding:10px;box-shadow:0 0 8px #ccc;float:left;margin:10px;}
.inner-about .block-4 ul li img{width:100%;}


.about .ab-5{padding-top:20px;overflow:hidden;padding-bottom:10px;}
/*contact*/
.inner .page-contact { background: #fff; padding: 20px; margin-top: 20px; 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: #1F8FFF; }
.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: #1F8FFF; }
.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: 30px; background: #1F8FFF; 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: #1F8FFF; }
.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-contact .bottom { position: relative; }
.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; }


/*list*/
.list .left{background:#1F8FFF;width:260px;padding:10px;float:left;margin-top:20px;}
.list .left .title{color:#fff;font-size:18px;margin-top:10px;text-align:center;} 
.list .left .pro-nav{background:#fff;border-radius:10px;padding:10px;margin-top:10px;margin-bottom:20px;}
.list .left .pro-nav ul li{border-bottom:1px dashed #ccc;padding:10px;}
.list .left .pro-nav ul .active{background:#1F8FFF;}
.list .left .pro-nav ul .active a{display: block;color:#fff;}
.list .left .hot-news{margin-top:10px;}
.list .left .hot-news ul li{text-align:center;}
.list .left .hot-news ul li a{display: block;border-bottom:1px dashed #ccc;color:#fff;padding:10px 0;}
.list .left .hot-news ul li img{width:100%;margin-bottom:10px;}

.hot-news{margin-top:10px;}
.hot-news ul li{text-align:center;}
.hot-news ul li a{display: block;border-bottom:1px dashed #ccc;color:#fff;padding:10px 0;}
.hot-news ul li img{width:100%;margin-bottom:10px;}

.list .left .news-relevant{ width: 240px;}
.inner .news-list { width: 925px; float: right; }
.inner .news-list ul li { margin-top: 20px; }
.inner .news-list ul li a { display: block; padding: 20px; background: #fff; overflow: hidden; }
.inner .news-list ul li img { float: left; width: 200px; }
.inner .news-list ul li .right { float: right; width: 650px; }
.inner .news-list ul li h2 { font-size: 20px; margin-top: 0; font-weight: bold; color: #1F8FFF; }
.inner .news-list ul li .info { color: #666; float: left; }
.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 {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: #1F8FFF; 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 {width: 140px; height: 35px; text-align: center; background: #1F8FFF; 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: #1F8FFF; }
.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: #1F8FFF; }
.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: #1F8FFF; }
.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;    margin-bottom: 20px; }
.inner .news-relevant .rel-title { background: #1F8FFF; 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: #1F8FFF; border-radius: 100px; float: left; margin-right: 10px; }
.inner .news-relevant ul li span { display: block; width: 200px; color: #666; }