@charset "utf-8";

.boxtitle { margin:0 auto 40px; width:320px; height:60px; border-bottom:1px solid #d6d5d3; text-align:center;}
.boxtitle span { display:block; margin:auto; padding:40px 0 0; width:140px; line-height:40px; background:#faf9f7 url(../images/icon_monitor.png) no-repeat center top; color:#504c4a; font-size:20px;}

#box1 { padding:50px 0 0;}

#box2 { position:relative;}
#box2 .swiper-slide a { position:relative; display:block; margin:auto; width:93.4%; background:#edecea;}
#box2 .swiper-slide a:hover { background:#e4694b; color:#fff;}
#box2 .swiper-slide a img { display:block; width:100%;}
#box2 .swiper-slide a p { display:block; margin:0; padding:25px 0; line-height:20px; text-align:center; font-size:16px;}
#box2 .swiper-slide a p:before { content:url(../images/icon_video.png); display:inline-block; vertical-align:middle; margin-right:10px;}
#box2 .swiper-slide a span { position:absolute; left:50%; top:50%; margin:-62px 0 0 -27px; width:50px; height:50px; border-radius:50%; border:2px solid #fff; background:url(../images/arrow_right5.png) no-repeat 60% 50%; background-color:rgba(0,0,0,.2); transition:all .2s;}
#box2 .swiper-slide a:hover span { transform:scale(1.2,1.2);}
#box2 .swiper-arrow { margin-top:0; background-image:url(../images/arrow_group3.png); width:75px; height:75px; border-radius:50%; opacity:.7; filter:alpha(opacity=70);}
#box2 .swiper-arrow:hover { opacity:1; filter:alpha(opacity=100);}
#box2 .swiper-arrow.prev { left:-80px; background-position:top;}
#box2 .swiper-arrow.next { right:-80px; background-position:bottom;}
/*
#box3 { padding:50px 0 40px;}
#box3 .list a { position:relative; float:left; margin:0 .5% 40px; width:24%; background:#edecea;}
#box3 a:hover { background:#e4694b; color:#fff;}
#box3 a img { display:block; width:100%;}
#box3 a p { display:block; margin:0; padding:25px 0; line-height:20px; text-align:center; font-size:16px;}
#box3 a p:before { content:url(../images/icon_video.png); display:inline-block; vertical-align:middle; margin-right:10px;}
#box3 a span { position:absolute; left:50%; top:50%; margin:-62px 0 0 -27px; width:50px; height:50px; border-radius:50%; border:2px solid #fff; background:url(../images/arrow_right5.png) no-repeat 60% 50%; background-color:rgba(0,0,0,.2); transition:all .2s;}
#box3 a:hover span { transform:scale(1.2,1.2);}*/

#box3 { padding:50px 0 40px;}
#box3 .list a { position:relative; float:left; margin:0 1% 40px; width:31%; background:#edecea;}
#box3 a:hover { background:#e4694b; color:#fff;}
#box3 a img { display:block; width:100%;}
#box3 a p { display:block; margin:0; padding:25px 0; line-height:20px; text-align:center; font-size:16px;}
#box3 a p:before { content:url(../images/icon_video.png); display:inline-block; vertical-align:middle; margin-right:10px;}
#box3 a span { position:absolute; left:50%; top:50%; margin:-62px 0 0 -27px; width:50px; height:50px; border-radius:50%; border:2px solid #fff; background:url(../images/arrow_right5.png) no-repeat 60% 50%; background-color:rgba(0,0,0,.2); transition:all .2s;}
#box3 a:hover span { transform:scale(1.2,1.2);}