@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #fff; font-size: 12px;min-width: 1200px!important;font-family: "Source Han Sans CN";color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ padding-top: 1.3rem;display: block;}

/*header*/
.header{
  height: 0.5rem; line-height: 0.5rem; background: #fff; 
}
.header-box{
  display: flex; align-items: center; justify-content: space-between;
}
.header-box a.logo{
  display: flex; align-items: center; line-height: .5rem;
}
.header-box a img{
  width: 1.2rem;
}
.header-right{
  font-size: .15rem; color: #666666;
}
.header-right p{
  display: inline-block; color: #666; margin-left: 0.2rem; margin-right: 0.3rem;
}

/*main*/
.main{
  background:#fff url(../images/m_bg.jpg) no-repeat top center; position: relative; background-size: 100% 100% !important;
}
.main .main-top{
  background: #ffffff8f; height: 1rem; line-height: 1rem; color: #666666;
}
.main .main-top ul li{
  font-size: .18rem; display: inline-block; vertical-align: middle; margin: 0 .65rem; cursor: pointer; position: relative;
}
.main .main-top ul li.on{
  transform: scale(1.11); color: #333333; font-weight: 500;
}
.main .main-top ul li.on::after{
  content: ''; width: 0.36rem; height: 0.018rem; background: #ff2601; display: block; position: absolute; bottom: .05rem; left: 50%; transform: translateX(-50%);
}
#main-top2{
  display: none; width: 100%; background: #fff; position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 9; box-shadow: 0 0.05rem 0.1rem #00000008;
}
.main .main-bottom{
  margin-top: 0.46rem; position: relative; padding-bottom: 0.6rem;
}
.main .main-bottom .item{
  display: none;
}


.main .main-bottom .item-main{
  margin-left: .75rem; margin-right: .75rem;
}
.main .main-bottom h3.pub-bt{
  font-size: .32rem; color: #333333; font-weight: bold; background: url(../images/bt_bg.png) no-repeat bottom center; padding-bottom: 0.12rem; margin-bottom: 0.12rem;
}

