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


.top01{ height:476px; overflow:hidden;}
/*p1*/
.p1_title{ text-align:center; background:#ffdc99; border-radius:5px; font-size:40px; padding:30px 0; line-height:120%;}
.p1_title,.p1_title a,.p1_title a:hover{ color:#72430d;}
.p1_con{ background:#fff; padding-top:40px; margin:0 auto 40px;}
.p1_con .fl{ width:500px;}
.p1_con .fr{ width:445px;}
.p1_con .fr h2{ background:url(images/tt02.png) top left repeat-x; height:52px;}
.p1_con .fr h2 b{ background:url(images/tt01.png) no-repeat; width:197px; height:52px; line-height:40px; font-size:26px; float:left; display:block; padding-left:25px; box-sizing:border-box; color:#fff;}
.p1_con .fr h2 em{ background:url(images/tt03.png) no-repeat; width:64px; height:28px; line-height:28px; font-size:15px; display:block; text-align:center; float:right; color:#be9c62; margin-top:8px;}
.p1_con .fr h2 em a,.p1_con .fr h2 em a:hover{ color:#be9c62;}
.p1_con .fr ul{ padding-left:26px; margin:5px 0 20px;}
.p1_con .fr ul li{ font-size:16px;}

.device_list02 {width:500px; height:330px;position: relative;}
.device_list02 .arrow-left_list02 { background:url(images/icon.png) top left no-repeat; position: absolute; left:0px; top: 50%; margin-top: -45px; width:30px;height:30px;z-index:100;}
.device_list02 .arrow-right_list02 {background:url(images/icon.png) bottom left no-repeat; position: absolute; right:0px; top: 50%; margin-top: -45px;width:30px;height:30px; z-index:100;}
.swiper-container_list02{width:500px; height:330px; }
.swiper-wrapper_l02{width:500px; height:330px; position:relative;}
.swiper-slide_l02{ padding:0; width:500px; 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:#fadaa5; text-align:center; color:#72430d;}
.swiper-slide_l02 div p a,.swiper-slide_l02 div p a:hover{color:#72430d;}
.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:#ffc25e;}
.swiper-active-switch{ background:#fff;}

/*p2*/
.p2_con{ margin:40px auto;}
.p2_con h2{ background:url(images/tt02.png) top left repeat-x; height:69px; margin-left:-12px; margin-bottom:10px;}
.p2_con h2 b{ background:url(images/tt04.png) no-repeat; width:372px; height:69px; line-height:60px; font-size:26px; float:left; display:block; padding-left:50px; box-sizing:border-box; color:#fff;}
.p2_con h2 em{ background:url(images/tt03.png) no-repeat; width:64px; height:28px; line-height:28px; font-size:15px; display:block; text-align:center; float:right; color:#be9c62; margin-top:8px;}
.p2_con h2 em a,.p2_con h2 em a:hover{ color:#be9c62;}
.p2_con .box:nth-child(2) h2 b{ background:url(images/tt05.png) no-repeat; width:252px;}
.p2_con .box{ width:460px; float:left; margin:20px; }
.p2_con .box .pic01{ height:150px; overflow:hidden;background:#fff5e8; border-right:#ffdc99 2px solid; width:100%; overflow:hidden;}
.p2_con .box .pic01 img{ float:left; margin-right:15px;}
.p2_con .box .pic01 p{ display:block; font-size:16px; padding:13px;}
.p2_con .box ul{ margin-top:20px;}
.p2_con .box ul li{ background:url(images/dot02.png) 0 10px no-repeat; padding-left:20px; font-size:16px;}

/*p3*/
.p3_con{ margin:60px auto; background:url(images/bg02.jpg) top center no-repeat; height:490px; overflow:hidden; position:relative;}
.p3_con h2{ width:100%;}
.p3_con h2 em{ background:url(images/tt03.png) no-repeat; width:64px; height:28px; line-height:28px; font-size:15px; display:block; text-align:center; float:right; color:#be9c62; margin-top:15px;}
.p3_con h2 em a,.p3_con h2 em a:hover{ color:#be9c62;}
.p3_con div{ width:700px; height:420px; position:absolute; overflow:hidden; background:#fff; border-radius:20px; top:34px; left:230px;}
.p3_con div ul{ padding:20px 50px 0;}
.p3_con div ul li{ background:url(images/dot.png) 0 25px no-repeat; border-bottom:#ffd79f 2px dashed; font-size:18px; padding-left:25px; height:56px; line-height:56px;}
.p3_con div ul li a{ text-decoration:none;}
.p3_con div ul li a:hover{ font-size:20px;}


/*p4*/
.p4_con{ margin:60px auto;}
.p4_con h2{ background:url(images/tt02.png) top left repeat-x; height:70px;}
.p4_con h2 b{ background:url(images/tt05.png) no-repeat; width:252px; height:69px; line-height:55px; font-size:26px; float:left; display:block; padding-left:50px; box-sizing:border-box; color:#fff;}
.p4_con h2 em{ background:url(images/tt03.png) no-repeat; width:64px; height:28px; line-height:28px; font-size:15px; display:block; text-align:center; float:right; color:#be9c62; margin-top:8px;}
.p4_con h2 em a,.p4_con h2 em a:hover{ color:#be9c62;}

.device_list { margin:20px auto; width: 1000px; height:320px; overflow:hidden; position: relative; }
.device_list .arrow-left_list01{ background:url(images/icon.png) top left no-repeat; position: absolute; left:0px; top: 50%; margin-top: -45px; width:30px;height:30px;z-index:100;}
.device_list .arrow-right_list01{background:url(images/icon.png) bottom left no-repeat; position: absolute; right:0px; top: 50%; margin-top: -45px;width:30px;height:30px; z-index:100;}
.swiper-container_list01{ width:920px; height:auto;}
.swiper-container_l01 {}
.swiper-wrapper_l01{}
.swiper-slide_l01{ padding:0; width:215px; text-align:left;}
.swiper-slide_l01 img{ display:block; margin-bottom:5px;}
.swiper-slide_l01 div{ width:215px; background:#fff5e8; border-bottom:#ffdc99 2px solid;}
.swiper-slide_l01 div p{ font-size:16px; line-height:140%; padding:10px; height:66px; overflow:hidden;}


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