@keyframes bcVideoPlayerSpin {
	to {
		transform: rotate(1turn)
	}
}
li{list-style: none;}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

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

td,
th {
	padding: 0
}

@font-face {
	font-family: Roboto;
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-thin.eot);
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-thin.eot#iefix) format("embedded-opentype"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-thin.woff2) format("woff2"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-thin.woff) format("woff"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-thin.ttf) format("truetype");
	font-weight: 200
}

@font-face {
	font-family: Roboto;
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-light.eot);
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-light.eot#iefix) format("embedded-opentype"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-light.woff2) format("woff2"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-light.woff) format("woff"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-light.ttf) format("truetype");
	font-weight: 300
}

@font-face {
	font-family: Roboto;
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-regular.eot);
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-regular.eot#iefix) format("embedded-opentype"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-regular.woff2) format("woff2"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-regular.woff) format("woff"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-regular.ttf) format("truetype");
	font-weight: 400
}

@font-face {
	font-family: Roboto;
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-medium.eot);
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-medium.eot#iefix) format("embedded-opentype"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-medium.woff2) format("woff2"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-medium.woff) format("woff"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-medium.ttf) format("truetype");
	font-weight: 500
}

@font-face {
	font-family: Roboto;
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-bold.eot);
	src: url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-bold.eot#iefix) format("embedded-opentype"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-bold.woff2) format("woff2"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-bold.woff) format("woff"), url(http://assets.alicdn.com/g/icbu-group/next-font/1.0.3/font/roboto-bold.ttf) format("truetype");
	font-weight: 700
}

{margin: 0 auto;background: #f3f3f3;font-family: Arial Regular, Arial, Microsoft YaHei, Helvetica, sans-serif}
.mod-hd{padding: 50px 0;width: 1200px;margin: 0 auto;text-align: center}
.mod-hd h2{font-size: 37px;font-weight: 600;color: #1a1a1a;display: block}
.mod-hd h3{color: #3f3f3f;font-size: 20px;display: flex;align-items: center;justify-content: center;margin-top: 20px}
.mod-hd h3 i{display: inline-block;border: 2px solid #026ed0;width: 15px;height: 15px;margin: 0 25px;border-radius: 50%}
.mod-bd{width: 1200px;margin: 0 auto}
.mod-bd ul.prds{width: 1200px;zoom: 1}{float: left}
.item{width: 420px;overflow: hidden;border-radius: 35px;margin-left: -30px;position: relative}
.item .pic{width: 260px;height: 260px;margin: 0 auto;overflow: hidden;display: flex;align-items: center;justify-content: center;transition: all 1s}
.item .pic img{max-width: 100%;max-height: 100%;    margin: 30px auto;    display: block;}
.item .pic_bd{width: 260px;height: 260px;position: absolute;top: 0}
.item .pic_bd .pic_bdT{width: 260px;height: 130px;display: inline-block;border: 30px solid #0080c7;border-bottom-width: 0;border-radius: 130px 130px 0 0;position: relative;    z-index: 1000;}
.item .pic_bd .pic_bdB{width: 260px;height: 130px;display: inline-block;border: 30px solid #989898;border-top-width: 0;border-radius: 0 0 130px 130px;position: relative;    z-index: 1000;}
.item .row-even .pic_bdT{z-index: 0;transform-origin: center bottom;transform: rotate(180deg);opacity: 0}
.item .row-odd .pic_bdT{border: 30px solid #989898;border-bottom-width: 0;border-radius: 130px 130px 0 0}
.item .row-odd .pic_bdB{border: 30px solid #0080c7;border-top-width: 0;z-index: 0;transform-origin: center top;transform: rotate(180deg);opacity: 0}
.item .detail{display: inline-block;padding: 30px 30px 10px;text-align: center}
.item .detail .title{height: 46px;color: #111;font-size: 17px;display: inline-block;text-decoration: none;overflow: hidden}
.item .detail .desc{width: 100%;height: 126px;color: #3c3c3c;display: inline-block;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;font-size: 15px;line-height: 18px;margin-top: 15px}
.item4{width: 320px}
.item5{width: 260px}
.nfirst{margin-left: 0}
.item:hover .pic{transform: rotateY(180deg)}
.mod-bd ul.prds:after{content: " ";display: block;height: 0;clear: both}
.mod-bd-body:hover .mod-bd .prds .prd .item .row-even .pic_bdT{animation: moveT 1.5s linear alternate forwards}
.J_module[module-name=intl-icbu-smod-module_664db79102006847e711186d80ba665f] .mod-bd-body:hover .mod-bd .prds .prd .item .row-odd .pic_bdB{animation: moveB 1.5s linear alternate forwards}
@keyframes moveT{0%{opacity: 1}
95%{opacity: 1;z-index: 0}
to{opacity: 1;z-index: 2;transform: rotate(1turn)}}
@keyframes moveB{0%{opacity: 1}
95%{opacity: 1;z-index: 0}
to{opacity: 1;z-index: 2;transform: rotate(0deg)}}

.mod-bd-body .mod-bd ul.prds li.prd {
    float: left;
}
