/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

html {
	font-size: 16px;
	/*10 ÷ 16 × 100% = 62.5%*/
}
@font-face
{
	font-family: "Poppins";
	src:url('../font/Poppins-Regular_0.ttf');
}
@font-face
{
	font-family: "Poppins_Medium";
	src:url('../font/Poppins-Medium_0.ttf');
}
@font-face
{
	font-family: "Poppins_Bold";
	src:url('../font/Poppins-Bold_0.ttf');
}
@font-face
{
	font-family: "Poppins_SemiBold";
	src:url('../font/Poppins-SemiBold_0.ttf');
}
@font-face
{
	font-family: "Montserrat_SemiBold";
	src:url('../font/Montserrat-SemiBold.ttf');
}
@font-face
{
	font-family: "Montserrat_Light";
	src:url('../font/Montserrat-Light_0.ttf');
}
@font-face
{
	font-family: "Montserrat_Bold";
	src:url('../font/Montserrat-Bold_0.otf');
}
@font-face
{
	font-family: "Roboto_Medium";
	src:url('../font/Roboto-Medium-12.ttf');
}
@font-face
{
	font-family: "Roboto";
	src:url('../font/Roboto-Regular-14.ttf');
}

body {
	font-family: "Roboto";
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

ul,
li {
	list-style: none;
}

a {
	color: #000;
	text-decoration: none;
}

img {
	border: none;
}

i,
em {
	font-style: normal;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.clear {
	clear: both;
}

.auto {
	width: 1200px;
	margin: 0 auto;
}

.clearfloat:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.clearfloat {
	zoom: 1
}

.htmleaf-container {
	display: none;
}

.header-navigation {
	top: 30;
	width: 100%;
	text-align: center;
	z-index: 9999;
}

.heads {
	position: fixed;
	height: 130px;
	width: 100%;
	transition: all .5s;
	top: 0px;
	left: 0rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background-color: #ffffff;
}

.slideUp {
	/* -webkit-transform:translateY(-100px);
	transform:translateY(-100px);
	*/
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	/*transition:transform .5s ease-out;
	*/
	-webkit-transition: transform .5s ease-out;
	-o-transition: transform .5s ease-out;
	transition: transform .5s ease-out;
	transition: all .5s;
}

.slideDown {
	/*-webkit-transform:translateY(0);
	transform:translateY(0);
	*/
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	/*transition:transform .5s ease-out;
	*/
	-webkit-transition: transform .5s ease-out;
	-o-transition: transform .5s ease-out;
	transition: transform .5s ease-out;
	transition: all .5s;

}
.hdv{
	height: 130px;
}
.headdv {
	margin: 0 auto;
	height: 90px;
	display: flex;
	justify-content: space-between;
	transition: all .5s;
	width: 97.5rem;
}
.headdvleft{
	height: 100%;
}
.headdvleft img {
	display: block;
	height: 100%;
}
.headdvright {
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headdvright ul {
	width: 85%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headdvright ul li {
	line-height: 90px;
	transition: all .3s;
}

.headdvright ul li a {
	display: block;
	position: relative;
	text-transform: inherit;
}

.headdvright ul li a span {
	font-size: 18px;
	color: #033262;
}

.headdvright ul li a::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: -1px;
	left: 0;
	transition: all 1s;
	background-color: transparent;
}
.headdvright ul li:hover a span {
	
}
.headdvright ul li:hover a::after {
	background-color: #273a60;
}
.headdvright .ss{
	display: flex;
	justify-content: center;
	align-items: center;
}
.headdvright .ss iconpark-icon{
	color: #273a60;
	font-size: 20px;
}
.headdvright .uyy iconpark-icon{
	color: #273a60;
	font-size: 20px;
}
.banners img{
	display: block;
	width: 100%;
}
.headtop{
	background-color: #033262;
	height: 40px;
}
.headtopdv{
	width: 97.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
}
.headtopdvleft{
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
}
.headtopdvright{
	color: #ffffff;
	font-size: 12px;
}
.headtopdvright a{
	color: #ffffff;
}
.ss iconpark-icon {
	color: #273a60;
}
.sychall{
	padding: 5.9375rem 0px;
	background-color: #f7f7f7;
}
.sychallbt h1{
	text-align: center;
	color: #404040;
	font-size: 38px;
	font-family: "Roboto_Medium";
}
.sychallbt p{
	color: #666666;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}
.sychallbt{
	margin-bottom: 65px;
}
.sychalldv{
	width: 97.5rem;
	margin: 0 auto;
}
#gallery .swiper-slide{
	font-family: "Roboto" !important;
}
.sychalldv2{
	height:500px;
}
.sychalldv2 .swiper-slide{
	height:250px;
}
.sychalldv2 .swiper-slide div{
	border: 1px solid #f2f2f2;
	width: calc(100% - 101px);
	height: calc(100% - 92px);
	padding: 45px 50px;
	transition: all 1s;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sychalldv2 .swiper-slide div a{
	display: block;
}
.sychalldv2 .swiper-slide div h1{
	color: #404040;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	width: 80%;
	transition: all 1s; 
	margin: 0 auto;	
	margin-bottom: 2.1875rem;
}
.sychalldv2 .swiper-slide div:hover{
	box-shadow: 0px 0px 20px #d5d5d5;
	position: relative;
	z-index: 4;
}
.sychalldv2 .swiper-slide div h2{
	width: 7.5rem;
	height: 41px;
	padding: 0 35px;
	margin: 0 auto;
	border: 2px solid #9dadc8;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 1s; 
}
.sychalldv2 .swiper-slide div h2 span{
	color: #2e508b;
	transition: all 1s;
	font-size: 14PX;
}
.sychalldv2 .swiper-slide div h2 iconpark-icon{
	font-size: 20px;
	color: #2e508b;
	transition: all 1s;
}
.sychalldv2 .swiper-slide div:hover h1{
	color: #033262;
	font-size: 20px;
}
.sychalldv2 .swiper-slide div:hover h2{
	border: 2px solid #a01512;
	background-color: #a01512;
}
.sychalldv2 .swiper-slide div:hover h2 span{
	color: #fff;
}
.sychalldv2 .swiper-slide div:hover h2 iconpark-icon{
	color: #fff;
}
.sychallop{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px;
}
.sychalldv2 {
	padding-bottom: 120px;
}
.sychalldv2 .sychallop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sychalldv2 .sychallop .swiper-pagination{
	position: inherit;
	width: 90%;
}
.sychalldv2 .sychallop .swiper-button-next,.sychalldv2 .sychallop .swiper-button-prev{
	position: inherit;
	width: 50px;
	height: 50px;
	margin: 0;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: #ffffff;
	opacity: 1;
	transition: all 1s;
}
.sychalldv2 .sychallop .swiper-button-next:after,.sychalldv2 .sychallop .swiper-button-prev:after{
	color: #033262;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	transition: all 1s;
}
.sychalldv2 .sychallop .swiper-button-next:hover,.sychalldv2 .sychallop .swiper-button-prev:hover{
	background-color: #033262;
}
.sychalldv2 .sychallop .swiper-button-next:hover:after,.sychalldv2 .sychallop .swiper-button-prev:hover:after{
	color: #fff;
}
.sychalldv2 .sychallop .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background-color: #033262;
}
.sychalldv2 .sychallop .swiper-pagination{
	background-color: #dedede;
}

.sywhat{
	padding-top: 5.625rem;
	background: url(../images/eg_02.jpg) center bottom no-repeat;
}
.sywhatbt{
	text-align: center;
	color: #404040;
	font-size: 36px;
	font-family: "Roboto_Medium";
	margin-bottom: 3.75rem;
}
.sywhatlist{
	width: 97.5rem;
	margin: 0 auto;
}
.sywhatlist ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sywhatlist ul  li{
	width: 30%;
	margin-bottom: 1.875rem;
}
	
.sywhatlist ul  li img{
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
	
.sywhatlist ul  li h1{
	color: #333333;
	font-size: 20px;
	margin-bottom: 0.625rem;
	text-align: center;c
}
.sywhatlist ul  li p{
	color: #808080;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
}
.sywhatbt2{
	margin-top: 4.0625rem;
}
.sylogw{
	width: 97.5rem;
	margin: 0 auto;
	padding-bottom: 60px;
}
.sylogw ul{
	display: flex;
	justify-content: space-between;
}
.sylogw ul li{
	position: relative;
}
.sylogw ul li img{
	display: block;
	opacity: 1;
	transition: all 1s;
}
.sylogw ul li img:last-child{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.sylogwss  .swiper-wrapper{
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.sylogw ul li:hover {
	display: block;
	opacity: 0;
}
.sylogw ul li:hover img:last-child{
	opacity: 1;
}
.syabout{
	padding: 11.875rem 0px;
	padding-bottom: 8.4375rem;
	background: url(../images/gywmbg_02.jpg) center no-repeat;
	background-size: cover;
}
.syaboutdv{
	width: 97.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
.syaboutdvleft{
	width: 50%;
}
.syaboutdvright{
	width: 50%;
}
.syaboutdvleft h1{
	color: #404040;
	font-size: 36px;
	font-family: "Roboto_Medium";
	color: #fff;
	margin-bottom: 3.125rem;
}
.syaboutdvleft p{
	color: #ffffff;
	font-size: 16px;
	line-height: 35px;
}
.syaboutdvleft a{
	width: 7.5rem;
    height: 48px;
    padding: 0 35px;
	background-color: #a01512;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 1s;
	margin-top: 3.125rem;
}
.syaboutdvleft a span{
	color: #fff;
	transition: all 1s;
	font-size: 14PX;
}
.syaboutdvleft a iconpark-icon{
	color: #fff;
	font-size: 20px;
}
.syaboutdvright{
	display: flex;
	justify-content: center;
	align-items: center;
}
.syservebt h1{
	color: #404040;
	font-size: 36px;
	font-family: 'Roboto_Medium';
	text-align: center;
	margin-bottom: 1.25rem;
}
.syserve{
	padding: 95px 0px;
	width: 100%;
	margin: 0 auto;
	background-color: #f4f4f4;
}
.syservebt p{
	color: #808080;
	font-size: 18px;
	text-align: center;
}
.syservebt{
	margin-bottom: 3.75rem;
}
.syservedv{
	width: 97.5rem;
	margin: 0 auto;
}
.syservedv ul{
	display: flex;
	justify-content: space-between;
}
.syservedv ul li{
	width: 32%;
}
.syservedv ul li div{
	display: block;
	width: 100%;
	overflow: hidden;
}
.syservedv ul li div img{
	width: 100%;
	display: block;
	transition: all 1s;
}
.syservedv ul li div video{
	display: block;
	width: 100%;
	transition: all 1s;
}
.syservedv ul li:hover div img{
	transform: scale(1.05);
}
.syservedv ul li h2{
	color: #404040;
	font-size: 20px;
	font-family: "Roboto_Roboto";
	background-color: #ffffff;
	text-align: center;
	line-height: 100px;
	height: 100px;
	transition: all 1s;
}
.syservedv ul li:hover h2{
	color: #fff;
	background-color: #033262;
}
.syservedv h5{
	text-align: center;
	color: #808080;
	font-size: 18px;
	margin-top: 3.125rem;
	margin-bottom: 2.8125rem;
}
.syservedv .sage{
	width: 7.5rem;
	margin: 0 auto;
    height: 48px;
    padding: 0 35px;
	background-color: #a01512;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 1s;
	margin-top: 3.125rem;
}
.syservedv .sage span{
	color: #fff;
	transition: all 1s;
	font-size: 14PX;
}
.syservedv .sage iconpark-icon{
	color: #fff;
	font-size: 20px;
}
.syspin{
	padding-top: 5.625rem;
	padding-bottom: 3.125rem;
	background: url(../images/spi_02.jpg) center no-repeat;
	background-size: cover;
}
.syspinbt{
	text-align: center;
	color: #404040;
	font-size: 36px;
	font-family: "Roboto_Medium";
	margin-bottom: 60px;
}
.syspindv{
	width: 97.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.syspindvleft{
	width: 50%;
}
.syspindvleft img{
	display: block;
	width: 100%;
}
.syspindvleft video{
	display: block;
	width: 100%;
}
.syspindvright{
	width: 47%;
}
.syspindvright H1{
	color: #404040;
	font-size: 24px;
	margin-bottom: 1.5625rem;
}
.syspindvright p{
	line-height: 40px;
	color: #808080;
	font-size: 16px;
}
.syspindvright a{
	margin-top: 3.75rem;
}
.syspindvright a{
	width: 7.5rem;
    height: 48px;
    padding: 0 35px;
	background-color: #a01512;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 1s;
	margin-top: 3.125rem;
}
.syspindvright a span{
	color: #fff;
	transition: all 1s;
	font-size: 14PX;
}
.syspindvright a iconpark-icon{
	color: #fff;
	font-size: 20px;
}
.syspinlist{
	width: 97.5rem;
	margin: 0 auto;
	margin-top: 3.125rem;
}
.syspinlist .swiper-slide img{
	display: block;
	width: 100%;
}
.syspinlist .swiper-pagination{
	position: initial;
	margin-top: 2.8125rem;
}
.syspinlist .swiper-pagination-bullet-active{
	background-color: #033262;
}
.synews{
	background: url(../images/newsbg_02.jpg) center no-repeat;
	background-size: cover;
}
.synews .syservedv .sage{
	width: 11.5rem;
}
.syservedv .sage span{
	text-transform: uppercase;
}
.syservedv dl{
	display: flex;
	justify-content: space-between;
}
.syservedv dl dd{
	width: 24%;
}
.syservedv dl dd div{
	overflow: hidden;
	width: 100%;
}
.syservedv dl dd div img{
	display: block;
	width: 100%;
	transition: all 1s;
}
.syservedv dl dd section{
	padding: 30px;
	background-color: #fff;
	box-shadow: 0px 0px 15px #d9d5d5;
	
}
.syservedv dl dd section h1{
	overflow:hidden;
	height: 60px;
	text-overflow:ellipsis;
	line-height: 30px;
	display:-webkit-box;
	
	-webkit-box-orient:vertical;
	
	-webkit-line-clamp:2;
	color: #404040;
	font-size: 18px;
}
.syservedv dl dd section p{
	margin-top: 5px;
	line-height: 30px;
	height: 60px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color: #808080;
	font-size: 14px;
}
.syservedv dl dd section h3{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.syservedv dl dd section h3 span{
	color: #033262;
	font-size: 14px;
}
.syservedv dl dd section h3 iconpark-icon{
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #273a60;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	color: #033262;
	transition: all 1s;
}
.syservedv dl dd:hover div img{
	transform: scale(1.05);
}
.syservedv dl dd:hover section h3 iconpark-icon{
	background-color: #033262;
	color: #fff;
}
.any{
	padding: 80px 0;
	background: url(../images/layw_02.jpg) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.anydv{
	width: 97.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.anydv h1{
	color: #273a60;
	font-size: 24px;
}
.anydv form{
	display: flex;
	justify-content: space-between;
	width: 65%;
}
.anydv form input{
	width: 18%;
	border: none;
	background-color:transparent;
	padding: 0 2%;
	height: 50px;
	outline: none;
	color: #333;
	background-color: #fff;
	font-size: 14px;
	border-radius: 5px;
} 
.anydv form input::placeholder{
	color: #b3b3b3;
}
.anydv form input:nth-child(3){
	width: 31%;
}
.anydv form button{
	width: 150px;
	height: 50px;
	line-height: 50px;
	background-color: #a01512;
	border: none;
	color: #fff;
	font-size: 14px;
	outline: none;
	border-radius: 5px;
	text-transform: uppercase;
}


.foot{
	padding-top: 5rem;
	background: url(../images/foot_02.jpg) center no-repeat;
	background-size: cover;
}
.footdv{
	width: 97.5rem;
	margin: 0 auto;
	margin-bottom: 2.5rem;
}
.footdvleft{
	width: 360px;
}
.footdvleft img{
	display: block;
	margin-bottom: 20px;
}
.footdvleft p{
	line-height: 30px;
	font-size: 14px;
	color: #efefef;
}
.footdvleft section{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 40px;
}
.footdvleft section img{
	margin-right: 20px;
}
.footdvright{
	width: 70%;
	display: flex;
	justify-content: space-between;
}
.footdvright dl dd a{
	color: #d6d6d6;
	font-size: 14px;
}
.footdvright dl dt a{
	color: #ffffff;
	font-size: 18px;
}
.footdvright dl dt{
	border-bottom: 1px solid #1d4772;
	line-height: 40px;
	margin-bottom: 15px;
}
.footdvright dl section{
	display: flex;
	justify-content: space-between;
}
.footdvright dl ol{
	margin-top: 30px;
	display: flex;
	justify-content: flex-start;
}
.footdvright dl ol li{
	margin-right: 15px;
}
.footdvright dl ol li a img{
	display: block;
	width: 34px;
}
.footdvright dl:nth-child(2){
	width: 580px;
}
.footdvright dl:nth-child(2) section {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.footdvright dl:nth-child(2) section section{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.footdvright dl:nth-child(2) section h1 i{
	color: #d6d6d6;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 40px;
}
.footdvright dl:nth-child(2) section h1{
	color: #d6d6d6;
	font-size: 14px;
}
.footdvright dl:nth-child(2) section h1 a{
	color: #d6d6d6;
	line-height: 25px;
}
.footdvright dl section h1 a{
	line-height: 25px;
}
.ewm{
	width: 120px;
}
.ewm img{
	display: block;
	width: 100%;
}
.ewm h1{
	text-align: center;
	color: #4c4c4c;
	font-size: 14px;
}
.footdv{
	display: flex;
	justify-content: space-between;
}
.footdvright dl dt a{
	text-transform: uppercase;
	
}
.footdvright dl dd a{
	text-transform: uppercase;
	line-height: 40px;
	display: block;
	transition: all 1s;
}
.footdvright dl:nth-child(2) section h1:last-child{
	line-height: 25px;
}
.ewm h1{
	margin-top: 15px;
	color: #d6d6d6;
}
.footdvright dl dd a:hover{
	transform: translateX(10px);
}
.wdl{
	border-top: 1px solid #1d4772;
	height: 70px;
}
.wdldv{
	width: 97.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
}
.wdldv p{
	color: #d6d6d6;
	font-size: 14px;
}
.wdldv p a{
	color: #d6d6d6;
	font-size: 14px;
}

.lxwm{
	width: 97.5rem;
	margin: 90px auto;
	margin-top: 160px;
}
.lxwmbt{
	color: #404040;
	font-size: 36px;
	font-family: "Roboto_Medium";
	line-height: 50px;
	margin-bottom: 5.625rem;
}
.lxwmdv{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lxwmdvleft{
	width: 45%;
}

.lxwmdvleft h1{
	width: 100%;
	height: 65px;
	border-bottom: 1px solid #d7d7d9;
	color: #808080;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
.lxwmdvleft>i{
	display: block;
	width: 35px;
	height: 5px;
	background-color: #a01512;
	margin-top: -3px;
	margin-bottom: 3.75rem;
}
.lxwmdvleft ul{
	display: block;
}
.lxwmdvleft ul li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	line-height: 30px;
	margin-bottom: 1.25rem;
}
.lxwmdvleft ul li iconpark-icon{
	font-size: 24px;
	color: #033262;
	margin-right: 7px;
}
.lxwmdvleft ul li i{
	font-size: 24px;
	color: #033262;
	margin-right: 7px;
}
.lxwmdvleft ul li span{
	color: #808080;
	font-size: 14px;
}
.lxwmdvright{
	padding: 45px;
	width: calc(50% - 90px);
	background-color: #f7f7f7;
}
.lxwmdvright form div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lxwmdvright form div input{
	height: 45px;
	width: calc(49% - 40px);
	padding: 0 20px;
	margin-bottom: 10px;
	background-color: #fff;
	border: none;
	color: #999999;
	font-size: 14px;
	outline: none;
}
.lxwmdvright form div input::placeholder{
	color: #999999;
	font-size: 14px;
}
.lxwmdvright form textarea{
	width: calc(100% - 40px);
	padding:0px 20px;
	border: none;
	color: #999999;
	font-size: 14px;
	outline: none;
	font-family: "Roboto";
	line-height: 45px;
	margin-bottom: 20px;
}
.lxwmdvright form textarea::placeholder{
	color: #999999;
	font-size: 14px;
	font-family: "Roboto";
}
.lxwmdvright form button{
	width: 260px;
	height: 45px;
	background-color: #a01512;
	color: #ffffff;
	line-height: 45px;
	text-align: center;
	border: none;
	font-size: 16px;
}

.shownav{
    box-shadow: 0px 8px 10px #efefef;
    position: relative;
}
.shownav ul{
	display: flex;
	justify-content: center;
	width: 100rem;
	margin: 0 auto;
	height: 75px;
}
.shownav ul li{
	
	height: 75px;
	line-height: 75px;
	text-transform: uppercase;
}
.shownav ul li a{
	display: block;
	padding: 0 15px;
	color: #4d4d4d;
	font-size: 16px;
	text-align: center;
	transition: all 1s;
}
.shownav ul li:hover a{
	background-color: #033262;
	color: #fff;
}
.shownav ul li.active a{
	background-color: #033262;
	color: #fff;
}
.oalw{
	padding-top: 5.625rem;
	padding-bottom: 4.375rem;
}
.news {
	width: 97.5rem;
	margin: 0 auto;
}
.news ul li{
	padding-bottom: 3.125rem;
	margin-bottom: 3.125rem;
	border-bottom: 1px solid #e6e6e6; 
}
.news ul li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news ul li .newsleft {
	width: 22.8125rem;
	overflow: hidden;
}
.news ul li .newsleft img{
	display: block;
	width: 100%;
	transition: all 1s;
}
.news ul li:hover .newsleft img{
	transform: scale(1.05);
}
.news ul li .newsright{
	width: 71.875rem;
}
.news ul li .newsright h1{
	white-space:nowrap;
	height: 50px;
	overflow:hidden;
	line-height: 50px;
	text-overflow:ellipsis;
	color: #333333;
	font-size: 22px;
}
.news ul li .newsright p{
	line-height: 30px;
	font-size: 15px;
	color: #999999;
	height: 60px;
	overflow:hidden;
	
	text-overflow:ellipsis;
	
	display:-webkit-box;
	
	-webkit-box-orient:vertical;
	
	-webkit-line-clamp:2; 
}
.news ul li .newsright section{
	margin-top: 3.125rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news ul li .newsright section h2{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.news ul li .newsright section h2 iconpark-icon {
	color: #a1a1a1;
	font-size: 20px;
	margin-right: 8px;
}
.news ul li .newsright section h2 i{
	color: #999999;
	font-size: 14px;
	margin-top: 3px;
}
.news ul li .newsright section h3{
	width: 120px;
	height: 50px;
	padding: 0 35px;
	border: 2px solid #a01512;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 1s;
}
.news ul li .newsright section h3 span{
	font-size: 12px;
	color: #a01512;
	transition: all 1s;
}
.news ul li .newsright section h3 iconpark-icon{
	color: #a01512;
	font-size: 20px;
	transition: all 1s;
}
.news ul li:hover .newsright section h3{
	background-color: #a01512;
}
.news ul li:hover .newsright section h3 span,.news ul li:hover .newsright section h3 iconpark-icon{
	color: #fff;
}
.oalws{
	background-color: #f7f7f7;
}
.prolist{
	width: 97.5rem;
	margin: 0 auto;
}
.prolist ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.prolist ul li{
	width: 31.33%;
	margin: 1%;
}
.prolist ul li a div{
	width: 100%;
	overflow: hidden;
}
.prolist ul li div img{
	display: block;
	width: 100%;
	transition: all 1s;
}
.prolist ul li:hover div img{
	transform: scale(1.05);
}
.prolist ul li section{
	padding: 30px 2.5rem;
	width: calc(100% - 5rem);
	background-color: #fff;
	box-shadow: 0px 0px 15px #ebeaea;
	transition: all 1s;
}
.prolist ul li section h1{
	height: 40px;
	line-height: 35px;
	white-space:nowrap;
	color: #404040;
	overflow:hidden;
	font-size: 20px;
	transition: all 1s;
	text-overflow:ellipsis;
}
.prolist ul li section p{
	height: 25px;
	overflow: hidden;
	white-space:nowrap;
	line-height: 25px;
	overflow:hidden;
	color: #808080;
	font-family: 'Poppins';
	margin-bottom: 15px;
	font-size: 14px;
	transition: all 1s;
	text-overflow:ellipsis;
}
.prolist ul li section h3{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.prolist ul li section h3 span{
	color: #a01512;
	font-size: 14px;
	transition: all 1s;
}
.prolist ul li section h3 iconpark-icon{
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	transition: all 1s;
	color: #fff;
	background-color: #a01512;
	border-radius: 50%;
	font-size: 20px;
}
.prolist ul li:hover section{
	background-color: #033262;
}
.prolist ul li:hover section h1,.prolist ul li:hover section p{
	color: #ffffff;
}
.prolist ul li:hover section h3 span{
	color: #fff;
}
.prolist ul li:hover section h3 iconpark-icon{
	background-color: #fff;
	color: #033262;
}
.showoalw{
	padding-top: 3.75rem;
}

.mbx{
	margin: 0 auto;
	width: 97.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3.75rem;
}
.mbxleft{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.mbxleft iconpark-icon{
	color: #666666;
	font-size: 20px;
}
.mbxleft a{
	color: #808080;
	font-size: 14px;
	margin: 0 0.625rem;
}
.mbxleft{
	color: #808080;
	font-size: 14px;
}
.mbxleft a:last-child{
	color: #033262;
}
.mbxright a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.mbxright a iconpark-icon{
	color: #033262;
	font-size: 20px;
	margin-right: 10px;
}
.mbxright a span{
	font-size: 14px;
	color: #033262;
}
.shownews{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 97.5rem;
	margin: 0 auto;
}
.shownewsleft{
	width: 70%;
}
.shownewsleftdv{
	background-color: #f7f7f7;
	padding: 3.125rem;
}
.shownewsleftbt h1{
	color: #333333;
	font-size: 26px;
	margin-bottom: 1rem;
}
.shownewsleftbt {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 1.5625rem;
	margin-bottom: 1.5625rem;
}
.shownewsleftbt h2{
	color: #808080;
	font-size: 14px;
}
.shonewstext img{
	max-width: 100%;
}
.fye{
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}
.fye a{
	color: #808080;
	font-size: 15px;
	transition: all 1s;
}
.fye a:hover{
	color: #033262;
}
.shownewsright{
	padding: 1.875rem;
	width: calc(28% - 3.75rem);
	background-color: #f7f7f7;
}
.shownewsright form input{
	border: 1px solid #e6e6e6;
	height: 40px;
	width: 100%;
	border: none;
	padding-left: 10px;
	outline: none;
}
.shownewsright form {
	position: relative;
	background-color: #fff;
}
.shownewsright form button{
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #5d5d5d;
	font-size: 20px;
	border: none;
	background-color: transparent;
}
.cpxqbt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.875rem;
}

.cpxqbt i {
	display: block;
	width: 4px;
	height: 20px;
	background-color: #033262;
}

.cpxqbt span {
	color: #4d4d4d;
	font-size: 18px;
	margin-left: 10px;
}
.cpxqbts{
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}
.shownewsright ul li{
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
	border-bottom: 1px solid #e5e5e5;
	transition: all 1s;
}
.shownewsright ul li:hover{
	border-bottom: 1px solid #033262;
}
.shownewsright ul li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.shownewsright ul li div{
	width: 35%;
}
.shownewsright ul li div img{
	display: block;
	width: 100%;
}
.shownewsright ul li section{
	width: 60%;
	margin-left: 10px;
}
.shownewsright ul li section h1{
	color: #333333;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	transition: all 1s;
	overflow:hidden;
	
	text-overflow:ellipsis;
	
	display:-webkit-box;
	
	-webkit-box-orient:vertical;
	
	-webkit-line-clamp:1; 
}
.shownewsright ul li:hover section h1{
	color: #033262;
}
.shownewsright ul li section p{
	color: #808080;
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	overflow:hidden;
	
	text-overflow:ellipsis;
	
	display:-webkit-box;
	
	-webkit-box-orient:vertical;
	
	-webkit-line-clamp:2;
}
.shownewsright ul li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}
.shipin{
	width: 97.5rem;
	margin: 0 auto;
}
.shipin .syservedv ul{
	flex-wrap: wrap;
	justify-content: flex-start;
}
.shipin .syservedv ul li {
    width: 31.33%;
	margin: 1%;
}
.shipin .syservedv ul li h2{
	height: 80px;
	line-height: 80px;
}
.sever{
	padding-top: 6.25rem;
}
.severbt{
	margin-bottom: 3.75rem;
}
.severbt h1{
	color: #404040;
	font-size: 36px;
	margin-bottom: 10px;
	text-align: center;
}
.severbt p{
	color: #808080;
	font-size: 18px;
	text-align: center;
}
.sever ul li{
	padding-top: 4.375rem;
	padding-bottom: 4.0625rem;
}
.sever ul li a{
	width: 97.5rem;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}
.severleft{
	width: 50%;
	overflow: hidden;
}
.severleft img{
	display: block;
	width: 100%;
	transition: all 1s;
}
.sever ul li{
	background-color: #f7f7f7;
}
.sever ul li:hover .severleft img{
	transform: scale(1.05);
}
.sever ul li .severright h1{
	display:flex;
	justify-content: flex-start;
	align-items: baseline;
	margin-bottom: 10px;
}
.sever ul li .severright h1 i{
	color: #4c4c4c;
	font-size: 48px;
	font-family: "Impact";
	margin-right: 5px;
}
.severright{
	width: calc(50% - 5rem);
	padding: 0 5rem;
	padding-right: 0;
}
.sever ul li .severright h1 span{
	color: #4d4d4d;
	font-size: 32px;
	font-family: "Roboto_Medium";
}
.sever ul li .severright p{
	color: #808080;
	line-height: 40px;
	font-size: 20px;
}
.sever ul li:nth-child(2n) a{
	flex-direction: row-reverse;
}
.sever ul li:nth-child(2n){
	background-color: #fff;
}
.sever ul li:nth-child(2n) .severright{
	padding-left: 0;
}
.geheh{
	padding: 60px 0px;
	padding-top: 0;
	background-color: #f7f7f7;
	text-align: center;
	color: #808080;
	font-size: 24px;
}


.chanpinimg {
	width: 97.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 70px;
}

.chanpinimgleft {
	width: 57.5rem;
}

.chanpinimgright {
	width: 38%;
}

.chanpinimgright h2 {
	color: #a01512;
	font-size: 16px;
	margin-bottom: 10px;
}

.chanpinimgright h1 {
	color: #033262;
	font-size: 30px;
	line-height: 50px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 1.25rem;
	padding-bottom: 15px;
}

.chanpinimgright p {
	color: #808080;
	font-size: 14px;
	line-height: 30px;
}

.chanpinimgright a {
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	background-color: #dc0c22;
	font-size: 14px;
}
.maoyileft {
	display: flex;
	justify-content: space-between;
}

.maoyileft #thumbs2 {
	    width: 9.5rem;
    height: 41.625rem;
	margin: 0;
}
.maoyileft #thumbs2 .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}


.maoyileft #thumbs2 .swiper-slide img {
	width: 100%;
	display: block;
}
.gehhttt{
	height: 44.625rem;
}
.gehhttt #btn1 iconpark-icon,.gehhttt #btn2 iconpark-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
	font-size: 28px;
	color: #033262;
}

.maoyileft #gallery2 {
	width: 44.625rem;
	margin: 0;
	height: 44.625rem;
	background-color: #f7f7f7;
}
.dqx{
	margin: 60px 0px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.maoyileft #gallery2 .swiper-slide img {
	display: block;
	width: 100%;
}
.dqx img{
	display: block;
	width: 56px;
	margin-right: 20px;
}
.dqx span{
	color:#033262;
	font-family: ;
	font-size: 42px;
	font-family: "Roboto_Medium";
}
.cennuodv{
	display: flex;
	justify-content: flex-start;
}
.cennuodv a{
	width: 180px;
	height: 50px;
	margin-right: 20px;
	text-transform: uppercase;
	border-radius: 0;
	background-color: #ffffff;
	color: #033262;
	font-size: 14px;
	transition: all 1s;
}
.cennuodv a:hover{
	color: #fff;
	background-color: #a01512;
}
.oalwsfw{
	background-color: #f7f7f7;
}
.fwgre{
	background-color: #033262;
	height: 60px;
	width: 100%;
}
.fwgredv{
	width: 97.5rem;
	margin: 0 auto;
}
.fwgredv #thumbs {
	width: 80rem;
	margin: 0;
}
.fwgredv #thumbs .swiper-slide h1{
	color: #ffffff;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	transition: all 1s;
}
.fwgredv #thumbs .swiper-slide-thumb-active h1{
	background-color : #a01512;
}
.gewhrsa{
	width: 97.5rem;
	margin: 0 auto;
	margin-top: 35px;
}
.gewhrsa p{
	height: auto;
}
.gewhrsa img{
	max-width: 100%;
}
.oalwsfw #gallery{
	margin: 35px auto;
	width: 97.5rem;
}
.fyye{
	width: 97.5rem;
	display: flex;
	margin: 0 auto;
	margin-top: 3.125rem;
	justify-content: space-between;
}
.fyye a{
	color: #333333;
	font-size: 15px;
	transition: all 1s;
}
.fyye a:hover{
	color: #033262;
}

.rlvideo{
	width: 97.5rem;
	margin: 0 auto;
}
.rlvideo .rlvideobt{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 4.375rem;
}
.rlvideo .rlvideobtleft{
	color: #333333;
	font-size: 36px;
}
.rlvideo .rlvideobtright a{
	display: flex;
	justify-content: space-between;
	width: 130px;
	padding-left: 35px;
	padding-right: 35px;
	height: 50px;
	background-color: #a01512;
	align-items: center;
}
.rlvideo .rlvideobtright a span{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}
.rlvideo .rlvideobtright a iconpark-icon{
	color: #fff;
	font-size: 20px;
}
.rlvideo .syservedv ul li div{
	position: relative;
}
.rlvideo .syservedv ul li div section{
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
}
.rlvideo .syservedv ul li div video{
	width: 100%;
	display: block;
}
.rlvideo .syservedv ul li div section img{
	width: auto;
}
.rlvideo .syservedv{
	margin-top: 3.75rem;
}
.rlvideo .syservedv ul li h2{
	color: #033262;
}
.rlvideo .syservedv ul li:hover h2{
	color: #fff;
}
.pservice{
	margin: 6.25rem auto;
	width: 97.5rem;
}
.pservicebt{
	text-align: center;
	color: #404040;
	font-size: 36px;
	font-family: "Roboto_Medium";
	margin-bottom: 3.75rem;
}
.pservicelist ul{
	display: flex;
	justify-content: space-between;
}
.pservicelist ul li{
	width: calc(24% - 3.75rem);
	background: url(../images/severbg_05.jpg) center no-repeat;
	background-size: cover;
	padding: 0 1.875rem;
	padding-top: 5.3125rem;
	box-shadow: 0px 0px 15px #e7e4e4;
	transition: all 1s; 
}
.pservicelist ul li:hover{
	background: url(../images/severbg_03.jpg) center no-repeat;
	background-size: cover;
}
.pservicelist ul li section{
	width: 70px;
	position: relative;
}
.pservicelist ul li section img{
	display: block;
	width: 70px;
	opacity: 0;
	transition: all 1s; 
	margin-bottom: 2.1875rem;
}
.pservicelist ul li section img:first-child{
	opacity: 1;
}
.pservicelist ul li section img:last-child{
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.pservicelist ul li:hover section img:first-child{
	opacity: 0;
}
.pservicelist ul li:Hover section img:last-child{
	opacity: 1;
}
.pservicelist ul li h1{
	color: #333333;
	font-size: 20px;
	margin-bottom: 1.5625rem;
	transition: all 1s; 
}
.pservicelist ul li i{
	height: 20px;
	width: 30px;
	transition: all 1s; 
	border-top: 1px solid #033262;
	display: block;
}
.pservicelist ul li:hover i{
	border-top: 1px solid #fff;
}
.pservicelist ul li p{
	color: #808080;
	font-size: 14px;
	line-height: 30px;
	height: 60px;
	overflow:hidden;
	transition: all 1s; 
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.pservicelist ul li:hover h1,.pservicelist ul li:hover p{
	color: #fff;
}
.pservicelist ul li h3{
	margin-top: 5.625rem;
	border-top: 1px solid #eeeeee;
	height: 75px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.pservicelist ul li h3 iconpark-icon{
	color: #5f5f5f;
	font-size: 24px;
	display: block;
}
.pservicelist ul li:hover h3 iconpark-icon{
	color: #fff;
}
.sser{
	padding: 5.625rem 0px;
	background-color: #f7f7f7;
}
.sserdv{
	width: 97.5rem;
	margin: 0 auto;
}
.sserbt{
	text-align: center;
	color:#404040;
	font-size: 36px;
	font-family: "Roboto_Medium";
	margin-bottom: 3.75rem;
}
.sserlist .swiper-slide div{
	width: 100%;
	overflow: hidden;
}
.sserlist .swiper-slide div img{
	display: block;
	width: 100%;
	transition: all 1s;
}
.sserlist .swiper-slide:hover div img{
	transform: scale(1.05);
}
.sserlist .swiper-slide h1{
	color: #404040;
	font-size: 18px;
	text-align: center;
	line-height: 100px;
	background-color: #fff;
	white-space:nowrap;
	height: 100px;
	overflow:hidden;
	padding: 0 10px;
	text-overflow:ellipsis;
	transition: all 1s;
}
.sserlist .swiper-slide:hover h1{
	color: #fff;
	background-color: #033262;
}
.sserlist .fewgh{
	display: flex;
	justify-content: center;
	align-items: center;
}
.sserlist .fewgh .swiper-button-prev,.sserlist .fewgh .swiper-button-next{
	position: inherit;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin: 0;
	background-color: #fff;
	margin: 0 15px;
	margin-top: 4.375rem;
}
.sserlist .fewgh .swiper-button-next:after,.sserlist .fewgh  .swiper-button-prev:after{
	font-size: 20px;
	color: #a21a17;
}
.sserlist .fewgh .swiper-button-next:hover:after,.sserlist .fewgh  .swiper-button-prev:hover:after{
	color: #fff;
}
.sserlist .fewgh .swiper-button-prev:hover,.sserlist .fewgh .swiper-button-next:hover{
	background-color: #033262;
}

.afre{
	padding: 5.9375rem 0px;
	background: url(../images/rhtjjpg_02.jpg) center no-repeat; 
	background-size: cover;
}

.afrebt{
	text-align: center;
	margin-bottom: 3.75rem;
	font-size: 36px;
	color: #404040;
	font-family: "Roboto_Medium";
}





.sycaselist{
	margin-top: 3.75rem;
}
.cslist .swiper-slide{
	position: relative;
	overflow: hidden;
}
.cslist .swiper-slide div{
	width: 38.75rem;
	padding: 2.125rem 1.875rem;
	position: absolute;
	bottom: 0;
	right: 5rem;
	background-color: rgba(3, 50, 98, 0.9);
}
.cslist .swiper-slide img{
	display: block;
}
.cslist .swiper-slide div h2{
	height: 50px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	color: #ffffff;
	font-size: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}
.cslist .swiper-slide div  h2 span{
	color: #ffffff;
	font-size: 36px;
	font-family: "Impact";
}
.cslist .swiper-slide div section{

	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 15px;
			line-height: 30px;
	font-size: 14px;
	overflow:hidden;
	height: 150px;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	margin-top: 12px;
}
.cslist .swiper-slide div section i{
	width: 5px;
	height: 5px;
	display: block;
	border-radius: 50%;
	background-color: #fff;
	margin-right: 15px;

}
.cslist .swiper-slide div section p{
	width: 90%;
	color: #ffffff;
}
.cslist .swiper-button-next,.cslist  .swiper-button-prev{
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .3);
	left: 18.5%;
	transition: all 1s;
}
.cslist .swiper-button-next,.cslist  .swiper-rtl .swiper-button-prev{
	right: 18.5%;
	left: auto;
}
.cslist .swiper-button-next:hover,.cslist  .swiper-rtl .swiper-button-prev:hover{
	background-color: #094aab;
}
.cslist .swiper-button-next:after,.cslist  .swiper-button-prev:after{
	font-size: 18px;
	color: #094aab;
	transition: all 1s;
}

.cslist .swiper-button-next:hover:after,.cslist  .swiper-button-prev:hover:after{
	color: #fff;
}
.abt{
	padding-top: 5.9375rem;
	padding-bottom: 5.9375rem;
	background: url(../images/gewhrt_02.jpg) bottom center no-repeat;
	background-size: cover;
}
.abtdv{
	width: 97.5rem;
	margin: 0 auto;
}
.abtdv h1{
	text-align: center;
	color: #404040;
	font-size: 36px;
	margin-bottom: 1.875rem;
	font-family: 'Roboto_Medium';
}
.abtdv h2{
	text-align: center;
	color: #4c4c4c;
	font-size: 30px;
	font-family: 'Roboto_Medium';
	margin-bottom: 30px;
}
.abtdv h2 i{
	color: #a01512;
	font-size: 30px;
}
.abtdv ul li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.abtdv ul li i{
	width: 5px;
	height: 5px;
	background-color: #a01512;
	border-radius: 50%;
	margin-top: 13px;
	margin-right: 10px;
}
.abtdv ul li h4{
	width: 97%;
	font-size: 16px;
	line-height: 35px;
	color: #808080;
}
.abtdv ul li h4 span{
	color:#033262;
	font-size: 18px;
}
.abtdv div video{
	display: block;
	width: 100%;
	margin-top: 2.8125rem;
}
.Facilities .sserdv{
	width: 100%;
}
.Facilities{
	background: url(../images/gzzs_02.jpg) center no-repeat;
	background-size: cover;
}

.ryzz{
	padding-top: 6.25rem;
	padding-bottom: 13.125rem;
	background: url(../images/rongyudiz_02.jpg) center no-repeat;
	background-size: cover;
}
.ryzzdy{
	width: 103.4375rem;
	display: flex;justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	margin-top: 3.75rem;
}
.rylist{
	width: 93.75rem;
}
#btn3,#btn4{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	color: #a01512;
	transition: all 1s;
}
#btn3 iconpark-icon ,#btn4 iconpark-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	width: 50px;
	height: 50px;
	transition: all 1s;
}
#btn3:hover,#btn4:hover{
	background-color: #033262;
}
#btn3:hover iconpark-icon ,#btn4:hover iconpark-icon {
	color: #fff;
}
.rylist img{
	width: 100%;
	display: block;
}
.gywmbt{
	text-align: center;
	color: #404040;
	font-size: 36px;
	margin-bottom: 1.875rem;
	font-family: 'Roboto_Medium';
}
.world{
	padding-top: 7.8125rem;
	padding-bottom: 6.25rem;
	background: url(../images/qrhh_02.jpg) center no-repeat;
	background-size: cover;
}
.worlddv{
	width: 97.5rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.worlddvleft{
	width: 40%;
}
.worlddvleft h1{
	color: #333333;
	font-size: 36px;
	margin-bottom: 6.25rem;
}
.worlddvleft p{
	color: #808080;
	font-size: 16px;
	line-height: 40px;
}
.worlddvright ul{
	display: flex;
	justify-content: flex-end;
}
.worlddvright ul li{
	margin-right: 30px;
	width: 140px;
	padding: 30px 20px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #e5e5e5;
}
.worlddvright ul li h1{
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	margin-bottom: 13px;
}
.worlddvright ul li h1 span{
	color: #033262;
	font-size: 40px;
	font-weight: bold;
	margin-right: 10px;
}
.worlddvright ul li h1 i{
	color: #033262;
	font-size: 24px;
	font-weight: bold;
}
.worlddvright ul li P{
	color: #808080;
	font-size: 14px;
	line-height: 25px;
}
.mfoot,.mfootdv{
	display: none;
}
.ssdv{
	width: 100%;
	background-color: #fff;
	top: 0px;
	left: 0;
	position: relative;
		z-index: 10;
	z-index: 999;
	padding: 15px 0px;
	padding: 0;
	height: 0;
	overflow: hidden;
	transition: all .5s;
}
.ssdv form{
	width: 93.75rem;
	margin: 0 auto;
}
.ssdv form{
	display: flex;
	justify-content: space-between;
}
.ssdv form input{
	height: 35px;
	line-height: 35px;
	border: none;
	border:1px solid #dcdcdc;
	outline: none;
	width: 76%;
	padding: 0 1%;
}
.ssdv form button{
	border: none;
	background-color: #333333;
	color: #fff;
	width: 20%;
	font-size: 14px;
}


.bannersasg .swiper-slide img{
	display: block;
	width: 100%;
} 
.bannersasg  .swiper-slide{
	position: relative;
}
.bannersasg  .swiper-slide img{
	display: block;
	width: 100%;
}
.bannersasg  .swiper-slide div {
    position: absolute;
   	width: 100rem;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -50rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.bannersasg  .swiper-slide section h2{
	color: #ffffff;
	font-size: 52px;
	font-family: "Roboto";
	font-weight: bold;
	line-height: 75px;
}

.bannersasg  .swiper-slide section h3{
	color:#ffffff;
	font-size: 17px;
	width: 100%;
	margin-top: 3.75rem;
	line-height: 30px;
	margin-bottom:  5.625rem;
}
.sgahhrj section{
	width: 52%;
}
.bannersasg  .swiper-slide section h4{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


.bannersasg  .swiper-slide section a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 30px;
	width: 165px;
	height: 50px;
	transition: all 1s;
	border: 1px solid #fff;
	margin-right: 35px;
}
.bannersasg  .swiper-slide section a span{
	color: #ffffff;
	font-size: 16px;
}
.bannersasg  .swiper-slide section p{
	color: #ffffff;
	font-size: 20px;
}
.bannersasg  .swiper-slide section p i{
	margin: 0 25px;
	font-size: 18px;
}
.bannersasg  .swiper-slide section a iconpark-icon{
	font-size: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.bannersasg  .swiper-slide section a i{
	color: #f7f7f7;
	font-size: 14px;
}
.bannersasg  .swiper-slide section a:hover{
	background-color: #a01512;
	border-color: #a01512;
}


.bannersasg  .swiper-slide section .iiasg{
	width: 220px;
    height: 50px;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
    background-color: #982725;
    transition: all .5s;
    font-size: 14px;
    color: #fff;
}
.bannersasg .swiper-slide ul li img{
	width: auto;
}
.bannersasg .swiper-slide .ghej{
	position: absolute;
	bottom: 25px;
	height: 70px;
	top: auto;
	width: 100%;
	left: 0;
	margin: 0 auto;
}
.bannersasg .swiper-slide .ghej{
	display: block;
	height: auto;
	animation-name: beat;
        /*动画名称*/
        animation-duration: .5s;
        /*设置秒数*/
        animation-timing-function: linear;
        /*速度曲线*/
        animation-iteration-count: infinite;
        /*播放次数*/
        animation-direction: alternate;
        /*逆向播放*/
        animation-play-state: running;
        /*正在运行*/
}
.bannersasg .swiper-slide .ghej img{
	display: block;
	width: auto;
	margin: 0 auto;
	margin-bottom: 10px;
}
.bannersasg .swiper-slide .ghej span{
	text-align: center;
	display: block;
	width: 100%;
	color: #fff;

}
.bannersasg  .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
}
.bannersasg  .swiper-pagination-bullet-active{
	width: 35px;
	height: 8px;
	border-radius: 15px;
}
.nrbanner img{
	display: block;
	width: 100%;
}
.nrbanner{
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 100%;
}
.nrbanner .swiper-slide img {
	display: block;
	width: 100%;

}
.nrbanner .swiper-slide .img-responsive {
	transition: all 6s;
	transform: scale(1.1);
}

.nrbanner .swiper-slide-active .img-responsive {
	transition: all 8s;
	transform: scale(1);
}
.nrbanner .btext{
	position: absolute;
	top: 0;
	width: 100%;
	left: 0%;
	height: 100%;
	display: flex;
	align-items: center;
}
.nrbanner .btext section{
	margin: 0 auto;
	max-width: 100%;
}
.nrbanner .btext section{
	width: 100%;
}
.nrbanner .btext section h2{
	font-size: 52px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 15px;
}
.nrbanner .btext section p{
	color: #ffffff;
	font-size: 17px;
}
.nrbanner .btext{
	width: 97.5rem;
	margin-left: -48.75rem;
	left:50%;

}

.syabout .spdv{
	display: none;
	position:fixed ;
	top: 15%;
	width: 1000px;
	padding: 25px;
	padding-top: 90px;
	background-color: #fff;
	left: 50%;
	margin-left: -500px;
	z-index: 9999;
	background: #fff;
}
.syabout .spdv video{
	width: 100%;
}
.syabout .spdv  span{
	width: 35px;
	height: 35px;
	position: absolute;
	top: 25px;
	right: 25px;
	display: block;
	border: 1px solid #333;
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	border-radius: 50%;

}
.syabout .spdv  span iconpark-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
}
.syabout{
	position: relative;
}


.headdvright ul li{
	position: relative;
}
.headdvright ul li:hover div{
	display: block;
}
.headdvright ul li div{
	display: none;
    position: absolute;
   	left: -22px;
    width: 100%;
    top: 70px;
    z-index: 5;
    padding-top: 20px;
}
.headdvright ul li:nth-child(3) div{
	left: -40px;
}
.headdvright ul li:nth-child(4) div{
	left: -20px;
}
.headdvright ul li:nth-child(5) div{
	left: -20px;
}
.headdvright ul li:nth-child(7) div{
	left: -22px;
}
.headdvright ul li:nth-child(8) div{
	left: -22px;
}
.headdvright ul li:nth-child(5) div dl{
	width: 280px;
}
.headdvright ul li:nth-child(2) div dl{
	width: 1040px;
    margin-left: -520px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
}
.headdvright ul li:nth-child(2) div dl dd{
	width: 49%;
	
}
.headdvright ul li div dl dd a{
	white-space:nowrap;
	height: 40px;
	overflow:hidden;

	text-overflow:ellipsis;
}
.headdvright ul li div dl{
	overflow: hidden;
	border-radius: 6px;
	width: 230px;
	background-color: #fff;
}
.headdvright ul li div dl dd a{
	    color: #333 !important;
    height: 40px;
        text-align: left;
    display: block;
    width: 94%;
    padding: 0 3%;
    line-height:40px;
    background-color: #fff;
    transition: all .3s;
    font-size: 14px;
    position: relative;
    font-weight: normal;
    z-index: 2;
}
.headdvright ul li div dl dd a::after{
	display: none;
}
.headdvright ul li div dl dd a i{
	position: relative;
	z-index: 3;
	display: block;
	transition: all .3s;
}
.headdvright ul li div dl dd:hover{
	    background-color: #033262;
}
.headdvright ul li:hover div dl dd a{
	font-weight: normal;
}
.headdvright ul li div dl dd a:hover{
	background-color: #033262;
	color: #fff !important;
	font-weight: normal;
}
.qwgele{
	width: 950px;
	background-color: #fff;
	top: 20%;
	left: 50%;
	margin-left: -500px;
	position: fixed;
	z-index: 999;
	padding: 25px;
}
.qwgele iconpark-icon{
	display: flex;
	width: 40px;
	height: 40px;
	border: 1px solid #cfcfcf;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	position: absolute;
	right: 2%;
	top: 2%;
}
.qwgele  img{
	width: 400px;
	margin: 0 auto;
	display: block;
}
.qwgele{
	display: none;
}



.uyy{
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.uyy dl{
	position: absolute;
	top: 75%;
	left: 50%;
	background-color: #fff;
	width: 150px;
	border-radius: 10px;
	overflow: hidden;
	margin-left: -75px;
	box-shadow: 0px 0px 10px #efefef66;
	display: none;
}
.uyy:hover dl{
	display: block;
}
.uyy dl dd{
	line-height: 35px;
	transition: all 0.5s;
}
.uyy dl dd a{
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid #dcdcdc;
	line-height: 35px;
	display: block;
	color: #333;
	font-size: 14px;
	cursor:pointer;
	transition: all 0.5s;
}
.uyy dl dd:hover{
	background-color: #a01512;
}
.uyy dl dd:hover a{
	color: #fff;
	border-bottom: 1px solid #d4af84;
}
.uyy iconpark-icon {
	color: #fff;
	font-size: 20px;
}
@media only screen and (min-width: 1000px) and (max-width: 1555px) {
	.headdv{
		width: 95%;
	}
	.headdvright {
	    width: 68%;
	}
	.sychalldv,.sywhatlist,.sylogw,.syaboutdv,.syservedv,.syspindv,.syspinlist{
		width: 95%;
	}
	.sychalldv2 .swiper-slide div{
		width: calc(100% - 61px);
		height: calc(100% - 52px);
		padding: 25px 30px;
	}
	.sychalldv2 .sychallop .swiper-pagination {
	    position: inherit;
	    width: 87%;
	}
	.sychalldv2 .swiper-slide div h1{
		width: 100%;
	}
	.syservedv ul li h2{
		font-size: 17px;
		line-height: 70px;
		height: 70px;
	}
	.syservedv .sage,.syspindvright a{
		width: 110px;
	}
	.synews .syservedv .sage {
	    width: 180px;
	}
	.anydv{
		width: 95%;
	}
	.anydv h1{
		font-size: 20px;
	}
	.anydv h1{
		width: 60%;
	}
	.anydv form input {
	    width: 15%;
	}
	.anydv form button {
	    width: 100px;
	}
	.anydv form input:nth-child(3) {
	    width: 30%;
	}
	.footdv{
		width: 95%;
	}
	.footdvright dl:nth-child(2) {
	    width: 47%;
	}
	.footdvright {
	    width: 65%;
	}
	.footdvleft {
	    width: 31%;
	}
	.wdldv{
		width: 95%;
	}
	.syspindvright H1{
		font-size: 20px;
	}
	.syspindvright p {
	    line-height: 30px;
	    color: #808080;
	    font-size: 14px;
	}
	.lxwm{
		width: 95%;
	}
	.sever ul li a{
		width: 95%;
	}
	.sever ul li .severright h1 span{
		font-size: 22px;
	}
	.sever ul li .severright h1 i{
		font-size: 32px;
	}
	.sever ul li .severright p {
	    color: #808080;
	    line-height: 35px;
	    font-size: 15px;
	}
	.news{
		width: 95%;
	}
	.news ul li .newsleft {
	    width: 30%;
	    overflow: hidden;
	}
	.news ul li .newsright {
	    width: 67%;
	}
	.prolist{
		width: 95%;
	}
	.mbx{
		width: 95%;
	}
	.chanpinimg{
		width: 95%;
	}
	.chanpinimgright{
		width: 40%;
	}
	.dqx span {
	    color: #033262;
	    font-family: ;
	    font-size: 26px;
	    font-family: "Roboto_Medium";
	}
	.dqx img{
		width: 40px;
	}
	.dqx{
		align-items: center;
	}
	.fyye{
		width: 95%;
	}
	.gewhrsa{
		width: 95%;
	}
	.rlvideo{
		width: 95%;
	}
	.rlvideo .syservedv ul li div section img{
		width: 40px;
	}
	.shipin{
		width: 100%;
	}
	.shownews{
		width: 95%;
	}
	.pservice{
		width: 95%;
	}
	.sserdv{
		width: 95%;
	}
	.cslist .swiper-slide div{
		width: 80%;
	}
	.abtdv{
		width: 95%;
	}
	.ryzzdy{
		width: 95%;
	}
	.worlddv{
		width: 95%;
	}
	.bannersasg .swiper-slide div{
		width: 95%;
		left: 2.5%;
		margin-left: 0;
	}
	.sgahhrj section{
		width: 80%;
	}
	.nrbanner .btext{
		width: 95%;
		margin-left: 0;
		left:2.5%;

	}
	.syabout .spdv{
		width: 750px;
		    margin-left: -400px;
	}
	.oalwsfw #gallery{
		width: 95%;
	}
	.fwgredv,.headtopdv{
		width: 95%;
	}
}

@media only screen and (max-width: 999px) {
	.heads{
		display: none;
	}
	.htmleaf-container{
		height: 50px;
		display: block;
	}
	.headtop{
		display: none;
	}
	.sychallbt h1{
		font-size: 20px;
	}
	.sychallbt p{
		font-size: 14px;
		margin-top: 5px;
		line-height: 25px;
	}
	.sychallbt{
		margin-bottom: 20px;
	}
	.sychalldv{
		width: 95%;
	}
	.sychalldv2 .swiper-slide div h1{
		font-size: 14px;
		width: 100%;
		line-height: 35px;
	}
	.sychalldv2 .swiper-slide div{
		padding: 5%;
		width: calc(90% - 1px);
		height: calc(90% - 2px);
	}
	.sychalldv2{
		height: 400px;
	}
	.sychalldv2 .swiper-slide{
		height: 200px;
	}
	.sychalldv2 .swiper-slide div h2{
		width: 110px;
		padding: 0 15px;
	}
	.sychalldv2 .swiper-slide div:hover h1 {
	    color: #033262;
	    font-size: 14px;
	}
	.sychallop{
		margin-top: 20px;
	}
	.sychalldv2 .sychallop .swiper-pagination{
		width: 70%;
	}
	.sychalldv2 .sychallop .swiper-button-next, .sychalldv2 .sychallop .swiper-button-prev{
		width: 35px;
		height: 35px;
	}
	.sychalldv2 .sychallop .swiper-button-next:after, .sychalldv2 .sychallop .swiper-button-prev:after{
		font-size: 14px;
	}
	.sychalldv2{
		padding-bottom: 60px;
	}
	.sywhatbt{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 25px;
	}
	.sywhatlist{
		width: 95%;
	}
	.sywhatlist ul li{
		width: 50%;
	}
	.sywhatlist ul li img{
		width: 35px;
	}
	.sywhatlist ul li h1{
		font-size: 16px;
	}
	.sywhatlist ul li p{
		font-size: 12px;
		line-height: 25px;
		margin-top: 10px;
	}
	.sylogw{
		width: 95%;
	}
	
	.sylogw ul li{
		width: 22%;
		margin: 1%;
	}
	.sylogw ul li img{
		display: block;
		width: 100%;
	}
	.sywhatbt2{
		margin-top: 30px;
	}
	.sylogw{
		padding-bottom: 30px;
	}
	.syaboutdv{
		width: 95%;
		display: block;
	}
	.syaboutdvleft{
		width: 100%;
	}
	.syaboutdvleft h1{
		font-size: 20px;
	}
	.syaboutdvleft p{
		font-size: 12px;
		line-height: 25px;
	}
	.syaboutdvleft a{
		width: 110px;
		height: 40px;
		padding: 0 15px;
	}
	.syaboutdvright{
		width: 100%;
		margin-top: 20px;
		display: none;
	}
	.syaboutdvright img{
		width: 35px;
	}
	.syserve{
		padding: 30px 0;
	}
	.syservebt h1{
		font-size: 20px;
	}
	.syservebt p{
		font-size: 14px;
		line-height: 25px;
	}
	.syservedv{
		width: 95%;
	}
	.syservedv ul li h2{
		font-size: 14px;
		line-height: 40px;
		height: 40px;
		overflow: hidden;
	}
	.syservedv h5{
		font-size: 14px;
		line-height: 25px;
	}
	.syservedv .sage{
		width: 110px;
		height: 40px;
		padding: 0 15px;
	}
	.syspinbt{
		font-size: 	20px;
		margin-bottom: 30px;
	}
	.syspindv{
		width: 95%;
		display: block;
	}
	.syspindvleft{
		width: 100%;
	}
	.syspindvright{
		width: 100%;
		margin-top: 15px;
	}
	.syspindvright H1{
		font-size: 16px;
	}
	.syspindvright p{
		font-size: 12px;
		line-height: 25px;
	}
	.syspindvright a{
		width: 110px;
		height: 40px;
		padding: 0 15px;
	}
	.syspinlist{
		width: 95%;
	}
	.syservedv dl{
		display: flex;
		flex-wrap: wrap;
	}
	.syservedv dl dd{
		width: 49%;
		margin-top: 2%;
	}
	.syservedv dl dd section{
		padding: 5%;
	}
	.syservedv dl dd section h1{
		font-size: 16px;
	}
	.syservedv dl dd section h3 iconpark-icon{
		width: 30px;
		height: 30px;
	}
	.synews .syservedv .sage{
		width: 180px;
	}
	.any{
		padding: 30px 0px;
	}
	.anydv{
		width: 95%;
		display: block;
	}
	.anydv h1{
		font-size: 18px;
		text-align: center;
		margin-bottom: 25px;
	}
	.anydv form{
		display: block;
		width: 100%;
	}
	.anydv form input{
		width: 95%;
		padding: 0 2.5%;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.anydv form input:nth-child(3) {
		width: 95%;
	}
	.anydv form button{
		display: block;
		margin: 0 auto;
	}
	.foot{
		display: none;
	}
	.anydv form input{
		height: 40px;
	}
	.anydv form button{
		margin-top: 20px;
		height: 40px;
		line-height: 40px;
	}
	.sychalldv2 .swiper-slide div h2{
		height: 36px;
	}
	.lxwm{
		width: 95%;
		margin: 30px auto;
	}
	.lxwmbt{
		font-size: 20px;
		line-height: 30px;
	}
	.lxwmdv{
		display: block;
	}
	.lxwmdvleft{
		width: 100%;
	}
	.lxwmdvleft h1{
		font-size: 17px;
		line-height: 60px;
	}
	.lxwmdvright{
		width: 95%;
		padding: 2.5%;
	}
	.lxwmdvright form div{
		display: block;
	}
	.lxwmdvright form div input{
		width: calc(100% - 20px);
		padding: 0 10px;
		height: 40px;
		font-size: 12px;
	}
	.lxwmdvright form textarea{
		 width: calc(100% - 20px);
		padding: 0px 10px;
		font-size: 12px;
	}
	.lxwmdvright form button{
		width: 130px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	.lxwmdvright{
		margin-top: 20px;
	}
	.severbt h1{
		font-size: 20px;
	}
	.severbt p{
		font-size: 14px;
		line-height: 25px;
	}
	.sever ul li a{
		width: 95%;
		margin: 0 auto;
		display: block;
	}
	.severleft{
		width: 100%;
	}
	.severright{
		width: 100%;
		margin-top: 10px;
		padding: 0;
	}
	.sever ul li .severright h1 i{
		font-size: 24px;
	}
	.sever ul li .severright h1 span{
		font-size: 17px;
	}
	.sever ul li .severright p{
		font-size: 12px;
		line-height: 25px;
	}
	.geheh{
		font-size: 20px;
		padding-bottom: 30px ;
	}
	.shownav ul{
		width: 100%;
	}
	.shownav ul li a{
		font-size: 14px;
		height: 45px;
		white-space:nowrap;
		display: block;
		overflow:hidden;
		padding: 0;
		line-height: 45px;
		text-overflow:ellipsis;
	}
	.shownav ul li {
		width: 33.33%;
	}
	.shownav ul{
		height: 45px;
	}
	.news{
		width: 95%;
	}
	.news ul li a{
		display: block;
	}
	.newsleft{
		width: 100%;
	}
	.news ul li .newsleft{
		width: 100%;
	}
	.news ul li .newsright{
		width: 100%;
		margin-top: 15px;
	}
	.news ul li .newsright h1{
		height: 35px;
		font-size: 16px;
		line-height: 35px;
	}
	.news ul li .newsright p{
		line-height: 25px;
		height: 50px;
	}
	.news ul li .newsright section h3{
		width: 110px;
		padding: 0 15px;
		height: 40px;
	}
	.prolist{
		width: 95%;
	}
	.prolist ul li{
		width: 48%;
	}
	.prolist ul li section{
		width: 90%;
		padding: 5%;
	}
	.prolist ul li section h1{
		font-size: 16px;
		line-height: 30px;
		height: 30px;
	}
	.prolist ul li section p{
		font-size: 12px;
		margin-bottom: 10px;
	}
	.prolist ul li section h3 iconpark-icon{
		width: 30px;
		height: 30px;
	}
	.shipin{
		width: 100%;
	}
	.shipin .syservedv ul li{
		width: 48%;
	}
	.shipin .syservedv ul li h2{
		height: 35px;
		line-height: 35px;
	}
	.mbx{
		display: none;
	}
	.chanpinimgleft{
		width: 100%;
	}
	.maoyileft{
		flex-direction: column;
	}
	.maoyileft #gallery2{
		width: 100%;
		height: auto;
	}
	.maoyileft #thumbs2{
		width: 100%;
		margin-top: 10px;
		height: auto;
	}
	.chanpinimgright{
		width: 100%;
		margin-top: 20px;
	}
	.chanpinimgright h2{
		font-size: 18px;
	}
	.chanpinimgright p{
		font-size: 12px;
		line-height: 25px;
	}
	.chanpinimgright a{
		height: 40px;
		line-height: 40px;
	}
	.showcpnr{
		width: 95%;
	}
	.showcpnrbt span{
		line-height: 40px;
		padding-bottom: 8px;
		font-size: 16px;
	}
	.showcpnrall{
		margin: 20px 0px;
	}
	.faye{display: block;}
	.faye p{
		margin-bottom: 10px;
	}
	.faye a{
		line-height: 25px;
		font-size: 12px;
	}
	.chanpinimg{
		width: 95%;
		display: block;
	}
	.chanpinimgright h1{
		font-size: 16px;
		line-height: 30px;
	}
	.chanpinimgright h2{
		font-size: 14px;
	}
	.dqx{
		padding: 15px 0px;
		margin: 0 auto;
	}
	.dqx img{
		width: 30px;
		margin-right: 10px;
	}
	.dqx span{
		font-size: 20px;
	}
	.fwgre{
		margin-top: 20px;
		height: 40px;
	}
	.fwgredv{
		width: 100%;
	}
	.fwgredv #thumbs{
		width: 100%;
	}
	.fwgredv #thumbs .swiper-slide h1{
		font-size: 14px;
		line-height: 40px;
	}
	.gewhrsa{
		width: 95%;
		margin: 20px auto;
	}
	.fyye{
		width: 95%;
		display: block;
	}
	.fyye a{
		display: block;
		line-height: 25px;
		font-size: 14px;
		margin: 15px 0px;
	}
	.rlvideo{
		width: 95%;
	}
	.rlvideo .rlvideobtleft{
		font-size: 20px;
	}
	.rlvideo .rlvideobtright a{
		width: 110px;
		height: 40px;
		padding: 0 15px;
	}
	.rlvideo .rlvideobt{
		margin-top: 30px;
	}
	.rlvideo .syservedv{
		width: 100%;
	}
	.rlvideo .syservedv ul li div section img{
		width: 30px;
	}
	.shownews{
		display: block;
	}
	.shownews{
		width: 95%;
	}
	.shownewsleft{
		width: 100%;
	}
	.shownewsleftbt h1{
		font-size: 17px;
		margin-bottom: 10px;
	}
	.shownewsleftbt{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.fye{
		width: 95%;
		display: block;
		margin-top: 15px;
	}
	.fye a{
		display: block;
		line-height: 25px;
		font-size: 14px;
		margin: 15px 0px;
	}
	.shownewsright{
		width: 95%;
		padding: 2.5%;
	}
	.shownewsright form input{
		width: calc(100% - 10px);
	}
	.cpxqbts{
		margin: 15px auto; 
	}
	.pservicebt{
		font-size: 20px;
	}
	.pservice{
		width: 95%;
		margin: 30px auto;
	}
	.pservicelist ul{
		flex-wrap: wrap;
	}
	.pservicelist ul li{
		width: 40%;
		padding: 4%;
		margin: 1%;
		padding-bottom: 0px;
	}
	.pservicelist ul li section{
		width: 35px;
	}
	.pservicelist ul li section img{
		width: 100%;
	}
	.pservicelist ul li h1{
		font-size: 18px;
		margin-top: 15px;
	}
	.pservicelist ul li h3{
		height: 45px;
	}
	.sserdv{
		width: 95%;
	}
	.sserbt{
		font-size: 20px;
	}
	.sserlist .swiper-slide h1{
		height: 35px;
		font-size: 14px;
		line-height: 35px;
	}
	.sserlist .fewgh .swiper-button-prev, .sserlist .fewgh .swiper-button-next{
		width: 40px;
		height: 40px;
	}
	.sserlist .fewgh .swiper-button-next:after, .sserlist .fewgh .swiper-button-prev:after{
		font-size: 14px;
	}
	.afrebt{
		font-size: 20px;
	}
	.cslist .swiper-slide img{
		width: 100%;
	}
	.sycaselist{
		width: 95%;
		margin: 0 auto;
	}
	.cslist .swiper-slide div{
		width: 90%;
		padding: 5%;
		position: initial;
		
	}
	.cslist .swiper-slide div h2 span {
	    color: #ffffff;
	    font-size: 24px;
	    font-family: "Impact";
	}
	.cslist .swiper-slide div h2{
		font-size: 16px;
	}
	.cslist .swiper-button-next, .cslist .swiper-button-prev{
		width: 30px;
		height: 30px;
		top: 17%;
	}
	.cslist .swiper-slide div section p{
		font-size: 12px;
		line-height: 25px;
	}
	.cslist .swiper-button-next, .cslist .swiper-button-prev{
		left: 5%;
	}
	.cslist .swiper-button-next, .cslist .swiper-rtl .swiper-button-prev{
		right: 5%;
		left: auto;
	}
	.cslist .swiper-button-next:after, .cslist .swiper-button-prev:after{
		font-size: 14px;
	}
	.abtdv{
		width: 95%;
	}
	.abtdv h1{
		font-size: 20px;
	}
	.abtdv h2{
		font-size: 17px;
	}
	.abtdv h2 i{
		font-size: 17px;
		line-height: 30px;
	}
	.abtdv ul li h4{
		font-size: 12px;
		line-height: 25px;
	}
	.abtdv ul li h4 span{
		font-size: 14px;
	}
	.abtdv ul li i{
		margin-top: 10px;
	}
	.gywmbt{
		font-size: 20px;
	}
	.ryzzdy{
		width: 97%;
	}
	#btn3, #btn4{
		width: 30px;
		height: 30px;
		background-color: transparent;
	}
	#btn3 iconpark-icon, #btn4 iconpark-icon{
		width: 30px;
		height: 30px;
	}
	.worlddv{
		width: 95%;
		display: block;
	}
	.worlddvleft{
		width: 100%;
	}
	.worlddvleft h1{
		font-size: 20px;
	}
	.worlddvleft p{
		font-size: 12px;
		line-height: 25px;
	}
	.worlddvright{
		margin-top: 20px;
	}
	.worlddvright ul li{
		padding: 5%;
	}
	.worlddvright ul li h1 span{
		font-size: 28px;
	}
	.worlddvright ul li h1 i{
		font-size: 16px;
	}
	.worlddvright ul li P{
		font-size: 12px;
	}
	.bannersasg .swiper-slide div{
		width: 95%;
		left: 2.5%;
		margin-left: 0;
	}
	.sgahhrj section{
		width: 100%;
	}
	.bannersasg .swiper-slide section h2{
		font-size: 20px;
		line-height: 30px;
		text-align: center;
	}
	.bannersasg .swiper-slide section h4{
		display: none;
	}
	.bannersasg .swiper-slide section h3{
		font-size: 14px;
		line-height: 25px;
		text-align: center;
	}
	.bannersasg .swiper-slide {
		overflow: hidden;
	}
	.bannersasg .swiper-slide img{
		width: 130%;
		margin-left: -15%;
		    max-width: none;
	}
	.nrbanner .btext{
		width: 95%;
		margin-left: 0;
		left:2.5%;

	}
	.nrbanner .btext section h2{
		text-align: center;
		font-size: 20px;
	}
	.nrbanner .btext section p{
		text-align: center;
		font-size: 14px;
	}
	.nrbanner img {
	    display: block;
	    width: 150%;
	    margin-left: -25%;
	}
	.nrbanner{
		overflow: hidden;
	}
	.mfoot{
		height: 45px;
		display: block;
	}
	.mfootdv{
		display: flex;
		width: 100%;
		height: 45px;
		line-height: 45px;
		justify-content: space-between;
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		background-color:#033262;
	}
	.mfootdv li{
		width: 100%;
		border-right: 1px solid #2e4257;
	}
	.mfootdv li a{
		color: #fff;
		font-size: 14px;
		line-height: 45px;
		text-align: center;
		display: block;
	}
	.syabout .spdv{
		width: 85%;
		    margin-left: 0;
		    left: 2.5%;
		    padding: 2.5% 20px;
		padding-top: 55px;
	}
	.syabout .spdv span{
		top: 10px;
	}
	.hdv{
		display: none;
	}
	.gewhrsa{
		margin-top: 20px;
	}
	.chanpinimg{
		margin-bottom: 30px;
	}
	.syservedv ul li{
		width: 100%;
		margin-top: 10px;
	}
	.syservedv ul{
		flex-wrap: wrap;
	}
	.gehhttt #btn1, .gehhttt #btn2{
		display: none;
	}
	.qwgele{
		width: 80%;
		padding: 5%;
		left: 5%;
		margin-left: 0;
	}
	.qwgele img{
		width: 70%;
	}
}
.gewhrsa img{
	max-width: 100%;
}