*{margin:0;padding:0;}

body{overflow-x:hidden;margin:auto;font-size:12px;}

li{list-style:none;}

ol li{list-style:inherit;}

.clear {height:0px;clear:both;}

textarea{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}

div{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}

p{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}

a{text-decoration:none;font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}

a:hover{text-decoration:none;}

html {

	font-size: 100px !important;

}



body {

	background: #fff !important;

}



@media screen and (max-width: 1680px) {

	html {

		font-size: 86px !important;

		overflow-x:hidden;

	}

}



@media screen and (max-width: 1440px) {

	html {

		font-size: 78px !important;

	}

}



@media screen and (max-width: 1200px) {

	.hidden-1280 {

		display: none !important;

	}

}



@media screen and (max-width: 1024px) {

	html {

		font-size: 60px !important;

	}

}



@media screen and (max-width: 768px) {

	html {

		font-size: 60px !important;

	}



}

@font-face {

	font-family: 'GOTHAM';

	src: local('GOTHAM'), url(../fonts/GOTHAM-BLACK.woff) format('woff');

}

@font-face {

	font-family: 'HELVETICALT33THINEXTENDED';

	src: local('HELVETICALT33THINEXTENDED'), url(../fonts/HELVETICALT33THINEXTENDED.woff) format('woff');

}

.navbigbox {

	width: 100%;

	height: 1.04rem;

	padding-left: 1.1rem;

	padding-right: 1.1rem;

	background: #004098;

}

.navinner {

	width: 100%;

}

.logo {

	width: 4.03rem;

	float: left;

	line-height: 1.04rem;

}

.logo img {

	width: 100%;

}

.navright {

	float: right;

	display: flex;

	align-items: center;

}

.navbox {

	float: left;

}

.navlist {

	float: left;

	position: relative;

	margin-left: 0.5rem;

}

.navbox .navlist:first-child {

	margin-left: 0;

}

.navlisttitle {

	color: #ffffff;

	font-size: .18rem;

	position: relative;

	transition: .25s all;

}

.navlisttitle:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 0.04rem;

	background: #f6f6f6;

	opacity: 0;

	transition: .25s all;

}

.navlisttitle>a{

	color: #fff;

	display: block;

	line-height: 1.04rem;

	padding-left: 0.22rem;

	padding-right: 0.22rem;

}

.navlisttwo {

	position: absolute;

	opacity: 0;

	visibility: hidden;

	transition: .25s all;

	z-index: 66;

	left: 0;

	top: 100%;

	box-shadow: 0.08rem 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.09);

}

.navlist:hover .navlisttwo {

	opacity: 1;

	visibility: visible;

}

.navlisttwolist {

	position: relative;

}

.navlisttwolistitem {

	width: 2.58rem;

	height: 0.93rem;

	background: #f6f6f6;

	transition: .25s all;

}

.navlisttwolistitem a {

	display: flex;

	width: 100%;

	height: 100%;

	justify-content: center;

	align-items: center;

}

.navlisttwolistitemtext {

	color: #4d4d4d;

	font-size: .18rem;

	transition: .25s all;

}

.navlisttwolistitemarrow {

	transition: .25s all;

	width: 0.16rem;

	display: none;

	justify-content: center;

	align-items: center;

	margin-left: 0.2rem;

}

.navlisttwolistitemarrow img {

	width: 100%;

}

.navlisttwolistthreebox {

	position: absolute;

	left: 100%;

	top: 0;

	z-index: 66;

	opacity: 0;

	visibility: hidden;

	box-shadow: 0.08rem 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.09);

}

.navlisttwolist:hover .navlisttwolistthreebox {

	opacity: 1;

	visibility: visible;

}

.navlisttwolistthreeitem {

	width: 2.58rem;

	background: #f6f6f6;

	transition: .25s all;

}

.navlisttwolistthreeitem a {

	display: flex;

	width: 100%;

	min-height: 0.36rem;

	justify-content: center;

	align-items: center;

	padding-left: 0.1rem;

	padding-right: 0.1rem;

	padding-top: 0.15rem;

	padding-bottom: 0.15rem;

}

.navlisttwolistthreeitemtext {

	color: #4d4d4d;

	font-size: .18rem;

}

.navlisttwolistthreeitemarrow {

	transition: .25s all;

	width: 0.16rem;

	display: none;

	justify-content: center;

	align-items: center;

	margin-left: 0.2rem;

}

.navlisttwolistthreeitemarrow img {

	width: 100%;

}

.navlisttwolistthreeitem:hover {

	background: #fff;

}

.navlisttwolistthreeitem:hover .navlisttwolistthreeitemtext {

	color: #0b45ca;

	font-weight: bold;

}

.navlisttwolistthreeitem:hover .navlisttwolistthreeitemarrow {

	display: flex;

}

.navlisttwolist:hover .navlisttwolistitem {

	background: #004098;

}

.navlisttwolist:hover .navlisttwolistitem a .navlisttwolistitemarrow {

	display: flex;

}

.navlisttwolist:hover .navlisttwolistitemtext {

	color: #fff;

	font-weight: bold;

}

.navlist:hover .navlisttitle {

	font-weight: bold;

}

.navlist:hover .navlisttitle:after {

	opacity: 1;

}



.langbox {

	position: relative;

	float: left;

	margin-left: 0.73rem;

}

.langico {

	width: 0.19rem;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

}

.langico img {

	width: 100%;

}

.lang {

	position: absolute;

	top: 50%;

	left: 100%;

	transform: translateY(-50%);

	opacity: 0;

	transition: .25s all;

	visibility: hidden;

	display: flex;

}

.langitem {

	font-size: .18rem;

	float: left;

	margin-left: 0.2rem;

}

.langitem a {

	color: #fff;

}

.langxz {

	opacity: 1;

	visibility: inherit;

}



@media screen and (max-width : 1600px) {

.navlist,.langbox {

	margin-left: 0.3rem;

}

}



.homebanner {

	width: 100%;

}

.banneritem {

	width: 100%;

}

.banneritem img {

	width: 100%;

}

.homebanner .swiper-container-horizontal>.swiper-pagination-bullets {

  width: 10px;



  left: 65px;



  bottom: auto;



  top: 41%;

}



.homebanner .swiper-pagination {

  bottom: 10.5%;

  /* left: 9%; */

  width: 100%;

  display: flex;

  margin-left: 0;

  margin-right: 0;

  /* width: auto; */

  justify-content: center;



}



.homebanner .swiper-pagination-bullet {

  width: 10px;



  height: 10px;



  background: #fff;



  opacity: 1;



  margin-left: 0.2rem !important;



  margin-right: 0.2rem !important;

}



.homebanner .swiper-pagination-bullet:first-child {

  margin-left: 0 !important;

}



.homebanner .swiper-pagination-bullet:last-child {

  margin-right: 0 !important;

}



.homebanner .swiper-pagination-bullet-active {

  background: none;



  position: relative;

}



/* .homebanner .swiper-pagination-bullet-active:after {



	content: "";



	width: 18px;



	height: 18px;



	position: absolute;



	border-radius: 50%;



	position: absolute;



	left: -8px;



	top: -7px;



} */



