


/*---------------------------------定制模版--------------------------------------------*/
.index-box {
width: 1500px; margin: 0 auto;
}
.index-case-list {
width:100%;
display:table;
padding-bottom: 100px;
}
.index-case-list ul {
padding-bottom: 30px;
}
.index-case-list li {
width:32.5%;
float:left;
margin-right:1.25%;
margin-bottom:20px;
}
.index-case-list li:nth-child(3n) {
margin-right:0;
}
.index-case-list li:hover {
box-shadow:0 0 15px 1px rgba(0,0,0,.1);
}
.index-case-list li .img {
width:100%;
overflow:hidden;
}
.index-case-list li .img  img {
width:100%;
-moz-transition: all 0.5s linear;
-o-transition:  all 0.5s linear;
transition: all 0.5s linear;
}
.index-case-list li:hover .img img {
-webkit-transform:  scale(1.05) ; 
-moz-transform: scale(1.05) ; 
-ms-transform: scale(1.05);     
-o-transform:  scale(1.05) ; 
transform:  scale(1.05);
}
.index-case-list li .tbox {
width:100%;
box-sizing:border-box;
border-top:none;
padding:20px 20px 0;
background: #f4f4f4;
}
.index-case-list li .tbox .title {
width:100%;
position:relative;
line-height:36px;
}
.index-case-list li .tbox .title .t1 {
font-size:16px;
font-weight:bold;
color:#000;
}
.index-case-list li .tbox .title .t2 {
font-size:14px;
color:#666;
}
.index-case-list li .tbox .title .icon {
position:absolute;
right:0;
top:0;
}
.index-case-list li .tbox .title .icon span {
display:inline-block;
width:18px;
height:16px;
margin-left:10px;
}
.index-case-list li .tbox .more {
width:100%;
border-top:1px solid #e3e3e3;
margin-top:7px;
font-size:14px;
color:#666;
line-height:50px;

background:url(/assets/images/icon20.png) right center no-repeat;
transition:all ease .3s;
}
.index-case-list li:hover .tbox .more {
background:url(/assets/images/icon21.png) right center no-repeat;
}
.index-case-list li .tbox .title .icon a {
display:inline-block;
width:18px;
height:16px;
margin-left:10px;
}
.index-case-list li .tbox .title .icon .icon1 {
background:url(/assets/images/icon17.png) center center no-repeat;
}
.index-case-list li .tbox .title .icon .icon2 {
background:url(/assets/images/icon18.png) center center no-repeat;
}
.index-case-list li .tbox .title .icon .icon3 {
background:url(/assets/images/icon19.png) center center no-repeat;
}

@media (max-width: 1630px){
.index-box{
width: 100%;
padding: 0 40px;}
}
@media (max-width: 1200px){
.index-case-list{padding-bottom:50px;}
.index-case-list li .tbox .title .icon{top: 5px;}
.index-case-list ul{padding-bottom: 10px;}}
@media (max-width: 900px){
.index-box{padding: 0 30px;}
.index-case-list ul{padding-bottom: 10px;}
.index-case-list li .tbox .title .t2{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}}
@media (max-width: 767px){
.index-box{padding: 0 20px;}
.index-case-list ul{padding-bottom: 10px;}
.index-case-list li{
width: 100%;
margin-right: 0;
}
.index-case-list li .tbox{
padding: 13px;
}
.index-case-list li .tbox .title{
line-height: 18px;
}
.index-case-list li .tbox .title .t1{
font-size: 14px;
}
.index-case-list li .tbox .title .t2{
font-size: 12px;
margin-top: 6px;
}
.index-case-list li .tbox .more{
display: none;
}
}


