@charset "utf-8";



@font-face {

  font-family: 'COND';

  src: url('../font/AKZIDENZGROTESK-COND.OTF');

}



body{margin:0px; font-size:14px; color:#444; font-family:"微软雅黑"; background:#ffffff;}

*{padding:0px; margin:0px; box-sizing: border-box;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,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,h7 {list-style:none; font-weight:normal;}

input,select,button{font-size:12px;  border:0; background:none; outline:none; vertical-align:middle;}

button {overflow:visible}

img{border:none; vertical-align:middle;}

img {    

image-rendering: -moz-crisp-edges; /* Firefox */     

image-rendering: -o-crisp-edges; /* Opera */      

/*image-rendering: -webkit-optimize-contrast; !*Webkit (non-standard naming) *! image-rendering: crisp-edges; */

-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */

}

li{list-style:none;}

a{color:#444; text-decoration:none;}

a:hover{color:#000;}

.clear{overflow:hidden; clear:both; height:0px;}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}

.clearfix {/*兼容 IE*/zoom: 1;}



::-webkit-scrollbar{width:5px;}

::-webkit-scrollbar-track{background-color:#666;}

::-webkit-scrollbar-thumb{background-color:#ddd;}

::-webkit-scrollbar-thumb:hover{background-color:#E53E3E ;}

::-webkit-scrollbar-thumb:active{background-color:#E53E3E ;}





.fl {float: left;display: inline;}/* 左浮�?*/

.fr {float: right;display: inline;}/* 右浮�?*/



.con { width:1300px; margin:0px auto;}







.header{width:100%; position:fixed; top:0; left:0; z-index:99; background:#fff; }

.header.on{ background: rgba(255, 255, 255, 0.99);}

.header .logo{width:240px; float:left; margin-top:9px;}

.header .logo img{display:block; width:130px; height:auto; max-width:240px; object-fit:contain;}







.header .nav{float:right;}

.header .nav ul li{margin:0px; line-height:70px; float:left; position:relative; padding:0px 0px 0px 70px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;

-webkit-transition:all .5s; font-size:18px;}

.header .nav ul li a { font-size:18px;}

.header .nav ul li span{width:0; height:4px; background:#E53E3E ; position:absolute; left:50%; bottom:0;

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;

transform:translate(-50%,0);

-webkit-transform:translate(-50%,0);

-moz-transform:translate(-50%,0);

-ms-transform:translate(-50%,0);

-o-transform:translate(-50%,0);}

.header .nav ul li:hover span{width:100%;}

.header .nav ul li.on span{width:100%;}

.header .nav ul li.on a{color:#E53E3E; font-weight: bold;}

.header .nav ul li:hover a { color:#E53E3E ;}

.nav .y_j{position:relative;     display: block;

    position: relative;

    line-height: 70px;

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    transition: line-height 0.5s;}

.nav .e_j{position: absolute;

    top: 70px;

    left: 70px;

    width: 280px;

    background-color: #f6f6f6;

    z-index: 999;

    padding: 0px;

    opacity: 0;

    visibility: hidden;

    transform: translateY(20px);

    transition: all 0.5s; }

	.header .nav ul li:hover .e_j {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

    transition: all 0.5s;

}	

.header .nav ul li .e_j a{display:block; font-size:16px; color:#333; line-height:50px; text-align:left;  font-weight:normal; padding-left: 20px; }

.header .nav .e_j a:hover{ color:#fff; background:#E53E3E ;}

.header .nav .e_j{display:none !important;}

.header .nav ul li:hover .e_j{display:block !important;}









.head_h{width:100%; height:70px;}







.gallery-top{width:100%; position:relative; height: auto; }

.gallery-top .swiper-slide img{width:100%; height: auto; display:block;}

.gallery-top .swiper-button-next{width:45px; height:45px; background:url(../images/h_yj.png) no-repeat; right:20px;background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45px;}






.gy_bt{width:100%;  text-transform:uppercase; margin-bottom: 30px; text-align: center; }

.gy_bt h3{font-size:36px;height:55px; font-weight: bold;}

.gy_bt i { width: 44px; height: 4px; background:#E53E3E; display: block; margin:10px auto;}





.sy_cp { width:1300px; margin:80px auto;}

.sy_cp .tab{ width:100%; margin:20px auto 50px;}

.sy_cp .tab-hd { overflow:hidden; zoom:1; height: 70px; border-bottom: 1px solid #e7e7e7; text-align: center; }

.sy_cp .tab-hd li{ display: inline-block; width: auto;font-size: 18px; margin: 0 20px;

    font-weight: 400;

    color: #838383;

    line-height: 66px; cursor:pointer; border-bottom: 3px solid #fff;}

.sy_cp .tab-hd li.active{ border-bottom: 3px solid #E53E3E; font-size: 18px;

    font-weight: 400;

    color: #E53E3E;

    line-height: 66px;}

.sy_cp .tab-bd li{display:none; padding:55px 0px 0px 0px;}

.sy_cp .tab-bd li.thisclass{ display:list-item;}

.sy_cp .tab-bd li .zcz { width: 835px; float: right; } 

.sy_cp .tab-bd li .zcz h2{ font-size: 24px; color: #333333;height: 50px;}

.sy_cp .tab-bd li .zcz .z1 { font-size: 16px; position: relative; line-height: 32px; height: 160px;color: #666;}

.sy_cp .tab-bd li .yct { width: 450px; text-align: center; float:left; }







.sy_an a {width: 211px; height: 38px; line-height: 38px; text-align: center; border:1px solid #E53E3E; display: block; margin:35px 0px 0px 0px; color: #E53E3E; font-size: 16px; }

.sy_an i { margin-left: 10px;color: #E53E3E;}

.sy_an:hover a { background:#E53E3E; color: #fff;}

.sy_an:hover i {color: #fff;}





.swiper-js{width:100%; }

.swiper-js .swiper-slide {  position: relative;}

.swiper-js .swiper-slide .tp { width:616px; height: 400px; }

.swiper-js .swiper-slide .tp img {object-fit: cover; width: 100%; height: 100%;}

.swiper-js .swiper-slide .wz { position: absolute; width: 100%; background: rgba(55,136,255,.8); left: 0; bottom: 0; padding:15px; }

.swiper-js .swiper-slide .wz h1 { font-weight: bold; font-size: 19px; color: #fff;}

.swiper-js .swiper-slide .wz h1 a {color: #fff;}

.swiper-js .swiper-slide p { font-size: 14px; line-height: 24px; color: #fff;}

.swiper-js .swiper-button-next{width:26px; height:40px; background:url(../images/z_j.png) no-repeat; right:0; margin-top:-30px; background-size:26px 40px; -webkit-background-size:26px 40px; -moz-background-size:26px 40px; -ms-background-size:26px 40px; -o-background-size:26px 40px;}

.swiper-js .swiper-button-prev{width:26px; height:40px; background:url(../images/h_j.png) no-repeat; left:0; margin-top:-30px; background-size:26px 40px; -webkit-background-size:26px 40px; -moz-background-size:26px 40px; -ms-background-size:26px 40px; -o-background-size:26px 40px;}





.sy_xw { width: 100%; margin:0px auto; padding: 60px 0px 75px 0px; background: #f5f7f6;}

.sy_xw .zc { width: 616px; float: left; margin-top: 15px;position: relative; }

.sy_xw .yc { width: 650px; float: right;}

.sy_xw .yc ul li { padding: 11px 0px; border-bottom: 1px solid #ddd;}

.sy_xw .yc ul li h4 { font-size: 20px; height:35px; font-weight: bold;}

.sy_xw .yc ul li h4 font { color: #E53E3E;}

.sy_xw .yc ul li h4 a:hover {color: #E53E3E;}

.sy_xw .yc ul li p { font-size: 15px; line-height: 26px; color: #666; display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden; margin-bottom: 10px; }

.sy_xw .yc ul li span { font-size: 13px; color: #666;}

.more { width:100%; height: 1px; background: #cccccc; display: block; position: relative; margin-top: 58px;}

.more .an {width: 127px;height: 30px; background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 15px; font-size: 16px; color: #999; line-height: 30px; top: -15px; position: absolute; left: 50%; text-align: center; margin-left: -63px;}

.more .an a {color: #999;}

.more:hover {background: #E53E3E;}

.more:hover a {background: #E53E3E;border: 1px solid #E53E3E; color: #fff; display: block; border-radius: 15px;}







.sy_gy { width:100%; overflow:hidden; background: #f6f6f6; }

.sy_gy .left { width:50%; float:left; position: relative; }

.sy_gy .left .tp { width: 100%; height: auto;}

.sy_gy .left .tp img { width: 96%; height: auto;}

.sy_gy .left .wz { position: absolute; top:63px; right:75px; width: 575px;}

.sy_gy .left .wz h3{font-size:36px; height:58px;  color:#fff; font-weight: bold; border-bottom: 1px solid #fff; }

.sy_gy .left .wz p { font-size:16px; line-height:36px; text-align:justify; color:#fff;  text-indent: 36px; }

.sy_gy .right { float: right; width: 50%; position: relative; z-index: 1; }

.sy_gy .right .bj { position: absolute; left: 0; top:0; width: 100%; padding-top: 25.5%; text-align: center; height:100%; display: none; background: rgba(0,0,0,.4); z-index: 9;}

.sy_gy .right:hover .bj { display: block;}



.sy_al { width: 100%; margin: 90px 0; padding: 0 20px; background: #f8f9fa;}

.sy_al .sz { width: 1120px; margin: 30px auto 40px auto; font-size: 18px;font-weight: 400;color: #000000;line-height: 30px; text-align: center;}

.sy_al .tp { width: 100%; max-width: 1300px; margin: 0 auto;}

.sy_al .tp .case-grid { 
    display: grid; 
    gap: 20px;
}

.sy_al .tp .case-item { 
    overflow: hidden; 
    border-radius: 10px; 
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sy_al .tp .case-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

.sy_al .tp .case-item img {
    width: 100%; 
    height: 200px; 
    object-fit: cover;
    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    -o-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1); 
    -webkit-transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    transition: all 0.5s;
}

.sy_al .tp .case-item:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.sy_al .tp .more-cases { 
    background: linear-gradient(135deg, #E53E3E, #ff6b6b); 
    color: #fff; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    /*height: 200px; */
    text-decoration: none; 
    font-size: 18px; 
    font-weight: bold;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.sy_al .tp .more-cases:hover { 
    background: linear-gradient(135deg, #d63031, #E53E3E); 
    color: #fff;
    transform: translateY(-5px);
}

/* 移动端响应式 */
@media (max-width: 768px) {
    .sy_al .tp .case-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 15px;
        padding: 15px 0;
    }
    
    .sy_al .tp .case-item img {
        height: 150px;
    }
    
    .sy_al .tp .more-cases {
        height: 150px;
        font-size: 16px;
    }
}





.sy_hz { width: 100%; background: url(../images/shouye_40.jpg) no-repeat center left/cover; padding: 55px 0px;}

.sy_hz .zj { width: 1300px; margin: 0px auto; background: #fff; padding-top: 53px;}







.footer{width:100%; padding-top:75px; background:#000000;}

.footer h3{font-size:24px; color:#ccc; margin-bottom:18px; }

.footer em{width:40px; height:1px; background:#ccc; margin-bottom:20px; display:block;}

.footer .col-md-42 {float:left; margin-right: 155px; }

.footer .col-md-42 p a{ color:#ccc; line-height:36px; font-size: 15px;}

.footer .col-md-42 p a:hover { color:#E53E3E;}

.footer .ycwx { width: 248px; float: right;}

.footer .ycwx .wx h4 {color: #ccc; font-size: 16px; height: 30px;}

.footer .ycwx .wx { width: 108px;}


.footer .ycwx .wa font { display: block; font-size: 15px;text-align: justify;}

.footer .x_x{padding:120px 0 38px 0; width: 100%; color:#CCCCCC; text-align: center; font-size: 16px; }

.footer .x_x a{color:#ffffff; text-decoration: none;}

.footer .x_x a:hover{color:#ffffff; text-decoration: none;}

.footer .x_x a:visited{color:#ffffff;}

.footer .x_x a:active{color:#ffffff;}





.main-im{ position:fixed; right: 10px; bottom:100px; z-index: 100; width: 135px; height: 220px; }

.main-im .qq-container { z-index: 99; position: absolute; width:135px; height:220px; right:0;}

.main-im .im_main {display: block;}

.main-im .close-im { position: absolute; right: 58px; top: -23px; z-index: 100; width: 19px; height: 23px; }

.main-im .close-im a { display: block; width: 19px; height: 23px; background: url(../images/gb.png) no-repeat left top; }

.main-im .close-im a:hover { text-decoration: none; }

.main-im .open-im { cursor: pointer; position: absolute; bottom:100px; right:0; margin-left: 68px; width: 46px; height: 46px; background: url(../images/gzh_12.png) no-repeat left top; }







/*内页css*/

.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative;}

.nban .bj { position: absolute; left: 0; top:0; height: 100%; width: 100%; background:rgba(0,0,0,.1);}

.nban .wz { position: absolute; left: 50%; top:38%; z-index: 5; width: 1300px;margin-left:-650px;}

.nban .wz h1 { font-size: 58px; height:90px;  color: #fff; font-weight: bold; }

.nban .wz p { font-size: 28px; background: #fff; color: #32bcfd; text-align: center; width: 145px; height: 35px; line-height: 35px; font-family: Arial, Helvetica, sans-serif;}





.gy_wm { width: 1170px; margin: 68px auto;}

.gy_wm .zc { width: 270px; float: left;}

.gy_wm .zc ul { width: 100%; background: #ededed; padding: 28px 0px;}

.gy_wm .zc ul li { height: 65px; line-height: 65px; font-size: 18px; color: #666; padding-left: 50px;}

.gy_wm .zc ul li.on {height: 55px; line-height: 55px; margin: 5px 0px; font-size: 18px; font-weight: bold; color:#E53E3E; border-left: 4px solid #E53E3E; background: #fff;}

.gy_wm .zc ul li.on a {color: #E53E3E;}



.gy_wm .zc ul li:hover {height: 55px; line-height: 55px; margin: 5px 0px; font-size: 18px; font-weight: bold; color:#E53E3E; border-left: 4px solid #E53E3E; background: #fff;}

.gy_wm .zc ul li:hover a {color: #E53E3E;}

.gy_wm .yc { width: 810px; float: right;}

.gy_wm .yc h1 {font-size: 30px; height: 65px; text-align: center;font-weight: 500;color: #000; }

.gy_wm .yc font{color: #999999; font-size: 15px; text-align: center; display: block;}

.gy_wm .yc .tp { width: 100%; margin-bottom: 110px;}

.gy_wm .yc .tp1 { margin: 45px 0px 0px 0px;}

.gy_wm .yc .tp2 { margin: 120px 0px 0px 0px;}

.gy_wm .yc .tp3 { margin: 100px 0px 0px 0px;}

.zxns { width: 100%; margin-top: 40px;}

.zxns .bbt { width:100%; height: 1px; border-bottom:1px dashed #E53E3E; display: block; position: relative;}

.zxns .bbt .an {width: 133px;

    height: 31px;

    background: #FFFFFF;

    border: 1px solid #E53E3E;

    border-radius: 15px;color:#E53E3E; line-height: 30px; top: -15px; position: absolute; left:-1px; text-align: center; font-size: 20px;}

    .zxns .wz { margin: 50px 0px; font-size: 20px;

        font-weight: 400;

        color: #666666;

        line-height: 48px;}

.zxns .xfl {margin: 50px 0px;}

.zxns .xfl ul li { height: 31px;background: #E9E9E9;border-radius: 15px; float: left; width: 120px; margin: 0 18px 18px 0; text-align: center; font-size: 20px;}

.zxns .xfl ul li:nth-child(6n) { margin-right: 0;}







.conn { width: 1170px; margin: 0px auto;}

.con1 { width: 1200px; margin: 0px auto;}



.ndh { width:100%; margin:0px auto; overflow:hidden; background:#4E88FF;} 

.ndh ul li { display:inline-block; width:auto; line-height:60px; font-size:20px;  color:#fff;}

.ndh ul li a {font-size:20px; padding:0px 20px; color:#fff;  line-height:60px;display:block; }

.ndh ul li:hover a { background:#ffffff; color:#E53E3E;}

.ndh ul li.on {background:#ffffff;  color:#E53E3E;}

.ndh ul li.on a {color: #E53E3E;}







.ny_cp { width: 1170px; margin: 60px auto 100px auto;}

.ny_cp ul li { width:370px; float: left; margin: 0 30px 30px 0;background: #FFFFFF; overflow: hidden;

    box-shadow: 0px 0px 12px 0px rgba(171, 171, 171, 0.35);

    border-radius: 10px;}

.ny_cp ul li .tp { width: 100%; height: auto; overflow: hidden;}

.ny_cp ul li .tp img { width: 100%; height: auto; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.ny_cp ul li .tp:hover img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.ny_cp ul li .wz {padding:30px 20px;}

.ny_cp ul li .wz h2 {font-size: 20px; font-weight: bold; color: #000; height: 50px; line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-bottom:10px;}

.ny_cp ul li .wz h2 a {color: #000;}

.ny_cp ul li .wz h2 a:hover {color: #E53E3E;}

.ny_cp ul li .wz p{font-size: 16px; line-height: 28px; color: #999; height: 112px;}

.ny_cp ul li:nth-child(3n) { margin-right: 0;}





.nybt {font-size: 16px;color: #999999;line-height: 65px; margin: 30px auto; text-align: right;}



.al_xq {width: 1170px; margin:0px auto 100px auto;}

.al_xq h1{font-size: 36px;font-weight: bold; color:#333333;line-height: 65px; text-align: center;}

.al_xq h2 {font-size: 15px;color: #999999;line-height: 65px; text-align:center; width: 100%;}

.al_xq .wz { padding: 30px 0px;}

.al_xq .wz p{font-size: 18px;color: #333333;line-height: 36px; text-indent: 34px;}

.al_xq .wz .tp { text-align: center; width: 100%; padding: 30px 0px;}





.lxwm { padding:90px 0;}

.lxwm .zc {width: 700px; float: left;}

.lxwm .yc { width: 455px; float: right;}

.lxwm .yc h1 {font-size: 28px; color: #666; height: 65px; font-weight: 500;}

.lxwm .yc .dz {color: #888888; margin-bottom: 18px;}

.lxwm .yc .dz i { float: left; padding-top: 3px;}

.lxwm .yc .dz .wz { font-size: 20px; float: left; padding-left: 10px;}

.lxwm .yc .dz .wz font { font-size: 16px; display: block; line-height: 42px;}





.lxbd {background: #f3f3f3;padding: 50px 35px; margin-bottom: 90px;}

.lxbd h3 {font-size: 33px; line-height: 50px; color: #666; text-align: center; padding-bottom: 40px;}

.lxbd h4 { font-size: 18px; color: #666666; line-height: 50px;}

.lxbd .txt {width: 550px;height: 36px;background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px; font-size: 16px; margin-bottom:15px; color: #999; padding: 0px 10px; }

.lxbd .zc { width: 550px; float: left;} 

.lxbd .yc { width: 550px; float: right;} 

.lxbd .txtt {background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px; font-size: 16px; margin-bottom:15px; height: 130px; color: #999; padding: 0px 10px; width: 100%; line-height: 30px;}

.lxbd .anniu { width: 210px; height: 40px; margin: 16px auto 0px auto; border: 1px solid #E53E3E; line-height: 40px;background: #fff; border-radius: 5px; color: #E53E3E; font-size: 18px; text-align: center; display: block;cursor:pointer; }

.lxbd .anniu:hover  {width: 210px; height: 40px; background: #E53E3E; border: 1px solid #E53E3E;color: #fff; display: block; border-radius: 5px;}





/* ===== 移动端响应式设计 ===== */

/* 平板设备 */
@media (max-width: 1024px) {
    .con { width: 100%; padding: 0 20px; }
    .conn { width: 100%; padding: 0 20px; }
    .con1 { width: 100%; padding: 0 20px; }
    
    .sy_cp { width: 100%; margin: 60px auto; padding: 0 20px; }
    .sy_xw .con { width: 100%; padding: 0 20px; }
    .gy_wm { width: 100%; padding: 0 20px; }
    .ny_cp { width: 100%; padding: 0 20px; }
    .al_xq { width: 100%; padding: 0 20px; }
}

/* 手机设备 */
@media (max-width: 768px) {
    
    /* 基础布局 */
    .con { width: 100%; padding: 0 15px; }
    .conn { width: 100%; padding: 0 15px; }
    .con1 { width: 100%; padding: 0 15px; }
    
    /* 头部导航 */
    .header { position: relative; }
    .header .con { padding: 0 15px; }
    .header .logo { width: 180px; margin-top: 15px; }
    .header .logo img { width: 130px; height: auto; max-width: 180px; object-fit: contain; }
    
    .header .nav { 
        float: none; 
        width: 100%; 
        background: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        margin-top: 10px;
    }
    
    .header .nav ul { 
        display: flex; 
        flex-wrap: wrap; 
        justify-content: center; 
    }
    
    .header .nav ul li { 
        float: none; 
        padding: 0 10px; 
        line-height: 50px;
        margin: 5px 0;
    }
    
    .header .nav ul li a { font-size: 16px; }
    
    .head_h { height: 120px; }
    
    /* 轮播�?*/
    .gallery-top .swiper-button-next,
    .gallery-top .swiper-button-prev { display: none; }
    
    /* 标题样式 */
    .gy_bt h3 { font-size: 28px; }
    .gy_bt i { width: 30px; height: 3px; }
    
    /* 产品中心 */
    .sy_cp { 
        width: 100%; 
        margin: 40px auto; 
        padding: 0 15px; 
    }
    
    .sy_cp .tab-hd { 
        height: auto; 
        padding: 10px 0; 
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .sy_cp .tab-hd li { 
        font-size: 16px; 
        margin: 0 10px; 
        line-height: 50px;
        display: inline-block;
    }
    
    .sy_cp .tab-bd li { padding: 30px 0; }
    .sy_cp .tab-bd li .zcz { 
        width: 100%; 
        float: none; 
        margin-bottom: 20px;
    }
    
    .sy_cp .tab-bd li .zcz h2 { 
        font-size: 20px; 
        height: auto; 
        margin-bottom: 15px;
    }
    
    .sy_cp .tab-bd li .zcz .z1 { 
        font-size: 14px; 
        line-height: 24px; 
        height: auto; 
    }
    
    .sy_cp .tab-bd li .yct { 
        width: 100%; 
        float: none; 
        text-align: center;
    }
    
    .sy_an a { 
        width: 180px; 
        height: 35px; 
        line-height: 35px; 
        font-size: 14px; 
        margin: 20px auto 0;
    }
    
    /* 新闻动�?*/
    .sy_xw { padding: 40px 0 50px 0; }
    .sy_xw .con { padding: 0 15px; }
    .sy_xw .zc { 
        width: 100%; 
        float: none; 
        margin-bottom: 30px;
    }
    
    .sy_xw .yc { 
        width: 100%; 
        float: none; 
    }
    
    .swiper-js .swiper-slide .tp { 
        width: 100%; 
        height: 250px; 
    }
    
    .swiper-js .swiper-slide .wz { padding: 10px; }
    .swiper-js .swiper-slide .wz h1 { font-size: 16px; }
    .swiper-js .swiper-slide p { font-size: 12px; line-height: 20px; }
    
    .sy_xw .yc ul li h4 { font-size: 16px; height: auto; }
    .sy_xw .yc ul li p { font-size: 14px; line-height: 22px; }
    
    /* 关于我们 */
    .sy_gy .left { 
        width: 100%; 
        float: none; 
        margin-bottom: 20px;
    }
    
    .sy_gy .left .wz { 
        position: static; 
        width: 100%; 
        padding: 20px; 
        background: rgba(0,0,0,0.7);
        color: #fff;
    }
    
    .sy_gy .left .wz h3 { 
        font-size: 24px; 
        height: auto; 
        margin-bottom: 15px;
    }
    
    .sy_gy .left .wz p { 
        font-size: 14px; 
        line-height: 24px; 
        text-indent: 28px;
    }
    
    .sy_gy .right { 
        width: 100%; 
        float: none; 
    }
    
    /* 客户案例 */
    .sy_al { 
        margin: 60px 0; 
        padding: 0 15px; 
    }
    
    .sy_al .sz { 
        width: 100%; 
        margin: 20px auto 30px auto; 
        font-size: 16px;
    }
    
    /* 底部 */
    .footer { padding-top: 50px; }
    .footer .con { padding: 0 15px; }
    .footer .col-md-42 { 
        float: none; 
        width: 100%; 
        margin-right: 0; 
        margin-bottom: 30px;
    }
    
    .footer .ycwx { 
        width: 100%; 
        float: none; 
        text-align: center;
    }
    
    .footer .ycwx .wx { 
        width: 120px; 
        display: inline-block; 
        margin: 0 20px;
    }
    
    .footer .ycwx .wa { 
        width: 100%; 
        font-size: 18px; 
        margin-top: 20px;
    }
    
    .footer .x_x { 
        padding: 80px 0 30px 0; 
        font-size: 14px; 
        line-height: 24px;
    }
    
    /* 内页样式 */
    .nban .wz { 
        width: 100%; 
        margin-left: 0; 
        left: 0; 
        padding: 0 15px; 
        text-align: center;
    }
    
    .nban .wz h1 { 
        font-size: 32px; 
        height: auto; 
        margin-bottom: 10px;
    }
    
    .nban .wz p { 
        font-size: 20px; 
        width: auto; 
        height: auto; 
        line-height: 30px; 
        margin: 0 auto;
    }
    
    /* 关于我们页面 */
    .gy_wm { 
        width: 100%; 
        margin: 40px auto; 
        padding: 0 15px;
    }
    
    .gy_wm .zc { 
        width: 100%; 
        float: none; 
        margin-bottom: 30px;
    }
    
    .gy_wm .yc { 
        width: 100%; 
        float: none; 
    }
    
    .gy_wm .yc h1 { 
        font-size: 24px; 
        height: auto; 
        margin-bottom: 20px;
    }
    
    .gy_wm .yc .tp { margin-bottom: 60px; }
    
    /* 新闻列表�?*/
    .ny_cp { 
        width: 100%; 
        margin: 40px auto 60px auto; 
        padding: 0 15px;
    }
    
    .ny_cp ul li { 
        width: 100%; 
        float: none; 
        margin: 0 0 20px 0;
    }
    
    .ny_cp ul li .wz { padding: 20px 15px; }
    .ny_cp ul li .wz h2 { font-size: 18px; }
    .ny_cp ul li .wz p { font-size: 14px; line-height: 24px; }
    
    /* 文章详情�?*/
    .al_xq { 
        width: 100%; 
        margin: 0 auto 60px auto; 
        padding: 0 15px;
    }
    
    .al_xq h1 { 
        font-size: 24px; 
        line-height: 40px; 
        margin-bottom: 15px;
    }
    
    .al_xq h2 { 
        font-size: 14px; 
        line-height: 40px;
    }
    
    .al_xq .wz p { 
        font-size: 16px; 
        line-height: 28px; 
        text-indent: 28px;
    }
    
    /* 联系我们页面 */
    .lxwm { padding: 60px 0; }
    .lxwm .zc { 
        width: 100%; 
        float: none; 
        margin-bottom: 30px;
    }
    
    .lxwm .yc { 
        width: 100%; 
        float: none; 
    }
    
    .lxwm .yc h1 { 
        font-size: 22px; 
        height: auto; 
        margin-bottom: 20px;
    }
    
    .lxwm .yc .dz .wz { 
        font-size: 16px; 
        padding-left: 10px;
    }
    
    .lxwm .yc .dz .wz font { 
        font-size: 14px; 
        line-height: 28px;
    }
    
    /* 留言表单 */
    .lxbd { 
        padding: 30px 20px; 
        margin-bottom: 60px;
    }
    
    .lxbd h3 { 
        font-size: 24px; 
        line-height: 40px; 
        padding-bottom: 30px;
    }
    
    .lxbd h4 { 
        font-size: 16px; 
        line-height: 40px;
    }
    
    .lxbd .zc { 
        width: 100%; 
        float: none; 
        margin-bottom: 15px;
    }
    
    .lxbd .yc { 
        width: 100%; 
        float: none; 
    }
    
    .lxbd .txt { 
        width: 100%; 
        height: 40px; 
        font-size: 14px;
    }
    
    .lxbd .txtt { 
        width: 100%; 
        height: 120px; 
        font-size: 14px;
    }
    
    .lxbd .anniu { 
        width: 180px; 
        height: 40px; 
        font-size: 16px;
    }
    
    /* 导航分类 */
    .ndh ul { 
        text-align: center; 
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .ndh ul li { 
        display: inline-block; 
        line-height: 50px;
    }
    
    .ndh ul li a { 
        font-size: 16px; 
        padding: 0 15px; 
        line-height: 50px;
    }
    
    /* 面包屑导�?*/
    .nybt { 
        font-size: 14px; 
        line-height: 50px; 
        text-align: center; 
        margin: 20px auto;
    }
    
    /* 隐藏侧边�?*/
    .main-im { display: none; }
    
    /* 更多按钮 */
    .more { margin-top: 40px; }
    .more .an { 
        width: 120px; 
        height: 35px; 
        line-height: 35px; 
        font-size: 14px; 
        margin-left: -60px;
    }
}

/* 小屏手机设备 */
@media (max-width: 480px) {
    
    /* 头部 */
    .header .logo { width: 150px; }
    .header .nav ul li { padding: 0 8px; }
    .header .nav ul li a { font-size: 14px; }
    
    /* 标题 */
    .gy_bt h3 { font-size: 24px; }
    
    /* 产品中心 */
    .sy_cp .tab-hd li { 
        font-size: 14px; 
        margin: 0 8px; 
    }
    
    .sy_cp .tab-bd li .zcz h2 { font-size: 18px; }
    .sy_cp .tab-bd li .zcz .z1 { font-size: 13px; line-height: 22px; }
    
    /* 新闻动�?*/
    .swiper-js .swiper-slide .tp { height: 200px; }
    .swiper-js .swiper-slide .wz h1 { font-size: 14px; }
    .swiper-js .swiper-slide p { font-size: 11px; line-height: 18px; }
    
    .sy_xw .yc ul li h4 { font-size: 14px; }
    .sy_xw .yc ul li p { font-size: 13px; line-height: 20px; }
    
    /* 关于我们 */
    .sy_gy .left .wz h3 { font-size: 20px; }
    .sy_gy .left .wz p { font-size: 13px; line-height: 22px; }
    
    /* 客户案例 */
    .sy_al .sz { font-size: 14px; }
    
    /* 底部 */
    .footer .ycwx .wa { font-size: 16px; }
    .footer .x_x { font-size: 12px; }
    
    /* 内页 */
    .nban .wz h1 { font-size: 28px; }
    .nban .wz p { font-size: 18px; }
    
    .gy_wm .yc h1 { font-size: 20px; }
    .al_xq h1 { font-size: 20px; }
    .al_xq .wz p { font-size: 14px; line-height: 26px; }
    
    .lxwm .yc h1 { font-size: 18px; }
    .lxbd h3 { font-size: 20px; }
    .lxbd h4 { font-size: 14px; }
}

/* 超小屏设�?*/
@media (max-width: 320px) {
    .header .logo { width: 120px; }
    .gy_bt h3 { font-size: 20px; }
    .sy_cp .tab-hd li { font-size: 12px; margin: 0 5px; }
    .nban .wz h1 { font-size: 24px; }
    .nban .wz p { font-size: 16px; }
}