svg {

  width: 18px;



  height: 18px;



  -webkit-transform: rotate(-90deg);



  transform: rotate(-90deg);



  box-sizing: border-box;



  position: relative;



  z-index: 99;



  position: absolute;



  left: 50%;



  top: 50%;



  margin-top: -9px;



  margin-left: -9px;



  overflow: inherit;

}



.homebanner .swiper-pagination-bullet svg circle {

  opacity: 0;



  stroke-dasharray: 100;



  stroke-dashoffset: 0;



  fill: rgba(255, 255, 255, 0);



  stroke: #0b45ca;



  transform: rotateX(180deg) translateY(-100%);

}



.homebanner .swiper-pagination-bullet-active svg circle {

  opacity: 1;



  -webkit-animation: circledraw 9s forwards;



  animation: circledraw 9s;

}



@-webkit-keyframes circledraw {

  0% {

    stroke-dashoffset: 100;

  }



  100% {

    stroke-dashoffset: 0;

  }

}



@keyframes circledraw {

  0% {

    stroke-dashoffset: 100;

  }



  100% {

    stroke-dashoffset: 0;

  }

}









.innernavbox {

	width: 100%;

	border-bottom: 1px solid #f0f0f0;

}

.innernavinner {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	height: 1.03rem;

	display: flex;

	align-items: center;

	justify-content: flex-start;

}

.innernavitem {

	float: left;

	border-radius: .08rem;

	margin-left: 0.1rem;

	overflow: hidden;

	transition: .25s all;

}

.innernavitem:first-child {

	margin-left: 0;

}

.innernavitem a {

	padding-left: 0.25rem;

	padding-right: 0.25rem;

	line-height: 0.42rem;

	color: #636363;

	font-size: .16rem;

	transition: .25s all;

	display: block;

}

.innernavitem:hover {

	background: #0b45ca;

}

.innernavitem:hover a {

	color: #fff;

}

.innernavitemxz {

	background: #0b45ca;

}

.innernavitemxz a {

	color: #fff;

}







.innerprobox {

	width: 100%;

}

.innerpro {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 0.52rem;

}

.innerprotop {

	width: 100%;

}

.innerprotitle {

	color: #434343;

	font-size: .36rem;

	font-weight: bold;

	line-height: 1;

}

.innerproline {

	width: 0.5rem;

	height: 0.04rem;

	background: #0b45ca;

	margin-top: 0.32rem;

}

.innerprodesc {

	color: #737373;

	font-size: .16rem;

	line-height: 0.38rem;

	margin-top: 0.25rem;

}

.innerprobottom {

	width: 100%;

	margin-top: 0.53rem;

	overflow: hidden;

	padding-bottom: 1.3rem;

}

.innerproleft {

	width: 2.75rem;

	float: left;

}

.innerproleftitem {

	width: 100%;

	background: #f3f3f3;

	height: 1.05rem;

	border-bottom: 1px solid #e0e0e0;

	transition: .25s all;

}

.innerproleftitem:last-child {

	border-bottom: none;

}

.innerproleftitem:hover {

	background: #004098;

	border-color: #004098;

}

.innerproleftitem a {

	height: 100%;

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #414141;

	font-size: .2rem;

	font-weight: bold;

	transition: .25s all;

	line-height: 0.35rem;

}

.innerproleftitem:hover a {

	color: #fff;

}



.innerproleftitemxz {

	background: #004098;

	border-color: #004098;

}

.innerproleftitemxz a {

	color: #fff;

}

.innerright {

	width: calc(100% - 3.15rem);

	float: right;

}

.innerrightbox {

	width: 100%;

	overflow: hidden;

}

.innerrightitem {

	float: left;

	width: calc((100% - .4rem) / 3);

	margin-left: 0.2rem;

	margin-top: 0.5rem;

}

.innerrightitem:nth-child(1) {

	margin-top: 0;

}

.innerrightitem:nth-child(2) {

	margin-top: 0;

}

.innerrightitem:nth-child(3) {

	margin-top: 0;

}

.innerrightitem:nth-child(3n-2) {

	margin-left: 0;

}

.innerrightitempic {

	width: 100%;

	overflow: hidden;

}

.innerrightitempic img {

	width: 100%;

	transition: .25s all;

}

.innerrightitembottom {

	width: 100%;

	height: 1.08rem;

	background: #eaeaea;

	padding-top: 0.2rem;

	transition: .25s all;

	padding-left: .15rem;

	padding-right: 0.15rem;

}

.innerrightitemtitle {

	color: #434343;

	font-size: .2rem;

	font-weight: bold;

	line-height: 0.3rem;

	height: 0.3rem;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	width: 100%;

	text-align: center;

	transition: .25s all;

}

.innerrightitemdesc {

	color: #9d9c9c;

	font-size: .16rem;

	line-height: 0.25rem;

	height: 0.25rem;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	width: 100%;

	text-align: center;

	margin-top: 0.06rem;

	transition: .25s all;

}

.innerrightitem:hover .innerrightitembottom {

	background: #004098;

}

.innerrightitem:hover .innerrightitemtitle {

	color: #fff;

}

.innerrightitem:hover .innerrightitemdesc {

	color: #fff;

	opacity: .7;

}

.innerrightitem:hover .innerrightitempic img {

	transform: scale(1.1);

}







/* 产品展示结束 */



.fanye .pagination {

	margin-top: 1rem;

	

}

.fanye a {

	float: left;

	margin-left: 3.5px;

	margin-right: 3.5px;

	display: block;

	width: 0.7rem;

	height: 0.7rem;

	border-radius: 50%;

	text-align: center;

	font-family: "Arial";

	line-height: 0.7rem;

	font-size: .2rem;

	color: #9b9b9b;

}

.fanye p {

	float: left;

	line-height: 0.7rem;

}

.fanye .syy {

	color: #565555;

	margin-right: 53.5px;

	width: auto;

	font-size: .2rem;

	display: inline-block;

}

.fanye .xyy {

	color: #565555;

	margin-left: 53.5px;

	width: auto;

	display: inline-block;

	font-size: .2rem;

}

.fanye .cur {

	background: #004098;

	color: #fff;

}

.fanye .pagination {

	overflow: hidden;

	display: table;

	margin-right: auto;

}





/* 案例开始 */







.innerproshowbox {

	width: 100%;

}

.innerproshow {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 0.3rem;

	overflow: hidden;

	padding-bottom: 0.85rem;

}

.innerproshowleft {

	float: left;

	width: 45.495%;

}

.innerproshowlefttop {

	width: 100%;

}

.innerproshowlefttop .swiper-slide img {

	width: 100%;

}

.innerproshowlefttoparrow {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 0.84rem;

	height: 0.84rem;

	border-radius: .16rem;

	background: #f7f7f7;

	z-index: 5;

	cursor: pointer;

	display: flex;

	justify-content: center;

	align-items: center;

	transition: .25s all;

}

.innerproshowlefttoparrow img {

	width: 0.09rem;

	transform-origin: center;

	transform: rotate(180deg);

	transition: .25s all;

}

