@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	zoom:1
}
article, aside, figure, footer, header, hgroup, nav, menu, section {
	display:block
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%
}
input, select {
	vertical-align:middle
}
textarea {
	resize:none
}
a, button {
	outline:0;
*star:expression(this.onFocus=this.blur());
	cursor:pointer
}
img {
	vertical-align:top
}
ul, li {
	list-style:none
}
body, html {
	color:#404040;
	font-family:SimHei;
	width:100%;
	font-size:13px;
	background:#fff;
	overflow-x:hidden;
	-webkit-tap-highlight-color:transparent
}
body {
	overflow-x:hidden
}
.container {
	background:#fff
}
@media screen and (max-width:1100px) {
.nav li a {
padding:0 25px!important
}
.nav .nav_menu {
width:135px!important
}
}
img {
	border:0;
	display:block
}
img {
	display:inline-block
}
a {
	text-decoration:none;
	color:#404040
}
a:hover {
	color:#2abbc3;
	text-decoration:none
}
a:active, a:hover, a:visited {
	text-decoration:none
}
i {
	font-style:normal
}
.orange {
	color:#ffe400
}
.blue {
	color:#699bcc
}
.clear {
	padding:0;
	margin:0;
	width:0;
	height:0;
	font-size:0;
	overflow:0;
	clear:both;
	line-height:0
}
.clearfix {
	zoom:1;
	_height:1px
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearFloat {
*zoom:1
}
.clearFloat:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:".";
	height:0
}
.txtIndent {
	text-indent:-9999em
}
.seo {
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	top:0;
	left:0
}
.seo, .hideImg {
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	top:0;
	left:0
}
.hideImg {
	overflow:hidden
}
.hideImg img {
	width:0;
	height:0;
	overflow:hidden
}
.fl {
	float:left
}
.fr {
	float:right
}
.fl, .fr {
	_display:inline
}
.ma {
	margin:0 auto
}
.tc {
	text-align:center
}
.pt53 {
	padding-top:53px
}
.mr20 {
	margin-right:20px
}
.w1200 {
	width:1200px
}
input, textarea {
	border-radius:0;
	padding:0;
	margin:0
}
em {
	font-style:normal
}
input, textarea:focus {
	outline:0
}
.header {
	position:absolute;
	top:10px;
	z-index:3000;
	width:100%;
	height:84px;
	text-align:left
}
.headerm {
	z-index:5000
}
.headerz {
	z-index:5000
}
.header .logo {
	float:left;
	margin-left:50px
}
.header .logo a {
	display:block
}
#logo {
	fill:none
}
#logo_pic, #logo_cn_1 path, #logo_cn_2 path, #logo_en path, #logo_en rect, #logo_en polygon {
	fill:#fff
}
.header_r {
	position:absolute;
	z-index:6000;
	float:left;
	height:64px;
	right: 200px;
}
.header_tell {
	float:right;
	width:188px;
	padding-left:43px;
	height:84px;
	line-height:84px;
	font-size:20px;
	color:#fff
}
.header_tell img { margin-top:18px;}
.nav {
	float:left;
	height:64px;
	margin-right:20px;
	line-height:67px;
}
.nav li {
	position:relative;
	float:left;
	height:64px;
}
.nav li a {
	position:relative;
	display:block;
	padding:0 30px;
	margin-right:5px;
	font-size:16px;
	color:#000
}
.nav li .nav_a em {
	display:block;
transition:all .3s ease-in-out 0s
}
.nav li .nav_a .navem {
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px)
}
.nav li a .navonline {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:0;
	height:2px;
	background:#000;
transition:all .6s ease-in-out 0s;
	overflow:hidden
}
.nav li a .navonline_on, .nav li .navon .navonline {
	width:100%
}
.nav_cont {
	position:absolute;
	top:84px;
	width:100%;
	height:300px;
	border-top:1px solid #6a6764;
	border-bottom:1px solid #27696b;
	background-color:rgba(0, 0, 0, .7);
transition:all .2s ease-in-out 0s;
	opacity:0;
	visibility:hidden;
	transform:translateY(10%);
	-webkit-transform:translateY(10%)
}
.nav_contsc {
	z-index:5000;
	opacity:1;
	transform:translateX(0px);
	visibility:visible
}
.nav .nav_menu {
	position:absolute;
	top:84px;
	z-index:6000;
	width:126px;
	padding-top:12px;
	line-height:30px;
transition:all .6s ease-in-out 0s;
	opacity:0;
	visibility:hidden;
	transform:translateY(10%);
	-webkit-transform:translateY(10%)
}
.nav li .nav_menusc {
	opacity:1;
	transform:translateX(0px);
	visibility:visible
}
.nav .nav_menu a, .fw_nav a {
	position:relative;
	padding:0;
	border:0;
	padding-left:29px;
	font-size:13px;
	color:#1eb0b9
}
.nav .nav_menu i, .fw_nav i {
	position:absolute;
	top:14px;
	left:0;
	width:9px;
	height:2px;
	background:#1eb0b9;
transition:all .6s
}
.nav .nav_menu span, .fw_nav span {
	display:block;
transition:all .6s
}
.nav .nav_menu a:hover i, .fw_nav a:hover i {
	width:20px;
	background:#fff
}
.nav .nav_menu a:hover span, .fw_nav a:hover span {
	transform:translateX(10px);
	-webkit-transform:translateX(10px)
}
.nav .nav_menu a:hover {
	color:#fff
}
.navmenu {
	position:absolute;
	top:15px;
	right:51px;
	z-index:7000;
	width:57px;
	height:53px;
	background:url(../images/navmenu.png) no-repeat;
	cursor:pointer;
transition:all .6s
}
.navmenu:hover {
	box-shadow:0 0 10px #1e4c51
}
.navmenu .icon::before, .navmenu .icon::after {
background-color:#858586;
content:"";
height:2px;
left:0;
position:absolute;
transition-duration:.5s;
width:25px
}
.navmenu .icon::before {
top:-9px
}
.navmenu .icon::before, .navmenu .icon::after {
background-color:#858586;
content:"";
height:2px;
left:0;
position:absolute;
transition-duration:.5s;
width:25px
}
.navmenu .icon::after {
top:9px
}
.navmenu .icon {
	background-color:#858586;
	height:2px;
	left:16px;
	position:absolute;
	top:24px;
transition-duration:.5s;
	width:25px
}
.navmenu_s.navmenu .icon::before {
transform:translateY(9px) rotate(45deg)
}
.navmenu_s.navmenu .icon::after {
transform:translateY(-9px) rotate(-45deg)
}
.navmenu_s.navmenu .icon {
	width:0
}
.fw_nav {
	position:absolute;
	top:0;
	left:-143px;
	width:129px;
	padding-bottom:10px;
	border:1px solid #256e73;
	background-color:rgba(39, 190, 199, .2);
	transition:all 1s;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(30px);
	transform:translateY(30px)
}
.fw_nav_a {
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0px);
	transform:translateY(0px)
}
.fw_nav a {
	display:block;
	margin-top:8px;
	padding-left:47px;
	font-size:12px;
	color:#fff
}
.fw_nav i {
	top:7px;
	left:17px;
	background:#fff
}
.fw_nav span {
	display:block;
transition:all .6s
}
.fw_nav a:hover i {
	background:#1eb0b9
}
.fw_nav a:hover {
	color:#1eb0b9
}
.header_r2 {
	opacity:0;
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px);
transition:all .6s
}
.header_r2_2 {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.columns_header {
	top:15px; background:rgba(255,255,255,.7);
	height:67px;
}
.columns_header .logo {
	margin-left:50px;
	margin-top:12px;
}
.columns_header .logo img {
	width:100%
}
.case_header {
	position:static;
	height:80px;
	border-bottom:1px solid #ececec;
	box-shadow:0 3px 10px #f4f4f4
}
.case_header .header_r {
	margin-right:40px
}
.case_header .nav li a .navonline {
	height:2px
}
.case_header .logo {
	float:left;
	width:95px;
	margin-left:50px;
	margin-top:18px
}
.case_header .nav li {
	height:80px
}
.case_header .nav li a {
	color:#666
}
.case_header .nav {
	height:80px;
	line-height:80px
}
.case_header .header_r {
	height:80px
}
.case_header .nav_cont, .case_header .nav_menu {
	top:80px
}
.case_header .case_tell {
	float:right;
	width:150px;
	padding-left:43px;
	height:80px;
	line-height:80px;
	font-size:20px;
	color:#666;
	font-weight:700;
	background:url(../images/cellphonedark.png) left center no-repeat
}
.case_header .nav .nav_menu a {
	color:#1eb0b9
}
.case_header .nav .nav_menu a:hover {
	color:#fff
}
#page {
	text-align:center;
	margin-bottom:100px
}
#page a, #page span {
	padding:7px 14px;
	display:inline-block;
	background:#ebebeb;
	color:#666;
	margin:0 2px
}
#page a:hover, #page a.RepeaterNumberList_Now {
	color:#fff;
	background:#16babb
}
.fpnav li {
	width:17px;
	height:17px;
	margin-bottom:21px
}
.fpnav li a {
	display:block;
	width:17px;
	height:17px;
	background:url(../images/fpnav_icon_hover.png) no-repeat
}
.fpnav li a { text-align:center; line-height:68px;font-size: 18px;padding-left: 5px;color: #fff;}
.fpnav li .menuon_1 {
	background:url(../images/fpnav_icon.png) no-repeat
}
.fpnav .active a {
	background:url(../images/fpnav_icon.png) no-repeat
}
.kefudt_r {
	position:fixed;
	top:50%;
	right:51px;
	z-index:80000;
	width:99px;
	height:367px;
	margin:-183px 0 0 -249px
}
.kefudt_r a {
	position:relative;
	display:block;
	width:99px;
	height:97px;
	z-index:500;
	text-align:center;
	font-size:12px;
	color:#fff
}
.kefudt_r span strong {
	display:none;
	font-size:14px;
	font-weight:400
}
.kefudt_r .kefudt_icon1 {
	background:url(../images/kefudt_icon2.png) no-repeat
}
.kefudt_r .kefudt_icon2 {
	background:url(../images/kefudt_icon3.png) no-repeat
}
.kefudt_r .kefudt_icon3 {
	background:url(../images/kefudt_icon4.png) no-repeat
}
.kefudt_r .kefudt_icon4 {
	background:url(../images/kefudt_icon5.png) no-repeat
}
.kefudt_r span {
	display:block;
	width:99px;
	height:97px;
	margin-bottom: 20px;
}
.kefudt_r span:before {
	content:"";
	width:0;
	height:77px;
	background:#2bb0b8;
	position:absolute;
	top:0;
	left:0;
transition:all .6s;
	z-index:-1;
	opacity:.8
}
.kefudt_r span.active, .kefudt_r span:hover {
}
.kefudt_r span.active:before, .kefudt_r span:hover:before {
	width:220px
}
.kefudt_r span:hover a {
}
.kefudt_r span:hover a em {
	display:none
}
.kefudt_r span:hover strong {
	display:block
}
.kefudt_r>span:first-child {
	top:0
}
.kefudt_r>span:nth-child(2) {
top:94px
}
.kefudt_r>span:nth-child(3) {
top:188px
}
.kefudt_r>span:nth-child(4) {
top:282px
}
.kefudt_r .search_web .kefudt_icon5 {
	display:none;
	width:100%;
	padding-top:30px;
	white-space:nowrap
}
.kefudt_r .search_web .kefudt_icon5 input {
	display:inline-block;
	width:160px;
	height:17px;
	vertical-align:top;
	background:0 0;
	border:0;
	border-left:1px solid rgba(255, 255, 255, .5);
	padding:0 10px;
	outline:0;
	font-size:14px;
	font-family:SimHei;
	color:#fff
}
.kefudt_r .search_web .kefudt_icon5 input::-webkit-input-placeholder {
color:rgba(255, 255, 255, .5)
}
.kefudt_r .search_web .kefudt_icon5 input::-moz-placeholder {
color:rgba(255, 255, 255, .5)
}
.kefudt_r .search_web .kefudt_icon5 input:-moz-placeholder {
color:rgba(255, 255, 255, .5)
}
.kefudt_r .search_web .kefudt_icon5 input:-ms-input-placeholder {
color:rgba(255, 255, 255, .5)
}
.kefudt_r .search_web .kefudt_icon5 i {
	display:inline-block;
	width:17px;
	height:17px;
	background:url('../images/search_icon.png') center center/100% 100% no-repeat;
	vertical-align:top;
	cursor:pointer
}
.kefudt_r .search_web.active .kefudt_icon4, .kefudt_r .search_web:hover .kefudt_icon4 {
	display:none
}
.kefudt_r .search_web.active .kefudt_icon5, .kefudt_r .search_web:hover .kefudt_icon5 {
	display:block
}
.returntop {
	position:absolute;
	bottom:62px;
	right:51px;
	z-index:5000;
	width:47px;
	height:47px
}
.returntop a {
	display:block;
	width:47px;
	height:47px;
	background:url(../images/top.png) no-repeat
}
.returntop1 {
	position:fixed;
	display:none
}
.zhezhaobox {
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	width:100%;
	height:100%;
	background:url(../images/as_bg.png);
	text-align:center;
	display:none
}
.zhezhaobox span {
	display:block;
	background:#f6f6b4
}
.wap_footer {
	display:none
}
.wap_1 {
	position:absolute;
	top:0;
	left:0;
	z-index:5000;
	width:100%;
	background:#000
}
.fBtns {
	position:absolute;
	top:50%;
	width:100%;
	height:388px;
	margin-top:-194px
}
.fBtns li, .fBtns span {
	background:url(../images/roll_btn.png) no-repeat
}
.fBtns li {
	position:relative;
	height:79px;
	line-height:79px
}
.fBtns li span {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	overflow:hidden;
	display:block;
	z-index:1
}
.fBtns li a {
	position:absolute;
	right:0;
	height:100%;
	width:100%;
	display:block;
	z-index:2;
transition:all .6s;
	font-size:20px;
	color:#fff;
	cursor:default
}
.fBtns li a i {
	padding:0 46px 0 20px
}
.fBtns li a:hover {
	width:488px;
	background:#14acae;
	box-shadow:0 0 3px #fff;
	font-weight:700
}
.fPics_list {
	position:absolute;
	top:0;
	right:0;
	z-index:500;
	width:413px;
	height:100%;
	background:url(../images/bannerwar_bg.png)
}
.linkbtom {
	background:#000
}
.linkbtom_c {
	max-width:1202px;
	padding:49px 0 45px
}
.linkbtom_l {
	float:left;
	width:263px;
	color:#fff
}
.linkbtom_l p {
	margin-bottom:7px;
	font-size:13px
}
.linkbtom_l .linkbtom_p1 {
	padding-left:20px;
	margin-bottom:18px;
	background:url(../images/footer_icon01.png) no-repeat left center
}
.linkbtom_l .linkbtom_p4 {
	margin-bottom:14px
}
.linkbtom_l .linkbtom_p2 {
	line-height:18px;
	padding-left:19px;
	background:url(../images/footer_icon02.png) no-repeat left center
}
.linkbtom_l .linkbtom_p3 {
	line-height:18px;
	padding-left:19px;
	background:url(../images/footer_icon03.png) no-repeat left center
}
.linkbtom_z {
	float:left;
	width:624px;
	padding:0 20px;
	border-left:2px solid #232323;
	border-right:2px solid #232323
}
.linkbtom_z li {
	float:left;
	margin-right:45px;
	text-align:center
}
.linkbtom_z li:last-child {
	margin-right:0
}
.linkbtom_z li span {
	display:block;
	margin-bottom:24px;
	font-weight:700;
	font-size:16px;
	color:#fff;
	text-align:left
}
.linkbtom_z li a {
	display:block;
	margin-bottom:10px;
	font-size:13px;
	color:#fff;
	text-align:left
}
.linkbtom_z li a:hover {
	color:#25aaa8
}
.linkbtom_r {
	float:right;
	text-align:center
}
.linkbtom_r p {
	padding-top:14px;
	font-size:13px;
	color:#fff
}
.footer {
	border-top:1px solid #232323;
	padding:12px 0;
	background:#000;
	text-align:center;
	font-size:13px;
	color:#c8c8c8
}
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11, .wp12, .wp13, .wp14, .wp15, .wp16, .wp17, .wp18, .wp19, .wp20, .wp21, .wp22, .wp23, .wp24, .wp25, .wp26, .wp27, .wp28, .wp29, .wp30, .wp31, .wp32, .wp33, .wp34, .wp35, .wp36, .wp37, .wp38, .wp39, .wp40, .wp41, .wp42, .wp43, .wp44, .wp45, .wp46, .wp47, .wp48, .wp49 {
	visibility:hidden
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .flash, .bounceIn, .zoomIn, .flipInX, .lightSpeedIn, .opac, .sanjiaoxian1, .sanjiaoxian2, .sanjiaoxian3, .fadeInRight11, .fadeInLeft11, .app01phone, .backgroundbox, .line_box, .shou, .fankai {
	visibility:visible
}
.columns_banner {
	position:relative;
	left:50%;
	top:0;
	width:1920px;
	height:600px;
	margin-left:-960px
}
.wap_header, .loso, .wap_app02_cont {
	display:none
}
.wap_banner, .wap_app01 {
	display:none
}
.returntop {
	position:fixed;
	bottom:62px;
	right:51px;
	z-index:5000;
	width:47px;
	height:47px
}
.returntop a {
	display:block;
	width:47px;
	height:47px;
	background:url(../images/top.png) no-repeat
}
.fpline {
	position:fixed;
	top:189px;
	left:auto;
	right:43px;
	bottom:62px;
	z-index:5000;
	width:17px;
	padding-top:51px;
	background:url(../images/fpnav_bg.png) repeat-y
}
.linkbtom {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.linkbtom * {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.share {
	color:#666;
	font-size:13px;
	margin-top:52px;
	line-height:32px;
	float:left
}
.share a {
	display:inline-block;
	width:32px;
	height:31px;
	margin-left:13px;
	vertical-align:bottom;
transition:.8s transform;
-webkit-transition:.8s transform;
-moz-transition:.8s transform;
-ms-transition:.8s transform
}
.bdshare-button-style2-32 a {
	display:inline-block!important;
	float:none!important;
	margin:0 0 0 12px!important
}
.share a:hover {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg)
}
.share .bds_sqq {
	background:url(../images/icon.png) 0 -70px no-repeat
}
.share .share02 {
	background:url(../images/icon.png) -45px -70px no-repeat
}
.share .share03 {
	background:url(../images/icon.png) -90px -70px no-repeat
}
.share .share04 {
	background:url(../images/icon.png) -130px -70px no-repeat
}
.share .share01:hover {
	background:url(../images/icon.png) 0 -35px no-repeat!important
}
.share .share02:hover {
	background:url(../images/icon.png) -45px -35px no-repeat!important
}
.share .share03:hover {
	background:url(../images/icon.png) -90px -35px no-repeat!important
}
.share .share04:hover {
	background:url(../images/icon.png) -130px -35px no-repeat!important
}
.share .bds_more {
	background:url(../images/bds_more.png) center center/25px 25px no-repeat!important
}
.share .bds_sqq {
	background:url(../images/bds_sqq.png) center center/20px 25px no-repeat!important
}
.share .bds_tsina {
	background:url(../images/bds_tsina.png) center center/32px 25px no-repeat!important
}
.share .bds_weixin {
	background:url(../images/bds_weixin.png) center center/32px 25px no-repeat!important
}
@media screen and (max-width:1250px) {
.linkbtom_c {
max-width:890px
}
.linkbtom_z {
width:463px;
padding:0 20px
}
.linkbtom_z li {
margin-right:20px
}
.linkbtom_l {
width:239px
}
.nav li a {
padding:0 20px
}
.fBtns {
position:absolute;
top:50%;
width:100%;
height:328px;
margin-top:-164px
}
.fBtns li {
position:relative;
height:65px;
line-height:65px
}
}
@media screen and (max-width:996px) {
.linkbtom_z {
display:none
}
.linkbtom_c {
max-width:710px
}
.columns_header .logo {
margin-left:20px
}
.nav li a {
padding:0 11px
}
.header_tell {
width:146px
}
.fBtns {
position:absolute;
top:50%;
width:100%;
height:252px;
margin-top:-126px
}
.fPics_list {
width:330px
}
.fBtns li a {
font-size:16px
}
.fBtns li a i {
padding:0 30px 0 20px
}
.fBtns li a:hover {
width:388px
}
.fBtns li {
position:relative;
height:50px;
line-height:50px
}
}
@media screen and (max-width:768px) {
.returntop {
bottom:1.8rem;
right:10px
}
.wap_footer {
display:block;
position:fixed;
bottom:0;
left:0;
z-index:5000;
width:100%;
height:1.42rem;
background:#1eb0b9
}
.wap_footer li {
float:left;
width:1rem;
height:1.42rem;
margin:0 1rem 0 .42rem;
text-align:center
}
.wap_footer li a {
display:block;
width:1rem;
height:1.22rem;
padding-top:.75rem;
box-sizing:border-box;
font-size:.26rem;
color:#fff
}
.wap_footer .wap_footer1 {
background:url(../images/wap_footer_icon1.png) no-repeat center;
background-size:1rem
}
.wap_footer .wap_footer2 {
background:url(../images/wap_footer_icon2.png) no-repeat center;
background-size:1rem
}
.wap_footer .wap_footer3 {
background:url(../images/wap_footer_icon3.png) no-repeat center;
background-size:1rem
}
.wap_footer .wap_footer4 {
background:url(../images/wap_footer_icon4.png) no-repeat center;
background-size:1rem
}
.footer, .linkbtom {
display:none
}
body {
padding-top:1.45rem
}
img {
width:100%
}
.wap_banner {
display:block;
margin-top:-15px
}
.imgnone {
display:none
}
.wap_header {
position:fixed;
top:0;
left:0;
z-index:5000;
display:block;
width:100%;
height:1.45rem
}
.wap_header1 {
display:block;
background:#000
}
.waplogo {
float:left;
width:2.2rem;
height:1.45rem;
margin-left:.5rem
}
.waptell {
float:right;
width:.5rem;
margin-right:.7rem;
margin-top:.4rem
}
.waptell img, .waplogo img {
width:100%
}
.wapmenu {
float:right;
position:relative;
width:.6rem;
height:.6rem;
border:1px solid transparent;
border-radius:50%;
margin-top:.4rem;
margin-right:.5rem;
cursor:pointer
}
.wapmenu .icon::before, .wapmenu .icon::after {
background-color:#fff;
content:"";
height:2px;
left:.05rem;
position:absolute;
transition-duration:.5s;
width:.5rem
}
.wapmenu .icon::before {
top:-.2rem
}
.wapmenu .icon::before, .wapmenu .icon::after {
background-color:#fff;
content:"";
height:2px;
left:0;
position:absolute;
transition-duration:.5s;
width:.5rem
}
.wapmenu .icon::after {
top:.2rem
}
.wapmenu .icon {
background-color:#fff;
height:2px;
left:.05rem;
position:absolute;
top:.3rem;
transition-duration:.5s;
width:.4rem
}
.navmenu_s.navmenu .icon::before {
transform:translateY(0.09rem) rotate(45deg)
}
.navmenu_s.navmenu .icon::after {
transform:translateY(-0.09rem) rotate(-45deg)
}
.navmenu_s.navmenu .icon {
width:0
}
.h5-nav-list {
box-sizing:border-box;
width:100%;
position:absolute;
top:1.45rem;
left:0;
height:100vh;
padding-bottom:2.9rem;
background:#000;
-webkit-transition:all .8s;
transition:all .8s;
-webkit-transform:translateY(-100%) scaleY(.5);
transform:translateY(-100%) scaleY(.5);
transform-origin:top;
z-index:5000;
overflow:auto
}
.h5-nav-list li {
border-bottom:1px solid #333;
line-height:1.4rem
}
.h5-nav-list li a {
display:block;
padding-left:3.12rem;
transition:all .6s
}
.h5-nav-list li span {
transition:all .6s;
font-size:.4rem;
color:#fff
}
.h5-nav-list li i {
transition:all .6s;
padding-left:5px;
font-size:.35rem;
color:#666
}
.h5-nav-list li a:hover span {
color:#2bbfc8
}
.h5-nav-list li a:hover i {
color:#18797f
}
.h5-nav-list li .h5_nav_cont {
padding:10px 0;
background:#161616
}
.h5-nav-list li .h5_nav_cont .h5_nav_icon {
position:relative;
padding-left:.5rem;
font-size:.3rem
}
.h5-nav-list li .h5_nav_cont .h5_nav_icon em {
position:absolute;
top:.3rem;
left:0;
width:.27rem;
height:1px;
background:#7e7c7c;
transition:all .6s;
overflow:hidden
}
.h5-nav-list li .h5_nav_cont a {
transition:all .6s;
line-height:.6rem;
color:#7e7c7c
}
.h5-nav-list li .h5_nav_cont a:hover {
color:#2bbfc8
}
.h5-nav-list li .h5_nav_cont a:hover .h5_nav_icon em {
background:#2bbfc8
}
.wapmenu_open {
-webkit-transform:translateY(0) scaleY(1);
transform:translateY(0) scaleY(1)
}
.wapmenu_a.wapmenu .icon::before {
transform:translateY(0.19rem) rotate(45deg)
}
.wapmenu_a.wapmenu .icon::after {
transform:translateY(-0.19rem) rotate(-45deg)
}
.wapmenu_a.wapmenu .icon {
width:0
}
.wapmenu_a {
border-radius:50%;
overflow:hidden
}
.mybox .fBtns {
position:absolute;
top:50%;
width:100%;
height:258px;
margin-top:-129px
}
.mybox .fBtns li a:hover {
width:4.8rem
}
.mybox .fBtns li {
position:relative;
height:50px;
line-height:50px
}
.linkbtom_c {
width:95%
}
.linkbtom_r {
float:none;
margin:0 auto;
margin-top:30px
}
.linkbtom_l {
float:none
}
.fPics_list {
width:50%
}
.fpline, .kefudt_r, .columns_header, .returntop {
display:none
}
.returntop {
bottom:1.5rem;
right:10px;
width:35px;
height:35px
}
.returntop a {
width:35px;
height:35px;
background-size:35px
}
.mybox .fBtns li a {
font-size:14px
}
.columns_banner {
width:100%;
height:auto;
top:auto;
left:auto;
margin:0;
margin-top:-60px
}
.columns_banner img {
width:100%
}
.z_connectus {
display:none
}
.fpline {
display:none
}
.header .header_r .nav {
display:none
}
.header .header_tell {
display:none
}
.z_header .z_header_nav {
display:none
}
.z_pro_header_nav {
display:none
}
.share {
margin-top:14px
}
.waplogo.active {
display:none
}
.wapsearch {
float:right;
width:.7rem;
margin-right:.35rem;
margin-top:.4rem;
font-size:0;
overflow:hidden;
transition:all .3s
}
.wapsearch.active {
width:calc(100% - 3rem)
}
.wapsearch .wapsearch_input {
display:inline-block;
width:calc(100% - 0.7rem);
border:0;
border-bottom:1px solid #fff;
outline:0;
vertical-align:middle;
text-indent:10px;
font-size:16px;
line-height:0;
color:#fff;
background:0 0;
font-family:SimHei;
}
.wapsearch.active .wapsearch_input {
line-height:2
}
.wapsearch .wapsearch_btn {
display:inline-block;
width:.5rem;
margin-left:.1rem;
vertical-align:middle;
cursor:pointer
}
.wapsearch .wapsearch_do_search {
display:none
}
.wapsearch.active .wapsearch_before_search {
display:none
}
.wapsearch.active .wapsearch_do_search {
display:inline-block
}
}
@media screen and (max-width:640px) {
.fBtns {
height:178px;
margin-top:-89px
}
.fBtns li {
position:relative;
height:35px;
line-height:35px
}
.fBtns li a {
font-size:14px
}
.fBtns li a:hover {
width:110%
}
}
@media screen and (max-width:500px) {
.fBtns {
height:128px
}
.fBtns li {
position:relative;
height:25px;
line-height:25px;
margin-top:10px
}
.fBtns li a {
font-size:12px
}
.fBtns li a i {
padding:0 15px 0 20px
}
}
@media screen and (max-width:320px) {
.fBtns {
margin-top:-60px
}
.fBtns li {
margin-top:0
}
}
#cnzz_stat_icon_1272376911 {
	display:none!important
}

.mynav { width:100px; height:570px; position:fixed; right:30px; top:13%;}
.mynav a { display:block; width:99px; height:97px; margin-bottom:20px;}
.mynav a.nav1 { background:url(../images/nav1.png);}
.mynav a.nav1:hover { background:url(../images/nav1_h.png);}
.mynav a.nav2 { background:url(../images/nav2.png);}
.mynav a.nav2:hover { background:url(../images/nav2_h.png);}
.mynav a.nav3 { background:url(../images/nav3.png);}
.mynav a.nav3:hover { background:url(../images/nav3_h.png);}
.mynav a.nav4 { background:url(../images/nav4.png); margin-bottom:0;}
.mynav a.nav4:hover { background:url(../images/nav4_h.png);}

.mynav2 { width:100px; height:570px; position:fixed; right:30px; top:13%;}
.mynav2 a { display:block; width:99px; height:97px; margin-bottom:20px;}
.mynav2 a.nav1 { background:url(../images/nav12.png);}
.mynav2 a.nav1:hover { background:url(../images/nav1_h.png);}
.mynav2 a.nav2 { background:url(../images/nav22.png);}
.mynav2 a.nav2:hover { background:url(../images/nav2_h.png);}
.mynav2 a.nav3 { background:url(../images/nav32.png);}
.mynav2 a.nav3:hover { background:url(../images/nav3_h.png);}
.mynav2 a.nav4 { background:url(../images/nav42.png); margin-bottom:0;}
.mynav2 a.nav4:hover { background:url(../images/nav4_h.png);}

.section02_cont .myspan { display:block; font-size:22px; font-weight:bold; margin-top:-30px;}




.section03_txt2 { width:72% !important; height:749px !important; left:30px !important; bottom:0 !important;position:absolute !important;}
.section03_txt2 a img { width:100%; position:absolute; bottom:0; left:0;}
.section03_txt2 a { display:block; width:100%; height:110%; position:relative;}
.section03_txt1 { width:262px; height:805px; position:absolute; top:5%; right:0 !important;}
.section03_txt1 a { display:block; width:262px; height:177px; margin-bottom:28px;}
.section03_txt1 a:last-child { margin-bottom:0;}
.section03_txt1 a.qh_bt1 { background:url(../images/qh_bt1.png);}
.section03_txt1 a.qh_bt1_hover { background:url(../images/qh_bt1_hover.png);}
.section03_txt1 a.qh_bt1:hover { background:url(../images/qh_bt1_hover.png);}
.section03_txt1 a.qh_bt2 { background:url(../images/qh_bt2.png)}
.section03_txt1 a.qh_bt2_hover { background:url(../images/qh_bt2_hover.png);}
.section03_txt1 a.qh_bt2:hover { background:url(../images/qh_bt2_hover.png);}
.section03_txt1 a.qh_bt3 { background:url(../images/qh_bt3.png)}
.section03_txt1 a.qh_bt3_hover { background:url(../images/qh_bt3_hover.png);}
.section03_txt1 a.qh_bt3:hover { background:url(../images/qh_bt3_hover.png);}
.section03_txt1 a.qh_bt4 { background:url(../images/qh_bt4.png)}
.section03_txt1 a.qh_bt4_hover { background:url(../images/qh_bt4_hover.png);}
.section03_txt1 a.qh_bt4:hover { background:url(../images/qh_bt4_hover.png);}
.mymore { display: block;
font-size: 18px;
border-radius: 10px;
border: 1px solid #999;
padding: 5px 5px;
margin: 25px auto 0;
width: 77px;}
#bgvid { 


  position:absolute; right: 0; bottom: 0;

  min-width: 100%; min-height: 100%;

  width: auto; height: auto; z-index: -100;

  background-size: cover; 
  
  background:url(../images/bgvid.jpg);
}