html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: "Microsoft Yahei";
	vertical-align: baseline;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

html,
body {
	overflow: hidden;
}

.qipai {
	margin-top: 100px;
}

.faxing {
	margin-top: 100px;
}


/**内容**/

.wrapBox {
	position: fixed;
	top: 60px;
	width: 100%;
}

.box {
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 800px;
	overflow: hidden;
	/*background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 55px;
	behavior: url(ie-css3.htc);  This lets IE know to call the script on all elements which get the 'box' class */
	/*behavior: url(PIE.htc);  This lets IE know to call the script on all elements which get the 'box' class */
}

.box_fixed {
	position: relative!important;
	width: 100%;
	height: 700px;
}

.box div {
	position: absolute;
	z-index: 100;
}

.box .zIndex10 {
	z-index: 10;
}

.box .zIndex40 {
	z-index: 40;
}

.box .zIndex50 {
	z-index: 50;
}

.box .zIndex150 {
	z-index: 150;
}

.box .zIndex160 {
	z-index: 160;
}


/**box3**/

.b3_bg {
	/*background-image: url(../img/b3_bg.jpg);*/
	color: #fff;
}

.box_tl {
	width: 100%;
	height: 100px;
	text-align: center;
}

.clfea005 {
	color: #fea005;
}

.box_tl h2 {
	height: 60px;
	font-size: 30px;
	font-weight: bold;
}

.box_tl p {
	color: #bcbcbc;
	font-family: Arial;
	font-size: 16px;
}

.b3_img {
	left: 40%;
	top: 235px;
	width: 220px;
	height: 220px;
	position: absolute;
	-webkit-animation: slideInLeft 500ms 1s both;
}

.b3_img img {}

.b3_img#h5_img img {
	width: 373px;
	margin-left: -50px;
}

.b3_img#fx_img img {
	margin-left: -60px;
	margin-top: 100px;
	width: 373px;
}

.b3_img.transform {
	-webkit-transform: rotate(0deg);
	-webkit-animation-name: "rotate";
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-transition-timing-function: linear;
}

