@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;}
.w1020{ width:1020px;}
.fl{ float:left;}
.fr{ float:right;}

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

.p1_titile{ text-align:center; color:#cf021a; border-bottom:#ffdfa8 1px solid; margin:0 22px;}
.p1_titile b{ padding:22px 0 10px 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:url(images/bg.jpg) top center no-repeat; 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 30px no-repeat;  border-bottom:#ffdfa8 1px solid; font-size:18px; line-height:160%; padding:18px 0 15px 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:50px auto; position:relative; background:url(images/bg.jpg) top center no-repeat; background-size:100% 100%;}
.p2_con h2{ text-align:center; background:url(images/title_bg.png) center no-repeat; height:32px; margin:35px auto 20px;}
.p2_con h2 img{ margin:0 auto;}
.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;}




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