﻿.pro_pic {
	height: 350px;
	width: 100%;
	text-align: center;
}

.pro_pic,
.game163 .bigImg li,
.synn_p,
.picl_data {

	text-align: center;
}

.picl_data a {
	width: 100%;
	height: 100%;
}

.picl_data a div:first-child {

	width: 100%;
	height: 100%;
}

.pro_pic img,
.game163 .bigImg li img,
.synn_p img,
.picl_data img {
	max-width: 100%;
	max-height: 100%;
}

.game163 .bigImg li {
	width: 740px;
	height: 740px;
}

.picl_data {
	width: 396px;
	height: 396px;
}

.synn_p {
	height: 300px;
}
@media screen and (max-width: 1440px) {
	.pro_pic{
		height: 300px;
	}	
	.wrap {
		width: auto;
		margin: 0 40px;
	}

	.serv_con {
		margin-top: 80px;
	}

	.ser_des {
		padding: 32px 66px;
	}

	.pro_ban .picScroll-left .bd ul li {
		margin-right: 45px;
	}

	.inde_pro .tempWrap {
		margin: 0 auto;
	}

	.store_text p {
		margin: 34px 0 35px;
	}

	.inde_store {
		margin: 100px 20px 0;
	}

	.footer {
		padding: 80px 40px 68px;
	}

	.f_menu>ul>li {
		margin-right: 80px;
	}

	.brth_text {
		padding-top: 70px;
	}

	.pr_gong p span {
		/*width: 50%;*/
        width: 60%;
	}

	.prod_lu .w3cFocusIn .hd {
		position: relative;
		left: 0;
		top: 0;
		transform: translateY(0);
		margin-top: 20px
	}

	.prod_lu .w3cFocusIn .hd ul li {
		display: inline-block;
		margin-right: 20px;
	}

	.prod_lu .w3cFocusIn .hd ul {
		white-space: nowrap;
		overflow: auto;
		width: 100%;
		text-align: center;
	}

	.pro_jian {
		padding: 70px 0 0 11%;
	}












}

