@media(max-width:1860px) {
header .logo {
	margin-left: 2%;
	height: 25px
}
header .search {
	width: 5%
}
.index_1 .fr .box:hover .t2 {
	font-size: 18px
}
.index_1 .fr .box:hover .word {
	width: 80%;
	padding: 0 10%
}
}

@media(max-width:1300px) {
header .pc-nav {
	margin-left: 5%
}
header .pc-nav ul li a {
	margin: 0 12px
}
.contact li .fl {
	width: 55%
}
.contact li .ditu {
	width: 45%
}
.contact li p {
	text-indent: 30px;
	width: 80%
}
.foot .foot-bot .fl {
	width: 100%;
	margin-bottom: 20px
}
.foot .foot-bot .fr {
	width: 100%;
	text-align: center
}
.foot .foot-bot .fr a {
	display: inline-block;
	float: none
}
}

@media(max-width:1266px) {
.index_4 .mpic {
	width: 60%;
	height: auto
}
.index_4 .mpic img {
	max-width: 100%
}
.index_4 .con1 {
	background: #00abf0
}
.index_4 .fltit {
	display: none
}
.index_4 .newsbox {
	width: 60%;
	height: 404px;
	background-size: cover;
	background-position: top center
}
.index_4 .rbox {
	width: 34%;
	height: auto;
	padding: 45px 3% 0
}
.index_4 .box2 {
	width: 34%;
	padding: 0 3%;
	height: 404px;
	background-size: cover
}
.index_4 .newsbox .more .mbtn {
	left: 5%
}
}

@media(max-width:1230px) {
.index_6 .fl, .index_6 .fr {
	width: 33.33%
}
.index_6 .fr {
	margin-left: 0
}
}

