.UnpcPush textarea,
.PcPush textarea,
.MobilePush textarea,
.UnmobilePush textarea {
	display: none
}

body:after {
	display: block;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	content: 'Pc'
}

.PcMode:after {
	content: 'Pc' !important
}

.UnpcPush,
.MobilePush {
	display: none
}

img[data-src] {
	opacity: 0;
	filter: alpha(opacity=0)
}

img[data-srcloaded] {
	opacity: 1;
	filter: alpha(opacity=100)
}

.index .mwrap {
	padding-top: 120px
}

@media only screen and (max-width:1450px) {
	.index .mwrap {
		width: 1200px
	}

	.index .index_d {
		line-height: 24px
	}
}

@media only screen and (max-width:1240px) {
	body:after {
		content: 'Pad'
	}

	body {
		user-select: none;
		-webkit-user-select: none
	}

	html {
		overflow-x: hidden
	}

	body,
	input,
	textarea,
	button,
	select {
		font-size: 14px
	}

	.PcPush {
		display: none
	}

	.UnpcPush {
		display: block
	}

	.wrap,
	.mwrap,
	.index .mwrap {
		width: 940px
	}

	.footer2 .l_box,
	.footer2 .r_box {
		float: none
	}

	.iheader .mobile_key {
		display: block
	}

	.iheader .inav {
		display: none
	}

	.iheader .h_earth .language {
		background-size: contain;
		width: 111px
	}

	.common_banner .comban_img {
		width: 100%
	}

	.common_banner2 .left_box {
		width: 300px
	}

	.footer2 .l_box,
	.footer2 .r_box {
		float: right
	}

	.news_list .pt1 .content .left .box {
		padding: 45% 5% 0
	}

	.news_list .pt1 .content .center .box {
		padding: 10%
	}

	.news_list .pt1 .content .right .box {
		padding: 6% 6% 13.6%
	}

	.news_list .pt2 .list_hd {
		padding: 30px 20px
	}

	.news_list .pt2 .list_box {
		padding: 46px 10px 40px
	}

	.news_list .pt2 .list_main {
		width: 85%
	}

	.news_list .pt_page a,
	.news_list .pt_page span {
		line-height: 30px;
		padding: 5px 15px
	}

	.product .pt1 .item .info .en {
		font-size: 36px
	}

	.product .pt1 .item .info .ch {
		font-size: 30px
	}

	.product .pt1 .item .info .d {
		margin-bottom: 10px
	}

	.product .pt1 .item .info .c {
		margin-right: 40px
	}

	.product .pt1 .item:nth-child(even) .info .c {
		margin-left: 40px
	}

	.product_technology.product .pt1 .item .info .w {
		margin-top: 50px
	}

	.product_detail .pt1 .detail_hd_r .con {
		margin: 0 40px
	}

	.product_detail .pt1 .detail_hd_r .con .tit {
		font-size: 34px;
		margin: 30px 0
	}

	.product_detail .pt1 .detail_hd_r .con .desc {
		padding-left: 100px
	}

	.product_detail .pt2 .tit {
		font-size: 40px
	}

	.about .con .en {
		font-size: 40px
	}

	.about .con .ch {
		font-size: 32px
	}

	.about .pt3 .tit {
		font-size: 40px
	}

	.about .pt3 .con .pic .item .text {
		padding: 30px
	}

	.about .pt3 .con .pic .item .text .en {
		font-size: 20px
	}

	.about .pt3 .con .pic .item .text .ch {
		font-size: 26px
	}

	.contact .pt_map .map_info {
		margin-left: -480px
	}

	.index .index_tit {
		font-size: 36px
	}

	.index .index_en1 {
		font-size: 28px
	}

	.index .index_ch1 {
		font-size: 18px
	}

	.index .index_en2,
	.index .pt3 .bottom .index_en2 {
		font-size: 38px
	}

	.index .index_ch2,
	.index .pt3 .bottom .index_ch2 {
		font-size: 30px
	}

	.index .pt2 .box2 .con {
		width: 70%
	}

	.index .pt2 .box3 .index_en2 {
		font-size: 24px
	}

	.index .pt2 .box3 .index_ch2,
	.index .pt2 .box4 .index_ch2 {
		font-size: 26px
	}

	.index .pt2 .box .con .info {
		margin: 25px 35px
	}

	.index .pt4 .span-4 .text .t1 {
		font-size: 32px
	}

	.index .pt4 .span-4 .text.center .t1 {
		font-size: 36px
	}

	.common_banner {
		width: 100% !important;
		height: 450px !important
	}

	.product_banner .con_img {
		height: 100%;
		padding-bottom: 0 !important;
		position: relative
	}

	.product_banner .con_img img,
	.product_banner .con_img .boll {
		min-height: auto !important;
		width: 1240px !important;
		height: 100%;
		margin-left: -620px
	}

	.product_banner .con_tab ul li {
		margin-bottom: 10px
	}

	.job_detail_bg .job_detail_win {
		left: 5%;
		width: 90%;
		margin-left: 0
	}
}

