@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000000;text-align:center;background:url(images/top.jpg) top center no-repeat;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% Microsoft YaHei;}
li,p{text-align:left;font:normal 12px/200% Microsoft YaHei;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% Microsoft YaHei;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px;}
.fl{ float:left;}
.fr{ float:right;}

.top{ height:400px; overflow:hidden;}
/*p1*/

.p1_titile{ text-align:center; color:#cf021a; border-bottom:#ffdfa8 1px solid; margin:0 22px;}
.p1_titile b{ padding:22px 0 20px 22px; display:block;line-height:120%;font-size:35px; font-weight:bold; text-align:center;}
.p1_titile b,.p1_titile b a,.p1_titile b a:hover{ color:#cf021a;}
.p1_titile p{ font-size:18px; text-align:center; padding:0 0 22px;}
.p1_titile p a{ padding:0 10px;}


.p1_con{ margin:50px auto; padding-bottom:20px; background:#fffcf6; background-size:100% 100%;}
.p1_con .fl{ width:490px; margin-left:30px; padding-top:18px; margin-top:10px;}
.p1_con .fr{ width:420px; margin-right:30px; margin-top:10px;}
.p1_con .fr ul li{ background:url(images/dot.png) 0 20px no-repeat;font-size:18px; line-height:160%; padding:8px 0 5px 20px;}
.p1_con .fr ul li:last-child{ border-bottom:none;}
.device_list02 {width:490px; height:330px;position: relative;}
.swiper-container_list02{width:490px; height:330px; }
.swiper-wrapper_l02{width:490px; height:330px; position:relative;}
.swiper-slide_l02{ padding:0; width:490px; text-align:left;}
.swiper-slide_l02 img{ display:block;}
.swiper-slide_l02 div{ position:relative;}
.swiper-slide_l02 div p{ font-size:16px; line-height:50px; height:50px; overflow:hidden; margin-top:-50px; z-index:999; width:100%; position:relative; background-color: rgba(0,0,0,0.7); text-align:center; color:#fff;}
.swiper-slide_l02 div p a,.swiper-slide_l02 div p a:hover{color:#fff;}
.pagination_l02{ position:absolute; display:block; top:260px;right:0; z-index:1000;}
.pagination_l02 span{ float:left; margin-right:5px; display:block; width:10px; height:10px; border-radius:5px;}
.swiper-pagination-switch{ background:#fff;}
.swiper-active-switch{ background:#e8716f;}
/*p2*/
.p2_con{ margin:40px auto; position:relative; background:#fffcf6; background-size:100% 100%;}
.p2_con h2{ background:url(images/line01.gif) center no-repeat; height:58px; margin:0 auto 20px;}
.p2_con h2 i a:link,.p2_con h2 i a:visited,.p2_con h2 i a:hover{color:#333;}
.p2_con h2 img{ vertical-align:middle; margin-left:25px; margin-right:30px;}
.p2_con h2 em{ float:left; font-size:32px; line-height:58px; color:#fff3da; font-weight:bold;}
.p2_con h2 i{ float:right;color:#333; padding-right:15px; font:normal 14px/58px "微软雅黑";}
.p2_con ul{ margin:20px 40px 30px;}
.p2_con ul li{ box-sizing:border-box; background:url(images/dot.png) 10px 14px no-repeat; font-size:18px; padding-left:30px; width:50%; float:left; line-height:220%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*p3*/
.p3_con{ margin:40px auto; position:relative; background:#fff6e5; background-size:100% 100%;}
.p3_con h2{ background:url(images/line01.gif) center no-repeat; height:58px; margin:0 auto 20px;}
.p3_con h2 i a:link,.p3_con h2 i a:visited,.p3_con h2 i a:hover{color:#333;}
.p3_con h2 img{ vertical-align:middle; margin-left:25px; margin-right:30px;}
.p3_con h2 em{ float:left; font-size:32px; line-height:58px; color:#fff3da; font-weight:bold;}
.p3_con h2 i{ color:#333; float:right; padding-right:15px; font:normal 14px/58px "微软雅黑";}

.p3_box{height:327px;width:1000px;margin:20px auto 20px auto;position:relative;}
.roundabout-holder{width:436px;height:327px;margin:0px auto;}
.roundabout-moveable-item{height:327px;width:436px;cursor:pointer;}
.roundabout-moveable-item span{display:none;}
.roundabout-moveable-item img{height:100%;width:100%; border:#feebc3 1px solid; -moz-box-shadow: 5px 3px 5px #feebc3;
  -webkit-box-shadow: 5px 3px 5px #feebc3;  box-shadow: 5px 3px 5px #feebc3;}
.p2_content li{position:relative;}
.roundabout-in-focus span{font-size:16px;position:absolute;width:425px;height:50px;line-height:50px;bottom:0;left:0;color:#fff;padding-left:15px;display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.roundabout-in-focus em{background:#000;filter:alpha(opacity=60);opacity:.6;position:absolute;width:436px;height:50px;bottom:0;left:0;}
.next{background:url(images/right.png) no-repeat;width:32px;height:32px;z-index:999;position:absolute;top:142px;right:3%;}
.prev{background:url(images/left.png) no-repeat;width:32px;height:32px;z-index:999;position:absolute;top:142px;left:3%;}



.copyright{ text-align:center;  font-size:14px; margin:30px auto 0; padding:50px 0;}

/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
body{ background-size:180% auto;}
.top{ height:150px;}
.w1000{ width:100%;}
.p1_titile b{ padding:10px 0; display:block;line-height:120%;font-size:22px; text-align:left;}

.fl{ float:none;}
.fr{ float:none;}

.p1_con .fl{ width:100%; margin-left:0; padding-top:8px; margin-top:10px;}
.p1_con .fr{ width:90%; margin-right:0; margin-left:5%; margin-top:5px;}

.device_list02 {width:100%; height:280px;position: relative; }
.swiper-container_list02{width:100%; height:250px; }
.swiper-wrapper_l02{width:100%; height:250px; position:relative;}
.swiper-slide_l02{ padding:0; width:100%; text-align:left;}
.swiper-slide_l02 img{ display:block; width:100%; height: auto;}
.swiper-slide_l02 div{ position:relative;}
.swiper-slide_l02 div p{ font-size:16px; line-height:50px; height:50px; overflow:hidden; margin-top:-50px; z-index:999; width:100%; position:relative; background-color: rgba(0,0,0,0.7); text-align:center; color:#fff;}
.swiper-slide_l02 div p a,.swiper-slide_l02 div p a:hover{color:#fff;}
.pagination_l02{ position:absolute; display:block; top:auto; bottom:0px;right:0; z-index:1000;}
.pagination_l02 span{ float:left; margin-right:5px; display:block; width:10px; height:10px; border-radius:5px;}
.swiper-pagination-switch{ background:#ffdfa8;}
.swiper-active-switch{ background:#e8716f;}

.p1_con{ margin:20px auto; }



.p2_con h2{ background:url(images/line01.gif) left top no-repeat; background-size:auto 100%; height:40px; margin:0 auto 20px;}
.p2_con h2 img{ vertical-align:middle; margin-left:10px; margin-right:10px; width:15%; height:auto;}
.p2_con h2 em{ float:left; font-size:26px; line-height:40px; color:#fff3da; font-weight:bold;}
.p2_con h2 i{ float:right;color:#333; padding-right:15px; font:normal 14px/40px "微软雅黑";}
.p2_con h2 i a:link,.p2_con h2 i a:visited,.p2_con h2 i a:hover{color:#333;}

.p2_con ul{ margin:20px 10px;}
.p2_con ul li{ box-sizing:border-box; background:url(images/dot.png) 10px 14px no-repeat; font-size:18px; padding-left:20px; width:100%; float:none; line-height:220%; white-space:normal;text-overflow:clip ;overflow: auto;}




/*p3*/
.p3_con{ margin:20px auto; position:relative; background:#fff6e5; }
.p3_con h2{background:url(images/line01.gif) left top no-repeat; background-size:auto 100%; height:40px; margin:0 auto 20px;}
.p3_con h2 img{  vertical-align:middle; margin-left:10px; margin-right:10px; width:15%; height:auto;}
.p3_con h2 em{ float:left; font-size:26px; line-height:40px; color:#fff3da; font-weight:bold;}
.p3_con h2 i{ color:#333; float:right; padding-right:15px; font:normal 14px/40px "微软雅黑";}


.p3_box{height:120px;width:100%;margin:120px auto 20px auto;position:relative;}
.roundabout-holder{width:80%;height: auto;margin:0px auto;}
.roundabout-moveable-item{height:auto;width:80%;cursor:pointer;}
.roundabout-moveable-item span{display:none;}
.roundabout-moveable-item img{height:100%;width:100%; border:#feebc3 1px solid; -moz-box-shadow: 5px 3px 5px #feebc3;
  -webkit-box-shadow: 5px 3px 5px #feebc3;  box-shadow: 5px 3px 5px #feebc3;}
.p2_content li{position:relative;}
.roundabout-in-focus span{font-size:14px;position:absolute;width:100%;height:30px;line-height:30px;bottom:0;left:0;color:#fff;padding-left:0;display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.roundabout-in-focus em{background:#000;filter:alpha(opacity=60);opacity:.6;position:absolute;width:100%;height:30px;bottom:0;left:0;}
.next{background:url(images/right.png) no-repeat;width:32px;height:32px;z-index:999;position:absolute;top:25px;right:3%;}
.prev{background:url(images/left.png) no-repeat;width:32px;height:32px;z-index:999;position:absolute;top:25px;left:3%;}


.copyright{ margin:10px auto 0; padding:20px 0;}

}