.innerproshowlefttoparrow:hover {

	background: #004098;

}

.innerproshowlefttoparrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}



.innerproshowrighttoparrow {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 0.84rem;

	height: 0.84rem;

	border-radius: .16rem;

	background: #f7f7f7;

	z-index: 5;

	cursor: pointer;

	display: flex;

	justify-content: center;

	align-items: center;

	transition: .25s all;

}

.innerproshowrighttoparrow img {

	width: 0.09rem;

	transition: .25s all;

}

.innerproshowrighttoparrow:hover {

	background: #004098;

}

.innerproshowrighttoparrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}

.innerproshowleftbottom {

	width: 100%;

	margin-top: 0.25rem;

}

.innerproshowleftbottomitem {

	width: 100%;

	border: 1px solid #c6c6c6;

	border-radius: .12rem;

	overflow: hidden;

}

.innerproshowleftbottomitem img {

	width: 100%;

}

.innerproshowleftbottom .swiper-slide-thumb-active .innerproshowleftbottomitem {

	border-color: #ea2a28;

}



.innerproshowright {

	float: right;

	width: 51%;

	margin-top: 0.3rem;

}

.innerproshowrighttop {



}

.innerproshowrighttop a {

	display: flex;

	align-items: center;

}

.innerproshowrighttoparrowfh {

	width: 0.08rem;

	display: flex;

	justify-content: center;

	align-items: center

}

.innerproshowrighttoparrowfh img {

	width: 100%;

}

.innerproshowrighttoptext {

	color: #5b5b5b;

	font-size: .18rem;

	margin-left: 0.13rem;

}

.innerproshowrighttitle {

	color: #353535;

	font-size: .44rem;

	line-height: 0.8rem;

	font-weight: bold;

	margin-top: 0.17rem;

}

.innerproshowrightcontent {

	color: #5f5f5f;

	font-size: .16rem;

	line-height: 0.36rem;

	margin-top: 0.2rem;

}

.innerproshowrightbottom {

	background: #f2f2f2;

	display: inline-block;

	height: 0.75rem;

	border-radius: .1rem;

	margin-top: 0.9rem;

}

.innerproshowrightbottom a {

	display: flex;

	width: 100%;

	height: 100%;

	padding-left: 0.24rem;

	padding-right: 0.3rem;

	align-items: center;

}

.innerproshowrightbottomico {

	width: .33rem;

	display: flex;

	justify-content: center;

	align-items: center

}

.innerproshowrightbottomico img {

	width: 100%;

}

.innerproshowrightbottomtext {

	color: #353535;

	font-size: .18rem;

	font-weight: bold;

	margin-left: 0.2rem;

	margin-right: 0.15rem;

}

.innerproshowrightbottomarrow {

	width: 0.16rem;

	display: flex;

	justify-content: center;

	align-items: center

}

.innerproshowrightbottomarrow img {

	width: 100%;

}



.innerproyycjbox {

	width: 100%;

	background: #f7f7f7;

}

.innerproyycj {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 0.85rem;

	padding-bottom: 0.9rem;

}

.innerproyycjtop {

	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: flex-end;

}

.innerproyycjtopleft {



}

.innerproyycjtoplefttitle {

	color: #434343;

	font-size: .36rem;

	font-weight: bold;

	line-height: 1;

}

.innerproyycjtopleftline {

	width: 0.5rem;

	height: 0.04rem;

	background: #0b45ca;

	margin-top: 0.33rem;

}

.innerproyycjtopright {

	display: flex;

}

.innerproyycjtoprightleftarrow {

	width: 0.69rem;

	height: 0.69rem;

	border-radius: .16rem;

	background: #ffffff;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

}

.innerproyycjtoprightleftarrow img {

	width: 0.09rem;

	transform-origin: center;

	transform: rotate(180deg);

	transition: .25s all;

}

.innerproyycjtoprightleftarrow:hover {

	background: #004098;

}

.innerproyycjtoprightleftarrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}

.innerproyycjtoprightleftarrow:hover {

	background: #004098;

}

.innerproyycjtoprightleftarrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}

.innerproyycjtoprightleftarrow:hover {

	background: #004098;

}

.innerproyycjtoprightleftarrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}

.innerproyycjtoprightrightarrow {

	width: 0.69rem;

	height: 0.69rem;

	border-radius: .16rem;

	background: #ffffff;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	margin-left: 0.25rem;

}

.innerproyycjtoprightrightarrow img {

	width: 0.09rem;

	transition: .25s all;

}

.innerproyycjtoprightrightarrow:hover {

	background: #004098;

}

.innerproyycjtoprightrightarrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}



.innerproyycjbottom {

	width: 100%;

	margin-top: 0.65rem;

}

.innerproyycjbottomitem {

	width: 100%;

	border-radius: .16rem;

	overflow: hidden;

	position: relative;

}

.innerproyycjbottomitempic {

	width: 100%;

}

.innerproyycjbottomitempic img {

	width: 100%;

}

.innerproyycjbottomitemzz {

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 5;

	opacity: 0;

	transition: .25s all;

}

.innerproyycjbottomitemzz img {

	width: 100%;

}

.innerproyycjbottomitemcontent {

	width: 100%;

	position: absolute;

	left: 0;

	bottom: .25rem;

	padding-left: 0.35rem;

	padding-right: 0.8rem;

	z-index: 6;

}

