@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000000;text-align:center;}
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;}

/*header*/
.top_pic{ background:url(images/top.jpg) center top no-repeat; height:413px; overflow:hidden; margin-bottom:45px;}


/*p1*/
.p1_con{ margin:50px auto;}
.p1_con .fl{ width:415px; padding-left:35px;}
.p1_con .fr{ width:465px;}
.p1_con .fl ul{}
.p1_con .fl ul li{ background:url(images/dot.jpg) 0 20px no-repeat; border-bottom:#e5e5e5 1px dotted; margin:15px 0; font-size:16px; padding:8px 0 8px 22px;}

.device{ width:465px; height:270px; position: relative; overflow:hidden;}
.device .swiper-container { height:270px; width:465px;}
.device .content-slide {}
.device .swiper-slide img{ width:465px; height:270px;}
.device .swiper-slide div p{ height:40px; line-height:40px; color:#fff; padding:0 15px; margin-top:-40px; position:relative; background-color: rgba(0,0,0,0.7); z-index:100;font-size:14px;}
.device .pagination1 { position: absolute; left: 0; text-align:right; bottom:45px; width: 100%; z-index:11;}
.device .swiper-pagination-switch { display: inline-block; width: 10px;  height: 10px; border-radius: 10px; background: #777; box-shadow: 0px 1px 2px #555 inset;  margin: 0 6px 0 0; cursor: pointer;}
.device .swiper-active-switch { background: #fff;}



/*p2*/
.p2_con{ margin:60px auto;}
.p2_con h2{ text-align:center; margin-bottom:30px;}
.p2_con h2 img{ margin:0 auto;}
.p2_con h2 i{ float:right;}
.p2_con h2 i,.p2_con h2 i a,.p2_con h2 i a:hover{ color:#666;}
.p2_con ul{}
.p2_con ul li{ float:left; width:470px; box-sizing:border-box;background:url(images/dot.jpg) 0 20px no-repeat; font-size:16px; padding:8px 0 8px 22px; margin-left:30px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


.copyright{ text-align:center; text-align:12px; color:#9d9d9d; background:#f6f6f6; padding:30px 0;}

/*p3*/
.p3_con{ margin:60px auto;}
.p3_con h2{ text-align:center; margin-bottom:30px;}
.p3_con h2 img{ margin:0 auto;}
.p3_con h2 i{ float:right;}
.p3_con h2 i,.p2_con h2 i a,.p2_con h2 i a:hover{ color:#666;}

.p3_con ul{}
.p3_con ul li{ font-size:16px; position:relative; text-align:center; float:left; width:240px;box-sizing: border-box; margin:10px 5px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.p3_con ul li i{ display:block; background:url(images/icon08.png) no-repeat; width:53px; height:53px; position:absolute; top:30%; left:35%; z-index:100;}
.p3_con ul li:hover i{ width:60px; height:60px; background-size:100%; top:28%; left:33%;}
.p3_con ul li img{ width:240px; display:block; margin:0 auto 5px;}



/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.w1000{ width:100%; max-width:480px; min-width:320px;}
/*header*/
.top_pic{ background:url(images/top.jpg) center top no-repeat; height:150px; background-size:180% auto; margin-bottom:0;}
.p2_con ul{ width:90%; margin:0 auto;}
.p2_con ul li{ float:none; width:100%; box-sizing:border-box;background:url(images/dot.jpg) 0 20px no-repeat; font-size:18px; padding:8px 0 8px 22px; margin-left:0; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.p2_con{ margin:20px auto 60px;}

/*p1*/
.p1_con{ margin:10px auto;}
.p1_con .fl{ width:98%; padding-left:1%;}
.p1_con .fr{ width:100%;}
.p1_con .fl ul li{ font-size:18px;}
.device{ width:100%; height:260px; position: relative; overflow:hidden;}
.device .swiper-container { height:auto; width:100%;}
.device .content-slide {}
.device .swiper-slide img{ width:100%; height:auto;}

.p2_con h2 img{ margin:0 auto; width:100%; height:auto;}



.p3_con ul li{ font-size:16px; position:relative; text-align:center; float:left; width:45%;box-sizing: border-box; margin:2%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.p3_con ul li i{ background-size:80% 80%; top:25px;}
.p3_con ul li img{ width:100%; height:100px; display:block; margin:0 auto 5px;}





}