/************
 * 页面样式
 ************/


/* ==========
   基本默认值
   ========== */

html {
	font-size: 62.5%;
	color: #222;
}
 ::selection {
	background-color: #b3d4fc;
	text-shadow: none;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}


/* ==========
     工具样式
     ========== */

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}


/* ===============
     浏览器更新提示
     =============== */

.browserupgrade {
	margin: 0;
	padding: 1rem;
	background: #ccc;
}


/* ===============
     自定义页面样式
     =============== */

body {
	font-size: 1.5rem;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	/* background-color: #f7f7f7; */
}

a {
	color: #666;
	text-decoration: none;
}

/*a:hover,*/
a:active {
	color: #0ae;
	text-decoration: underline;
}

.com-box {
	max-width: 1200px;
	margin: 0 auto;
}

.rui-box-banner {
	max-width: 1100px;
	margin: 0 auto;
}

@media(max-width:1350px) {
	.com-box {
		width: 95%;
		margin: 0 auto;
	}
	.rui-box-banner {
		width: 95%;
	}
}


/*首字母大写*/

.t-capitalize {
	text-transform: capitalize;
}


/*全部大写*/

.t-uppercase {
	text-transform: uppercase;
}


/*全部小写*/

.t-lowercase {
	text-transform: lowercase;
}

.box-md-6 {
	width: 50%;
	float: left;
}

.box-md-3 {
	width: 33.33%;
	float: left;
}

@media(max-width:768px) {
	.box-xs-12 {
		width: 100%;
	}
	.box-xs-5 {
		width: 50%;
		float: left;
	}
}


/* 短线 */

.line {
	border: 1px solid #e60039;
}


/* 移动端图片在pc端隐藏 */

.pic-mb {
	display: none;
}


/* more 按钮 */

.ws-buttons {
	text-align: center;
}

.ws-button-more {
	width: 160px;
	height: 40px;
	background: #e60039;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	line-height: 40px;
	margin: 0 10px;
	display: inline-block;
}

.ws-button-more img {
	margin-left: 5px;
}

.ws-button-more:hover {
	color: #fff;
	text-decoration: none;
}

@media(max-width:768px) {
	.pic-pc {
		display: none;
	}
	.pic-mb {
		display: block;
	}
}

.img100 {
	width: 100%;
}
.imgmax{
	max-width: 100%;
}
h2{
	font-weight: normal;
}

/*banner*/

.banner {
	position: relative;
}

.banner-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: normal;
	margin: 0 auto;
	text-align: center;
	line-height: 1.5;
	display: flex;
	/*兼容IE11，Firfox*/
	display: -webkit-flex;
	/*兼容chrome，android，safari*/
	display: -ms-flexbox;
	/*兼容IE10*/
	align-items: center;
	/*兼容IE11,chrome，android，safari*/
	-webkit-align-items: center;
	/*兼容safari*/
	-ms-flex-item-align: center;
	/*兼容IE10*/
}
.banner-title h2{
	font-size: 6rem;
	font-weight: normal;
}
.banner-title p{
	font-size: 3.6rem;
}
@media only screen and (max-width: 768px) {
	.banner-title {
		width: 100%;
		line-height: 1.1;
	}
	.banner-title h2 {
		font-size: 2.4rem;
	}
	.banner-title p {
		font-size: 1.75rem;
		line-height: 1.89;
	}
}


/*banner-bottom*/

.banner-bottom-l {
	margin: 100px 0 60px;
}

.banner-bottom-l h2 {
	padding-right: 60px;
	color: #e60039;
	font-size: 4.2rem;
	font-weight: bold;
	line-height: 1.14;
}

.banner-bottom-l .line {
	width: 72px;
	margin-bottom: 40px;
}

.banner-bottom-r {
	margin: 100px 0 40px;
}

.banner-bottom-r ul {
	list-style: none;
	padding-left: 90px;
}

.banner-bottom-r ul li {
	font-size: 2.4rem;
	color: #4f4f4f;
	height: 50px;
}

.banner-bottom-r ul li span {
	font-size: 3rem;
	color: #e60039;
	display: inline-block;
	width: 120px;
	margin-right: 20px;
}

@media only screen and (max-width: 1350px) {
	.banner-bottom-r ul {
		padding-left: 0;
	}
	.banner-bottom-r ul li {
		line-height: normal;
		height: auto;
		font-size: 2rem;
		margin-bottom: 15px;
		width: 90%;
	}
	.banner-bottom-r ul li span {
		display: block;
	}
}

