/*
Theme Name: 浦川机电官网
Theme URI: http://www.admin.com
Description: The 2018 theme for 华泰科技.
Author: 华泰科技技术团队(雨过后放晴)
Author URI: http://www.tjhuatai.cn;
Version: 交付版
Tags: 官网
 
License:
License URI:
 
General comments (optional).
*/

@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: Microsoft Yahei,Arial;
	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: #fff
}

a:hover {
	color: #65a2ff;
	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;
	width: 121px;
	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: relative;
	z-index: 6000;
	float: right;
	height: 84px
}

.header_tell {
	float: right;
	width: 188px;
	padding-left: 43px;
	height: 84px;
	background: url(./images/tell_icon.png) no-repeat left center;
	line-height: 84px;
	font-size: 20px;
	color: #fff
}

.nav {
	float: left;
	height: 84px;
	margin-right: 110px;
	line-height: 84px
}

.nav li {
	position: relative;
	float: left;
	height: 84px
}

.nav li a {
	position: relative;
	display: block;
	padding: 0 30px;
	font-size: 16px;
	color: #fff
}

.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: 1px;
	background: #60c6cd;
	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: 202px;
	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: #65a2ff
}

.nav .nav_menu i,.fw_nav i {
	position: absolute;
	top: 14px;
	left: 0;
	width: 9px;
	height: 2px;
	background: #65a2ff;
	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: #65a2ff
}

.fw_nav a:hover {
	color: #65a2ff
}

.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: 0;
	border-bottom: 1px solid #ababab
}

.columns_header .logo {
	width: 150px;
    margin-left: 50px;
    margin-top: 24px;
}

.columns_header .logo img {
	width: 100%
}

.case_header {
	position: static;
	height: 80px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 42px;
	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: 150px;
	margin-left: 50px;
	margin-top: 25px
}

.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: #65a2ff
}

.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 {
	position: fixed;
	left: 43px;
	top: 189px;
	bottom: 62px;
	z-index: 5000;
	width: 17px;
	padding-top: 51px;
	background: url(./images/fpnav_bg.png) repeat-y
}

.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 .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: 72%;
	right: 51px;
	z-index: 80000;
	width: 81px;
	height: 150px;
	margin: -183px 0 0 -249px
}

.kefudt_r a {
	position: relative;
	display: block;
	width: 77px;
	height: 24px;
	z-index: 500;
	padding-top: 53px;
	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;
	background-position: 22px 15px;
}

.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 {
	position: absolute;
	display: block;
	width: 78px;
	height: 77px;
	right: 0;
	border: 1px solid #65a2ff;
	border-right: 0;
	background: rgba(0,0,0,.5);
	text-align: center;
	transition: all .6s
}

.kefudt_r span:before {
	content: "";
	width: 0;
	height: 77px;
	background: #65a2ff;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .6s;
	z-index: -1;
	opacity: .8
}

.kefudt_r span.active,.kefudt_r span:hover {
	width: 220px;
	background: 0 0;
	overflow: hidden
}

.kefudt_r span.active:before,.kefudt_r span:hover:before {
	width: 220px
}

.kefudt_r span:hover a {
	width: 100%;
	background: 0 0;
	padding: 0;
	line-height: 77px
}

.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: microsoft yahei,微软雅黑;
	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: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	width: 100%;
	height: 1.45rem;
	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: 90px 0;
	background: #000;
	text-align: center;
	font-size: 13px;
	color: #c8c8c8
}
.botm_link_p{
	margin-bottom: 40px;
}
.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 23px no-repeat!important
}

.share .bds_sqq {
	background: url(./images/bds_sqq.png) center center/27px 25px no-repeat!important
}

.share .bds_tsina {
	background: url(./images/bds_tsina.png) center center/28px 25px no-repeat!important
}

.share .bds_weixin {
	background: url(./images/bds_weixin.png) center center/30px 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: #65a2ff
	}

	.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: auto;
		margin-left: .5rem;
		margin-top: .5rem;
	}

	.waptell {
		float: right;
		width: .5rem;
		margin-right: .7rem;
		margin-top: .45rem
	}

	.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::after{
		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::before{
		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: .5rem;
		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: inherit
	}

	.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
}
.sub-menu{
	display: none;
}
.sub-menu-hover{
	display: block;
	width:100%;
	height:auto;
}
.sub-menu-hover li {
	width:100%;
	height:50px;
	background: rgba(101,162,255,0.5);
	float: none;

}
.sub-menu-hover li a{
	line-height: 50px;
}

