﻿@charset "utf-8";
body {
overflow-y:scroll;
}
/* CSS Document */
html,body{-webkit-text-size-adjust:none;}
*{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;/* /*border-radius: 4px;*/ */}
input{border: 0; background:none; width: 100%;}
h1,h2,h3,h4,h5,h6 {}
i{ font-style:normal;}
b{ }
a{text-decoration:none; transition:all 0.4s;-webkit-transition:all 0.4s; }
a:hover{}

input,textarea,a,i,div{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}

.ovh{ overflow: hidden; display: block; }
.por{ position: relative; }
.poa{ position: absolute; }

/*--ipad横--*/


.add_con{/* padding-bottom: 6%; */}
.add_tit{margin-top: 1.5%;}

.rec_list li,.pl_con,.rec_con,.list_con li{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.clear{ clear: both; zoom: 1; }

.list_con{ margin-left: -1%; }
.list_con li{
	width: 24%;
	overflow: hidden;
	display: block;
	float: left;
	margin-left: 1%;
	margin-bottom: 2%;
	margin-top: 1%;
	background-color: #fff;
}
.list_con li:hover,.rec_con:hover{ box-shadow: 0 0 26px rgba(0,0,0,0.15); }
.rec_list{ width: 101%; margin-left: -0.5% !important; }
.rec_list .swiper-wrapper,.rec_list .swiper-slide,.pl_con .swiper-wrapper,.pl_con .swiper-slide{ height: auto !important; }
.rec_con{ background: #fff; margin: 4% 2.5% 7%; padding: 15% 0 7%; }
.rec_img{ width: 61%; margin: 0 auto; }
.rec_img img{width: 36%;}
.rec_tit,.rec_con p,.rec_con span{font-size: 15px;line-height: 28px;text-align: center;overflow: hidden;display: block;}
.rec_tit{ padding-top: 7%; }
.rec_tit:hover{  }
.rec_con p{ color: #e81320; }
.rec_arrow{ width: 34px; height: 22px; top: 50%; margin-top: -12px; font-family: "宋体";  font-size: 16px; color: #b0b0b0; line-height: 22px; text-align: center; border: 1px solid #e0e0e0; }
.rec_left{ right: 35px; }
.rec_right{ right: 0; }
.rec_arrow:hover{ color: #e81320; }
.add_con h2{padding: 2% 0;text-align: center;}



.pl_list li{
	padding: 3.2% 0 2%;
	
}

.pl_list li .pl_main1 {	background-color: #FFCCCC;}
.pl_list li .pl_main2{}
.pl_list li .pl_main3{}
.pl_list li .pl_main4{background-color: #00CCCC;}
.pl_list h3{padding-bottom: 8%;text-align: center;}
.pl_tit h2 {-moz-border-radius: 1.5em;
-webkit-border-radius: 1.5em;
	border-radius: 1.5em;
	background-color: #FFCC66;
	
}
.pl_tit{text-align: center;margin-bottom: 5%;
	color: #FFFFFF;}
.pl_pro{
	padding-top: 1%;
	padding-bottom: 3%;
	text-align: center;
	
}
.pl_pri{
	padding-bottom: 20%;
	color: #d4d4d4;
	line-height: 35px;
	text-align: center;
	padding-top: 20%;
}
.pl_img{  }
.pl_img img{width:29%; display: block;margin: 0 auto;}
.pl_tit:hover,.pl_pri:hover{}
.pl_pro:hover{}
.pl_con{ padding: 0 0 18%; }
.pl_con .swiper-slide div{ padding: 0 10%; }
.pl_con .pagination{ width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; }
.pl_con .swiper-pagination-switch{ width: 6px; height: 6px; border-radius: 50%; margin: 0 2%; background: #b0b0b0; border: 2px solid #fff; display: inline-block; _display: inline; *zoom: 1; }
.pl_con .swiper-pagination-switch.swiper-active-switch{ background: #fff; border-color: #ff9900; }
.pl_con .arrow-left,.pl_con .arrow-right{ width: 20px; height: 48px; position: absolute; top: 50%; margin-top: -24px; }
.pl_con .arrow-left{ opacity: 0; left: 0; background: url(../images/pl_left.jpg) left top no-repeat; }
.pl_con .arrow-right{ opacity: 0; right: 0; background: url(../images/pl_right.jpg) left top no-repeat; }
.pl_con .arrow-left:hover{ background: url(../images/pl_left2.jpg) left top no-repeat; }
.pl_con .arrow-right:hover{ background: url(../images/pl_right2.jpg) left top no-repeat; }
.pl_list li:hover .arrow-left,.pl_list li:hover .arrow-right{ opacity: 1; }

.add_tit h3{}



/*手机显示样式开始*/
@media screen and (max-device-width:1200px) {  .left{ float:none;} } 
@media screen and (max-width:980px) {/*--1024--*/


		.list_con{ margin-left: -4%; }
		.list_con li{ width: 96%; margin-left: 4%; margin-bottom: 4%; }
		.pl_list li{ }
		.add_tit h3{}
		.add_con h2{}
		.pl_tit,.vid_tit{ }
		.pl_pro,.vid_list p{ line-height: 22px; }
		.pl_con .swiper-pagination-switch{ width: 4px; height: 4px; margin: 0 1%; }
		.rec_list{ width: 104%; margin-left: -2% !important; }
		.rec_con{ margin: 0 4%; }
		.rec_main{ overflow: hidden; }
		
/*手机显示样式结束*/