@media only screen and (max-width: 768px) {
	.banner-bottom-l {
		margin: 4.5rem 0;
	}
	.banner-bottom-l h2 {
		padding-right: 0;
		color: #e60039;
		font-size: 2.4rem;
		line-height: 1.22;
		text-align: center
	}
	.banner-bottom-l .line {
		display: none;
	}
	.banner-bottom-r {
		padding: 0;
	}
	.banner-bottom-r ul {
		padding-left: 0;
	}
	.banner-bottom-r ul li {
		line-height: normal;
		height: auto;
		font-size: 2rem;
		margin-bottom: 50px;
	}
	.banner-bottom-r ul li span {
		display: block;
	}	
	.banner-bottom-r {
		margin: 0 0 4rem;
		box-sizing: border-box;
		padding: 0 1rem;
	}
}


/*ad*/

.ad-box-l {
	background: url('../images/ad-left.jpg') no-repeat;
	background-size: 100% 100%;
}

.ad-box-r {
	background: url('../images/ad-right.jpg') no-repeat;
	background-size: 100% 100%;
}

.ad-box-l,
.ad-box-r {
	text-align: center;
	padding: 160px 0 180px;
}

a.ad-box-l:hover,
a.ad-box-r:hover {
	text-decoration: none;
}

.ad-box h2 {
	color: #fff;
	font-size: 3.6rem;
	line-height: 1.33;
}

.ad-box p {
	color: #fff;
	font-size: 2rem;
	line-height: 2.4;
}

@media only screen and (min-width: 769px) {
	.ad-box h2 {
		font-size: 3rem;
	}
}

@media only screen and (max-width: 768px) {
	.ad-box-l,
	.ad-box-r {
		padding: 80px 0 95px;
	}
	.ad-box h2 {
		font-size: 2.4rem;
	}
	.ad-box p {
		font-size: 2.2rem;
	}
}


/*part tree*/

.part1-box {
	color: #e60039;
}

.part1-box .com-box {
	padding: 100px 0 50px;
}

.part1-box-l h2 {
	font-size: 4.2rem;
	font-weight: bold;
	line-height: 1.14;
}

.part1-box-l p,
.part1-box-r p {
	font-size: 2.4rem;
	line-height: 1.25;
	font-weight: bold;
}

.part1-box .line {
	width: 64px;
}

.part1-box-imgs {
	margin-top: 25px;
}

.part1-box-img {
	width: 32.5%;
	height: 183px;
	border: 1px solid #F0F0F0;
	float: left;
	margin-right: 1.25%;
	text-align: center;
	box-sizing: border-box;
}

.part1-box-img:last-child {
	margin-right: 0;
}

.img-box {
	padding: 23px 0;
	height: 76px;
	margin: 0 auto;
}

.part1-box-img img {
	vertical-align: middle;
	display: inline-block;
}

.part1-box-img p {
	font-size: 1.6rem;
	line-height: 1.125;
	color: #4e4e4e;
	font-weight: normal;
}

.link-button {
	display: inline-block;
	width: 100%;
	height: 44px;
	font-size: 1.8rem;
	line-height: 44px;
	color: #e60039;
	font-weight: bold;
	text-align: center;
	border: 1px solid #e60039;
	cursor: pointer;
}

.link-button img {
	margin-right: 5px;
}

.link-button:hover {
	color: #e60039;
	text-decoration: none;
}

.part1-box-img-r {
	float: left;
	width: 49%;
	position: relative;
	display: flex;
	/*兼容IE11，Firfox*/
	display: -webkit-flex;
	/*兼容chrome，android，safari*/
	display: -ms-flexbox;
	/*兼容IE10*/
	align-items: center;
	/*兼容IE11,chrome，android，safari*/
	-webkit-align-items: center;
	/*兼容safari*/
	-ms-flex-item-align: center;
	/*兼容IE10*/
	justify-content: center;
	/*兼容IE11,chrome，firfox*/
	-webkit-justify-content: center;
	/*兼容safari,android*/
	-ms-flex-pack: center;
	/*兼容IE10*/
}

.part1-box-img-r:first-child {
	margin-right: 2%;
}

.part1-box-img-r img {
	width: 100%;
}

.part1-box-img-r p {
	color: #fff;
	font-size: 1.6rem;
	line-height: 2.27;
	text-align: center;
}

