*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font-family: "Microsoft YaHei";font-size:1rem;}



.container{width:1200px;}

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

.header{position:absolute;top:0;right:0;width:100%;z-index:9;padding-top:30px;padding-bottom:30px}

.header .logo{float:left;padding-top:5px}

.header .logo img{}

.header .right{float:right}

.header .tel{color:#fff;font-size:2rem;text-align:right}

.header .tel small{font-size:.58em;font-weight:100;margin:0 8px;vertical-align:2px;letter-spacing:2px}

.header .tel strong{}

.header .tel:before{font-size:.65em;content:'\e632';font-family:iconfont}

.header .nav{padding-top:2px}

.header .nav li{float:left;padding:0 28px;position:relative}

.header .nav li:after{content:'|';position:absolute;right:0;top:2px;color:#fff;font-size:.75rem}

.header .nav li a{font-weight:100;color:#fff;font-size:1rem;display:inline-block;padding-bottom:2px;}

.header .nav li a:hover{color:#fff;border-bottom:solid 1px #fff;font-weight:bold}

.header .nav li:last-child{padding-right:0}

.header .nav li:last-child:after{content:''}



.headera{position:absolute;top:0;right:0;width:100%;z-index:9;padding-top:30px;padding-bottom:30px;}

.headera .logo{float:left;padding-top:5px}

.headera .logo img{}

.headera .right{float:right}

.headera .tel{color:#045696;font-size:2rem;text-align:right}

.headera .tel small{font-size:.58em;font-weight:100;margin:0 8px;vertical-align:2px;letter-spacing:2px;font-weight:500}

.headera .tel strong{}

.headera .tel:before{font-size:.65em;content:'\e632';font-family:iconfont}

.headera .nav{padding-top:2px}

.headera .nav li{float:left;padding:0 28px;position:relative}

.headera .nav li:after{content:'|';position:absolute;right:0;top:2px;color:#045696;font-size:.75rem}

.headera .nav li a{font-weight:100;color:#045696;font-size:1rem;display:inline-block;padding-bottom:2px;font-weight:500}

.headera .nav li a:hover{color:#045696;border-bottom:solid 1px #045696;font-weight:bold}

.headera .nav li:last-child{padding-right:0}

.headera .nav li:last-child:after{content:''}



.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:11.1%}

.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:.75rem}

.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:right;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:258px;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}



.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;}

.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 {}





.footer{color:#fff;background:#333;padding:30px 0}

.footer a{color:#bbb}

.footer h3{padding-bottom:12px;border-bottom:solid 1px #d2d2d2;margin-bottom:12px}

.footer .f-nav{float:left;width:400px}

.footer .f-nav h3{margin-right:40px}

.footer .f-nav ul{}

.footer .f-nav li{float:left;width:33%;margin:9px 0}

.footer .f-nav li a:hover{color:#fff}

.footer .f-contact{float:left;width:300px;margin-left:90px}

.footer .f-contact p{padding:9px 0;color:#bbb;letter-spacing:2px}

.footer .f-call{float:right}

.footer .f-call h4{text-align:right;font-size:2rem;color:#fff}

.footer .f-call h5{text-align:right;font-size:1.2rem}

.footer .f-call h5:before{font-size:.8em;content:'\e61b';font-family:iconfont;margin-right:9px}

.footer .f-call h6{background:#b2b2b2;width:230px;text-align:center;font-size:1.2rem;color:#525252;padding:9px 0;margin-top:20px;cursor:pointer}

.footer .f-call h6:hover{background:#ccc}

.footer .f-call h6 a{color:#525252}

.footer .f-call h6.tel:before{content:'\e764';font-family:iconfont;margin-right:5px}

.footer .f-call h6.advisory:before{content:'\e602';font-family:iconfont;margin-right:5px}

.copyright{background:#fff;padding:10px 0;text-align:center}

.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:#20cab2;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:'\e602'}

.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:16px;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:1rem;}

.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:.75rem}

  .product-type li a{font-size:.75rem}

  .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:16.6%}

  .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:60vw;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;}