.p1-part1{
	float: left; margin-top: .45rem;
}
.p1-part1 .tit{
	width: 100%; clear: both;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: .33rem;
}
.p1-part1 .tit h3{
	font-size: .48rem; line-height: .74rem; font-weight: bold; color: #333;
	background: url('../images/bt_bg.png') no-repeat .34rem bottom / 1.79rem;
}
.p1-part1 .tit span{
	font-size: .24rem; line-height: .5rem; color: #fff; margin-left: .13rem;
	padding: 0 .23rem;
	display: inline-block;
	border-radius: .08rem;
	background: #f04023;
	background: -webkit-linear-gradient(90deg, #de1a01, #ff5f3f);
	background: -moz-linear-gradient(90deg, #de1a01, #ff5f3f);
	background: -o-linear-gradient(90deg, #de1a01, #ff5f3f);
	background: linear-gradient(90deg, #de1a01, #ff5f3f);
}
.p1-part1 ul{
	width: 6.1rem; display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p1-part1 ul li{
	display: inline-block; margin-bottom: .34rem;
	width: 3.05rem;
}
.p1-part1 ul li .font{
	width:2.2rem; height: .44rem; display: inline-flex; float: left;
	border: solid 0.01rem #fff; margin-bottom: .1rem;
	border-radius: .4rem;
	background: #ffdbdb;
	background: -webkit-linear-gradient(90deg, #ffdbdb, #fff);
	background: -moz-linear-gradient(90deg, #ffdbdb, #fff);
	background: -o-linear-gradient(90deg, #ffdbdb, #fff);
	background: linear-gradient(90deg, #ffdbdb, #fff);
	font-size: .2rem; color: #df1f02; font-weight: 600;
	justify-content: flex-start;
	align-items: center;
}
.p1-part1 ul li .font span{margin-left: .18rem; margin-right: .2rem;}
.p1-part1 ul li p{
	font-size: .14rem; line-height: .24rem; white-space: nowrap;
	clear: both; float: left; margin-left: .15rem;
	color: #666;
}


.item01 .bd{
  width: 4.12rem; height: 6.84rem; background: url(../images/phone.png) no-repeat top center / 4.12rem 6.84rem; margin-top: .25rem; box-sizing: border-box; text-align: center;
}
.item01 .bd img{
  width: 4.67rem; height: 1.94rem; border-radius: .2rem; box-shadow: 0 0 .5rem #ff0a0050;
}
.item01{
  position: relative;
}
.item01 .downLoad{
  position: absolute; top: 4.15rem; left: 1rem; z-index: 9;
}
.downBtn{
  width: 3rem; height: 1.06rem; border-radius: .2rem; text-align: left; box-sizing: border-box;
}
.downBtn a{
  display: block; width: 100%; height: 100%; padding-left: 0.36rem; box-sizing: border-box;
}
.downBtn h4{
  font-size: .2rem; font-weight: bold; padding-top: 0.24rem; padding-bottom: 0.02rem;
}
.downBtn p{
  font-size: .16rem; color: #fbd0aa;
}
.phoneDown{
 color: #fff; position: relative;
  background: #e53605;
  background: -webkit-linear-gradient(right, #f27510 , #de1a01); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f27510 , #de1a01); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f27510 , #de1a01); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f27510 , #de1a01); /* 标准的语法 */
}
.winDown{
  color: #333333; border: 2px solid #e53605;
  background: #fff;
  background: -webkit-linear-gradient(bottom, #fff , #fff8f8); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #fff, #fff8f8); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #fff, #fff8f8); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #fff , #fff8f8); /* 标准的语法 */
}
.winDown h4{color: #f42200;}
.winDown p{color: #dd805f;}
.popup-phoneDown{
  width: 1.38rem; height: 1.6rem; border-radius: .05rem; border: 1px solid #fff; text-align: center; padding-top: 0.16rem; box-sizing: border-box; position: absolute; right: -1.4rem; top: -0.31rem; display: none;
  background: #ffeeed;
  background: -webkit-linear-gradient(bottom, #ffeeed , #ffffff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #ffeeed, #ffffff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #ffeeed, #ffffff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #ffeeed , #ffffff); /* 标准的语法 */
}
.popup-phoneDown p{
  font-size: .16rem; color: #ff2b06;
}
.popup-phoneDown img{
  width: 0.97rem;
}

.phoneTxt{
	clear: both;
	font-size: .12rem; line-height: .2rem; color: #333; text-align: left;
	margin: .06rem 0 .35rem .1rem;
}
.phoneTxt p{white-space: nowrap;}
.phoneTxt a{color: #ff2b06;}
.phoneTxt i{color: #ff2b06; margin: 0 .05rem;}
/* .phoneTxt span{margin-left: .2rem;} */

/* item02 */
.item02{
  position: relative;
}
.p2-top{
	width: 1177px; display: flex;margin-top: .44rem;
	background: url('../images/p2-img01.png') no-repeat center top / 100%;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

.item02 .video{
  width: 650px; background: #fff; border-radius: .2rem; box-shadow: 0 0 18px #627ca715; 
  padding: .12rem; box-sizing: border-box; margin: 0 auto; margin-top: 0.22rem; margin-bottom: .4rem;
  border: solid .01rem #dcdcdc;
}
.item02 .video #play{
	 border-radius: .2rem; overflow: hidden;
}

.item02 .list{
  width: 4.15rem; display: inline-block;margin-bottom: .25rem; margin-right: .5rem;
}
.item02 .list ul{
	height: 3.1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background: url(../images/p2-img02.png) no-repeat center;
}
.item02 .list ul li{
  display: inline-flex; vertical-align: top;
  width: 1.31rem; 
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.item02 .list ul .between{
	width: 100%; padding: .01rem 0; display: inline-block;
}
.item02 .list ul li .list-icon{
  width: 0.7rem; height: 0.7rem; 
  background: #ffd9d9;
  background: -webkit-linear-gradient(right, #ffd9d9 , #fff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffd9d9, #fff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffd9d9, #fff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffd9d9 , #fff); /* 标准的语法 */
  border-radius: .28rem; border: 1px solid #fff; 
  display: flex; align-items: center; justify-content: center; box-shadow: 0 15px 20px #ffd9d950; margin-bottom: 0.1rem; transition: all .5s;
}
.item02 .list ul li .list-icon i{
  width: 0.42rem; height: 0.42rem; display: block; transition: all .5s;
}
.item02 .list ul li:nth-child(1) .list-icon i{
  background: url(../images/item02_i01_h.png) no-repeat center;
}
.item02 .list ul li:nth-child(2) .list-icon i{
  background: url(../images/item02_i02_h.png) no-repeat center;
}
.item02 .list ul li:nth-child(3) .list-icon i{
  background: url(../images/item02_i03_h.png) no-repeat center;
}
.item02 .list ul li:nth-child(5) .list-icon i{
  background: url(../images/item02_i04_h.png) no-repeat center;
}
.item02 .list ul li:nth-child(6) .list-icon i{
  background: url(../images/item02_i05_h.png) no-repeat center;
}
.item02 .list ul li:nth-child(7) .list-icon i{
  background: url(../images/item02_i06_h.png) no-repeat center;
}
.item02 .list ul li p{
  font-size: .2rem; color: #333333; font-weight: 400;
}
.item02 .list ul li.on .list-icon{
  background: #ff2400;
  background: -webkit-linear-gradient(right, #ff2400 , #ff6a4a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ff2400, #ff6a4a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ff2400, #ff6a4a); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ff2400 , #ff6a4a); /* 标准的语法 */
}
.item02 .list ul li:nth-child(1).on .list-icon i{
  background: url(../images/item02_i01.png) no-repeat center;
}
.item02 .list ul li:nth-child(2).on .list-icon i{
  background: url(../images/item02_i02.png) no-repeat center;
}
.item02 .list ul li:nth-child(3).on .list-icon i{
  background: url(../images/item02_i03.png) no-repeat center;
}
.item02 .list ul li:nth-child(5).on .list-icon i{
  background: url(../images/item02_i04.png) no-repeat center;
}
.item02 .list ul li:nth-child(6).on .list-icon i{
  background: url(../images/item02_i05.png) no-repeat center;
}
.item02 .list ul li:nth-child(7).on .list-icon i{
  background: url(../images/item02_i06.png) no-repeat center;
}

.item02-b{
  padding-bottom: 0.4rem;
  width: 100%;
   margin-top: .56rem;
}
.item02-b .downLoad{width:100%;
	display: flex; align-items: flex-start; 
	justify-content: center;
}
.item02-b .downLoad .downBtn{margin: 0 .55rem;
	width: 4.3rem; height: 1.18rem;
	/* position: relative; */
}
.item02-b .downLoad .downBtn.winDown{
	border: none;
	background: #54607a;
	background: -webkit-linear-gradient(right, #54607a , #86a2d7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #54607a, #86a2d7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #54607a, #86a2d7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #54607a , #86a2d7); /* 标准的语法 */
}
.item02-b .downLoad .downBtn a{
	width:100%; height: 1.18rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.item02-b .downLoad .downBtn h4{padding-top: 0;}
.item02-b .downLoad .downBtn a img{margin-right: .38rem;}
.item02-b .downLoad .downBtn.winDown h4{color: #fff;}
.item02-b .downLoad .downBtn.winDown p{color: #b6cef2;}
.item02-b .downLoad .phoneTxt{
	width: auto; display: inline-block;
	margin: .1rem auto; text-align: center;
	white-space: nowrap;
}
.item02-b .downLoad .phoneTxt span{margin: 0 .1rem;}


/* item03 */
.item03-left{
  width: 4.5rem; margin-left: 1.35rem; margin-top: 0.8rem;
}
.item03-left h3{
  font-size: .48rem; color: #333333; font-weight: bold; text-align: left; margin-bottom: 0.42rem;
  background: linear-gradient(to right, #720101,#ec2511, #1f0001); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
    -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
    -webkit-text-fill-color: transparent;/*给文字设置成透明*/
	position: relative;
}
.item03-left h3::before{
	content: ''; width: 2.43rem; height: 0.02rem; background: #e8e2e2; display: block; margin-top: 0.12rem;
	position: absolute; bottom: .01rem;
}
.item03-left h3::after{
  content: ''; width: 0.4rem; height: 0.04rem; background: #ff2601; display: block; margin-top: 0.1rem;
  position: relative;
}
.item03-left p.item03-left-p{
  font-size: .24rem; color: #333333; text-align: left; line-height: 0.36rem; margin-bottom: 1.14rem;
}
.item03-left p.item03-left-p span{
  color: #ff2f0b; font-size: .36rem; font-weight: bold;
}
.item03-right{
  width: 5.49rem; height:6.96rem; margin-right: .55rem; background: url(../images/phone02.png) no-repeat top center / 100%; padding-top: 1.25rem; padding-left: 0; box-sizing: border-box; text-align: center;
  position: relative;
}
.item03-right .hd{
  margin-top: -.09rem; text-align: center; margin-left: .55rem;
  position: relative; z-index: 3;
}
.item03-right .hd ul li{
  width: 0.3rem; height: 0.06rem; background: #ffdcd7; border-radius: .02rem; display: inline-block; margin: 0 .05rem;
}
.item03-right .hd ul li.on{
  background: #ff2a2a;
}
.item03-right .bd ul{
  padding-bottom: 1rem !important;
}
.item03-right .bd ul li{
  width: 2.77rem; height: 4.94rem; background: #ffffff60; padding: .05rem; border-radius: .2rem; display:block; margin: 0 .15rem;
}
.item03-right .bd ul li img{
  width: 100%;
}
.item03-right::after{
	content: ''; width: 5.49rem; height:1.84rem; display: inline-block;
	background: url(../images/phone03.png) no-repeat center / 100%;
	position: absolute; bottom: -1.82rem; left: 0;
}