.product-box{padding:80px 0;}
.product-box>div{position:relative;}
.product-prev{position:absolute; left:40px; top:240px;}
.product-prev>a{display:block; width:32px; height:32px; 
border-style:solid; border-width:0 0 3px 3px; border-color:#9c9c9c;
transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);
-o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.product-next{position:absolute; right:40px; top:240px;}
.product-next>a{display:block; width:32px; height:32px; 
border-style:solid; border-width:3px 3px 0 0; border-color:#9c9c9c;
transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);
-o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.product-prev>a:hover,
.product-next>a:hover{border-color:#000;}
.product-title{margin:0 0 40px 0; padding:0 15px;}
.product-title>h3{font-size:30px; line-height:1.2; text-align:center; display:block; margin:0;}
.product-swiper{overflow:hidden; width:990px; max-width:100%; margin:0 auto;}
.product-swiper>ul{list-style:none; padding:0; margin:0; width:10000px;}
.product-swiper>ul:after{display:block; content:''; clear:both;}
.product-swiper>ul>li{list-style:none; padding:0; margin:0; width:330px; float:left;}
.product-swiper>ul>li>span{display:block; padding:20px 10px;}
.product-swiper>ul>li>span>i{display:block; overflow:hidden;}
.product-swiper>ul>li>span>i>a{display:block;
transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;}
.product-swiper>ul>li>span>i>a:hover{transform:scale(1.05); -moz-transform:scale(1.05);
-ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.product-swiper>ul>li>span>i>a>img{display:block; width:100%;}
.product-swiper>ul>li>span>b{display:block; padding:30px 0 10px 0; font-weight:normal;}
.product-swiper>ul>li>span>b>a{font-size:22px; color:#2b647b;}
.product-swiper>ul>li>span>b>a:hover{padding-left:10px;}
.product-swiper>ul>li>span>p{font-size:16px;}
@media (max-width:1200px){
.product-swiper{padding:0 10px;}
.product-prev,
.product-next{display:none;} }
@media (max-width:992px){
.product-swiper>ul>li{opacity:.65;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.product-swiper>ul>li.active{opacity:1;} }
@media (max-width:767px){
.product-box{padding:30px 0;}
.product-title{margin:0 0 10px 0;}
.product-title>h3{font-size:20px;}
.product-title>h3 br{display:none;}
.product-swiper>ul>li{width:326px;}
.product-swiper>ul>li>span{padding:10px 8px;}
.product-swiper>ul>li>span>b{padding:20px 0 5px 0;} }
@media (max-width:480px){
.product-swiper>ul>li{opacity:.35;} }



.icon-box{background:#8eaebb; padding:80px 0; color:#fff; text-align:center;}
.icon-title{margin-bottom:40px;}
.icon-title>h3{font-size:42px; line-height:1; margin:0 0 20px 0;}
.icon-title>p{font-size:16px;}
.icon-list{}
.icon-list>ul{list-style:none; margin:0; padding:0;}
.icon-list>ul:after{display:block; content:''; clear:both;}
.icon-list>ul>li{float:left; width:25%; list-style:none; margin:0; padding:0 0 10px 0;}
.icon-list>ul>li.mobile{display:none;}
.icon-list>ul>li>img{display:block; margin:25px auto;}
.icon-list>ul>li>span{display:block; font-size:20px; line-height:1.2;}
@media (max-width:1200px){
.icon-list>ul>li>span{display:block; font-size:18px;} }
@media (max-width:767px){
.icon-box{padding:30px 0;}
.icon-title{margin-bottom:10px; padding:0 15px;}
.icon-title>h3{font-size:30px; margin:0 0 10px 0;} 
.icon-list>ul>li{width:50%;}
.icon-list>ul>li.pc{display:none;}
.icon-list>ul>li.mobile{display:block;}
.icon-list>ul>li>img{margin:10px auto;
transform:scale(.75); -moz-transform:scale(.75); -ms-transform:scale(.75);
-o-transform:scale(.75); -webkit-transform:scale(.75);}
.icon-list>ul>li>span{font-size:16px;} }



.map-box{padding:80px 0; text-align:center;}
.map-title{margin-bottom:40px;}
.map-title>h3{font-size:42px; line-height:1; margin:0 0 20px 0;}
.map-title>p{font-size:16px;}
.map-content{overflow:auto;}
.map-content img{display:block; margin:0 auto; max-width:100%;}
@media (max-width:767px){
.map-box{padding:30px 0;}
.map-title{margin-bottom:10px; padding:0 15px;}
.map-title>h3{font-size:30px; margin:0 0 10px 0;} }
@media (max-width:480px){
.map-content{margin:0 -15px;}
.map-content img{height:300px; max-width:none;}
}