:root{
	--black:#000000;
	--blue:#004ea1;
	--grey:#e6e6e6;
	--grey1:#f9f9f9;
	--grey2:#666666;
	--grey3:#333333;
	--grey4:#f6f6f6;
	--grey5:#808080;
	--green:#83bf43;
}

html{font-size:10px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.5208333333vw;
  }
}
html.active{ height:100%; overflow:hidden;}
*{box-sizing:border-box;}
body { margin:0; padding:0;font-family:"微软雅黑","Microsoft Yahei", Arial;font-size:16px; background:#fff; line-height:1.5; color:#333; width:100%; margin:0px auto;overflow-x:hidden;}
a { color:var(--black); text-decoration:none; cursor:pointer; font-size:inherit;}
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
input,textarea{ outline:none;}
input,button{outline:none;}

.container{width:87.7%; max-width:1680px; margin:auto;}


header{ position:fixed; top:0;width:100%; z-index:999; color:#fff; background-color:rgba(10,22,37,.1);}
header.active{ background-color:#0163a6;}
header a{color:#fff; max-height:80%; display:flex;}
header a img{ width:100%; height:auto;}
header .container{ display:flex; height:100px; align-items:center; justify-content:space-between; position:relative; z-index:999;}
header .rt{ display:flex; align-items:center;}
header nav ul{ display:flex; align-iiems:center;}
header nav li{ margin-right:6.5rem; display:flex; position:relative; height:100px;display: flex;
    align-items: center;
    justify-content: center;}
header .tel{ display:flex; align-items:center; font-weight:bold; font-size:18px; margin-left:6.2rem;}
header .tel:before{content:"";width:18px;height:18px; background:url(../image/index_09.png) center no-repeat; background-size:cover; margin-right:16px;}
header .searchBtn{width:20px; height:20px; background:url(../image/index_06.png) center no-repeat; background-size:contain; margin-left:7.2rem; cursor:pointer;}
header nav li .submenu{  background-color:rgba(0,78,161,0.9); width:212px; position:absolute; top:100%; padding:1.8rem 0px; z-index:20; transform-origin: 50% 0; transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform 0.3s,opacity 0.3s; left:50%; margin-left:-106px; max-height:80vh; overflow:auto;}
header nav li:hover .submenu{ transform: scaleY(1) translateZ(0);opacity: 1;}
header nav li .submenu dd a{ color:#fff; line-height:2.7;text-transform: none;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;font-size: max(1.6rem,14px);text-align:center; border-bottom:1px #e8e8e8 solid; font-weight:normal;}
header nav li .submenu dd a:hover{ background:#fff;color:#165893;}
header nav li .submenu dd a:last-child{ border-bottom:0px;}
header nav li .submenu::-webkit-scrollbar {
    width: 5px;
	height:5px;
	background:none;
	border-radius:15px;
}
header nav li .submenu::-webkit-scrollbar-thumb {
    background: #333;
    scrollbar-arrow-color:#333;
	border-radius:15px;
}
@font-face
{
	font-family: "Tungsten";
	src:url('');
}

.banner,
.banner a{color:#fff;}
.banner img{width:100%;}
.banner li{ position:relative;}
.banner li .container{ position:absolute; top:100px; left:0; right:0; bottom:0; display:flex; align-items:center;}
.banner .info{ width:min(100%,645px);}
.banner .info .title{font-weight:bold;font-size:52px; margin-bottom:20px;}
.banner .info .cont{font-size:18px; line-height:1.9;}
.banner .info .more{ padding:0 43px;width:210px; height:60px; line-height:60px; display:flex; align-items:center; margin-top:132px;border:solid 1px #99c4e1; justify-content:space-between;}
.banner .info .more:after{content:"";width:24px;height:11px;background:url(../image/arrow_03.png) center no-repeat; background-size:contain;transition:all .3s;-webkit-transition:all .3s;}
.banner .info .more:hover:after{transform:translateX(50%);-webkit-transform:translateX(50%);}
.banner .swiper-pagination{ bottom:34px;}
.banner .swiper-pagination-bullet{width:12px; height:12px;border-radius:12px; opacity:.5; background-color:#fff;margin:8px !important;transition:all .3s;-webkit-transition:all .3s;}
.banner .swiper-pagination-bullet-active{opacity:1;width:40px;}

.banner.inner .info .title{ font-size:26px;}
.banner.inner .info .cont{ font-size:18px; line-height:1;}

.card{ padding-top:85px;}
.card .head{ line-height:1; margin-bottom:35px;}
.card .head .title{ font-weight:bold;color:var(--grey3);font-size:32px; margin-bottom:18px; display:flex; align-items:center; justify-content:space-between;}
.card .head .title .more{font-size:16px; font-weight:normal; padding-right:41px;background:url(../image/arrow_04.png) right center no-repeat;}
.card .head .desc{color:var(--grey2); line-height:1.3;}




.index-product{ margin-bottom:15rem;}
.index-product .catalist{ border-bottom:solid 1px var(--grey); margin-bottom:6rem;}
.index-product .catalist ul{}
.index-product .catalist ul li{text-align:center; width:auto !important;}
.index-product .catalist ul li a{ display:block; position:relative; color:var(--grey2);font-size:17px; height:76px; line-height:76px; font-weight:bold; padding:0 3.8rem;}
.index-product .catalist ul li.cur a{ color:var(--blue);}
.index-product .catalist ul li.cur a:after{content:"";position:absolute;width:100%; height:2px; background-color:var(--blue); left:0; bottom:-1px;}

.prolist ul{ display:none;}
.prolist ul.cur{ display:flex;}
.prolist li{ background:var(--grey1); flex:1; overflow:hidden;}
.prolist li a{ display:block; padding-bottom:48px; position:relative;}
.prolist li a:hover{ background-color:#fff; box-shadow:0px 0px 10px #efefef;}
.prolist li a:after{content: "";position: absolute;width: 0;height: 2px;background-color: var(--blue);bottom: 0;left: 50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .3s;-webkit-transition:all .3s;}
.prolist li a:hover:after{width: 100%;}
.prolist li .photo{ display:block; position:relative; overflow:hidden; padding-bottom:76.43%;}
.prolist li .photo img{width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;transition:all .5s;-webkit-transition:all .5s;}
.prolist li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.prolist li .title{ height:48px; line-height:48px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; text-align:center;}



.index-adv{ background:url(../image/bg_03.jpg) center no-repeat; background-size:cover; background-attachment:fixed;color:#fff; padding:0; position:relative;}
.index-adv .block{content:"";width:50%;height:14rem; position:absolute; top:0; left:0; background-color:rgba(131,191,67,.7);}
.index-adv .container{ display:flex; align-items:flex-start;}
.index-adv .container:before{content:"";flex:1;}
.index-adv .content{flex:1;border-left:solid 1px #a9cfed;border-right:solid 1px #a9cfed;}
.index-adv .head .desc,
.index-adv .head .title{color:#fff;}
.index-adv .head .desc{ margin-bottom:60px;}
.index-adv .top{ padding:14rem 9.4rem 0; border-bottom:solid 1px #a9cfed; border-top:none;}
.index-adv .top .cont{min-height:25rem; line-height:2.2; padding-bottom:14rem;}
.index-adv .foot ul{ display:flex;}
.index-adv .foot li{flex:1; text-align:center; padding:9.5rem 0;}
.index-adv .foot li:nth-child(2){border-left:solid 1px #a9cfed;border-right:solid 1px #a9cfed;}
.index-adv .foot li .txt{ margin-top:20px; font-size:18px; font-weight:bold;}



.index-service{background:url(../image/bg_02.jpg) center no-repeat; background-size:cover; padding-top:13rem; padding-bottom:46.7rem; position:relative; z-index:1;}
.index-service .head .title{font-size:30px;}
.index-service .head .desc{ line-height:2.2; color:#4c4c4c;}
.index-service .shoplink{ display:flex;width:160px; height:44px; line-height:44px; border-radius:44px; font-size:14px; align-items:center; justify-content:space-between; padding:0 38px; border:solid 1px var(--grey2); color:var(--grey3)}
.index-service .shoplink:after{content:"";width:13px;height:12px;background:url(../image/arrow_26.png) center no-repeat; background-size:contain;}
.index-service .el{ position:absolute;width:100%; max-width:1920px; bottom:0; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); display:flex; justify-content:space-between; overflow:hidden;align-items: flex-end; z-index:-1;}
.index-service .el img:nth-child(1){width:min(73.525%,1449px); margin-right:3.125%;}
.index-service .el img:nth-child(2){width:min(21.35%,410px);}

.index-about{ display:flex; margin-top:10rem; background:none; color:var(--grey3); padding-top:0 !important;}
.index-about:before{ display:none;}
.index-about .content{border:none;}
.index-about .photo{flex:1; position:relative;}
.index-about .photo img{ position:absolute; top:0;left:0; width:100%; height:100%; object-fit:cover;}
.index-about .head .title{color:var(--grey3);}
.index-about .top{ padding-top:9.2rem; padding-bottom:9.2rem; border:none;}
.index-about .top .cont{ min-height:18rem; padding-bottom:5rem;}
.index-about .top .more{ display:inline-block;color:#4c4c4c;background:url(../image/arrow_04.png) right center no-repeat; padding-right:43px;}
.index-about .foot li{ text-align:left; padding:8.5rem 9.2rem 10rem; color:#fff;}
.index-about .foot li .txt{ margin-top:5.7rem; margin-bottom:8rem;}
.index-about .foot li:nth-child(1){ background-color:var(--green);}
.index-about .foot li:nth-child(2){ background-color:var(--blue);}
.index-about .foot li .more{color:#fff;background:url(../image/arrow_03.png) right center no-repeat; padding-right:43px;}


.index-news{ background-color:var(--grey04); background-image:url(../image/bg_04.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover; padding-bottom:6rem;}
.index-news .newslist{ padding-bottom:8.1rem;}
.index-news .newslist ul li{float:left; background-color:#fff;}
.index-news .newslist ul li a{ display:block;}
.index-news .newslist .info{ padding:3rem 2.9rem 2.3rem;}
.index-news .newslist .label{ display:block;color:var(--blue); line-height:1; font-size:14px;}
.index-news .newslist .title{ font-size:18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin:1.3rem 0 4rem;color:var(--grey3);}
.index-news .newslist .date{color:var(--grey5); font-size:12px; display:flex; align-items:center; justify-content:space-between;}
.index-news .newslist .date:after{content:"";width:34px;height:34px;background:url(../image/arrow_05.png) center no-repeat;border-radius:100%; background-color:var(--blue);}
.index-news .newslist .photo{ display:block; position:relative; overflow:hidden; padding-bottom:60%;}
.index-news .newslist .photo img{width:100%; height:100%; object-fit:contain; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;transition:all .5s;-webkit-transition:all .5s;}
.index-news .newslist a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index-news .swiper-pagination-bullet{ width:11px; height:11px; border-radius:100%; background-color:#fff; border:solid 3px var(--green); opacity:1;}
.index-news .swiper-pagination-bullet-active{background-color:var(--blue); border-color:var(--blue);}


.form{ padding:50px 0 47px; color:#fff;background:url(../image/bg_05.jpg) center no-repeat; background-size:cover; background-attachment:fixed; position:relative; z-index:1;}
.form:after{content:"";position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,78,161,.9); z-index:-1;}
.form .desc,
.form .title{ font-size:24px; line-height:1;}
.form .desc{ font-size:14px;}
.form form{ display: flex; align-items:center; margin:35px 0 24px;}
.form form input{width:100%;border:none; outline:none; height:46px; line-height:normal; padding:0 10px;}
.form form button{ width:100%; color:#fff; font-size:14px; height:46px; background-color:var(--green); border:none; outline:none;}
.form form .col{flex:1; margin-right:10px;}
.form form .col:last-child{ margin-right:0;}
.form form .col:nth-child(3){ flex:1.5;}
.form form .col:nth-child(4){ flex:.7;}


footer .carlist{ display:flex;justify-content:space-between; padding-top:7.8rem;}
footer .carlist .item{ margin-right:4rem; font-size:14px;color:var(--grey5);}
footer .carlist .item .title{ font-size:18px;color:#4c4c4c; margin-bottom:3rem;}
footer .carlist .item .sub{ margin-left:10px; font-size:14px; color:var(--grey5);}
footer .carlist .item .stitle{ margin-bottom:1.5rem; font-size:14px;}
footer .carlist .item a{color:var(--grey5);}
footer .carlist .item:last-child{ margin-right:0;}
footer .carlist .item li{ white-space:nowrap; margin-bottom:2.6rem;flex:1;}
footer .carlist .item .content{ line-height:2.4;}
footer .carlist .item:nth-child(1) ul{ display:grid;grid-template-columns:repeat(3,1fr);}
footer .carlist .item:nth-child(3) .title{ margin-bottom:2rem;}
footer .carlist .qrcode{ margin-top:4.5rem;}
footer .carlist .qrcode ul{ display:flex; text-align:center;}
footer .carlist .qrcode p{ margin-top:10px; font-size:14px; line-height:1;color:#999;}
footer .carlist .qrcode li:nth-child(1){ margin-right:2.8rem;}
footer .carlist .item .tel_1{font-size:max(4.8rem,64px);font-family: "Tungsten"; color:#0e6fb8; letter-spacing:-2px; line-height:1; font-weight:bold;}
.copyright{padding:20px 0; border-top:solid 1px #ebebeb; margin-top:11.6rem;}
.copyright .content{ display:flex; justify-content:space-between; font-size:14px; color:var(--grey5); }
.copyright .content a{color:var(--grey5);}


.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width:26px;
	height:40px;
	right:0px;
	z-index:100;
	display:none;
	position:relative;
	margin-left:7rem;
}
.menubtn .name {
	font-size:16px;
	left:-60px;
	font-weight:500;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	position:absolute;
	font-weight:600;
}
.menubtn .navbar-icons {
	height: 20px;
	width:100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 transition: .5s ease-in-out;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	cursor: pointer;
}
.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #fff;
	position:relative;
	border-radius:5px;
}
.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
 .menubtn .navbar-icons span:nth-child(2) {
 -webkit-transform-origin: left center;
 transform-origin: left center;
 width:70%;
}
 .menubtn .navbar-icons span:nth-child(3) {
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}
 .menubtn.open .navbar-icons span:nth-child(2) {
 opacity:0;
}
 .menubtn.open .navbar-icons span:nth-child(3) {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 top:1px;
}
.menu-mc {
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:500;
 	transition:all .5s;
 	-webkit-transition:all .5s;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	padding-top:85px;
	display:flex;
	flex-direction:column;
	display:none;
    background-color: var(--blue);
}
.menu-mc.active {
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.menu-mc .list {
	flex:1;
	overflow:auto;
}
.menu-mc .list ul {
	padding:0 24px;
}
.menu-mc .list ul li {
	line-height:60px;
}
.menu-mc .list ul li .submenu {
	display:none;
}
.menu-mc .list ul li .title {
	border-bottom: 1px solid rgba(255, 255, 255, .19);
	display: flex;
	align-items: center;
	justify-content:space-between;
	font-weight:600;
	color:#fff;
}
.menu-mc .list ul li .title .icon {
	width:20px; height:20px;
	 background-image: url(../image/arrow.png);
	 background-repeat:no-repeat; background-position:center center; background-size:cover;
	 margin-right:10px;
}
.menu-mc .list ul li a {
	display:block;
	font-size:15px;
	color:#fff;
}
.menu-mc .list ul li .submenu a {
	padding-left:20px;
	line-height:45px;
}
.menu-mc .list ul li .submenu a:hover {
	    background-color: var(--green);
	font-weight:600;
}


.app .about.card { margin-bottom:10rem; padding-top:40px;}
.about .head{ font-weight:bold;}
.about .head .title{color:var(--blue); font-size:36px;}
.about .head .desc{color:var(--grey3); font-size:19px;}
.about .content{display:flex;}
.about .photo{ position:relative; display:flex; width:36%;}
.about .photo img{ position:absolute; height:100%;width:60%; left:0; top:0; object-fit:cover;}
.about .photo .txt{ position:absolute; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:-11rem; color:#545454; font-size:29px;font-weight:bold; line-height:2;}
.about .photo .txt span{ display:block; white-space:nowrap;}
.about .photo .txt span:nth-child(2){ margin-left:8.3rem;}
.about .info{ background-color:#f8f8f8;flex:1; padding:6.4rem 10.3rem 7.2rem 21.8rem; line-height:2.4; font-size:15px;}
.about .info h2{ font-size:24px; line-height:1.4; margin-bottom:2rem;}
.about .info .line{ margin:5rem 0;}
.about .info .list ul:after{content:"";}
.about .info .list ul{ display:flex; justify-content:space-between; margin-top:5rem;}
.about .info .list ul li{ text-align:center;}


.honor { padding: 7.5rem 0 9rem;background:url(../image/about_bg_02.jpg) center no-repeat; background-size:cover; background-attachment:fixed;}
.honor .head{ text-align:center; margin-bottom:5rem;}
.honor .head .title{color:#fff; justify-content:center;}
.honor .head .desc{color:#fff;}
.honor .tabContent{ display:none; padding:0 10.5rem;}
.honor .tabContent.active{ display:block;}
.honor .tabContent .swiper{ padding-bottom:6.5rem;}
.honor .tabContent .swiper .swiper-pagination{ bottom:0;}
.honor .tabContent .swiper li{padding:13px; background-color:#eeeeee;width:20%;}
.honor .tabContent .swiper .photo{ display:block; padding-bottom:142.8%; position:relative;}
.honor .tabContent .swiper .photo img{ position:absolute; width:100%; height:100%; top:0; left:0; object-fit:contain;}
.honor .tabbtns{ display:flex; justify-content:center; margin-top:3.5rem;}
.honor .tabbtns .btn{height:49px; line-height:49px; width:158px; text-align:center; color:var(--blue); border:solid 1px var(--blue);border-radius:8px; cursor:pointer; font-size:18px; margin:0 15px;}
.honor .tabbtns .btn.active{ background-color:var(--blue); color:#fff;}
.honor .swiper-pagination-bullet{ width:11px; height:11px; border-radius:100%; background-color:transparent; border:solid 3px #cce1f3; opacity:1;}
.honor .swiper-pagination-bullet-active{background-color:var(--blue); border-color:var(--blue);}


.partner{ padding-bottom:8.5rem;background:url(../image/about_bg_03.jpg) bottom center no-repeat; background-size:cover;}
.partner .head .title{justify-content:center;}
.partner .head .desc{text-align:center}
.partner .list ul{ display:grid; grid-template-columns:repeat(6,1fr);grid-column-gap:24px;grid-row-gap:24px;}
.partner .list span{display:block; padding-bottom:53.85%; position:relative; overflow:hidden;}
.partner .list img{position:absolute; width:100%; height:100%; top:0; left:0; object-fit:contain;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.partner .list span:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}



.contact{ padding-bottom:12.9rem;}
.contact .head{}
.contact .head .title{justify-content: center;}
.contact .head .desc{ text-align:center;}
.contact ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 23px 23px;
align-items: stretch;}
.contact ul li{ background:#f4f4f4; border-radius:5px; padding:6.8rem 5.7rem 5.3rem; color:#515151; overflow:hidden;}
.contact ul li .title{font-size:max(2rem,18px); font-weight:bold; margin-top:4.4rem; margin-bottom:1.5rem;}
.contact ul li .infor{font-size:max(1.6rem,14px);}
.address{background: url(../image/contact_03.jpg) bottom center no-repeat; padding-top:15rem; padding-bottom:21rem;}
.address .container{display: flex;
    align-items: center;
    justify-content: flex-end;}
.address .content{ width:39%;}
.address .content .title{font-size:max(3rem,20px); font-weight:bold; position:relative; padding-bottom:1.8rem;}
.address .content .title:before {
	width: 12rem;
	height: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #eff3f6;
	content: '';
}
.address .content .title:after {
	width: 3.2rem;
	height: 4px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color:var(--blue);
	content: '';
}
.address .content ul li{ margin-top:max(2.6rem,20px);display: flex;
    align-items: center;
    flex-wrap: wrap;font-size:max(1.6rem,14px);}
.address .content ul li .blue{ color:var(--blue); font-weight:bold;font-size:max(3rem,20px); margin-left:10px;}
.address .content ul li.no1 img{ margin-right:7px;}
.book_1{background: url(../image/contact_04.jpg) bottom center no-repeat; padding-bottom:11.1rem;}
.book_1 .head .title{justify-content: center;}
.book_1 .head .desc{ text-align:center;}
.book_1 .box_1{  background-color:rgba(255,255,255,0.8); padding:41px;}
.book_1 .box_1 ul {display: flex;
    align-items: center;
    justify-content: space-between; flex-wrap: wrap;}
.book_1 .box_1 ul li{ width:30%; display:flex; margin-bottom:30px;}
.book_1 .box_1 ul li .form_1{ flex:1; height:46px; line-height:normal; border:1px #dcdcdc solid; padding:0px 29px; background:none; outline:none; overflow:hidden;}
.book_1 .box_1 ul li .form_2{flex:1;border:1px #dcdcdc solid; padding:20px 30px;font-family:"微软雅黑"; min-height:167px;background:none; }
.book_1 .box_1 ul li.no3{ width:100%;} 
.book_1 .box_1 ul li.last{ margin-bottom:0px;display: flex;
    align-items: center;
   justify-content: flex-end; width:100%;}
.book_1 .box_1 ul li.last .sumbit{ width:160px; height:40px;display: flex; cursor:pointer;
    align-items: center;
    justify-content: center; border:0px; background:#004ea1; color:#fff;}
	

.new_class .container{display: flex;
    align-items: center;
    justify-content: center;}
.new_class .container ul{display: flex;
  align-items: stretch;}
.new_class .container ul li a{ font-size:18px; display:block; height:max(10rem,65px); padding:0px 6rem;display: flex;
    align-items: center;
    justify-content: center;}
.new_class .container ul li.active a{ background-color: var(--blue); color:#fff;}
.new_bg{ background:#eeeeee; padding:62px 0px 45px;}
.newslist1{ margin-bottom:59px;}
.newslist1 ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 25px 25px;
align-items: stretch;}
.newslist1 ul li{background-color:#fff; overflow:hidden;}
.newslist1 ul li a{ display:block;}
.newslist1 .info{ padding:3rem 2.9rem 2.3rem;}
.newslist1 .label{ display:block;color:var(--blue); line-height:1; font-size:14px;}
.newslist1 .title{ font-size:18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin:1.3rem 0 4rem;color:var(--grey3);}
.newslist1 .date{color:var(--grey5); font-size:12px; display:flex; align-items:center; justify-content:space-between;}
.newslist1 .date:after{content:"";width:34px;height:34px;background:url(../image/arrow_05.png) center no-repeat;border-radius:100%; background-color:var(--blue);}
.newslist1 .photo{ display:block; position:relative; overflow:hidden; padding-bottom:60%;}
.newslist1 .photo img{width:100%; height:100%; object-fit:contain; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;transition:all .5s;-webkit-transition:all .5s;}
.newslist1 a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.new_one ul li{ background:#fff; padding:30px;display: flex;
    align-items: center;
    justify-content: space-between; margin-bottom:30px;}
.new_one ul li .date{ width:max(14.5rem,100px); text-align:center;}
.new_one ul li .date .big{ font-size:max(5.2rem,42px); line-height:1.2;}
.new_one ul li .date .sml{ font-size:14px;}
.new_one ul li .content{ flex:1; padding-left:5.5rem; margin-left:2.1rem; border-left:1px #e6e6e6 solid; padding:10px 0px 10px 5.5rem;  overflow:hidden;}
.new_one ul li .content .title a{ color:#404040;font-size:max(2.2rem,18px);display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.new_one ul li .content .desc{ color:#666;font-size:max(1.6rem,14px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; line-height:2.2; margin-top:2rem;}
.new_one ul li .more{ width:max(6rem,50px); height:max(6rem,50px); background-image:url(../image/arrow1_03.png); background-repeat:no-repeat; background-position:center center; background-size:cover;margin-left:3.3rem;}
.new_one ul li:hover{ background-color: var(--blue); color:#fff;}
.new_one ul li:hover .title a{ color:#fff;}
.new_one ul li:hover .desc{ color:#fff;}
.new_one ul li:hover .content{ border-left:1px #4d83bd solid;}


.fany{display:flex;align-items: center; justify-content: center; margin-top:50px;text-transform: uppercase;
 }

.divid-a {
    display: flex;
    align-items: center;
    justify-content: center;
flex-wrap: wrap; font-size:14px;
}
.divid-a a {
    background: #fff;
    color: #999999; font-size:14px;
   min-width:40px;
    padding:0px 10px; height:40px;
    cursor:pointer; margin:5px 6px;
	display: flex;
    align-items: center;
    justify-content: center;
	
} 
.divid-a span{ margin:5px 10px;}
.divid-a .active ,.divid-a a:hover{
   color: #fff;
    background-color: var(--blue);

}
.divid-a .up{ font-family:"黑体";}


.pro_bg{ background:#f7f7f7; padding-top:58px; padding-bottom:70px;}
.pro_class{ margin-bottom:35px;}
.pro_class ul{display: flex;flex-wrap: wrap;
align-items: stretch;}
.pro_class ul li{ margin-right:15px; margin-bottom:15px;}
.pro_class ul li a{ background:#fff;font-size:max(1.6rem,14px); text-align:center; height:45px; display:block;line-height:45px; padding:0px 3.7rem; position:relative;}
.pro_class ul li a:hover,.pro_class ul li.active a{background-color: var(--blue);
    color: #fff;}

.pro_box ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 24px 24px;
align-items: stretch;}
.pro_box ul li{ background:#fff; overflow:hidden;}
.pro_box ul li a{ display:block; padding-bottom:3.5rem; position:relative;}
.pro_box ul li a:hover{ background-color:#fff; box-shadow:0px 0px 10px #efefef;}
.pro_box ul li a:after{content: "";position: absolute;width: 0;height: 0.5rem;background-color: var(--blue);bottom: 0;left: 50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .3s;-webkit-transition:all .3s;}
.pro_box ul li a:hover:after{width: 100%;}
.pro_box ul li a .xfk{background-color:rgba(255,255,255,0.62); position:absolute; left:100%; top:0px; width:100%; height:100%;display: flex;
    align-items: center;transition: all .3s ease;-webkit-transition: all .3s ease;
    justify-content: center;opacity:0;}
.pro_box ul li a:hover .xfk{opacity:1; left:0px;}
.pro_box ul li a .xfk img{ width:max(6.4rem,54px); height:auto;}
.pro_box ul li .photo{ display:block; position:relative; overflow:hidden; padding-bottom:76.43%;}
.pro_box ul li .photo img{width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;transition:all .5s;-webkit-transition:all .5s;}
.pro_box ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.pro_box ul li .title{ height:48px; line-height:48px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; text-align:center;}
.pr_title{ font-size:max(2rem,18px); line-height:1; padding-left:10px; border-left:4px var(--blue) solid; margin-bottom:29px;}
.pro_middle {display: flex;
   align-items:flex-start; 
    justify-content: space-between;}
.pro_middle .pr_left{ width:21.5%; background:#fff; padding:0px 20px;}
.pro_middle .pr_right{ flex:1; margin-left:7rem; overflow:hidden;}

.pro_middle .pr_right .show_1{display: flex;
 align-items:flex-start; margin-bottom:38px; }
.pro_middle .pr_right .show_1 .tpleft{ width:51%;display: flex; justify-content: space-between;}
.pro_middle .pr_right .show_1 .tpright{ flex:1; margin-left:25px; overflow:hidden;}
.pro_middle .pr_right .show_1 .tpleft .picture{ width:78%; overflow:hidden; background:#fff; border:1px #e6e6e6 solid; height:100%;}
.pro_middle .pr_right .show_1 .tpleft .picture .swiper,
.pro_middle .pr_right .show_1 .tpleft .picture .infor{ position:relative; height:100%;}
.pro_middle .pr_right .show_1 .tpleft .picture .infor .swiper-slide{ position:relative; padding-top:100%;}
.pro_middle .pr_right .show_1 .tpleft .picture .infor img{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); max-width:100%; max-height:100%;} 
.pro_middle .pr_right .show_1 .tpleft .box{ width:18.8%; overflow:hidden;}
.pro_middle .pr_right .show_1 .tpleft .box ul li{ border:1px #e6e6e6 solid; margin-bottom:10px; overflow:hidden; display:flex;}
.pro_middle .pr_right .show_1 .tpleft .box ul li.swiper-slide-thumb-active{ border-color:var(--blue);}
.pro_middle .pr_right .show_1 .tpleft .box ul li .pic{ display:block; position:relative; flex:1; overflow:hidden; height:100%; cursor:pointer;}
.pro_middle .pr_right .show_1 .tpleft .box ul li .pic img{ width:100%; height:100%; position: absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;}
.pro_middle .pr_right .show_1 .tpright .title{font-size:max(3rem,20px);}
.pro_middle .pr_right .show_1 .tpright .desc{ color:#4c4c4c;font-size:max(1.5rem,14px); line-height:2; margin-top:2rem; margin-bottom:3rem;}
.pro_middle .pr_right .show_1 .tpright .model{ border-bottom:1px #e6e6e6 solid; border-top:1px #e6e6e6 solid; padding:1.9rem 0px; margin-bottom:37px;}
.pro_middle .pr_right .show_1 .tpright .model ul{display: flex;align-items: stretch;}
.pro_middle .pr_right .show_1 .tpright .model ul li{ flex:1;  line-height:1; border-right:1px #e6e6e6 solid;}
.pro_middle .pr_right .show_1 .tpright .model ul li:last-child{ border-right:0px;}
.pro_middle .pr_right .show_1 .tpright .model ul li .lab{ color:#8d8d8d;font-size:max(1.5rem,14px); margin-bottom:15px;}
.pro_middle .pr_right .show_1 .tpright .model ul li .c_name{ font-size:max(2.2rem,18px);}
.pro_middle .pr_right .show_1 .tpright .tel_2 .pic1{ margin-right:8px; margin-top:-17px;}
.pro_middle .pr_right .show_1 .tpright .tel_2{font-size: max(3.6rem, 42px); display:flex; margin-bottom:28px;
    font-family: "Tungsten";
    color:  var(--blue);
    letter-spacing: -1px;
    line-height: 1;}
.pro_middle .pr_right .show_1 .tpright .online{display: flex;
    align-items: center;}
.pro_middle .pr_right .show_1 .tpright .online a{ width:160px; height:50px; font-size:14px; color:#fff;display: flex;
    align-items: center;
    justify-content:center;background-color: var(--blue);margin-right:29px;}
.pro_middle .pr_right .show_1 .tpright .online a.green{ background:#5ead1c;}
.pro_middle .pr_left ul li{ background:#fff; overflow:hidden; width:100%; border-bottom:1px #eeeeee solid; }
.pro_middle .pr_left ul li:last-child{ border-bottom:0px;}
.pro_middle .pr_left ul li a{ display:block; padding-bottom:3.5rem; position:relative; color:#666666;font-size:max(1.6rem,14px); padding-top:1rem;}
.pro_middle .pr_left ul li .photo{ display:block; position:relative; overflow:hidden; padding-bottom:76.43%;}
.pro_middle .pr_left ul li .photo img{width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;transition:all .5s;-webkit-transition:all .5s;}
.pro_middle .pr_left ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.pro_middle .pr_left ul li .title{ height:48px; line-height:48px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; text-align:center;}
.pro_middle .pr_right .show_2{ background:#fff; margin-bottom:30px;}
.pro_middle .pr_right .show_2 span{width:160px; height:50px; font-size:16px; color:#fff;display: flex;
    align-items: center;
    justify-content:center;background-color: var(--blue);}
.pro_middle .pr_right .show_3{ color:#4c4c4c;font-size:max(1.5rem,14px); line-height:2.4; margin-bottom:30px;}
.pro_middle .pr_right .up_1{ border-top:1px #e6e6e6 solid; padding-top:20px;}
.pro_middle .pr_right .up_1 ul{display: flex;
    align-items: center;
    justify-content: space-between;}
.pro_middle .pr_right .up_1 ul li{ flex:1; line-height:2;}
.pro_middle .pr_right .up_1 ul li:nth-child(2){ text-align:right;}
.pro_middle .pr_right .up_1 ul li a{ color: var(--blue);}
.pro_middle .pr_right .up_1 ul li:hover{color: var(--blue);}

@media (max-width:1400px){
	header .tel{ display:none;}
	.card:not(.index-adv){ padding-top:16rem;}
	.banner .info .title{ font-size:36px; margin-bottom:2rem;}
	.banner .info .more{ margin-top:4rem;}
	.prolist li a{ padding-bottom:4.8rem;}
	footer .carlist .item:nth-child(2){ display:none;}
	footer .carlist .item .sub{ display:none;}
	.index-product .catalist ul li a{ font-size:16px;}
}

@media (max-width:1000px){
	.container{width:94%;}
	body{ font-size:14px;}
	header nav li a{ font-size:14px;}
	header .searchBtn{ margin-left:0;}
	.banner .info{width:100%;}
	.banner .info .cont{ font-size:14px;}
	.banner .info .more{ margin-top:4rem; font-size:14px; height:40px; line-height:40px; padding:0 20px; width:140px;}
	.banner .swiper-pagination{ bottom:5px;}
	.banner .swiper-pagination-bullet{height:8px;border-radius:8px;}
	.index-news .swiper-pagination{ bottom:0;}
	footer .carlist .item:nth-child(3){ display:none;}
	.address .content{ width:50%; }
	.address{ background-size:auto 100%;background-position:bottom right;}
	.pr_title,
	.pro_middle .pr_left{ display:none;}
	.pro_middle .pr_right{ margin-left:0px;}
}

@media (max-width:850px){
	 .newslist1 ul{grid-template-columns: repeat(2, 1fr);}
	 .pro_box ul{grid-template-columns: repeat(2, 1fr);grid-gap: 20px 20px;}
}

@media (max-width:768px){
	.menubtn,
	.menu-mc {display: flex;}
	.banner .info .title{ font-size:24px;}
	.banner img{ min-height:400px; object-fit:cover;}
	header .container{ height:80px;}
	.banner li .container{ top:80px;}
	header .rt nav{ display:none;}
	.card .head .title{ font-size:22px;}
	.card .head .title .more{ font-size:14px;}
	.card .head{ margin-bottom:25px;}
	.index-news .newslist{ padding-bottom:12rem;}
	.copyright .content{ justify-content:center; text-align:center;}
	.copyright .content .suport{ display:none;}
	.index-adv .container{width:100%;}
	.index-adv .container .content{ border:none;}
	.about .photo{ display:none;}
	.about .info{ padding:30px 30px;}
	.about .info h2{ font-size:18px; line-height:1.4; margin-bottom:10px;}
	.about .info{ font-size:14px; line-height:2;}
	.about .info .line{ margin:0px 0px; height:30px;}
	.about .info .list ul{ margin-top:20px;}
	.partner .list ul{grid-template-columns: repeat(3, 1fr);grid-column-gap: 18px;
    grid-row-gap: 18px;}
	.partner{ padding-bottom:40px;}
	.honor{ padding-bottom:40px;}
	.contact ul li .icon img{ height:24px;}
	.contact ul li{ padding:20px;}
	.contact ul{grid-template-columns: repeat(2, 1fr);grid-gap: 18px 18px;}
	.contact{ padding-bottom:40px;}
	.address .content{ width:70%; }
	.address .content .title:before{ width:100px;}
	.address .content .title{ padding-bottom:15px;}
	.address .content .title:after{ width:43px;} 
	.book_1 .box_1 ul li{ width:100%; margin-bottom:20px;}
	.book_1 .box_1 ul li .form_1{ padding:0px 20px;}
	.book_1 .box_1 ul li .form_2{ padding:20px 20px;}
	.new_bg{ padding:45px 0px;}
	footer .carlist .item:last-child .stitle{ text-align:center;}
	footer .carlist .item .tel_1{ text-align:center;}
	.pro_bg{ padding:45px 0px;}
	.pro_class ul li a{ padding:0px 16px; }
	.pro_class{ margin-bottom:20px;}
	.pro_middle .pr_right .show_1{flex-direction: column;}
	.pro_middle .pr_right .show_1 .tpleft{ width:100%; margin-bottom:30px;}
	.pro_middle .pr_right .show_1 .tpright{ margin-left:0px;}
	.pro_middle .pr_right .show_1 .tpright .desc{ margin:10px 0px 20px;}
	.pro_middle .pr_right .show_1 .tpright .model{ padding:10px 0px;}
   .pro_middle .pr_right .up_1 ul{flex-direction: column;}
   .pro_middle .pr_right .up_1 ul li{ text-align:left; flex:none; width:100%;}
   .pro_middle .pr_right .up_1 ul li:nth-child(2){ text-align:left;}
   .new_class .container ul li a{ height:45px; font-size:16px;}
   .newslist1 .title{ font-size:16px;}
   .new_one ul li .content .title a{ font-size:16px;}
   .new_one ul li .content .desc{ line-height:2;}
}

@media (max-width:750px){
	.banner .swiper-pagination-bullet{height:5px;width:5px;border-radius:5px; margin:0 5px !important;}
	.banner .swiper-pagination-bullet-active{width:20px;}
	.index-adv .container:before{ display:none;}
	.index-adv .block{width:100%;}
	.index-adv{ padding-top:14rem;}
	.index-adv .foot li img{width:30%;}
	.index-adv .foot li .txt{ font-size:7rem;}
	.index-service .el img:nth-child(1){ margin-right:0;width:100%;}
	.index-service .el img:nth-child(2){ display:none;}
	.index-service{ padding-bottom:62rem;}
	.index-service .shoplink{ height:30px; line-height:35px; padding:0 20px;width:120px;}
	.index-about .foot li{ padding-left:15rem;}
	.index-news .newslist .date:after{width:24px; height:24px;}
	.index-news .swiper-pagination-bullet{width:8px; height:8px;}
	.index-news .newslist .title{ font-size:max(6rem,16px); margin:10px 0 4rem;}
	.index-about .top{ padding-top:16rem; padding-bottom:16rem;}
	.index-news{ padding-bottom:10rem;}
	.form form{ display:grid;grid-template-columns:repeat(2,1fr); grid-column-gap:10px;grid-row-gap:10px;}
	.form form .col{ margin-right:0;}
	.form form .col:nth-child(3),
	.form form .col:nth-child(4){grid-column: 1 / span 2;}
	.form .desc{ font-size:12px;}
	.form .title{ font-size:8rem;}
	footer .carlist{ display:block;}
	footer .carlist .item{ margin-bottom:8rem;}
	footer .carlist .item:last-child .stitle,
	footer .carlist .item:last-child .tel{ }
	footer .carlist .item li img{width:60%;}
	.banner img{ min-height:230px;}
	.banner .info .more{ height:30px; line-height:30px; padding:0 10px; font-size:12px; width:120px;}
	.banner .info .more:hover:after {transform: translateX(0);-webkit-transform: translateX(0);}
	.index-product .catalist ul li a{ height:20rem; line-height:20rem; font-size:max(5rem,14px);}
	.index-product .container{width:100%;}
	.index-product .head{padding:0 3%;}
	.honor .tabContent{ padding:0px 10px;}
	.honor .tabContent .swiper{ padding-bottom:25px;}
	.book_1{ padding-bottom:40px;}
	.newslist1 .date:after{ width:24px; height:24px;}
	.newslist1 ul{grid-gap: 20px 20px;}
	.index-news .newslist .info{ padding:15px;}
	.newslist1 .info{ padding:15px;}
	.newslist1{ margin-bottom:35px;}
	.new_one ul li{ margin-bottom:20px;}
	.new_one ul li{ padding:20px 15px 20px 5px;}
	.new_one ul li .date{ width:80px;}
	.new_one ul li .content{ padding:5px 0px 5px 15px;}
	.new_one ul li .more{ display:none;}
	.new_one ul li .date .big{ font-size:38px;}
	.divid-a a{ min-width:35px; height: 35px;}
	.fany{ margin-top:30px;}
	footer .carlist .qrcode{ margin-top:27px;}
	.honor .swiper-pagination-bullet{width:5px; height:5px;}
	.honor .tabbtns .btn{ width:33%; height:40px; line-height:40px; font-size:16px;}
	.copyright .content{ font-size:12px;}
	.pro_class{ display:none;}
	.pro_class ul li a{ height:35px; line-height:35px;}
	.pro_middle .pr_right .show_1 .tpright .online a{flex:1; height:40px;}
	.pro_middle .pr_right .show_1 .tpright .online a:nth-child(2){ margin-right:0;}
}

@media (max-width:640px){
	header a img{ height:30px;}
	header .container{ height:60px;}
	.banner li .container{ top:50px;}
	.banner .info .title{ font-size:18px !important;}
	.banner .info .cont{ font-size:12px !important;}
	.banner .info .more{ margin-top:12rem;}
	.prolist ul.cur{ display:grid;grid-template-columns:repeat(2,1fr);}
	.index-about{ flex-direction:column; padding-top:0; margin-top:0;}
	.index-about .photo img{ position:static; height:60rem; object-fit:cover;}
	footer .carlist .item:nth-child(1){ display:none;}
	footer .carlist .item:nth-child(1) ul{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:450px)
{
	.contact ul li{ padding:20px 15px;}
	.contact ul li .infor{ font-size:13px;}
	.address .content{ width:95%; }
	.address{ padding:50px 0px !important;}
	.book_1 .box_1{ padding:25px 20px;}
	.address .content ul li{ margin-top:17px;}
	.new_class .container ul li a{ padding:0px 20px;}
	.pro_box ul li a .xfk img{ width:44px;}
	}


.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom
}

.pagination li {
    display: inline-block!important;
    border: solid 1px #EBEBEB;
    border-radius: 4px
}

.pagination a {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {
    cursor: not-allowed;
    pointer-events: none;
    color: #EBEBEB
}

.pagination .active {
    pointer-events: none
}

.pagination .active,.pagination a:hover {
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pagination-group {
    border-right: solid 1px #EBEBEB;
    border-radius: 4px
}

.pagination-group li {
    float: left;
    border-right: 0;
    border-radius: 0
}

.pagination-group li:not(:first-child):not(:last-child) {
    border-radius: 0
}

.pagination-group li:first-child {
    border-radius: 4px 0 0 4px
}

.pagination-group li:last-child {
    border-radius: 0 4px 4px 0
}

.pagination-group .active,.pagination-group a:hover {
    background: #f5f5f5;
    border-radius: 0
}

.pagination-big a {
    padding: 10px 16px;
    font-size: 16px
}

.pagination-small a {
    padding: 5px 10px;
    font-size: 12px
}

.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {
    color: #fff
}

.pager {
    list-style: none;
    padding: 0;
    text-align: center;
    clear: both
}

.pager li {
    display: inline-block
}

.pager li a {
    color: #333;
    border: solid 1px #EBEBEB;
    border-radius: 15px;
    padding: 5px 15px;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pager li a:hover {
    background-color: #f5f5f5;
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {
    font-size: 36px;
    padding: 0;
    color: #FFF;
    background-color: rgba(255,255,255,.3);
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.pager-prev:hover,.pager-next:hover {
    background-color: rgba(0,0,0,.6)
}

.pager-group li {
    float: left;
    display: inline-block
}

.pager-group li:not(:first-child):not(:last-child) {
    border-radius: 0
}

.pager-group li a:first-child {
    border-radius: 4px 0 0 4px
}

.pager-group li a:last-child {
    border-radius: 0 4px 4px 0
}

.prenext-pro a.button{height:70px;line-height:70px;padding:0 25px}
.prenext-pro a.button:hover{background:#00a1e9;color:#fff}
.prenext-pro a.border{border:1px solid #eee}


.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}

.pagination li.active a,.pagination li a:hover {background:#0e6fb8;color:#fff;border:1px solid #0e6fb8;}

.bg-white{
	background-color: #fff;
}
.mfoot{
		height: 45px;
		display: none;
}
.mfootdv{
	display: none;
	width: 100%;
	height: 45px;
	line-height: 45px;
	justify-content: space-between;
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	background-color: #1f67bf;
}

.ssdv{
	width: 100%;
	position: absolute;
	background-color: #0163a6;
	top: 90px;
	left: 0;
	z-index: 999;
	padding: 15px 0px;
	padding: 0;
	height: 0;
	overflow: hidden;
	transition: all .5s;
}
.ssdv form{
	width: 88%;
	margin: 0 auto;
}
.ssdv form{
	display: flex;
	justify-content: space-between;
}
.ssdv form input{
	height: 35px;
	line-height: 35px;
	border: none;
	border:1px solid #dcdcdc;
	outline: none;
	width: 76%;
	padding: 0 1%;
}
.ssdv form button{
	border: none;
	background-color: #333333;
	color: #fff;
	width: 20%;
	font-size: 14px;

}
@media screen and (max-width: 999px){
	.mfoot{
		height: 45px;
		display: block;
	}
	.mfootdv{
		display: flex;
		width: 100%;
		height: 45px;
		line-height: 45px;
		justify-content: space-between;
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		background-color: #1072b3;
	}
	.mfootdv li{
		width: 100%;
		border-right: 1px solid #0d639b;
	}
	.mfootdv li a{
		color: #fff;
		font-size: 13px;
		line-height: 45px;
		text-align: center;
		display: block;
	}
	.sidebar-l{
		margin:0px;
	}
	.article .padding-large{
		padding:5%;
	}
	.article .post h1{
		font-size: 18px;
	}
	footer{
		padding: 30px  0 0 0 ;
	}
	footer .carlist .item .tel_1{
		font-size:40px;
	}
}