@-webkit-keyframes 'rotate' {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

.b3_txt {
	top: 230px;
	left: 500px;
	font-size: 14px;
	height: 200px;
	color: #fff;
	position: absolute;
	float: left;
}

.b3_txt:hover img {
	display: block;
	width: 280px;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes .b3_txt:hover img {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes .b3_txt:hover img {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.b3_txt span {
	display: none;
font-size: 14px;
}

.b3_txt:hover strong {
	display: none;

}

.b3_txt:hover span {
	position: absolute;
	left: -350px;
	top: 50px;
	font-size: 14px;
	display: block;
	width: 350px;
	line-height: 30px;
	text-align: left;
	display: block;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes .b3_txt:hover span {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes .b3_txt:hover span {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.b3_txt:hover.br span {
	position: absolute;
	left: 300px;
	top: 50px;
	font-size: 14px;
	display: block;
	width: 350px;
	line-height: 30px;
	text-align: left;
	display: block;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes .b3_txt.br:hover span {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes .b3_txt.br:hover span {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.b3_txt:hover {
	background: none!important;
}

.b3_txt strong {
	display: block;
	height: 25px;
	color: #fff;
	font-size: 18px;
	margin-top: 90px;
}

.b3_txt.bl {
	background: url("../images/box_lit_l.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/box_lit_l.png*/ no-repeat center;
}

.b3_txt.br {
	background: url("../images/box_lit_r.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/box_lit_r.png*/ no-repeat center;
}

.b3_01 {
    top: 0px;
    left: 25%;
    width: 300px;
}

.b3_02 {
	top: 260px;
	left: 10%;
	width: 300px;
}

.b3_03 {
	top: 550px;
	left: 25%;
	width: 300px;
}

.b3_04 {
	top: 0px;
	left: 50%;
	width: 300px;
}

.b3_05 {
	top: 260px;
	left: 63%;
	width: 300px;
}

.b3_06 {
	top: 550px;
	left: 50%;
	width: 300px;
}


.fx_ht {
	left: 500px;
}


/*中间*/

.content {
	width: 85%;
	margin: 0 auto;
	height: 500px;
}

.boxtit h3 {
	color: #fff;
	font-size: 30px;
}

.boxtit font {
	font-size: 14px;
	color: #fff;
}

.box1_right {
	width: 85%;
	margin-right: 1.6%;
}

.boxtit {
	position: absolute;
	top: 70%
}

.box1_left {
	width: 200px;
	height: 280px;
	line-height: 22px;
}

.box2_left {
	width: 200px;
	height: 280px;
	line-height: 22px;
}

.box2_right {
	width: 87%;
	margin-top: -140px;
}


/*展开*/

.b1_03_btn.anima {
	opacity: .5;
	-webkit-animation-name: 'opt';
	/*动画名称*/
	-webkit-animation-duration: 2s;
	/*播放一次所持续时间*/
	-webkit-animation-timing-function: ease;
	/*动画播放频率*/
	-webkit-animation-iteration-count: infinite;
	/*动画播放次涒为无限次*/
}

@-webkit-keyframes 'opt' {
	from {
		opacity: .5;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: .5
	}
}


/*第二部分*/

	.b2_img {
    left: 38%;
    top: 305px;
    width: 280px;
    height: 280px;
    position: absolute;
    -webkit-animation: slideInLeft 500ms 1s both;
        animation-duration: 500ms;
        animation-fill-mode: both;
        animation-name: slideInLeft;
}

.b2_img img {}

.b2_img#sy_img img {
	width: 373px;
}

.b2_img#qp_img img {
	margin-left: -60px;
	margin-top: 100px;
	width: 373px;
}

.b2_txt img,.b4_txt img {
	display: none;
}

.b2_img.transform {
	-webkit-transform: rotate(0deg);
	-webkit-animation-name: "rotate";
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-transition-timing-function: linear;
}

@-webkit-keyframes 'rotate' {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

.b2_txt span,.b4_txt span {
	font-size: 14px;
	display: none;
}

.b2_txt,.b4_txt {
	top: 230px;
	left: 500px;
	font-size: 14px;
	height: 200px;
	color: #fff;
	position: absolute;
	float: left;
}

.b2_txt:hover img,.b4_txt:hover img  {
	display: block;
	width: 280px;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes .b2_txt:hover img,@-webkit-keyframes .b4_txt:hover img {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes .b2_txt:hover img,@keyframes .b4_txt:hover img {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.b2_txt:hover strong,.b4_txt:hover strong {
	display: none;
}

.b2_txt:hover span,.b4_txt:hover span {
	position: absolute;
	left: -350px;
	top: 50px;
	font-size: 14px;
	display: block;
	width: 350px;
	line-height: 30px;
	text-align: left;
	display: block;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
	.b4_txt:hover span {
	
	left: -250px;
	}
@-webkit-keyframes .b2_txt:hover span,@-webkit-keyframes .b4_txt:hover span {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes .b2_txt:hover span,@keyframes .b4_txt:hover span  {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.b2_txt:hover.br span,.b4_txt:hover.br span {
	position: absolute;
	left: 300px;
	top: 50px;
	font-size: 14px;
	display: block;
	width: 350px;
	line-height: 30px;
	text-align: left;
	display: block;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes .b2_txt.br:hover span , @-webkit-keyframes .b4_txt.br:hover span  {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes .b2_txt.br:hover span,@keyframes .b4_txt.br:hover span  {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.b2_txt:hover {
	background: none!important;
}

.b2_txt strong  {
	display: block;
	height: 25px;
	color: #fff;
	font-size: 18px;
	margin-top: 90px;
}

.b2_txt.bl {
	background: url("../images/box_lit_l.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/box_lit_l.png*/ no-repeat center;
}

.b2_txt.br {
	background: url("../images/box_lit_r.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/box_lit_r.png*/ no-repeat center;
}

.mt30{
	margin-top:30px;
}
.mt60{
	margin-top:60px;
}
.-mt20{
	margin-top:-20px;
}
.-mt30{
	margin-top:-30px;
}
.-mt40{
	margin-top:-40px;
}
.-mt50{
	margin-top:-50px;
}
.b2_01 {
	top: 0px;
	left:27%;
	width: 300px;
}

.b2_02 {
	top:220px;
	left: 15%;
	width: 300px;
}

.b2_03 {
	top: 480px;
	left: 10%;
	width: 300px;
}

.b2_04 {
	top: 220px;
left: 60%;
width: 300px;
}

.b2_05 {
	top: 480px;
left: 64%;
width: 300px;
}

.b2_06 {
	top: 650px;
left: 50%;
width: 300px;
}
.b2_07 {
	top: 650px;
	left: 27%;
	width: 300px;
}
.b2_08 {
	top: 0px;
	left:50%;
	width: 300px;
}
/*第三屏*/

.box1_tit {
	position: absolute;
	top: 10%;
	left: 40%;
}

.box1_tit font {
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
	height: 31px;
}

.box1_tit span {
	font-size: 34px;
	letter-spacing: 3px;
}

.box1 ul.items {
	margin: 0 auto;
	margin-top: 15%;
	width: 1200px!important;
}

.box1 ul.items li {
	width: 200px;
	height: 260px;
	margin: 0 8px;
	background: url("../images/bg_green.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/bg_green.png*/ no-repeat 0px 400px;
	overflow: hidden;
	margin-bottom: 15px;
}

.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

.box1 ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 33px;
	height: 69px;
}

.box1 ul.items li.pc i {
	width: 69px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -60px -935px;
}

.box1 ul.items li.mobi i {
	width: 64px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -205px -935px;
}

.box1 ul.items li.sys i {
	width: 76px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -370px -935px;
}

.box1 ul.items li.app i {
	width: 74px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -370px -1015px;
}

.box1 ul.items li.host i {
	width: 79px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -205px -1015px;
}

.box1 ul.items li.jy i {
	width: 79px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -60px -1015px;
}

.box1 ul.items li.gy i {
	width: 79px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -62px -1095px;
}

.box1 ul.items li.dx i {
	width: 79px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -212px -1095px;
}

.box1 ul.items li.yyly i {
	width: 79px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -370px -1095px;
}

.box1 ul.items li.yxkf i {
	width: 79px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -60px -1165px;
}

.box1 ul.items li.lp i {
	width: 79px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -210px -1165px;
}

.box1 ul.items li.js i {
	width: 79px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -358px -1165px;
}

.box1 ul.items li u {
	display: block;
	position: absolute;
	width: 130px;
	height: 130px;
	margin-left: 35px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat 0px -362px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.box1 ul.items li u.cl {
	clip: rect(0px, 156px, -10px, 78px);
}

.box1 ul.items li u.cl {
	clip: rect(0px, 156px, 156px, 78px);
}

.box1 ul.items li u.cr {
	clip: rect(156px, 78px, 156px, 0px);
}

.box1 ul.items li u.cr {
	clip: rect(0px, 78px, 156px, 0px);
}


/*.box1 ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business.active .box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}
*/

.box1 ul.items li strong {
	display: block;
	margin-top: 40px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.box1 ul.items li p {
	position: relative;
	top: 200px;
	color: White;
	font-family: Arial, "宋体";
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.box1 ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}

.box1 ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}

.box1 ul.items li.pc:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -0px -935px;
}

.box1 ul.items li.mobi:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -140px -935px;
}

.box1 ul.items li.sys:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -280px -935px;
}

.box1 ul.items li.app:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -280px -1015px;
}

.box1 ul.items li.host:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -140px -1015px;
}

.box1 ul.items li.jy:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -0px -1015px;
}

.box1 ul.items li.gy:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat 5px -1095px;
}

.box1 ul.items li.dx:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -140px -1095px;
}

.box1 ul.items li.yyly:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -282px -1095px;
}

.box1 ul.items li.yxkf:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat 5px -1165px;
}

.box1 ul.items li.lp:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -140px -1165px;
}

.box1 ul.items li.js:hover i {
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat -282px -1165px;
}


/*.box1 ul.items li:hover u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.box1 ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}
*/

.box1 ul.items li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.box1 ul.items li:hover p {
	top: 10px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}


/*第四屏*/

.box0_tit font {
	color: #03dbc6;
	font-size: 50px;
}

.box0_tit span {
	width: 100%;
	display: block;
	color: #333;
	font-size: 34px;
}

.box0 ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	height: 60px;
	width: 60px;
}

.box0 ul.items.fl li i {
	float: right;
	margin-right: 35px;
}

.box0 ul.items.fl li span {
	float: right;
	text-align: right;
	padding-right: 30px;
}

.box0 ul.items.fr li i {
	float: left;
	margin-left: 35px;
}

.box0 ul.items.fr li span {
	float: left;
	text-align: left;
	padding-left: 30px;
}

.box0 ul.items {
	width: 50%;
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
	z-index: 10;
}

.box0 ul.items li {
	width: 100%;
	height: 85px;
	margin: 0 5px;
	overflow: hidden;
}

.box0 ul.items li.se i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat 0px 0px;
}

.box0 ul.items li.weixin i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -60px 0px;
}

.box0 ul.items li.weibo i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -130px -3px;
}

.box0 ul.items li.sms i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -196px -0px;
}

.box0 ul.items li.pay i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -260px -0px;
}

.box0 ul.items li.bbs i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -330px -3px;
}

.box0 ul.items li.ltjr i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -398px -0px;
}

.box0 ul.items li.yxjr i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -0px -70px;
}

.box0 ul.items li.fwq i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -62px -70px;
}

.box0 ul.items li.jstg i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -130px -70px;
	;
}

.box0 ul.items li.zzbl i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -200px -70px;
}