@media(max-width:1200px) {
.index_2 .box dl, .index_2 .con, .more2 {
	display: none
}
.foot .foot-top .fnav a {
	padding: 0 30px
}
.index_2 .box {
	width: 100%;
	height: auto;
	border: 0;
	padding: 0;
	background: 0
}
.index_2 .box .tit {
	font-size: 26px;
	text-align: center;
	line-height: 84px
}
.index_2 .box .tit em {
	margin: 0 auto;
	width: 34px;
	height: 2px
}
.index_2 .box h3 {
	font-size: 30px;
	color: #000;
	line-height: normal;
	text-align: center;
	margin-top: 20px
}
.index_2 .box form {
	width: 100%;
	margin-top: 20px
}
.index_2 .box form .text {
	width: 92%;
	padding-left: 0;
	text-indent: 15px
}
.index_2 .box form .button {
	width: 6%
}
.index_2 {
	height: auto
}
.index .index-mob-scroll .pagination, .index .mobile-scroll .pagination {
	text-align: center;
	margin-top: 20px
}
.index .mobile-scroll .swiper-pagination-bullet, .index .mobile-scroll .swiper-pagination-switch {
	float: inherit;
	display: inline-block!important;
	width: 8px!important;
	height: 8px!important;
	border-radius: 8px!important;
	background: #dcdcdc!important;
	margin: 3px 6.5px!important;
	opacity: .8!important;
	border: 3px solid transparent!important;
	cursor: pointer!important;
	-webkit-transition: all .44s ease 0s!important;
	transition: all .44s ease 0s!important
}
.index .mobile-scroll .swiper-pagination-bullet-active, .index .mobile-scroll .swiper-visible-switch {
	background: #fff!important;
	width: 8px!important;
	height: 8px!important;
	margin: 3px 6.5px!important;
	border: 3px solid #00abf0!important
}
.index .index-mob-scroll .swiper-pagination-bullet, .index .index-mob-scroll .swiper-pagination-switch {
	float: inherit;
	display: inline-block!important;
	width: 8px!important;
	height: 8px!important;
	border-radius: 8px!important;
	background: #dcdcdc!important;
	margin: 3px 6.5px!important;
	opacity: .8!important;
	border: 3px solid transparent!important;
	cursor: pointer!important;
	-webkit-transition: all .44s ease 0s!important;
	transition: all .44s ease 0s!important
}
.index .index-mob-scroll .swiper-pagination-bullet-active, .index .index-mob-scroll .swiper-visible-switch {
	background: #fff!important;
	width: 8px!important;
	height: 8px!important;
	margin: 3px 6.5px!important;
	border: 3px solid #00abf0!important
}
.index .mobile-scroll {
	display: block;
	overflow: hidden;
	margin-top: 30px
}
.index .mobile-scroll ul {
	width: 100%
}
.index .mobile-scroll ul li a {
	display: block;
	height: auto
}
.index .mobile-scroll ul li a .img {
	float: left;
	width: 100%;
	overflow: hidden
}
.index .mobile-scroll ul li a .img img {
	display: block;
	float: left;
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease
}
.index_2 .box {
	margin-bottom: 0
}
.index_1 .fl {
	width: 100%;
	margin-top: 0;
	float: none;
	text-align: center
}
.index_1 {
	padding: 40px 0 0
}
.picshow .slick-list {
	padding-bottom: 0
}
.index_1 .fr {
	display: none
}
.index_1 .godsimg img {
	max-width: 100%
}
.index_1s {
	min-width: auto
}
.index .index-mob-scroll {
	display: block;
	overflow: hidden;
	margin-top: 30px
}
.index .index-mob-scroll ul {
	width: 100%
}
.index .index-mob-scroll ul li .godsimg {
	float: left;
	width: 100%!important;
	overflow: hidden
}
.index .index-mob-scroll ul li .godsimg img {
	display: block;
	float: left;
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease
}
.index .index-mob-scroll ul li .godsimg .word {
	position: absolute;
	left: 0;
	top: 45%;
	bottom: 0;
	width: 95%;
	text-align: center;
	color: #FFF;
	padding: 0 2.5% 40px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}
.index .index-mob-scroll ul li .godsimg .word .t1, .index .index-mob-scroll ul li .godsimg .word .t2 {
	text-transform: uppercase;
	text-align: center;
	text-indent: 0;
	font-size: 26px
}
.index_1s .fl h3, .index_1s .fl h3 em {
	font-size: 26px!important
}
.index_3 .top {
	padding: 0 0 20px
}
.index_4 .tit {
	font-size: 26px;
	line-height: 100px
}
.index_4 .rbox h3 img, .index_4 .tit img {
	height: 26px
}
.index_4 .box p {
	font-size: 20px;
	padding-top: 58px
}
.index_4 .box p em {
	font-size: 16px;
	margin-top: 10px
}
#products .conLeft {
	display: none
}
#products .conRight {
	width: 100%
}
}