@media only screen and (max-width:992px) {
	body:after {
		content: 'Padp'
	}

	.wrap,
	.mwrap,
	.index .mwrap {
		width: 740px
	}

	.iheader .h_earth .en,
	.iheader .h_earth .jp {
		line-height: 24px;
		font-size: 12px
	}

	.iheader .h_earth .language .lan_box {
		padding: 10px 5px
	}

	.iheader .h_earth .language {
		background-size: contain;
		width: 72px
	}

	.iheader .h_earth .language {
		top: 57%;
		left: -24px
	}

	.news_list .pt1 .content .left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px
	}

	.news_list .pt1 .content .center {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px
	}

	.news_list .pt1 .content .right {
		width: 100%
	}

	.news_list .pt1 .rect-150 {
		padding-bottom: 95%
	}

	.news_list .pt1 .content .left .box {
		padding-top: 55%
	}

	.news_list .pt1 .content .center .box {
		padding: 6%
	}

	.news_list .pt1 .content .center .box .t {
		height: auto;
		max-height: 52px;
		overflow: hidden
	}

	.news_list .pt1 .content .right .box .t {
		height: 52px
	}

	.news_list .pt1 .content .right .box {
		margin-bottom: 30px;
		padding: 6%
	}

	.news_list .pt1 .content .right .box2 {
		margin-bottom: 0
	}

	.product .pt1 .item,
	.product_technology.product .pt1 .item {
		margin-bottom: 50px
	}

	.product .pt1 .item .info .en {
		font-size: 30px
	}

	.product .pt1 .item .info .ch {
		font-size: 24px
	}

	.product_technology.product .pt1 .item .info .w {
		margin-top: 15px
	}

	.product_detail .pt1 .detail_hd_r .con .tit {
		font-size: 28px
	}

	.product_detail .pt1 .detail_hd_l {
		padding: 0;
		margin-bottom: 20px
	}

	.product_detail .pt1 .pro_detail_hd {
		background: #fff
	}

	.product_detail .pt1 .detail_hd_r {
		background: #003a5d
	}

	.product_detail .pt1 .detail_hd_r .tools_box {
		position: static;
		text-align: right;
		padding: 0 20px 20px
	}

	.product_detail .pt1 .detail_hd_l,
	.product_detail .pt1 .detail_hd_r {
		width: 100%
	}

	.product_detail .pt2 .tit {
		font-size: 28px;
		margin-top: 50px;
		margin-bottom: 20px
	}

	.about .pt2 .culture .cover {
		display: none
	}

	.about .pt3 .con .map {
		display: none
	}

	.about .pt3 .con .pic {
		width: 100%
	}

	.contact .pt_map .map_info {
		margin-left: -370px
	}

	.index .index_tit {
		font-size: 32px
	}

	.index .index_en1 {
		font-size: 20px
	}

	.index .index_en2,
	.index .pt3 .bottom .index_en2 {
		font-size: 25px
	}

	.index .index_ch2,
	.index .pt3 .bottom .index_ch2 {
		font-size: 22px
	}

	.index .pt2 .box2 .con {
		width: 100%
	}

	.index .pt4 .span-4 .text.center .t1 {
		font-size: 32px
	}

	.index .pt2 .box1 .index_tit_desc {
		margin-bottom: 36px
	}

	.index .pt2 .box .con .info {
		margin: 5px 10px
	}

	.index .pt1 li .con .info {
		margin: 0 15px 15px
	}

	.index .pt1 li .con {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		padding-left: 4rem;
		padding-right: 4rem;
		box-sizing: border-box
	}

	.index .pt2 .box .con {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		padding-left: 4rem;
		padding-right: 4rem;
		box-sizing: border-box
	}

	.index .mwrap {
		padding-top: 12px
	}

	.index .pt3 .bottom .cover {
		margin-left: 50px
	}

	.index .pt4 .span-4 .text .t1 {
		font-size: 30px
	}

	.iheader .search_con .form_el input {
		width: 85%
	}

	.common_banner2 .left_box {
		width: 180px
	}

	.index .pt3 .bottom .index_d {
		width: 70%
	}

	.pt3 {
		margin: 0 15px 15px
	}

	.pt3 .bottom {
		padding-left: 4rem;
		padding-right: 4rem
	}

	.index_banner h3 {
		font-size: 2rem
	}

	.index_banner .titles {
		padding-left: 4rem;
		padding-right: 4rem;
		box-sizing: border-box
	}
}

