@charset "utf-8";
/* CSS Document */
/*共用代码 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style-type: none;
}
html{ font-size:0.01rem}
body{font-family:微软雅黑; font-size:0.2rem;}
li,ul,ol{ list-style:none}
a{ text-decoration:none}
i,em{ font-style:normal;}
.bg_gray{ background: #f6f6f6}
.fl{ float:left}
.fr{ float:right}
.pr{ position: relative}
img{vertical-align: bottom}
.hide{ overflow:hidden}
.pa30{padding:0.3rem 0;}
.pat30{padding-top:0.3rem;}
.pa20{padding:0.2rem 0;}
.bg_white{ background:#fff;}
h3{ font-weight:normal}
.bg_pic1{ background: url("../images/bg_02.jpg") no-repeat top center; background-size:cover}
.bg_pic2{ background: url("../images/bg_03.jpg") no-repeat top center; background-size:cover}



.auto{ max-width:640px; min-width:320px; overflow:hidden; margin:0 auto;}

.i1{ background: url("../images/img1.jpg") no-repeat; background-size:cover}
.i2{ background: url("../images/img2.jpg") no-repeat; background-size:cover}
.i3{ background: url("../images/img3.jpg") no-repeat; background-size:cover}
.i4{ background: url("../images/img4.jpg") no-repeat; background-size:cover}

.ti{ text-align: center; position: relative}
.ti img{ width: 100%}

.btn{ text-align: center;width: 3.35rem; height: 1.17rem; margin: 0 auto;background:url("../images/btn_bg1.png"); background-size:cover}
.btn a{  font-size: 0.2rem; color: #fff; line-height: 1.9rem; display: block; width: 100%; height: 100%  }
.bg_pic3{ background:url("../images/btn_bg2.png"); background-size:cover}

.banner{ width: 100%; height: 3.87rem; background: url("../images/ban.jpg") no-repeat; background-size:cover}

.part2 p{ color: #fff; padding: 0.2rem;text-indent: 2em; line-height: 0.3rem}
.part2 p i{ color: #f7b637}
.part2 .con{ width: 5.6rem; height: 3.93rem;background: url("../images/img_05.jpg") no-repeat; background-size:cover; padding: 0.7rem 0.4rem}
.part2 .part2_img{ width: 70%}

.part3 ul{ padding: 0.3rem 0.2rem}
.part3 ul li{ overflow: hidden; position: relative; margin-bottom: 0.2rem}
.part3 ul li i{ display: block; border-radius: 50%; overflow: hidden;width: 1.71rem; height: 1.71rem; -webkit-box-shadow:0 0 20px #999;
	-moz-box-shadow:0 0 20px #999;  box-shadow:0 0 20px #999; margin-right: 0.1rem  }
.part3 ul li span{ display: block; width: 4.55rem; position: absolute; bottom:0;  }
.part3 ul li:nth-child(odd) span{right: 0}
.part3 ul li:nth-child(odd) i{ float: left;}
.part3 ul li:nth-child(even) span{left: 0}
.part3 ul li:nth-child(even) i{ float: right;}
.part3 ul li span h3{color: #0f438b; line-height: 0.6rem; font-size: 0.27rem; text-indent: 2em}
.part3 ul li:nth-child(even) span h3{ text-indent: 0}
.part3 ul li span p{ display: block; height: 0.72rem; color: #fff; }
.part3 ul li:nth-child(odd) span p{background: url("../images/bg1.png") no-repeat; background-size:cover;padding: 0.2rem 0.2rem 0 0.6rem; width: 3.75rem; }
.part3 ul li:nth-child(even) span p{background: url("../images/bg2.png") no-repeat; background-size:cover; padding: 0.2rem 0.5rem 0 0.2rem; width: 3.85rem;}

.part5 ul{ text-align: center; padding: 0.4rem 0 0}
.part5 ul li{ width: 3rem; border: 1px solid #fff; height: 4.07rem; display: inline-block; position: relative; padding: 0.7rem 0 0; color: #fff}
.part5 ul li:before{ content: ""; display: block; position: absolute; top:-0.2rem; left: 0; right: 0; margin: 0 auto}
.part5 ul li:nth-child(1):before{ width: 0.96rem; height: 0.7rem; background: url("../images/A.jpg") no-repeat; background-size:cover;}
.part5 ul li:nth-child(2):before{ width: 0.72rem; height: 0.74rem; background: url("../images/B.jpg") no-repeat; background-size:cover;}
.part5 ul li:nth-child(3):before{ width: 0.68rem; height: 0.77rem; background: url("../images/C.jpg") no-repeat; background-size:cover;}
.part5 ul li h3{ color: #fff; font-size: 0.28rem; line-height: 0.5rem}
.part5 ul li p{ padding: 0.2rem; line-height: 0.3rem}
.part5 ul li i img{ width: 2.74rem; height: 1.84rem}
.part5 ul li:nth-child(3){ clear: both; width: 5.67rem; margin: 0.4rem auto; height: auto;padding: 0.7rem 0.2rem 0.2rem;}
.part5 ul li:nth-child(3) i{ float: left; margin-right: 0.2rem}
.part5 ul li:nth-child(3) p{ padding:0;}

.part6 ul{text-align: center; padding: 0.2rem}
.part6 ul li{ width: 2.71rem; height: 3.74rem; display: inline-block;-webkit-box-shadow:0 0 20px #999;
	-moz-box-shadow:0 0 20px #999;  box-shadow:0 0 20px #999; position: relative; margin-bottom: 0.2rem}
.part6 ul li:nth-child(odd){ margin-right: 0.2rem}
.part6 ul li:nth-child(1){ background: url("../images/img_17.jpg") no-repeat; background-size:cover}
.part6 ul li:nth-child(2){ background: url("../images/img_19.jpg") no-repeat; background-size:cover}
.part6 ul li:nth-child(3){ background: url("../images/img_23.jpg") no-repeat; background-size:cover}
.part6 ul li:nth-child(4){ background: url("../images/img_24.jpg") no-repeat; background-size:cover}
.part6 ul li span h3{ font-weight: bold}
.part6 ul li span{ color: #104791; text-align: center; position: absolute; bottom:0; left: 0; padding: 0.2rem; font-size: 0.18rem}

.part7 ul{text-align: center; padding: 0.2rem}
.part7 ul li{ display: inline-block; margin-bottom: 0.1rem;}
.part7 ul li:nth-child(odd){ margin-right: 0.3rem}
.part7 ul li i{ display: block; padding: 0.1rem; border: 1px solid #fff;border-radius: 50%; overflow: hidden}
.part7 ul li i img{ width: 2.15rem; height: 2.21rem; }
.part7 ul li p{ line-height: 0.5rem; color: #fff; font-size: 0.21rem; }
.part7 ul li p img{vertical-align: middle; margin-right: 0.1rem}
.part7 ul li:nth-child(1) p img{ width: 0.25rem; height: 0.42rem}
.part7 ul li:nth-child(2) p img{ width: 0.43rem; height: 0.44rem}
.part7 ul li:nth-child(3) p img{ width: 0.41rem; height: 0.41rem}
.part7 ul li:nth-child(4) p img{ width: 0.43rem; height: 0.41rem}
.part7 ul li:nth-child(5) p img{ width: 0.48rem; height: 0.43rem}
.part7 ul li:nth-child(6) p img{ width: 0.39rem; height: 0.41rem}

.part8 .device{ padding: 0.3rem 0; position: relative; overflow: hidden; margin-bottom: 0.3rem}
 .device .arrow-left {
	 background: url(img/arrows.png) no-repeat left top;
	 position: absolute;
	 left: 2.2rem;
	 bottom:0;
	 margin-top: -15px;
	 width:0.17rem;
	 height:0.3rem;
	 z-index:999;
 }
.part8 .device .arrow-right {
	background: url(img/arrows.png) no-repeat left bottom;
	position: absolute;
	right: 2.2rem;
	bottom:0;
	margin-top: -15px;
	width:0.17rem;
	height:0.3rem;
	z-index:999;
}
.part8 .swiper-container {
	height: 3.49rem;
	max-width: 640px;
	min-width: 320px;
}
.part8 .content-slide {
	padding: 20px;
	color: #fff;
}
.part8 .swiper-slide img{ width: 100%; }
.part8 .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom:0rem;
	width: 100%;
}
.part8 .swiper-pagination-switch {
	display: inline-block;
	width: 0.15rem;
	height: 0.15rem;
	border-radius: 50%;
	margin: 0 3px;
	cursor: pointer;
	border: 1px solid #104791;
	overflow: hidden;

}
.part8 .swiper-active-switch {
	background:#104791;
	border-radius: 50%;
}

.part9 table{border-collapse:collapse; color: #fff; width: 6rem;  border: 1px solid #fff; margin: 0.2rem  auto;border:solid #fff; border-width:1px 0px 0px 1px; }
.part9 table tr th{ width: 1rem}
.part9 table tr th,.part9 table tr td{  text-align:left; padding: 0.2rem 0.1rem; }
.part9 table tr th:nth-child(2){ background: #233257}
.part9 table tr td:nth-child(2){ background: #233257}
.part9 table tr th{border:solid #fff; border-width:0px 1px 1px 0px;}
.part9 table tr td{border:solid #fff; border-width:0px 1px 1px 0px;}
.part10 .btn{ position: absolute; bottom:0; left: 0; right: 0; margin: 0 auto}


.addFristP ul {
	padding: 4% 0;
	overflow: hidden;
}
.addFristP ul li {
	float: left;
	width: 43%;
	margin: 0 0 3% 4.6%;
}
.addFristP ul li a {
	display: block;
	position: relative;
	color: #fff;
	text-align: center;
}
.addFristP ul li p {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0.24rem;
	line-height: 1.4;
}
.addSecondP ul {
	text-align: center;
}
.addSecondP ul li {
	display: inline-block;
}
.addSecondP ul li span {
	display: inline-block;
	width: 2.03rem;
	height: 2.03rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.addSecondP ul li h3 {
	font-size: 0.25rem;
	color: #394885;
	font-weight: bold;
}
.addSecondP ul li p {
	font-size: 0.2rem;
	color: #333;
}




.part10-th{max-width: 640px;min-width: 320px; margin-left: auto;margin-right: auto; overflow: hidden;  }
.part10-th .re{ position: relative;}
.part10-th .p10-1{ width:100%; height:8.88rem; background:url(../images/lyp1.jpg) no-repeat; background-size: 100%;}
.part10-th .p10-txt{ position: absolute; left: 0.3rem; top: 46%; width:78%;}
.part10-th .p10-txt p{ position: relative; padding-left: 0.25rem; font-size: 0.2rem; line-height: 0.35rem;}
.part10-th .p10-txt p:before{ position: absolute; content:''; width:0.18rem; height:0.18rem; background:url(../images/fk.png) no-repeat; background-size: 100%; left: 0; top: 0.08rem;}



.n-box1{ padding:0.2rem 0 0}
.n-box1 .p3_tt {
    font-size: 0.36rem;
    line-height: 0.48rem;
    text-align: center;
}
.wt {
    width: 100%;
    overflow: hidden;
    margin: 0.25rem 0;
}
.wt a{ display:block; text-align:center; padding:0.3rem 0px; font-size:0.25rem; color:#FFFFFF;  line-height:0.32rem;}
.wt .list1{ float:left; width:34%; background:#f6235f}
.wt .list2{ float:left; width:32%; background:#000000}
.wt .list3{ float:left; width:34%; background:#ffd202}


.pagination{  width: 100%;  text-align: center; position: relative; z-index: 5  }
.pagination .swiper-pagination-switch{
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin:0 0.05rem;
	width:0.2rem;
	height: 0.2rem;
	opacity: 1;
	cursor: pointer;
	overflow: hidden;
	background: #ccc;
}
.pagination .swiper-active-switch{  opacity: 1;  background-color: #144c97;  }


.swiper-slide{ position:relative;}
.aqplayer{ width: 0.78rem; height: 0.77rem; position: absolute; left: 45%; top:35%; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}



.p1-lunbo{max-width: 640px;min-width: 320px; margin-left: auto;margin-right: auto; overflow: hidden; padding:2% 0; }
.p1-lunbo .pagination {
  position: absolute;
  z-index: 20;
  left: 0;
  bottom:1%;
  width:100%;
  text-align: center;
}
.p1-lunbo .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #ccc;
  margin:0 3px;
  cursor: pointer;
}
.p1-lunbo .swiper-active-switch {
  background: #144c97;
}

.llsb{max-width:640px; margin:0 auto;}