@media(max-width:1140px) {
.m-navwrap, .m-navwrap li, .m-navwrap ul {
	width: 100%
}
.foot .foot-bot, .foot .foot-top .fnav, .index_3 .tit, .index_3 .top ul, .index_4 .rbox {
	text-align: center
}
header {
	height: 60px
}
header .pc-nav {
	display: none
}
header .m-nav {
	display: block
}
header .m-nav .nav-ico {
	display: block;
	position: absolute;
	right: 2.5%;
	top: 18px;
	cursor: pointer
}
header .search {
	display: none
}
header .language {
	margin-right: 100px;
	margin-top: 18px;
	display: none
}
header .logo {
	height: 25px;
	margin-top: 19px;
	margin-left: 2.5%
}
.m-navwrap {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 9999;
	background: #fff;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.2);
	box-shadow: 5px 5px 10px rgba(0,0,0,.2)
}
.m-navwrap .mlanguage {
	font-size: 15px;
	margin-right: 10px;
	transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	line-height: 46px
}
.m-navwrap .tit {
	display: block;
	width: 78%;
	padding: 0 17% 0 5%;
	height: 46px;
	line-height: 46px;
	font-size: 15px;
	color: #d43f3a;
	background: url(../images/arrow2.png) 92% center no-repeat #FFF;
	background-size: auto 22%;
	cursor: pointer;
	border-right: 1px solid #035cac
}
.m-navwrap .tit a {
	color: #585858;
	display: block
}
.m-navwrap .tit a:hover {
	color: #000
}
.m-navwrap li {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}
.m-navwrap .sub-box {
	width: 100%;
	background-color: #c9302c;
	display: none
}
.m-navwrap .sub-box a {
	display: block;
	width: 78%;
	padding: 0 17.4% 0 5.9%;
	height: 34px;
	line-height: 34px;
	border-top: 1px solid #fff;
	color: #fff;
	font-size: 13px
}
.m-navwrap .sub-box a:hover {
	background-color: #d43f3a
}
.slick-slider {
	margin-top: 60px
}
.foot .foot-top .fnav {
	width: 100%;
	float: none
}
.foot .foot-top .fnav a {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0;
	width: 14.28%
}
.foot .foot-top .logo {
	float: none;
	margin: 0 auto;
	display: block
}
.foot .foot-top {
	padding: 40px 0 30px
}
.foot .foot-top .fnav a::before {
	display: none
}
.foot .foot-top .fnav a:hover .word {
	margin-top: 0
}
.index_6 .fl {
	width: 100%;
	margin-bottom: 20px
}
.index_6 .fr {
	width: 50%
}
.index_6 .fr .con {
	border-top: 0;
	margin-top: 0
}
.index_3 .swiper6 {
	display: block
}
.index_3 .proswiper {
	display: none!important
}
.index_3 .pcchange {
	display: none
}
.index_3 .mobchange {
	display: block
}
.index_3box .pic img {
	margin: 0 auto;
	display: block;
	max-width: 100%
}
.index_3 .tit {
	font-size: 26px;
	float: none;
	margin-bottom: 20px
}
.index_3 .top ul {
	float: none
}
.index_3 .top ul li {
	float: left;
	display: inline-block;
	width: 45%;
	margin: 0 2.5%;
	padding: 0;
	font-size: 14px
}
.index_3 .con .swiper-slide {
	margin: 0
}
.index_4 .mpic, .index_4 .mpic img {
	width: 100%
}
.index_4 .rbox {
	width: 90%;
	height: auto;
	padding: 45px 5%
}
.index_4 .rbox .m {
	float: none!important
}
.index_4 .rbox p {
	height: auto
}
.index_4 .newsbox ul li h4 {
	font-size: 14px
}
.index_4 .newsbox ul li .desc {
	margin: 20px 0
}
.index_4 .newsbox {
	width: 100%;
	height: auto;
	background: #fff;
	padding-bottom: 50px
}
.index_4 .newsbox ul {
	width: 90%;
	margin: 20px 5%
}
.index_4 .newsbox .more {
	display: block
}
.index_4 .newsbox .more .mbtn {
	bottom: 0;
	left: 50%;
	margin-left: -65px
}
.index_4 .box2 {
	width: 90%;
	padding: 0 5%;
	margin-top: 50px;
	height: 300px
}
.index_4 .newsbox ul li a {
	padding-right: 0
}
.index_4 .newsbox ul li {
	width: 100%;
	text-align: center;
	padding: 29px 0
}
.contact li .fl .flcon, .news .caselist li .word .wordbox {
	padding-bottom: 50px
}
.inbanner {
	margin-top: 60px
}
.zoujin_con .honor-list li {
	width: 50%
}
.contact li .ditu, .contact li .fl, .news .caselist li .word {
	width: 100%
}
.contact li p {
	float: left
}
.news .caselist li .pic {
	width: 100%;
	height: auto
}
.news .caselist li p, .newslist li p {
	height: 0
}
.newslist li .box {
	padding-bottom: 25px
}
.newslist li {
	height: auto
}
}