.link-button.button-mb {
	width: 100%;
	display: none;
	margin-top: 5rem;
}
.text-desc{
	margin-top: 7.5rem;
}
.part1-box-img-r{
	height: 183px;
}
.part1-box-img-r1{
	background: url(../images/links-img1.jpg) center center no-repeat;
	background-size: cover;
}
.part1-box-img-r2{
	background: url(../images/links-img2.jpg) center center no-repeat;	
	background-size: cover;
}
@media only screen and (max-width: 1280px) {
	.part1-box-img,
	.part1-box-img-r{
		height: 201px;
	}
}
@media only screen and (max-width: 1200px) {
	.part1-box-l h2{
		font-size: 2.8rem;
	}
	.link-button{
		height: 31px;
		line-height: 31px;
	}
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.part1-box-l .part-comtent{
		margin-right: 1rem;
	}
	.part1-box-r .part-comtent{
		margin-left: 1rem;
	}
}
@media only screen and (min-width: 993px) {	
	.part1-box-l .part-comtent{
		margin-right: 4rem;
	}
	.part1-box-r .part-comtent{
		margin-left: 4rem;
	}
}
@media only screen and (max-width: 768px) {
	.part1-box .com-box {
		padding: 5rem 0;
	}
	.part1-box-l h2 {
		font-size: 2.4rem;
		text-align: center;
	}
	.part1-box-l p{
		margin: 5rem 0 4rem;
	}
	.part1-box-img {
		width: 48%;
		margin-bottom: 2%;
		margin-right: 0;
	}
	.part1-box-img:nth-child(2n+1) {
		margin-right: 2%;
	}
	.part1-box-img p {
		margin: 1rem 0 0;
	}
	.link-button.button-pc {
		display: none;
	}
	.link-button.button-mb {
		display: block;
	}
	.part1-box-img-r p {
		font-size: 2rem;
		line-height: 1.14;
		left: 0;
	}
	.text-desc{
		margin-top: 4.5rem;
	}
	.part1-box-img-r{
		height: 110px;
	}
	.link-button.button-mb {
		margin-top: 5rem;
	}
}


/* part four*/

.part2-box {
	background: url('../images/part1-bg.jpg') no-repeat;
	background-size: 100% 100%;
	height: 100%;
}


/* 大标题 */

.com-head {
	margin: 50px 0;
}

.big-title {
	font-size: 3.2rem;
	color: #191919;
	line-height: 21px;
	line-height: 2.1rem;
	text-align: center;
	letter-spacing: 0px;
}

.big-desc {
	font-size: 1.6rem;
	line-height: 21px;
	line-height: 2.1rem;
	color: #191919;
	text-align: center;
	letter-spacing: 0px;
	margin-top: 10px;
}

@media only screen and (max-width: 768px) {
	.big-title {
		font-size: 2.4rem;
	}
}

.part2-box-content {
	text-align: center;
	margin: 30px 0 25px;
}

.part2-box-content .part-box-list {
	float: left;
}

.part2-box-content .part-box-list:first-child {
	width: 14%;
	margin-top: 5px;
}

.part2-box-content .part-box-list:nth-child(2) {
	margin: 0 3%;
	width: 54%
}

.part2-box-content .part-box-list:last-child {
	width: 26%;
	margin-top: 15px;
	position: relative;
}

.part2-box-content .part-box-list img {
	width: 100%;
}

.part2-box-content .part-box-list .alarm {
	width: 80%;
	margin: 10%;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.8rem;
	color: #4f4f4f;
}

.part2-box-content .part-box-list .alarm span {
	font-size: 2.4rem;
}

.part2-box-content .part-box-list .alarm img {
	width: auto;
}

.part2-box-value ul {
	list-style: none;
	padding: 0 20%;
}