.cooperative-performance{
	width:80%;
	height:auto;
	padding:20px 100px 20px 100px;
	margin: 0;
	margin-left: 35px;
}
.hzyj_list_img{
	width:80%;
	padding:0 100px;
	height:180px;
	margin: 0;
}
.hzyj_list_img ul{
	border:1px solid #f4f4f4;
	height:100%;
	width:100%;
}
.hzyj_list_img ul li{
	float:left;
	width:20%;
	text-align: center;
	line-height: 180px;
}
.hzyj_list_img ul li img{
	height:100%;
	width:auto;
	vertical-align: middle;
}
/*另加样式*/
.set-content{
    height: 100%;
    width: 80%;
    margin:0 auto;
}

.set-title {
    width: 100%;
    height: 42px;
    display: flex;
    z-index: 9999;
    border-bottom: 2px solid #7dbac9;
}

.set-title ul li{
    float:left;
    display: block;
    text-align: center;
    height: 100%;
    line-height: 42px;
    color: #000;
    position: static;
    background: rgba(255,255,255,.1);
    box-sizing: border-box;
    border-right: solid 1px #f4f4f4;
    border-top: solid 1px #f4f4f4;
    cursor: pointer;
    width: 97px;
    cursor:pointer;
}

.set-title ul .on{
    background: #7dbac9;
    color:#fff;
}

.set-middle{
    /*background: -webkit-linear-gradient(top,rgba(126,187,201,1) 0,rgba(44,194,195,.9) 70%,rgba(44,194,195,.6) 100%);*/
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    padding: 15px 17px 0 19px;
}

.set-middle-item{

}

.set-middle-image img{
    display: block;
    float: left;
    cursor: pointer;
}

.set-middle-list ul li{
    display: flex;
    color: #fff;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    border-bottom: solid 1px #4fc0c8;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 2px;
}

.set-ali{
    flex: 1;
}
.set-java{
    flex: 1.8;
}

.set-salary{
    flex: 1;
}

.set-more{
    text-align: right;
    flex: 1;
}

.set-more:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    margin-left: 2px;
}
.set-middle-list li{
	width:50%;
	float: left;
	text-align: left;
	color: #000;
	height:30px;
	line-height: 30px;
	text-decoration:none;
	border-bottom:0;
}
.set-middle-list ul li{
	border-bottom:0;
}
.set-ali{
	color:#000;
}
@media screen and (max-width:1280px) {
	.cooperative-performance {
	    width: 100%;
	    height: auto;
	    padding: 0;
	    margin: 0;
	    margin-left: 0px;
	}
	.hzyj_list_img {
	    width: 80%;
	    padding: 0 10px;
	    height: 180px;
	    margin: 0;
	    margin:0 auto;
	}
	.hzyj_list_img ul li img {
	    height: 100%;
	    width: auto;
	    vertical-align: middle;
	}
	.hzyj_list_img ul{
		width:95%;
		padding-right: 10px;
	}
	.set-content{
		height: 100%;
	    width: 90%;
	    margin: 0 auto;
	}
	.set-title ul{
		width:100%;
	}
	.set-title ul li{
		width:20%;
	}
	.set-ali{
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
	}
}
@media screen and (max-width:996px) {
	.cooperative-performance {
	    width: 100%;
	    height: auto;
	    padding: 0;
	    margin: 0;
	    margin-left: 0px;
	}
	.hzyj_list_img {
	    width: 90%;
	    padding: 0 10px;
	    height: 180px;
	    margin: 0;
	    margin:0 auto;
	}
	.hzyj_list_img ul li img {
	    height: auto;
	    width: 100%;
	    vertical-align: middle;
	}
	.hzyj_list_img ul{
		width:95%;
		padding-right: 10px;
	}
	.set-content{
		height: 100%;
	    width: 90%;
	    margin: 0 auto;
	}
	.set-title ul{
		width:100%;
	}
	.set-title ul li{
		width:20%;
	}
	.set-ali{
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
	}
}
@media (max-width: 768px){
	.news_banner{
		min-height: 200px;
	}
	.cooperative-performance {
	    width: 100%;
	    height: auto;
	    padding: 0;
	    margin: 0;
	    margin-left: 0px;
	}
	.hzyj_list_img {
	    width: 100%;
	    padding: 0 10px;
	    height: 180px;
	    margin: 0;
	}
	.hzyj_list_img ul li img {
	    height: auto;
	    width: 100%;
	    vertical-align: middle;
	}
	.hzyj_list_img ul{
		width:95%;
		padding-right: 10px;
	}
	.set-content{
		height: 100%;
	    width: 100%;
	    margin: 0 auto;
	}
	.set-title ul{
		width:100%;
	}
	.set-title ul li{
		width:20%;
	}
	.set-ali{
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
	}
}