@media(min-width: 1480px){
	.container{
		max-width: 1200px;
	}
	
}
@media(min-width: 1720px){
	.container{
		max-width: 1680px;
	}
}
@media(min-width: 1680px){
	.container{
		max-width: 1480px;
	}
}
ul{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
p,h1,h2,h3,h4,h5{
	margin: 0;
}
*{
	margin: 0;
}
a:hover{
	text-decoration: none;
}
.row{
	display: block;
}
.bg-black{
	background: #000000;
	z-index: 9999;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color: #12b6d7;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	color: #12b6d7;
}
.navbar-light .navbar-nav .nav-link{
	color: #fff;
	    padding-right: 60px;
}
.navbar-collapse{
	flex-grow: 0;
}

.dropdown-menu{
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    padding:0;
    background: #000;
    border-top:3px solid #12b6d7;
}
.dropdown-menu:after{
    top: -16px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-bottom-color: #12b6d7;
    border-width: 8px;
    margin-left: -6px;
}
.dropdown-item{
    min-width: 210px;
    border-bottom:1px solid #424242;
    padding: 2px 20px 0 20px;
    line-height: 51px;
    color: #fff;
    
}
.dropdown-item:hover{
    background: rgba(255,255,255,0.2);
    color: #12b6d7;
}
.lan{
	color: #fff;
	font-size: 17px;
	padding-right: 10px;
}

.ibanner{
	position: relative;
	overflow: hidden;
}
.ibanner .swiper-pagination-bullet{
	background: none;
	border: 1px solid #fff;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.ibanner .swiper-pagination-bullet-active{
	background: #fff;
}

.ititle{
	text-align: center;
}
.ititle h2{
	color: #000;
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
}
.ipro{
	padding: 80px 0;
}
.ipro .iprolist .item{
	display: flex;
	justify-content: space-between;
	margin-top: 4%;
}
.ipro .iprolist .item .iteml{
	flex: 0 0 39.5%;

}

.ipro .iprolist .item .iteml a .con h4{
	color: #000;
	font-size: 30px;
	margin-top: 10px;
}
.ipro .iprolist .item .iteml .img {
	overflow: hidden;
}
.ipro .iprolist .item .iteml .img img {
	transition: 1s;
}
.ipro .iprolist .item .iteml:hover .img img{
	transform: scale(1.1);
}
.ipro .iprolist .item .iteml a .con p{
	color: rgba(51, 51, 51, 0.8);
	font-size: 20px;
	margin-top: 10px;
}
.ipro .iprolist .item .itemr{
	flex: 0 0 58.5%;
}
.ipro .iprolist .item .itemr .img {
	overflow: hidden;
}
.ipro .iprolist .item .itemr .img img {
	transition: 1s;
}
.ipro .iprolist .item .itemr:hover .img img{
	transform: scale(1.1);
}
.ipro .iprolist .item:nth-child(even){
	flex-direction: row-reverse;
}
.ipro .imore{
	display: block;
	text-align: center;
	padding: 5px 0;
	margin:4% auto 0;
	width: 180px;
}
.ipro .imore img{
	margin-right: 10px;

}
.ipro .imore{
	font-size: 23px;
	color: #000;
	text-transform: uppercase;
	transition: .4s;
}
.ipro .imore:hover{
	background: #000;
	color: #fff;
}

.iabout{
	position: relative;
	overflow: hidden;
	/*background-size: cover;*/
	padding: 60px 0 80px;
	background: #f2f2f2;
}

.iabout .ablcon{
	width: 50%;
}
.iabout .ablcon .en{
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 0;
	color: #333333;
}


.iabout .ablcon .con{
	line-height: 1.8;
	margin-top: 20px;
}
.iabout .ablcon .amore{
	display: block;
	width: 120px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #c40000;
	border-radius: 20px;
	margin-top: 40px;
}

.iabout .abrimg{
	position: absolute;
	right: 0;
	width: 46%;
	top: 0;
}


.procate{
	padding: 80px 0;
}
.procate .catelist{
	display: flex;
	flex-wrap: wrap;
	margin-top: 4%;
	margin-bottom: 4%;
}
.procate .catelist .item{
	flex: 0 0 32.33%;
	margin-right: 1.5%;
	text-align: center;
}
.procate .catelist .item:last-child{
	margin-right: 0;
}
.procate .catelist .item .img{
	height: 500px;
	background: #f4f4f4;
	display: grid;
    align-items: center;
    justify-content: center;
        overflow: hidden;
}
.procate .catelist .item h4{
	color: #333333;
	font-size: 20px;
	margin-top: 4%;
}
.procate .catelist .item img{
	transition: .6s;
}
.procate .catelist .item:hover img{
	transform: scale(1.1);
}

.fcus{
	background: #14c8ec;
	padding: 20px 0;
}
.fcus .mw{
	max-width: 1400px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fcus .mw .mwl h4{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.fcus .mw .mwl h3{
	font-size: 25px;
	color: #fff;
	margin-top: 10px;
}
.fcus .mw .mwr a{
	display: inline-block;
	width: 200px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	line-height: 48px;
	font-size: 25px;
	border-radius: 28px;
}

.main-footer-page {
	position: relative;
	overflow: auto;
	width: 100%;
	margin: 0;
	background-color: #212121
}

.main-footer-page .container .row>ul {
	padding: 0;
	margin: 40px 0;
}



.main-footer-page .copyright {
	float: right;
	margin: 22px 0 0;
	font-size: 12px;
	color: #3b3b3b
}

.main-footer-page .footer-row-1 {
	position: relative;
	height: 55px;
	clear: both;
	padding-right: 18px;
	border-bottom: 1px solid #3b3b3b
}

.main-footer-page .footer-row-1 img {
	border-right: 1px solid #3b3b3b;
	padding: 15px 15px 15px 0;
}

.main-footer-page .footer-row-1 .list-social {
	position: absolute;
	top: 28px;
	left: 50%;
	transform: translateX(-50%);
	padding: 7px;
	font-size: 0
}

.main-footer-page .footer-row-1 .list-social:after {
	content: "";
	position: absolute;
	border: solid #212121 3px;
	left: 0;
	right: 0;
	top: 24px;
	z-index: 0
}

.main-footer-page .footer-row-1 .list-social li {
	position: relative;
	z-index: 10;
	display: inline-block;
	vertical-align: top;
	width: 42px;
	height: 42px;
	border-radius: 200px;
	background-color: #3c3c3c;
	margin: 0 6px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat
}

.main-footer-page .footer-row-1 .list-social li.facebook {
	background-image: url(../images/icon-facebook-65eca6c41df48164a4697bbdecdb395f0130972e78cee73919bb2f13e77eda90.png)
}

.main-footer-page .footer-row-1 .list-social li.twitter {
	background-image: url(../images/icon-twitter-9d4459641ff9375a91a41bc28adf01b991b946ed8c8a6007aa85499bef241843.png)
}

.main-footer-page .footer-row-1 .list-social li.instagram {
	background-image: url(../images/icon-instagram-d11e67382f69366ba78a8777a5bdc20054edfdc690fc49c909ee943830a6998f.png)
}

.main-footer-page .footer-row-1 .list-social li.youtube {
	background-image: url(../images/icon-youtube-245938ecfb6d36d86b10e376f6e7409a6855c077265304759034da48df49683f.png)
}

.main-footer-page .footer-row-1 .list-social li.pinterest {
	background-image: url(../images/icon-pinterest2-e9f16809bcc88dea658d6cd3c4d0df0f95bc4cd211b00d55f66bb93a8d5e5428.png)
}

.main-footer-page .footer-row-1 .list-social li:hover {
	background-position: 0 -42px
}

.main-footer-page .footer-row-1 .list-social li a {
	display: block;
	width: 100%;
	height: 100%
}

.main-footer-page .footer-row-2 {
	height: 55px;
	clear: both;
	padding-right: 18px;
	font-family: "DIN Next", "DIN Next-No", sans-serif;
	font-size: 12px
}

.main-footer-page .footer-row-2 ul {
	padding: 0;
	margin: 0
}

.main-footer-page .footer-row-2 li {
	display: inline-block;
	list-style-type: none
}

.main-footer-page .footer-row-2 li a {
	color: #6c757d;
	transition: color 0.3s
}

.main-footer-page .footer-row-2 li a:hover {
	color: white
}

.main-footer-page .footer-row-2 .footer-nav {
	float: left
}

.main-footer-page .footer-row-2 .footer-nav li {
	padding: 20px 10px 0 0
}

.main-footer-page .footer-row-2 .contact {
	float: right;
	text-align: right
}

.main-footer-page .footer-row-2 .contact li {
	padding: 20px 20px;
	border-left: 1px solid #3b3b3b
}

.main-footer-page .footer-row-2 .flag-icon {
	width: auto;
	min-width: 20px;
	height: 15px;
	cursor: pointer;
	white-space: nowrap
}

.main-footer-page .footer-row-2 .flag-icon>span {
	display: inline-block;
	position: relative;
	top: 3px;
	padding-left: 25px;
	padding-right: 10px
}

.main-footer-page .footer-row-2 .all-shops {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-top: -100%;
	margin-bottom: -100%;
	text-align: left
}

.main-footer-page .footer-row-2 .all-shops a {
	display: block;
	margin-top: 10px;
	background-position: 0 center
}

.main-footer-page .footer-row-2 .all-shops>a {
	position: relative;
	opacity: 0.25;
	transition: all 0.3s ease;
	z-index: 1
}

.main-footer-page .footer-row-2 .all-shops div {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-bottom: 25px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: center bottom;
	pointer-events: none;
	transition: all 0.3s ease;
	background: #212121
}

.main-footer-page .footer-row-2 .all-shops+a {
	margin-left: 10px
}

.main-footer-page .footer-row-2 .all-shops:hover>a,.main-footer-page .footer-row-2 .all-shops:hover div {
	opacity: 1;
	transform: none;
	pointer-events: all
}


/*内页*/
.title{
	text-align: center;
}
.title h2{
	color: #000;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
}
.title .line{
	width: 40px;
	height: 3px;
	background: #000;
	margin: 10px auto;
}
.title h4{
	font-size: 20px;
	color: #8d8d8d;
}

.page{
	background: #ffffff;
	margin-top: 1rem;
	padding: 1rem 0;
}
.page-select{
    display: none;
}
.page .pagination {
  display: flex;
  justify-content: center;
  justify-content: center;
}


.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 2px;
}
.page-status,.page-index ,.page-last{
    display: none;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
}
.pagination a:hover {
  color: #fff;
  border: 1px solid #12b6d7;
  background: #12b6d7;
}
.pagination a.page-num-current {
  color: #fff;
  background: none;
  border: 1px solid #12b6d7;
  background: #12b6d7;
}
.neinews .ntitle{
	margin-bottom: 10px;
}
.neinews .ntitle h2{
	font-size: 35px;
	color: #333;
	text-align: center;

}

/*产品中心*/
.pro{
	padding: 100px 0;
}
.pro .nypro .nyprow{
	max-width: 1000px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pro .nypro .nyprow .item{
	flex: 0 0 32.33%;
	margin-right: 1.5%;
	margin-top: 3%;
}
.pro .nypro .nyprow .item:nth-child(3n){
	margin-right: 0;
}
.pro .nypro .nyprow .item .img{
	position: relative;
	text-align: center;
}
.pro .nypro .nyprow .item .img .con{
	position: absolute;
	width: 100%;
	height: 0;
	background: #fff;
	top: 0;
	text-align: center;
	left: 0;
	display: grid;
    align-items: center;
    opacity: 0;
    transition: .8s;

}
.pro .nypro .nyprow .item .img .con h2{
	font-size: 50px;
	font-weight: bold;
	color: #333;
}
.pro .nypro .nyprow .item:hover .img .con{
	height: 100%;
	opacity: 1;
	display: grid;
}

.pro .nypro .nyprow .item .procon .line{
	background: #333333;
	width: 30px;
	height: 3px;
}
.pro .nypro .nyprow .item .procon h3{
	font-size: 40px;
	color: #333;
	margin-top: 25px;
	margin-bottom: 25px;
}
.pro .nypro .nyprow .item .procon p{
	font-size: 20px;
	color: rgba(51, 51, 51, 0.7);
	line-height: 1.8;
	text-align: justify;
}

.neinews{
	padding: 70px 0;
	background: #f8f8f8;
}
.neinews .nnewslist{
	max-width: 1000px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.neinews .nnewslist .item{
	flex: 0 0 32.33%;
	margin-right: 1.5%;
	margin-top: 3%;
}
.neinews .nnewslist .item:nth-child(3n){
	margin-right: 0;
}
.neinews .nnewslist .item .con h3{
	font-size: 15px;
	color: #000000;
	width:300px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
	-o-text-overflow:ellipsis;
	margin: 5px 0 8px;
}
.neinews .nnewslist .item .con p{
	font-size: 14px;
	color: rgba(51, 51, 51, 0.7);
}

/*产品详情*/
.protop table{
	width: 100%;
}
.protop table tr td:first-child{
	width: 15%;
}
.protop table tr td{
	width: 30%;
	padding: 0 2%;
}
.protop table tr td:last-child{
	width: 15%;
}
.protop table tr:nth-child(even){
	background: #f7f7f7;
}

.application{
	padding: 60px 0;
	border-bottom: 1px solid #a7a7a7;
}
.application .appw{
	max-width: 1000px;
	margin: auto;
}
.application .appw .atitle{
	color: rgba(51, 51, 51, 0.7);
	font-size: 28px;
	text-align: center;
}
.application .appw .appwlist{
	display: flex;
	flex-wrap: wrap;
}
.application .appw .appwlist .item{
	flex: 0 0 32.33%;
	margin-right: 1.5%;
	margin-top: 3%;
	text-align: center;
}
.application .appw .appwlist .item:nth-child(3n){
	margin-right: 0;
}

.pvideo{
	padding: 60px 0;
	border-bottom: 1px solid #d6d6d6;
}
.pvideo .vtitle{
	text-align: center;
	font-size: 45px;
	color: #000;
}
.pvideo .pvideoimg{
	max-width: 1000px;
	margin: 15px auto;
}

.videolist { position:relative; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:50%; top:42%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.pcanshu{
	padding: 60px 0;
}
.pcanshu .pcanshuw{
	max-width: 1000px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pcanshu .pcanshuw .pcanshuwl{
	flex: 0 0 28%;
	font-size: 35px;
	color: #333;
}
.pcanshu .pcanshuw .pcanshuwr{
	flex: 0 0 70%;
}

.opro{
	padding: 60px 0;
	background: #f7f7f7;
	border-top: 1px solid #c6c6c6;
}
.opro .ntitle{
	text-align: center;
}
.opro .ntitle h2{
	font-size: 35px;
    color: #333;
}
.opro .oprolist{
	max-width: 1000px;
	padding: 20px;
	background: #fff;
	margin: 2% auto 0;
	display: flex;
	flex-wrap: wrap;
}
.opro .oprolist .item{
	flex:0 0 25% ;
	text-align: center;
	position: relative;

}
.opro .oprolist .item:nth-child(4n){
	margin-right: 0;
}
.opro .oprolist .item .img{
	display: grid;
	height: 180px;
	align-items: center;
    justify-content: center;
}
.opro .oprolist .item .img img{
    width:120px;
    margin: auto;
}
.opro .oprolist .item h4{
	font-size: 17px;
	color: #333;
	margin-top: 10px;
}

.opro .oprolist .item a:before{
	box-sizing: border-box;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #f4f4f4;
    border-right: none;
    border-bottom: none;
    z-index: 10;
}
.opro .oprolist .item:nth-child(1) a:before{
    border-top-width: 0;
    border-left-width:0 ;
}
.opro .oprolist .item:nth-child(2) a:before{
    border-top-width: 0;
}
.opro .oprolist .item:nth-child(3) a:before{
    border-top-width: 0;
}
.opro .oprolist .item:nth-child(4) a:before{
    border-top-width: 0;
}
.opro .oprolist .item:nth-child(5) a:before{
    border-left-width: 0;
}
.opro .oprolist .item:nth-child(9) a:before{
    border-left-width: 0;
}
.opro .oprolist .item:nth-child(13) a:before{
    border-left-width: 0;
}
.opro .oprolist .item:nth-child(17) a:before{
    border-left-width: 0;
}

.mbshow{
    display: none;
}

/*关于*/
.about{
	padding: 60px 0;
}
.ntitle h2{
	text-align: center;
	font-size: 36px;
	color: #333;
}
.ntitle .line{
	width: 40px;
	height: 3px;
	background: #333;
	margin: 15px auto;
}
.aboutcon{
	max-width: 1000px;
	margin:3% auto 0;
	padding: 15px;
	background: #fff;
}

.aboutcon p img{
	max-width: 100%;

}

.about .contact{
	max-width: 1000px;
	margin:3% auto 0;
	padding: 20px 20px 12%;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



.about .contact .conl{
	flex: 0 0 48%;
}
.about .contact .conl h4{
	font-size: 30px;
	color: #000;
}
.about .contact .conl .contactcon{
	width: 100%;
	background: #12b5d5;
	color: #fff;
	font-size: 15px;
	padding: 10px 15% 10px 20px;
	margin: 4% 0 6%;
}
.about .contact .conl .cas{
	color: rgb(165, 165, 165);
	font-size: 15px;
}

.about .contact .conr{
	flex: 0 0 48%;
}
.about .contact .conr input{
	width: 100%;
	background: #f3f3f3;
	padding: 20px;
	border: none;
	margin-bottom: 20px;
}
.about .contact .conr textarea{
	width: 100%;
	background: #f3f3f3;
	padding: 20px;
	border: none;
	height: 150px;
	margin-bottom: 15px;
}
.about .contact .conr .sbf{
	width: 120px;
	background: #12b5d5;
	color: #fff;
	font-size: 16px;
	border: none;
	text-align: center;
	line-height:38px;
	float: right;
}



/*新闻中心*/
.news{
	padding: 60px 0;
}
.news .newstitle{
	border-bottom: 1px solid #cccccc;
	text-align: center;
	padding-bottom: 15px;
}
.news .newstitle h3{
	margin-bottom: 15px;
}
.news .newstitle .ntdate{
	margin-bottom: 15px;
}
.news .newscon{
	margin-top: 2%;
}

@media(max-width:1680px){
    .iabout{
        padding:30px 0 50px;
    }
    .iabout .ablcon .con p{
        line-height:1.7em!important;
    }
    .iabout .ablcon .con p span{
        font-size: 18px!important;
    }
}
@media(max-width: 780px){
    .videos{
        width: auto;
        height: auto;
        left: 0;
        margin-left: 0;
    }
    .iabout{
    	padding: 50px 0 80px;
    }
    .iabout .ablcon{
    	width: 100%;
    }
    .iabout .abrimg{
    	position: static;
    	width: 100%;
    	margin-top: 15px;
    }
    .iabout .ablcon .en{
    	font-size: 28px;
    }
    .iabout .ablcon .cn{
    	margin: 10px 0;
    }
    .iabout .ablcon .amore{
    	margin-top: 25px;
    }
	.pro{
		padding: 30px 0;
	}
	.title h2{
		font-size: 24px;
	}
	.title h4{
		font-size: 15px;
	}
	.pro .nypro .nyprow .item{
		flex: 0 0 49%;
		margin: 0 0.5%;
	}


	.neinews .ntitle h2{
		font-size: 24px;
	}
	.neinews .nnewslist .item .con h3{
		width: 150px;
		margin: 5px 0;
	}
	.neinews .nnewslist .item{
		flex: 0 0 49%;
		margin: 1%  0.5%!important;
	}
	.fcus .mw{
		flex-wrap: wrap;
		padding: 15px;
	}
	.mwr{
		margin-top: 15px;
	}
	.main-footer-page .footer-row-2 .contact{
		display: none;
	}
	.main-footer-page .footer-row-1 .list-social{
		display: none;
	}
	.row{
		padding: 0 15px;
	}
	.navbar-light .navbar-toggler{
		background: #fff;
	}
	.my-2{
		display: none;
	}
	.application .appw .atitle{
		font-size: 16px;
	}
	.application .appw .appwlist .item{
		flex: 0 0 49%;
		margin: 0 0.5%;
	}
	.pvideo .vtitle{
		font-size: 18px;
	}
	.pcanshu .pcanshuw{
		padding: 0 15px;
	}
	.pcanshu .pcanshuw .pcanshuwl{
		flex: 0 0 100%;
	}
	.pcanshu .pcanshuw .pcanshuwr{
		flex: 0 0 100%;
	}
	.protop table tr td{
		width: 100%;
		display: block;
	}
	.opro .ntitle h2{
		font-size: 24px;
	}
	.opro .oprolist .item{
		flex: 0 0 49%;
		margin: 0 0.5%;
	}
	.opro .oprolist .item a:before{
		border: none;
	}
	.ipro{
		padding:30px 0;
	}
	.ititle h2{
		font-size: 24px;
	}
	.ipro .iprolist .item{
		flex-wrap: wrap;
	}
	.ipro .iprolist .item .iteml{
		flex: 0 0 100%;
	}
	.ipro .iprolist .item .itemr{
		flex: 0 0 100%;
	}
	.procate{
		padding: 30px 0;
	}
	.procate .catelist .item{
		flex: 0 0 100%;
	}
	.procate .catelist .item h4{
		margin: 4% 0;
	}
	#MAIN_LAYER{
		display: none;
	}
	.neinews{
		padding: 30px 0;
	}
	.ntitle h2{
		font-size: 24px;
	}
	.about .contact .conl{
		flex: 0 0 100%;
	}
	.about .contact .conr{
		flex: 0 0 100%;
		margin-top: 15px;
	}
	.about .contact .conl h4{
		font-size: 18px;
	}
	.about{
		padding: 30px 0;
	}
	.dropdown-menu{
	    transform: translateX(0px);
	    text-align: left;
	}
	.dropdown-menu:after{
	    left: 10%;
	}
	.mbshow{
    display: block;
    }
    .pcshow{
        display: none;
    }
    .protop img{
        max-width: 50%;
        
    }
    .aboutcon img{
        max-width: 100%;
        height: auto!important;
    }
    .videoed{
        left: 40%;
        top:35%;
    }
}