.innerproyycjbottomitemtitle {

	color: #ffffff;

	font-size: .22rem;

	font-weight: bold;

	line-height: 0.35rem;

	height: 0.35rem;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.innerproyycjbottomitemdesc {

	color: #ffffff;

	font-size: .16rem;

	line-height: 0.32rem;

	margin-top: 0.08rem;

	visibility: hidden;

	opacity: 0;

	height: 0;

	transition: .25s all;

}

.innerproyycjbottomitem:hover .innerproyycjbottomitemzz {

	opacity: 1;

}

.innerproyycjbottomitem:hover .innerproyycjbottomitemdesc {

	visibility: visible;

	opacity: 1;

	height: auto;

}



.innerproshowcpcsbox {

	width: 100%;

}

.innerproshowcpcs {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 0.9rem;

	padding-bottom: 4rem;

}

.innerproshowcpcstitle {

	color: #434343;

	font-size: .36rem;

	font-weight: bold;

	line-height: 1;

}

.innerproshowcpcsline {

	width: 0.5rem;

	height: 0.04rem;

	background: #0b45ca;

	margin-top: 0.33rem;

}

.innerproshowcpcscontent {

	color: #767676;

	font-size: .16rem;

	line-height: 0.4rem;

	margin-top: 0.5rem;

}

.innerproshowcpcscontent img {

	max-width: 100%;

}





.innercasebox {

	width: 100%;

}

.innercase {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 0.65rem;

}

.innercasetopbox {



}

.innercasetoptitle {

	color: #434343;

	font-size: .46rem;

	font-weight: bold;

	line-height: 1;

}

.innercasetopline {

	width: 0.5rem;

	height: 0.04rem;

	background: #0b45ca;

	margin-top: 0.33rem;

}

.innercasecontent {

	width: 100%;

	overflow: hidden;

	margin-top: 0.65rem;

	padding-bottom: 1.2rem;

}

.innercaseitem {

	float: left;

	width: calc((100% - 1rem) / 3);

	margin-left: 0.5rem;

	margin-top: 0.5rem;

}

.innercaseitem:nth-child(1) {

	margin-top: 0;

}

.innercaseitem:nth-child(2) {

	margin-top: 0;

}

.innercaseitem:nth-child(3) {

	margin-top: 0;

}

.innercaseitem a {

	display: block;

	width: 100%;

	padding-bottom: 0.5rem;

}

.innercaseitem:nth-child(3n-2) {

	margin-left: 0;

}

.innercaseitempic {

	width: 100%;

	overflow: hidden;

}

.innercaseitempic img {

	width: 100%;

	transition: .25s all;

}

.innercaseitemcontent {

	width: 100%;

	margin-top: 0.2rem;

}

.innercaseitemtitle {

	color: #3e3e3e;

	font-size: .22rem;

	font-weight: bold;

	line-height: 0.35rem;

	height: 0.35rem;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.innercaseitemdesc {

	color: #838383;

	font-size: .16rem;

	line-height: 0.3rem;

	height: 0.6rem;

	display:-webkit-box;

	overflow:hidden;

	text-overflow:ellipsis;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

	margin-top: 0.12rem;

}

.innercaseitemmore {

	color: #0b45ca;

	font-size: .16rem;

	margin-top: 0.12rem;

	transition: .25s all;

}

.innercaseitem:hover .innercaseitemmore {

	color: #ff0000;

}

.innercaseitem:hover .innercaseitempic img {

	transform: scale(1.1);

	

}





.innercasetwobox {

	width: 100%;

}

.innercasetwo {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 0.65rem;

	padding-bottom: 0.95rem;

}

.innercasetwocontentbox {

	width: 100%;

	margin-top: 0.3rem;

}

.innercasetwocontent {

	width: 100%;

	color: #848484;

	font-size: .16rem;

	line-height: 0.36rem;

}

.innercasetwocontent img {

	max-width: 100%;

}

.innercasetwocontentpic {

	width: 100%;

	margin-top: 0.65rem;

	overflow: hidden;

}

.innercasetwocontentpicitem {

	float: left;

	width: calc((100% - .6rem) / 2);

	margin-left: 0.6rem;

	

	overflow: hidden;

	margin-top: 0.6rem;

}
.innercasetwocontentpicitembox {
    border-radius: .16rem;
    overflow: hidden;
}
.innercasetwocontentpicitembox img {
    width: 100%;
}
.innercasetwocontentpicitem:nth-child(1) {

	margin-top: 0;

}

.innercasetwocontentpicitem:nth-child(2) {

	margin-top: 0;

}

.innercasetwocontentpicitem img {

	width: 100%;

}

.innercasetwocontentpicitem:nth-child(2n-1) {

	margin-left: 0;

}



.innercasetwobottombox {

	width: 100%;

	background: #f7f7f7;

}

.innercasetwobottom {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 0.9rem;

	padding-bottom: 1.8rem;

}

.innercasetwobottomitem {

	width: 100%;

	margin-top: 0.9rem;

}

.innercasetwobottomitem .innerrightitem {

	width: 100%;

}





input{ outline: none; }





a:focus {

	border-radius: 0;

	border: none;

}

.footerbox {

	width: 100%;

	background: url(../img/footer.jpg) no-repeat center center;

	background-size: cover;

}

.footer {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 1rem;

	padding-bottom: 1.1rem;

}

.footertop {

	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.flogo {

	width: 39.896%;

}

.flogo img {

	width: 100%;

}

.footersearchbox {

	width: 3.8rem;

	height: 0.64rem;

	border-radius: .32rem;

	overflow: hidden;

	background: #fff;

}

.footersearch {

	width: calc(100% - .7rem);

	height: 100%;

	background: #fff;

	float: left;

	overflow: visible;

}

.footersearch input {

	width: 100%;

	height: 100%;

	height: 0.64rem;

	color: #000000;

	font-size: .18rem;

	line-height: 0.64rem;

	padding-left: 0.3rem;

	border: none;

}

.footersearch input::placeholder {

	color: #000000;

	font-size: .18rem;

	line-height: 0.64rem;

	opacity: 0.6;

}

.footersearchico {

	width: 0.7rem;

	height: .64rem;

	float: right;

	background: #fff;

	overflow: hidden;

}

.footersearchico a {

	display: flex;

	width: 100%;

	height: 100%;

	align-items: center;

	justify-content: center;

}

.footercontent {

	width: 100%;

	margin-top: 0.95rem;

	overflow: hidden;

}

.footercontentleft {

	float: left;

}

.footercontentleftitem {

	display: flex;

	align-items: center;

	margin-top: 0.5rem;

}

.footercontentleftitem:first-child {

	margin-top: 0;

}

.footercontentleftitemicon {

	width: 0.63rem;

	display: flex;

	justify-content: center;

	align-items: center;

}

.footercontentleftitemicon img {

	width: 100%;

}

.footercontentleftitemtext {

	color: #ffffff;

	font-size: .18rem;

	margin-left: 0.3rem;

}

.footercontentleftitemtext span {

	color: #ffffff;

	font-size: .3rem;

	font-family: "GOTHAM";

}

.footercontentright {

	float: right;

	padding-top: 0.2rem;

}

.footercontentrightitembox {

	float: left;

	margin-left: 0.9rem;

}

.footercontentrightitembox:first-child {

	margin-left: 0!important;

}

.footercontentrightitem {

	color: #ffffff;

	font-size: .19rem;

	font-weight: bold;

	line-height: 1;

}

.footercontentrightitem a {

	color: #ffffff;

}

.footercontentrighttwo {

	margin-top: 0.5rem;

}

.footercontentrighttwoitem {

	color: #ffffff;

	font-size: .16rem;

}

.footercontentrighttwoitem a {

	line-height: 0.56rem;

	display: block;

	color: #ffffff;

	opacity: 0.6;

	transition: .25s all;

}

.footercontentrighttwoitem a:hover {

	opacity: 1;

}

.footerbottom {

	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 1.1rem;

}

.footerbottomleft {

	color: #ffffff;

	font-size: .16rem;

	line-height: 1;

}

.footerbottomleft a {

	color: #ffffff;

	font-size: .16rem;

	line-height: 1;

}

.footerbottomright {

	width: 0.68rem;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

}

.footerbottomright img {

	width: 100%;

}



@media screen and (max-width : 1800px) {

.footercontentrightitembox {

	margin-left: 0.6rem;

}

}

@media screen and (max-width : 1600px) {

.footercontentrightitembox {

	margin-left: 0.4rem;

}

}





.homeprobox {

	width: 100%;

}

.homepro {

	width: calc(100% / 12 * 9);

	margin-left: auto;

	margin-right: auto;

	padding-top: 0.85rem;

	padding-bottom: 1.47rem;

}

.homeprotitlebox {

	width: 100%;

}

.homeprotitle {

	text-align: center;

	color: #1b1b1b;

	font-size: .46rem;

	font-weight: bold;

	line-height: 0.55rem;

}

.homeprotitleline {

	width: 0.72rem;

	height: 0.04rem;

	background: #0b45ca;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0.28rem;

}

.homeprocontent {

	width: 100%;

	margin-top: 0.6rem;

}

.homeprocontentleft {

	width: 2.75rem;

	float: left;

	border: 1px solid #e2e2e2;
	position: relative;
	z-index: 99;

}

.homeprocontentleftitem {

	width: 100%;

	position: relative;

	border-bottom: 1px solid #e2e2e2;

}

.homeprocontentleftitem:last-child {

	border: none;

}

.homeprocontentleftitemlist {

	width: 100%;

	height: 1.08rem;

}

.homeprocontentleftitemlist a {

	color: #6f6f6f;

	font-size: .2rem;

	line-height: 0.3rem;

	display: flex;

	width: 100%;

	height: 100%;

	align-items: center;

	justify-content: center;

	transition: .25s all;

}

.homeprocontentleftitem:hover .homeprocontentleftitemlist {

	background: #004098;

	border-color: #004098;

}

.homeprocontentleftitem:hover .homeprocontentleftitemlist a {

	color: #fff;

}









.homeprocontentleftitemtwobox {

	position: absolute;

	left: 100%;

	top: 0;

	z-index: 66;

	opacity: 0;

	visibility: hidden;

	box-shadow: 0.08rem 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.09);

}

.homeprocontentleftitem:hover .homeprocontentleftitemtwobox {

	opacity: 1;

	visibility: visible;

}

.homeprocontentleftitemtwoboxitem {

	width: 2.47rem;

	background: #f6f6f6;

	transition: .25s all;

}

.homeprocontentleftitemtwoboxitem a {

	display: flex;

	width: 100%;

	min-height: 0.45rem;

	padding-top: 0.15rem;

	padding-bottom: 0.15rem;

	justify-content: center;

	align-items: center;

	padding-left: 0.1rem;

	padding-right: 0.1rem;

}

.homeprocontentleftitemtwoboxitemtext {

	color: #8e8e8e;

	font-size: .2rem;

}

.homeprocontentleftitemtwoboxitemarrow {

	transition: .25s all;

	width: 0.16rem;

	display: none;

	justify-content: center;

	align-items: center;

	margin-left: 0.2rem;

}

.homeprocontentleftitemtwoboxitemarrow img {

	width: 100%;

}

.homeprocontentleftitemtwoboxitem:hover {

	background: #004098;

}

.homeprocontentleftitemtwoboxitem:hover .homeprocontentleftitemtwoboxitemtext {

	color: #fff;

}

.homeprocontentleftitemtwoboxitem:hover .homeprocontentleftitemtwoboxitemarrow {

	display: flex;

}

.homeprocontentleftitem:hover .navlisttwolistitem {

	background: #004098;

}

.homeprocontentleftitem:hover .homeprocontentleftitemtwoboxitemarrow a .navlisttwolistitemarrow {

	display: flex;

}





.homeprocontentright {

	width: calc(100% - 3rem);

	float: right;

	overflow: hidden;

}

.homeprocontentrightitem {

	width: calc((100% - .4rem) / 3);

	margin-left: 0.2rem;

	float: left;

	border-radius: .1rem;

	overflow: hidden;

	position: relative;

	margin-top: 0.25rem;

}

.homeprocontentrightitem:nth-child(1) {

	margin-top: 0;

}

.homeprocontentrightitem:nth-child(2) {

	margin-top: 0;

}

.homeprocontentrightitem:nth-child(3) {

	margin-top: 0;

}

.homeprocontentrightitem:nth-child(3n-2) {

	margin-left: 0;

}

.homeprocontentrightitem a {

	display: block;

	width: 100%;

	height: 100%;

}

.homeprocontentrightitempic {

	width: 100%;

	overflow: hidden;

}

.homeprocontentrightitempic img {

	width: 100%;

}

.homeprocontentrightitemzz {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	transition: .25s all;

}

.homeprocontentrightitemzz img {

	width: 100%;

}

.homeprocontentrightitemtext{

	position: absolute;

	width: 100%;

	left: 0;

	bottom: .22rem;

	padding-left: 0.28rem;

	padding-right: 0.26rem;

	display: flex;

	justify-content: space-between;

	align-items: center;

	opacity: 0;

	visibility: hidden;

	transition: .25s all;

}

.homeprocontentrightitemtexttitle {

	color: #ffffff;

	font-size: .16rem;

	line-height: 0.25rem;

	width: calc(100% - .5rem);

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.homeprocontentrightitemtextarrow {

	width: 0.19rem;

	display: flex;

	justify-content: center;

	align-items: center;

}

.homeprocontentrightitemtextarrow img {

	width: 100%;

}

.homeprocontentrightitem:hover .homeprocontentrightitemzz {

	opacity: 1;

	visibility: visible;

}

.homeprocontentrightitem:hover .homeprocontentrightitemtext {

	opacity: 1;

	visibility: visible;

}









.homeyylybox {
	width: 100%;
	background: url(../img/yylybg.jpg) center/cover no-repeat;
}
.homeyyly {
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.5rem;
}
.homeyylytop {
	width: 100%;
	overflow: hidden;
	padding-top: 1.27rem;
}
.homeyylytopleft {
	width: 43.6%;
	float: left;
	padding-top: 0.07rem;
}
.homeyylytoplefttitle {
	color: #ffffff;
	font-size: .46rem;
	font-weight: bold;
	line-height: 1;
}
.homeyylytopleftline {
	width: 0.72rem;
	height: 0.04rem;
	background: #fff;
	margin-top: 0.36rem;
}
.homeyylytoplefttext {
	width: 100%;
	position: relative;
	margin-top: 0.35rem;
}
.homeyylytoplefttextitem {
	width: 100%;
	position: absolute;
	opacity: 0;
	width: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	transition: .25s all;
}
.homeyylytoplefttextitemxz {
	opacity: 1;
	visibility: visible;
	position: relative;
}
.homeyylytoplefttextitemtitle {
	color: #ffffff;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.35rem;
}
.homeyylytoplefttextitemdesc {
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.4rem;
	text-align: justify;
	margin-top: 0.3rem;
}
.homeyylytoprightbox {
	float: right;
	width: 51.794%;
	position: relative;
}
.homeyylytopright {
	width: 100%;
	position: relative;
}
.homeyylytoprightitem {
	position: absolute;
	opacity: 0;
	width: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	transition: .25s all;
	border-radius: .1rem;
	overflow: hidden;
}
.homeyylytoprightitemxz {
	opacity: 1;
	visibility: visible;
	position: relative;
}
.homeyylytoprightitem img {
	width: 100%;
}
.homeyylytoprightico {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 4.46%;
}
.homeyylytoprightico img {
	width: 100%;
}
.homeyylybottom {
	width: 100%;
	overflow: hidden;
	margin-top: 0.8rem;
}
.homeyylybottomitem {
	width: calc((100% - 1.65rem) / 7);
	
	float: left;
	margin-left: 0.36rem;
	position: relative;
	border-radius: .09rem;
	border: 1px solid rgba(255, 255, 255, .4);
}

.homeyylybottomitemxz {
	background: url(../img/yybottombg.png) center/cover no-repeat;
	border: 1px solid rgba(255, 255, 255, 0);
}
.homeyylybottomitem a {
	display: block;
	width: 100%;
	padding-top: 67%;
}
.homeyylybottomitem:first-child {
	margin-left: 0;
}
.homeyylybottomitemico {
	width: 0.3rem;
	position: absolute;
	right: 0.2rem;
	top: 0.18rem;
}
.homeyylybottomitemico img {
	width: 100%;
}
.homeyylybottomitemtext {
	position: absolute;
	left: 0.15rem;
	bottom: 0.18rem;
}
.homeyylybottomitemtextnum {
	font-family: "GOTHAM";
	color: #ffffff;
	font-size: .16rem;
	line-height: 1;
}
.homeyylybottomitemtexttitle {
	color: #ffffff;
	font-size: .18rem;
	line-height: 1;
	margin-top: 0.1rem;
}
.homeyylybottomitemxz .homeyylybottomitemtexttitle {
	font-weight: bold;
}



.homeaboutbox {
	width: 100%;
}
.homeabout {
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 0.9rem;
	padding-bottom: 1.5rem;
}
.homeabouttop {
	width: 100%;
}
.homeabouttoptitle {
	color: #1b1b1b;
	font-size: .46rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.homeabouttopline {
	width: 0.72rem;
	height: 0.04rem;
	background: #0b45ca;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.3rem;
}
.homeaboutcontent {
	width: 100%;
	margin-top: 0.6rem;
}
.homeaboutcontentleft {
	width: calc(50% - .1rem);
	float: left;
	position: relative;
	border-radius: .1rem;
	overflow: hidden;
}
.homeaboutcontentleftimg {
	width: 100%;
}
.homeaboutcontentleftimg img {
	width: 100%;
	transition: .25s all;
}
.homeaboutcontentleftbottom {
	width: 100%;
	padding-left: 0.45rem;
	padding-right: 0.45rem;
	left: 0;
	bottom: .4rem;
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.homeaboutcontentleftbottomleft {

}
.homeaboutcontentleftbottomlefttitle {
	color: #ffffff;
	font-size: .32rem;
	line-height: 1;
}
.homeaboutcontentleftbottomleftdesc {
	color: #ffffff;
	font-size: .18rem;
	line-height: .25rem;
	margin-top: 0.18rem;
}
.homeaboutcontentleftbottomright {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: .1rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #0b45ca;
}
.homeaboutcontentleftbottomright img {
	width: .08rem;
}
.homeaboutcontentleft:hover .homeaboutcontentleftimg img {
	transform: scale(1.1);
}

.homeaboutcontentright {
	width: calc(50% - .1rem);
	float: right;
	position: relative;
	overflow: hidden;
}
.homeaboutcontentrighttop {
	width: 100%;
	border-radius: .1rem;
	overflow: hidden;
	position: relative;
}
.homeaboutcontentrighttop img {
	width: 100%;
}
.homeaboutcontentrighttoptext {
	position: absolute;
	left: .4rem;
	top: .3rem;
}
.homeaboutcontentrighttoptexttitle {
	color: #000000;
	font-size: .24rem;
	font-weight: bold;
}
.homeaboutcontentrighttoptextdesc {
	color: #000000;
	font-size: .18rem;
	line-height: 0.25rem;
	opacity: 0.7;
	margin-top: 0.13rem;
}
.homeaboutcontentrighttopico {
	width: 0.48rem;
	position: absolute;
	left: 0.38rem;
	bottom: 0.4rem;
}
.homeaboutcontentrighttopico img {
	width: 100%;
}
.homeaboutcontentrighttopimg {
	width: 100%;
}
.homeaboutcontentrighttopimg img {
	width: 100%;
	transition: .25s all;
}
.homeaboutcontentrighttop:hover .homeaboutcontentrighttopimg img {
	transform: scale(1.1);
}
.homeaboutcontentrightbottom {
	width: 100%;
	margin-top: 0.2rem;
	position: relative;
}
.homeaboutcontentrightbottomitem {
	width: calc((100% - .2rem) / 2);
	float: left;
	margin-left: .2rem;
	background: #eff0f4;
	border-radius: .1rem;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	transition: .25s all;
}
.homeaboutcontentrightbottomitem:nth-child(2) {
	margin-left: 0;
}
.homeaboutcontentrightbottomitem a {
	display: block;
	width: 100%;
	height: 100%;
}
.homeaboutcontentrightbottomitem2 {
	left: auto;
	right: 0;
}
.homeaboutcontentrightbottomitemtop {
	position: absolute;
	top: 0.28rem;
	left: 0.36rem;
}
.homeaboutcontentrightbottomitemtoptitle {
	color: #474747;
	font-size: .24rem;
	font-weight: bold;
	transition: .25s all;
}
.homeaboutcontentrightbottomitemtopdesc {
	color: #535353;
	font-size: .18rem;
	line-height: 0.24rem;
	margin-top: 0.04rem;
	transition: .25s all;
}
.homeaboutcontentrightbottom .homeaboutcontentrighttopimg {
	opacity: 0;
}
.homeaboutcontentrightbottomitembottomico {
	width: 0.5rem;
	position: absolute;
	right: 0.42rem;
	bottom: 0.45rem;
}
.homeaboutcontentrightbottomitembottomico img {
	transition: .25s all;
}

.homeaboutcontentrightbottomitemxz {
	background: #0b45ca;
}
.homeaboutcontentrightbottomitemxz .homeaboutcontentrightbottomitemtoptitle {
	color: #fff;
}
.homeaboutcontentrightbottomitemxz .homeaboutcontentrightbottomitemtopdesc {
	color: #fff;
}
.homeaboutcontentrightbottomitemxz .homeaboutcontentrightbottomitembottomico img {
	filter: grayscale(100%) brightness(1000%);
}


.homenewsbox {
	width: 100%;
	background: #f7f7f8;
}
.homenews {
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 1.2rem;
	padding-bottom: 1.8rem;
}
.homenewstop {
	width: 100%;
	overflow: hidden;
}
.homenewstopleft {
	float: left;
}
.homenewstoplefttitle {
	color: #1b1b1b;
	font-size: .46rem;
	font-weight: bold;
	line-height: 1;
}
.homenewstopleftline {
	width: 0.72rem;
	height: 0.04rem;
	background: #0b45ca;
	margin-top: 0.32rem;
}
.homenewstopright {
	float: right;
	border-bottom: 1px solid #5b5b5b;
	padding-bottom: 0.04rem;
	margin-top: 0.35rem;
}
.homenewstopright a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.homenewstoprighttext {
	color: #5b5b5b;
	font-size: .18rem;
	line-height: 1;
}
.homenewstoprightico {
	width: 0.11rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.09rem;
}
.homenewstoprightico img {
	width: 100%;
}
.homenewscontent {
	width: 100%;
	margin-top: 0.95rem;
}
.homenewscontentitem {
	width: calc((100% - 1.5rem) / 3);
	float: left;
	margin-left: 0.75rem;
	border-bottom: 1px solid #d5d5d5;
	margin-top: 0.95rem;
	transition: .25s all;
}
.homenewscontentitem:nth-child(1) {
	margin-top: 0;
}
.homenewscontentitem:nth-child(2) {
	margin-top: 0;
}
.homenewscontentitem:nth-child(3) {
	margin-top: 0;
}
.homenewscontentitem:nth-child(3n-2) {
	margin-left: 0;
}
.homenewscontentitem a {
	padding-bottom: 0.32rem;
	display: block;
}
.homenewscontentitemtime {
	font-family: "GOTHAM";
	color: #4e4e4e;
	font-size: .24rem;
	line-height: 1;
	transition: .25s all;
}
.homenewscontentitemtitle {
	color: #4e4e4e;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.35rem;
	height: 0.35rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.17rem;
	transition: .25s all;
}
.homenewscontentitemdesc {
	color: #848484;
	font-size: .18rem;
	line-height: 0.34rem;
	height: 0.68rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 0.15rem;
}
.homenewscontentitem:hover .homenewscontentitemtime{
	color: #0b45ca;
}
.homenewscontentitem:hover .homenewscontentitemtitle{
	color: #0b45ca;
}
.homenewscontentitem:hover {
	border-color: #0b45ca;
}





.inneraboutbox {
	width: 100%;
}
.innerabout {
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.65rem;
	padding-bottom: 1.15rem;
}
.innerabouttitle {
	color: #434343;
	font-size: .46rem;
	font-weight: bold;
	line-height: 1;
}
.inneraboutline {
	width: 0.67rem;
	height: 0.05rem;
	background: #0b45ca;
	margin-top: 0.37rem;
}
.inneraboutcontent {
	color: #6e6e6e;
	font-size: .16rem;
	line-height: 0.34rem;
	margin-top: 0.37rem;
}


.inneraboutbottom {
	width: 100%;
	position: relative;
	margin-top: 0.6rem;
}
.inneraboutbottomtp {
	width: 100%;
}
.inneraboutbottomtp img {
	width: 100%;
}
.inneraboutbottomtop {
	width: 6.1rem;
	position: absolute;
	right: 0.85rem;
	top: 0.8rem;
	text-align: right;

}
.inneraboutbottomtopitem {

}
.inneraboutbottomtopitemcontenttitle {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.inneraboutbottomtopitemcontenttitleico {
	width: 0.45rem;
}
.inneraboutbottomtopitemcontenttitleico img {
	width: 100%;
}
.inneraboutbottomtopitemcontenttitletext {
	color: #ffffff;
	font-size: .32rem;
	font-weight: bold;
	margin-left: 0.15rem;
}
.inneraboutbottomtopitemcontentline {
	width: 0.41rem;
	height: 0.04rem;
	background: #0b45ca;
	margin-left: auto;
	margin-top: 0.2rem;
}
.inneraboutbottomtopitemcontentdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.36rem;
	margin-top: 0.18rem;
}

.inneraboutarrow {
	position: absolute;
	display: flex;
	right: 0.86rem;
	bottom: 0.93rem;
}
.inneraboutarrowleft {
	width: 0.82rem;
	height: 0.82rem;
	border: 1px solid #fff;
	opacity: 0.68;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .25s all;
	cursor: pointer;
}
.inneraboutarrowleft img {
	width: 0.08rem;
}
.inneraboutarrowleft:hover {
	background: #0b45ca;
	opacity: 1;
	border-color: #0b45ca;
}
.inneraboutarrowright {
	width: 0.82rem;
	height: 0.82rem;
	border: 1px solid #fff;
	opacity: 0.68;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.3rem;
	transition: .25s all;
	cursor: pointer;
}
.inneraboutarrowright img {
	width: 0.08rem;
	transform-origin: center;
	transform: rotate(180deg);
}
.inneraboutarrowright:hover {
	background: #0b45ca;
	opacity: 1;
	border-color: #0b45ca;
}

.inneraboutbottombottom {
	position: absolute;
	left: .8rem;
	bottom: .8rem;
	width: 5.1rem;
}


.inneraboutbottombottomitem {
	width: 100%;
	padding-top: 60%;
	position: relative;
	border-radius: .09rem;
	border: 1px solid rgba(255, 255, 255, .4);
}
.inneraboutbottombottomitemnum {
	font-family: "GOTHAM";
	color: #ffffff;
	font-size: .16rem;
	line-height: 1;
	position: absolute;
	top: 0.15rem;
	left: 0.15rem;
}
.inneraboutbottombottomitemtext {
	color: #ffffff;
	font-size: .16rem;
	line-height: 1;
	position: absolute;
	bottom: 0.15rem;
	left: 0.15rem;
}
.inneraboutbottombottom .swiper-slide-thumb-active .inneraboutbottombottomitem {
	background: url(../img/yybottombg.png) center / cover no-repeat;
	border: 1px solid rgba(255, 255, 255, 0);
}
.inneraboutbottombottom .swiper-slide {
	width: calc((100% - 50px) / 3);
	margin-top: 25px;
}
.inneraboutbottombottom .swiper-slide:nth-child(1) {
	margin-top: 0;
}
.inneraboutbottombottom .swiper-slide:nth-child(2) {
	margin-top: 0;
}
.inneraboutbottombottom .swiper-slide:nth-child(3) {
	margin-top: 0;
}
.inneraboutbottombottom .swiper-slide:nth-child(3n-2) {
	margin-left: 0;
}
.inneraboutbottombottom .swiper-slide:nth-child(3n) {
	margin-right: 0!important;
}
.inneraboutbottombottom .swiper-wrapper {
	flex-wrap: wrap;
}




.innerhonerbox {
	width: 100%;
	background: #f8f8f8;
}
.innerhoner {
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.82rem;
	padding-bottom: 1.7rem;
}
.innerhonertitle {
	width: 100%;
}
.innerhonertitletext {
	text-align: center;
	line-height: 1;
	color: #434343;
	font-size: .46rem;
	font-weight: bold;
}
.innerhonertitleline {
	width: 0.67rem;
	height: 0.04rem;
	background: #0b45ca;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.37rem;
}
.innerhonercontent {
	width: 100%;
	overflow: hidden;
	margin-top: 0.46rem;
}
.innerhonercontentitem {
	width: calc((100% - 2.64rem) / 3);
	margin-left: 1.32rem;
	float: left;
	margin-top: 1.28rem;
	padding: .14rem;
	background: #98513b;
}
.innerhonercontentitem img {
	width: 100%;
}
.innerhonercontentitem:nth-child(1) {
	margin-top: 0;
}
.innerhonercontentitem:nth-child(2) {
	margin-top: 0;
}
.innerhonercontentitem:nth-child(3) {
	margin-top: 0;
}
.innerhonercontentitem:nth-child(3n-2) {
	margin-left: 0;
}


.innernewsbox {
	width: 100%;
}
.innernews {
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.2rem;
}
.innernewscontent {
	width: 100%;
	overflow: hidden;
	margin-top: 0.95rem;
}
.innernewscontentitem {
	width: calc((100% - 1.3rem) / 3);
	margin-left: 0.65rem;
	float: left;
	margin-top: 1.18rem;
	border-bottom: 1px solid #e8e8e8;
	transition: .25s all;
}
.innernewscontentitem a {
	display: block;
	padding-bottom: 0.22rem;
}
.innernewscontentitem:nth-child(1) {
	margin-top: 0;
}
.innernewscontentitem:nth-child(2) {
	margin-top: 0;
}
.innernewscontentitem:nth-child(3) {
	margin-top: 0;
}
.innernewscontentitem:nth-child(3n-2) {
	margin-left: 0;
}
.innernewscontentitempic {
	width: 100%;
	position: relative;
}
.innernewscontentitempic img {
	width: 100%;
}
.innernewscontentitemtext {
	width: 100%;
	padding-left: 0.18rem;
	padding-right: 0.18rem;
	padding-top: 0.2rem;
	position: relative;
}
.innernewscontentitemtitle {
	color: #6f6f6f;
	font-size: .18rem;
	line-height: 0.34rem;
	height: 0.67rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	transition: .25s all;
}
.innernewscontentitemtime {
	color: #6a8ad9;
	font-size: .22rem;
	line-height: 1;
	margin-top: 0.6rem;
	transition: .25s all;
	font-family: "HELVETICALT33THINEXTENDED";
}
.innernewscontentitemmore {
	width: 0.35rem;
	position: absolute;
	bottom: 0.08rem;
	left: .2rem;
	opacity: 0;
	transition: .25s all;
	visibility: hidden;
}
.innernewscontentitemmore img {
	width: 100%;
}
.innernewscontentitem:hover {
	background: #004098;
}
.innernewscontentitem:hover .innernewscontentitemtitle {
	color: #fff;
}
.innernewscontentitem:hover .innernewscontentitemtime {
	opacity: 0;
}
.innernewscontentitem:hover .innernewscontentitemmore {
	opacity: 1;
	visibility: inherit;
}



/* 产品展示结束 */

.fanye .pagination {
	margin-top: 1.2rem;
	
}
.fanye a {
	float: left;
	margin-left: 3.5px;
	margin-right: 3.5px;
	display: block;
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	text-align: center;
	font-family: "Arial";
	line-height: 0.72rem;
	font-size: .2rem;
	color: #9b9b9b;
}
.fanye p {
	float: left;
	line-height: 0.72rem;
}
.fanye .syy {
	color: #565555;
	margin-right: 53.5px;
	width: auto;
	font-size: .2rem;
	display: inline-block;
}
.fanye .xyy {
	color: #565555;
	margin-left: 53.5px;
	width: auto;
	display: inline-block;
	font-size: .2rem;
}
.fanye .cur {
	background: #ea2a28;
	color: #fff;
}
.fanye .pagination {
	overflow: hidden;
	display: table;
	margin-left: auto;
	margin-right: auto;
}


/* 案例开始 */




.contactbox {
	width: 100%;
	position: relative;
}
.contactmap {
	width: 100%;
}
.contactmap img {
	width: 100%;
}
.contactcontent {
	/* position: absolute; */
	/* left: calc(100% / 12 * 1.5); */
	/* top: 50%; */
	/* transform: translateY(-50%); */
	/* width: 4rem; */
	background: #fff;
	/* box-shadow: 15px 15px 15px 1.35px rgba(0, 0, 0, 0.04); */
	/* padding-left: 0.23rem; */
	/* padding-right: 0.23rem; */
	display: flex;
	justify-content: space-between;
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
}
.contactcontentitem {
	width: 4rem;
	padding-bottom: 0.6rem;
	/* border-bottom: 1px solid #e5e5e5; */
	padding-top: 0.71rem;
	box-shadow: 0px 0px 25px 1.35px rgba(0, 0, 0, 0.15);
}
.contactcontentitempic {
	width: 0.81rem;
	margin-left: auto;
	margin-right: auto;
}
.contactcontentitempic img {
	width: 100%;
}
.contactcontentitemtext {
	font-family: "GOTHAM";
	font-weight: bold;
	color: #626262;
	font-size: .3rem;
	text-align: center;
	line-height: 1;
	margin-top: 0.5rem;
}
.contactcontentitemtwo {
	width: 4rem;
	padding-top: 0.73rem;
	padding-bottom: 0.6rem;
	box-shadow: 0px 0px 25px 1.35px rgba(0, 0, 0, 0.15);
}
.contactcontentitemtwopic {
	width: 0.81rem;
	margin-left: auto;
	margin-right: auto;
}
.contactcontentitemtwopic img {
	width: 100%;
}
.contactcontentitemtwotext {
	color: #626262;
	font-size: .18rem;
	line-height: 0.25rem;
	margin-top: 0.54rem;
	text-align: center;
}




.cuestbottom {
	width: 100%;
	margin-top: 0.46rem;
}
.cuestbottomtop {
	width: 100%;
	overflow: hidden;
}
.cuestbottomtopitem {
	width: calc((100% - .64rem) / 3);
	margin-left: 0.32rem;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
	float: left;
}
.cuestbottomtopitem input {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
	width: 100%;
	height: 100%;
}
.cuestbottomtopitem input::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
}
input{ outline: none; }
.cuestbottomtop .cuestbottomtopitem:first-child {
	margin-left: 0;
}
.cuestbottomcenter {
	width: 100%;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
	margin-top: 0.45rem;
}
.cuestbottomcenter textarea {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.76rem;
	width: 100%;
	max-height: 100%;
}
.cuestbottomcenter textarea::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.76rem;
}
textarea{ outline: none; }
.cuestbottombottom {
	margin-top: 0.45rem;
	overflow: hidden;
}
.cuestbottombottomleft {
	float: left;
}
.cuestbottombottomleftcaptcha {
	float: left;
	width: 2.8rem;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
}
.cuestbottombottomleftcaptcha input {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
	width: 100%;
	height: 100%;
}
.cuestbottombottomleftcaptcha input::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
}
.cuestbottombottomleftcaptchapic {
	height: 0.78rem;
	float: left;
	margin-left: 0.2rem;
	width: 1.8rem;
}
.cuestbottombottomleftcaptchapic img {
	width: 100%;
	height: 100%;
}
.cuestbottombottomright {
	float: right;
	width: 2.4rem;
	height: 0.78rem;
	background: #e43329;
}
.cuestbottombottomright a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0.78rem;
	color: #ffffff;
	font-size: .18rem;
	text-align: center;
}

.wylybottombox {
	width: 100%;
}
.wylybottom {
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.05rem;
	padding-bottom: 1.35rem;
}
.wylytitlebox {

}
.wylytitle {
	color: #434343;
	font-size: .46rem;
	font-weight: bold;
	line-height: 1;
}
.wylyline {
	width: 0.67rem;
	height: 0.04rem;
	background: #0b45ca;
	margin-top: 0.39rem;
}
.innercasetoptitle2 {
	font-size: .3rem;
	line-height: 0.45rem;
}