@media(max-width:768px) {
.contact li .p1, .service h1 {
	text-align: center
}
header .logo {
	height: 20px;
	margin-top: 21px
}
.foot .foot-top .fnav a {
	width: 25%;
	font-size: 14px
}
.index_6 .fr {
	width: 100%;
	float: none;
	margin-bottom: 20px
}
.index_6 .mob {
	display: block
}
#download .downbox .time, .index_6 .pc, .loca dl {
	display: none
}
.index_5 ul li {
	width: 50%
}
.index_5 {
	padding: 10px 0 30px
}
.index_5 ul {
	padding-top: 30px
}
.index_5 .tit {
	font-size: 26px
}
.index_5 ul li p em {
	font-size: 34px
}
.index_2 .box form .text {
	width: 88%
}
.index_2 .box form .button {
	width: 12%
}
.index_2 .box h3 {
	font-size: 20px
}
.index_3box .pic {
	height: auto
}
.index_3box .word:hover .p2 {
	font-size: 16px
}
.index_3box:hover .word {
	width: 90%;
	padding: 0 5%
}
.index_3box .word .p2 {
	width: 90%;
	margin: 0 auto
}
.loca ul {
	float: left
}
.loca ul li {
	line-height: 50px;
	margin: 0 20px
}
.zoujin_con .tit {
	font-size: 26px
}
.zoujin_con .word p {
	padding: 0
}
.zoujin_con .index_5 {
	padding: 20px 0 10px
}
.zoujin_con .m-t50 {
	margin-top: 40px
}
.contact li p, .zoujin_con .honor-list li {
	width: 100%
}
.contact li .p1 {
	height: auto;
	font-size: 26px
}
#download .downbox span {
	width: 33.33%!important
}
.service .serbot .fl {
	width: 100%;
	margin-bottom: 20px
}
.service .serbot {
	margin-top: 30px
}
.newslist {
	width: 100%
}
.newslist li {
	width: 100%;
	margin-right: 0
}
.shop .shop_con a {
	background: #fff;
	width: 90%;
	padding: 5%
}
.shop .shop_con {
	background: 0
}
#products .product>li {
	width: 100%
}
.m_pro_select {
	display: block;
	width: 100%;
	height: 55px;
	font-size: 15px;
	position: relative;
	z-index: 30
}
.m_pro_select li.hid, .mobloca {
	display: none
}
.m_pro_select .show {
	height: 55px;
	line-height: 54px;
	background: #00abf0;
	color: #fff
}
.m_pro_select ul {
	position: absolute;
	width: 100%;
	top: 55px;
	left: 0;
	cursor: pointer;
	display: none;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.2);
	box-shadow: 5px 5px 10px rgba(0,0,0,.2)
}
.m_pro_select li {
	height: 31px;
	line-height: 30px;
	background: #fff;
	color: #d82128;
	float: none
}
.m_pro_select li p {
	border-bottom: 1px solid #81bde5;
	padding: 0 4%
}
.m_pro_select li a {
	display: block;
	color: #585858;
	padding: 0 4%
}
.m_pro_select li a:hover {
	background: #585858;
	color: #fff
}
.m_pro_select i {
	width: 22px;
	height: 13px;
	background: url(../images/arrow.png) no-repeat;
	background-size: 100%;
	float: right;
	margin-top: 20px
}
.m_pro_search {
	background: #f1f1f1;
	margin: 0 auto;
	padding: 20px 0;
	display: block
}
.m_pro_search form {
	height: 40px;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 auto;
	width: 95%
}
.m_pro_search form input[type=text] {
	outline: 0;
	float: left;
	height: 40px;
	line-height: 40px;
	width: 80%;
	border: 0;
	text-indent: 20px;
	font-size: 16px;
	background: 0;
	color: #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 20px
}
.m_pro_search form input[type=submit] {
	width: 20%;
	float: left;
	height: 40px;
	line-height: 40px;
	background: url(../image/fdj.png) center center no-repeat
}
#product-view .container .tagtit {
	float: none;
	width: 90%;
	padding: 30px 5%
}
#product-view .container .tagtit a {
	display: inline-block!important;
	width: 24%;
	height: 60px;
	line-height: 20px;
	margin: 0 auto 10px
}
#product-view .container .tagcon {
	margin: 0 auto 20px;
	float: none
}
#product-view .model .title {
	padding: 10px 0
}
.msearch {
	display: none
}
}

@media(max-width:500px) {
.index_3box {
	height: 400px
}
}