@media screen and (max-width: 768px) {
	.picl_data {
		width: 100%;
		height: 2.7rem;
	}

	.synn_p {
		height: 2.1rem;
	}

	.pro_pic {
		height: 2.8rem;
	}
	.game163 .bigImg li{
		height: 6rem;
		width: 100%;
	}
	.game163 .bigImg li img{
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.header,
	header {
		display: none;
	}

	input,
	textarea {
		border: 0;
		-webkit-appearance: none;
	}

	body {
		margin: 0 auto;
		max-width: 750px;
		overflow-x: hidden;
	}

	html {
		max-width: 750px;
		margin: 0 auto;
		font-size: 20px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-tap-highlight-color: transparent;
	}

	img {
		border: 0;
		vertical-align: middle;
		width: 100%;
	}

	/* 手机端头部 */
	.i_header {
		display: none;
	}

	footer {
		display: none;
	}

	.none {
		display: block;
	}

	.wrap,
	.f_wrap {
		width: auto;
		margin: 0 .25rem;
	}

	.phone_foot_fixed {
		padding-top: 52px;
		margin-bottom: 0;
	}

	.anypabottom {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 20;
		width: 100%;
		height: 52px;
		line-height: 51px;
		background: #fff;
		text-align: center;
		display: block;
		transform: translateZ(0)
	}

	.anypabottom>a {
		float: left;
		width: 40%;
		margin: 0 5%;
	}

	.anypabottom>a img {
		width: 100%;
	}

	/* 首页头部 */
	.phone_header {
		padding-top: 45px;
		width: 100%;
	}

	.phone_header_con {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		background: #fff;
		height: 45px;
		z-index: 99;
	}

	.hea_content {
		width: 100%;
		height: 45px;
		line-height: 45px;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding-right: 0px;
		margin: 0 auto;
	}

	.nav_icon {
		display: block;
		width: 27px;
		margin-left: 15px;
	}

	.hea_logo {
		margin: 0;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		text-align: center;
	}

	.hea_logo img {
		width: 1.7rem;
	}

	.p_heder_rg {
		display: block;
		width: auto;
		margin-right: 15px;
		width: 20px;
		position: relative;
		text-align: center;
	}

	.p_heder_rg input {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}

	.p_heder_rg img {
		width: 0.16rem;
	}

	.lun .slideBox .hd {
		bottom: 0.05rem;
	}

	.lun .slideBox .hd ul li {
		display: inline-block;
		margin-right: 0.18rem;
		width: 0.12rem;
		height: 0.12rem;
	}

	.index_care {
		padding: 0.8rem 12px 0.4rem;
	}

	.in_ca_fl {
		padding-bottom: 0.3rem;
		width: 100%;
		float: none;
	}

	.in_ca_fl>h1 {
		padding-left: 0.5rem;
		font-size: 0.24rem;
		margin-bottom: 0.34rem;
	}

	.in_ca_fl>h1::after {
		width: 0.3rem;
		height: 0.02rem;
	}

	.in_qieh {
		font-size: 0.18rem;
		color: #28282a;
	}

	.in_qieh a {
		font-size: 0.2rem;
		color: #28282a;
	}

	/* 左侧 */
	.phone_mask {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		z-index: 15;
		display: none;
	}

	.phone_nav_right {
		position: fixed;
		top: 0;
		left: -100%;
		width: 40%;
		height: calc(100% - 45px - 52px);
		z-index: 16;
		background: #fff;
		overflow-y: auto;
		padding: 0 4%;
		margin-top: 45px;
		padding-bottom: 52px;
	}

	.phone_nav_right>ul>li>a {
		display: block;
		font-size: 0.18rem;
		color: #28282a;
		height: 45px;
		line-height: 45px;
		padding: 0 15px;
		font-weight: bold;
	}

	.banner_tu {
		width: 100%;
		height: 100%;
	}

	.banner_tu img {
		width: 100%;
		height: 100%;
	}

	.small_menu {
		padding: 23px 0 26px;
	}

	.small_menu {
		font-size: 12px;
		color: #919191;
	}

	.small_menu a {
		color: #919191;
	}

	.small_menu span {
		color: #333333;
	}

	.phone_nav_right>ul>li {
		position: relative;
	}

	.phone_nav_right .menu_a {
		top: 0;
		position: relative;
		width: 100%;
		background: transparent;
		padding: 0 0.4rem 0 0.55rem;
		display: none;
	}

	.menu_a>a {
		color: #28282a;
		font-size: 0.16rem;
		padding: 6px 0;
	}

	.menu_a>a::before {
		height: 0 !important;
	}

	.menu_a>a::after {
		height: 0 !important;
	}

	.in_ca_fl p {
		font-size: 0.2rem;
		line-height: 0.36rem;
		padding-bottom: 0.65rem;
	}

	.in_a {
		width: 100%;
	}

	.in_a>a {
		width: 30%;
		height: auto;
		line-height: initial;
		padding: 0.14rem 0;
		font-size: 0.14rem;
		margin-right: 0.1rem;
		margin-bottom: 0.1rem;
		float: left;
	}

	.in_a>a:nth-child(2n) {
		margin-right: 0.1rem;
	}

	.i_caru {
		float: none;
	}

	.sea_icon {
		width: .4rem;
	}

	/*首页 */
	.check_curr {
		font-size: .18rem;
		color: #0f3793;
	}

	.menu_check {
		position: relative;
		margin: .2rem 0;
	}

	.check_curr span img {
		width: .1rem;
	}

	.se_input {
		top: .6rem;
		width: 2.2rem;
		font-size: .2rem;
	}

	.se_input input {
		height: 95%;
	}

	.se_input span {
		width: .3rem;
	}

	.banner .slideBox .hd .next {
		right: .9rem;
		left: auto !important;
	}

	.banner .slideBox .hd .prev,
	.banner .slideBox .hd .next {
		width: .3rem;
		height: .52rem;
		left: .9rem;
	}

	.banner .slideBox .hd ul {
		bottom: .3rem;
	}

	.banner .slideBox .hd ul li {
		margin-right: .1rem;
		width: .6rem;
		height: 0.04rem;
		line-height: 0.04rem;
	}

	.inde_tit {
		margin: .6rem 0;
	}

	.inde_tit h1 {
		font-size: .36rem;
	}

	.inde_tit p {
		font-size: .18rem;
		margin-top: .3rem;
	}

	.pro_ban .picScroll-left .bd ul li {
		margin-right: 22px;
		width: 47%;
	}

	.inde_pro .tempWrap {
		margin: 0;
	}

	.pro_tetx p {
		font-size: .3rem;
	}

	.ia_1 {
		top: .2rem;
		left: .2rem;
	}

	.ia_2 {
		top: .2rem;
		right: .2rem;
	}

	.ia_3 {
		right: .2rem;
		bottom: .2rem;
	}

	.ia_4 {
		bottom: 0;
		left: .2rem;
	}

	.picl_data:hover .ia_1 {
		width: calc(100% - 1rem);
		top: .5rem;
		left: .5rem;
	}

	.picl_data:hover .ia_2 {
		height: calc(100% - 1rem);
		top: .5rem;
		right: .5rem;
	}

	.picl_data:hover .ia_3 {
		width: calc(100% - 1rem);
		right: .5rem;
		bottom: .5rem;
	}

	.picl_data:hover .ia_4 {
		height: calc(100% - 1rem);
		bottom: .5rem;
		left: .5rem;
	}

	.synn_jia {
		padding: .26rem .38rem;
	}

	.synn_jia h1 {
		font-size: .16rem;
	}

	.synn_jia h2 {
		font-size: .24rem;
		line-height: .34rem;
		margin: .2rem 0;
		height: 1rem;
	}

	.synn_jia a {
		font-size: .14rem;
		padding-top: .15rem;
	}

	.inde_new .pro_ban .picScroll-left .bd ul li:hover {
		transform: translateY(-0.1rem);
	}

	.inde_new .pro_ban .picScroll-left .hd {
		top: 0;
	}

	.pro_ban .picScroll-left .hd a {
		width: .8rem;
		height: .46rem;
	}

	.pro_ban .picScroll-left .hd {
		top: 0;
	}

	.inde_new {
		padding-bottom: .5rem;
	}

	.inde_store {
		margin: .4rem .25rem 0;
	}

	.store_text {
		top: .15rem;
		left: .3rem;
		width: calc(100% - .55rem);
	}

	.store_text h1 {
		font-size: .24rem;
	}

	.store_text p {
		font-size: .18rem;
		width: 100%;
		margin: .1rem 0;
	}

	.store_text a {
		font-size: .16rem;
		width: 1.5rem;
		height: .39rem;
		line-height: .39rem;
	}

	.pro_ban .picScroll-left {
		overflow: hidden;
		position: initial;
	}

	/* 产品 */
	/* 菜单 */
	.pro_tit {
		padding: .4rem 0;
		margin-bottom: .4rem;
	}

	.pro_tit>span {
		font-size: .26rem;
		margin-right: .3rem;
	}

	.pro_list>ul>li {
		padding-bottom: .3rem;
		margin: 0 0 .3rem 0;
		width: calc((100% - 3%)/2);
		margin-right: 3%;
	}

	.dyna_list>ul>li:nth-child(3n) {
		margin-right: 3%;
	}

	.pro_list>ul>li:nth-child(2n) {
		margin-right: 0;
	}

	.pro_tetx p {
		font-size: .24rem;
		margin: .27rem 0;
	}

	.pro_tetx a {
		font-size: .14rem;
		width: .99rem;
		height: .33rem;
		line-height: .33rem;
	}

	.pro_more {
		width: 1.6rem;
		height: .48rem;
		line-height: .48rem;
		font-size: .16rem;
	}

	.pro_con {
		padding-bottom: .4rem;
	}

	/* 动态详情 */
	.equipage_con {
		padding: .3rem 0;
	}

	.equipage_con .equipa_menu {
		font-size: .14rem;
	}

	.equipa_menu i {
		margin: 0 0.04rem;
	}

	.plapage_data {
		padding: .4rem .6rem .4rem;
	}

	.plapage_data h1 {
		font-size: .3rem;
	}

	.plapage_data>h3 {
		font-size: .16rem;
		padding: .25rem 0;
		margin-bottom: .3rem;
	}

	.plapage_data p {
		font-size: .16rem;
		line-height: .3rem;
		margin-bottom: .3rem;
	}

	.newpages h4 {
		font-size: .14rem;
		margin: .2rem 0 .3rem;
	}

	.capa_one {
		margin: .2rem 0 .4rem;
		padding: .3rem .5rem;
	}

	.capa_prev p {
		margin-bottom: .2rem;
		font-size: .16rem;
	}

	.ca_return a {
		width: 1.49rem;
		height: .55rem;
		line-height: .55rem;
		font-size: .16rem;
		margin-top: 0.08rem;
	}

	.dy_pic {
		margin: .1rem 0 .25rem;
	}

	.dy_pic img {
		margin-right: 2%;
		width: 47.4%;
	}

	.capa_prev {
		width: 100%;
		float: none;
	}

	.ca_return {
		float: none;
		text-align: center;
		margin-top: .2rem;
	}

	/* 服务 */
	.serv_con {
		margin-top: 。4rem;
	}

	.serv_top>div {
		width: 100%;
		float: none;
	}

	.ser_des {
		padding: .4rem;
		margin-top: .25rem;
	}

	.ser_des>p {
		font-size: .16rem;
		line-height: .34rem;
	}

	.ser_des>img {
		margin-top: .4rem;
		width: 1.4rem;
	}

	.serv_boot {
		padding: .4rem;
		margin: .4rem 0;
	}

	.serv_boot h1 {
		font-size: .3rem;
		margin: 0 0 .4rem 0;
	}

	.ser_lis>ul>li {
		margin-bottom: .3rem;
	}

	.ser_lis>span {
		width: 2rem;
		height: .61rem;
		line-height: .61rem;
		font-size: .16rem;
	}

	.ser_lis>ul>li h2 {
		font-size: .16rem;
		margin-bottom: .18rem;
	}

	.ser_lis>ul>li input {
		padding: 0 .15rem;
		height: .55rem;
	}

	.ser_lis>ul>li textarea {
		height: 1.5rem;
		padding: .15rem;
	}

	.ser_lis {
		width: 100%;
		position: relative;
		z-index: 2;
	}

	.ser_in>div {
		float: left;
		width: 27.7%;
		margin-right: 8.4%;
	}

	/* 品牌 */
	.brand_one {
		padding: .4rem 0;
	}

	.brand_one>div {
		width: 100%;
		float: none;
	}

	.broner>p {
		line-height: .29rem;
		font-size: .16rem;
		margin-bottom: .3rem;
	}


	.bronef {
		padding-right: 0;
		margin-bottom: 3%;
	}

	.bronef h1 {
		font-size: .46rem;
		margin-bottom: .4rem;
	}

	.bro_de p {
		position: relative;
		margin-right: .4rem;
	}

	.bro_de p em {
		font-size: .3rem;
	}

	.bro_de p i {
		font-size: .16rem;
	}

	.bro_de p:last-child::after {
		top: 0.08rem;
		left: -.25rem;
		height: .6rem;
	}

	.five_video {
		width: .8rem;
		height: .8rem;
	}

	.brand_thr>div {
		float: none;
		width: 100%;
	}

	.brth_text {
		font-size: .16rem;
		line-height: .28rem;
		padding: .4rem .3rem;
	}

	.brth_pi {
		margin-top: 0;
	}

	.brand_thr {
		margin-bottom: .4rem;
	}

	/* 销售 */
	.sales_con {
		padding: .4rem 0;
	}

	.sales_con h1 {
		font-size: .42rem;
	}

	.sales_con p {
		font-size: .18rem;
		margin: .34rem 0 .6rem;
	}

	/* 产品详情 */
	.pro_dai {
		padding-top: .4rem;
	}

	.pro_dai>div {
		float: none;
		width: 100%;
	}

	.pro_jian h1 {
		font-size: .4rem;
		color: #333333;
	}

	.pro_jian {
		padding: .2rem 0 .4rem;
	}

	.pro_jian h2 {
		font-size: .24rem;
		margin: .18rem 0 .22rem;
	}

	.pro_jian>p {
		font-size: .16rem;
		line-height: .28rem;
	}


	.pr_gong {
		margin-top: .25rem;
		padding-top: .25rem;
	}

	.pr_gong h3 {
		font-size: .24rem;
	}

	.pr_gong a {
		font-size: .16rem;
		width: 2.5rem;
		height: .57rem;
		line-height: .57rem;
	}

	.pr_gong p {
		font-size: 0;
		margin: .25rem 0 .4rem;
	}

	.pr_gong p>* {
		font-size: .16rem;
	}

	.pr_gong p span {
		width: 50%;
		line-height: .35rem;
	}

	.pr_gong p span i {
		margin-right: 0.07rem;
	}

	.prod_lu .w3cFocus .next {
		left: auto;
		right: .4rem;
	}

	.prod_lu .w3cFocus .prev,
	.w3cFocus .next {
		left: .4rem;
		width: .18rem;
		height: .32rem;
	}

	.prod_lu .w3cFocusIn .hd {
		position: relative;
		left: 0;
		top: 0;
		transform: translateY(0);
		margin-top: .2rem;
	}

	.prod_lu .w3cFocusIn .hd ul li {
		display: inline-block;
		margin-right: .2rem;
		margin-bottom: .1rem;
	}

	.prod_lu .w3cFocusIn .hd ul li img {
		width: 1rem;
		height: 1rem;
	}

	.prod_lu .w3cFocusIn .hd ul {
		white-space: nowrap;
		overflow: auto;
		width: 100%;
		text-align: center;
	}

	.prod_lu .w3cFocusIn .bd li {
		height: 6rem;
	}

	.prod_lu .w3cFocusIn .bd li img {
		height: auto;
		max-height: 100%;
	}







}

@media screen and (max-width: 330px) {}
