@charset "utf-8";
.active2{
	background: #29abe2 !important;
}
/* 放大镜 */
.imgbox {
	position:relative;
	margin-left:0;
}
.probox {
	
}
/*******************************/
/******产品分页*******/
.ny_news_page {
	margin: 10px auto 60px;
	clear: both;
	padding-top: 10px;
	width: 1200px;
}
.ny_news_page a, .ny_news_page span {
	display: block;
	float: left;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	width: 70px;
	height: 40px;
	color: #333;
	background-color: #f8f8f8;
	margin-right: 10px
}
.ny_news_page a:hover, .ny_news_page span {
	background-color:#154993;
	color: #fff;
}
.ny_news_page a.page_aa {
	background-color: #154993;
	color: #fff;
}
/****************/
.probox img {
	max-width: 100%;
	vertical-align:top;
}
.showbox {
	display:none;
	position:absolute;
	left:403px;
	top:0;
	width:400px;
	height:300px;
	overflow:hidden;
	border:1px solid #ccc;
	background-color: #fff;
}
.showbox img {
	position:absolute;
	height:800px;
	width:800px;
}
.hoverbox {
	display:none;
	position:absolute;
	top:0;
	background:#09f;
	border:1px solid #09f;
	height:75px;
	width:100px;
	cursor:move;
	z-index:999999;
}
.vid{
	width: 100%;
	height: 267px;
	position: relative;
}
.vid video{
	width: 100%;
	height: 100%; 
	object-fit: contain;

	
}
.sg-left-nav h5{
	line-height: 22px;
}
.xg-sang{
	margin-top: 20px;
    width: 100%;
    outline: none;
    border: 1px solid #f60000;
    height: 27px;
    background-color: #f60000;
    color: #fff;
}

.biao-box{
	display: flex;
	justify-content: flex-start;
}
body {
	font-family: "微软雅黑"
}
.row{
	margin: 0 !important;
}
.no-margin {
	margin: 0 !important
}

.overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

a {
	text-decoration: none !important;
	cursor: pointer !important
}
/* 微杰欣 */
.title-3 .pdf {
	padding: 0 15px;
	font-size: 18px;
	line-height: 35px;
	color: #000;
	border-top: 3px solid #393939;
}
.pdf-sg{
	margin-top: 15px;
}
.sg-xz-title{
	font-size: 16px;
	line-height: 38px;
}
.sg-news-title{
	
	font-size: 14px;
	color: #7d7d7d;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	
}
.sg-zl-input input{
	width: 100%;
	outline: none;
	border: 1px solid #dcdcdc;
	height: 27px;
	background-color: #eeeeee;
}
.sg-zl-input2{
	margin-top: 30px;
}
.sg-zl-input2 input{
	width: 100%;
	outline: none;
	border: 1px solid #f60000;
	height: 27px;
	background-color: #f60000;
	color: #fff;
}
.sg-news-time{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}
.sg-news-box{
	border-bottom: dashed 1px #dcdcdc;
	padding-bottom: 15px;
	padding-top: 15px;
}
.sg-news-img img{
	height: 150px;
	width: 100%;
}
.sg-time{
	color: #7d7d7d;
}
.sg-news-time .sg-news-see{
	padding: 5px 20px;
	background-color: #036eb7;
	color: #fff;
	border-radius: 15px;
}
.sg-left-nav{
	background: url('../images/bg5.png');
	padding: 40px 0 47px 0;
	text-align: center;
	color: #fff;
}
.sg-left-nav h2{
	font-weight: bold;
}
.sg-left-nav h4{
	font-weight: bold;
}
.sg-left-h{
	background-color: #43aae3;
	height: 2px;
	width: 80%;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 16px;
}
.sg-about-ind{
	padding: 50px 0 0 0;
}
.sg-about-img{
	position: relative;
}
.sg-about-text h3{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #fff;
	font-size: 27px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 60px;
}
.sg-about-2{
	line-height: 36px;
	font-size: 16px;
	color: #fff;
}
.sg-about-img img{
	z-index: -2;
	max-width: 100%;
}
.sg-about-img h1{
	position: absolute;
	top:-80px;
	left: 0;
	z-index: 2;
	font-size: 80px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.651);
}
.lang-bg-box{
    text-align: center;
    width: 45%;
}
.lang-bg-box h3{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    line-height: 68px;
}
.lang-bg-text{
    font-size: 18px;
    color: #fff;
    line-height: 35px;
}
.lang-bg-box-all{
    padding: 15px 0 25px 0;
    display: flex;
    justify-content:space-around;
}
.lang-tel-img{
    vertical-align:middle;
    padding: 20px 0 0 0;
}
.lang-tel{
    font-size: 30px;
    color: #fff;
   
}
.lang-tel-box{
    padding: 40px 0 0 0;
     width: 25%;
    display: flex;
    justify-content: center;
}
.container-fluid {
	max-width: 1230px !important
}

