.div-pc{display: none;}
.div-app{display:block;}
/*h5兼容*/
html {
	font-size: 16px;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: 15.147px !important;
	}
}

@media only screen and (min-width: 375px) {
	html {
		font-size:16px !important;
	}
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 17.06666px !important;
	}
}
@media only screen and (min-width: 414px) {
	html {
		font-size: 17.664px !important;
	}
}
@media only screen and (min-width: 480px) {
	html {
		font-size: 20.48px !important;
	}
}
*{font-family: "苹方","DINPro-Bold";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; }


input{ -webkit-appearance: none;}
textarea{-webkit-appearance: none;appearance: none;}
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{min-width:100%;width:100%; height:100%;margin:auto;}
* {	margin:0;	padding:0;}
ul, ol, dl {list-style-type:none;}
img {border:0;}
img{
	margin: auto;
	transition:All 0.6s ease-in-out;
	-webkit-transition:All 0.6s ease-in-out;
	-moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out;
}
img:hover{
	transition:All 0.8s ease-in-out;
	-webkit-transition:All 0.8s ease-in-out;
	-moz-transition:All 0.8s ease-in-out;
	-o-transition:All 0.8s ease-in-out;
}
.wrap{
	width: 84.5%;
	margin: 0 auto;
}
.header{
	float: left;
	width: 100%;
	height: 3.3125rem;
	background-color: #fff;
}
.header .headerl{
	float: left;
	margin-left:0.625rem;
	font-size: 1.0625rem;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header .headerl img{
	width: 3.75rem;
	height: 3.125rem;
	margin-right: 1.0625rem;
}
.header .headerr{
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header .headerr img{
	width: 3.125rem;
	height: 3.125rem;
}
.banner{overflow: hidden;position: relative;width: 100%;z-index: 5;}
.banner .flexslider{position: relative;width: 100%;height: 10.28125rem;overflow: hidden;z-index: 5;}
.banner .flexslider .slides{position: relative;z-index: 1;}
.banner .flexslider .slides li{height: 10.28125rem;position: relative;text-align: center;}
.banner .flexslider .slides li a img{width: 100%;height: 10.28125rem}
.banner .flexslider .slides li a{width: 100%;height: 10.28125rem;position: relative;display: block;}
.banner .flexslider .slides li.flex-active-slide a .bannerte{
	position: absolute;
	top: 2.71875rem;
	left: 3.3125rem;
	width: 70%;
	color: #fff;
	text-align: left;
	animation:mymove;/*动画名称*/
	animation-duration:2s;/*2S内完成*/
	animation-fill-mode:forwards;/*停留*/
	-webkit-animation:mymove;/*动画名称*/
	-webkit-animation-duration:2s;/*2S内完成*/
	-webkit-animation-fill-mode:forwards;/*停留*/
	-moz-animation:mymove;/*动画名称*/
	-moz-animation-duration:2s;/*2S内完成*/
	-moz-animation-fill-mode:forwards;/*停留*/
	-o-animation:mymove;/*动画名称*/
	-o-animation-duration:2s;/*2S内完成*/
	-o-animation-fill-mode:forwards;/*停留*/
}
@keyframes mymove
{
	from {top:3.25rem; opacity:0;}
	to {top:2.71875rem;opacity:1;}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
	from {top:3.25rem; opacity:0;}
	to {top:2.71875rem;opacity:1;}
}

@-moz-keyframes mymove /* Safari 和 Chrome */
{
	from {top:3.25rem; opacity:0;}
	to {top:2.71875rem;opacity:1;}
}

@-o-keyframes mymove /* Safari 和 Chrome */
{
	from {top:3.25rem; opacity:0;}
	to {top:2.71875rem;opacity:1;}
}
.banner .flexslider .slides li a .bannerte h1{font-size: 1.328125rem;font-weight: normal;}
.banner .flexslider .slides li a .bannerte .bannertes{font-size: 0.625rem;margin-top: 0.15625rem;letter-spacing: 1px;font-weight: normal;}
.banner .flexslider .slides li a .bannerte .bannertess{font-size: 0.9375rem;height:1.2rem;margin-top: 0.3125rem;position: relative;font-weight: bold;letter-spacing: 1px;}
.banner .flexslider .slides li a .bannerte .bannertess::after{content: '';position: absolute;left: 0;bottom: 0;width: 0.90625rem;height: 2px;background: #ffffff;opacity: 0;}
.banner .flex-control-nav{position: absolute;bottom:0.28125rem;z-index: 2;width: 100%;text-align: center;}
.banner .flex-control-nav li{display: inline-block;width: 0.625rem;height: 1px;margin: 0 4px;*display: inline;zoom: 1;font-size: 0;}
.banner .flex-control-nav a{display: inline-block;width: 0.625rem;height: 1px;box-sizing: border-box;overflow: hidden;font-size: 0;cursor: pointer;background-color: #ffffff;}
.banner .flex-control-nav .flex-active{width: 0.625rem;height: 1px;overflow: hidden;background-color: #94ce00;}
.banner .flex-direction-nav{position: absolute;z-index: 5;width: 100%;top: 58%;}
.banner .flex-direction-nav a{display: block;position: absolute;font-size: 0;height: 12px;}
.banner .flex-direction-nav .flex-prev{width: 1.875rem;height:1.875rem;border-radius: 100rem;background: url("../images/mst12.png") no-repeat center center;left: 3%;top: 50%;background-size: 1.875rem 1.875rem;margin: -1.71875rem 0 0 0px;}
.banner .flex-direction-nav .flex-next{width: 1.875rem;height:1.875rem;border-radius: 100rem;background: url("../images/mst11.png") no-repeat center center;right: 3%;top: 50%;background-size: 1.875rem 1.875rem;margin: -1.71875rem 0px 0 0;}
.banner .flex-direction-nav .flex-prev:hover{width: 1.875rem;height:1.875rem;border-radius: 100rem;}
.banner .flex-direction-nav .flex-next:hover{width: 1.875rem;height: 1.875rem;border-radius: 100rem;}
.banner .flexslider:hover .flex-prev{opacity: 100 !important;filter: alpha(opacity=100);}
.banner .flexslider:hover .flex-next{opacity: 100 !important;filter: alpha(opacity=100);}
.banner .flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{}
.banner .flex-direction-nav .flex-disabled{opacity: 0 !important;filter: alpha(opacity=0);cursor: default;}
a#cd-logo {display: block;float: left; height:100%;}
a#cd-logo img { display: block; width:4.5rem;}
header img.left{ float:left; overflow:hidden; height: auto; margin:0px 0px 0px 0.625rem;}
header img.right{ float:right;width:2.625rem; height: auto; margin:0.2rem 0.2rem 0px 0px;}
header{ height:3.437rem; width:100%;  line-height:3.437rem; position: fixed;top: 0; left: 0;z-index:3;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header .lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
.cd-main-content {
	overflow: hidden;
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  height: 100%;
  background-color:#fff;
  z-index: 2;
  padding-top:3.4375rem;
    height: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
header .is-fixed { position: fixed;}
a#cd-menu-trigger { position: absolute;right: 0;top: 0; width: 50px;}
a#cd-menu-trigger .cd-menu-text {height: 100%; text-transform: uppercase; color: #FFF;font-weight: 600; display: none;}
a#cd-menu-trigger .cd-menu-icon {
  opacity:0;
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left:40%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width:40px;
  height:40px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  opacity:0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; display:none;}
#cd-menu-trigger .cd-menu-icon::after {top: 0px;}
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {#cd-menu-trigger {width: 110px; padding-left: 1.25em;}
  #cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
  #cd-menu-trigger .cd-menu-icon { left: auto;right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
#cd-lateral-nav {z-index:555; position: fixed;height:100%;
  right:-40%;
  top: 0;
  /* the secondary navigation is covered by the main element */
  width:40%;
      box-shadow: 0px 0px 5px #adadad;
  background-color:#ffffff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation { margin:0px;}
#cd-lateral-nav .sub-menu { display:none;padding:10px 10px 10px 10px;box-sizing: border-box;width: 100%; display: none;position: absolute;background: #f1efe1; z-index: 999;}
#cd-lateral-nav .sub-menu li{height: 32px;line-height: 32px;overflow: hidden;}
li.item-has-children{ height:50px; line-height:50px; }
li.item-has-childrens{ height:50px; line-height:50px; }
#cd-lateral-nav a {border-bottom:1px solid #f1f1f1;display: block;font-size:0.75rem; color:#000;text-align:center;}
#cd-lateral-nav a.current { background-color: #3a4a4d; color: #FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 768px) { #cd-lateral-nav .cd-navigation { margin: 20px 0;}}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;/* this is the right arrow to show that the item has a submenu  */}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
 /* background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;*/
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google { background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover { background-color: #4e6361;}
.brief{float: left;width: 100%;height: auto;background-color: #fff;}
.brief .briefti{width: 100%;margin: 0 auto;margin-top: 0.875rem; position: relative;text-align: center;}
.brief .briefti .brieftia{font-size: 1.1875rem;color: #000;}
.brieftis{height:1.25rem;margin: 0 auto;font-size: 0.625rem;color: #999;margin-top: 1px;transform:scale(0.8,0.8);display: flex;align-items: center;justify-content: center;}
.brieftis div{float: left;width: 3.1875rem;height: 1px;background: #999999;}
.brieftis div:first-child{
	margin-right: 0.5rem;
}
.brieftis div:last-child{
	margin-left: 0.5rem;
}
.brief .briefco{margin-bottom: 63px;}
.brief .briefco .briefcoimg{float: left;width: 100%;height: 11.09375rem; margin-top: 1.2rem;overflow: hidden;}
.brief .briefco .briefcoimg img{width: 100%;height: 11.09375rem;}
.brief .briefco .briefcol{float: left;width: 100%; margin-top: 1.09375rem;}
.brief .briefco .briefcol h3{float: left;width: 100%;font-size: 1.125rem;color: #000;font-weight: normal;display: inline;position: relative;padding-bottom: 0.75rem;margin-bottom:0;}
.brief .briefco .briefcol h3::after{content: '';position: absolute;left: 0;bottom: 0;width: 2.21875rem;height: 1px;background: #94ce00;opacity: 0; }
.brief .briefco .briefcol p{text-indent:2em;float: left;width: 100%;font-size: 0.875rem;color: #666;line-height: 1.75rem;display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;}
.brief .briefco .briefcol .briefcolnav{float: left;width: 100%;margin-top: 0.9375rem;margin-left: 1%;margin-bottom: 2.46875rem;}
.brief .briefco .briefcol .briefcolnav .navs{float: left;width: 22%;height:4.375rem;border: 1px solid #e3e3e3;text-align: center;margin-right:3%;}
.brief .briefco .briefcol .briefcolnav .navs:last-child{margin-right: 0;}
.brief .briefco .briefcol .briefcolnav .navs img{display: block;width: 2rem;margin: 0 auto;margin-top:0.6rem;}
.brief .briefco .briefcol .briefcolnav .navs span{display: block;font-size: 0.8125rem;color: #999999;}
.brief .briefco .briefcol .briefcolnav .active,
.brief .briefco .briefcol .briefcolnav .navs:hover{background: #93cc01;border: 1px solid #93cc01;color: #fff;}
.brief .briefco .briefcol .briefcolnav .active span,
.brief .briefco .briefcol .briefcolnav .navs:hover span{color: #fff;}
.brief .briefco .briefcol .briefcolnav .navs:hover img,.brief .briefco .briefcol .briefcolnav .active img{filter: brightness(200%);}
.anli{float: left;width: 100%;height: auto;background: url(../images/banner7.jpg);background-size: 100% 100%;overflow: hidden;padding-bottom: 1.46375rem;}
.anli .anliti{width: 100%;margin: 0 auto;margin-top:2.25rem;position: relative;text-align: center;}
.anli .anliti .anlitia{font-size:1.1875rem;color: #fff;}
.anli .anlico{float: left;width: 100%;height: auto;margin: 0 auto;position: relative;margin-top:1.8rem;}
.swiper{width:56.1%;;height: 16.96875rem;background: #fff;overflow: hidden;}
.swiper-slide{width:100%!important;height: 16.96875rem;text-align: center;}
.swiper-slide .simg{float: left;width: 100%;height: 12rem;overflow: hidden;}
.swiper-slide .simg img{ display: block;width: 100%;min-height: 12rem;max-height: 12rem; object-fit: cover;}
.swiper-slide .simg img:hover{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
/* .swiper-slide a .stext{display: block;} */
/* .swiper-slide a:hover .simg{display: block;height: 12rem;} */

.anli .anlico .swiper-button-prev{position: absolute;width: 3.75rem;height: 3.75rem;border-radius: 100rem;background: url("../images/mst12.png") no-repeat center center;left: 3%;bottom:33%;background-size: 3.75rem 3.75rem;}
.anli .anlico .swiper-button-next{position: absolute;width: 3.75rem;height: 3.75rem;border-radius: 100rem;background: url("../images/mst11.png") no-repeat center center;right:3%;bottom:33%;background-size: 3.75rem 3.75rem;}
.anli .anlico .swiper-button-prev:hover{width: 3.75rem;height: 3.75rem;border-radius: 100rem;}
.anli .anlico .swiper-button-next:hover{width: 3.75rem;height: 3.75rem;border-radius: 100rem;}
.swiper-slide .stext{float:left;width:100%;height:100px;padding:0 10%;background: #fff;box-sizing: border-box;margin-top: 0.25rem;text-align: left;}
.swiper-slide .stext h3{width: 100%;font-size: 0.9375rem;color: #222;line-height: 2.25rem;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.swiper-slide .stext p{width: 100%;font-size: 0.65625rem;color: #4d4d4d;line-height: 1.03125rem;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.swiper-slide .stext:hover{width:100%;height:20rem;background: #5aab48;color:#fff!important;box-sizing: border-box; padding-left: 4%; 
  transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out
	}
	.swiper-slide .stext:hover h3{
		color: #fff;
		font-size: 1.15rem;
	}
	.swiper-slide .stext:hover p{
		color: #fff;
		font-size: 0.8rem;
	}
.anli .more{
	float: left;
	width: 53%;
	height: 2.875rem;
	line-height: 2.875rem;
	margin: 0 23.5%;
	margin-top: 3.375rem;
	margin-bottom: 1.375rem;
	font-size:1.125rem;
	border: 1px solid #fff;
	border-radius: 100rem;
	text-align: center;
}
.anli .more a{
	color: #fff;
}
.indu{float: left;width: 100%;height: auto;background-color: #ffffff;}
.indu .induti{width:100%;margin: 0 auto;margin-top: 2.25rem;margin-bottom:2.4375rem;position: relative;text-align: center;}
.indu .induti .indutia{font-size: 1.1875rem;color: #000;}
.indu .induco{margin-bottom: 1.34375rem;}
.indu .induco .inducor{float: left;width: 100%;border-top: 1px solid #dddddd;}
.indu .induco .inducor .inducnews{float: left;width: 100%;height: auto;padding-bottom:0.90625rem;border-bottom: 1px solid #dddddd;margin-top: 1.2rem;}
.indu .induco .inducor .inducnews .inducnewste{float: left;width: 60%;}
.indu .induco .inducor .inducnews .inducnewste h2{font-size:0.9375rem;color: #888;font-weight: normal;position: relative;top: -0.3rem;}
.indu .induco .inducor .inducnews .inducnewste p{width: 95%;font-size: 0.90625rem;color: #000000;margin-top: 0.3rem;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indu .induco .inducor .inducnews .inducnewsimg{float: right;width: 6.1875rem;height: 4.03125rem;display: flex;align-items: center;justify-content: center; overflow: hidden;}
.indu .induco .inducor .inducnews .inducnewsimg img{width: 100%;min-height: 4.03125rem;}
.indu .more{
	float: left;
	width: 53%;
	height: 2.875rem;
	line-height: 2.875rem;
	margin: 0 23.5%;
	margin-top: 1.875rem;
	margin-bottom: 1.875rem;
	font-size:1.125rem;
	border: 1px solid #000;
	border-radius: 100rem;
	text-align: center;
}
.indu .more a{
	color: #000;
}
.bottom{float: left;width: 100%;}
.bottom .bnav{float: left;width: 100%;height: 2.625rem;line-height: 2.625rem;background-color: #1b1b1b;}
.bottom .bnav .bnavbox{width: 100%;margin: 0 auto;}
.bottom .bnav .bnavbox .navs{float: left;width:16.2875%;font-size: 0.8125rem;color: #fff;text-align: center;}
.bottom .bnav .bnavbox .navs:hover{
	color:#5aab48;
}
.bottom .binfo{float: left;width: 100%;height: auto;background-color: #000000;font-size: 0.75rem;color: #757982;text-align: left;padding:1.5rem 0 1.5rem 1.75rem;line-height: 1.5rem;box-sizing: border-box;}
.bottom .binfo p{float:left;width: 100%;} 
/*公司简介*/
.abouttitle{
	float: left;
	width: 100%;
	height: 10.28125rem;
	background:url(../images/banner4.jpg) no-repeat center center;
	background-size:auto 10.28125rem;
	overflow: hidden;
	position: relative;
}
.abouttitle .abouttitlete{
	width: 16rem;
	margin: 0 auto;
	color:#fff;
	margin-top: 4rem;
	animation:mymovess;/*动画名称*/
	animation-duration:2s;/*2S内完成*/
	animation-fill-mode:forwards;/*停留*/
	-webkit-animation:mymovess;/*动画名称*/
	-webkit-animation-duration:2s;/*2S内完成*/
	-webkit-animation-fill-mode:forwards;/*停留*/
	-moz-animation:mymovess;/*动画名称*/
	-moz-animation-duration:2s;/*2S内完成*/
	-moz-animation-fill-mode:forwards;/*停留*/
	-o-animation:mymovess;/*动画名称*/
	-o-animation-duration:2s;/*2S内完成*/
	-o-animation-fill-mode:forwards;/*停留*/
}
@keyframes mymovess
{
	from {margin-top:4.5rem; opacity:0;}
	to {margin-top:4rem;opacity:1;}
}

@-webkit-keyframes mymovess/* Safari 和 Chrome */
{
	from {margin-top:4.5rem; opacity:0;}
	to {margin-top:4rem;opacity:1;}
}

@-moz-keyframes mymovess/* Safari 和 Chrome */
{
	from {margin-top:4.5rem; opacity:0;}
	to {margin-top:4rem;opacity:1;}
}

@-o-keyframes mymovess /* Safari 和 Chrome */
{
	from {margin-top:4.5rem; opacity:0;}
	to {margin-top:4rem;opacity:1;}
}
.abouttitle .abouttitlete .abouttitletes{
	font-size: 1.2rem;
	font-weight: bold;
}
.abouttitle .abouttitlete .abouttitletess{
	font-size: 0.75rem;
	margin-top: 0.15625rem;
	height: 1.2rem;
	position: relative;
}
.abouttitle .abouttitlete .abouttitletess::after{content: '';position: absolute;left: 0;bottom: 0;width: 1.8rem;height: 1px;background: #ffffff;opacity: 0;}
.abouttitlenav{
	float: left;
	width: 100%;
	height: auto;
	background-color: #1B1B1B;
	padding: 0.5rem 0 0rem 0;
}
.abouttitlenav .abouttitlenavbox{
	margin: 0 auto;
	display: table;
	text-align: center;
}
.abouttitlenav .abouttitlenavbox .navs{
	width: 18%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: 0.75rem;
	border: 1px solid #fff;
	overflow: hidden;
	margin: 0 2%;
	margin-bottom: 0.5rem;
	display: inline-block;
}
.abouttitlenav .abouttitlenavbox .navs a{
	width: 100%;
	color: #fff;
}
.abouttitlenav .abouttitlenavbox .navs:hover{
	width: 18%;
	height: 1.5rem;
	background-color: #5aab48;
	border: 1px solid #5aab48;
}
.abouttitlenav .abouttitlenavbox .navs:hover a{
	color: #fff;
}
.abouttitlenav .abouttitlenavbox .navs:last-child{
	margin-right: 0;
}
.aboutinfo{
	float: left;
	width: 86%;
	margin: 0 7%;
	margin-bottom: 3.2rem;
}
.aboutinfoto{
	/* width: 12.125rem; */
	margin: 0 auto;
	margin-top: 0.875rem; 
	font-size: 1.1875rem;
	color: #000;
	position: relative;
	text-align: center;
}
.aboutinfoto div{float: left;width: 3.1875rem;height: 1px;background-color: #999999;}
.aboutinfoto div:first-child{
	margin-right: 0.2rem;
}
.aboutinfoto div:last-child{
	margin-left: 0.2rem;
}
.aboutinfo p{
	float: left;
	width:100%;
	display: inline-block;
	font-size: 0.875rem;
	color: #333333;
	margin-top: 0.875rem;
	line-height: 1.75rem;
	text-indent:2em;
	overflow: hidden;
	margin-left: 0!important;
}
.aboutinfo img{
	display: block;
	width:100%;
	margin: auto;
}
.aboutinfo .aboutinfoimg{
	float: left;
	display: block;
	width: 100%;
	margin: auto;
	overflow: hidden;
}
.aboutinfo .aboutinfoimg img{
	display: block;
	margin: auto;
}
.abouttitle img, .abouttitle img, .anlititle img, .anlictitle img, .newstitle img, .newsctitle img, .abouttitle img, .abouttitle img, .contacttitle img{position: relative;z-index: 1; top: 0;left: 0;right: 0;width: 100%;min-height: 10.28125rem;}

/*案例展示*/
.anlititle{
	float: left;
	width: 100%;
	height: 10.28125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.anlititle .anlititlete{
	width: 16rem;
	margin: 0 auto;
	color:#fff;
	margin-top: 4rem;
    animation:mymovesa;/*动画名称*/
	animation-duration:2s;/*2S内完成*/
	animation-fill-mode:forwards;/*停留*/
	-webkit-animation:mymovesa;/*动画名称*/
	-webkit-animation-duration:2s;/*2S内完成*/
	-webkit-animation-fill-mode:forwards;/*停留*/
	-moz-animation:mymovesa;/*动画名称*/
	-moz-animation-duration:2s;/*2S内完成*/
	-moz-animation-fill-mode:forwards;/*停留*/
	-o-animation:mymovesa;/*动画名称*/
	-o-animation-duration:2s;/*2S内完成*/
	-o-animation-fill-mode:forwards;/*停留*/
}
@keyframes mymovesa
{
	from {margin-top:4.5rem; opacity:0;}
	to {margin-top:4rem;opacity:1;}
}

@-webkit-keyframes mymovesa/* Safari 和 Chrome */
{
	from {margin-top:4.5rem; opacity:0;}
	to {margin-top:4rem;opacity:1;}
}

@-moz-keyframes mymovesa/* Safari 和 Chrome */
{
	from {margin-top:4.5rem; opacity:0;}
	to {margin-top:4rem;opacity:1;}
}

@-o-keyframes mymovesa /* Safari 和 Chrome */
{
	from {margin-top:4.5rem; opacity:0;}
	to {margin-top:4rem;opacity:1;}
}
.anlititle .anlititlete .anlititletes{
	font-size: 1.2rem;
	font-weight: bold;
}
.anlititle .anlititlete .anlititletess{
	font-size: 0.75rem;
	margin-top: 0.15625rem;
	height: 1.2rem;
	position: relative;
}
.anlititle .anlititlete .anlititletess::after{content: '';position: absolute;left: 0;bottom: 0;width: 1.8rem;height: 1px;background: #ffffff;opacity: 0;}
.anliinfo{
	float: left;
	width: 86%;
	margin: 0 7%;
}
.anliinfo .anliinfoinfo{
	width:100%;
	margin-top: 0.875rem;
}
.anliinfo .anliinfoinfo .anlis:nth-child(3n){
	margin-right:8%;
}
.anliinfo .anliinfoinfo .anlis{
	float: left;
	width: 45%;
	height: auto;
	margin-bottom: 35px;
	margin-right:8%;
}
.anliinfo .anliinfoinfo .anlis:nth-child(2n){
	margin-right:0;
}

.anliinfo .anliinfoinfo .anlis .anlisimg{
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 100%;
	height: 6.5rem;
	overflow: hidden;
}
.anliinfo .anliinfoinfo .anlis .anlisimg img{
	width: 100%;
	min-height: 6.5rem;
}
.anliinfo .anliinfoinfo .anlis .anlisimg img:hover{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
.anliinfo .anliinfoinfo .anlis .anliste{
	float: left;
	width: 100%;
	height: 3rem;
	border: 1px solid #eeeeee;
	padding: 0 10%;
	box-sizing: border-box;
}
.anliinfo .anliinfoinfo .anlis .anliste h3{
	font-size: 0.8rem;
	color: #222;
	margin-top: 0.2rem;
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: normal;
}
.anliinfo .anliinfoinfo .anlis .anliste p{
	font-size: 0.625rem;
	color: #4d4d4d;
	margin-top: 0.1rem;
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
/* .anliinfo .anliinfoinfo .anlis .anliste:hover{width:100%;height:2.5rem;background: #5aab48;color:#fff!important;box-sizing: border-box; padding-left: 4%; 
  transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out
	}
	.anliinfo .anliinfoinfo .anlis .anliste:hover h3{
		color: #fff;
		font-size: 0.9rem;
	}
	.anliinfo .anliinfoinfo .anlis .anliste:hover p{
		color: #fff;
		font-size: 0.7rem;
	} */
	/*案例详情*/
	.anlictitle{
		float: left;
		width: 100%;
		height: 10.28125rem;
		background:url(../images/banner3.jpg) no-repeat;
		background-size:100% 10.28125em;
		position: relative;
	}
	.anlictitle .anlictitlete{
		width: 16rem;
		margin: 0 auto;
		color:#fff;
		margin-top: 4rem;
	    animation:mymovesa;/*动画名称*/
		animation-duration:2s;/*2S内完成*/
		animation-fill-mode:forwards;/*停留*/
		-webkit-animation:mymovesa;/*动画名称*/
		-webkit-animation-duration:2s;/*2S内完成*/
		-webkit-animation-fill-mode:forwards;/*停留*/
		-moz-animation:mymovesa;/*动画名称*/
		-moz-animation-duration:2s;/*2S内完成*/
		-moz-animation-fill-mode:forwards;/*停留*/
		-o-animation:mymovesa;/*动画名称*/
		-o-animation-duration:2s;/*2S内完成*/
		-o-animation-fill-mode:forwards;/*停留*/
	}
	@keyframes mymovesa
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-webkit-keyframes mymovesa/* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-moz-keyframes mymovesa/* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-o-keyframes mymovesa /* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	.anlictitle .anlictitlete .anlictitletes{
		font-size: 1.2rem;
		font-weight: bold;
	}
	.anlictitle .anlictitlete .anlictitletess{
		font-size: 0.75rem;
		margin-top: 0.15625rem;
		height: 1.2rem;
		position: relative;
	}
	.anlictitle .anlictitlete .anlictitletess::after{content: '';position: absolute;left: 0;bottom: 0;width: 1.8rem;height: 1px;background: #ffffff;opacity: 0;}
	.anlicinfo{
		float: left;
		width: 86%;
		margin: 0 7%;
		margin-bottom: 3.2rem;
	}
	.anlicinfo .anlicinfoinfo{
		width:100%;
		font-weight: normal;
		margin-top: 0.875rem;
		padding: 1.2rem 5% 1.2rem 5%;
		box-sizing: border-box;
		border: 1px solid #eeeeee;
	}
	.anlicinfo .anlicinfoinfo h3{
		font-size: 0.9375rem;
		color: #000;
		font-weight: bold;
	}
	.anlicinfo .anlicinfoinfo p{
		font-size:0.9375rem;
		color: #333;
		margin-top: 0rem;
		line-height: 1.5rem;
	}
	.anlicinfo .anlicinfoinfo img{
		width: 100%;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
	.anlicinfo .anlicinfoinfo video{
		width:100%;
		margin: auto;
		display: block;
	
	}
	.binfo  a{display: inline-block;color: #757982;}
	.binfo  a:hover{color: #93cc01;}
	/*新闻详情*/
	.newsctitle{
		float: left;
		width: 100%;
		height: 10.28125rem;

		position: relative;
		overflow: hidden;
	}
	.newsctitle .newsctitlete{
		width: 16rem;
		margin: 0 auto;
		color:#fff;
		margin-top: 4rem;
	    animation:mymovesa;/*动画名称*/
		animation-duration:2s;/*2S内完成*/
		animation-fill-mode:forwards;/*停留*/
		-webkit-animation:mymovesa;/*动画名称*/
		-webkit-animation-duration:2s;/*2S内完成*/
		-webkit-animation-fill-mode:forwards;/*停留*/
		-moz-animation:mymovesa;/*动画名称*/
		-moz-animation-duration:2s;/*2S内完成*/
		-moz-animation-fill-mode:forwards;/*停留*/
		-o-animation:mymovesa;/*动画名称*/
		-o-animation-duration:2s;/*2S内完成*/
		-o-animation-fill-mode:forwards;/*停留*/
	}
	@keyframes mymovesa
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-webkit-keyframes mymovesa/* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-moz-keyframes mymovesa/* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-o-keyframes mymovesa /* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	.newsctitle .newsctitlete .newsctitletes{
		font-size: 1.2rem;
		font-weight: bold;
	}
	.newsctitle .newsctitlete .newsctitletess{
		font-size: 0.75rem;
		margin-top: 0.15625rem;
		height: 1.2rem;
		position: relative;
	}
	.newsctitle .newsctitlete .newsctitletess::after{content: '';position: absolute;left: 0;bottom: 0;width: 1.8rem;height: 1px;background: #ffffff;opacity: 0;}
	.newscinfo{
		overflow: hidden;
		float: left;
		width: 86%;
		margin: 0 7%;
		margin-bottom: 3.2rem;
	}
	.newscinfo .newscinfoinfo{
		width:100%;
		margin-top: 0.875rem;
		padding: 1.2rem 5% 1.2rem 5%;
		box-sizing: border-box;
		border: 1px solid #eeeeee;
		
	}
	.newscinfo .newscinfoinfo h3{
		font-size: 0.9375rem;
		color: #000;
		font-weight: bold;
	}
	.newscinfo .newscinfoinfo p{
		font-size:0.9375rem;
		color: #333;
		margin-top: 0.5rem;
		line-height: 1.5rem;
		font-weight: normal;
	}
	.newscinfo .newscinfoinfo img{
		width: 100%;
		max-width:100%;
	}
	/*公司新闻*/
	.newstitle{
		float: left;
		width: 100%;
		height: 10.28125rem;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
	}
	.newstitle .newstitlete{
		position: absolute;
		width:16rem;
		margin: 0 auto;
		color:#fff;
		margin-top: 4rem;
	    animation:mymovess;/*动画名称*/
		animation-duration:2s;/*2S内完成*/
		animation-fill-mode:forwards;/*停留*/
		-webkit-animation:mymovess;/*动画名称*/
		-webkit-animation-duration:2s;/*2S内完成*/
		-webkit-animation-fill-mode:forwards;/*停留*/
		-moz-animation:mymovess;/*动画名称*/
		-moz-animation-duration:2s;/*2S内完成*/
		-moz-animation-fill-mode:forwards;/*停留*/
		-o-animation:mymovess;/*动画名称*/
		-o-animation-duration:2s;/*2S内完成*/
		-o-animation-fill-mode:forwards;/*停留*/
	}
	@keyframes mymovess
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-webkit-keyframes mymovess/* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-moz-keyframes mymovess/* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-o-keyframes mymovess /* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	.newstitle .newstitlete .newstitletes{
		font-size: 1.2rem;
		font-weight: bold;
	}
	.newstitle .newstitlete .newstitletess{
		font-size: 0.75rem;
		margin-top: 0.15625rem;
		height: 1.2rem;
		position: relative;
	}
	.newstitle .newstitlete .newstitletess::after{content: '';position: absolute;left: 0;bottom: 0;width: 1.8rem;height: 2px;background: #ffffff;opacity: 0;}
	.newstitlenav{
		float: left;
		width: 100%;
		height: auto;
		background-color: #1B1B1B;
		padding: 0.5rem 0 0rem 0;
	}
	.newstitlenav .newstitlenavbox{
		margin: 0 auto;
		text-align: center;
	}
	.newstitlenav .newstitlenavbox .navs{
		width: 18%;
		height: 1.5rem;
		line-height: 1.5rem;
		text-align: center;
		font-size: 0.75rem;
		border: 1px solid #fff;
		overflow: hidden;
		margin: 0 2%;
		margin-bottom: 0.5rem;
		display: inline-block;
	}
	.newstitlenav .newstitlenavbox .navs a{
		width: 100%;
		color: #fff;
	}
	.newstitlenav .newstitlenavbox .navs:hover{
		width: 18%;
		height: 1.5rem;
		background-color: #5aab48;
		border: 1px solid #5aab48;
	}
	.newstitlenav .newstitlenavbox .navs:hover a{
		color: #fff;
	}
	.newstitlenav .newstitlenavbox .navs:last-child{
		margin-right: 0;
	}
	.newsinfo{
		float: left;
		width: 86%;
		margin: 0 7%;
		margin-bottom: 2.2rem;
	}
	.newsinfo .newsinfoco{
		width: 100%;
		height: auto;
		margin: 0 auto;
		border-top: 1px solid #dddddd;
		margin-top: 0.875rem;
		padding-top: 0;
	}
	.newsinfo .newsinfoco .news{
		float: left;
		width: 100%;
		height: auto;
		padding-bottom: 0.90625rem;
		border-bottom: 1px solid #dddddd;
		margin-top: 1.2rem;
		margin-bottom: 0;
	}
	.newsinfo .newsinfoco .news .newste{
		float: left;
		width: 60%;
		height: auto;
	}
	.newsinfo .newsinfoco .news .newste h3{
		font-size: 0.9375rem;
		color: #888;
		font-weight: normal;
	}
	.newsinfo .newsinfoco .news .newste p{
		width: 95%;
		font-size: 0.90625rem;
		color: #000000;
		margin-top: 0.3rem;
		display: -webkit-box !important;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.newsinfo .newsinfoco .news .newsimg{
		display: flex;
		align-items: center;
		justify-content: center;
		float: right;
		width: 6.1875rem;
		height: 4.03125rem;
		overflow: hidden;
	}
	.newsinfo .newsinfoco .news .newsimg img{
		width: 100%;
		min-height: 4.03125rem;
	}
	.newsinfo .newsinfoco .news .newsimg img:hover{
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
	/*联系我们*/
	.contacttitle{
		float: left;
		width: 100%;
		height: 10.28125rem;
		background:url(../images/banner2.jpg) no-repeat center center;
		background-size:auto 10.28125em;
		position: relative;
		overflow: hidden;
	}
	.contacttitle .contacttitlete{
		width: 16rem;
		margin: 0 auto;
		color:#fff;
		margin-top: 4rem;
	    animation:mymovesa;/*动画名称*/
		animation-duration:2s;/*2S内完成*/
		animation-fill-mode:forwards;/*停留*/
		-webkit-animation:mymovesa;/*动画名称*/
		-webkit-animation-duration:2s;/*2S内完成*/
		-webkit-animation-fill-mode:forwards;/*停留*/
		-moz-animation:mymovesa;/*动画名称*/
		-moz-animation-duration:2s;/*2S内完成*/
		-moz-animation-fill-mode:forwards;/*停留*/
		-o-animation:mymovesa;/*动画名称*/
		-o-animation-duration:2s;/*2S内完成*/
		-o-animation-fill-mode:forwards;/*停留*/
	}
	@keyframes mymovesa
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-webkit-keyframes mymovesa/* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-moz-keyframes mymovesa/* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	
	@-o-keyframes mymovesa /* Safari 和 Chrome */
	{
		from {margin-top:4.5rem; opacity:0;}
		to {margin-top:4rem;opacity:1;}
	}
	.contacttitle .contacttitlete .contacttitletes{
		font-size: 1.2rem;
		font-weight: bold;
	}
	.contacttitle .contacttitlete .contacttitletess{
		font-size: 0.75rem;
		margin-top: 0.15625rem;
		height: 1.2rem;
		position: relative;
	}
	.contacttitle .contacttitlete .contacttitletess::after{content: '';position: absolute;left: 0;bottom: 0;width: 1.8rem;height: 1px;background: #ffffff;}
	.contactinfo{
		float: left;
		width: 100%;
		background: #fff;
		padding: 0 7%;
		box-sizing: border-box;
		margin-bottom: 3.2rem;
	}
	.contactinfo .contactinfoco{
		width:100%;
		margin-top: 0.875rem;
	}
	.contactinfo .contactinfoco .contactinfocol{
		float: left;
		width: 100%;
		height: auto;
		border: 1px solid #dddddd;
		padding: 1.2rem 5% 0.8rem 5%;
		box-sizing: border-box;
	}
	.contactinfo .contactinfoco .contactinfocol h3{
		font-size:1rem;
		color: #333;
		position: relative;
		padding-left: 3%;
		margin-bottom: 0.875rem;
	}
	.contactinfo .contactinfoco .contactinfocol h3::before{
		content: '';
		position: absolute;
		left: 0;
		top: 4px;
		width: 4px;
		height: 1rem;
		background-color: #313131;
	}
	.contactinfo .contactinfoco .contactinfocol .contactitem{
		float: left;
		width: 100%;
		border-bottom: 1px solid #aaaaaa;
		margin-top: 0.5rem;
		padding-bottom:  0.5rem;
		padding-right: 3%;
	}
	.contactinfo .contactinfoco .contactinfocol .contactitem:last-child{
		border-bottom: none;
	}
	.contactinfo .contactinfoco .contactinfocol .contactitem .contactitembox{
		float: left;
		width: 100%;
		margin-left: -3%;
	}
	.contactinfo .contactinfoco .contactinfocol .contactitem  .contactitemimg{
		float: left;
		width: 3rem;
	}
	.contactinfo .contactinfoco .contactinfocol .contactitem .contactitembox .contactitemimg img{
		width: 100%;
	}
	.contactinfo .contactinfoco .contactinfocol .contactitem .contactitembox .contactitemte{
		float: left;
	}
	.contactinfo .contactinfoco .contactinfocol .contactitem .contactitembox .contactitemte span{
		font-size: 1rem;
		color: #000;
	}
	.contactinfo .contactinfoco .contactinfocol .contactitem .contactitembox .contactitemte p{
		width: 12rem;
		font-size: 0.8rem;
		color: #757982;
		margin-top: 16px;
	}
	.contactinfo .contactinfoco .contactinfocor{
		width: 99.5%;
		margin: 0 auto;
		height: 12rem;
		overflow: hidden;
		border: 1px solid #dddddd;
		margin-left:0;
		margin-top: 0.5rem;
	}
@media only screen and (min-width: 320px) {
	.swiper{
		width: 180px;
	}
	.anli .anlico .swiper-button-prev{left: 2%;}
	.anli .anlico .swiper-button-next{right:2%;}
}

@media only screen and (min-width: 375px) {
	.swiper{
		width: 56.5%;
	}
}


@media only screen and (min-width: 414px) {
	.swiper{
		width: 228px;
	}
}
.njsh-anniu{float: left;width: 100%; padding: 0px 0 30px 0;text-align: center;}
.njsh-anniu li.active{color: #fff;background-color: #93cc01;}
.njsh-anniu li{cursor: pointer; display:inline-block;border: 1px solid #dddddd;border-radius: 5px; height: 40px;line-height: 40px; padding: 0 25px; margin: 0 7px 5px 7px; color: #666666;font-size: 14px;}
.njsh-anniu li:hover{ color: #fff;background-color: #93cc01;}
.njsh-anniu li a{width: 100%; display:inline-block;height: 40px;color: #666666;font-size: 14px;}
.njsh-anniu li:hover a{ color: #fff;}