.part2-box-value ul li {
	font-size: 1.8rem;
	color: #e60039;
	margin-bottom: 12px;
}
@media only screen and (max-width: 1280px) {
	.part2-box-value ul {
		padding: 0 10%;
	}
}
@media only screen and (max-width: 992px) {
	.part2-box-value ul {
		padding: 0 2%;
	}
}
@media only screen and (max-width: 768px) {
	.part2-box {
		background: #F6F6F6;
	}
	.part2-box-content {
		margin: 0 0 25px;
	}
	.part2-box-content .part-box-list:first-child,
	.part2-box-content .part-box-list:nth-child(2),
	.part2-box-content .part-box-list:last-child {
		width: 100%;
	}
	.part2-box-content .part-box-list:first-child img {
		width: auto;
	}
	.part2-box-content .part-box-list:nth-child(2) {
		margin: 10px 0;
	}
	.part2-box-content .part-box-list .alarm {
		width: 90%;
		margin: 5%;
		font-size: 1.6rem;
	}
	.part2-box-content .part-box-list .alarm span {
		font-size: 2rem;
	}
	.part2-box-value ul li {
		text-align: left;
		padding-left: 25px;
		position: relative;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.part2-box-value ul li:last-child{		
		margin-bottom: 0;
	}
	.part2-box-value ul li img{
		position: absolute;
		width: 15px;
		left: 0;
		top: 2px;
	}
}

@media only screen and (max-width: 400px) {
	.part2-box-content .part-box-list img.pic-mb {
		height: 125px;
	}
}


/* part five */

.part3-box-list {
	width: 32%;
	margin-right: 1%;
	float: left;
}

.part3-box-list:last-child {
	margin-right: 0;
}

.part3-box-list img {
	width: 100%;
}
.part3-box-list ul li img {
	width: 6px;
	margin: -4px 5px 0 0;
}
.part3-box-list h4 {
	font-size: 1.8rem;
	margin-top: 15px;
	margin-bottom: 5px;
}

.part3-box-list ul li {
	font-size: 1.6rem;
	line-height: 2.14;
	/*list-style: disc;*/
}

.part3-box-list ul {
	margin-bottom: 20px;
	margin-left: 15px;
}
.part3-box-list ul li {
	position: relative;
	padding-left: 16px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.part3-box-list ul li img{
	position: absolute;
    width: 6px;
    left: 0;
    top: 10px;
}
@media only screen and (max-width: 768px) {
	.part3-box-list {
		width: 100%;
		margin-right: 0;
	}
	.part3-box .ws-button-more {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.part3-box-list h4,
	.part3-box-list ul{
		padding: 0 10px;
	}
	.part3-box-list ul li {
		margin-bottom: 10px;
	}
	.part3-box-list ul li:last-child{
		margin-bottom: 0;
	}
	/*.part3-box-list ul li{
		line-height: 1.5;
	}
	.part3-box-list ul li img{
		top: 12px;
	}*/
}


/* part six */

.part4-box {
	background: #F0F0F0;
}

.part4-box p {
	font-size: 1.6rem;
}

.part4-box-list {
	width: 32%;
	margin-right: 1%;
	float: left;
	text-align: center;
}

.part4-box-list img {
	width: 100%;
}

.part4-box-list ul li {
	font-size: 1.6rem;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 10px;
}

.part4-box-list ul {
	margin: 20px 0;
}
.part4-box-list ul li img{
	width: 6px;
	margin: -4px 5px 0 0;
}
@media only screen and (max-width: 768px) {
	.part4-box-list {
		width: 100%;
		margin-right: 0;
	}
	.part4-box-list img {
		width: 100%;
	}
	.part4-box .ws-button-more {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.part4-box-list ul li {
		text-align: left;
		padding-left: 16px;
		position: relative;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.part4-box-list ul li:last-child{
		margin-bottom: 0;
	}
	.part4-box-list ul li img{
		position: absolute;
		width: 6px;
		left: 0;
		top: 10px;
	}
	.part4-box-list ul{
		padding: 0 10px;
	}
}


/* part seven */

.part5-box-content {
	padding: 20px 0;
}

.part5-box-list {
	float: left;
	width: 50%;
}

.part5-box-list:first-child img {
	width: 100%;
}

.part5-box-list:nth-child(2) {
	width: 42%;
	padding-left: 8%;
	padding-top: 2%;
}

.part5-box-list:nth-child(2) h4 {
	font-size: 2.4rem;
	color: #191919;
}

.part5-ul {
	margin: 10PX 0;
}

.part5-ul li {
	font-size: 2.4rem;
	color: #e60039;
	line-height: 2
}

.part5-ul li img {
	margin-right: 10px;
}

.part5-ul2 li {
	font-size: 1.6rem;
	color: #4f4f4f;
	line-height: 2;
	/*list-style: inside;*/
}
.part5-ul2 li {
	position: relative;
	padding-left: 16px;
}
.part5-ul2 li img{
	position: absolute;
    width: 6px;
    left: 0;
    top: 12px;
}

@media only screen and (max-width: 768px) {
	.part5-box-content {
		padding: 0 0 10px 0;
	}
	.part5-box-list {
		width: 100%;
	}
	.part4-box-list img {
		width: 100%;
	}
	.part5-box-list:nth-child(2) {
		width: 100%;
		padding: 40px 10px 0;
		box-sizing: border-box;
	}
	.part5-box .ws-button-more {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.part5-box-list:nth-child(2) h4 {
		font-size: 1.55rem;
	}
	.part5-ul li {
		font-size: 1.55rem;
	}
	.part5-ul li img {
		margin-right: 20px;
	}
	.part5-ul2 li {
		font-size: 1.55rem;
		margin-bottom: 10px;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.part5-ul2 li:last-child{
		margin-bottom: 0;
	}
	.part5-ul2 li img{
	    top: 5px;
	}
}


/* part eight */

.part6-head {
	background: #F6F6F6;
	padding-bottom: 20px;
	margin-top: 50px;
}

.part6-ul {
	font-size: 1.4rem;
	line-height: 24px;
	line-height: 2.4rem;
	color: #4f4f4f;
	float: left;
	padding-left: 50px;
	margin-top: 20px;
}

.part6-ul img {
	margin-right: 5px;
	margin-top: -3px;
}

.part6-head .com-box {
	position: relative;
}

.part6-light {
	position: absolute;
	right: 10px;
}

.part6-light img {
	margin-top: -25%;
}

.part6-box-content {
	background: url('../images/part6-bg.jpg') no-repeat;
	background-size: 100% 100%;
	height: 100%;
	text-align: center;
	padding: 70px 0
}

.part6-box-content h2 {
	font-size: 3.2rem;
	color: #fff;
}

.part6-box-content p {
	font-size: 1.6rem;
	line-height: 24px;
	line-height: 2.4rem;
	color: #fff;
}

.part6-box-content strong {
	color: #e60039;
}

.part6-signal {
	position: relative;
	height: 200px;
}

.part6-signal .part6-img {
	position: absolute;
	top: 0;
	left: 25%;
	width: 50%
}

.part6-img img {
	width: 100%;
	margin-top: 80px;
}

.part6-signal span {
	font-size: 3.6rem;
	color: #fff;
	position: absolute;
	top: 100%;
	left: 50%;
	height: 60px;
	width: 170px;
	margin-left: -85px;
}

@media only screen and (max-width: 768px) {
	.part6-box-content h2 {
		font-size: 2.4rem;
		line-height: 3rem;
		margin-bottom: 20px;
	}
	.part6-box-content {
		background: url('../images/part6-bg-mb.jpg') no-repeat;
		background-size: 100% 100%;
		height: 100%;
	}
	.part6-box-content p {
		line-height: 1.8rem;
		width: 70%;
		margin: 0 auto;
	}
	.part6-box-content p:nth-of-type(2) {
		padding-top: 10px;
	}
	
	.part6-signal {
		height: 40px;
		margin: 20px 0;
	}
	.part6-signal .part6-img {
		width: 100%;
		left: 0;
		top: -60px;
	}
	.part6-ul {
		margin-top: 50px;
		width: 90%;
		padding-left: 10px;
	}
	.part6-signal span {
		margin-top: 40px;
	}
	.part6-light {
		right: 0;
		top: -10px;
	}
	.part6-light img {
		width: 80%;
	}
	.part6-ul li{
		position: relative;
		padding-left: 20px;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.part6-ul li:last-child{
		margin-bottom: 0;
	}
	.part6-ul li img{
		position: absolute;
		width: 12px;
	    left: 0;
	    top: 4px;
	}
}


/* part nine */

.part7-box {
	margin-top: 200px;
	text-align: center;
}

.part7-box-list {
	width: 48%;
	margin-right: 4%;
	float: left;
}

.part7-box-list:nth-child(2) {
	margin-right: 0;
}

.part7-box-list img {
	width: 100%;
}

.part7-desc {
	font-size: 1.6rem;
	line-height: 24px;
	line-height: 2.4rem;
	margin: 30px 0;
}

@media only screen and (max-width: 768px) {
	.part7-box {
		margin-top: 120px;
	}
	.part7-box-list {
		width: 100%;
		margin-right: 0;
	}
}


/* 左侧 */

.part-left-box {
	width: 106px;
	position: fixed;
	left: 0;
	top: 30%;
	text-align: left;
	color: #fff;
	font-size: 1.4rem;
	z-index: 998;
	line-height: 18px;
	line-height: 1.8rem;
	font-weight: bold;
}

.part-left-desc {
	position: relative;
	padding: 20px;
}

.part-left-desc img {
	position: absolute;
	left: 20px;
	bottom: 0;
}

.part-left-box {
	display: none;
}
.part-left-list{
	display: block;
	height: 144px;
	color: #fff;
	background: #4F4F4F;
}
/*.part-left-list.on,
.part-left-list.active{
	color: #fff;
	text-decoration: none;
	background: #e60039;
}*/
.part-left-list.on,
.part-left-list:hover{
	color: #fff;
	text-decoration: none;
	background: #e60039;
}
.part-left-list:hover{
	color: #fff;
	text-decoration: none;
}
@media only screen and (max-width: 768px) {
	.part-left-box {
		bottom: 0;
		width: 100%;
		top: unset;
		display: block;
	}
	.part-left-list {
		float: left;
		width: 50%;
		height: 82px;
	}
	.part-left-desc img {
		right: unset;
		left: 10px;
		bottom: -10px;
	}
	.part-left-desc{
		padding: 10px;
	}
}


/* 弹框 */

.pop_window_show {
	visibility: visible;
}

.pop_window_hidden {
	display: none;
}

.pop_window {
	position: fixed;
	z-index: 1000;
	overflow: auto;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pop_window_contentdiv {}

.pop_close_btn {
	position: absolute;
	width: 24px;
	height: 24px;
	cursor: pointer;
	top: 9px;
	right: 9px;
}

.pop_window_titlediv {
	height: 40px;
	width: 100%;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
}

.pop_title_txt {
	color: #333;
	font-size: 1.6rem;
	font-family: "Microsoft YaHei";
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}

.pop_window_mask_main {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	background-color: #333;
	opacity: 0.3;
	display: none;
}

.pop_detail_item_div {
	height: 30px;
	line-height: 30px;
	margin: 5px;
}

.pop_detail_item_div span {
	font-size: 1.4rem;
	color: #333;
	font-family: "Microsoft Yahei";
	display: inline-block;
	width: 120px;
	vertical-align: middle;
}

.pop_detail_item_span {
	font-size: 1.4rem;
	color: #333;
	font-family: "Microsoft Yahei";
	display: inline-block;
	width: 120px;
	vertical-align: middle;
}

.pop_detail_item_div input {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	min-width: 400px;
	appearance: none;
	outline: 0;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 1px;
	text-align: left;
	font-size: 1.2rem;
	color: #333333;
	font-family: "Microsoft YaHei";
	padding-left: 5px;
}

.pop_detail_item_div textarea {
	display: inline-block;
	line-height: 28px;
	min-width: 400px;
	appearance: none;
	outline: 0;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 1px;
	text-align: left;
	font-size: 1.2rem;
	color: #333333;
	font-family: "Microsoft YaHei";
	padding-left: 5px;
}

.mengban {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
}

.pop-content {
	margin: 60px 10% 40px 10%;
	text-align: center;
}

.pop-list {
	padding: 0 5%;
}

.pop-list:nth-child(2) {
	padding: 5% 5%;
}

.pop-list h2 {
	color: #e60039;
	font-size: 2.4rem;
	line-height: 30px;
	line-height: 3rem;
	margin: 20px 0;
}

.pop-list img {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.pop-list h2 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.pop-list {
		padding: 0;
	}
	.pop-list:nth-child(2) {
		padding: 0;
	}
}

.ws-bottom {
	text-align: center;
	padding: 20px 0;
}

.ws-bottom ul li {
	color: #4f4f4f;
	font-size: 1.4rem;
	line-height: 24px;
	line-height: 2.4rem;
}
.ws-bottom .p-icon{
	display: inline-block;
}
@media only screen and (max-width: 768px) {
	.ws-bottom ul li {
		line-height: 1.2;
		margin-bottom: 10px;
		text-align: left;
		position: relative;
		padding-left: 16px;
	}
	.ws-bottom ul li:last-child {
		margin-bottom: 0;
	}
	.ws-bottom .p-icon{
		position: absolute;
		left: 0;
		top: 0;
	}
	.ws-bottom ul li:first-child{
		padding-left: 10px;
	}	
}
.ws-buttons{
	margin: 2.5rem auto 5rem;
}
@media only screen and (max-width: 768px) {
	.ws-buttons{
		margin: 3.75rem auto;
	}
}

.noscroll{
  height: 100%;
  overflow: hidden;
  }