::-webkit-input-placeholder {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

:-moz-placeholder {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

::-moz-placeholder {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

:-ms-input-placeholder {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.tr {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.tr3 {
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

input,
button,
textarea,
.swiper-pagination span,
.swiper-button {
	outline: none !important;
}

.sizeCover {
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

/*select{border:solid 1px #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/arrow.png") no-repeat scroll right center transparent;padding-right:14px}
select::-ms-expand{display:none}下拉框的样式修改*/

.main-pad-1 {
	padding: 60px 0 0;
}

.main-pad-2 {
	padding: 0 0 60px;
}

.main-pad-3 {
	padding: 90px 0 0;
}

.main-pad-4 {
	padding: 0 0 70px;
}

.main-pad-5 {
	padding: 65px 0 0;
}

.main-pad-6 {
	padding: 30px 100px 0;
}

.main-background-1 {
	position: relative;
	padding: 50px 0;
}

.main-background-1 .leftbg,
.main-background-1 .rightbg {
	position: absolute;
	z-index: 1;
	width: 50%;
}

.main-background-1 .leftbg {
	left: 0;
	top: 50px;
	bottom: 0;
}

.main-background-1 .rightbg {
	right: 0;
	top: 0;
	bottom: 50px;
}

.main-background-1 .container-fluid {
	position: relative;
	z-index: 2;
}

.main-background-2 {
	position: relative;
}

.main-background-2 .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 430px;
}

.main-background-2 .bg+div {
	position: relative;
	z-index: 2;
}

header {
	position: relative;
	z-index: 99999;
}

header .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .qita .logo a {
	display: block;
	font-size: 0;
}

.banner {
	position: relative;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.banner a {
	display: block;
	font-size: 0;
	text-align: center;
}

.banner a img {
	width: 100%;
}

.banner .swiper-pagination {
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 1;
	width: 100%;
	font-size: 0;
	text-align: center;
}

.banner .swiper-pagination span {
	margin: 0 5px;
	width: 25px;
	height: 25px;
	background: #fff;
	opacity: 1;
	transition: all 0.3s;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
	background: #80c0f2;
}

.title-1 .en {
	margin-bottom: -40px;
	font-size: 72px;
	color: rgba(32, 32, 32, .16);
	line-height: 72px;
	font-weight: bold;
}

.title-1 .cn {
	margin-bottom: 20px;
	font-size:36px;
	color: #606060;
	font-weight: bold;
	line-height: 34px;
}

.title-1 .jieshao {
	font-size: 18px;
	color: #666666;
	line-height: 24px;
}
.title-1 .jieshao img{
	max-width: 100%;
}
.title-1.active .en {
	color: rgba(255, 255, 255, 0.1);
}

.title-1.active .cn {
	color: #fff;
}

.title-1.active .jieshao {
	color: #fff;
}

.title-2 .biaoti {
	margin-bottom: 10px;
	font-size: 0;
}

.title-2 .icon {
	margin: 0 auto;
	width: 0;
	border-left: solid 7px transparent;
	border-right: solid 7px transparent;
	border-top: solid 12px #0283fa;
}

.title-3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	/* padding-top: 40px; */
	background-color: #eeeeee;
	
}

.title-3 .left {
	padding: 0 15px;
	font-size: 18px;
	line-height: 35px;
	
	background-color: #0066bd;
	color: #fff;
}

.title-3 .right {
	font-size: 13px;
	color: #676767;
	line-height: 30px;
}

.title-3 .right a {
	color: #676767;
}

.title-4 {
	margin-bottom: 60px;
	font-size: 18px;
	color: #131313;
	line-height: 24px;
}

.title-5 {
	margin-bottom: 30px;
}

.title-5 .biaoti {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	border-bottom: dashed 1px #919191;
}

.title-5 .time {
	color: #333;
	line-height: 24px;
}

.text-1 {
	font-size: 18px;
	color: #050204;
	line-height: 36px;
}

.text-1 img {
	max-width: 100%;
}

.text-1.active {
	font-size: 16px;
}

.text-2 ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	border-bottom: dashed 1px #919191;
}

.text-2 ul li a .mc {
	width: calc(100% - 28px);
	font-size: 16px;
	color: #333;
}

.text-2 ul li a .icon {
	font-size: 0;
}

.text-2 ul li a .icon img {
	width: 18px;
}

.text-2.active ul li a .mc {
	width: calc(100% - 100px);
}

.text-2.active ul li a .time {
	font-size: 16px;
	color: #333;
}

.text-3 {
	color: #131313;
	line-height: 36px;
}

.text-4 {
	margin: 0 auto;
	max-width: 430px;
}

.text-4 ul li:nth-child(n+2) {
	margin-top: 30px;
}

.text-4 ul li input {
	display: block;
	padding: 0 15px;
	width: 100%;
	height: 40px;
	font-size: 20px;
	color: #131313;
	line-height: 38px;
	background: #fff;
	border: solid 1px #959595;
	border-radius: 5px;
}

.text-4 ul li textarea {
	display: block;
	padding: 0 15px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 200px;
	min-height: 200px;
	font-size: 20px;
	color: #131313;
	line-height: 38px;
	background: #fff;
	border: solid 1px #959595;
	border-radius: 5px;
}

.text-4 .caozuo {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.text-4 .caozuo button {
	padding: 0;
	width: 96px;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	border: none;
	border-radius: 10px;
}

.text-4 .caozuo button:nth-child(1) {
	color: #fff;
	background: #035ee7;
}

.text-4 .caozuo button:nth-child(2) {
	margin-left: 5px;
	color: #333;
	background: #d3d4d4;
}

.picture-1 {
	margin-top: -30px;
}

.picture-1 .swiper-slide {
	margin-top: 30px !important;
}

.picture-1-list a {
	display: block;
}

.picture-1-list a .imgbox {
	margin-bottom: 2px;
	overflow: hidden;
}

.picture-1-list a .imgbox span {
	display: block;
	padding-top: calc(289 / 293 * 100%);
	border: 2px solid #dcdcdc;
}
.picture-1-list a .imgbox span:hover{
	border: 2px solid #0066bd;
}
.picture-1-list a .textbox {
	text-align: center;
	background: #eeeeee;
}

.picture-1-list a .textbox .mc {
	font-size: 16px;
	color: #606060;
	padding: 10px 0;
}

.picture-1-list a .textbox .more {
	width: 85px;
	height: 28px;
	color: #fff;
	line-height: 26px;
	border: solid 1px #fff;
	border-radius: 14px;
}

.picture-1 ul {
	display: flex;
	flex-wrap: wrap;
}

.picture-2 {
	display: flex;
}

.picture-2 .left {
	position: relative;
	width: 50%;
}

.picture-2-list a {
	display: block;
}

.picture-2-list a .imgbox {
	overflow: hidden;
}

.picture-2-list a .imgbox span {
	display: block;
	height: 410px;
}

.picture-2-list a .textbox {
	padding: 18px 90px 18px 30px;
	background: #fff;
}

.picture-2-list a .textbox .biaoti {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 28px;
}

.picture-2-list a .textbox .jieshao {
	height: 56px;
	font-size: 16px;
	color: #333333;
	line-height: 28px;
	overflow: hidden;
}

.picture-2 .left .swiper-button {
	top: initial;
	margin: 0;
	bottom: 0;
	width: 73px;
	height: 120px;
	opacity: 1;
}

.picture-2 .left .swiper-button.swiper-button-prev {
	left: initial;
	right: 0;
	z-index: 5;
	background: #fdc811;
	box-shadow: 10px 0 20px rgba(253, 200, 17, .2);
}

.picture-2 .left .swiper-button.swiper-button-next {
	right: -73px;
	z-index: 4;
	background: #035ee7;
	transform: rotateY(180deg);
}

.picture-2 .left .swiper-button:before,
.picture-2 .left .swiper-button:after {
	content: "";
	position: absolute;
	left: 50%;
	z-index: 1;
	margin-left: -10px;
	width: 2px;
	height: 40px;
	background: #fff;
}

.picture-2 .left .swiper-button:before {
	bottom: 50%;
	transform-origin: left bottom;
	transform: rotate(30deg);
}

.picture-2 .left .swiper-button:after {
	top: 50%;
	transform-origin: left top;
	transform: rotate(-30deg);
}

.picture-2 .right {
	padding: 35px 35px 0 45px;
	width: 50%;
	background: #fff;
}

.picture-2 .right .biaoti {
	margin-bottom: 20px;
	text-align: right;
}

.picture-2 .right .biaoti .en {
	margin-bottom: -40px;
	font-size: 60px;
	color: rgba(32, 32, 32, .15);
	line-height: 64px;
	font-weight: bold;
}

.picture-2 .right .biaoti .cn {
	font-size: 30px;
	color: #202020;
	font-weight: bold;
	line-height: 34px;
}

.picture-2 .right .jieshao {
	margin-bottom: 20px;
	height: 90px;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	overflow: hidden;
}

.picture-2 .right ul {
	display: flex;
	justify-content: space-between;
}

.picture-2 .right ul li {
	width: calc(50% - 12px);
}

.picture-2 .right ul li .imgbox {
	overflow: hidden;
}

.picture-2 .right ul li .imgbox span {
	display: block;
	padding-top: 160px;
}

.picture-2 .right .more {
	display: flex;
	justify-content: flex-end;
	padding: 55px 0 0;
}

.picture-2 .right .more a {
	display: block;
	width: 100px;
	height: 25px;
	font-size: 12px;
	color: #fff;
	line-height: 25px;
	background: #0267da;
	border-radius: 13px;
}

.picture-3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.picture-3 .left {
	padding: 6px;
	width: 393px;
	border: solid 2px #018cf5;
}

.picture-3 .left .imgbox {
	overflow: hidden;
}

.picture-3 .left .imgbox span {
	display: block;
	padding-top: 345px;
}

.picture-3 .left .textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 6px;
	height: 176px;
}

.picture-3 .left .textbox .biaoti {
	margin-bottom: 15px;
	font-size: 24px;
	color: #000000;
	line-height: 30px;
}

.picture-3 .left .textbox .jieshao {
	height: 72px;
	font-size: 16px;
	color: #131313;
	line-height: 36px;
	overflow: hidden;
}

.picture-3 .right {
	width: calc(100% - 393px - 45px);
}

.picture-3 .right>.biaoti {
	margin-bottom: 45px;
}

.picture-3 .right>.biaoti .cn {
	margin-bottom: 10px;
	font-size: 24px;
	color: #131313;
	line-height: 30px;
}

.picture-3 .right>.biaoti .en {
	font-family: 'Arial';
	color: #035ee7;
	line-height: 24px;
}

.picture-3 .right .ul .li:nth-child(n+2) {
	margin-top: 35px;
}

.picture-3 .right .ul .li .biaoti {
	margin-bottom: 25px;
	width: 160px;
	font-size: 20px;
	color: #fff;
	line-height: 40px;
	background: #035ee7;
}

.picture-3 .right .ul .li .jieshao {
	font-size: 16px;
	color: #131313;
	line-height: 36px;
	overflow: hidden;
}

.picture-3 .right .ul .li .jieshao a {
	color: #035ee7;
}

.picture-4 {
	position: relative;
}

.picture-4 .imgbox {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -210px 0 0 -210px;
	width: 420px;
	height: 420px;
	font-size: 0;
	/* background: #fff;
	border: solid 15px #7eabf0;
	border-radius: 50%; */
}

.picture-4 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.picture-4 ul li {
	position: relative;
	/* display: flex;
	justify-content: space-between; */
	width: 47%;
	margin-top: 40px;
}

/* .picture-4 ul li:before,
.picture-4 ul li:after {
	content: "";
	position: absolute;
	top: 60px;
	z-index: 1;
	width: 45px;
	height: 1px;
	background: #959595;
} */

.picture-4 ul li:nth-child(odd):before {
	right: 125px;
}

.picture-4 ul li:nth-child(even):before {
	left: 125px;
}

.picture-4 ul li:nth-child(odd):after {
	right: 80px;
}

.picture-4 ul li:nth-child(even):after {
	left: 80px;
}

.picture-4 ul li:nth-child(1):after {
	transform-origin: left top;
	transform: rotate(40deg);
}

.picture-4 ul li:nth-child(2):after {
	transform-origin: right top;
	transform: rotate(-40deg);
}

.picture-4 ul li:nth-child(3):after {
	transform-origin: left bottom;
	transform: rotate(-40deg);
}

.picture-4 ul li:nth-child(4):after {
	transform-origin: right bottom;
	transform: rotate(40deg);
}

/* .picture-4 ul li:nth-child(n+3) {
	margin-top: 290px;
} */

.picture-4 ul li:nth-child(odd) {
	padding-right: 150px;
}

.picture-4 ul li:nth-child(even) {
	padding-left: 170px;
}
.picture-4 ul li .shuzi {
	font-size: 0;
	text-align: center;
}

/* .picture-4 ul li .textbox {
	padding-top: 20px;
	width: calc(100% - 95px);
} */

.picture-4 ul li .textbox .biaoti {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 30px;
}

/* .picture-4 ul li:nth-child(1) .textbox .biaoti,
.picture-4 ul li:nth-child(4) .textbox .biaoti {
	color: #0664d5;
	border-bottom: dotted 1px #0664d5;
} */

/* .picture-4 ul li:nth-child(2) .textbox .biaoti,
.picture-4 ul li:nth-child(3) .textbox .biaoti {
	color: #f2a602;
	border-bottom: dotted 1px #f2a602;
} */

.picture-4 ul li .textbox .jieshao {
	
	font-size: 20px;
	color: #333333;
	line-height: 45px;
	overflow: hidden;
	padding: 0 25px;
}

.picture-5-list a {
	display: block;
}

.picture-5-list a .imgbox {
	border: solid 5px #ffffff;
	border-bottom: none;
	overflow: hidden;
}

.picture-5-list a .imgbox .imgs {
	overflow: hidden;
}

.picture-5-list a .imgbox .imgs span {
	display: block;
	padding-top: 200px;
}

.picture-5-list a .icon {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -50px auto;
	width: 100px;
	height: 100px;
	font-size: 0;
	background: #f5f5f5;
	border-radius: 50%;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .3);
}

.picture-5-list a .icon img {
	width: 30px;
}

.picture-5-list a .textbox {
	margin: 0 5px;
	padding: 10px 20px 10px;
	background: #fff;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

.picture-5-list a .textbox .biaoti {
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	border-bottom: 1px solid #d2d2d2;
}

.picture-5-list a .textbox .jieshao {
	margin-bottom: 10px;
	color: #696969;
	line-height: 33px;
	overflow: hidden;
	font-size: 15px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.sg-news-see{
	text-align: right;
}
.sg-news-see span{
	color: #fff;
	padding: 5px;
	background-color: #bfbfbf;
}
.picture-5-list a .textbox .more {
	margin: 0 auto;
	width: 125px;
	height: 35px;
	color: #333;
	line-height: 33px;
	border: solid 1px #e2e0e0;
	border-radius: 18px;
}

.picture-6 {
	margin-bottom: 30px;
	font-size: 0;
}

.picture-6 img {
	max-width: 100%;
}

.picture-7 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.picture-7 ul li {
	width: calc(50% - 10px);
}

.picture-7 ul li:nth-child(n+3) {
	margin-top: 20px;
}

.picture-7 ul li a {
	display: block;
}

.picture-7 ul li a .imgbox {
	overflow: hidden;
}

.picture-7 ul li a .imgbox span {
	display: block;
	padding-top: calc(315 / 459 * 100%);
}

.subnav .biaoti {
	color: #fff;
	background: #0066bd
}

.subnav ul {
	margin: 2px 0 2px;
	box-shadow: inset 0 0 0 1px #cacaca;
}

.subnav ul li:nth-child(n+2) {
	/* border-top: dashed 1px #cacaca; */
	border-top: 1px solid #fff;
}

.subnav ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px 0 20px;
	height: 40px;
	color: #fff;
	

}
.subnav ul li a .fa{
	margin-right: 10px;
}
.subnav ul li{
	background-color: #0066bd;
}
.subnav ul li a .icon {
	position: relative;
	width: 40px;
	height: 40px;
}

.subnav ul li a .icon span {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #333;
}

.subnav ul li a .icon span:nth-child(1) {
	opacity: 0;
}

.subnav ul li.active a {
	color: #fff;
	background: #0066bd;
	box-shadow: inset 5px 5px 10px rgba(255, 255, 255, .2);
}

.subnav ul li.active a .icon span {
	color: #fff;
}

.subnav ul li.active a .icon span:nth-child(2) {
	opacity: 0;
}

.subnav ul li.active a .icon span:nth-child(1) {
	opacity: 1;
	transform: rotate(90deg);
}

.subnav .ul {
	display: none;
	padding: 10px;
}

.subnav .ul .li {
	border-top: solid 1px #eee;
}
.sg-over-right-img{
	text-align: center;
	color: #fff;
}
.sg-over{
	display: flex;
	justify-content: space-between;
}
.sg-over-right{
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
}
.sg-over-left{
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	margin-top: 50px;
}
.sg-footer{
	padding: 0 0 20px 0;
}
.sg-footer-left img{
	max-width: 100%;
}
.subnav .ul .li a {
	display: block;
	padding: 0 20px;
	color: #333;
	line-height: 34px;
}
.sg-footer{
	display: flex;
	justify-content: space-between;
}
.subnav .ul .li.active a {
	color: #fff;
	background: #0066bd;
}
.sg-footer-right ul{
	display: flex;
	justify-content: space-between;
}
.sg-footer-right ul li{
	list-style:none;
	color: #fff;
	font-size: 16px;
	margin-right: 20px;
}
.sg-footer-right ul li a{
	color: #fff;
	font-size: 16px;
}
footer {
	padding: 55px 0 50px 0;
}

footer .tops {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}

footer .tops .contact {
	width: 460px;
}

footer .tops .contact .biaoti {
	font-size: 20px;
	color: #fff;
	line-height: 24px;
}

footer .tops .contact ul {
	display: flex;
	flex-wrap: wrap;
}

footer .tops .contact ul li {
	color: #fafafa;
	line-height: 30px;
}

footer .tops .contact ul li:nth-child(odd) {
	width: 280px;
}

footer .tops .contact ul li:nth-child(even) {
	width: calc(100% - 280px);
}

footer .tops .wechat ul {
	display: flex;
}

footer .tops .wechat ul li:nth-child(n+2) {
	margin-left: 70px;
}

footer .tops .wechat ul li .imgbox {
	margin-bottom: 10px;
	font-size: 0;
}

footer .tops .wechat ul li .imgbox img {
	width: 108px;
}

footer .tops .wechat ul li .mc {
	color: #fafafa;
}

footer .tops .tel .biaoti {
	margin-bottom: 25px;
	font-size: 20px;
	color: #fff;
	line-height: 24px;
}

footer .tops .tel ul li {
	display: flex;
}

footer .tops .tel ul li:nth-child(2) {
	padding-left: 45px;
}

footer .tops .tel ul li .icon {
	font-size: 0;
	margin-right: 15px;
}

footer .tops .tel ul li .icon img {
	width: 30px;
}

footer .tops .tel ul li .shuzi a {
	font-size: 26px;
	color: #fafafa;
}

footer .menu {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: dotted 1px #fff;
}

footer .menu ul {
	display: flex;
	justify-content: center;
}

footer .menu ul li {
	height: 16px;
	line-height: 16px;
}

footer .menu ul li:nth-child(n+2) {
	margin-left: 30px;
	padding-left: 30px;
	border-left: solid 1px #fff;
}

footer .menu ul li a {
	font-size: 16px;
	color: #fff;
}

footer .copyright {
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	padding: 30px 0 0 0;
	border-top: 1px solid #fff;
}


@media (min-width:992px) {
	.col-md-3-cz-1 {
		padding-right: 13px;
		width: 268px;
	}

	.col-md-9-cz-1 {
		padding-left: 13px;
		width: calc(100% - 268px);
	}

	header .top_bar {
		background: #e8e8e8;
	}

	header .top_bar .biaoyu {
		font-size: 12px;
		color: #202020;
		line-height: 30px;
	}

	header .top_bar .right ul {
		display: flex;
	}

	header .top_bar .right ul li a {
		display: block;
		/* padding: 0 10px; */
		color: #fff;
		line-height: 30px;
	}

	header .top_bar .right ul li:nth-child(1) a {
		/* background: #076ce0; */
		color: #000000;
	}

	header .top_bar .right ul li:nth-child(2) a {
		color: #000000;
		padding: 0 10px;
	}

	/* header .top_bar .right ul li a:hover {
		background: #fdc811 !important;
	} */

	header .qita .left {
		display: flex;
		align-items: center;
	}

	header .qita .logo a {
		line-height: 160px;
	}

	header .qita .biaoyu {
		margin-left: 50px;
		color: #666666;
		line-height: 26px;
		font-size: 18px;
	}
	header .qita .biaoyu span{
		color: #0068b7;
		font-weight: bold;
	}
	header .qita .tel {
		display: flex;
		align-items: center;
	}

	header .qita .tel .icon {
		margin-right: 15px;
	}

	header .qita .tel .text .mc {
		margin-bottom: 10px;
		color: #434343;
		line-height: 24px;
		font-size: 16px;
	}

	header .qita .tel .text .shuzi {
		font-family: 'Arail';
		font-size: 26px;
		color: #0066bd;
		font-weight: bold;
		line-height: 24px;
	}

	header .menu {
		background: #0066bd;
		box-shadow: inset 0 3px 0 #0066bd;
	}

	header .menu ul {
		display: flex;
		align-items: center;
	}

	header .menu ul li {
		position: relative;
		width: calc(100% / 8);
	}

	/* header .menu ul li:nth-child(n+2):before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 2px;
		height: 100%;
		transition: all .3s;
		background: -moz-linear-gradient(top, rgba(243, 246, 253, 0) 0%, rgba(243, 246, 253, 0) 1%, rgba(243, 246, 253, 0.4) 50%, rgba(243, 246, 253, 0) 100%);
		background: -webkit-linear-gradient(top, rgba(243, 246, 253, 0) 0%, rgba(243, 246, 253, 0) 1%, rgba(243, 246, 253, 0.4) 50%, rgba(243, 246, 253, 0) 100%);
		background: linear-gradient(to bottom, rgba(243, 246, 253, 0) 0%, rgba(243, 246, 253, 0) 1%, rgba(243, 246, 253, 0.4) 50%, rgba(243, 246, 253, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f3f6fd', endColorstr='#00f3f6fd', GradientType=0);
	} */

	header .menu ul li>a {
		position: relative;
		z-index: 2;
		display: block;
		font-size: 16px;
		line-height: 52px;
		color: #fff;
	}

	header .menu ul li .ul {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		visibility: hidden;
		opacity: 0;
		transform: translateY(10px);
	}

	header .menu ul li:hover .ul {
		visibility: visible;
		opacity: 1;
		transform: translateY(0px);
	}

	header .menu ul li .ul .li>a {
		display: block;
		padding: 10px;
		color: #fff;
		line-height: 24px;
		background: #c52a01;
	}

	header .menu ul li .ul .li:hover>a {
		background: #29abe2;
	}

	header .menu ul li:hover>a {
		background: #29abe2;
	}

	header .menu ul li:hover+li:before {
		opacity: 0;
	}

	header .menu ul li.active>a {
		background: #29abe2;
	}

	header .menu ul li.active+li:before {
		opacity: 0;
	}

	.title-3 .right a:hover {
		color: #076ce0;
		text-decoration: underline !important;
	}

	.text-2 ul li a:hover .mc {
		color: #076ce0;
		text-decoration: underline;
	}

	.text-4 .caozuo button:nth-child(1):hover {
		background: #fdc811;
	}

	.text-4 .caozuo button:nth-child(2):hover {
		color: #fff;
		background: #fdc811;
	}

	.picture-1 ul li {
		margin-right: 25px;
		width: calc((100% - 50px) / 3);
	}

	.picture-1 ul li:nth-child(3n+3) {
		margin-right: 0;
	}

	.picture-1 ul li:nth-child(n+4) {
		margin-top: 25px;
	}

	/* .picture-1-list a:hover .imgbox span {
		transform: scale(1.1);
	} */

	.picture-1-list a:hover .textbox {
		background: #0066bd;
		
	}
	.picture-1-list a:hover .mc{
		color: #fff;
	}
	/* .picture-2-list a:hover .imgbox span {
		transform: scale(1.1);
	} */

	.picture-2-list a:hover .textbox .biaoti {
		color: #fdc811;
	}

	.picture-2 .left .swiper-button.swiper-button-prev:hover {
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	}

	.picture-2 .left .swiper-button.swiper-button-next:hover {
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	}

	.picture-2 .right .more a:hover {
		background: #fdc811;
	}

	.picture-3 .right .ul .li .jieshao a:hover {
		color: #fdc811;
		text-decoration: underline !important;
	}

	.picture-5-list a:hover .imgbox .imgs span {
		transform: scale(1.1);
	}

	.picture-5-list a:hover .textbox .biaoti {
		color: #076ce0;
	}

	.picture-5-list a:hover .textbox .more {
		color: #fff;
		background: #076ce0;
		border-color: #076ce0;
	}

	.picture-7 ul li a:hover .imgbox span {
		transform: scale(1.1);
	}

	.subnav .biaoti {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 78px;
	}

	.subnav .biaoti .cn {
		margin-bottom: 5px;
		font-size: 20px;
		font-weight: bold;
		line-height: 30px;
	}

	.subnav .biaoti .en {
		display: flex;
		justify-content: center;
	}

	.subnav .biaoti .en span {
		position: relative;
		font-size: 16px;
		line-height: 20px;
	}

	.subnav .biaoti .en span:before,
	.subnav .biaoti .en span:after {
		content: "";
		position: absolute;
		top: 50%;
		z-index: 1;
		width: 20px;
		height: 2px;
		background: rgba(255, 255, 255, 0.5);
	}

	.subnav .biaoti .en span:before {
		right: calc(100% + 20px);
	}

	.subnav .biaoti .en span:after {
		left: calc(100% + 20px);
	}

	.subnav ul li:hover a {
		color: #666666;
		background: #f6f6f6;
		box-shadow: inset 5px 5px 10px rgba(255, 255, 255, .2);
	}

	.subnav ul li:hover a .fa{
		color: #dcdcdc;
	}

	.subnav ul li:hover a .icon span:nth-child(2) {
		opacity: 0;
	}

	.subnav ul li:hover a .icon span:nth-child(1) {
		opacity: 1;
		transform: rotate(90deg);
	}

	.subnav .ul .li:hover a {
		color: #fff;
		background: #0066bd;
	}

	.subnav .contact {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 15px;
		height: 100px;
		background: #efeeee;
		box-shadow: inset 3px 3px 5px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .1);
	}

	.subnav .contact .icon {
		font-size: 0;
	}

	.subnav .contact .textbox {
		text-align: right;
	}

	.subnav .contact .textbox .mc {
		margin-bottom: 10px;
		font-size: 16px;
		color: #333;
		line-height: 24px;
	}

	.subnav .contact .textbox .shuzi {
		font-size: 18px;
		color: #f80000;
		line-height: 24px;
		font-weight: bold;
	}

	footer .menu ul li a:hover {
		text-decoration: underline !important;
	}
}

@media (max-width:1199px) {
	.main-pad-1 {
		padding: 40px 0 0;
	}

	.main-pad-2 {
		padding: 0 0 40px;
	}

	.main-pad-3 {
		padding: 50px 0 0;
	}

	.main-pad-4 {
		padding: 0 0 40px;
	}

	.main-pad-5 {
		padding: 40px 0 0;
	}

	.main-background-1 {
		padding: 40px 0;
	}

	.main-background-1 .leftbg {
		top: 40px;
	}

	.main-background-1 .rightbg {
		bottom: 40px;
	}

	header .qita .logo a {
		line-height: 140px;
	}

	header .qita .logo a img {
		width: 300px;
	}

	header .qita .biaoyu {
		margin-left: 30px;
	}

	header .qita .tel .icon img {
		width: 45px;
	}

	header .qita .tel .text .mc {
		margin-bottom: 5px;
	}

	header .qita .tel .text .shuzi {
		font-size: 28px;
		line-height: 30px;
	}

	header .menu ul li>a {
		font-size: 16px;
		line-height: 50px;
	}

	.title-1 .en {
		font-size: 50px;
		line-height: 60px;
	}

	.title-1 .cn {
		font-size: 24px;
		line-height: 30px;
	}

	.title-1 .jieshao {
		font-size: 16px;
	}

	/* .picture-1-list a .textbox {
		padding: 0 15px;
		height: 50px;
	} */

	.picture-1-list a .textbox .mc {
		font-size: 16px;
	}

	.picture-3 .right>.biaoti {
		margin-bottom: 30px;
	}

	.picture-3 .right>.biaoti .cn {
		font-size: 18px;
		line-height: 24px;
	}

	.picture-3 .right .ul .li .biaoti {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.picture-3 .right .ul .li .jieshao {
		font-size: 14px;
		line-height: 30px;
	}

	.picture-4 ul li .textbox .biaoti {
		font-size: 18px;
		line-height: 26px;
	}

	.picture-4 ul li .textbox .jieshao {
		font-size: 14px;
	}

	.picture-4 .imgbox {
		margin: -180px 0 0 -180px;
		width: 360px;
		height: 360px;
	}

	.picture-5-list a .textbox {
		padding-bottom: 30px;
	}

	.picture-5-list a .textbox .biaoti {
		font-size: 16px;
	}

	footer {
		padding: 20px 0;
	}

	footer .tops .wechat ul li:nth-child(n+2) {
		margin-left: 20px;
	}

}

@media (max-width:991px) {
	.picture-4 ul li {
	
		display: flex;
		justify-content: space-between;
	
	}
	.main-pad-1 {
		padding: 30px 0 0;
	}

	.main-pad-2 {
		padding: 0 0 30px;
	}

	.main-pad-3 {
		padding: 30px 0 0;
	}

	.main-pad-4 {
		padding: 0 0 30px;
	}

	.main-pad-5 {
		padding: 30px 0 0;
	}

	.main-background-1 {
		padding: 0;
	}

	.main-background-1 .leftbg,
	.main-background-1 .rightbg {
		display: none;
	}

	.main-background-2 .bg {
		height: 313px;
	}

	header .qita .logo a {
		line-height: 80px;
	}

	header .qita .logo a img {
		width: 180px;
	}

	.menu-box {
		display: none;
		position: absolute;
		top: 80px;
		right: 0;
		z-index: 2147483645;
		width: 120px;
	}

	.menu-box ul li {
		margin-bottom: 1px;
	}

	.menu-box ul li a {
		display: block;
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 40px;
		background: rgba(3, 94, 231, 0.8);
	}

	.menu-box ul li.active a {
		background: #fdc811;
	}

	.menu-btn {
		position: relative;
		width: 40px;
	}

	.menu-btn b {
		display: block;
		height: 3px;
		background: #035ee7;
	}

	.menu-btn b:nth-child(2) {
		margin: 4px 0;
	}

	.menu-btn.active b:nth-child(1) {
		transform: rotate(45deg) translate(0, 10px);
	}

	.menu-btn.active b:nth-child(2) {
		opacity: 0;
	}

	.menu-btn.active b:nth-child(3) {
		transform: rotate(-45deg) translate(0, -10px);
	}

	.title-1 .en {
		margin-bottom: -30px;
		font-size: 40px;
		line-height: 50px;
	}

	.title-1 .cn {
		font-size: 20px;
		line-height: 24px;
	}

	.title-1 .jieshao {
		font-size: 14px;
	}

	.title-2 .biaoti img {
		width: 200px;
	}

	.text-1 {
		font-size: 16px;
		line-height: 30px;
	}

	.text-2 ul li a .mc {
		font-size: 14px;
	}

	.text-2.active ul li a .time {
		font-size: 14px;
	}

	.text-4 ul li:nth-child(n+2) {
		margin-top: 20px;
	}

	.text-4 ul li input {
		font-size: 16px;
	}

	.text-4 ul li textarea {
		font-size: 16px;
	}

	.text-4 .caozuo {
		margin-top: 20px;
	}

	.text-4 .caozuo button {
		font-size: 16px;
	}

	.picture-1 {
		margin-top: -10px;
	}

	.picture-1 .swiper-slide {
		margin-top: 10px !important;
	}

	.picture-1-list a .textbox .mc {
		font-size: 14px;
	}

	.picture-1-list a .textbox .more {
		font-size: 12px;
	}

	.picture-2 {
		display: block;
	}

	.picture-2 .left {
		width: auto;
		margin-bottom: 20px;
	}

	.picture-2 .left .swiper-button {
		display: none;
	}

	.picture-2-list a .imgbox span {
		padding-top: calc(315 / 459 * 100%);
	}

	.picture-2-list a .textbox {
		padding: 20px;
		border: solid 1px #eee;
	}

	.picture-2-list a .textbox .biaoti {
		margin-bottom: 10px;
		font-size: 16px;
	}

	.picture-2-list a .textbox .jieshao {
		font-size: 14px;
	}

	.picture-2 .right {
		padding: 0;
		width: auto;
	}

	.picture-2 .right .biaoti .en {
		font-size: 50px;
	}

	.picture-2 .right .biaoti .cn {
		font-size: 24px;
		line-height: 30px;
	}

	.picture-2 .right .jieshao {
		height: auto;
		font-size: 14px;
		line-height: 26px;
	}

	.picture-2 .right ul li .imgbox span {
		padding-top: calc(159 / 238 * 100%);
	}

	.picture-2 .right .more {
		padding: 20px 0 0;
	}

	.picture-3 {
		display: block;
	}

	.picture-3 .left {
		margin-bottom: 20px;
		width: auto;
	}

	.picture-3 .left .imgbox span {
		padding-top: calc(345 / 377 * 100%);
	}

	.picture-3 .left .textbox {
		padding: 15px 0;
		height: auto;
	}

	.picture-3 .left .textbox .biaoti {
		margin-bottom: 5px;
		font-size: 18px;
		line-height: 24px;
	}

	.picture-3 .left .textbox .jieshao {
		height: auto;
		font-size: 14px;
		line-height: 30px;
	}

	.picture-3 .right {
		width: auto;
	}

	.picture-3 .right>.biaoti {
		margin-bottom: 20px;
	}

	.picture-3 .right .ul .li:nth-child(n+2) {
		margin-top: 20px;
	}

	.picture-3 .right .ul .li .biaoti {
		width: 140px;
	}

	.picture-4 {
		padding-top: 30px;
	}

	.picture-4 .imgbox {
		position: initial;
		margin: 0 auto 20px;
	}

	.picture-4 ul li {
		width: 100%;
	}

	.picture-4 ul li:before,
	.picture-4 ul li:after {
		display: none;
	}

	.picture-4 ul li:nth-child(odd) {
		padding-right: 0;
	}

	.picture-4 ul li:nth-child(even) {
		padding-left: 0;
	}

	.picture-4 ul li:nth-child(n+2) {
		margin-top: 20px;
	}

	.picture-4 ul li .shuzi img {
		width: 70px;
	}

	.picture-4 ul li .textbox {
		padding-top: 0;
		width: calc(100% - 90px);
	}

	.picture-4 ul li .textbox .jieshao {
		height: auto;
	}

	.picture-5-list a .textbox .jieshao {
		/* height: 48px; */
	}

	.picture-5-list a .textbox {
		padding-bottom: 20px;
	}

	.picture-1 ul {
		justify-content: space-between;
	}

	.picture-1 ul li {
		width: calc(50% - 10px);
	}

	.picture-1 ul li:nth-child(n+3) {
		margin-top: 20px;
	}

	.picture-6 {
		margin-bottom: 20px;
	}

	.title-4 {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.subnav {
		margin-bottom: 20px;
	}

	.subnav .biaoti {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 50px;
		font-size: 18px;
		padding: 0 15px;
	}

	.subnav .biaoti.active .icon {
		transform: rotate(90deg);
	}

	footer .tops {
		flex-wrap: wrap;
		margin-bottom: 0;
		padding-bottom: 20px;
	}

	footer .tops .contact {
		margin-bottom: 20px;
		width: 100%;
	}

	footer .tops .contact .biaoti {
		margin-bottom: 10px;
		font-size: 18px;
		text-align: center;
	}

	footer .tops .contact ul li {
		width: 50% !important;
	}

	footer .tops .contact ul li:nth-child(odd) {
		text-align: right;
		padding-right: 15px;
	}

	footer .tops .contact ul li:nth-child(even) {
		text-align: left;
		padding-left: 15px;
	}

	footer .tops .wechat {
		width: 50%;
		padding-right: 15px;
	}

	footer .tops .wechat ul {
		justify-content: flex-end;
	}

	footer .tops .tel {
		width: 50%;
		padding-left: 15px;
	}

	footer .tops .tel .biaoti {
		margin-bottom: 20px;
		font-size: 18px;
	}

	footer .copyright {
		padding-top: 15px;
		font-size: 14px;
		border-top: dashed 1px rgba(255, 255, 255, 0.2);
	}

}

@media (max-width:767px) {
	.sg-news-img img {
		height: 100px;
		width: 100%;
	}
	.picture-1-list a .textbox .mc {
		padding: 0;
	}
	.picture-4 ul li {
	
		display: flex;
		justify-content: space-between;
	
	}
	body {
		padding-bottom: 54px !important;
	}

	.main-pad-1 {
		padding: 20px 0 0;
	}

	.main-pad-2 {
		padding: 0 0 20px;
	}

	.main-pad-3 {
		padding: 20px 0 0;
	}

	.main-pad-4 {
		padding: 0 0 20px;
	}

	.main-pad-5 {
		padding: 20px 0 0;
	}

	header .qita .logo a {
		line-height: 60px;
	}

	header .qita .logo a img {
		width: 130px;
	}

	.banner .swiper-pagination {
		bottom: 10px;
	}

	.banner .swiper-pagination span {
		width: 8px;
		height: 8px;
	}

	.menu-box {
		top: 60px;
		width: 100px;
	}

	.menu-box ul li a {
		font-size: 12px;
		line-height: 34px;
	}

	.menu-btn {
		width: 30px;
	}

	.title-1 .en {
		margin-bottom: -20px;
		font-size: 30px;
		line-height: 40px;
	}

	.title-1 .cn {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.title-5 {
		margin-bottom: 20px;
	}

	.text-1 {
		font-size: 14px;
		line-height: 24px;
	}

	.text-1.active {
		font-size: 14px;
	}

	.text-3 {
		line-height: 24px;
	}

	.picture-1 ul li {
		width: calc(50% - 5px);
	}

	.picture-1 ul li:nth-child(n+3) {
		margin-top: 10px;
	}

	.picture-1-list a .textbox {
		height: 40px;
	}

	.picture-1-list a .textbox .more {
		width: 70px;
		height: 22px;
		line-height: 20px;
	}

	.picture-2-list a .textbox {
		padding: 10px;
	}

	.picture-2-list a .textbox .biaoti {
		margin-bottom: 5px;
		font-size: 14px;
		line-height: 24px;
	}

	.picture-2-list a .textbox .jieshao {
		height: 48px;
		line-height: 24px;
	}

	.picture-2 .right .biaoti .en {
		font-size: 40px;
		line-height: 44px;
	}

	.picture-2 .right .biaoti .cn {
		font-size: 20px;
		line-height: 40px;
	}

	.picture-2 .right .jieshao {
		line-height: 24px;
	}

	.picture-3 .left .textbox {
		padding-bottom: 0;
	}

	.picture-3 .left .textbox .biaoti {
		font-size: 16px;
	}

	.picture-3 .left .textbox .jieshao {
		line-height: 26px;
	}

	.picture-3 .right>.biaoti .cn {
		font-size: 16px;
	}

	.picture-3 .right .ul .li .biaoti {
		width: 130px;
		font-size: 16px;
	}

	.picture-3 .right .ul .li .jieshao {
		line-height: 24px;
	}

	.picture-4 .imgbox {
		width: 385px;
    	height: 220px;
	}

	.picture-4 .imgbox img {
		max-width: 60%;
	}

	.picture-7 ul li {
		width: calc(50% - 5px);
	}

	.picture-7 ul li:nth-child(n+3) {
		margin-top: 10px;
	}

	.subnav .biaoti {
		height: 44px;
		font-size: 16px;
	}

	.tabBar {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 99999;
		width: 100%;
		background: #0664d5;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}

	.tabBar ul {
		display: flex;
		align-items: center;
	}

	.tabBar ul li {
		width: calc(100% / 3);
	}

	.tabBar ul li a {
		display: block;
		padding: 5px 0;
		transition: all 0.3s;
	}

	.tabBar ul li.active a {
		background: #fdc811;
	}

	.tabBar ul li:nth-child(n+2) a {
		box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.5);
	}

	.tabBar ul li a .icon {
		font-size: 18px;
		color: #fff;
		line-height: 24px;
	}

	.tabBar ul li a .mc {
		font-size: 12px;
		color: #fff;
		line-height: 20px;
	}

	.tabBar ul li .tanchuang {
		position: absolute;
		left: 15px;
		bottom: 100%;
		z-index: 1;
		padding-bottom: 10px;
		width: calc(100% - 30px);
		transform: translateY(10px);
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s;
	}

	.tabBar ul li .tanchuang:before {
		content: "";
		position: absolute;
		right: calc(((100% + 30px) / 3 - 30px - 12px) / 2);
		bottom: 4px;
		z-index: 1;
		width: 0;
		height: 0;
		border-left: solid 6px transparent;
		border-right: solid 6px transparent;
		border-top: solid 6px rgba(23, 168, 253, 0.8);
	}

	.tabBar ul li.active .tanchuang {
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
	}

	.tabBar ul li .tanchuang .imgbox {
		padding: 10px;
		font-size: 0;
		background: rgba(23, 168, 253, 0.8);
		border-radius: 5px;
	}

	.tabBar ul li .tanchuang .imgbox img {
		max-width: 100px;
	}

	footer .tops .contact ul li {
		width: 100% !important;
		text-align: center !important;
		padding: 0 !important;
	}

	footer .tops .wechat {
		margin-bottom: 20px;
		padding: 0;
		width: 100%;
	}

	footer .tops .wechat ul {
		justify-content: center;
	}

	footer .tops .tel {
		display: flex;
		justify-content: center;
		padding: 0;
		width: 100%;
	}

	footer .tops .tel .biaoti {
		display: none;
	}

	footer .tops .tel ul li .shuzi a {
		font-size: 22px;
	}

	footer .tops .tel ul li .icon img {
		width: 26px;
	}
}

@media (max-width:479px) {
	.main-background-2 .bg {
		padding-top: calc(160 / 282 * 100%);
		height: auto;
	}

	.container-fluid {
		padding: 0 10px;
	}

	.row {
		margin: 0 -10px;
	}

	.col-xs-12 {
		padding: 0 10px;
	}

	.col-md-3 {
		padding: 0 10px;
	}

	.col-md-9 {
		padding: 0 10px;
	}

	.title-2 .biaoti img {
		width: 140px;
	}

	.text-2 ul li a {
		height: 40px;
	}

	.text-2 ul li a .icon img {
		width: 15px;
	}

	.text-4 ul li:nth-child(n+2) {
		margin-top: 10px;
	}

	.text-4 ul li input {
		font-size: 14px;
	}

	.text-4 ul li textarea {
		font-size: 14px;
	}

	.text-4 .caozuo button {
		font-size: 14px;
	}

	.picture-2 .right ul li {
		width: calc(50% - 5px);
	}

	.picture-3 {
		margin-bottom: 20px;
	}

	.picture-4 {
		padding-top: 20px;
	}

	.picture-4 ul li .textbox .jieshao {
		line-height: 26px;
	}

	.picture-5-list a .imgbox .imgs span {
		padding-top: calc(160 / 282 * 100%);
	}

	.picture-7 ul li {
		width: 100%;
	}

	.picture-7 ul li:nth-child(n+2) {
		margin-top: 5px;
	}

	footer .tops .contact .biaoti {
		font-size: 16px;
	}

	footer .tops .contact ul li {
		line-height: 24px;
	}

	footer .copyright {
		line-height: 24px;
	}

}

@media (max-width:399px) {
	.picture-1-list a .textbox {
		display: block;
		padding: 10px;
		height: auto;
	}

	.picture-1-list a .textbox .mc {
		margin-bottom: 5px;
		width: auto;
		text-align: center;
	}

	.picture-1-list a .textbox .more {
		margin: 0 auto;
	}

	.picture-4 .imgbox {
		width: 385px;
    	height: 220px;
	}
}