@media only screen and (max-width:760px) {
	body:after {
		content: 'Mobile'
	}

	body,
	input,
	textarea,
	button,
	select {
		font-size: 16px
	}

	.UnmobilePush {
		display: none
	}

	.MobilePush {
		display: block
	}

	img[data-src] {
		opacity: 1
	}

	.wrap,
	.mwrap,
	.index .mwrap {
		padding-left: 2%;
		padding-right: 2%;
		width: auto
	}

	.mwrap .wrap {
		padding-left: 0;
		padding-right: 0
	}

	* {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	input {
		-webkit-user-select: auto
	}

	textarea {
		-webkit-user-select: auto
	}

	.iheader .h_earth {
		height: 76px
	}

	.iheader .logo {
		width: 50%;
		margin-top: 28px
	}

	.iheader .logo a {
		margin: 3px 0;
		width: auto
	}

	.iheader .h_search {
		width: 30px
	}

	.iheader .h_earth a {
		padding-left: 40px
	}

	.iheader .mobile_key {
		margin-top: 25px;
		margin-right: 0;
		margin-left: 5px
	}

	.footer2 {
		font-size: 12px
	}

	.channel_content {
		padding: 20px 0 30px;
		min-height: 600px
	}

	.index_banner .common_tit {
		font-size: 20px
	}

	.index_banner .common_desc {
		font-size: 18px
	}

	.index_banner .common_button {
		font-size: 14px
	}

	.common_banner .common_tit {
		font-size: 20px
	}

	.common_banner .common_desc {
		font-size: 18px
	}

	.common_banner .common_button {
		font-size: 14px
	}

	.news_list {
		padding: 0 0 30px
	}

	.news_list .pt1 {
		padding: 20px 0
	}

	.news_list .pt1 .content .center .box {
		padding: 5%
	}

	.news_list .pt1 .content .left .box {
		padding: 55% 0
	}

	.news_list .pt1 .content .left .box .t {
		font-size: 18px;
		line-height: 25px
	}

	.news_list .pt1 .content .center .box .t,
	.news_list .content .right .box .t {
		font-size: 16px
	}

	.news_list .pt1 .rect-150 {
		padding-bottom: 10px;
		height: auto
	}

	.news_list .pt2 .bd_r {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px
	}

	.news_list .pt2 .list_main {
		width: 100%
	}

	.news_list .pt2 .list_box {
		padding: 0
	}

	.news_list .pt2 li {
		padding: 20px 0;
		border-bottom: 1px solid #e6e6e6
	}

	.news_list .pt2 .list_box:after {
		display: none
	}

	.news_list .pt_page a,
	.news_list .pt_page span {
		line-height: 30px
	}

	.product_banner .con_tab {
		font-size: 14px;
		margin-top: -125px
	}

	.prodect_list .pt1 .con {
		width: 100%
	}

	.prodect_list .pt1 .con .t {
		font-size: 16px
	}

	.prodect_list .pt1 .con .d {
		font-size: 14px
	}

	.prodect_list .pt1 .span-6 {
		margin-bottom: 20px
	}

	.product .pt1 .item .pic,
	.product .pt1 .item .info {
		width: 100%
	}

	.product .pt1 .item,
	.product_technology.product .pt1 .item {
		margin-bottom: 20px
	}

	.product .pt1 .item .info .en {
		font-size: 16px
	}

	.product .pt1 .item .info .ch {
		font-size: 14px
	}

	.product .pt1 .item .info .d {
		font-size: 12px
	}

	.product .pt1 .item .pic .tit {
		padding: 0 20px
	}

	.product .pt1 .item .pic .arrow {
		right: 20px
	}

	.product .pt1 .item .pic .l_arrow {
		right: 60px
	}

	.product .pt1 .item:hover .pic .tit {
		background: #003a5d
	}

	.product .pt1 .item:hover .common-btn {
		background: #fff;
		color: #003a5d;
		border: 1px solid #003a5d
	}

	.product .pt1 .item .info .c {
		margin-right: 0
	}

	.product .pt1 .item:nth-child(even) .info .c {
		margin-left: 0
	}

	.product_technology.product .pt1 .item .info .w {
		margin: 10px 15px
	}

	.product_detail .pt1 .detail_hd_r .con {
		margin: 0 20px
	}

	.product_detail .pt1 .detail_hd_r .con .tit {
		font-size: 18px;
		margin: 20px 0
	}

	.product_detail .pt1 .detail_hd_r .con .desc .t2 {
		font-size: 16px
	}

	.product_detail .pt1 .detail_hd_r .con .desc .d {
		font-size: 14px;
		margin-bottom: 15px
	}

	.product_detail .pt1 .detail_hd_r .tools_box {
		font-size: 12px
	}

	.product_detail .pt2 .tit {
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 10px
	}

	.about .pt1 .pic,
	.about .pt1 .desc {
		width: 100%
	}

	.about .pt3,
	.about .pt2 {
		margin-top: 20px
	}

	.about .pt3 .tit {
		font-size: 18px
	}

	.about .pt3 .area {
		font-size: 14px;
		margin-bottom: 20px
	}

	.about .pt3 .con .pic .item .text .en,
	.about .pt3 .con .pic .item .text .ch {
		font-size: 16px
	}

	.about .pt1 .desc .con {
		margin-left: 0
	}

	.about .con .en,
	.about .con .ch {
		font-size: 18px
	}

	.contact .pt_map {
		height: auto;
		margin: 0 20px
	}

	.contact .pt_map .map {
		height: 500px
	}

	.contact .pt_map .map_info {
		position: static;
		width: 100%;
		margin: 20px 0 40px
	}

	.contact .pt_map .map::before {
		display: none
	}

	.job li .con {
		margin: 0 10px;
		padding: 20px 0
	}

	.job li .con .tit {
		font-size: 18px
	}

	.job li .con .t2 {
		font-size: 14px;
		margin-bottom: 10px
	}

	.job li .con .info {
		font-size: 12px;
		margin-bottom: 10px
	}

	.job li a {
		font-size: 14px
	}

	.job ul li.form_el {
		margin-bottom: 15px !important
	}

	.job .form_item {
		border-width: 2px
	}

	.job li {
		float: none;
		width: auto;
		margin-right: 0
	}

	.news_detail .detail_l,
	.news_detail .detail_r {
		width: 100%
	}

	.news_detail .news_title {
		font-size: 24px
	}

	.index .pt1 li,
	.index .pt2 .left_box,
	.index .pt2 .box3,
	.index .pt2 .box4,
	.index .pt2 .right_box {
		width: 100%;
		margin-bottom: 2%
	}

	.index .index_tit,
	.index .index_en1,
	.index .index_en2,
	.index .pt3 .bottom .index_en2,
	.index .pt2 .box4 .index_en2,
	.index .pt2 .box5 .index_en2,
	.index .pt4 .span-4 .text .t1 {
		font-size: 18px
	}

	.index .index_ch1,
	.index .index_ch2,
	.index .pt3 .bottom .index_ch2,
	.index .pt2 .box3 .index_ch2,
	.index .pt2 .box4 .index_ch2 {
		font-size: 16px
	}

	.index .index_d {
		font-size: 14px
	}

	.index .pt2 .box1 .index_tit_desc {
		margin-bottom: 15px
	}

	.index .pt2 .box1 .index_tit {
		margin: 20px 0 10px
	}

	.index .pt3 .index_tit_desc {
		padding-bottom: 15px
	}

	.index .pt2 .box4 {
		margin-bottom: 0
	}

	.index .pt2,
	.index .pt3 .top,
	.index .pt4 {
		padding-top: 0
	}

	.index .pt3 .top {
		padding-bottom: 0
	}

	.index .pt3 .index_tit,
	.index .pt4 .index_tit {
		padding-top: 20px
	}

	.index .pt3 .top .scroll {
		display: none
	}

	.index .pt2 .box1 .index_tit_desc,
	.index .pt3 .box1 {
		margin-bottom: 10px
	}

	.index .pt3 .bottom .cover {
		display: none
	}

	.index .pt4 .con {
		margin-top: 15px
	}

	.index .pt4 .span-4 .text.center .t1 {
		font-size: 18px
	}

	.index .pt4 .span-4 .text.center .t2 {
		font-size: 16px
	}

	.index .pt4 {
		padding-bottom: 30px
	}

	.index .pt4 .more {
		margin-top: 20px
	}

	.index .pt3 .bottom:before {
		background: url(../images/ipt3_video_cover_m.png) repeat
	}

	.common_banner {
		height: 280px !important
	}

	.product_banner .con_img img,
	.product_banner .con_img .boll {
		width: 760px !important;
		margin-left: -380px
	}

	.product_banner .con_tab ul li {
		padding: 0 25px;
		margin-bottom: 0
	}

	.product_banner .con_tab ul li:not(:last-child):after {
		bottom: 0
	}

	.common_banner .common_content {
		margin-top: -65px
	}

	.job_detail_bg .job_detail_win {
		height: 400px;
		top: 50%;
		margin-top: -200px;
		overflow-y: auto
	}

	.job_detail .txt_con {
		height: auto
	}

	.job_detail .det_rec {
		margin-bottom: 16px
	}

	.job_detail .det_rec .tit {
		margin-right: 3%
	}

	.scroll_off .job_detail_bg .job_detail_win {
		height: 400px !important
	}

	.scroll_off .job_detail_bg .job_detail_win .job_detail_wrap {
		height: 100%;
		overflow-y: auto
	}

	.job_detail_bg .btn_close {
		right: 10px
	}

	.job_detail_bg .btn_close {
		width: 15px;
		height: 15px;
		background-size: 100%;
		right: 25px;
		top: 17px
	}

	.ibanner .video,
	.ibanner .video_cover {
		display: none
	}

	.ibanner .mobile_img {
		display: block;
		width: 100%;
		height: 100%
	}

	.index_banner .common_content,
	.index_banner:before,
	.index_banner:after {
		display: none
	}

	.iheader .search_con .form_el input {
		width: 70%
	}

	body .content-49260 .dib.sear_f {
		width: auto
	}

	body .content-49260 .submit {
		width: 95px
	}

	.common_banner2 .left_box {
		display: none
	}

	.index .pt3 .bottom .index_d {
		width: 100%
	}

	.index .pt3 .bottom .info .btn_box {
		margin-top: 120px
	}

	.pt3 .bottom {
		background: url(../images/maizi.jpg) no-repeat;
		background-size: auto 100%;
		background-position: top center;
		padding-left: 1rem;
		padding-right: 1rem
	}

	.index .pt1 li .con {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.index .pt2 .box .con {
		padding-left: 1rem;
		padding-right: 1rem
	}
	.index_banner .bannel_bg{
		display: none;
	}
	.index_banner .titles {
		padding-left: 1rem;
		padding-right: 1rem;
		box-sizing: border-box
	}

	.index_banner h3 {
		font-size: 1.5rem
	}
}

@media only screen and (max-width:480px) {
	.iheader .logo a img {
		width: 55%
	}

	.iheader .h_earth {
		display: none
	}
}