.box0 ul.items li.eckf i {
	background: url("../images/serv.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/serv.png*/ no-repeat -260px -70px;
	;
}

.box0 ul.items li u {
	display: block;
	position: absolute;
	right: 30px;
	width: 80px;
	height: 80px;
	background: url("../images/words.png")/*tpa=https://www.vlcms.com/tpl/new/Public/prostyle/images/words.png*/ no-repeat 0px -628px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}

.box0 ul.items.fr li u {
	left: 30px;
}


/*.box0 ul.items li u.cl {
	clip: rect(0px,128px,-10px,64px);
}

.box0 ul.items li:hover u.cl {
	clip: rect(0px,128px,128px,64px);
}

.box0 ul.items li u.cr {
	clip: rect(128px,64px,128px,0px);
}

.box0 ul.items li:hover u.cr {
	clip: rect(0px,64px,128px,0px);
}*/


/*.box0 ul.items li u.cr {
	clip: rect(128px,64px,128px,0px);
}*/

.box0 ul.items li:hover u.cr {
	clip: rect(0px, 64px, 128px, 0px);
}

.box0 ul.items li strong {
	display: block;
	font-size: 18px;
	color: #00dbc5;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}

.box0 ul.items li strong {
	margin-top: 20px;
}

.box0 ul.items li p {
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #767877;
}


/*第四屏效果*/

.active .box0 ul.items li.se {
	animation: fadeInDown 500ms 1.5s both;
	-webkit-animation: fadeInDown 500ms 1.5s both;
	-ms-animation:fadeInDown 500ms 1.5s both;
}

.active .box0 ul.items li.weixin {
	animation: fadeInDown 500ms 2s both;
	-webkit-animation: fadeInDown 500ms 2s both;
	-ms-animation:fadeInDown 500ms 2s both;
}

.active .box0 ul.items li.weibo {
	-webkit-animation: fadeInDown 500ms 2.5s both;
	-webkit-animation: fadeInDown 500ms 2.5s both;
	-ms-animation:fadeInDown 500ms 2.5s both;
}

.active .box0 ul.items li.sms {
	-webkit-animation: fadeInDown 500ms 3s both;
	-webkit-animation: fadeInDown 500ms 3s both;
	-ms-animation:fadeInDown 500ms 3s both;
}

.active .box0 ul.items li.pay {
	-webkit-animation: fadeInDown 500ms 3.5s both;
	-webkit-animation: fadeInDown 500ms 3.5s both;
	-ms-animation:fadeInDown 500ms 3.5s both;
}

.active .box0 ul.items li.bbs {
	-webkit-animation: fadeInDown 500ms 4s both;
	-webkit-animation: fadeInDown 500ms 4s both;
	-ms-animation:fadeInDown 500ms 4s both;
}

.active .box0 ul.items li.ltjr {
	-webkit-animation: fadeInDown 500ms 1.5s both;
	-webkit-animation: fadeInDown 500ms 1.5s both;
	-ms-animation:fadeInDown 500ms 1.5s both;
}

.active .box0 ul.items li.yxjr {
	-webkit-animation: fadeInDown 500ms 2s both;
	-webkit-animation: fadeInDown 500ms 2s both;
	-ms-animation:fadeInDown 500ms 2s both;
}

.active .box0 ul.items li.fwq {
	-webkit-animation: fadeInDown 500ms 2.5s both;
	-webkit-animation: fadeInDown 500ms 2.5s both;
	-ms-animation:fadeInDown 500ms 2.5s both;
}

.active .box0 ul.items li.jstg {
	-webkit-animation: fadeInDown 500ms 3s both;
	-webkit-animation: fadeInDown 500ms 3s both;
	-ms-animation:fadeInDown 500ms 3s both;
}

.active .box0 ul.items li.zzbl {
	-webkit-animation: fadeInDown 500ms 3.5s both;
	-webkit-animation: fadeInDown 500ms 3.5s both;
	-ms-animation:fadeInDown 500ms 3.5s both;
}

.active .box0 ul.items li.eckf {
	-webkit-animation: fadeInDown 500ms 4s both;
	-webkit-animation: fadeInDown 500ms 4s both;
	-ms-animation:fadeInDown 500ms 4s both;
}

@-webkit-keyframes .active .box0 ul.items li {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes .active .box0 ul.items li {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.active .box0 ul.items li {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes .active .box0_tit {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes .active .box0_tit {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.active .box0_tit {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
	animation-duration: 2s;
}


/*第三屏效果*/

@-webkit-keyframes .active .box1 ul.items {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes .active .box1 ul.items {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.active .box1 ul.items {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	animation-duration: 4s;
	-webkit-animation: fadeInDown 500ms 1.5s both;
}

@-webkit-keyframes .active .box1_tit {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes .active .box1_tit {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.active .box1_tit {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	animation-duration: 1.5s;
}


/*第二屏效果*/

@-webkit-keyframes .active .b2_txt.br {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes .active .b2_txt.br {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.active .b2_txt.br {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation: fadeInLeft 500ms 1.5s both;
}

@-webkit-keyframes .active .b2_txt.bl {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes .active .b2_txt.bl {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.active .b2_txt.bl {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation: fadeInRight 500ms 1.5s both;
}

@-webkit-keyframes .active .b2_img {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes .active .b2_img {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.active .b2_img {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes .active .box2_left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes .active .box2_left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.active .box2_left {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}


/*第一屏效果*/

@-webkit-keyframes .active .b3_txt.br {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes .active .b3_txt.br {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.active .b3_txt.br {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation: fadeInLeft 500ms 1.5s both;
}

@-webkit-keyframes .active .b3_txt.bl {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes .active .b3_txt.bl {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.active .b3_txt.bl {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation: fadeInRight 500ms 1.5s both;
}

@-webkit-keyframes .active .b3_img {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes .active .b3_img {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.active .b3_img {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes .active .box1_left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes .active .box1_left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.active .box1_left {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@media (min-width: 1900px) {
	body {
		min-width: 1900px;
	}
}

@media screen and (min-width: 1700px) and (max-width: 1900px) {
	.b2_img img {
		width: 240px;
		height: 240px;
	}
	.box2_right {
		width: 85%;
	}
	.b2_txt:hover img {
		width: 240px;
	}
	.b2_txt {
		width: 240px!important;
	}
	.b2_01 {
		left: 39%;
	}
	.b2_02 {
		top: 150px;
		left: 20%;
	}
	.b2_04 {
	top: 150px;

}
	.b2_03 {
		left: 15%;
		top: 390px;
	}
	.b2_05 {
		top: 420px;
	}
	.b2_06 {
		top: 600px;
	}
	.b2_07 {
	top: 600px;

}
	.b2_txt:hover.br span {
		left: 280px;
		top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
	.b2_txt:hover span {
		left: -200px;
		top: 20px;
		font-size: 14px;
		width: 250px;
		line-height: 22px;
	}
	.b3_img img {
		width: 240px;
		height: 240px;
	}
	.box1_right {
		width: 85%;
	}
	.b3_txt:hover img {
		width: 240px;
	}
	.b3_txt {
		width: 240px!important;
	}
	.b3_01 {
		left: 27%;
	}
	.b3_02 {
		top: 260px;
		left: 15%;
	}
	.b3_03 {
		left: 27%;
		top: 520px;
	}
	.b3_05 {
		top: 260px;
	}
	.b3_06 {
		top: 520px;
	}
	.b3_txt:hover.br span {
		left: 240px;
		top: 20px;
		font-size: 14px;
	}
	.b3_txt:hover span {
		left: -310px;
		top: 20px;
		font-size: 14px;
		width: 330px;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1750px) {
	.b2_img img {
		width: 200px;
		height: 200px;
	}
	.box2_right {
		width: 80%;
	}
	.b2_txt:hover img {
		width: 200px;
		margin-top: 25px;
	}
	.b2_txt {
		width: 200px!important;
	}
	.b2_01 {
		left: 33%;
	}
	.b2_02 {
		top: 240px;
		left: 15%;
	}
	.b2_03 {
		left: 33%;
		top: 500px;
	}
	.b2_04 {
		left: 59%;
	}
	.b2_05 {
		top: 240px;
		left: 70%;
	}
	.b2_06 {
		top: 500px;
		left: 59%;
	}
	.b2_img {
		width: 220px;
		height: 220px;
		left: 45%;
	}
	.b2_txt:hover.br span {
		left: 280px;
		top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
	.b2_txt:hover span {
		left: -270px;
		top: 20px;
		font-size: 14px;
		width: 250px;
		line-height: 22px;
	}
	.boxtit {
		top: 50%;
	}
	.b3_img img {
		width: 200px;
		height: 200px;
	}
	.box1_right {
		width: 80%;
	}
	.b3_txt:hover img {
		width: 200px;
		margin-top: 25px;
	}
	.b3_txt {
		width: 200px!important;
	}
	.b3_01 {
		left: 28%;
	}
	.b3_02 {
		top: 240px;
		left: 10%;
	}
	.b3_03 {
		left: 28%;
		top: 500px;
	}
	.b3_04 {
		left: 50%;
	}
	.b3_05 {
		top: 240px;
		left: 62%;
	}
	.b3_06 {
		top: 500px;
		left: 50%;
	}
	.b3_img {
		width: 220px;
		height: 220px;
		left: 35%;
	}
	.b3_txt:hover.br span {
		left: 200px;
		top: 20px;
		font-size: 14px;
		line-height: 22px;
		width: 300px;
	}
	.b3_txt:hover span {
		left: -300px;
		top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
}

@media screen and (max-width: 1400px) {
	body {
		min-width: 1300px;
	}
	.b2_img img {
		width: 200px;
		height: 200px;
	}
	.box2_right {
		width: 75%;
	}
	.b2_txt:hover img {
		width: 200px;
		margin-top: 25px;
	}
	.b2_txt {
		width: 200px!important;
	}
	.b2_01 {
		left: 33%;
	}
	.b2_02 {
		top: 240px;
		left: 15%;
	}
	.b2_03 {
		left: 33%;
		top: 460px;
	}
	.b2_04 {
		left: 59%;
	}
	.b2_05 {
		top: 240px;
		left: 70%;
	}
	.b2_06 {
		top: 460px;
		left: 59%;
	}
	.b2_img {
		width: 220px;
		height: 220px;
		left: 45%;
	}
	.b2_txt:hover.br span {
		left: 280px;
		top: 50px;
		font-size: 14px;
		line-height: 22px;
	}
	.b2_txt:hover span {
		left: -270px;
		top: 20px;
		font-size: 14px;
		width: 250px;
		line-height: 22px;
	}
	.b3_img img {
		width: 200px;
		height: 200px;
	}
	.box1_right {
		width: 75%;
	}
	.b3_txt:hover img {
		width: 200px;
		margin-top: 25px;
	}
	.b3_txt {
		width: 200px!important;
	}
	.b3_01 {
		left: 16%;
	}
	.b3_02 {
		top: 240px;
		left: 0%;
	}
	.b3_03 {
		left: 16%;
		top: 470px;
	}
	.b3_04 {
		left: 42%;
	}
	.b3_05 {
		top: 240px;
		left: 58%;
	}
	.b3_06 {
		top: 470px;
		left: 42%;
	}
	.b3_img {
		width: 220px;
		height: 220px;
		left: 28%;
	}
	.b3_txt:hover.br span {
		left: 200px;
		top: 60px;
		font-size: 14px;
		line-height: 22px;
		width: 300px;
	}
	.b3_txt:hover span {
		left: -300px;
		top: 60px;
		font-size: 14px;
		line-height: 22px;
	}
}
@media screen and (max-width: 1300px) {
.b3_01 {
   
    left: 25%;
   
}
}