/*---------------------------------服务流程---------------------------------------------*/
.flow-box{ background-image:url(/assets/images/img-5.jpg); background-repeat:no-repeat; background-position:center top;position: relative;  background-size: 100% auto;  padding:30px 0 100px 0;}
.flow-box .flow{ max-width:80%; margin:auto; padding:60px 0 0 0;}
.flow-box .flow li{ float:left; width:calc(20% - 20px); width:-moz-calc(20% - 20px); width:-webkit-calc(20% - 20px); margin:0 10px 20px 10px; border-radius:1px; -moz-border-radius:1px;  -webkit-border-radius:1px; -moz-border-radius:1px; padding:40px 20px 10px 20px; height:252px; border:1px solid #eeeeee; box-shadow:0 3px 8px #dddddd; background-color:#FFFFFF;}
.flow-box .flow li a{ position:relative; display:block; max-width:180px; margin:auto; color:#000000; line-height:24px; text-align:center;}
.flow-box .flow li a p{ font-size:18px; font-weight:bold; padding:10px 0 10px 0;}
.flow-box .flow li a span{ font-size:14px; color:#666666;}
.flow-box .flow li a span i{font-style:normal; font-size:16px; color:#FF0000;}
.flow-box .flow li:hover{background-color:#f9f9f9;
transition: all 1.5s;
-moz-transition: all 1.5s; /* Firefox 4 */
-webkit-transition: all 1.5s; /* Safari 和 Chrome */
-o-transition: all 1.5s; /* Opera */
}
.flow-box .flow li a:hover{transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */
 -webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg);	transform: rotate(360deg);}
.flow-box .flow li a > i{font-size:70px; color:#000000;}

.hei10{height:10px; line-height:10px; background-color:#FFFFFF;}
.hei15{height:15px; line-height:15px; background-color:#FFFFFF;}
.f-clearfix:before, .f-clearfix:after { content:''; display:table;}
.f-clearfix:after { clear:both;}
.f-clearfix,.f-zm { *zoom:1;}
.fuwu-title{ padding:50px 0px 2px 0px; max-width:880px; margin:auto; background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wgARCAABAAQDAREAAhEBAxEB/8QAFAABAAAAAAAAAAAAAAAAAAAACf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAASvP/8QAFBABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQABBQJ//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAFBABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQAGPwJ//8QAFBABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQABPyF//9oADAMBAAIAAwAAABAf/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPxB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPxB//8QAFBABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQABPxB//9k=); background-repeat:repeat-x; background-position:center 134px; text-align:center;}
.fuwu-title div{height:70px; line-height:50px; font-size:48px; color:#222222; font-family:"宋体";}
.fuwu-title div strong{ font-family:"微软雅黑";}
.fuwu-title p{display:inline-block; line-height:28px; padding:0 10px 0 10px; font-size:15px; color:#666; font-family:Arial, Helvetica, sans-serif; margin:auto; background-color:#FFFFFF;}


/*  字体 图标 font-ico */
@font-face {
	font-family: 'Rjdaoico';
	src: url('/assets/sano/Rjdaoico.ttf') format('truetype'), url('/css/Rjdaoico.woff') format('woff'), url('/assets/sano/Rjdaoico.svg?f7ueaf') format('svg');
	font-weight: normal;
	font-style: normal;
}
i {
	/* use !important to prevent issues with browser extensions that change fonts*/
	font-family: 'Rjdaoico' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering ===========*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-0043:before{content: "\ec6b";}
.icon-0045:before{content: "\ec69";}
.icon-0050:before{content: "\ec64";}
.icon-0061:before{content: "\ec59";}
.icon-0092:before{content: "\ec3a";}
.icon-0108:before{content: "\ec2a";}
.icon-0174:before{content: "\ebe8";}
.icon-0177:before{content: "\ebe5";}
.icon-0190:before{content: "\ebd8";}
.icon-0213:before{content: "\ebc1";}
.icon-0241:before{content: "\eba5";}
.icon-0242:before{content: "\eba4";}
.icon-0254:before{content: "\eb98";}
.icon-0260:before{content: "\eb92";}
.icon-0307:before{content: "\eb63";}
.icon-0501:before{content: "\eaa2";}
.icon-0518:before{content: "\ea91";}
.icon-0523:before{content: "\ea8c";}
.icon-0512:before{content: "\ea97";}
.icon-0541:before{content: "\ea7a";}
.icon-0545:before{content: "\ea76";}
.icon-0560:before{content: "\ea67";}
.icon-0563:before{content: "\ea64";}
.icon-0625:before{content: "\ea26";}
.icon-0646:before{content: "\ea11";}
.icon-0665:before{content: "\e9fe";}
.icon-0679:before{content: "\e9f0";}
.icon-0716:before{content: "\e9cb";}
.icon-0720:before{content: "\e9c7";}
.icon-0737:before{content: "\e9b6";}
.icon-0761:before{content: "\e99e";}
.icon-0797:before{content: "\e97a";}
.icon-0827:before{content: "\e95c";}
.icon-0841:before{content: "\e94e";}
.icon-0969:before{content: "\ec98";}
.icon-0972:before{content: "\ec68";}


@media screen and (max-width:400px){
.flow-box .flow li{width:calc(100% - 42px);width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);margin:0 0 20px 0}
.flow-box .flow li:nth-child(4){width:calc(100% - 42px);width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px)}
.flow-box .flow li:nth-child(5){width:calc(100% - 42px);width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);margin:0 0 20px 0}
}
@media screen and (max-width:1920px){
.flow-box{background-size:auto auto}
}
@media screen and (max-width:1600px){
.flow-box .flow{max-width:calc(100% - 20px);max-width:-moz-calc(100% - 20px);max-width:-webkit-calc(100% - 20px);min-width:inherit}
}
@media screen and (max-width:1200px){
	.flow-box{padding-bottom: 50px}
}
@media screen and (max-width:960px){
.flow-box{background-image:url(/assets/images/img-5.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto 100%;height:auto;padding:30px 0 50px 0}
.flow-box .flow li{width:calc(33.33333% - 20px);width:-webkit-calc(33.33333% - 20px);width:-moz-calc(33.33333% - 20px)}
.flow-box .flow li:nth-child(4),.flow-box .flow li:nth-child(5){width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px)}
}
@media screen and (max-width:900px){
.fuwu-title{padding:20px 0 2px 0;width:auto;width:calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);background-position:center 80px}
.fuwu-title div{height:50px;line-height:40px;font-size:28px}
.fuwu-title p{display:inline-block;line-height:18px}
.flow-box{padding:10px 0 0 0}
.flow-box .flow{padding:20px 0 30px 0}
.flow-box .flow li{width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px)}
.flow-box .flow li:nth-child(5){width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px)}

}
@media screen and (max-width:400px){
.flow-box .flow li{width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);margin:0 0 20px 0}
.flow-box .flow li:nth-child(4){width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px)}
.flow-box .flow li:nth-child(5){width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);margin:0 0 20px 0}
}
/*---------------------------------解决方案----------------------------------------------*/
img {max-width: 100%;}
.in_part7 {
	max-width:100%;
	margin:auto;
	position:relative;
	z-index: 1;
}
.solve-solution {
	width:100%;
	padding:80px 0;
}
.solve-solution-box {
	width:100%;
	background:#282828;
	display:table;
}
.solve-solution-box .img {
	width:55%;
	float:left;
}
.solve-solution-box .tbox {
	width:40%;
	float:left;
	padding:7.5% 0 0 60px;
	display:inline-block;
}
.solve-solution-box .tbox .title {
	font-size:36px;
	font-weight:bold;
	color:#fff;
	line-height:1;
	margin-bottom:20px;
}
.solve-solution-box .tbox .txt {
	max-width:475px;
	font-size:14px;
	line-height:28px;
	color:#fff;
}
.solve-solution-box .tbox .list {
	width:100%;
	margin-top:53px;
}
.solve-solution-box .tbox .list li {
	float:left;
	margin:0 20px 20px 0;
}
.solve-solution-box .tbox .list li a {
	line-height:36px;
	border:1px solid #bbb;
	border-radius:19px;
	display:block;
	padding:0 21px;
	font-size:14px;
	color:#bbb;
	transition:all ease .3s;
}
.solve-solution-box .tbox .list li:hover a {
	color:#222;
	background:#fff;
	border:1px solid #fff;
}
@media(max-width:1630px) {
	.in_part7 {
		width:100%;
		padding:0 0px;
	}
	.solve-solution-box .tbox {
		padding:4.5% 20px 0 40px;
	}
}
@media (max-width: 1200px){
	.solve-solution .in_part7{
		padding: 0;
	}
	.solve-solution-box .tbox .title{
		font-size: 28px;
	}
	.solve-solution-box .tbox .list{
		margin-top: 35px;
	}
	.solve-solution-box .tbox .list li a{
		padding: 0px 10px;
	}
	.solve-solution-box .tbox .list li{
		margin: 0 20px 15px 0;
	}	

}
@media (max-width: 900px){
	
	.in_part7{
		padding: 0 0px;
	}
	.solve-solution{
		padding: 50px 3% 50px;
	}
	.solve-solution-box .img{
		width: 100%;
	}
	.solve-solution-box .tbox{
		width: 100%;
		padding: 4.5% 20px 20px 40px;
	}
	.solve-solution-box .tbox .title{
		font-size: 26px;
	}
	
}
@media (max-width: 767px){
	
	.solve-solution{
		padding: 40px 3%;
	}
	.solve-solution-box{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.solve-solution-box .tbox{
		padding: 40px 25px 35px;
	}
	.solve-solution-box .tbox .list {
		width:100%;
	}
	.solve-solution-box .tbox .list li {
		float:left;
		margin: 0 10px 10px 0;
	}
	.solve-solution-box .tbox .list li:nth-child(2n){
		margin-right: 0;
	}
	.solve-solution-box .tbox .list li a {
		line-height: 30px;
		border-radius: 15px;
		padding: 0 10px;
		font-size:14px;
	}
	.solve-solution-box .tbox .title{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.solve-solution-box .tbox .txt{
		line-height: 20px;
	}
	.in_part7{
		padding: 0 0px;
	}
}

/*---------------------------------底部Banner----------------------------------------------*/
/*.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.process { padding: 120px; margin: 0 auto;background-color: #fff;}
.warp2 {width: 85%;margin: 0 auto;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
.section2 {padding: 40px 0 100px;}
.section2-title {text-align: center;padding-bottom: 60px; font-size: 36px; }
.section2-title2{ margin-top:40px;}
.section2-title span {color: #009fde;text-transform: uppercase;}
.section2-title strong{font-weight:bold; color:#fff;}
.section2-title p {font-size: 18px;margin: 5px 0 0;color: #fff;}
.section2-title-1 {background: url(/images/title_bg.png) repeat-x center -5px;}
.section2-title-1 strong {background-color: #fff;padding: 0 30px;display: inline-block;}
.section2-title-2:after {content: '';display: block;margin: 15px auto 0;width: 60px;height: 5px;background-color: #009fde;}
.section2-sub {padding: 40px 0;}
.in-server {margin: -20px 0 0 -20px;}
.in-server li {float: left;width: 16.66%;}
.in-server li a {display: block;border: 1px solid #fff;background: #ffffff; margin: 20px 0 0 20px;text-align: center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-server li .img-center {height: 105px;line-height: 105px;padding-top: 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-server li h4 {margin: 30px 0 10px;font-size: 22px;color: #666;font-weight: normal;}
.in-server li p {margin: 0 20px 20px;color: #666;text-align: justify;}
.in-server li span {display: block;line-height: 54px;background-color: #f9f9f9;color: #666;border-top: 1px solid #f4f4f4;font-size: 16px;}
.in-server li a:hover {box-shadow: 0 0 26px #cacaca;-webkit-transform: translateY(10px);transform: translateY(10px);border-color: #d6d6d6;}
.in-server li a:hover span {background-color: #009fde;color: #fff;}
.in-server li a:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.in-ready{ text-align:center; margin:2% 0; }
.in-ready h4{font-size: 24px; font-weight: normal; color:#333333; }
.in-ready .btn { margin: 15px auto; background: url(/images/djwz.jpg) center repeat-x;  width: 900px;}
.in-ready .btn a {display: inline-block;vertical-align: middle;border-left: 25px solid #fff;border-right: 25px solid #fff;line-height: 55px;background-color: #009fde;color: #fff;width: 350px;
font-size: 22px;}
.in-ready p { font-size: 16px; letter-spacing: 5px; text-indent: 5px;}
@media screen and (max-width: 1440px) {
.in-server li h4{ font-size:18px;}	
.in-server li {float: left;width: 33.3%;}
.in-server li a {border: 0; margin:0; padding:15px;background: #f5f5f5;}
}
@media screen and (max-width: 1024px) {
.in-server li {width: 33.3%;}
.in-server li a {border: 0; margin:0; padding:15px;background: #f5f5f5;}
.in-server li span {display: none;}
.in-server li .img-center {line-height: 50px;height: 50px;padding: 0;}
.in-server li h4 {font-size: 16px;margin: 10px 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-server li p {margin: 0;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-align:center;}
.in-ready .btn { width: 700px;}
.in-ready .btn a {border-left: 20px solid #fff;border-right: 20px solid #fff;line-height: 50px;width: 300px;font-size: 20px;}
}
@media screen and (max-width: 768px) {
.section2 {padding: 30px 0;}
.section2-title2 {margin-top: 20px;}
.section2-title p {font-size: 14px;}
.section2-title-1 {background-size: auto 28px;background-position: center 0;}
.section2-title-1 strong {padding: 0 10px;}
.section2-sub {padding: 30px 0;}
.in-server li {width: 33.3%;}
.in-server li a {border: 0; margin:0; padding:15px;background: #f5f5f5;}
.in-server li span {display: none;}
.in-server li .img-center {line-height: 50px;height: 50px;padding: 0;}
.in-server li h4 {font-size: 16px;margin: 10px 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-server li p {margin: 0;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-align:center;}
.in-ready{ margin:20px 0; }
.in-ready h4{font-size: 20px; }
.in-ready .btn { width: 100%;}
.in-ready .btn a {border-left: 15px solid #fff; border-right: 15px solid #fff;line-height: 40px;width: 240px;font-size: 16px;}
.in-ready p { font-size: 14px; letter-spacing:0; text-indent:0;}	
}
@media screen and (max-width: 470px) {
.in-server li {width: 50%;}
.in-server li a {border: 0; margin:0; padding:15px;background: #f5f5f5;}
.in-server li span {display: none;}
.in-server li .img-center {line-height: 50px;height: 50px;padding: 0;}
.in-server li h4 {font-size: 16px;margin: 10px 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-server li p {margin: 0;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-align:center;}
}*/
/*---------------------------------底部----------------------------------------------*/
.s1600{width:1600px;margin:0 auto;overflow:hidden;}
.footer{background: url(/assets/images/bg3.jpg) center; no-repeat center; position: relative;background-size:cover;}
.fo_top{width:94%;float:left;border-bottom:1px solid #2a2a31;padding:52px 0px;margin:0px 3%;}
.fo_top dl{float:left;color:#fff;}
.fo_top dl dt{font-size:24px;margin-bottom:20px;}
.fo_top dl dd p{font-size:14px;line-height:36px;}
.fo_top dl dd p a{color:#fff;}
.fo_t_R{float:right;}
.fo_t_RA{width:170px;text-align:center;background:#e8e8e8;padding:26px 0px 16px 0px;float:left;}
.fo_t_RA span{display:block;font-size:12px;color:#3f4041;margin-top:12px;}
.fo_t_RB{float:left;margin:72px 30px 0px 0px;}
.fo_t_RB>a{width:40px;overflow:hidden;border:1px solid #fff;height:40px;z-index:1;position:relative;border-radius:100%;background:#fff;line-height:40px;text-align:center;float:left;margin-right:12px;}
.fo_t_RB>a img{position: absolute;left: 50%;top: 0;width:40px;height:40px;margin-left: -20px;background: no-repeat center center;background-size: contain;-webkit-transition: all .7s;transition: all .7s;}
.fo_t_RB>a .fH_img{left:-100%;opacity: 0;}
.fo_t_RB>a:after{content:'';width: 0;height: 0;display: block;left: 50%;top: 50%;border-radius:18px;transition: all 0.3s ease 0s;position: absolute;overflow: hidden;z-index:-1;}
.fo_en{width:100%;float:left;padding:36px 3%;line-height:26px;}
.fo_en_l{float:left;}
.fo_en_l>div{width:110px !important;height:32px !important;float:left;}
.fo_en_l>a{font-size:12px;color:#bababa;margin-right:18px;float:left;}
.fo_en>p{float:right;font-size:12px;color:#bababa;}
.fo_en>p i{margin:0px 20px;font-style:normal;}
.sj_contact{  padding:30px 2%;width:100%;float:left;display:none;}
.sj_contact h4{display:block;font-size: 18px;line-height: 30px;font-weight: bold;padding-bottom: 13px;border-bottom: 1px solid #484848;color: #bababa;margin-bottom:30px;}
.sj_contact p{line-height:24px;color:#fff;opacity:0.4;font-size: 14px;}

@media screen and (max-width:1600px){
.s1600{width:1400px;}
}
@media screen and (max-width:1440px){
.s1600,.w1440{width:1200px;}
.fo_en_l>div{width:100px !important;height:29px !important;}
.fo_en_l>a{margin-right:10px;}
}
@media screen and (max-width:1200px){
.s1600{width:100%;padding:0px 3%;}
.fo_en_l,.fo_en>p{width:100%;text-align:center;}
.fo_en_l>a{display:inline-block;float:none;margin:0px 4px;}
.tel_ban_con{width:100%;float:left;padding:50px 0px;position:static;transform: translateY(0);text-align:center;}
.tel_ban_l>p,.tel_ban_l>a{display:none;}
.tel_ban_l>h1{font-size:18px !important;}
}		
@media screen and (min-width:1200px){
.fo_t_RB>a:hover:after{width: 100%;height: 100%;top: 0;left: 0;background:#009fde;}
.fo_t_RB>a:hover{border:1px solid #009fde;}
.fo_t_RB>a:hover .fS_img{opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.fo_t_RB>a:hover .fH_img{left: 50%; opacity: 1;}
.fo_en_l>a:hover{color:#fff;}
}
@media screen and (max-width:768px){
.footer{padding:0px 5% !important;width:100% !important;}
.fo_en_l>a{float:left;line-height:34px;margin:0px 30px 0px 0px;}
.fo_en{padding:0px;}
.fo_top{padding:30px 0px;display:none;}
.fo_t_R{float:none;margin:0 auto;width:300px;display:none}
.fo_t_RB{margin-right:0px}
.fo_t_RB>a{display:inline-block;margin:0px 2px;float:none}
.fo_t_RB{width:100%;text-align:center;margin:0px 0px 12px 0px;}
.fo_t_RB>a:last-child{display:none;}
.fo_t_RA{margin:0 auto;float:none;overflow:hidden;}
.fo_en_l{padding:0px 0px 30px;border-bottom: 1px solid #484848;}
.fo_en>p{text-align:left;padding:30px 0px 62px 0px;line-height:34px;}
.fo_en{padding:0px 0px;line-height:22px;}
.fo_en>p{padding:20px 0px 85px 0px;line-height:24px;color:#fff;opacity:0.4;}
.fo_en>p i{display:block;margin:0px;}
 .sj_about,.inC_con_sj,.sj_contact{display:block;}
}

/*---------------------------------我们的客户----------------------------------------------*/
.section .w{ max-width:1215px; margin:0 auto; position:relative; z-index:3;}
.section .w > h2{  padding-top:100px; text-align:center; font-size:30px; color:#000;}
.section .w > h3{  text-align:center; margin-bottom:100px; color: #009fde; font-size:20px;}
.section4 .w > h3{ margin-bottom:30px;}
.section4 .kehu{}
.section4 .kehu ul{padding-bottom: 20px}
.section4 .kehu li{ float:left; width:20%; *margin-left:-1px; margin:0 0px 30px;}
.section4 .kehu li a{width:213px;height:136px;position:relative; overflow:hidden; display:block; margin:0 15px; border:1px solid #ddd;background:#fff;}
.section4 .kehu li a img{ width:100%; height:auto;}
.section4 .kehu li a img.part1{transition:all .5s linear 10ms;}
.section4 .kehu li a img.part2{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position: absolute;left:0;top:0;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);transition:all .5s linear 10ms;}
.section4 .kehu li a:hover img.part1{position: absolute;left:0;top:0;transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.section4 .kehu li a:hover img.part2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.section4 .kehu li{ transition:2s all; -webkit-transition:2s all; opacity:1; transform:translateX(-50px); -webkit-transform:translateX(-50px)}
.section4 .kehu li:nth-child(2n){transform:translateX(50px); -webkit-transform:translateX(50px)}
.active .kehu li,
.active .kehu li:nth-child(2n){opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px)}
.kehu-box {}
.kehu-box ul{ margin:0 -15px;}
.kehu-box li{ float:left; width:16.66%; *margin-left:-1px; margin:0 0 30px;}
.kehu-box li a{ position:relative; overflow:hidden; display:block; margin:0 15px; border:1px solid #f0f0f0;}
.kehu-box li a div{transition:0.3s all; -webkit-transition:0.3s all; position:absolute;  left:0; top:100%; width:100%; height:100%; background:#000; opacity:0.1; filter:alpha(opacity=10);}
.kehu-box li img{ width:100%; height:auto;}
.kehu-box li a:hover div{ top:0;}

@media only screen and (max-width: 1366px) {
.mouse {top:90%;}
}
@media only screen and (max-width: 1280px) {
.section .w{}
.mouse {top:90%;}
}
@media only screen and (max-width: 1200px) {
.section .w{}
.section4 .kehu{ margin:0 !important;}
.section4 .kehu li{ width:17.7%;  margin:0 10px 20px;}
.section4 .kehu li a{width:100%;height:auto;}
.mouse {top:90%;}
}
@media only screen and (max-width: 1160px) {
.section .w{ margin:0 0px;}
.section4 .kehu{ margin:0 !important;}
.section4 .kehu li{ width:18.5%; margin: 0 5px 10px; }
.section4 .kehu li a{width:100%;height:auto;}
.section4 .kehu li a img{ width:100%; height:auto;}
.section4 .kehu li a img.part1{width:100%; height:auto;}
.section4 .kehu li a img.part2{display:none;}
.section4 .kehu li a:hover img.part1{position:relative;transform:rotateY(0deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.section4 .kehu li a:hover img.part2{display:none;}
}
@media only screen and (max-width: 1000px) {
.section .w{ margin:0 0px;}
.section4 .kehu{ margin:0 !important;}
.section4 .kehu li{ width:23%;margin: 0 5px 10px;}
.section4 .kehu li a{ margin:0 8px;}
.kehu-box li { width:25%;}

}
@media only screen and (max-width: 767px) {
.section .w{ margin:0 0px;}
.section .w > h3 img{ width:100%; height:auto; }
.section .w > h3{ margin-bottom:10px;}
.section .w > h2{ padding-top:50px; font-size:24px;}
.section4 .kehu{ margin:0 !important;}
.section4 .kehu li{ width:22.5%; margin: 0 6px 10px;}
.section4 .kehu li a{ margin:0 8px;}
.section .more{ text-align:center; font-size:14px; padding:20px;  }
.section .more a{width:120px; height:36px; background:#009fde; color:#fff;line-height:36px; text-align:center; display:inline-block; border-radius:25px; transition: all 1s; -webkit-transition: all 1s;}
.section .more a:hover{width:200px;}
}
@media only screen and (max-width: 600px) {
.section .w{ margin:0 0px;}
.section .w > h3 img{ width:100%; height:auto; }
.section .w > h3{ margin-bottom:10px;}
.section .w > h2{ padding-top:50px; font-size:24px;}
.section4 .kehu{ margin:0 !important;}
.section4 .kehu li{ width:30%; margin: 0 5px 10px;}
.section4 .kehu li a{ margin:0 8px;}
.section .more{ text-align:center; font-size:14px; padding:20px;  }
.section .more a{width:120px; height:36px; background:#009fde; color:#fff;line-height:36px; text-align:center; display:inline-block; border-radius:25px; transition: all 1s; -webkit-transition: all 1s;}
.section .more a:hover{width:200px;}
}
@media only screen and (max-width: 470px) {
.section .w{ margin:0 0px;}
.section .w > h3 img{ width:100%; height:auto; }
.section .w > h3{ margin-bottom:10px;}
.section .w > h2{ padding-top:50px; font-size:24px;}
.section4 .kehu{ margin:0 !important;}
.section4 .kehu li{ width:30%;  margin:0 4px 8px;}
.section4 .kehu li a{ margin:0 8px;}
}
@media only screen and (max-width: 380px) {
.section .w > h3 img{ width:100%; height:auto; }
.section .w > h3{ margin-bottom:10px;}
.section .w > h2{ padding-top:50px; font-size:24px;}
.section4 .kehu{ margin:0 !important;}
.section4 .kehu li{ width:30%;  margin:0 3px 6px;}
.section4 .kehu li a{ margin:0 8px;}

}

/*---------------------------------品牌案例----------------------------------------------*/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.index-s2 .items {
  display: flex;
  flex-wrap: wrap;
}
.index-s2 .item {
  width: 25%;
  min-height: 25vh;
  position: relative;
}
.index-s2 .item .img-box {
  height: 100%;
  overflow: hidden;
   background-color: #fff;
}
.index-s2 .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease;
}
.index-s2 .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3.125vw;
  text-align: center;
  background-color: #009fde;
  opacity: 0;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition: all .3s ease;
}
.index-s2 .item h3 {
  font-size: 2rem;
  color: #fff;
}
.index-s2 .item p {
 font-size: 18px;
  color: #fff;
  margin-top: 0.5vw;
}
.index-s2 .item span {
  font-size: 18px;
  color: #fff;
  margin-top: 1vw;
  margin: 0 5px;
}
@media screen and (min-width: 1025px) {
  .index-s2 .item:hover .txt-box {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .index-s2 .item {
    min-height: auto;
  }
}
@media screen and (max-width: 768px) {	
  .index-s2 .item {
    width: 50%;
  }
}

.cell-box{font-size: 0;}
.cell-box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell-box .cell{width: 100%; display: inline-block; vertical-align: middle;}

/*---------------------------------关于----------------------------------------------*/

@media screen and (max-width:1500px)and (min-width:300px){
#ser_banner_svg{display: none;}
.n_banner_img>svg{width:100%;height: 100%;}
}
.main1600{width:1600px;margin:0 auto;}
.gsjj{padding: 60px 0;text-align: center}
.gsjj p.gsjjp{margin: 28px 12% 60px;font-size: 16px;line-height: 30px;color:#000}
.gsjj ul li{padding: 0 70px;display: inline-block;position: relative}
.gsjj ul li:after{content: "";position: absolute;width: 1px;height: 44px;background: #d6d6d6;top:50%;right: 0;margin-top: -30px;}
.gsjj ul li:last-child:after{display: none}
.gsjj ul li p{font-weight: normal;font-size: 28px;color: #000;position: relative;display: inline-block}
.gsjj ul li p:after{content: "+";position: absolute;top: 0;right:9px;font-size: 25px;color: #000；}
.gsjj ul li p span{font-size: 70px;font-weight: bold;margin-right: 10px;}
.gsjj ul li i{font-style: normal;font-size: 16px;display: block}
.qyfw{background: #000;position: relative}
.qyfw .qyfwtop{position: absolute;top:86px;left: 0;width: 100%;z-index: 2}
.qyfwtop{text-align: center}
.qyfwtop p{font-size: 40px;text-transform: uppercase;margin-bottom:5px;}
.qyfwtop span{font-size: 50px;color: #000;position: relative;display: block;padding-bottom: 20px;}
.qyfwtop span:after{content: "";width: 88px;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -44px;background: #ff0000}
.qyfwbot{margin-top: 30px;}
.qyfwbot li{width: 20%;text-align: center;float: left;position: relative}
.qyfwbot li:before{content: "";width: 1px;height: 100%;position: absolute;top: 0;left: -1px;}
.qyfwbot li:after{content: "";width: 1px;height: 100%;position: absolute;top: 0;right: 0;}
.qyfwbot li a{ padding: 0px 0 0px;display: block;width: 100%}
.qyfwbot li img{display: block;height: 105px;margin: 0 auto}
.qyfwbot li p{font-size: 18px;color: #fff;margin: 75px 0 25px;}
.qyfwbot li span{color: #666; font-size: 15px;display: block;margin-bottom: 10px;}
.qyfwbot li i,.qyfwbotsjdiv .item i{font-size: 12px;display: block;width: 18px;height: 18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin: 35px auto 0;border: 1px solid #009fde;text-align: center;line-height: 24px;font-style: normal;color: #009fde}
.qyfwbot li.hoverli{}
.qyfwbot li.hoverli p{color: #009fde}
.left{float:left}
.qyfwbot{position: relative}
.homesvg{position: absolute;width: 100%;top: 0px;z-index: 3}
.homesvgdiv{width: 20%;text-align: center}
.homesvgdiv svg,.hoemfuwuhei{height: 105px;}
.homesvgdiv0 svg{width: 200px;}
.homesvgdiv1 svg{width: 125px;height: 125px !important;}
.homesvgdiv1 .qyfwsvg{margin-top: -10px}
.homesvgdiv2 svg{width: 200px;}
.homesvgdiv3 svg{width: 120px;}
.homesvgdiv4 svg{width: 130px;}
.qyfwbotsj{display: none}
.qyal{padding: 86px 0}
.qyalbot{margin-top: 70px;padding-bottom: 15px;}
.qyalbot li{float: left;width: 32%;margin: 0 2% 58px 0;text-align: center}
.qyalbotimg{position: relative;overflow: hidden;width: 100%;padding-bottom: 70.315%}
.qyalbotimg img{position: absolute;top: 0;left: 0;width: 100%;display: block;object-fit: cover;height: 100%}
.qyalbotimgbg {position: absolute;top: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height:100%;background-color:rgba(249, 5, 4, 0.85); opacity: 0;}
.qyalbotimgbgp{position: relative;margin: 0 0 46px 0;padding-bottom: 15px;font-size: 24px;color: #fff;top: -10px;opacity: 0;font-weight: bold;width: 90%}
.qyalbotimgbgp:after{position: absolute;left: 50%;bottom: 0;display: block;height: 2px;width: 70px;content: '';background-color: #fff;margin-left: -35px; -webkit-transform: scaleX(0); transform: scaleX(0);}
.portfolio-item__link-block{position: relative;width: 35px;height: 35px;margin: 0 10px;display: inline-block;  opacity: 0;}
.portfolio-item__link {transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0s;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none;border-radius: 50%;}

/***********************************************适配*******************************************************/
@media only screen and (max-width:1680px){
    .main1600{width: 1400px;}
    .gsjj img{width: 724px;}
    .gsjj p.gsjjp{margin: 20px 12% 45px}
    .gsjj ul li p span{font-size: 58px}
    .gsjj ul li p{font-size: 24px;}
    .gsjj ul li p:after{right: 6px}
    .qyfwtop p{font-size: 34px}
    .qyfwtop span,.fygytop{font-size: 42px;}
    .qyfwtop span:after{width: 72px;margin-left: -36px}
    .qyfwbot li a{padding: 0px 0 0px}
    .qyfwbot li p{margin: 60px 0 20px;font-size: 20px;}
    .qyfwbot li img{height: 90px;}
    .qyalbotimgbgp{font-size: 20px;margin-bottom: 40px;}
    .qyalbot li a.anlip{font-size: 16px}
    .qyalbot li span.anlispan{font-size: 14px;}
    .qyalbot li{margin-bottom: 50px;}
    .qyzxbot{margin-top: 50px}
    .qyzxbotri p{font-size: 16px;padding: 30px 0 12px}
    .qyzxbotri span,.xwzxlb li span{font-size: 24px;line-height: 34px;height: 72px;}
    .qyzxbotri pre{font-size: 14px;line-height: 25px;height: 75px;}
    .qyfw .qyfwtop{top: 70px;}
    .gsjj,.qyal{padding: 70px 0}
    .qyalbot{margin-top: 60px;}

}
@media only screen and (max-width:1600px){}
@media only screen and (max-width:1440px){
    .main1600{width: 1200px;}
    .gsjj img{width: 630px;}
    .gsjj ul li p span{font-size: 49px}
    .gsjj ul li p{font-size: 20px;}
    .gsjj ul li p:after{top:-8px;right: 3px;}
    .gsjj p.gsjjp {margin: 10px 12% 30px;}
    .qyfwtop p{font-size: 28px;}
    .qyfwtop span,.fygytop{font-size: 35px;}
    .qyfwbot li a {padding: 0px 0 0px;}
    .qyfwbot li img{height: 70px;}
    .qyfwbot li p{margin: 30px 0 15px;font-size: 18px;}
    .qyfwbot li span{font-size: 14px;}
    .qyalbot{margin-top: 50px;}
    .qyalbotimgbgp{font-size: 18px;margin-bottom: 30px;}
    .qyalbot li{margin-bottom: 35px;}
    .ckqbal a{width: 130px;height: 35px;line-height: 35px;font-size: 14px;}
    .qyzx{padding-bottom: 60px;}
    .qyzxbotri span, .xwzxlb li span{font-size: 20px;line-height: 30px;height: 60px;}
    .qyzxbotri span{margin: 30px 0 20px;}
    .gsjj, .qyal,.sjzp{padding: 60px 0}
    .qyfw .qyfwtop{top: 60px;}
    .qyfwbot li svg{height: 80px;}
    .homesvg{top: 0px;}
    .homesvgdiv svg,.hoemfuwuhei{height: 85px;}
    .homesvgdiv1 svg{width: 100px;height: 100px !important;}
    .homesvgdiv0 svg{height: 90px}



}
@media only screen and (max-width:1366px){}
@media only screen and (max-width:1280px){
    .main1600,.fydzwzsub{width: 1000px;}
    .gsjj img{width: 540px;}
    .qyfwtop p{font-size: 24px;}
    .qyfwtop span,.fygytop{font-size: 30px;}
    .qyalbotimgbgp{font-size: 16px;}
    .qyzxbotri span, .xwzxlb li span{font-size: 18px;line-height: 24px;height: 48px}
    .qyzxbotri pre{margin-bottom: 20px;}
    .qyzxbotri p{padding-top: 20px;}

}
@media only screen and (max-width:1200px){}
@media only screen and (max-width:1152px){
    .main1600,.fydzwzsub{width: 900px;}
    .gsjj, .qyal, .sjzp{padding: 45px 0}
    .gsjj img{width: 330px;}
    .gsjj ul li{padding: 0 40px;}
    .qyfw .qyfwtop{top: 45px;}
    .qyfwtop p{font-size: 18px;}
    .qyfwtop span{font-size: 24px; padding-bottom: 15px;}
    .qyfwtop span:after{width: 60px;margin-left: -30px;}
    .qyfwbot li a {padding: 0px 0 0px;}
    .qyfwbot li p{font-size: 16px;}
    .qyzxbotri p{padding-top: 10px;}
    .qyzxbotri span{margin: 20px 0 15px;}
    .sjzp p.sjzpp{font-size: 30px;}
    .homesvg{top: 0px;}

}
/*---------------------------------平板----------------------------------------------*/
@media only screen and (max-width:1024px){}
@media only screen and (max-width:992px){
    .main1600,.fydzwzsub{width: 750px;}
    .qyzxbotri span{margin: 15px 0 10px;font-size: 16px;padding-right: 15%;}
    .qyzxbotri pre{line-height: 20px;height: 40px;}
    .qyfwtop span,.fygytop{font-size: 22px;}
    .qyfwtop p{font-size: 16px;}
    .homesvgdiv0 svg{width: 100px;}
    .homesvgdiv1 svg{width: 115px;}
    .homesvgdiv2 svg{width: 110px;}
    .homesvgdiv3 svg{width: 71px;}
    .homesvgdiv4 svg{width: 100px;}
    .homesvgdiv1 .qyfwsvg{margin-top: 0}
    .homesvgdiv1 svg{width: 84px !important;height: 84px !important;}
    .homesvgdiv0 svg{width: 110px !important;height: 97px !important;}
    .homesvgdiv0 .qyfwsvg{margin-top: -13px}


}
@media only screen and (max-width:768px){
    .main1600{width: 700px}
    .gsjj ul li{padding: 0 20px;}
    .qyfwbot li img{height: 50px;}
}
@media only screen and (max-width:1002px){
    .gsjj{padding: 50px 0 20px}
     .qyal, .sjzp{padding: 30px 0}
    .gsjj img{width: 70%}
    .gsjj p.gsjjp {margin: 14px 3% 30px;}
    .gsjj ul li{padding: 0;float: left;width: 25%;margin-bottom: 15px;}
	.gsjj ul li:after{content: "";position: absolute;width: 1px;height: 30px;background: #d6d6d6;top:50%;right: 0;margin-top: -20px;}
    .gsjj ul li p:after{top: -4px;}
    .gsjj ul li p,.gsjj ul li i,.gsjj ul li p:after{font-size: 16px}
    .gsjj ul li p span{font-size: 49px;margin-right: 5px}
    .gsjj ul li p:after{top: 0px;right: 2px}
}
@media only screen and (max-width:758px){

    .main1600{width:94%;}
    .gsjj{padding: 50px 0 20px}
    .qyal, .sjzp{padding: 30px 0}
    .gsjj img{width: 70%}
    .gsjj p.gsjjp {margin: 10px 3% 30px;}
    .gsjj ul li{padding: 0;float: left;width: 25%;margin-bottom: 15px;}
    .gsjj ul li:after{content: "";position: absolute;width: 1px;height: 20px;background: #d6d6d6;top:50%;right: 0;margin-top: -15px;}
    .gsjj ul li p:after{top: -4px;}
    .gsjj ul li p,.gsjj ul li i,.gsjj ul li p:after{font-size: 10px}
    .gsjj ul li p span{font-size: 26px;margin-right: 5px}
    .gsjj ul li p:after{top: 0px;right: 2px}
    .qyalbot,.qyzxbot,.xwzxlb{margin-top: 30px;}
    .qyalbot li{width: 46%;margin: 0 2% 15px}
    .qyalbot li a.anlip{text-align: center;margin: 15px 0 0 0}
    .qyalbot li span.anlispan{display: none}
    .qyalbotimgbgp{margin-bottom:0;top: 0}
    .qyalbotimgbg{background:rgba(0,0,0,.1);}
    .qyalbotimgbgp,.portfolio-item__link-block,.qyalbotimgbg{opacity: 1}
    .qyzxbotle,.qyzxbotri{width: 100%;float:inherit}
    .qyzxbotri{margin-top: 15px;}
    .qyzx{padding-bottom: 20px;}
    .qyfw{padding:30px 0;}
    .qyfwbot{display: none}
    .qyfwbotsj{display: block;margin-top: 30px;}
    .qyfw .qyfwtop{position: static}
    .qyfwbotsjdiv .item{text-align: center;width: 46%;margin:0 2% 20px;float: left}
    .qyfwbotsjdiv .item a{display: block;width: 100%;height: 100%;padding: 10px 0;box-sizing: border-box}
    .qyfwbotsjdiv .item img{display: block;margin: 0 auto;height:50px;width: auto}
    .qyfwbotsjdiv .item p{margin: 15px 0 0;font-size: 15px; color: #FFFFFF;}
    .qyfwbotsjdiv .item span{display: block;margin-bottom: 10px;}
    .qyfwbotsjdiv .owl-controls{position:absolute;width:100%;bottom:25px;left:0;text-align: center;}
    .qyfwbotsjdiv .owl-dots .owl-dot span{margin:0 8px;background:none;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border: 1px solid #fff}
    .qyfwbotsjdiv .owl-dots .owl-dot.active span, .qyfwbotsjdiv .owl-dots .owl-dot:hover span{background:#fff}



    .qyalbotimgbgp,.qyalbotimgbglinks{display: none}



}
@media only screen and (max-width:380px){
    .gsjj{padding: 50px 0 20px}
     .qyal, .sjzp{padding: 30px 0}
    .gsjj img{width: 70%}
    .gsjj p.gsjjp {margin: 14px 3% 30px;}
    .gsjj ul li{padding: 0;float: left;width: 25%;margin-bottom: 15px;}
	.gsjj ul li:after{content: "";position: absolute;width: 1px;height: 20px;background: #d6d6d6;top:50%;right: 0;margin-top: -15px;}
    .gsjj ul li p:after{top: -4px;}
    .gsjj ul li p,.gsjj ul li i,.gsjj ul li p:after{font-size: 10px}
    .gsjj ul li p span{font-size: 22px;margin-right: 5px}
    .gsjj ul li p:after{top: -4px;right: 2px}
}
/*---------------------------------手机----------------------------------------------*/
@media only screen and (max-width:500px){}
@media only screen and (max-width:414px){}
@media only screen and (max-width:375px){}
@media only screen and (max-width:360px){}
@media only screen and (max-width:320px){}*/
@media (max-width:1280px) and (min-height:867px){}
@media (min-width:1025px) and (max-height:900px){}
@media only screen and (max-height:780px){}
@media (min-width:1025px) and (max-height:780px){}
@media only screen and (max-height:630px){}




