@charset "utf-8";
@font-face {
font-family:'iconfont';
src:url("/template/cn2014/wap/images/font_1044537_kvglaw4zyfj.eot");
src:url("/template/cn2014/wap/images/font_1044537_kvglaw4zyfj.eot") format("embedded-opentype"), url("/template/cn2014/wap/images/font_1044537_kvglaw4zyfj.woff2") format("woff2"), url("/template/cn2014/wap/images/font_1044537_kvglaw4zyfj.woff") format("woff"), url("/template/cn2014/wap/images/font_1044537_kvglaw4zyfj.ttf") format("truetype"), url("/template/cn2014/wap/images/font_1044537_kvglaw4zyfj.svg#iconfont") format("svg")
}
.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale
}
@font-face {
font-family:'Samsung Sharp Sans Regular';
src:url("/template/cn2014/wap/images/samsung sharp sans regular.ttf") format("truetype")
}
@font-face {
font-family:'Samsung Sharp Sans Bold';
src:url("/template/cn2014/wap/images/samsung sharp sans bold.ttf") format("truetype")
}
@font-face {
font-family:'PingFang Medium';
src:url("/template/cn2014/wap/images/pingfang medium.ttf") format("truetype")
}
body {
	font-size:14px;
	color:#333;
	background:url(/template/cn2014/wap/images/bg-repeat.png) left top repeat;
	-webkit-font-smoothing:antialiased
}
@media (min-width: 1440px) {
.container {
max-width:1230px
}
}
body .window-mCustom {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto
}
body .fl {
	float:left
}
body .fr {
	float:right
}
body .pd0 {
	padding:0
}
body .pd5 {
	padding:5px
}
body .pd10 {
	padding:10px
}
body .pd15 {
	padding:15px
}
body .pd20 {
	padding:20px
}
body .pd30 {
	padding:30px
}
body .pt0 {
	padding-top:0
}
body .pt5 {
	padding-top:5px
}
body .pt10 {
	padding-top:10px
}
body .pt15 {
	padding-top:15px
}
body .pt20 {
	padding-top:20px
}
body .pt30 {
	padding-top:30px
}
body .pt40 {
	padding-top:40px
}
body .pb0 {
	padding-bottom:0
}
body .pb5 {
	padding-bottom:5px
}
body .pb10 {
	padding-bottom:10px
}
body .pb15 {
	padding-bottom:15px
}
body .pb20 {
	padding-bottom:20px
}
body .pb30 {
	padding-bottom:30px
}
body .pb40 {
	padding-bottom:40px
}
body .m0 {
	margin:0
}
body .m0a {
	margin:0 auto
}
body .ml0 {
	margin-left:0
}
body .ml5 {
	margin-left:5px
}
body .ml10 {
	margin-left:10px
}
body .ml15 {
	margin-left:15px
}
body .ml20 {
	margin-left:20px
}
body .ml30 {
	margin-left:30px
}
body .ml40 {
	margin-left:40px
}
body .mr0 {
	margin-right:0
}
body .mr5 {
	margin-right:5px
}
body .mr10 {
	margin-right:10px
}
body .mr15 {
	margin-right:15px
}
body .mr20 {
	margin-right:20px
}
body .mr30 {
	margin-right:30px
}
body .mr40 {
	margin-right:40px
}
body .mt0 {
	margin-top:0
}
body .mt10 {
	margin-top:10px
}
body .mt15 {
	margin-top:15px
}
body .mt20 {
	margin-top:20px
}
body .mt30 {
	margin-top:30px
}
body .mt40 {
	margin-top:40px
}
body .mt50 {
	margin-top:50px
}
body .mt60 {
	margin-top:60px
}
body .mt120 {
	margin-top:120px
}
body .mb0 {
	margin-bottom:0
}
body .mb10 {
	margin-bottom:10px
}
body .mb15 {
	margin-bottom:15px
}
body .mb20 {
	margin-bottom:20px
}
body .mb30 {
	margin-bottom:30px
}
body .mb40 {
	margin-bottom:40px
}
body .mb50 {
	margin-bottom:50px
}
body .mb60 {
	margin-bottom:60px
}
body .mb120 {
	margin-bottom:120px
}
body .font16 {
	font-size:16px
}
body .font18 {
	font-size:18px
}
body .font20 {
	font-size:20px
}
body .font22 {
	font-size:22px
}
body .font24 {
	font-size:24px
}
body .font26 {
	font-size:26px
}
body .font28 {
	font-size:28px
}
body .font30 {
	font-size:30px
}
body .font36 {
	font-size:36px
}
body .font40 {
	font-size:40px
}
body .normal {
	font-style:normal
}
body .bold {
	font-weight:bold
}
body .td {
	text-decoration:none
}
body .ti {
	text-indent:2em
}
body .tup {
	text-transform:uppercase
}
body .tlow {
	text-transform:lowercase
}
body .cd {
	cursor:default
}
body .block {
	display:block
}
body .none {
	display:none
}
body .inblock {
	display:inline-block
}
body .hidden {
	overflow:hidden
}
body .middle {
	vertical-align:middle
}
body .zfix:after {
	content:'';
	display:block;
	margin-top:50%
}
body .clear:after {
	content:'\20';
	display:block;
	height:0;
	clear:both
}
* {
	margin:0;
	padding:0
}
*, *::after, *::before {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
div {
	display:block;
	width:auto;
	height:auto
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display:block
}
pre {
	background:#fff
}
audio, canvas, video {
	display:inline-block
}
body, button, input, select, textarea {
	font-family:"lucida grande", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "PingFang SC", "??????", "PingFang Medium", "Microsoft YaHei", "????????????", "Microsoft JhengHei", "???????????????", SimSun, "??????", STXihei, "????????????", Heiti, "??????", sans-serif
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%
}
address, cite, dfn, em, var {
	font-style:normal
}
code, kbd, pre, samp {
	font-family:courier new, courier, monospace
}
small {
	font-size:12px
}
legend {
	color:#000
}
fieldset, img {
	border:0
}
button, input, select, textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
img {
	display:block;
	max-width:100%;
	height:auto;
	width:auto\9
}
@media only screen and (max-width: 640px) {
blockquote {
margin:1em 0
}
}
abbr {
	cursor:help
}
a {
	color:inherit;
	text-decoration:none;
	outline:none
}
a:hover {
	color:#0D60DD;
	text-decoration:none;
	outline:none
}
a:active {
	outline:none
}
ins {
	text-decoration:none
}
::-moz-selection {
background:#0D60DD;
color:#fff
}
::selection {
background:#0D60DD;
color:#fff
}
.header {
	position:fixed;
	top:0;
	width:100%;
	color:#fff;
	z-index:9
}
.header ul {
	background-color:#0D60DD
}
.header ul li {
	height:50px
}
.header ul .hd {
	cursor:pointer;
	padding:8px 2px
}
.header ul .hd .item {
	padding-left:2px;
	padding-right:2px;
	height:34px;
	line-height:34px;
	color:#0D60DD;
	font-size:16px;
	text-align:center;
	background-color:#f4f4f4;
	border-radius:6px
}
.header ul .hd .item i {
	margin-right:5px
}
.header ul .bd {
	padding:0;
	background-color:#0D60DD
}
.header ul .bd a {
	display:block;
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:16px;
	text-align:center
}
.header ul .bd a:hover {
	color:#fff
}
.header ul .ft {
	padding:8px 2px
}
.header ul .ft .item {
	padding-left:2px;
	padding-right:2px;
	text-align:center
}
.header ul .ft .item a {
	display:block;
	height:34px;
	line-height:34px
}
.header ul .ft .item a i {
	font-size:26px
}
.header ul .ft .item a:hover {
	color:#fff
}
.sidenav {
	cursor:pointer;
	display:block;
	overflow:auto;
	position:fixed;
	top:0;
	width:250px;
	height:100%;
	left:0;
	-webkit-transform:translate(-262px, 0);
	transform:translate(-262px, 0);
	-webkit-transition:-webkit-transform 0.3s;
	transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	transition:transform 0.3s, -webkit-transform 0.3s;
	background:#212121;
	-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.3);
	box-shadow:2px 2px 6px rgba(0, 0, 0, 0.3);
	z-index:100
}
.sidenav.show {
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.sidenav .brand {
	padding:10px;
	height:60px;
	line-height:40px;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background-color:#0D60DD
}
.sidenav .brand img {
	height:100%
}
.sidenav .text {
	padding:10px 0;
	color:#999;
	font-size:16px;
	text-align:center;
	border-bottom:1px solid #000
}
.sidenav .text small {
	display:block;
	font-size:14px
}
.sidenav .menu .item {
	position:relative;
	width:100%;
	border-bottom:1px solid #000
}
.sidenav .menu .item a {
	display:block;
	padding:0 15px;
	color:#bdbdbd
}
.sidenav .menu .item a .title {
	display:block;
	height:40px;
	line-height:40px
}
.sidenav .menu .item a .icon {
	position:absolute;
	display:none;
	top:10px;
	right:20px
}
.sidenav .menu .item a .icon.show {
	display:block
}
.sidenav .menu .item a:hover {
	background:#616161
}
.sidenav .menu .dropdown {
	display:none;
	overflow:hidden;
	padding:0;
	margin:0;
	border-bottom:1px solid #424242;
	background-color:#191919
}
.sidenav .menu .dropdown li a {
	display:block;
	height:40px;
	line-height:40px;
	background:#191919
}
.sidenav .menu .dropdown li a:hover {
	background:#616161
}
.sidenav .menu .dropdown li a li:first-child a {
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1)
}
.sidenav .menu .dropdown .half {
	float:left;
	width:50%
}
.sidenav-overlay {
	cursor:pointer;
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
	background:rgba(255, 255, 255, 0.8)
}
.sidenav-no-scroll {
	overflow:hidden !important
}
.carousel-indicators {
	bottom:0
}
.main {
	margin-bottom:60px
}
.main .section {
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden
}
.main .section .hd {
	margin:0 auto
}
.main .section .hd h1 {
	margin-bottom:0;
	height:50px;
	line-height:50px;
	color:#999;
	font-family:Samsung Sharp Sans Bold;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase
}
.main .section .hd h1 span {
	float:left;
	color:#0D60DD
}
.main .section .hd h1 i {
	float:right;
	font-style:normal
}
.main .section .hd .tit {
	text-align:center
}
.main .section .hd .tit h2 {
	padding:0;
	margin-bottom:0;
	color:#666;
	font-size:24px;
	font-weight:bold
}
.main .section .hd .tit p {
	padding:0;
	margin-top:10px;
	margin-bottom:0;
	color:#999
}
.main .section .triangle {
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid #fff
}
.section1 {
	background-color:#f4f4f4
}
.section1 .hd {
	width:300px
}
.section1 .bd .left .item {
	padding:15px;
	background-color:#fff
}
.section1 .bd .left .item p {
	padding:15px;
	margin-bottom:0;
	line-height:30px;
	background-color:#0D60DD;
	color:#fff;
	font-size:14px
}
.section1 .bd .left .item a {
	display:block;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:16px;
	text-align:center;
	background-color:#333
}
.section1 .bd .left .item a .box {
	float:right;
	width:40px;
	height:40px;
	background-color:#c7000b
}
.section1 .bd .left .item a .box .triangle {
	margin:10px auto 0 auto
}
.section1 .bd .right {
	background-color:#fff
}
.section1 .bd .right ul {
	margin-bottom:0
}
.section1 .bd .right ul li {
	padding-top:15px
}
.section1 .bd .right ul li img {
	height:100px
}
.section1 .bd .right ul li h3 {
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#0D60DD
}
.section1 .bd .right ul .owl-dots {
	display:none
}
.section2 .hd {
	width:300px
}
.section2 .bd ul li figure {
	position:relative
}
.section2 .bd ul li figure .item {
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;
	line-height:40px
}
.section2 .bd ul li figure .item figcaption {
	background:rgba(13, 96, 221, 0.8)
}
.section2 .bd ul li figure .item span {
	background:rgba(51, 51, 51, 0.8)
}
.section2 .bd ul .owl-dots {
	display:none
}
.section2 .ft ul li {
	margin-top:15px
}
.section2 .ft ul li a {
	height:26px;
	line-height:26px;
	text-align:center;
	color:#fff;
	background-color:#0D60DD
}
.section2 .ft ul li a:hover {
	background-color:#333
}
.section3 {
	background-color:#f4f4f4
}
.section3 .hd {
	width:320px
}
.section3 .bd ul li figure {
	position:relative;
	border:2px solid #0D60DD
}
.section3 .bd ul li figure figcaption {
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	background:rgba(13, 96, 221, 0.8)
}
.section3 .bd ul .owl-dots .owl-dot span {
	width:40px;
	height:3px
}
.section3 .bd ul .owl-dots .owl-dot.active span {
	background-color:#0D60DD
}
.section3 .ft {
	background-color:#f4f4f4
}
.section3 .ft .link {
	margin:0 auto;
	width:200px;
	height:40px;
	background-color:#0D60DD
}
.section3 .ft .link a {
	float:left;
	display:block;
	width:160px;
	line-height:40px;
	text-align:center
}
.section3 .ft .link span {
	float:right;
	display:block;
	width:40px;
	height:40px;
	background-color:#333
}
.section3 .ft .link span .triangle {
	display:block;
	margin:10px auto 0 auto
}
.section4 {
	background:url(/template/cn2014/wap/images/index-c-bg.jpg) top center no-repeat;
	background-size:cover
}
.section4 .hd {
	width:270px
}
.section4 .bd {
	position:relative
}
.section4 .bd ul li {
	padding-left:10px;
	padding-right:10px;
	text-align:center
}
.section4 .bd ul li h3 {
	padding:15px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	background-color:#0D60DD;
	border-radius:10px
}
.section4 .bd .line {
	position:absolute;
	top:50%;
	width:100%;
	height:1px;
	background-color:#999
}
.section5 .hd {
	width:340px
}
.section5 .bd ul li h3 {
	margin-top:10px
}
.section5 .bd ul li h3 a {
	color:#0D60DD
}
.section5 .bd ul li h3 a:hover {
	color:#333
}
.section5 .bd ul li p {
	margin-bottom:5px;
	color:#999
}
.section5 .bd ul li p a:hover {
	color:#0D60DD
}
.section5 .ft .link {
	margin:0 auto;
	width:200px;
	height:40px;
	background-color:#0D60DD
}
.section5 .ft .link a {
	float:left;
	display:block;
	width:160px;
	line-height:40px;
	text-align:center
}
.section5 .ft .link span {
	float:right;
	display:block;
	width:40px;
	height:40px;
	background-color:#333
}
.section5 .ft .link span .triangle {
	display:block;
	margin:10px auto 0 auto
}
.footer {
	position:fixed;
	bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	background-color:#0D60DD;
	color:#eee;
	z-index:9
}
.footer ul a li {
	text-align:center
}
.footer ul a li i {
	height:30px;
	line-height:30px;
	font-size:28px
}
.footer ul a li span {
	display:block;
	height:20px;
	line-height:20px;
	font-weight:bold
}
.footer ul a:hover {
	color:#fff
}
.footer p {
	font-size:12px
}
.carousel-control-prev {
	background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
	background:linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0))
}
.carousel-control-next {
	background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
	background:linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0))
}
.carousel-indicators .active {
	background-color:#0D60DD
}
.owl-carousel {
	display:none;
	width:100%;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	z-index:1
}
.owl-carousel .owl-stage {
	position:relative;
	-ms-touch-action:pan-Y;
	touch-action:manipulation;
	-moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
.owl-carousel .owl-stage-outer {
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
	position:relative;
	min-height:1px;
	float:left;
	-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none
}
.owl-carousel .owl-item img {
	display:block;
	width:100%
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
	display:none
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
	background:none;
	color:inherit;
	border:none;
	padding:0 !important;
	font:inherit;
	outline:none
}
.owl-carousel.owl-loaded {
	display:block
}
.owl-carousel.owl-loading {
	opacity:0;
	display:block
}
.owl-carousel.owl-hidden {
	opacity:0
}
.owl-carousel.owl-refresh .owl-item {
	visibility:hidden
}
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.owl-carousel.owl-grab {
	cursor:move;
	cursor:-webkit-grab;
	cursor:grab
}
.owl-carousel.owl-rtl {
	direction:rtl
}
.owl-carousel.owl-rtl .owl-item {
	float:right
}
.no-js .owl-carousel {
	display:block
}
.owl-carousel .animated {
	-webkit-animation-duration:1000ms;
	animation-duration:1000ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.owl-carousel .owl-animated-in {
	z-index:0
}
.owl-carousel .owl-animated-out {
	z-index:1
}
.owl-carousel .fadeOut {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
	-webkit-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
	opacity:0;
	-webkit-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height:0
}
.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper {
	position:relative;
	height:100%;
	background:#000
}
.owl-carousel .owl-video-play-icon {
	position:absolute;
	height:80px;
	width:80px;
	left:50%;
	top:50%;
	margin-left:-40px;
	margin-top:-40px;
	background:url("/template/cn2014/wap/images/owl.video.play.png") no-repeat;
	cursor:pointer;
	z-index:1;
	-webkit-backface-visibility:hidden;
	-webkit-transition:-webkit-transform 100ms ease;
	transition:-webkit-transform 100ms ease;
	transition:transform 100ms ease;
	transition:transform 100ms ease, -webkit-transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform:scale(1.3, 1.3);
	transform:scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
	display:none
}
.owl-carousel .owl-video-tn {
	opacity:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	-webkit-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}
.owl-carousel .owl-video-frame {
	position:relative;
	z-index:1;
	height:100%;
	width:100%
}
.owl-theme .owl-nav {
	margin-top:10px;
	text-align:center;
	-webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav [class*='owl-'] {
color:#fff;
font-size:14px;
margin:5px;
padding:4px 7px;
background:#D6D6D6;
display:inline-block;
cursor:pointer;
border-radius:3px
}
.owl-theme .owl-nav [class*='owl-']:hover {
background:#2c2c2c;
color:#fff;
text-decoration:none
}
.owl-theme .owl-nav .disabled {
	opacity:.5;
	cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top:10px
}
.owl-theme .owl-dots {
	text-align:center;
	-webkit-tap-highlight-color:transparent
}
.owl-theme .owl-dots .owl-dot {
	display:inline-block;
	zoom:1;
*display:inline
}
.owl-theme .owl-dots .owl-dot span {
	width:10px;
	height:10px;
	margin:5px 7px;
	background:#D6D6D6;
	display:block;
	-webkit-backface-visibility:visible;
	-webkit-transition:opacity 200ms ease;
	transition:opacity 200ms ease;
	border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background:#2c2c2c
}
.set_button_1 {
	cursor:pointer;
	display:block;
	position:relative;
	width:auto;
	text-align:center;
	overflow:hidden;
	z-index:1
}
.set_button_1:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:500%;
	height:1000%;
	background:rgba(255, 255, 255, 0.1);
	z-index:-1;
	-webkit-transform-origin:0% 0%;
	transform-origin:0% 0%;
	-webkit-transform:translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
	transform:translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
	-webkit-transform:translateX(16%) translateY(10%) rotate(-45deg);
	transform:translateX(16%) translateY(10%) rotate(-45deg);
-webkit-transition:-webkit-transform .3s;
transition:-webkit-transform .3s;
transition:transform .3s;
transition:transform .3s, -webkit-transform .3s
}
.set_button_1:hover::after {
-webkit-transform:translateX(0px) translateY(10%) rotate(-45deg);
transform:translateX(0px) translateY(10%) rotate(-45deg)
}
.set_button_2 {
	cursor:pointer;
	position:relative;
	color:#fff;
	text-align:center;
	border:1px solid currentColor;
	overflow:hidden;
	z-index:0
}
.set_button_2.raised {
	-webkit-transition:all 0.1s;
	transition:all 0.1s;
	background:#9966cc
}
.set_button_2.raised:active {
	background:#515151;
	-webkit-box-shadow:0px 1px 1px #063e6b;
	box-shadow:0px 1px 1px #063e6b
}
.set_button_2 .anim {
	position:absolute;
	top:50%;
	left:50%;
	z-index:-1;
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%)
}
.set_button_2 .anim:before {
	position:relative;
	content:'';
	display:block;
	margin-top:100%
}
.set_button_2 .anim:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius:50%
}
.clickable .toggle:checked+.anim {
	-webkit-animation:anim-in 0.75s;
	animation:anim-in 0.75s
}
.clickable .toggle:checked+.anim:after {
	-webkit-animation:anim-in-pseudo 0.75s;
	animation:anim-in-pseudo 0.75s
}
.clickable .toggle:not(:checked)+.anim {
-webkit-animation:anim-out 0.75s;
animation:anim-out 0.75s
}
.clickable .toggle:not(:checked)+.anim:after {
-webkit-animation:anim-out-pseudo 0.75s;
animation:anim-out-pseudo 0.75s
}
.hoverable:hover>.anim {
	-webkit-animation:anim-out 0.75s;
	animation:anim-out 0.75s
}
.hoverable:hover>.anim:after {
	-webkit-animation:anim-out-pseudo 0.75s;
	animation:anim-out-pseudo 0.75s
}
@-webkit-keyframes anim-in {
0% {
width:0%
}
100% {
width:100%
}
}
@keyframes anim-in {
0% {
width:0%
}
100% {
width:100%
}
}
@-webkit-keyframes anim-in-pseudo {
0% {
background:rgba(0, 0, 0, 0.25)
}
100% {
background:transparent
}
}
@keyframes anim-in-pseudo {
0% {
background:rgba(0, 0, 0, 0.25)
}
100% {
background:transparent
}
}
@-webkit-keyframes anim-out {
0% {
width:0%
}
100% {
width:100%
}
}
@keyframes anim-out {
0% {
width:0%
}
100% {
width:100%
}
}
@-webkit-keyframes anim-out-pseudo {
0% {
background:rgba(0, 0, 0, 0.25)
}
100% {
background:transparent
}
}
@keyframes anim-out-pseudo {
0% {
background:rgba(0, 0, 0, 0.25)
}
100% {
background:transparent
}
}
.social-button {
	display:inline-block;
	background-color:#fff;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:relative;
	overflow:hidden;
	opacity:.99;
	border-radius:28%;
	-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.05);
	box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition:all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition:all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59)
}
.social-button:before {
	content:'';
	background-color:#000;
	width:120%;
	height:120%;
	position:absolute;
	top:90%;
	left:-110%;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition:all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59)
}
.social-button .fa {
	font-size:26px;
	vertical-align:middle;
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transition:all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition:all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59)
}
.social-button:focus:before, .social-button:hover:before {
	top:-10%;
	left:-10%
}
.social-button:focus .fa, .social-button:hover .fa {
	color:#fff;
	-webkit-transform:scale(1);
	transform:scale(1)
}
.social-button.Bcolor:before {
	background-color:#9966cc
}
.social-button.Bcolor .fa {
	color:#9966cc
}
.social-button.Bcolor:hover .fa {
	color:#fff
}
.inner-page {
	margin-bottom:70px
}
.inner-page .position {
	padding:10px 15px;
	margin-left:-15px;
	margin-right:-15px;
	color:#999;
	background-color:#f4f4f4;
	border-bottom:1px solid #ddd
}
.inner-page .pagelist {
	margin-bottom:20px
}
.inner-page .pagelist ul li {
	float:left;
	padding:0 10px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:10px;
	border:1px solid #ddd
}
.inner-page .pagelist ul li a {
	display:block
}
.inner-page .pagelist ul .thisclass {
	background-color:#eee
}
.inner-page .all {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:200px;
	height:40px;
	line-height:40px;
	text-align:center
}
.inner-page .all a {
	display:block;
	width:100%;
	color:#fff;
	background-color:#405685
}
.inner-page .all a:hover {
	background-color:#212121
}
.index-article span {
	color:#c7000b
}
.index-article h3 {
	color:#0D60DD;
	font-size:22px
}
.index-article h4 {
	color:#999;
	text-transform:uppercase
}
.index-article p {
	line-height:2
}
.list-product .list ul li .item {
	overflow:hidden
}
.list-product .list ul li .item img {
	width:100%;
	height:190px;
	border:1px solid #ddd
}
.list-product .list ul li .item h1 {
	position:relative;
	top:-24px;
	margin-bottom:0;
	height:24px;
	line-height:24px;
	text-align:center;
	background:rgba(64, 86, 133, 0.8)
}
.list-product .list ul li .item h1 a {
	display:block;
	color:#fff
}
.article-product .box .hd h1 {
	margin-bottom:15px;
	font-size:24px
}
.article-product .box .hd p {
	margin:0 auto 20px auto;
	padding:5px 0;
	width:80%;
	color:#999;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd
}
.article-product .box .litpic img {
	margin:0 auto;
	width:100%;
	border:1px solid #ddd
}
.article-product .box .ft {
	border-top:1px solid #ddd;
	margin:30px 15px 0 15px;
	padding-top:15px;
	color:#999
}
.index-image .list ul li {
	-webkit-box-flex:0;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
.index-image .list ul li img {
	cursor:pointer;
	width:100%;
	height:190px;
	border:1px solid #405685
}
.index-image .list ul li h3 {
	position:relative;
	top:-40px;
	margin-bottom:0;
	height:40px;
	line-height:40px;
	color:#fff;
	text-align:center;
	background:rgba(64, 86, 133, 0.8)
}
.index-image .list ul li h3 a {
	color:#fff
}
.list-image .list a {
	color:#fff
}
.list-image .list a ul li {
	-webkit-box-flex:0;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
.list-image .list a ul li img {
	cursor:pointer;
	width:100%;
	height:190px;
	border:1px solid #405685
}
.list-image .list a ul li h3 {
	cursor:pointer;
	position:relative;
	top:-24px;
	margin-bottom:0;
	height:24px;
	line-height:24px;
	text-align:center;
	background:rgba(64, 86, 133, 0.8)
}
.article-image .box .hd h1 {
	margin-bottom:05px;
	font-size:20px
}
.article-image .box .hd p {
	margin:0 auto 10px auto;
	padding:5px 0;
	width:80%;
	color:#999;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd
}
.article-image .box h2 {
	padding:10px 0px 5px;
	margin-top:10px;
	margin-bottom:5px;
	font-size:16px;
	border-bottom:1px solid #ddd
}
.article-image .box h2 i {
	margin-right:5px
}
.list-news .newslist ul li {
	margin-bottom:20px;
	border-bottom:1px dashed #ddd
}
.list-news .newslist ul li h1 {
	font-size:20px;
	font-weight:bold
}
.list-news .newslist ul li p {
	color:#999
}
.list-news .newslist ul li time {
	color:#999
}
.list-news .newslist ul li span {
	margin-left:10px;
	color:#999
}
.article-news .hd h1 {
	font-size:28px
}
.article-news .hd p {
	color:#999
}
.article-news .hd p span {
	margin:0 10px
}
.article-news .bd {
	margin:0 15px
}
.article-news .ft {
	border-top:1px solid #ddd;
	margin:30px 15px 0 15px;
	padding-top:15px;
	color:#999
}
.list-case .list ul li .item {
	overflow:hidden
}
.list-case .list ul li .item img {
	width:100%;
	height:110px;
	border:1px solid #ddd
}
.list-case .list ul li .item h1 {
	position:relative;
	top:-24px;
	margin-bottom:0;
	height:24px;
	line-height:24px;
	text-align:center;
	background:rgba(64, 86, 133, 0.8)
}
.list-case .list ul li .item h1 a {
	display:block;
	color:#fff
}
.article-case .box .hd h1 {
	margin-bottom:15px;
	font-size:24px
}
.article-case .box .hd p {
	margin:0 auto 20px auto;
	padding:5px 0;
	width:80%;
	color:#999;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd
}
.article-case .box .litpic img {
	margin:0 auto;
	width:100%;
	border:1px solid #ddd
}
.article-case .box .ft {
	border-top:1px solid #ddd;
	margin:30px 15px 0 15px;
	padding-top:15px;
	color:#999
}
.list-honor section {
	background-color:#f4f4f4
}
.list-honor section .con-honor {
	min-height:500px;
	background-color:#fff
}
.list-honor section .con-honor .list ul li .item {
	overflow:hidden
}
.list-honor section .con-honor .list ul li .item img {
	width:100%;
	height:200px;
	border:1px solid #ddd
}
.list-honor section .con-honor .list ul li .item h1 {
	position:relative;
	top:-40px;
	margin-bottom:0;
	height:40px;
	line-height:40px;
	text-align:center;
	background:rgba(64, 86, 133, 0.8)
}
.list-honor section .con-honor .list ul li .item h1 a {
	display:block;
	color:#fff
}
.article-honor section {
	background-color:#f4f4f4
}
.article-honor section .con-honor {
	min-height:500px;
	background-color:#fff
}
.article-honor section .con-honor .box .hd h1 {
	margin-bottom:15px;
	font-size:24px
}
.article-honor section .con-honor .box .hd p {
	margin:0 auto 20px auto;
	padding:5px 0;
	width:80%;
	color:#999;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd
}
.article-honor section .con-honor .box .litpic img {
	margin:0 auto;
	width:100%;
	border:1px solid #ddd
}
.article-honor section .con-honor .box .ft {
	border-top:1px solid #ddd;
	margin:30px 15px 0 15px;
	padding-top:15px;
	color:#999
}