*{padding:0px; margin:0px;}
html{font-size:62.5%;}
body{font-size:14px; font-family:微软雅黑;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none; font-weight:normal; }
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle; font-size:14px; }
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#555; text-decoration:none;}
a:hover{color:#006cc8; text-decoration:none !important;}
.clear{overflow:hidden; clear:both; height:0px;}
@media only screen and (max-width:992px){
input,textarea{-webkit-appearance:none; border-radius:0;}
}
html.on{width:100%; height:100%; overflow:hidden;}
@media only screen and (max-width:992px){
html.on{position:fixed; top:0; left:0;}
}
.fl{
float: left;
}
.fr{
float: right;
}
.header{width:100%; background-color:rgba(255,255,255,1); padding:0px 0; position:fixed; top:0; left:0; z-index:9999999999;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on{box-shadow:0 0 10px #ddd;}
.header .logo{ float:left; padding:5px 0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all -10s;}
.header .logo img{ height:78px; width:auto; display:block;}
.header .yy{ border:#006cc8 1px solid; float:right; width:100px;border-radius:15px; text-align:center; background:#006cc8; margin-top:17px}
.header .yy a{ color:#fff}
.header .an{position:absolute; top:50%; right:60px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#006cc8; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .search{ margin-top:28px;color:#333; text-align:center; cursor:pointer; float:right; z-index:99;}
.header .search a{ font-size:16px; padding:0 10px; font-size:16px; text-transform:uppercase;}
.search2{ display:none;}
.header .nav{float:right; }
.header .nav i{font-size:12px; color:#aaa; text-align:right; position:absolute; height:100%; width:100%; line-height:51px; height:51px; padding-right:15px; right:0; top:0px; display:none;}
.header .nav ul li{ padding:0 30px; height:88px; line-height:88px; float:left; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#006cc8; top:86px; left:50%;}
.header .nav ul li a.o_lm{display:block; font-size:16px; color:#333; text-transform:uppercase; text-align:center; line-height:88px; cursor:pointer}
.header .nav ul li:hover a.o_lm{color:#006cc8;}
.header .nav ul li.on a.o_lm{color:#006cc8;}
.header .nav .y_j{position:relative;}
.header .nav .e_j{width:100%; background-color:#fff; box-shadow:0 0 5px #aaa; position:absolute; left:0; display:none; z-index:9999; overflow:hidden;}
.header .nav .e_j a{display:block; font-size:14px; text-align:center; line-height:42px;}
.header .nav .e_j a:hover{ color:#006cc8;}
.header .nav ul li:hover .e_j{display:block;}
.contain{ width:96%; margin:0 auto; max-width:1400px}
.lange{ float:right; line-height:88px;}
.lange a{ padding:0 10px; }
.lange a:last-child { padding-right:0}
@media only screen and (max-width:1400px){
.header .nav ul li{ padding:0 25px;}
}
@media only screen and (max-width:1300px){
.header .nav ul li{ padding:0 15px;}
.header .logo img{ height:60px; width:auto; margin:15px 0; display:block;}
}
@media only screen and (max-width:992px){
.lange{ position:fixed; right:60px; line-height:60px}
.lange a{ padding:0 5px; }
.header{ padding:0px 0;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .logo img{ height:40px; width:auto; margin:5px 0; display:block;}
.header .an{display:block; float:right; position:absolute; top:50%; right:15px;}
.header .nav ul li span{ display:none;}
.header .nav{width:100%; padding:0px 0; background-color:#fff; border-top:#eaeaea 1px solid; height:100%; position:fixed; margin:0; top:60px; left:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav.on{left:0; }
.header .nav i{display:block; width:100%}
.header .nav ul li{height:auto; border-bottom:1px solid #eaeaea; float:none; margin:0; padding:0}
.header .nav ul li a.o_lm{font-size:15px; line-height:24px; text-align:left; color:#333; padding:13px 15px; }
.y_j2{ width:100%; color:#333;}
.y_j2 *{ color:#fff;}
.y_j2 i{ width:100%; display:block; transform: rotateX(180deg); text-align:right; transition:all 0.6s}
.header .nav ul li:hover a.o_lm{ color:inherit}
.header .nav ul li.on a.o_lm{color:#fff;}
.header .nav .e_j{width:100%; background:none; box-shadow:none; position:relative; border-top:1px solid #eaeaea; left:auto; margin-left:15px; display:none; }
.header .nav .e_j a{border-top:0; font-size:12px; text-align:left; color:#666; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li:hover span{width:0;}
.fa-chevron-up:before{ content:none}
}
.head_h{ display:none;}
@media only screen and (max-width:992px){
.indexPart5 .swiper-slide .container a.more span{ line-height:30px !important;}
.head_h{height:60px;display:block}
}
.gallery-top{width:100%; height:auto; margin-top:88px; position:relative}
.gallery-top .swiper-slide .h_bj{width:100%; height:auto; position:absolute; background-color:rgba(0,0,0,.5); top:0; left:0;}
.gallery-top .swiper-slide img{ position:relative; width:100%; height:auto;}
.gallery-top .pagination span{ display:inline-block;}
.gallery-top .swiper-pagination-bullet{
width: 5px;
height: 3px;
text-align: center;
position: relative;
z-index: 1;
background:#999999;
border-radius:0
}
.gallery-top .swiper-pagination-bullet-active{ width:22px; height:3px; background:#006cc8 }
.gallery-top .swiper-button-prev{
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
left: 0;
padding-right: 10px;
background-image:none;
width: 36px;
height: 48px;
line-height: 48px;
margin: -24px 0 0;
color: #fff;
background-color: rgba(0, 29, 127, 0.3);
text-align:center;
font-size:25px;
margin-top:0px;
top:50%; transform:translateY(-50%)
}
.gallery-top .swiper-button-prev:hover{background-color: rgba(0, 29, 127, 0.5); margin-top:0px}
.gallery-top .swiper-button-next{
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
right: 0;
padding-left: 10px;
background-image:none;
width: 36px;
height: 48px;
line-height: 48px;
margin: -24px 0 0;
color: #fff;
background-color: rgba(0, 29, 127, 0.3);
text-align:center;
font-size:25px;
margin-top:0px;
top:50%; transform:translateY(-50%)
}
.gallery-top .swiper-button-next:hover{background-color: rgba(0, 29, 127, 0.5); margin-top:0px}
@media only screen and (max-width:992px){
.gallery-top{ height:auto;width:100%; margin-top:0}
.gallery-top .swiper-button-prev{ display:none}
.gallery-top .swiper-button-next{ display:none}
.gallery-top{width:100%;height:auto; position:relative;}
.gallery-top .swiper-slide img{ width:100%; height:auto}
}
.gy_bt1{margin-bottom:50px; text-align:center; padding:0 15px;}
.gy_bt1 h2{ font-size:30px; text-transform:uppercase; margin-bottom:15px; color:#FFF}
.gy_bt1 em{width:80px; height:4px; border-radius:4px; display:block; background-color:#fff; margin:0 auto 20px;}
.gy_bt1 p{font-size:16px; line-height:26px; color:#f5f5f5;}
.gy_bt{margin-bottom:30px; text-align:center; padding:0 15px;}
.gy_bt h2{ font-size:40px; text-transform:uppercase; margin-bottom:15px; font-weight:bold;}
.gy_bt em{ display: block;
content: '';
width: 80px;
height: 2px;
margin: 10px auto ;
background: linear-gradient(135deg,rgba(0,108,200,1) 0%,rgba(143,219,242,1) 100%);}
.gy_bt p{font-size:14px; line-height:26px; color:#333333; text-transform:uppercase}
@media only screen and (max-width:992px){
.gy_bt1{margin-bottom:10px; text-align:center; padding:0 15px;}
.gy_bt1 h2{ font-size:20px; text-transform:uppercase; margin-bottom:10px; color:#FFF}
.gy_bt1 em{width:80px; height:4px; border-radius:4px; display:block; background-color:#fff; margin:0 auto 10px;}
.gy_bt1 p{font-size:12px; line-height:20px; color:#f5f5f5;}
.gy_bt{margin-bottom:20px; text-align:center; padding:0 10px;}
.gy_bt h2{ font-size:20px; text-transform:uppercase; margin-bottom:10px;}
.gy_bt em{width:60px; height:2px; display:block; margin:0 auto 10px;}
.gy_bt p{font-size:13px; line-height:24px; color:#333333;}
}
.sy_gy{width:100%; padding:90px 0 ; overflow:hidden; background:url(../images/aboutbg.jpg) no-repeat center;}
.bai{background-color:rgba(255,255,255,0.5); padding:20px;}
.sy_gy .w_z{ padding:20px; margin-top:40px}
.sy_gy .w_z h1{ font-size:24px; margin-bottom:20px; color:#006cc8; }
.sy_gy .w_z em{width:60px; height:1px; display:block; background-color:#006cc8; margin-bottom:30px;}
.sy_gy .w_z p{line-height:32px; color:#505156; font-size:15px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden}
.sy_gy .w_z a{display: block;
width: 120px;
height: 40px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius:5px;
background: #006cc8;
margin-top: 35px;
transition: all .3s;
-webkit-transition: all .3s;}
.sy_gy .w_z a:hover{
color: #fff;
opacity: .9;
transition: all .3s;
-webkit-transition: all .3s;
}
.sy_gy .t_p img{width:100%; height:auto; display:block; margin-top:0px}
@media only screen and (max-width:992px){
.sy_gy{width:100%; padding:20px 0; overflow:hidden;}
.bai{background-color:rgba(255,255,255,0.5); padding:10px;}
.sy_gy .w_z{margin-top:0px;padding:1px;}
.sy_gy .w_z h1{ font-size:18px; margin-bottom:10px;margin-top:10px;}
.sy_gy .w_z em{width:40px; height:2px; display:block; background-color:#006cc8; margin-bottom:10px;}
.sy_gy .w_z a{margin-top:10px; margin-bottom:10px;}
.sy_gy .w_z p{line-height:26px; color:#333; font-size:14px;}
.sy_gy .w_z a{width:120px; height:30px; font-size:14px; line-height:30px; }
}
.index-servers{
padding: 50px 0;
}
.indexPart5 {
position: relative;
/*padding-bottom: 180px;*/
width: 100%;
overflow: hidden;
}
.indexPart5 .swiper-slide .img,
.indexPart5 .swiper-slide .container{
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
}
.indexPart5 .swiper-slide .container{
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
background: #fff;
}
.indexPart5 .swiper-slide {
/*min-height: 615px;*/
position: relative;
}
.indexPart5 .swiper-slide .img {
width: 43.75vw;
position: relative;
left: 29.16vw;
opacity: .3;
padding-bottom: 17px;
}
.indexPart5 .swiper-slide .img:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: -17px;
bottom: 0;
background: #f4f4f4;
opacity: 0;
}
.indexPart5 .swiper-slide .container {
position: absolute;
z-index: 10;
left: 0rem;
right: auto;
top: 0;
bottom: auto;
height: 100%;
width: 200px;
opacity: 0;
visibility: hidden;
}
.indexPart5 .swiper-slide .container a.title {
text-transform: uppercase;
font-size: 24px;
line-height: 42px;
color: #006cc8;
}
.indexPart5 .swiper-slide .container a.title h2 {
font-size: 32px;
}
.indexPart5 .swiper-slide .container p {
font-size: 16px;
line-height: 30px;
color: #666;
/*width: 190px;*/
padding: 30px 0;
min-height: 200px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.indexPart5 .swiper-slide .container a.more {
width: 134px;
height: 34px;
line-height: 34px;
background: #006cc8;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
text-align: center;
transition: all .3s;
-webkit-transition: all .3s;
}
.indexPart5 .swiper-slide .container a:hover.more {
color: #fff;
opacity: .9;
transition: all .3s;
-webkit-transition: all .3s;
}
.indexPart5 .swiper-slide .container a.more span {
width:120px; height:30px; font-size:14px; line-height:34px;
padding-right: 0px;
text-align:center;
display:block;
margin:0 auto;
}
.indexPart5 a.arrow {
display: block;
width: 64px;
height: 64px;
position: absolute;
z-index: 10;
left: auto;
right: auto;
top: 50%;
bottom: auto;
margin-top: -32px;
background: center no-repeat;
background-size: cover;
}
.indexPart5 a.arrow.prev {
left: 50%;
margin-left: -38.125vw;
background-image: url("../images/left.png");
}
.indexPart5 a.arrow.next {
right: 50%;
margin-right: -38.125vw;
background-image: url("../images/right.png");
}
.indexPart5 a.arrow:hover.prev {
left: 50%;
margin-left: -38.125vw;
background-image: url("../images/left2.png");
}
.indexPart5 a.arrow:hover.next {
right: 50%;
margin-right: -38.125vw;
background-image: url("../images/right2.png");
}
.indexPart5 .list {
width: 218.75vw;
position: relative;
left: 50%;
margin-left: -109.375vw;
}
.indexPart5 .swiper-slide img {
position: relative;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
min-height: 450px;
}
.indexPart5 .swiper-slide-next .img {
left: 0;
}
.indexPart5 .swiper-slide-active .img {
left: 20.46875vw;
opacity: 1;
}
.indexPart5 .swiper-slide-active .img:before {
opacity: 1;
}
.indexPart5 .swiper-slide-active .img img {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}
.indexPart5 .swiper-slide-active .container {
opacity: 1;
visibility: visible;
left: 4.29vw;
transition-delay: .5s;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s;
transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
}
@media only screen and (max-width:992px){
.indexPart5 .swiper-slide .container a.more{ width:120px; height:30px; font-size:14px; line-height:30px;}
.indexPart5 {
position: relative;
/*padding-bottom: 180px;*/
width: 100%;
overflow: hidden;
margin-top: 0px;
}
.index-servers{padding: 20px 0;}
.indexPart5 .swiper-slide .img{width: 82vw;}
.indexPart5 .swiper-slide img{min-height: 260px;}
.indexPart5 a.arrow{width: 32px;height: 32px;margin-top: -16px;}
.indexPart5 a.arrow.next{right: 0;margin-right: 0;}
.indexPart5 a.arrow.prev{left: 0;margin-left: 0;}
.indexPart5 a.arrow:hover.prev {
left: 0;margin-left: 0;
}
.indexPart5 a.arrow:hover.next {
right: 0;margin-right: 0;
}
.indexPart5 .swiper-slide .container{padding-left: 35px;}
.indexPart5 .swiper-slide .container a.title{font-size: 20px;}
.indexPart5 .swiper-slide .container p{padding: 10px 0;min-height: 110px;font-size: 14px;line-height: 26px;}
img{
max-width: 100%;
}
}
.sy_fw{width:100%; overflow:hidden; padding:60px 0px 30px}
.sy_fw .row{margin:0 -10px;}
.sy_fw .col-lg-3{padding:0 10px; }
.sy_fw .t_p img{width:100%; height:auto; display:block;}
.sy_fw .w_z{margin-bottom:30px; text-align:center;border:#e7e7e7 1px solid; padding-bottom:10px}
.sy_fw .w_z h3{font-size:16px; line-height:40px; text-transform:capitalize }
.sy_fw .w_z em{width:50px; height:2px; display:block; background-color:#006cc8; margin-bottom:20px;}
.sy_fw .w_z p{line-height:22px; color:#999;display: -webkit-box; overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; width:90%; margin:0 auto;
}
@media only screen and (max-width:992px){
.xiaocms-page{ height:60px !important; line-height:85px;}
.sy_fw{padding:20px 0;}
.sy_fw .w_z{margin:10px 0 20px;}
.sy_fw .w_z h3{margin-bottom:0;}
}
/*.hot{ width:1200px;}
.slideGroup{ width:1200px; }*/
.slideGroup .parHd{ height:39px; margin:0px 0; margin-bottom:30px; }
.slideGroup .parHd ul{text-align:center }
.slideGroup .parHd ul li{padding:0px 25px; height:40px; background-color:#f7f7f7; text-align:center; line-height:40px; margin:0 20px; cursor:pointer; font-size:15px; color:#565656;display:inline-block; border-radius:10px; }
.slideGroup .parHd ul li.on{ background-color:#006cc8; color:#fff;display:inline-block; }
.slideGroup .slideBox{ width:100%; max-width:1400px; margin:0 auto}
.slideGroup .slideBox ul li{ float:left; width:32%; margin-right:2%;}
.slideGroup .slideBox ul li:nth-child(3n){margin-right:0; border:0}
.slideGroup .slideBox ul li .imgDiv{ width:100%; padding-bottom:53%; position:relative; overflow: hidden;}
.slideGroup .slideBox ul li .imgDiv img{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
transition-duration: 1s;
-ms-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.slideGroup .slideBox ul li .imgDiv:hover img{
transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
-webkit-transform:scale(1.05);
transition-duration: 1s;
-ms-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.slideGroup .slideBox ul li .textDiv{
border: 1px solid #eee;
padding: 20px;
padding-bottom:40px
}
.slideGroup .slideBox ul li .textDiv .title{
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #000; font-size:16px;
}
.slideGroup .slideBox ul li .textDiv p{
font-size: 14px;
color: #666;
margin: 8px 0 13px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.slideGroup .slideBox ul li.textDiv .fb{
border-top: 1px solid #ddd;
padding-top: 10px;
color: #888;
font-size: 14px;
overflow: hidden;
}
.slideGroup .slideBox ul li a:hover .textDiv .title{
color: #006cc8;
}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#006cc8; }
@media only screen and (max-width:992px){
.hot{ width:100%;}
.slideGroup{ width:100%; }
.slideGroup .parHd{ height:39px; margin:20px 0; }
.slideGroup .parHd ul{text-align:center }
.slideGroup .parHd ul li{ padding:0px 10px; height:30px; background-color:#f7f7f7; text-align:center; line-height:30px; margin:0 5px; cursor:pointer; font-size:14px; color:#565656;display:inline-block; border-radius:10px; }
.slideGroup .parHd ul li.on{ background-color:#006cc8; color:#fff;display:inline-block; }
.slideGroup .slideBox{ width:100%;overflow:hidden; zoom:1; position:relative; }
.slideGroup .slideBox ul li:last-child { margin-bottom:0}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#006cc8; }
}
@media only screen and (max-width:600px){
.slideGroup .slideBox ul li{ float:none; margin:0; width:96%;margin:0 auto; margin-bottom:10px}
.slideGroup .slideBox ul li:nth-child(3n){margin-right:auto; border:0}
}
.sy_yq { width:100%; background:#fff; margin:50px auto;}
.sy_yq .tb { width:100%; margin:0px auto; max-width:1400px;}
.sy_yq .tb ul li { width:16.66666666666667%; float:left; margin:0; overflow:hidden; border:1px solid #f4f4f4; box-sizing:border-box; position:relative}
.sy_yq .tb ul li:after {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.sy_yq .tb ul li:hover:after {-webkit-box-shadow: 0px 0px 20px 5px #ddd inset;box-shadow: 0px 0px 20px 5px #ddd inset;}
.sy_yq .tb ul li img {display:block; margin:0 auto; max-width:100%; vertical-align:middle}
.sy_yq .xb {width:100%; margin:0px auto; max-width:1200px;}
.sy_yq .xb ul li { width:24%; float:left; margin:0.5%; overflow:hidden;}
.sy_yq .xb ul li .txt { width:100%; border:1px solid #cccccc; padding:0px 10px; height:40px; line-height:40px; font-size:14px;}
@media only screen and (max-width:992px) {
.sy_yq { margin:20px auto;}
.sy_yq .tb { width:96%; margin:0px auto;}
.sy_yq .tb ul li { width:25%; float:left; margin:0%; overflow:hidden;}
.sy_yq .xb {width:96%; margin:0px auto;}
.sy_yq .xb ul li { width:49.6%; float:left; margin:0%; overflow:hidden;}
}
.sy_al{width:100%; padding:50px 0;}
.a_l .hd{ overflow:hidden; width:96%; margin:0px auto; max-width:1000px; margin-bottom:20px;}
.a_l .hd ul{ display: flex; justify-content: center; margin: 0px 0;}
.a_l .hd ul li{ margin: 0 38px; text-align: center; }
.a_l .hd ul li p{ display:block; font-size:14px; padding-top:10px; padding-bottom:2px; color:#333; position:relative}
.a_l .hd ul li p:after{ content:""; position:absolute; bottom:0; height:1px; background:#006cc8; width:0; left:50%; transform:translateX(-50%); transition:all 0.6s }
.a_l .hd ul li p:hover:after{ width:100%; left:50%; transform:translateX(-50%); transition:all 0.6s }
.a_l .t_p{width:auto; text-align:center; height:40px; display:block; margin:0 auto; position:relative; overflow:hidden }
.a_l .t_p img{ display:block; margin:0 auto; height:40px; width:auto; text-align:center}
.a_l .t_p .bq{ display:block;}
.a_l .t_p .bh{ display:none; }
.a_l .hd ul .on .t_p .bq{ display:none }
.a_l .hd ul .on .t_p .bh{ display:block }
.a_l .hd ul .on p{ color:#006cc8}
.a_l .hd ul .on p:after{ content:""; position:absolute; bottom:0; height:1px; background:#006cc8; width:100%; left:50%; transform:translateX(-50%); transition:all 0.6s }
.sy_al .bd{overflow:hidden;}
.sy_al .n_r{background-color:#fff; overflow:hidden; }
.sy_al .n_r i{ display:block}
.sy_al .n_r{width:100%; overflow:hidden; padding:0;box-sizing:border-box}
.sy_al .n_r ul{ position:relative; margin-left:-5px}
.sy_al .n_r ul li{ float:left; padding-left:5px; margin-top:5px; width:25%; box-sizing:border-box; text-align:center}
.sy_al .n_r ul li i{ display:block; width:100%; height:auto; overflow:hidden }
.sy_al .n_r ul li i img{ width:100%; height:auto; padding:0; margin:0; transition:all 0.6s}
.sy_al .n_r ul li p{ display:block; text-align:center; border:#dadada 1px solid; border-top:#dadada 1px solid; box-sizing:border-box; line-height:65px; font-size:16px; color:#333}
.sy_al .n_r ul li:hover i img{ transform:scale(1.05,1.05); transition:all 0.6s}
.sy_al .n_r ul li:hover p{ background:#006cc8; color:#fff; transition:all 0.6s}
@media only screen and (max-width:1024px){
.a_l .hd ul li{ margin: 0 10px; text-align: center; }
}
@media only screen and (max-width:992px){
/* .sy_al .n_r ul li{ padding-left:10px !important; margin-top:10px !important; width:49% !important}*/
.sy_al{width:100%; padding:20px 0; }
.a_l .hd{ margin-bottom:0px;}
.a_l .hd ul li p{ display:block; font-size:14px; color:#333}
.a_l .t_p{ height:30px; }
.a_l .t_p img{ height:30px;}
.sy_al .n_r ul li p{line-height:35px; font-size:14px; color:#333}
.sy_al .n_r ul li{ float:left; padding-left:5px; margin-top:5px; width:50%; box-sizing:border-box; text-align:center}
}
@media only screen and (max-width:600px){
.a_l .hd{ overflow-y: hidden; padding: 0 14px;overflow-x:scroll;}
.a_l .hd::-webkit-scrollbar {
display: none;
}
.a_l .hd ul{ margin: 0px 0; margin-bottom:7px;
white-space: nowrap;
justify-content: flex-start;}
.a_l .hd ul li:first-of-type {
margin-left: 0;
}
.a_l .hd ul li {
margin: 0 15px;
}
.a_l .hd ul li:last-of-type {
margin-right: 0;
}
}
/*底部*/
.footer{width:100%; background-color:#2d2e32; color:#dddddd; padding:30px 0px 0px 0px; font-size:14px;}
.footer .foot1{ width:96%; max-width:1400px; margin:0 auto}
.index_link .title{font-size: 16px;color:#fff; position: relative;border-bottom: #47494B solid 1px; padding-bottom: 8px;}
.index_link .title:after{display: block; content: ''; width: 60px; height: 3px; position: absolute; left: 0px; bottom: -2px;background: #fff;}
.index_link a{display: inline-block; margin:15px 15px 0 0;color: #A6A6A6;font-size:15px;}
.index_link a:hover{color:#fff;}
.footer .foot2{ width:96%; max-width:1400px; margin:30px auto}
.dlink{ float:left; width:auto}
.dlink ul li{ float:left; width:auto; margin-right:90px}
.dlink h3{margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
border-bottom: none;
padding-left: 0;
cursor: default;
font-weight: bold;
color: #fff;
font-weight: 500;}
.dlink p{
padding: 0;
font-size: 14px;
line-height: 30px;
}
.dlink p a{
display: block;
color: #A6A6A6;
}
.dlink p a:hover{
color:#fff;
text-decoration: none;
transition: all 300ms ease-in-out 0s;
}
.dlx{ float:left; width:auto}
.dlx i{ text-align:center; line-height:30px; padding-right:10px; width:20px}
.dlx h3{margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
border-bottom: none;
padding-left: 0;
cursor: default;
font-weight: bold;
color: #fff;
font-weight: 500;}
.dlx p{ font-size: 14px; line-height:30px;color: #A6A6A6; overflow:hidden}
.footer .wei{ width:140px; float:right; line-height:30px; font-size:14px;}
.footer .wei h3 {margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
border-bottom: none;
padding-left: 0;
cursor: default;
font-weight: bold;
color: #fff;
font-weight: 500;}
.footer .wei img{ width:100%; height:auto; padding-top:5px}
.dz{ background:url(../images/dz.png) no-repeat left; padding-left:25px;}
.dh{background:url(../images/dh.png) no-repeat left; padding-left:25px;}
.yx{ background:url(../images/yx.png) no-repeat left; padding-left:25px;}
.qq{background:url(../images/qq.png) no-repeat left; padding-left:25px;}
.footer .b_q{padding:20px 0; font-size:14px; text-align:center; line-height:32px; border-top:1px solid #545454;}
@media only screen and (max-width:1400px){
.dlink p{
padding: 0;
font-size: 12px;
line-height: 25px;
}
.dlink ul li{ float:left; width:auto; margin-right:80px}
}
@media only screen and (max-width:1300px){
.dlink ul li{ float:left; width:auto; margin-right:60px}
}
@media only screen and (max-width:1100px){
.dlink{ display:none;}
.dlx{ width:calc(100% - 110px) }
.footer .wei{ width:100px; float:right; line-height:25px; font-size:12px;}
}
@media only screen and (max-width:500px){
.dlx p{ font-size: 12px;line-height: 25px; color: #A6A6A6;}
.dlink{ display:none;}
.dlx{ float:none; width:100%; margin-bottom:15px}
.footer .wei{ float:none; width:100%; max-width:120px; line-height:25px; font-size:12px;}
}
@media only screen and (max-width:992px){
.index_link .title{font-size: 16px;color:#fff; position: relative;border-bottom: #47494B solid 1px; padding-bottom: 8px;}
.index_link .title:after{display: block; content: ''; width: 70px; height: 3px; position: absolute; left: 0px; bottom: -2px;background: #fff;}
.index_link a{display: inline-block; margin:10px 15px 0 0;color: #A6A6A6;font-size:12px;}
.footer .b_q{ font-size:12px; line-height:23px;}
.footer{ padding-bottom:60px;}
.dlx i{ text-align:center; line-height:25px; padding-right:10px; width:20px}
}
.pc_kf{width:44px; position:fixed; right:10px; bottom:10px; z-index:99999;}
.pc_kf .fh{width: 100%; line-height:44px; background-color: #555;
vertical-align: middle;
color: #ddd; text-align:center; }
.pc_kf .fh:hover{ background-color: #666;
}
.global_box{width:44px;position:fixed;right:10px;bottom:60px;z-index:100}
.global_box .title{padding:10px;background-color:#006cc8;text-align:center;font-size:14px;color:#fff;line-height:20px;cursor:pointer}
.global_box .title i{font-size:20px;margin-bottom:5px}
.global_con{position:absolute;width:240px;bottom:0;right:44px;min-height:100px;padding:20px;background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);z-index:4;opacity:0;visibility:hidden;transition:all .3s}
.global_box:hover .global_con{visibility:visible;opacity:1}
.global_con a{display:block;margin:0 0 10px 0;font-size:14px;position:relative;padding-left:30px}
.global_con a:last-of-type{margin-bottom:0}
.global_con a i{position:absolute;left:0;top:50%; transform:translateY(-50%);font-size:20px}
.global_con a span{display:block;color:#006cc8}
@media only screen and (max-width:992px){
.global_box {
width: 100%;
height: 55px;
position: fixed;
right: 0;
bottom: 0;
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}
.global_box .title {
display: none;
}
.global_con {
width: 100%;
bottom: 0;
right: 0;
min-height: auto;
height: 100%;
padding: 0;
background: #fff;
box-shadow: none;
opacity: 1;
visibility: visible;
display: flex;
justify-content: space-between;
}
.global_con a {
margin: 0;
padding: 0;
width: 33.33%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 12px;
line-height: 20px;
border-right: #f2f2f2 solid 1px;
}
.global_con a span {
display: none;
}
.global_con a i {
position: relative;
left: 0;
top: 0;
margin: 0 auto;
font-size: 18px;
transform:none;
}
.pc_kf{width:30px; position:fixed; right:10px; bottom:60px; z-index:99999;}
.pc_kf .fh{width:30px; height:30px; background:rgba(0,0,0,0.7) url(../images/f_h.png) no-repeat center; background-size:12px auto; cursor:pointer;}
}
/*产品页面*/
.nbanner{ width:100%; height:320px; position:relative; font-size:0; margin-top:88px; overflow:hidden}
.nbanner img{ position:absolute; height:320px; top:0; left:50%; transform:translateX(-50%)}
.nbanner .wzmc{ position:absolute; z-index:9; top:40%; left:0; width:100%; font-weight:bold;color: #006cc8; font-size: 36px;}
.nbanner .wzmc p{ display:block; width:96%; max-width:1200px; margin:0 auto}
.nbanner .weizhi{ position:absolute; width:100%; left:0; z-index:9;text-align:right; font-size:14px; color:#fff; bottom:15px;}
.nbanner .weizhi p{ display:block; width:96%; max-width:1400px; margin:0 auto}
.nbanner .weizhi p a{ color:#fff}
.tkuan{ width:96%; max-width:1400px; margin:0 auto}
.page_bg{background-color: #f7f7f7; padding-bottom: 48px;}
.page_bg.white{background-color: #fff;}
.page_bg.last{padding-top: 40px;}
.page_bg.first{padding:0;}
.page_bg:after{display: block; content: '';clear: both;}
.guide{ border-bottom: 1px solid #dddddd;background-color: #fff;}
.guide dd{float: left;font-size: 16px;}
.guide dd a{float: left; margin-right: 60px;padding:20px 0;position: relative;}
.guide dd a:after{display:block; content:''; position:absolute; left:25%; width:50%;opacity: 0; height:2px; background-color:#006cc8; bottom:-1px;transition: .4s}
.guide dd a.on:after,.guide dd a:hover:after{opacity: 1;left: 0;width: 100%;}
.guide dd a:last-of-type{margin-right: 0;}
.guide dd.guide_pro{float: none;display:flex;justify-content: space-between;}
.guide dd.guide_pro a{margin: 0;}
.guide dt{float: right;color: #888888;padding:20px 0;}
.guide dt a{color: #888888;}
.web_w {
width: 96%;
max-width:1400px;
margin: 0 auto;
}
.sort_name {
text-align: center;
font-size: 25px;
line-height: 100%;
padding: 43px 0 10px;
color: #000;
}
.sort_name a {
color: #000;
}
.sort_name:after {
display: block;
content: '';
width: 60px;
height: 2px;
margin: 10px auto 0;
background: linear-gradient(135deg,rgba(0,108,200,1) 0%,rgba(143,219,242,1) 100%);
}
.pro_list{ overflow:hidden}
.pro_list li{ float:left; width:24%; margin-right:1.33%; margin-top:30px;}
.pro_list li:nth-child(4n){margin-right:0; }
.pro_list li img{ width:100%; height:auto}
.pro_list li a{display:block;background-color: #fff;position: relative; overflow: hidden;}
.pro_list li .title{text-align: center;padding: 15px 5px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.pro_list li .des{width: 100%; height: 0;opacity: 0; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 108, 200, 0.7); color: #fff;display: flex; flex-direction: column;justify-content: center;padding: 10px 30px; align-items: center;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.pro_list li .des .name{text-align: center;font-size: 18px;}
.pro_list li .des .name:after{display: block;content: '';width: 50px;height: 1px; background-color: #fff; margin: 5px auto 0;}
.pro_list li .des .ms{ color:rgba(255,255,255,.8);text-align: justify; margin-top: 20px;}
.pro_list li .des .more{width: 36px;height: 36px;display: flex;justify-content: center;align-items: center; border-radius: 50%; background-color: #fff;font-size: 18px;margin-top: 20px; color: #006cc8;}
.pro_list li a:hover .des{height: 100%;opacity: 1;}
.pro_bottom{padding:40px 0 60px;}
.pro_page_iteam .am-nav-tabs {border-bottom:#f2f2f2 solid 1px; overflow:hidden}
.pro_page_iteam .am-nav-tabs li {margin:0; float:left;font-weight: 500;font-size: 18px;}
.pro_page_iteam .am-nav-tabs li a {display:block;padding:10px 50px;text-align:center;border:none!important;margin:0 20px 0 0;background:#f2f2f2;}
.pro_page_iteam .am-nav-tabs li.am-active a {color:#fff;background:#006cc8;}
.pro_page_iteam .am-tabs-bd {padding:0;border:none; padding-top:40px}
.pro_page_iteam .am-tabs-bd .am-tab-panel{padding:0; }
.pro_tags{margin-top: 30px; line-height: 20px;}
.pro_tags a{margin:0 10px;display: inline-block;vertical-align: middle;}
.pro_tags a:hover{color:#fff;background:#006cc8;}
.am-tabs-bd {
position: relative;
overflow: hidden;
border: 1px solid #ddd;
border-top: none;
z-index: 100;
-webkit-transition: height .3s;
transition: height .3s
}
.am-tabs-bd:after, .am-tabs-bd:before {
content: " ";
display: table
}
.am-tabs-bd:after {
clear: both
}
.am-tabs-bd .am-tab-panel {
position: absolute;
top: 0;
z-index: 99;
float: left;
width: 100%;
padding: 10px 10px 15px;
visibility: hidden;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.am-tabs-bd .am-tab-panel * {
-webkit-user-drag: none
}
.am-tabs-bd .am-tab-panel.am-active {
position: relative;
z-index: 100;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.am-tabs-bd .am-tab-panel.am-active~.am-tab-panel {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.am-tabs-bd .am-tabs-bd {
border: none
}
.am-tabs-bd-ofv {
overflow: visible
}
.am-tabs-bd-ofv>.am-tab-panel {
display: none
}
.am-tabs-bd-ofv>.am-tab-panel.am-active {
display: block
}
.am-tabs-fade .am-tab-panel {
opacity: 0;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear
}
.am-tabs-fade .am-tab-panel.am-in {
opacity: 1
}
.am-paragraph-default p {
margin: 0 0 10px 0;
font-size: 16px;
color:#666
}
.page_list .page-num-current{background-color:#006cc8;color: #fff;}
.news_page_pages{ margin-top:30px; padding:20px 0; border-top:#dedede solid 1px; border-bottom:#dedede solid 1px; position:relative; font-size:15px;}
.news_page_pages dt{ position:absolute; right:0; top:50%; margin-top:-11px;}
.news_page_pages dd{ line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_top {
background-color: #f7f7f7;
padding: 60px 0;
}
.xianguan{ margin-top:50px; position:relative}
.xqbt{ background:#f2f2f2; padding:15px; margin-bottom:20px}
.xqbt h3{ display:block; border-left:#006cc8 2px solid; font-size:16px; color:#006cc8; font-weight:bold; padding-left:5px}
.cpxg{ padding-bottom:50px}
.cpxg{width:100%;}
.cpxg .swiper-slide{padding:0; box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.cpxg .swiper-slide img{ width:100%; height:auto}
.cpxg .swiper-slide a{display:block;background-color: #fff;position: relative; overflow: hidden;}
.cpxg .swiper-slide .title{text-align: center;padding: 15px 5px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; background:#f7f7f7}
.cpxg .swiper-slide .des{width: 100%; height: 0;opacity: 0; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 108, 200, 0.7); color: #fff;display: flex; flex-direction: column;justify-content: center;padding: 10px 30px; align-items: center;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.cpxg .swiper-slide .des .name{text-align: center;font-size: 18px;}
.cpxg .swiper-slide .des .name:after{display: block;content: '';width: 50px;height: 1px; background-color: #fff; margin: 5px auto 0;}
.cpxg .swiper-slide .des .ms{ color:rgba(255,255,255,.8);text-align: justify; margin-top: 20px;}
.cpxg .swiper-slide .des .more{width: 36px;height: 36px;display: flex;justify-content: center;align-items: center; border-radius: 50%; background-color: #fff;font-size: 18px;margin-top: 20px; color: #006cc8;}
.cpxg .swiper-slide a:hover .des{height: 100%;opacity: 1;}
.cpxg .swiper-pagination-bullet{ background:#888; width:8px; height:8px}
.cpxg .swiper-pagination-bullet-active{ background:#006cc8;width:8px; height:8px}
.xianguan .swiper-button-next{ background:none; top:30px; right:0px; font-size:20px;}
.xianguan .swiper-button-prev{ background:none;top:30px; left:auto;right:30px; font-size:20px;}
.xianguan .swiper-button-next:hover{color:#006cc8 }
.xianguan .swiper-button-prev:hover{ color:#006cc8}
@media only screen and (min-width:992px){
.xxaaa{ margin-right:0px !important}
.xxaaaa{ margin-right:2% !important}
}
@media only screen and (max-width:992px){
.pro_page_iteam .am-tabs-bd {padding:10px;border:none;}
.web_w {
width: 100%;
}
.page_bg{ padding-bottom:20px}
.pro_top{ padding:0px 0}
.pro_bottom {
padding: 0px 0 ;
}
.xianguan{ margin:20px 0; margin-top:0; position:relative}
.cpxg{ padding-bottom:0px}
.cpxg .swiper-pagination-bullet { display:none}
.nbanner{ width:100%; height:140px; position:relative; font-size:0; margin-top:0px; overflow:hidden}
.nbanner img{ position:absolute; height:140px; top:0; left:50%; transform:translateX(-50%)}
.nbanner .wzmc{ font-size: 20px;}
.nbanner .weizhi{ font-size:12px; }
.guide{ overflow-x:scroll; overflow-y:none; padding-bottom:1px}
.guide::-webkit-scrollbar {
display: none;
}
.guide dd{float: left;font-size: 14px;}
.guide dd a{float: left; margin-right:20px;padding:20px 0;position: relative;}
.guide_pro{ width:800px}
.sort_name {
text-align: center;
font-size: 20px;
line-height: 100%;
padding: 20px 0 10px;
color: #000;
}
.fffdd{ padding-bottom:0px !important;}
.pro_list li{ float:left; width:49%; margin-right:2%; margin-top:10px;}
.pro_list li:nth-child(2n){margin-right:0; }
.pro_page_iteam .am-nav-tabs li {margin:0; float:left;font-weight: 500;font-size: 15px; width:25%;}
.pro_page_iteam .am-nav-tabs li a {display:block;padding:10px 0px;text-align:center;border:none!important;margin:0 0px 0 0;background:#f2f2f2;}
.pro_list li .des{ display:none;}
.am-paragraph-default p {
margin: 0 0 10px 0;
font-size: 14px;
line-height:25px;
color:#666
}
.news_page_pages{ font-size:12px;}
}
/*客户案例*/
/*.case_list{margin-top: 30px;}
.case_list li a{display: flex;justify-content: space-between; }
.case_list li:nth-of-type(even) a{flex-direction: row-reverse;}
.case_list li .text ,.case_list li .img{width:50%; overflow: hidden;}
.case_list li .text {padding:30px;background-color: #fff;display: flex;flex-direction: column;justify-content: center;transition: all 300ms ease-in-out 0s;}
.case_list li .text .title{font-size: 20px; color:#000;}
.case_list li .text .title:after{display: block; content: '';width: 50px;height: 1px; background-color:#006cc8;margin-top: 2px;}
.case_list li .text .des{margin-top: 15px; font-size: 15px; line-height:30px;text-align: justify;}
.case_list li .text .more{display:block;width: 30px;height:30px;border: #006cc8 solid 1px; border-radius: 50%; margin-top: 20px;color: #006cc8;font-size: 20px;display: flex; justify-content: center; align-items: center;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.case_list li .img i{display: block; width:100%; padding-bottom: 56.17%; position:relative; background-position: center; background-repeat: no-repeat; background-size: cover;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.case_list li .img i img{ position:absolute; left:0; top:0; width:100%; height:100%}
.case_list li a:hover .text{background-color:#006cc8;color: rgba(255,255,255,.8);}
.case_list li a:hover .text .title{color: rgba(255,255,255,.8);}
.case_list li a:hover .img i{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.case_list li a:hover .text .more{color:rgba(255,255,255,.8); border-color: rgba(255,255,255,.8);-webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}
.case_list li a:hover .text .title:after{background-color: rgba(255,255,255,.8);}
.case_list_rel{margin:20px 0 0; position: relative; padding-bottom: 35px;}
.case_list_rel li{padding: 0; margin: 0 10px;}
.case_list_rel li .img:after{display: block; content: ''; padding-bottom:56.17%;}
.case_list_rel .slick-list{margin: 0 -10px;}*/
.caseText {
width: 100%;
margin: 0 auto;
display: block;
}
.caseList {
width: 100%;
display: inline-block;
margin-top:15px;
}
.caseList li {
float: left;
margin-top:15px;
margin-bottom:15px;
overflow: hidden;
width:32%;
margin-right:2%;
transition: all 0.3s ease-out;
box-sizing:border-box;
background:#fff;
}
.caseList_1 li {
margin-bottom: 0 !important;
}
.caseList .avatar li a:hover {
color:#006cc8 !important
}
/*.caseList li:nth-child(3n) {
margin-right: 0 !important;
}*/
.caseList li i {
display: block;
overflow: hidden;
border-bottom: 1px solid #f3f3f3;
}
.caseList li i img {
height: auto;
width: 100%;
vertical-align: top;
}
.caseList li div {
position: relative;
overflow: hidden;
height: 78px;
padding-top: 20px;
}
.caseList li div div {
font-size: 16px;
width: 100%;
line-height: 18px;
padding: 0 26px;
transition: all 0.3s ease-out;
}
.caseList li div div h3 {
font-style: normal;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
color: #333;
height: 19px;
font-size:16px
}
.caseList li div div span {
display: block;
font-size: 15px;
color: #999;
line-height: 20px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;
margin-top: 10px;
width:calc(100%) ;
text-overflow:ellipsis;
}
.caseList li div em {
font-style: normal;
font-weight: normal;
display: block;
position: absolute;
color: #fff;
background-color: #006cc8 !important;
text-align: center;
cursor: pointer;
font-weight: bold;
display: none;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
top: 10px;
right: 10px;
width: 58px;
height: 58px;
line-height: 16px;
padding-top: 15px;
z-index: 10;
transition: all 0.5s ease-out;
box-sizing:border-box
}
/*.caseList li:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.caseList li:hover span {
color: #006cc8;
}
.caseList li:hover h3 {
color: #006cc8;
}
.caseList li:hover div em {
display: block;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}*/
.caseText .Paging {
padding: 0;
}
.xwdh{ width:400px}
.aldh{ width:800px}
.gydh{ width:400px}
.rldh{ width:400px}
@media only screen and (max-width:992px){
.caseList{ margin-top:0px;}
.case_list li a{display:block;justify-content: space-between; }
.case_list li .img{ display:block; width:100%}
.case_list li .text{ display:block; width:100%}
.sdsd{ text-align:left}
.caseList li {
float: none;
overflow: hidden;
width:100%;
margin-right:0;
margin-top:10px
}
.caseList li div em { opacity:1; display:block
}
.xwdh{ width:300px}
.aldh{ width:600px}
.gydh{ width:300px}
.rldh{ width:300px}
}
/*新闻列表*/
.xwtj{ width:100%; position:relative; margin-top:30px; overflow:hidden}
.xwtj .swiper-slide {
text-align: center;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width:100%;
}
.xwtj .swiper-slide i{ display:block; float:left; width:65%; height:auto}
.xwtj .swiper-slide i img{ width:100%; height:auto}
.xwtj .swiper-slide .text {
display:block;
width: 35%;
padding: 30px;
box-sizing:border-box;
text-align:left
}
.xwtj .swiper-slide .text h3{ display:block; font-size:20px; line-height:30px; color:#000}
.xwtj .swiper-slide .text p{ color:#999; display:block; margin:30px 0; overflow:hidden; font-size:14px; line-height:25px; height:100px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden
}
.xwtj .swiper-slide .text span{ display:block; color:#666; font-size:14px}
.xwtj .swiper-slide a:hover h3{ color:#006cc8}
.xwtj .swiper-slide a:hover span{ color:#006cc8}
.xwtj .swiper-pagination-bullet{ background: #dedede;}
.xwtj .swiper-pagination-bullet-active{ background:#006cc8}
.xwtj .swiper-pagination{ left:65%; width:auto; margin-left:30px; bottom:50px}
.news_list{ margin: 0 -15px;}
.news_list li{ width:33.33333333333333%; float:left;padding: 0 15px;margin-top: 30px;}
.news_list li .text{ background-color: #fff; position: relative; overflow: hidden;-webkit-box-shadow: 0px 0px 15px 0px rgba(8, 1, 3, 0.15);box-shadow: 0px 0px 15px 0px rgba(8, 1, 3, 0.15); z-index: 1;}
.news_list li .text:after{display: block;content: ''; padding-bottom: 90%;}
.news_list li .iteam{display: block;padding: 110px 30px 30px; position: absolute; width: 100%;height: 100%;left: 0;top:0;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s; overflow: hidden;-webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.news_list li .time{width: 80px;height: 80px;display: flex;flex-direction: column;align-items: center; background-color:#006cc8; color: #fff;justify-content: center; position: absolute;top: 0; left: 30px;}
.news_list li .time span{font-size: 14px;}
.news_list li .time b{font-size: 28px; line-height: 100%; margin-top: 5px;}
.news_list li .title{font-size:20px; line-height: 25px; max-height: 50px; overflow: hidden;}
.news_list li .des{color: #999; text-align: justify; margin-top: 15px;display: flex;flex-direction: column; line-height:24px;text-overflow:ellipsis; height:96px; overflow:hidden}
.news_list li .des span{line-height: 32px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_list li .des span i{margin-right:3px;width: 1em;text-align: center;font-size: 12px;}
.news_list li .info{ width: 100%;position: absolute;left:0;bottom:30px;color:#999;font-size:14px;display: flex; justify-content: space-between;padding:0 30px}
.news_list li .info i{ width:15px}
.news_list li .box{display:block;width: 100%;height:0;position: absolute;left: 0;top:0; background-color:#006cc8; color: #fff;display: flex; flex-direction: column;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s; opacity: 0; overflow: hidden;z-index: 2;}
.news_list li .box .img{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_list li .box .img:after{display: block;content: ''; padding-bottom: 60%;}
.news_list li .box .name{display: flex;height: 40%;justify-content: center; align-items: center;padding:15px 25px;font-size: 18px;}
.news_list li:hover .box{height: 100%; opacity: 1;}
.news_list li:hover .iteam{-webkit-transform: translateY(60px); -moz-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px);}
.page_list{text-align:center;margin-top:35px; font-size:14px;}
.page_list a {display: inline-block;margin:0 10px;width:25px;height:25px;line-height:25px;border-radius:50%;background-color:#f2f2f2;}
.page_list .page-num-current{background-color:#006cc8;color: #fff;}
.news_page_pages{ margin-top:10px; padding:20px 0; border-top:#dedede solid 1px; border-bottom:#dedede solid 1px; position:relative; font-size:15px;}
.news_page_pages dt{ position:absolute; right:0; top:50%; margin-top:-11px;}
.news_page_pages dd{ line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.error_x{ text-align:center; height:150px; line-height:150px;font-size:16px;}
.error_x i{ margin-right:10px;}
.page_rel{ margin-top:20px;}
.page_rel_title{ background-color:#f2f2f2; padding:10px 20px; font-size: 18px;color:#016dc5;font-weight: bold;}
.page_rel_title a{ float:right; font-size: 16px; font-weight: normal;}
@media only screen and (max-width:1200px){
.news_list li .des{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
}
@media only screen and (max-width:992px){
.news_page_left{ margin-bottom:0px !important}
.xwtj{ width:100%; padding:0 15px; box-sizing:border-box; position:relative; margin-top:10px; overflow:hidden}
.xwtj .swiper-slide{ display:block; width:100%; padding-bottom:30px}
.xwtj .swiper-slide i{ display:block; float:none; width:100%; height:auto}
.xwtj .swiper-slide .text {
padding: 15px; width:100%
}
.xwtj .swiper-slide .text h3{ display:block; font-size:16px; line-height:25px; color:#000}
.xwtj .swiper-slide .text p{ color:#999; display:block; margin:10px 0; margin-bottom:0; overflow:hidden; font-size:12px; line-height:20px; height:80px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden
}
.xwtj .swiper-slide .text span{ display:none;}
.xwtj .swiper-pagination{ left:0; width:100%; margin-left:0px; bottom:15px}
.news_list{ margin: 0 0px;}
.news_list li{ width:100%; float:none;padding: 0 15px;margin-top: 10px;}
.news_list li .des {
margin-top: 10px;
max-height: 66px;
line-height: 22px;
overflow: hidden;
font-size:12px;
}
.news_list li .box{ opacity:1; position:relative; height:auto; background:#fff; }
.news_list li .box .name{ display:none;}
.news_list li .text:after{ content:none}
.news_list li .title{font-size:16px; line-height: 25px; max-height: 50px; overflow: hidden;}
.news_list li .iteam{display: block;padding: 15px; position:inherit; width: 100%;height: 100%;left: 0;top:0;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s; overflow: hidden;-webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.news_list li .time{width: 100%;height: auto; display:block; background-color:#fff; color: #999; position:inherit;top: 0; left: 0px; font-size:12px; line-height:30px;}
.news_list li .time b{font-size: 15px; margin-top:0;font-weight: normal;}
.news_list li .time b::before{display: inline-block;content: '-';}
.news_list li .info {
position: relative;
left: 0;
bottom: 0;
color: #999;
font-size: 12px;
padding: 0;
margin-top: 10px;
}
.news_list li .des{ margin:0px 0}
.news_page_pages{ font-size:12px; padding:5px 0}
.news_page_pages dd{ line-height:25px;}
.page_list{margin-top:20px; font-size:12px;}
}
/*简介*/
.about_company{display: flex; justify-content: space-between; align-items: center; margin-top:30px; margin-bottom:60px; overflow:hidden}
.about_company .text{width:calc(50% - 30px);}
.about_company .text .title{display: flex;flex-direction: column;color: #000; margin-bottom:15px; line-height:30px;}
.about_company .text .title span:last-of-type{color: #006cc8;font-weight: normal;font-size: 20px;}
.about_company .text .title span{ font-size:25px}
.about_company .text .title:after{display: block; content: '';width: 120px; height: 1px; background-color: #006cc8;margin-top: 5px;}
.about_company p{ display:block; font-size:14px; line-height:25px}
.about_company .img{width:calc(50% - 30px)}
.about_company .img img{display: block; width: 100%;}
@media only screen and (max-width:992px){
.about_company{margin-top:10px;padding: 0 14px; flex-direction: column-reverse; margin-bottom:20px}
.about_company .text{width:100%; padding-right:0;margin-top:20px;}
.about_company .text .title span{ font-size:20px; line-height:25px}
.about_company .text .title{font-size: 14px!important;}
.about_company .text .title span:last-of-type{font-size: 14px;}
.about_company .img{width:100%;}
}
/*荣誉资质*/
.gb_dk{width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px; }
.gb_dk h1{background-color:#f7f7f7; font-size:22px; line-height:36px; text-indent:20px;}
.gb_dk .mod_gallerylist{margin:20px 0; font-size:14px; line-height:30px; height:580px; overflow:hidden;}
.gb_dk .mod_gallerylist.on{height:auto;}
.gb_dk .xq{width:120px; height:36px; text-align:center; line-height:36px; font-size:14px; text-align:center; margin:0 auto; color:#006cc8}
.gb_dk .xq span.x_q{display:block;}
.gb_dk .xq span.s_q{display:none;}
.gb_dk .xq.on span.x_q{display:none;}
.gb_dk .xq.on span.s_q{display:block;}
#mbOverlay { position:fixed; z-index:998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; width:100%; left:0 }
#mbImage { left:0; top:0; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; display:none;}
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/fy1.png) no-repeat center; position:fixed; top:50%; transform:translateY(-50%); left:10px; background-size:30px auto; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/fy2.png) no-repeat center; position: fixed; top:50%; transform:translateY(-50%); right:10px; background-size:30px auto;}
#mbCloseLink { width:34px; height:34px; background:transparent url(../images/close.png) no-repeat center; position:fixed; top:15px; right:15px; background-size:30px auto; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.mod_gallerylist {
margin: 0 -15px;
}
.layout_default{float:left; width:25%;padding: 0 15px; margin-top: 30px;}
.layout_default .meta{ display:block; text-align:center; line-height:45px; font-size:14px}
.mod_gallerylist{width:100%; margin:0 auto; padding-bottom:30px; overflow:hidden}
.image_container{ width:100%; padding-bottom:66.66%; position:relative;border:1px solid #e4e4e4;}
.image_container img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%}
@media only screen and (max-width:992px){
.layout_default{float:left; width:50%;padding: 0 5px;
margin-top: 10px;}
}
/*招聘*/
.panel-group{ margin-top:30px; margin-bottom:60px}
#accordion .panel{
border: none;
border-radius: 0;
margin: 0;
position: relative;
border-bottom:#dedede 1px solid
}
#accordion .panel-heading{
padding: 0;
background: #fff;
position: relative;
}
#accordion .panel-title a{
display: block;
padding: 15px 55px 15px 30px;
font-size: 16px;
color: #fff;
border: none;
margin: 0;
position: relative;
background:#006cc8
}
#accordion .panel-title a.collapsed{ background:#fff; color:#333}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
content: "\f068";
font-family: fontawesome;
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
font-size: 15px;
font-weight: normal;
color: #fff;
text-align: center;
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed:before{ content: "\f067"; color:#666 }
#accordion .panel-body{
border: none;
font-size: 14px;
color: #305275;
line-height: 28px;
background-color: #f2f2f2;
padding: 30px 40px;
color: #666;
}
#accordion .panel-body .info {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: 1px solid #cccccc;
padding-bottom: 20px;
margin-bottom: 30px;
line-height: 36px;
color: #3e3e3e;
}
#accordion .panel-body .info span {
width: 25%;
}
#accordion .panel-body .des {
margin-top: 20px;
}
#accordion .panel-body .on {
color: #006cc8!important;
}
#accordion .panel-body .des .am-btn {
background-color: #006cc8;
color: #fff;
margin-right: 10px;
padding:10px 20px; border-radius:5px
}
b, strong {
font-weight: 700;
}
@media only screen and (max-width:992px){
.panel-group{ margin-top:10px; margin-bottom:20px}
#accordion .panel-body{
font-size: 12px;
line-height: 23px;
padding:15px;
color: #666;
}
#accordion .panel-title a{
padding: 15px 15px 15px 15px;
font-size: 14px;
}
#accordion .panel-body .des .am-btn {
margin-right: 0px;
padding:0;
display:block;
text-align:center;
line-height:30px;
border-radius:5px;
width:100%
}
#accordion .panel-body .info {
line-height: 25px;
}
#accordion .panel-body .info span {
width: 50%;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
width: 15px;
height: 15px;
line-height: 15px;
font-size: 10px;
right: 10px;
transform: translateY(-50%);
transition: all 0.5s ease 0s;
}
}
/*联系我们*/
.contact_info{ margin: 0 -15px;}
.contact_info li{ float:left; width:33.333333%;padding: 0 15px;display: flex; flex-direction: column; text-align: center;margin: 30px 0;}
.contact_info li i{width: 100px; height: 100px; border:#dedede solid 1px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 40px; color: #006cc8; margin: 0 auto 20px;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.contact_info li span:first-of-type{color: #575757;}
.contact_info li span:last-of-type ,.contact_info li span a{color: #000;}
.contact_info li span a:hover{color: #006cc8;}
.contact_info li:hover i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg); background-color:#006cc8; color: #fff;}
.zx_bm{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999; display:none;}
.zx_bm .bm_bj{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.7);}
.zx_bm .b_m{ border-radius:5px; padding:20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.zx_bm .b_m img { width:100%; height:auto; max-width:200px; height:auto}
.guanbi{ color:#fff; position:absolute; right:0; top:0}
.contact_map{height: 550px;margin-top: 30px;display:flex;justify-content:space-between;}
#map_contain{width:calc(100% - 320px);height:100%;}
#map_contain .title{font-weight: bold;color: #000;}
.map_list{width:320px;height:100%;background-color:#f7f7f7;overflow: auto;padding: 10px;}
.map_list li a{display: block;padding:10px; margin-bottom: 1px;}
.map_list li a:hover{background-color: #f2f2f2;}
.map_list li.active a{background-color: #f1f1f1;}
.map_list li .title{text-decoration: underline; color: #00C;}
.map_list li .iteam{font-size: 14px;color: #333;}
@media only screen and (max-width:992px){
.contact_info{ margin:0}
.contact_map{ width:100%; height:auto; display:block; margin-top:0}
#map_contain{ width:100%; height:auto}
.contact_info li i{width: 50px; height:50px; font-size: 20px; }
.contact_info li{ width:50%; min-height:130px; margin:5px 0; padding:0}
.map_list{width:100%;height:auto;background-color:#f7f7f7;overflow: auto;padding: 10px; box-sizing:border-box}
}