/*顶部*/
.toper{ height:40px; background:#202322; line-height:40px; width:100%;}
.phone{ background:url(../images/w1.gif) no-repeat left center; padding-left:40px; color:#d5d5d5; line-height:40px; }
.search{ background:url(../images/w8.gif) no-repeat right center;  width:230px; height:40px;line-height:40px; text-align:right; float:right; }
.search input{ background:none; line-height:40px;  float:left;  border:none; padding-left:5px;  } 
.search a{ float: right;
margin-top:5px;
    width: 25px;
    height: 27px;
	background:url(../images/w9.gif) no-repeat right center;
 }






/*top*/

.top {
    padding: 10px 0 0 0;
}

.top .navbar {
    margin-bottom: 0;
	padding-right:20px;
}


.top .navbar-default {
    border: none;
    background: none;
}

.top .navbar-default .navbar-nav>.active>a,
.top .navbar-default .navbar-nav>.active>a:focus,
.top .navbar-default .navbar-nav>.active>a:hover {
font-weight:bold;
	color:#0074c5;
}

.top .navbar-default .navbar-nav>li>a {
    font-size: 16px;
    color: #333;
    padding: 60px 35px 35px 25px;
}

.top .navbar-default .navbar-nav>.active>a:hover {
    color: #0074c5;
    font-weight: bold;
	
}

.log-in,
.registered {
    border-radius: 5px;
    padding: 5px 20px!important;
    margin-top: 18px;
}

.log-in {
    border: 1px solid #1c326c;
    color: #1c326c!important;
    margin-right: 10px;
}

.registered {
    background: #1c326c;
    border: 1px solid #1c326c;
    color: #fff!important;
}

.registered:hover {
    background: #1c326c!important;
}

.top .navbar-default .navbar-nav li.active,
.top .navbar-default .navbar-nav li a:hover {
  
	color:#0074c5;
	font-weight:bold;
}
.dropdown-menu{ width:100%; float:left;}
.dropdown-menu li{ float:left; padding:30px 0; }
.dropdown-menu li:hover{ background:#fff;}
.dropdown-menu a{ text-align:center; }
.dropdown-menu a p{ color:#000; text-align:center; line-height:3em;}

/*banner*/

.banner .carousel-indicators li,
.banner .carousel-indicators li.active {
    width: 20px;
    height: 20px;
}

.banner .carousel-indicators li {
    border: none;
    border-radius: 0;
    background: url(../images/circle.png) no-repeat;
}

.banner .carousel-indicators li.active {
    background: url(../images/circle-a.png) no-repeat;
}


/*service*/

.m-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.white{ color:#fff;}
#white{color:#fff; line-height:2em; padding:0 3% 3% 5%;}
.m-title-des {
    font-size: 18px;
    text-align: center;
    color: #909090;
}

.m-service-list .thumbnail>img {
    margin:o auto; margin-top:10px;
}

.m-service-list h3 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.m-service-list p {
    line-height: 26px;
    color: #666;
    text-align: justify;
    
}


.m-service-list .more {
    color: #1c326c;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}

.m-service-list .more span {
    vertical-align: middle;
    margin-left: 5px;
}

.m-service-list .thumbnail {
    border-radius: 0;
    border: 2px solid #e8e8e8;
    transition: all 0.3s;
    transform: translate(0, 0);
    padding: 10px;
}

.in-rec-item {
    transition: all 0.3s;
    transform: translate(0, 0);
}

.in-rec-item:hover {
    cursor: pointer;
    box-shadow: 0 0 20px #aaa;
    transform: translate(0, -13px);
}

.in-rec-item:hover .more {
    background: #1c326c;
    color: #fff;
}

.m-service-list .thumbnail:hover {
    border: 2px solid #fff;
    cursor: pointer;
    box-shadow: 0 0 20px #aaa;
    transform: translate(0, -13px);
}

.m-part-list .swiper-slide:hover {
    cursor: pointer;
    box-shadow: 0px 0px 20px #ccc inset;
    transform: translate(0, -10px);
}

.ckxq{ text-align:center; color:#fff; background:#ffbd49; padding:20px 40px; }
.bggrenn{ background:#f1f1f1; padding:60px 0 30px 0;  margin-top:0;}

/*news*/

.in-news-pic {
    position: relative;
}
.date1 span{ position:absolute; left:0; bottom:0; background:#ffbe4a; padding:8px; color:#fff;}
.in-news-pic .jiejue1 {
   position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3%;
    bottom: 0;
    left: 0;
  
    transition: all 0.6s;
	color:#FFFFFF;
	
}
.in-news-pic .jiejue1 h3{ font-size:18px; padding-left:10px;}
.in-news-pic .jiejue1 span{ padding:10px;}
.in-news-pic .jiejue1 p{  margin-top: 10px; padding:0 10px; display: none;}

.in-news-pic .jiejue1:hover
{  background: linear-gradient(to bottom right, #000428, #004e92);
    padding-bottom: 8%;
    opacity: 0.8;
	}
	
.in-news-pic .jiejue1:hover p{ display:block; color:#fff; padding:10px; font-weight:normal;}
.in-news-pic .jiejue1:hover span{ font-weight:normal;  opacity: 0.5;}
.in-news-pic img {
    width: 100%;
	padding:15px 0 0 0px;
}

.in-news-item {
    margin-bottom: 5%;
}

.in-news-item h2 {
    margin-top: 7%;
}

.in-news-item p {
    color: #999;
    line-height: 24px;
    margin-top: 0;
	height:auto;
}

.in-news-item .more {
    color: #ffbd49;
    font-weight: bold;
    margin-top: 2%;
    display: block;
}


.row{ background:#fff; }
.newslist h3{ font-size:18px; font-weight:normal; }
.newslist h3 a:hover{color:#0074c5; font-weight:bold; }
.newslist li{  padding:10px 0; border-bottom:1px solid #d5d5d5; clear:both; margin:0 2%; }

.newslist li a{background:url(../images/ico0.jpg) no-repeat; padding:0 0 0 30px;}
#newslist{ height:auto;}

.newslist li p a{background:none;  color:#ffbd49; padding:0;}
.newslist h4{ margin:0; font-weight:normal; font-size:14px; color:#999; line-height:1.5em; padding:5px 0;}
.newslist span{ float:right;}

/*.jiejue1 a{ position:absolute; left:14%; top:50%; color:#fff; font-size:18px;}
.jiejue2 a{ position:absolute; left:30%; top:50%; color:#fff; font-size:18px;}*/
.in-news-pic a:hover{ font-weight:bold;}

.footer{ background:#202322; padding:10px 0;}
.row1 h3{ font-size:14px; line-height:2em; text-align:center; color:#b0b0b0;}
.bq{ background:#0f1010; line-height:2em; text-align:center; padding:5px 0; color:#b0b0b0;}

/*footer*/

.footer {
    width: 100%;
    background: #222;
    padding: 1% 0 1% 0;
}

.f-nav h2,
.f-contact h2 {
    font-size: 18px;
    border-bottom: 1px solid #393939;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.f-nav ul li,
.f-contact ul li,
.f-copy ul li {
    line-height: 30px;
    opacity: 0.5;
}

.weChat {
    text-align: center;
}

.weChat span {
    display: block;
}

.f-copy ul li {
    text-align: center;
}

.layer {
    display: none;
}
.footer1{ background:#0f1010;}
.row2{ 
text-align:center;
 padding:10px 0;
  color:#b0b0b0;
}

/*about*/
.in-banner {
    width: 100%;
}
.in-content{ }
.in-content p{ line-height:1.8em; font-size:18px; }
.case{ padding:0;}

/*product*/
.pro_list{ padding: 0 2%;}
.pro_list h3{ font-size:24px; line-height:2.5em; margin:0; text-align:center; color:#4b7a98; font-weight:bold; }
.pro_list h3 span{ font-size:36px; padding-right:5px;}
.pro_list h3 img { padding-right:15px;}
.pro_list p{ padding: 20px 0;}
.pro_list ul li h2{ font-size:24px; text-align:center; color:#0077c5; font-weight:bold; padding:3% 0;}
.pro_list ul li h2 span{ color:#ff601f;}
.pro_list ul li ul li{ line-height:1em; background:url(../images/icon7.jpg) no-repeat; padding-left:25px; margin-top:2%; font-size:18px;}
.pro_bg{ background:#ececec; padding:2% 0; clear:both; margin-top:5%;}
.pro_bg dl{ margin:0; font-size:18px; clear:both;}
.pro_bg dt{ text-align:center; }
.pro_list1 dd p{ line-height:2.5em; padding-top:3%;}
.pro_list2{ margin-top:0; text-align:left;}
.pro_list2 p{padding:0 10%;}
.pro_bg h4{ padding:2%; text-align:center; line-height:2em;}
.pro2{ margin-top:15px;}
.pro2 ul{ clear:both;}
.pro2 li { font-size:18px; float:left; width:50%; padding-top:20px; background:url(../images/icon10.jpg) left center no-repeat; padding-left:15px;}
.probg{
    background: #8999a8;
    margin: 3% 0;
    padding: 3% 0;
    
}
.probg h3{
    color: #fff;font-size:24px; line-height:2.5em; margin:0; text-align:center;
}
.probg h3 img { padding-right:15px;}
.probg li{
    float: left;
    border: 1px solid #d4ecfc;
    width: 21%;
    margin: 2%;
}
.probg li img{
    padding: 25px 50px;
    
}
.probg li span{
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 20px 0;
    
}
.probg_in{ background:#8999a8;}
.fun{ padding: 0 2%; margin: 3% 0; }
.fun h3{ font-size:24px; line-height:2.5em; margin:0; text-align:center; }
.fun h3 img { padding-right:15px;}
.fun p{ padding: 20px 0;}
.fun ul li{
    float: left;
    width:23%;
    margin-top: 70px;
    text-align: center;
    border-right:1px solid #a8c2dd;
    padding-right:3%;
    margin-left:2%;
   
   
}
.fun ul li h3{ font-size: 18px;}
.fun ul li b{
    font-size: 60px;
    font-weight: normal;
    color: #a8c2dd;
    line-height: 100px;
}

.xian{
    width: 38px;
    height: 4px;
    background: #849fbd;
   margin: 0 auto;
   margin-top: 5%;
}
.probg1{ margin-bottom:0;}
.probg2 li{
   
        float: left; 
        width: 28%;
        margin: 2%;
        border: none;
}
.probg2 li img{
    padding: 15px 10px;
    
}
.probg2 .wenzi{
    font-size: 14px;
    color: #d4ecfc;

}
.probg3{ margin-bottom: 0;}
.probg3 li{ width: 28%;}
.probg3 li img{
    margin: 0 auto;
   display: block;
   
    
}
.probg2 h4{ text-align: center; font-size: 18px; color: #fff; padding-top: 20px;}
.in-content-p{ padding-bottom: 0;}
.parbg{width:100%; background:url(../images/p18.jpg) repeat-x; height:2px;}
.table{ line-height:3em; text-align:center; }
.table th{ text-align:center;}

/*解决方案静态*/
.solution h2{ font-size:24px; text-align:center; color:#0077c5; font-weight:bold; padding:3% 0;}
.solution h2 span{color:#ff601f;}
.solution li { padding-bottom:20px;}
.solution1 dl{ padding-top:10px;}
.solution1 dt{ float:left;}
.solution1 dd{ float:left; padding-left:10%;}
.solution1 li{ background:url(../images/icon10.jpg) no-repeat left center; padding:10px 15px; font-size:18px;}

.solution2 dl{ border:1px solid #236b9b;}
.solution2 dt{ border-bottom:1px solid #236b9b; line-height:3em; background:url(../images/solution15.jpg) 20px center no-repeat; text-align:center; padding:5px; font-size:22px; font-weight:bold;}
.solution2 li{ background:url(../images/icon10.jpg) no-repeat left center; padding:10px 15px; font-size:18px; margin:0 0 0 10%;}

.solution3 li{ float:left; font-size:24px; padding:40px 40px 40px 0; text-align:center; background:url(../images/icon12.jpg) right center no-repeat; width:33%;}
.solution4 li{float:left; width:35%; }
.solution5 h2{ padding:0 0 5% 0; margin-bottom:5%; text-align:center;}
.solution5 { margin-top:5%;}
.solution5 li{float:left; width:50%; text-align:center;}
.solution6{ margin-top:2%;}
.solution6 li{ float:left; width:25%; }

/*解决方案*/
.in-con-subnav {
    text-align: center;
    margin-top: 1%;
}

.in-con-subnav ul li {
    display: inline-block;
    margin: 0 5px;
    font-size: 16px;
   
}

.in-con-subnav ul li a {
    color: #999;
    display: block;
    padding: 7px 15px;
   
    border: 1px solid #ddd;
    transition: all 0.3s;
}

.in-con-subnav ul li a.active,
.in-con-subnav ul li a:hover {
    background: #0074c5;
    color: #fff;
    
}
.pro_list li div{ text-align:center;}

/*kf*/
.floating {
    display: block;
}


.floating {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 9999;
    
    background: #0074c5;
}

.floating dl {
    margin: 0;
}

.floating dl dd {
    position: relative;
    width: 75px;
    height: 75px;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #08558a;
    padding-top: 10px;
	color:#fff;
	
}

.floating dl dd:hover {
  
   
    color: #fff;
}

.floating dl dd:hover span i {
    color: #fff;
}

.floating dl dd:hover .floating_left {
    display: block;
}

.floating dd span {
    color: #656565;
    display: block;
    line-height: 26px;
}

.floating dd span i {
    font-size: 24px;
    color: #fff;
}

.floating_left {
    position: absolute;
    left: -141px;
    top: 0px;
    width: 140px;
    height: 75px;
    background-color: #0074c5;
    display: none;
    line-height: 70px;
    font-size: 18px;
}

.floating_ewm {
    height: 151px;
}

.floating_ewm i {
    display: block;
    width: 90px;
    height: 115px;
    margin: auto;
    margin-top: 15px;
}

.floating_ewm p {
    color: #fff;
    margin-top: 5px;
}

.floating_ewm .qrcord_p01 {
    font-size: 12px;
    line-height: 20px;
}

.floating .consult p {
    margin-top: 5px;
}

.floating .return span {
    line-height: 26px;
}

.floating .qrcord span {
    line-height: 26px;
}

.floating .qrcord span i {
    font-size: 32px;
}


/*news*/
.newlist h3{ font-weight:bold; margin-top:0;}
.newlist p{ font-size:18px;}
.newlist span{ float:right; color:#999999;}
.newlist{border-bottom: 1px solid #e1e1e1; padding-bottom:10px; margin-bottom:3%;}
.newlist  dt{ font-weight:normal;}
.newlist dd{ font-weight:normal; padding-top:10px;}
.newlist dd a{ padding:10px 20px; background:#e1e1e1;}

/*page*/

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

.df-page {
    margin-bottom: 3%;
}

.df-page ul {
    float: none;
}

.df-page li {
    text-align: center;
    display: inline-block;
}

.df-page span {
    margin-bottom: 0;
}

.pagination>.active>a {
    background: #0074c5;
    border: 1px solid #0074c5;
}


/*recrutiment*/
.in-rec-item {
    transition: all 0.3s;
    transform: translate(0, 0);
}

.in-rec-item:hover {
    cursor: pointer;
    box-shadow: 0 0 20px #aaa;
    transform: translate(0, -13px);
}

.in-rec-item:hover .more {
    background: #1c326c;
    color: #fff;
}


/*recruitment*/
.recu{ padding-top:20px;}

.in-rec-list {
    background: #f5f5f5;
    padding: 3% 0;
}

.in-rec-item {
    background: #fff;
    margin-bottom: 10%;
    padding: 10%;
}

.in-rec-item .time {
    color: #999;
}

.in-rec-item .title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.des-title {
    font-weight: bold;
}

.des-txt {
    color: #666;
    line-height: 30px;
    margin-bottom: 10%;
	font-size:12px;
}

.in-rec-item .more {
    background: #999;
    padding: 10px 15px;
    color: #fff;
}

.recu des-txt{ font-size:16px;}

.caption h3{ height:40px;}





/*solution*/

.white {
    color: #fff!important;
    text-shadow: #333 1px 1px 2px
}

.m-solution-list .thumbnail {
    background: none;
    border: none;
    padding: 0;
}

.m-solution-list .thumbnail img {
    position: relative;
}

.m-solution-list .thumbnail .caption {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 90%;
    margin: 0 auto;
    padding-bottom: 3%;
    bottom: 8%;
    left: 5%;
    border-radius: 0 0 10px 0;
    transition: all 0.6s;
	overflow:hidden;
}

.m-solution-list .thumbnail .caption h3 {
    margin: 0;
    font-size: 18px;
}

.m-solution-list .thumbnail .caption p {
    margin-top: 10px;
    display: none;
}

.m-solution-list .thumbnail .caption span {
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0.5;
}

.m-solution-list .thumbnail .caption:hover {
    background: linear-gradient(to bottom right, #1c326c, #c61333);
    padding-bottom: 8%;
    opacity: 0.8;
}

.m-solution-list .thumbnail .caption:hover p,
.floating {
    display: block;
}

.case1 img{ overflow:hidden;}

.col-md-4 a{ overflow:hidden;}

.rec h3{ text-align:center; color:#0074c5;}
.rec h4{ text-align:center; font-size:14px; color:#727272; padding:20px 0;}
.rec h4 span{ padding-left:30px;}
.rec p{ padding:5px;}
.show p { padding:10px;}



.nav_sol{ background:url(../images/nav_sol_bg.jpg) repeat-x bottom; height:125px;}
.nav_sol ul { font-size:20px; clear:both;}
.nav_sol ul li{ font-size:20px;  width:25%; line-height:1.5em;  }
.nav_sol ul li a {border:none;  color:#000;  height:125px; padding-top:50px; }
.nav_sol ul li a.active{background:#4b7a98; }
.nav_sol ul li a:hover{ background:#4b7a98; }