/* CSS Document */
*{ padding:0; margin:0; list-style:none; text-decoration:none;}
a{ color:rgba(255,255,255,.5);}
.active{ color:#fff}
a:hover{ text-decoration:none; color:#fff}
h5{ font-size:14px;}
.nav-link{ padding:0px;}

p{ font-size:12px;}
.navbar-nav{ margin-right:10%;}
.banner{ width:100%; text-align:center}
.banner img{ width:100%;}
.sq{ display:none}
.banner:hover .sq{ display:block}
.bg_xsl{ background:url(../image/b-2.jpg) no-repeat center;}
.bg_xsl2{ background:url(../image/b-3.jpg) no-repeat center; background-size:cover;}
.bg_xsl3{ margin-top:50px;}
.case{ margin-top:0px;}
.bg_xsl4{ background:url(../image/b-4.jpg) no-repeat center; background-size:cover;}
.section-title{ position:relative; margin-bottom:50px; text-align:center;}
.section-title p{text-transform: uppercase; font-size:36px; color:#d8d4d4; font-weight:bold;}
.section-title h3{ position:absolute; left:50%; top:30px; margin-left:-56px; font-weight:bold; color:#343a40;}
.section-title span{ display:block; width:100px; height:2px; background:#fff; margin:15px auto;}
.section-title i{ font-style:normal; color:#ccc; }
.single-services-item{ text-align:center; border: 1px solid #fff; border-radius: 15px; background-color: #fff; transition: 0.6s; padding:10px 0px 20px; overflow:hidden; margin: 10px auto;}
.single-services-item img{ width:100%;}
.single-services-item:hover{box-shadow: 3px 0px 8px 6px #ccc;}
.single-services-item h4{ font-size:16px; line-height:60px;}
.services-link{line-height: 30px; border: 1px solid #CCC; color:#ccc; padding:10px 30px;  border-radius: 5px; transition: 0.6s; font-size:14px;}
.services-link:hover{ background:#337ab7; color:#fff;}
.navbar-nav .nav-item .nav-link{ padding:0 20px;}
section{ padding:30px 0px;}
.xsl_list{ width:100%;}
.xsl_list li{ float:left; text-align:center}
.xsl_list li .ng{ margin:10px;background:rgba(238,238,238,0.8);border-radius: 15px; padding:20px 0px;}
.xsl_list li .ng .xian2{ width:50px; height:2px; background:#618CB3; margin:auto;}
.xsl_list li .ng p{ color:#666;}
.xsl_list li p{ color:#ccc; line-height:3em}
.xsl_list li .ng:hover{box-shadow: 1px 0px 4px 3px #ccc;}
.xsl_row{ position:relative; left:0; top:70px;}
.xsl_row .bj{ background:rgba(255,255,255,0.6);box-shadow: 0px 0px 4px #ccc; position:relative; left:-20px; top:0px;}
.xsl_row .right{ padding:30px 20px 10px; height:100%; }
.xsl_row .right h3{ margin-bottom:30px; }
.xsl_row .right p{ font-size:16px; line-height:2em; color:#666;}
.xsl_row .right a{ display:inline-block;margin-top:30px; border: 1px solid #337ab7; color:#337ab7;transition: 0.6s;}
.xsl_row .right a:hover{background:#337ab7; color:#fff;}
.bg_xsl3 .box{ border:1px solid #ccc; display:block; color:#666;overflow:hidden;  }
.bg_xsl3 .box h5{ line-height:2em; font-size:16px; margin-top:20px; font-size:22px; font-weight:400;}
.bg_xsl3 .box:hover{ background:#337ab7; color:#fff;}
.bg_xsl3 .box:hover h5{color:#fff;}
.bg_xsl3 .box img{ width:100%;transition: 0.8s;}
.bg_xsl3 .box:hover img{transform:scale(1.1);transition: 0.8s;}
.case a .biaoti{ font-size:18px; margin-top:20px;}
.case .box{ border:0px;}
.case .box .pic{ -border:1px solid red; overflow:hidden}
.case .box:hover{ background:none;}
.case .box:hover .biaoti{ color:#337ab7;}
.container .case_btn{ display:block; width:7.5rem;height:2.5rem;}
.banner3 .news_center{padding: 10px 5px; border: 1px solid #CCC; text-align: center;}
.banner3 .news_center a{ color:#ccc;}
.banner3 .news_center img{ width:100%;}
.banner3 .news_center b{ font-size:16px; color:#ccc; font-weight:100; line-height:2em;}
.banner3 .news_center h5{ color:#337ab7; text-align:left; font-size:18px;}
.banner3 .news_center p{ font-size:14px; line-height:1.5em; text-align:left; }
.banner3 .news_center i{ display:block; font-style:normal; padding:5px 20px; border-radius:5px; background:#F7F7F7; font-size:12px;}
.banner3 .news_center a:hover i{ background:#337ab7; color:#fff;}
.banner3 .news_center:hover { border:1px solid #337ab7;}
.banner3 .btn3{ width:30px; height:50px; display:none}
.banner3:hover .btn3{ display:block}
footer{ background:#337ab7;}
.container .ft{ padding:30px 0px; color:#fff; }
.container .ft .left{border-right:}
.container .ft .left a{ width:80%;}
.container .ft .left a img{ width:50%; margin:auto; margin-top:10%;}
.container .ft .cent{ border-left:1px solid #fff;}
.container .ft .cent p{ margin-bottom:0px; line-height:2em;}
.container .ft .right .box{ display:inline-block;  text-align:center;}
.baian{ padding:10px 0px; background:#254B8F; text-align:center;}
.baian p{ color:#fff; margin-bottom:0px;}
.baian a{color:#fff;}
.baian a:hover{ text-decoration:underline;}
.bg_xsl5 .biaoti{ padding-top:5%;color:#fff; padding-bottom:20px;}
.bg_xsl5 .biaoti p{ font-size:36px;}
.bg_xsl5 .biaoti h3{ font-size:16px;}
.position{ padding-left:25px; position:relative; margin:20px auto;}
.position:before{ content:" "; background:url(../image/zy.png); background-size:100% 100%; width:18px; height:18px; position: absolute; left:0; top:0px; }
.position a{ font-size:14px; color:#000;}
.position a:hover{ color:#254B8F;}
.pagebar{ text-align:center;}
.ableft{ width:100%;}
.ableft img{ width:100%;}
.container_nr p{ line-height:2em; font-size:14px; text-indent:2em;}
.row .kuan{ position:relative;}
.row .piaofu{ text-align:center; position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;transition:0.6s; }
.row .piaofu h4{ font-size:18px; color:#fff; margin-top:35%; font-weight:bold;line-height:30px;}
.row .piaofu i{ display:inline-block; width:60px; height:2px; background:#337ab7; }
.row .piaofu p{ padding:0 15px; color:#ccc; line-height:2em; opacity:0;  margin-top:50%;transition:0.6s;}
.row .piaofu:hover p{ opacity:1;margin-top:0px;}
.row .piaofu:hover { background: rgba(204,204,204,0.5)}
.row .list_cp{border:1px solid #ccc; width:100%; overflow:hidden;padding: 10px 0px;}
.row .list_cp:hover{border:1px solid #337ab7;}
.row .list_cp img{ width:100%;transition: 0.8s;}
.row .list_cp:hover img{transform:scale(1.1);transition: 0.8s;}
.xsl_list li{ margin-bottom:20px;}
.xsl_list h5{ margin-top:20px; font-size:18px; color:#000; font-weight:400;}
.xsl_list a:hover h5{ color: #337ab7}
.pagination { text-align:center; display:list-item;}
.pagination ul{text-align:center;margin:20px 0; display:inline-block;}
.pagination li{display:inline-block;}
.pagination li a{color:#666;display:inline-block;border:1px solid #ddd;padding:3px 12px; text-decoration:none; border-radius:5px;}
.pagination li a:hover{border-color:#337ab7;background:#337ab7;color:#fff;}
.pagination li.active a{border-color:#337ab7;background:#337ab7;color:#fff;}
.pagination li span{color:#fff;display:inline-block;border:1px solid #337ab7;;padding:3px 12px; background:#337ab7;border-radius:5px;}
.container .info{ text-align:center; margin-bottom:20px;}
.container .info a{ display:inline-block; padding:10px;  border:1px solid #337ab7; color:#337ab7; font-size:14px; }
.container .info a:hover{ background:#337ab7; color:#fff;}
.container .info a.active{ background:#337ab7; color:#fff;}
.xsl_new ul{ width:100%;}
.xsl_new ul li{ width:100%; overflow:hidden;}
.xsl_new ul li .kind{ float:left; padding:0px;}
.xsl_new ul li .kind time{ font-size: 1.2rem; color:#999;}
.xsl_new ul li .kind i{ display:block; width:40px; height:30px; font-size:20px; line-height:25px; text-align:center;}
.xsl_new ul li a:hover i{ background:#337ab7; color:#fff;}
.xsl_new ul li .kind h4{  font-size:1.125rem; color:#000;}
.xsl_new ul li a:hover .kind h4{ color:#337ab7;}
.xsl_new ul li .kind p{ color:#666; line-height:1.5em; font-size:14px; padding-right:10px;}
.xsl_new ul li .kind img{ width:100%;}
.row .our{ margin-bottom:15px;}
.row .our img { width:74px; float:left;}
.row .our .youshi{ float:left; width:70%; margin-left:10px;}
.row .our .youshi h4{ color:#337ab7;}
.row .our .youshi p{ color:#666; font-size:14px;}
.row .left{ width:100%}
.row .left img{ width:100%}
.row .hezuo .youshi{ margin-bottom:20px;}
.youshi h4{ color:#337ab7; margin-top:10px;}
.youshi p{color:#666; font-size:14px;}
.liuyin{ background:rgba(0,153,255,0.2);}
.row label{ width:100%;}
.row .inp{ width:96%; padding:5px 10px;border-radius:5px; border:1px solid rgba(204,204,204,0.3); }
.row textarea{ width:97%; border:1px solid rgba(204,204,204,0.3);border-radius:5px; padding:0 10px;}
.row .btn-1{ text-align:center;}
.row .focus{ margin:auto;width:30%; background:#337ab7; color:#fff; border:none; border-radius:5px; padding:5px 0px;}
.container_lb span{ font-size:12px; color:#666;}
.container_lb .wen_nr{ text-align:left; border-top:1px solid #666; border-bottom:1px solid #666; overflow:hidden; padding:20px 10px 20px;}
.prevnext{ margin:30px auto; width:100%;}
.prevnext a{ font-size:16px; color:#000;}
.prevnext a:hover{ color:#337ab7; text-decoration:underline;}
.prevnext .Prev{ float:left; text-align:left; margin-bottom:10px;}
.prevnext .Next{ float:right; text-align:right}
.word{ text-align:center;}
.wen_nr p{text-indent:2em; font-size:14px;}
.ft_di p{ padding:10px 0px; font-size:14px;}
@media (min-width: 768px){
.navbar-nav{ margin-right:0;}
.single-services-item img{ min-width:100%;}
}
@media (max-width: 768px){
.xsl_row{  position:relative; left:0; top:0px;}
.navbar-nav .nav-item .nav-link{ padding:0 5px; margin:10px auto;}
.bg_xsl5{ height:180px;}
.xsl_new ul li .kind h4{  font-size:.9rem;}
.xsl_new ul li .kind time{ font-size: 1rem;}
.row .hezuo .youshi h4{font-size: 1rem; }
}
@media (min-width: 992px){
.navbar-nav .nav-item .nav-link{ padding:0 20px;}
.bg_xsl5{ height:280px;}
}
@media only screen and (max-width: 575px){
.navbar-nav .nav-item .nav-link{ margin:10px auto;}
.xsl_new ul li .kind p{ display:none;}
.case .container .info .case_btn{ margin:0; width:30%;}
.container .info a{width:30%; padding:10px 0px;}
.row .left{ display:none}
.row .hezuo .youshi{ margin-bottom:5%;}
.wen_nr img{ width:100% !important;}
.prevnext .Next{ float:right; text-align:left;}
.m-pic1 {float: none; width: auto; margin: 10px 0; overflow: hidden;}
#message .m-content .m-message{width: 90%; padding:0px 20px; margin-top:20%;}
.ft_di p{ padding: inherit;}
.single-services-item img{ width:auto;}
}