*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font-family: "Microsoft YaHei";}

.container{width:1200px;}
.container_detail{width:990px;margin-left:auto;margin-right:auto;}




.home-banner{position:relative}
.home-banner img{width:100%}
.home-banner .text{position:absolute;top:45%;left:0;width:100%;color:#fff}
.home-banner .text h3{text-align:center;font-size:3.5rem;font-weight:100}
.home-banner .text h4{text-align:center;font-size:1.38rem;font-weight:100;letter-spacing:1px;margin:10px 0 9px}
.home-banner .text p{max-width:360px;margin:5px auto;font-size:1rem;font-weight:100;letter-spacing:1px}
.gray-bg{background:#f0f0f0}
.product-type{margin-top:30px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2)}
.product-type ul{padding:10px}
.product-type li{padding:10px 0;float:left;position:relative;text-align:center;width:20%}
.product-type li a{font-size:1.2rem}
.product-type li a:hover{color:#388eef}
.product-type li:after{content:'|';position:absolute;right:0;top:13px;color:#555;font-size:.875rem}
.product-type li:nth-child(9):after,
.product-type li:last-child:after{content:''}
.title-1{position:relative;text-align:center;margin:30px 0 50px}
.title-1 strong{font-size:1.9rem;font-weight:400}
.title-1 p{padding:3px 0;color:#666;font-size:1rem}
.title-1:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-23px;width:46px;height:8px;background:#388eef}
.title-2{position:relative;text-align:center;margin:10px 0 20px;font-size: 14px;color: #666;line-height: 25px;text-align: center;padding-bottom: 10px;border-bottom: #d1d1d1 1px dashed;}
.title-2 strong{font-size:1.9rem;font-weight:400;margin-bottom: 15px;}
.title-2 p{padding:3px 0;color:#666;font-size:.75rem}
.title-3{position:relative;text-align:center;margin:30px 0 50px}
.title-3 strong{font-size:1.9rem;font-weight:400;color:#fff}
.title-3 p{padding:3px 0;color:#fff;font-size:.75rem}
.title-3:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-23px;width:46px;height:8px;background:#fff}

.product-list.gray {padding:0px 0}
.product-list li{width:32%;float:left;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);margin-right:2%;margin-bottom:30px}



.product-list ul li .li_box{position:relative; overflow:hidden;}
.product-list ul li .li_box{min-height:6px;}
.product-list li .li_line{width:0; height:5px; background:#388eef; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.product-list li:hover .li_line{width:100%;}
.product-list li:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.5)}


.product-list li:nth-child(3),
.product-list li:nth-child(6),
.product-list li:nth-child(9),
.product-list li:nth-child(12),
.product-list li:nth-child(15),
.product-list li:nth-child(18),
.product-list li:nth-child(21){margin-right:0}
.product-list li .name{text-align:center;padding-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 18px 20px 0 20px;}
.product-list li .name strong{font-size:1.3rem;display:block}
.product-list li .name span{font-size:.8rem;color:#666}
.product-list li .photo{height:330px;text-align:center;display:flex;align-items:center;justify-content:center;margin: 0px 20px 0 20px;}
.product-list li .photo img{max-width:336px;}
.product-list li:hover .photo img{transform:scale(1.05,1.05);transition:transform .5s ease}
 @media (max-width:768px){
 .product-list li .photo img{max-width:276px;}
}
.clearFix i{position: absolute;z-index:9999999;}



.product-list li .button{padding-top:12px;margin: 0px 20px 18px 20px; }
.product-list li .button span,
.product-list li .button a{display:inline-block;background:#e8e8e8;text-align:center;width:47%;padding:6px 0;color:#777;cursor:pointer}
.product-list li .button span:hover,
.product-list li .button a:hover{background:#388eef;color:#fff}
.product-list li .button a{float:right}
.product-list li .button span:before{content:'\e764';font-family:iconfont;margin-right:5px}
.product-list li .button a:before{content:'\e602';font-family:iconfont;margin-right:5px}



.scene-list{}
.scene-list li{float:left;width:32%;margin:0 2% 20px 0}
.scene-list li:nth-child(3),
.scene-list li:nth-child(6),
.scene-list li:nth-child(9){margin-right:0}
.scene-list li .photo{}
.scene-list li .photo img{width:100%;height:250px}
.scene-list li .name{background:#fff;margin-top:20px;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);text-align:center;padding:10px;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.scene-list li:hover img{transform:scale(1.05,1.05);transition:transform .5s ease}
.scene-list li .name:hover{background:#f9f9f9}
.home-case li{position:relative;float:left;text-align:center;display:flex;justify-content:center;align-items:center;height:170px;width:20%;margin-bottom:20px;background:#fff}
.home-case li:after{content:'';width:2px;height:30%;position:absolute;top:35%;right:0;background: #ddd}
.home-case li img{max-width:100%}
.home-case li:hover img{transform:scale(1.1,1.1);transition:transform .6s ease}
.home-case li:nth-child(5):after,
.home-case li:nth-child(10):after,
.home-case li:nth-child(15):after{display:none}
.home-m-call{background: url(../images/mtel.png) repeat-x;padding:20px 0 80px;background-size: 100% 100%;}
.home-m-call h2{font-size:2.4rem;text-align:center;color:#fff}
.home-m-call input[type=text]{display:block;margin:30px auto;width:700px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);border:0;padding:15px 9px;text-align:center;font-size:1.4rem;}
.home-m-call input[type=submit]{background:#f39800;color:#fff;width:260px;padding:14px 0;margin:0 auto;display:block;font-size:1.2rem}
.home-m-call input[type=submit]:hover{background:#3484df}
.home-m-call input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;font-size:16px;}
.home-m-call .tips{text-align:center;color:#fff;line-height:3;font-size:18px;}
 @media (max-width:768px){
 .home-m-call h2{font-size:1.2rem}
   .home-m-call input[type=text]{width:260px;font-size: 1.2rem;}
}
.home-call{background:#f0f0f0;padding:20px 0 80px}
.home-call h2{font-size:2.4rem;text-align:center}
.home-call input[type=text]{display:block;margin:30px auto;width:700px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);border:0;padding:15px 9px;text-align:center;font-size:1.2rem;}
.home-call input[type=submit]{background:#388eef;color:#fff;width:260px;padding:14px 0;margin:0 auto;display:block;font-size:1.2rem}
.home-call input[type=submit]:hover{background:#3484df}
.home-call input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333;font-size:16px;}
.home-call .tips{text-align:center;color:#000;line-height:3;font-size:18px;}
.imgZoom img,
.imgY180 img {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}


.flexslider{margin:40px auto;position:relative;width:500px;height:384px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:0px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.carousel-item {}




.fixed-r{position:fixed;right:0px;bottom:42%;border-radius: 8px;
    overflow: hidden;}
.fixed-r >div{width:88px;height:88px;text-align:center;background:#3484df;margin-bottom:5px;color:#fff;cursor:pointer;border-radius:8px;font-size:1.1rem;font-weight: 500;}
.fixed-r >div a{color:#fff}
/* .fixed-r >div:hover{background:#f39800;color:#fff;position:relative} */
.fixed-r >div:first-child{background:#f39800;color:#fff;position:relative}
.fixed-r >div:before{font-size:2.1rem;font-family:iconfont;display:block}
.fixed-r >div.bc:before{background:#f39800;}
.fixed-r >div.zx:before{content:'\e631'}
.fixed-r >div.dh:before{content:'\e632'}
.fixed-r >div.top{background:#ddd;height:50px}
.fixed-r >div.top:before{content:'\e816'}
.free-popup{position:fixed;z-index:1; opacity: 0; background: rgba(74, 139, 254, 0.8);width:500px;height:362px;background:url("../images/free-bg1.png");}
.free-popup .close{position:absolute;top:8px;right:8px;width:45px;height:45px;cursor: pointer;}
.free-popup .form input[type=text]{width:400px;height:46px;background:transparent;border:0;text-align:center;position:absolute;top:192px;left:50px;font-size:1.2rem;color:#666;}
.free-popup .form ::-webkit-input-placeholder{color:#fff}
.free-popup .form input[type=submit]{width:230px;height:46px;background:transparent;position:absolute;top:272px;left:135px;color:#fff;font-size:1.4rem;font-weight:500}
.free-popup .form input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333;font-size:16px;},
.free-popup .form .tips{color:#fff;font-size:12px;position:absolute;top:245px;left:50px;}
.free-popup.visible{z-index:960;transition-property:transform, opacity;transition-duration:.2s}
.free-popup .tips{text-align: center;color: #FFf;line-height: 1.5; position: relative;bottom: -324px;font-size: 18px;}




.page-banner{position:relative}
.page-banner img{width:100%}
.page-banner .common{position:absolute;top:38%;left:0;width:100%;text-align:center}
.page-banner .common strong{font-size:2.8rem;font-weight:400;color:#fff}
.page-banner .common p{padding:3px 0;color:#fff;font-size:1.5rem}
.page-banner .common:after{content:'';position:absolute;bottom:-35px;left:50%;margin-left:-23px;width:46px;height:8px;background:#fff}
.detail-banner{position: relative;height: 624px;background:url(../images/banner-detail.jpg) repeat-x;background-repeat: no-repeat;background-size: 100% 100%; background-position: center;padding-top: 130px;}
.detail-banner .info{float:right;}
.detail-banner .info h1{color:#0f4ca5;padding-bottom:30px ;margin-top: 80px;}
.detail-banner .info p{color:#3484df;font-size:14px;line-height:2}
.detail-banner .info .contact{color:#104ca5;margin-left:30px;}
.detail-banner .info .tel{margin:30px 0 0 30px;padding-left:50px;position:relative}
.detail-banner .info .tel span{font-size:1rem}
.detail-banner .info .tel strong{font-size:2rem;display:block;line-height:1}
.detail-banner .info .tel:before{content:'\e632';font-family:iconfont;font-size:2.5rem;position:absolute;top:0;left:0}
.detail-banner .info .button{margin-top:30px;margin-left:20px;}
.detail-banner .info .button a{display:inline-block;background:#f39800;color:#fff;padding:5px 40px;border-radius:9px;font-size:1.1rem;margin-left:20px;cursor:pointer;}
.detail-banner .info .button span{display:inline-block;background:#3c90ef;color:#fff;padding:5px 40px;border-radius:9px;font-size:1.1rem;margin-left:20px;cursor:pointer;}
.detail-banner .goods-img{position:relative;float:left;}
.detail-banner .swiper-container{height:250px}

.detail-banner .button a:before{content:'\e764';font-family:iconfont;margin-right:5px}
.detail-banner .button span:before{content:'\e602';font-family:iconfont;margin-right:5px}


.detail-banner .swiper-container .swiper-slide{display:flex;align-items:center}
.detail-banner .swiper-container img{width:100%}
.detail-banner .swiper-pagination{width:100%;bottom:-20px;}
.detail-banner .swiper-pagination-bullet{border-radius:0;width:40px;background: #fff;opacity: 1;margin-right:5px;}
.detail-banner .swiper-pagination-bullet-active{background:#3c90ef;}
.detail-banner .swiper-button-next{right:-40px}
.detail-banner .swiper-button-prev{left:-40px}
.detail-banner .swiper-button-next:after,
.detail-banner .swiper-button-prev:after{font-size:1.7rem;color:#fff;}
.news-list{padding-top:50px}
.news-list .good{padding:14px 18px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2)}
.news-list .good img{float:left;width:240px;height:168px}
.news-list .good .info{float:left;width:calc(100% - 240px);padding:6px 0 6px 20px}
.news-list .good .info strong{font-size:1rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list .good .info p{line-height:2;padding-top:9px;font-size:1rem}
.news-list .good:hover {box-shadow:0 0 15px 3px rgba(0,0,0,0.3);transition:all .5s ease}
.news-list .good:hover strong{color:#4a8bfe}
.news-list .good:hover img{transform: scale(1.05,1.05);transition:all .5s ease}
.news-list ul{margin:20px auto 50px}
.news-list li{margin-bottom:15px;padding:14px 18px;background:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,0.1)}
.news-list li .date{float:left;width:110px}
.news-list li .date strong{display:block;color:#999;font-size:2.2rem;font-weight:500;padding-bottom:5px}
.news-list li .date span{color:#999;font-size:1.2rem}
.news-list li:hover {box-shadow:0 0 15px 3px rgba(0,0,0,0.3);transition:all .5s ease}
.news-list li:hover .date strong,
.news-list li:hover .date span {color:#388eef}
.news-list li .info{float:left;width:calc(100% - 110px);padding:6px 0 6px 20px}
.news-list li .info strong{font-size:.875rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.news-list li .info p{line-height:1.7;padding-top:9px;color:#888}
.arctic-contact{box-shadow:0 0 6px 1px rgba(0,0,0,0.1);margin:50px 0px 20px 0 }
.arctic-contact .info{float:left;background:#fff;padding:50px}
.arctic-contact .info ul{margin:20px 0}
.arctic-contact .info li{padding:9px 0;font-size:1.1rem}
.arctic-contact .info strong{color:#555;display:inline-block;font-weight:500}
.arctic-contact .info span{color:#3c90ef}
.arctic-contact p {line-height: 2;font-size:14px;padding-bottom: 20px;}

.arctic-list{padding:0px 0px 50px 0}
.arctic-list li{float:left;width:32%;margin:0 2% 20px 0}
.arctic-list li:nth-child(3),
.arctic-list li:nth-child(6),
.arctic-list li:nth-child(9){margin-right:0}
.arctic-list li .photo{}
.arctic-list li .photo img{width:100%;height:250px}
.arctic-list li .name{background:#fff;margin-top:20px;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);text-align:center;padding:10px;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.arctic-list img {margin-right: 25px;}
.arctic-list li:hover img{transform:scale(1.05,1.05);transition:transform .5s ease ;}
.arctic-list li .name:hover{background:#388eef;color:#fff}
.sl{background:url("../images/news_i_ico1.png")}


.case-type{margin-top:30px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2)}
.case-type ul{padding:10px}
.case-type li{float:left;position:relative;text-align:center;width:16.5%;font-size:1.1rem}
.case-type li a:hover,
.case-type li.cur a{color:#388eef}
.case-type-wrapper.fixed {position:fixed;top:5px;right:0;left:0;z-index:100;}
.case-type-wrapper.fixed .case-type {margin-top:0;}
.case-list .title-photo{margin:40px auto}
.case-list .title-photo img{width:100%}
.case-list li{float:left;width:24%;margin-right:1.25%;text-align:center;margin-bottom:50px}
.case-list .image{display:flex;text-align:center;justify-content:center;align-items:center;height:130px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.1)}
.case-list .image img{max-width:98%}
.case-list .name{font-size:1rem;padding-top:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case-list li:hover img{transform:scale(1.1,1.1);transition:transform .6s ease}
.case-list li:nth-child(4),
.case-list li:nth-child(8),
.case-list li:nth-child(12),
.case-list li:nth-child(16){margin-right:0}
.detail-about p{line-height:2;font-size:1.028rem;padding-bottom:20px}
.about_detail{width:1174px;font-size: 1.4rem;margin: 30px auto 10px;}
.detail-about{font-size:1.4rem;margin:30px auto 10px}
.detail-about:after{content:'';display:block;width:40px;height:7px;}

.scene-about{padding:0px}
.scene-about li{float:left;width:48%;margin:0 4% 20px 0}
.scene-about li:nth-child(2),
.scene-about li:nth-child(4),
.scene-about li:nth-child(6),
.scene-about li:nth-child(8){margin-right:0}
.scene-about li .photo{}
.scene-about li .photo img{width:100%;height:250px}
.scene-about li .name{background:#fff;margin-top:20px;margin-bottom: 20px;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);text-align:center;padding:10px;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.scene-about li:hover img{transform:scale(1.05,1.05);transition:transform .5s ease}
.scene-about li .name:hover{background:#f9f9f9}

.page-contact{background:#d0e2f4 url("../images/contact.jpg") no-repeat ;box-shadow:0 0 6px 1px rgba(0,0,0,0.1);margin:50px auto;}
.page-contact .info{float:left;padding:84px 100px 40px 100px}
.page-contact .info ul{margin:0px 0}
.page-contact .info li{padding:9px 0;font-size:1.28rem;}
.page-contact .info strong{color:#555;display:inline-block;padding:0 150px 0 35px;font-weight:500;font-family:SimHei}
.page-contact .info span{color:#555}
.detail-type{margin-top:30px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2)}
.detail-type ul{padding:10px}
.detail-type li{float:left;position:relative;text-align:center;width:25%;font-size:20px;font-weight:900;}
.detail-type li a:hover,
.detail-type li.cur a{color:#388eef}
.detail-type-wrapper.fixed {position:fixed;top:5px;right:0;left:0;z-index:100;}
.detail-type-wrapper.fixed .detail-type {margin-top:0;}
.detail-title{font-size:1.4rem;margin:30px auto 30px}
.detail-title:after{content:'';display:block;width:40px;height:7px;background:#388eef;margin-top:9px}
.detail-movie{text-align:center;padding:20px 0}
.detail-movie video{width:600px;height:auto;}
.detail-intro h3{font-size:1rem;padding-bottom:12px}
.detail-intro p{line-height:2;font-size:.875rem;}
.detail-intro img{max-width:100%}
.detail-intro table th{background:#3c90ef;color:#fff;font-size:12px;text-align:center;font-weight:100;vertical-align:middle}
.detail-intro table td{font-size:16px}





@media (max-width:1200px){
  .container_detail,
  .container{width:100%}
  .container_detail{padding-left:12px;padding-right:12px}
  .header{padding-top:20px;padding-bottom:20px}
  .header .logo{padding-top:10px}
  .header .logo img{width:400px}
  .header .tel{font-size:1.6rem}
  .header .nav{padding-top:2px}
  .header .nav li{padding:0 20px}
  .header .nav li a{font-size:.875rem}
  .home-banner .text{top:40%}
  .home-banner .text h3{font-size:2.3rem}
  .home-banner .text h4{font-size:1.1rem}
  .home-banner .text p{font-size:.75rem}
  .scene-list{margin-top:30px}
  .scene-list li{float:left;width:32%;margin:0 2% 20px 0}
  .scene-list li .photo img{height:22vw}
}
@media (max-width:1024px){
  .header .logo{padding-top:15px}
  .header .logo img{width:300px}
  .header .nav li{padding:0 18px}
  .home-banner .text{top:45%}
  .home-banner .text h3{font-size:1.6rem}
  .home-banner .text h4{font-size:1.1rem}
  .home-banner .text p{font-size:.75rem;max-width:100%;text-align:center}
  .product-type li a{font-size:.875rem}
  .title-1 strong{font-size:1.7rem}
  .title-2 strong{font-size:1.7rem}  
  .title-3 strong{font-size:1.7rem}
  .product-list li {padding:10px}
  .product-list li .name{padding-bottom:10px}
  .product-list li .name strong{font-size:1rem}
  .product-list li .name span{font-size:.75rem}
  .product-list li .photo{height:30vw}
  .product-list li .button{padding-top:10px;font-size:12px}
  .scene-list li .name{font-size:.875rem;margin-top:12px;padding:8px 0}
  .home-case li{height:16vw;width:19%;margin-bottom:10px}
  .footer .f-nav{width:38%}
  .footer .f-nav h3{margin-right:0}
  .footer .f-contact{float:left;width:34%;margin-left:1%}
  .footer .f-contact p{letter-spacing:0}
  .footer .f-call{width:27%}
  .footer .f-call h4{font-size:1.5rem}
  .footer .f-call h5{font-size:1rem}
  .footer .f-call h6{width:100%;font-size:1rem}
  .news-list{padding-top:10px}
  .news-list .good{padding:12px}
  .news-list .good img{width:23vw;height:16vw}
  .news-list .good .info{width:calc(100% - 23vw);padding:6px 0 6px 20px}
  .news-list ul{margin:20px auto 30px}
  .news-list li{padding:12px}
  .page-banner .common{top:50%}
  .page-banner .common strong{font-size:1.5rem}
  .page-banner .common p{font-size:1rem}
  .page-banner .common:after{display:none}
  .detail-banner{height:560px;padding-top:15vw}
  .detail-banner .info{width:48%}
}
@media (max-width:768px){
  .header .logo img{width:200px}
  .header .tel{font-size:1.4rem}
  .header .nav li{padding:0 10px}
  .product-type li{padding:6px 0}
  .product-type li a{font-size:.85rem}
  .product-type li a{font-size:.85rem}
  .product-type li:after{display:none}
  .title-1 strong{font-size:1.5rem}
  .title-2 strong{font-size:1.5rem}  
  .title-3 strong{font-size:1.5rem}
  .scene-list li{width:49%;margin:0 2% 20px 0}
  .scene-list li:nth-child(odd){margin-right:2%}
  .scene-list li:nth-child(even){margin-right:0}
  .scene-list li .photo img{height:30vw}
  .home-call{padding:20px 0 50px;margin-top:30px}
  .home-call h2{font-size:1.2rem}
  .home-call input[type=text]{margin:30px auto;width:80%;padding:10px 9px;font-size:1rem}
  .home-call input[type=submit]{width:50%;padding:10px 0;font-size:.875rem}
  .footer .f-nav{float:none;width:100%}
  .footer .f-nav h3{margin-right:0}
  .footer .f-contact{float:none;width:100%;margin:12px 0 12px}
  .footer .f-contact p{letter-spacing:0}
  .footer .f-call{float:none;width:100%}
  .footer .f-call h4{font-size:1.5rem;text-align:center}
  .footer .f-call h5{font-size:1rem;text-align:center;padding-bottom:9px}
  .footer .f-call h6{font-size:.875rem}
  .fixed-r{display:none}
  .news-list .good{padding:12px 9px}
  .news-list .good .info{padding-left:15px}
  .news-list .good .info a{font-size:1rem}
  .news-list .good .info p{font-size:.75rem}
  .news-list li{padding:14px 9px}
  .news-list li .date{width:100px}
  .news-list li .date strong{font-size:2rem}
  .news-list li .date span{font-size:1rem}
  .news-list li .info{width:calc(100% - 100px);padding:6px 0}
  .news-list li .info a{font-size:.875rem}
  .news-list li .info p{font-size:.75rem}
  .page-banner .common strong{font-size:1.2rem}
  .page-banner .common p{font-size:.75rem}
  .case-list li{width:49%;margin-bottom:20px}
  .case-list .image{height:16vw}
  .case-list .name{font-size:.75rem}
  .case-list li:nth-child(odd){margin-right:2%}
  .case-list li:nth-child(even){margin-right:0}
  .case-list .title-photo{margin:20px auto}
  .case-type li a{font-size:.75rem}
  .page-contact{margin:20px auto}
  .page-contact .info{width:100%;float:none;padding:20px}
  .page-contact .info ul{margin:9px 0}
  .page-contact .info li{padding:9px 0;font-size:.875rem}
  .page-contact .info strong{padding:0 9px}
  .detail-type li{font-size:.875rem}
  .detail-title{font-size:1rem;margin:30px auto}
  .detail-movie video{width:100%;height:auto}
  .detail-intro h3{font-size:.875rem}
  .detail-banner{height:auto}
  .detail-banner .goods-img,
  .detail-banner .info{width:100%;float:none;padding:12px 0}
  .detail-banner .info h1{color:#0f4ca5;padding-bottom:20px;text-align:center}
  .detail-banner .info p{color:#333;text-align:center}
  .detail-banner .contact{margin:10px auto;width:330px}
  .detail-banner .button{margin:10px auto;width:330px}
  .detail-banner .goods-img{width:80%;margin:20px auto}
  .detail-banner .gallery-top{height:40vw}
  .detail-banner .gallery-thumbs{height:90px}
  .detail-banner .swiper-button-next,
  .detail-banner .swiper-button-prev{bottom:20px}
  .detail-banner .swiper-pagination{width:100%;bottom:0;}
}
@media (max-width:600px){
  .header .logo{padding-top:0;width:100%;text-align:center}
  .header .logo img{width:180px}
  .header .right{width:100%}
  .header .nav{display:flex;justify-content:space-between}
  .header .nav li{width:20%;padding:0 ;text-align:center}
  .header .tel,
  .home-banner .text p{display:none}
  .home-banner .text{top:55%}
  .home-banner .text h3,
  .home-banner .text h4{display:none}
  .product-type{margin-top:20px}
  .product-type li{width:33.33%}
  .title-1{margin:20px 0 30px}
  .title-1 strong{font-size:1.2rem}
  .title-2{margin:20px 0 30px}
  .title-2 strong{font-size:1.2rem}  
  .title-3{margin:20px 0 30px}
  .title-3 strong{font-size:1.2rem}
  .product-list li {width:100%;margin-right:0}
  .product-list li .photo{height:90vw;width:80%;margin:0 auto}
  .scene-list li .name{font-size:.75rem}
  .home-case li{height:14vw}
  .news-list li .date{width:60px}
  .news-list li .date strong{font-size:1.2rem;padding-top:2px}
  .news-list li .date span{font-size:1rem}
  .news-list li .info{width:calc(100% - 60px);padding:6px 0}
  .news-list .good .info p,
  .news-list li .info p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .detail-type li{font-size:.75rem}
}

/* 11-05 */
.cpad {padding-top: 85px;}