* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	
  }
  
  ::-webkit-scrollbar-track {
	width: 6px;
	background: rgba(#101F1C, 0.6);
	display: none;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
  }
  
  ::-webkit-scrollbar-thumb {
	background-color: rgba(144,147,153,.5);
	background-clip: padding-box;
	min-height: 28px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: background-color .3s;
	cursor: pointer;
  }
  
  ::-webkit-scrollbar-thumb:hover {
	background-color: rgba(144,147,153,.3);
  }
.trans {
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.RelatedProductsItem img {
    width: 100%;
    height: 100%;
}
.Important{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%); 
	font-size: 72px;
	font-family: YouSheBiaoTiHei;
	color: #FFFFFF;
	line-height: 94px;
	letter-spacing: 4px;
}
hr {
	border: none;
	outline: none;
}

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

img {
	max-width: 100%;
}


body {
	font-family: "微软雅黑", "Microsoft Yahei";
}

.wp {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;

}

.default .header-top {
	height: 90px;
	border-bottom: 1px solid;
	border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1;
}
.bofang{
    width: 100px;
    height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
	transform: translate(-50%,-50%);
}
.product-nav {
	position: fixed;
	top: 90px;
	width: 100%;
	/* max-width: 1170px; */
	background: #fff;
	left: 0;
	padding: 20px calc((100vw - 1170px)/2);
	/* left:calc((100vw - 1170px)/2 ); */
	display: flex;
	justify-content: space-between;
	/* border-top: 1px solid;
	border-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) 1 1; */
}

.product-nav li p {
	color: rgba(0, 0, 0, 0.7);
	font-size: 20px;
}

.product-nav li a:hover {
	color: #3991E9;
	border-bottom: 0 !important;
}

a {
	color: #333;
	/* color: #fff; */
	-webkit-tap-highlight-color: transparent;
}

a:hover {
	color: #3991E9;
}

/*头部*/
/* #bd {
	padding-top: 90px;
} */

#hd {
	height: 90px;
	/* background: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .3); */
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	
}

.fixed {
	top: -101px !important;
}
.default{
	background:none;
}

.menubg{
	background:#fff;
	opacity: 0;
}
.menubg .header-top {
	height: 90px;
	border-bottom: 1px solid;
	border-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)) 1 1;
}
#hd .logo {
	float: left;
	margin-right: 65px;
	height: 90px;
}

#hd .logo a {
	display: block;
	height: 100%;
	line-height: 90px;
}

#hd .logo a img {
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	/* height: 30px; */
}

#nav ul li {
	float: left;
	line-height: 90px;
	width: 100px;
	margin-right: 10px;
}

#nav ul li a {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color:#fff;
	/* border-bottom: 3px solid #fff; */
	height: 90px;
}

/* #nav ul li a:hover {
	border-bottom: 3px solid #e4392a;
} */

.icon2{}
#hd .tel {
	background: url(../images/icon2.png) left center no-repeat;
	background-size:30px;
	line-height: 90px;
	float: right;
	padding-left: 47px;
	font-size: 18px;
	color:#fff;
}
.menubg#hd .tel{
	background: url(../images/dianhua.png) left center no-repeat;
	background-size:30px;
	
}
.menubg #nav ul li a,.menubg#hd .tel{
	color:#555;
	
}
.default #nav ul li a,.default#hd .tel{
	color:#fff;
	
}
/*手机头部*/
#m-hd {
	display: none;
}

#m-hd {
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 999999;
}

#m-hd img {
	height: 40px;
	padding: 10px 0 0 10px;
}

.m-trigger {
	position: absolute;
	top: 0;
	right: 10px;
	width: 50px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 45px;
	cursor: pointer;
	background: url(../images/menu_add.png) center center no-repeat;
	-webkit-background-size: 50px;
	background-size: 25px;
	height: 50px;
	-webkit-tap-highlight-color: transparent;
}

.m-nav {
	z-index: 60;
	position: absolute;
	top: 50px;
	width: 100%;
	left: 0;
	background: url(../images/alpha_black_70.png) repeat;
	text-align: center;
	display: none;
}

.m-nav li {
	border-bottom: 1px solid #565656;
}
.m-nav li .nav-child{
	display: none;
}
.m-nav li:hover .nav-child{
	display: block;
}
.m-nav a {
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.m-nav a:hover,
.m-nav a:active {
	color: #0096DB;
}

.m-sub {
	text-align: left;
	display: none;
	width: 100%;
}

.m-sub a {
	border-bottom: none;
	font-size: 13px;
}


/*底部*/
#fd {

	background: url(../images/bg_10.png) no-repeat;
	background-position: 100% 100%;
	background-size:100% 100%;
	padding-top: 75px;
}

.index-fd {
	margin-top: -31px;
}

#fd .fd-top {
	overflow: hidden;
	color: #fff;
	padding-bottom: 100px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

#fd dl {
	float: left;
	width: 24%;
}

#fd dl:nth-child(2) {
	width: 20%;
}

#fd dl dt {
	font-size: 18px;
	padding-bottom: 20px;
	position: relative;
}

#fd dl dt::after {
	content: "";
	height: 3px;
	width: 30px;
	background-color: #ffffff;
	position: absolute;
	bottom: 9px;
	left: 0;

}

#fd dl dt::before {
	content: "";
	height: 1px;
	width: 240px;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	bottom: 10px;
	left: 0;
}

#fd dl:nth-child(2) dt::before {
	width: 200px;
}

#fd dl:nth-child(3) dt::before {
	width: 280px;
}

#fd .ul-fd li {
	line-height: 32px;
	font-size: 14px;
}

#fd .ul-fd li a {
	color: #a8a8af;
}

#fd .ul-fd li a:hover {
	text-decoration: underline;
}

#fd .weixin,
#fd .sina {
	background: url(../images/fd_icon1.png) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 25px;
}

#fd .weixin-pic {
	position: absolute;
	left: -150px;
	top: 0;
	display: none;
}

#fd .tel {
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 15px;
}

#fd h5 {
	font-size: 16px;
	color: #a8a8af;
}

#fd .sina {
	background-image: url(../images/fd_icon2.png);
}

#fd .fd-copy {
	height: 40px;
	line-height: 40px;
	color: #a3a3a9;
	/* background-color: #000022; */
}


.side2 {
	position: fixed;
	width: 40px;
	right: 10px;
	z-index: 100;
	top: 500px;
	height: 80px;
}

.side2 ul li {
	width: 40px;
	height: 40px;
}

.side2 ul li a {
	display: block;
	background-color: #3991E9;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
}

.side2 ul li a img {
	vertical-align: middle;
	display: inline-block;
}

.side2 ul li a:hover {
	background-color: #000022;
}

.side2 ul li .weixin {
	position: absolute;
	left: -154px;
	bottom: 0;
	display: none;
}

.side2 ul li:hover .weixin {
	display: block;
}




/*banner*/
#banner .flexslider {
	background: none;
}

#banner .slides .pic {
	display: block;
	padding-top: 36.4%;
	/* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
	background-position: center bottom;
	position: relative;
}

#banner .slides .ban-txt {
	/* width: 600px; */
	position: absolute;
	left: 40%;
	margin-left: -380px;
	top: 50%;
	/* height: 205px; */
	margin-top: -102px;
	/* background:rgba(0, 0, 0, .3); */
	padding: 20px;
	/* text-align: center; */
}

#banner .slides .s3-r .ban-txt {
	right: 40%;
	left: initial;
	margin-left: 0;
	margin-right: -380px;
	text-align: right;
}

#banner .flexslider .slides img {
	max-width: 100%;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

#banner .slides .ban-txt h5 {
	font-size: 22px;
	color: #fff;
}

#banner .slides .ban-txt h2 {
	height: 118px;
	line-height: 118px;
	margin-top: 5px;
	font-size: 71px;
	color: #fff;
}

#banner .slides .ban-txt h3 {
	padding-top: 25px;
	font-size: 24px;
	color: #fff;
}

#banner .slides .s2 .ban-txt {
	width: 840px;
	margin-left: -420px;
}

#banner .slides .s2 .ban-txt h2 {
	font-size: 58px;
	line-height: 56px;
	height: 56px;
	margin-bottom: 10px;
}

#banner .slides .s2 .ban-txt h3 {
	font-size: 50px;
	text-transform: uppercase;
	padding-top: 0;
}

#banner .slides .s2 .ban-txt h4 {
	font-size: 16px;
	color: #fff;
}

#banner .slides .s2 .ban-txt h6 {
	font-size: 14px;
	border-top: 1px solid #d3d3d7;
	width: 149px;
	margin: 0 auto;
	color: #fff;
	line-height: 35px;
	margin-top: 15px;
}

#banner .slides .s3 .ban-txt h2 {
	font-size: 45px;
	height: 45px;
	line-height: 45px;
}

#banner .slides .s3 .ban-txt h3 {
	font-size: 69px;
	text-transform: uppercase;
	padding-top: 0;
	border-bottom: 1px solid #e4392a;
}

#banner .slides .s3 .ban-txt h4 {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 20px;
}

#banner {
	position: relative;
}

.banner-bg {
	
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 60;
	height: 100%;
	    background: url('../images/Slogon.png') no-repeat;
		background-size:100%;
	    top: 0;
}
/* #banner .swiper-slide{
	height: 744px;
} */

/*首页*/
.tit-i {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	line-height: 36px;
	overflow: hidden;
}

.tit-i img {
	width: 65%;
}

.tit-i h3 {
	font-size: 36px;
	font-family: SourceHanSansCN-Bold, SourceHanSansCN;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 17px;
}

.tit-i h5 {
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}

.tit-i h5 span {

	font-size: 48px;
	font-family: Gotham-Bold, Gotham;
	font-weight: bold;
	color: #3991E9;
}

.tit-i em {
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}

.ul-icon-i li {
	float: left;
	width: 33%;
	text-align: center;
	padding-bottom: 70px;
	overflow: hidden;
	color: #fff;
}

.ul-icon-i li .pad {
	padding: 0 40px;
	position: relative;
}

.ul-icon-i li a {
	display: block;
}

.ul-icon-i li a span {
	background: url(../images/i_icon1.png) no-repeat;
	width: 134px;
	height: 134px;
	display: inline-block;
	margin-bottom: 30px;
}

.ul-icon-i li img {
	width: 100px;
}

.ul-icon-i li h3 {
	font-size: 16px;
	margin: 30px 0 20px 0;
	color: #fff;
	font-weight: bold;
}

.ul-icon-i li em {
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}

.ul-icon-i li p {
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: rgba(255,255,255,0.75);
}

/* .ul-icon-i li.li1 a span {
	background-position: 0 0;
}

.ul-icon-i li.li2 a span {
	background-position: -305px 0;
}

.ul-icon-i li.li3 a span {
	background-position: -615px 0;
}

.ul-icon-i li.li4 a span {
	background-position: -930px 0;
} */

/*.ul-icon-i li a:hover span{
	background-image: url(../images/i_icon1_h.png);
}*/
/* .ul-icon-i li .pad .pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: 134px;
	margin-left: -67px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

.ul-icon-i li .pad .pic img {
	display: none;
}

.ul-icon-i li .pad .pic .pic-icon {
	position: absolute;
	left: 0;
	top: -134px;
	display: block;
} */

/* .ul-icon-i li a:hover p {
	text-decoration: none;
	color: #333;
} */

.row2 {
	background: url(../images/bg_1.png) center top no-repeat;
	padding: 20px 0;
	background-size: 100% 100%;
}

.case-i-l,
.case-i-r {
	width: 50%;
}

.case-i-l {
	float: left;
	padding-right: 15px;
}

.case-i-r {
	float: right;
	padding-left: 15px;
}

.case-img,
.case-img a img {
	width: 100%;
}

.case-img {
	position: relative;
	overflow: hidden;
}

.case-img .hover {
	position: absolute;
	left: 0;
	top: -434px;
	/*top: -433px;*/
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
}

.case-img.on .hover {
	top: 0;
}

.ul-case-i {
	margin: 0 -15px;
}

.ul-case-i li {
	float: left;
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
}

.ul-case-i li a {
	display: block;
	position: relative;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

.ul-case-i li .pic img {
	width: 100%;
	display: block;
}

.ul-case-i li a .hover {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
	/*display: none;*/
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

.ul-case-i li .hover b,
.ul-case-i li .hover .txt,
.case-img .hover b,
.case-img .hover .txt {
	display: inline-block;
	vertical-align: middle;
}

.ul-case-i li .hover b,
.case-img .hover b {
	width: 0;
	height: 100%;
}

.ul-case-i li a:hover .hover {
	/*display: block;*/
	top: 0;
}

.ul-case-i-1 li {
	width: 25%;
}

.more-i {
	text-align: center;
	padding-bottom: 35px;
}

.more-i a {
	display: inline-block;
	width: 65px;
	height: 65px;
	background: url(../images/arr2.png) center center no-repeat #000014;
	border-radius: 100%;
}

.more-i a:hover {
	background-color: #e4392a;
}

.news-bg {
	background: url(../images/bg_14.png) center top no-repeat;
	background-size: 100% 100%;
	padding-bottom: 50px;
	position: relative;
}

.news-bg .txt {
	position: absolute;
	right: 0;
	background: url(../images/about_1.png) no-repeat;
	background-size: 100% 100%;
	width: 40%;
	top: 80px;
	height: 78%;

	padding: 50px 240px 50px 30px;
	background-size: 100% auto;
}

.news-bg .txt h3 {
	display: flex;
	font-weight: bold;
	align-items: center;
}

.news-bg .txt p {
	line-height: 30px;
	text-align: justify;
}

.news-bg .txt h3 img {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

.news-bg .txt .dashed-line {
	width: 100%;
	border-top: 2px dashed #ccc;
	margin: 30px 0;
}

.tit-i-1 h3 {
	color: #fff;
}

.tit-i-1 em {
	border-bottom-color: #dddde1;
}

.about-i {
	width: 60%;
	/* display: flex;
	justify-content: space-between; */
	margin-bottom: 30px;
}

.about-i .pic {
	width: 100%;
}

.about-i .pic video,
.about-i .pic img {
	width: 100%;
}

.about-i .txt {
	width: 45%;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}

.about-i .more {
	width: 122px;
	height: 45px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	background-color: #0096DB;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
}

.about-i .more:hover {
	opacity: .8;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}


.solution-i {
	background: #f9f9f9;
	border-radius: 10px;
	overflow: hidden;
}

.solution-i .txt {
	color: #555;
	padding: 30px;
}

.solution-i:hover {
	box-shadow: 2px 6px 8px rgba(0, 0, 0, .1);
}


.solution-i .pic,
.solution-i .txt {
	width: 50%;
	text-align: justify;
}

.about-i .txt h3 {
	font-weight: bold;
}

.news-more {
	text-align: center;
	padding-bottom: 100px;
	padding-top: 50px;
}

.news-more a {
	display: inline-block;
	width: 178px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}

.news-more a:hover {
	background-color: #e4392a;
}


.contact-l {
	width: 50%;
	float: left;
	color: #fff;
}

.contact-r {
	width: 40%;
	float: right;

}

.contact-l p {
	line-height: 28px;
}

.ul-contact {
	display: flex;
	justify-content: space-between;
}

.ul-contact {
	padding-top: 20px;
	border-top: 1px solid #ffffff;
	margin: 30px 0;
	/* background: url(../images/i_icon2.png) no-repeat;
	padding-left: 60px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 35px; */
}

.ul-contact li a,
.ul-contact li a:hover {
	color: #fff;
	display: block;
}

.ul-contact li p,
.address-text {
	display: flex;
	margin: 10px 0;
}

.ul-contact li p img,
.address-text img {
	width: 20px;
	height:20px;
	margin-right: 6px;
}


.contact-form {
	background: #fff;
	margin-top: 60px;
	padding: 20px;
	border-radius: 10px;
}

.contact-form h3 {
	font-size: 24px;
	color: rgba(28, 55, 106, .16);
	margin: 10px 0;
	font-weight: bold;
}

.contact-form .inp {
	/* width: 49%; */
	/* border: 1px solid #6d6d88; */
	/* height: 33px; */
	margin-bottom: 15px;
}
.contact-form .inp div{
	line-height: 30px;
    margin-bottom: 5px;
    font-weight: 500;
}
.contact-form .inp input {
	width: 100%;
	height: 30px;
	padding: 3px 10px;
	border: 1px solid rgba(28, 55, 106, 0.36);
}

.contact-form .inp p {
	color: red;
	display: none;
}

.contact-form textarea {
	width: 100%;
	border: 1px solid rgba(28, 55, 106, 0.36);
	height: 98px;
	margin-bottom: 24px;
}

.contact-form .sub {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #3991E9;
	;
	border: 0;
	cursor: pointer;
	font-family: "微软雅黑", "Microsoft Yahei";
	font-size: 16px;
}

.map {
	margin-top: 100px;
	position: relative;
}




/*网思动态*/
.ul-list {
	display: flex;
	flex-wrap: wrap;
}

.ul-list li {
	/* float: left; */
	width: 32%;
	margin-bottom: 30px;
}

.ul-other-li li {
	width: 33%;
}

.ul-list li .pic img {
	width: 100%;
	display: block;
	transform: perspective(800px) rotateY(0deg);
	transition: all 1s ease 0s;
	-moz-transform: perspective(800px) rotateY(0deg);
	-moz-transition: all 1s ease 0s;
	-webkit-transform: perspective(800px) rotateY(0deg);
	-webkit-transition: all 1s ease 0s;
	-o-transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1s ease 0s;
	-ms-transform: perspective(800px) rotateY(0deg);
	-ms-transition: all 1s ease 0s;
	zoom: 1;
}

.ul-list li:hover img {
	transform: perspective(800px) rotateY(-179.9deg);
	-moz-transform: perspective(800px) rotateY(-179.9deg);
	-webkit-transform: perspective(800px) rotateY(-179.9deg);
	-o-transform: perspective(800px) rotateY(-179.9deg);
	-ms-transform: perspective(800px) rotateY(-179.9deg);
}

.ul-list li .pad {
	padding: 0 15px;
}

.ul-list li .bor,
.ul-list li .pic {
	border: 1px solid #e2e3e8;
	cursor: pointer;
}

/* .ul-list li:hover .bor {
	border-color: #e4392a;
} */

.ul-list li .txt {
	padding: 20px 14px;
	line-height: 20px;
	color: #666;
}

.ul-list li .more {
	height: 42px;
	line-height: 42px;
	border-top: 1px dotted #e2e3e8;
	background-color: #f0f2f5;
	padding: 0 14px;
	display: none;
}

.ul-list li .more a {
	color: #e4392a;
}

.ul-list li .more a:hover {
	text-decoration: underline;
}

.ul-list li .title {
	/* height: 55px; */
	margin-bottom: 20px;
}

.ul-list li .title span {
	float: left;
	border: 1px solid #e2e3e8;
	background-color: #f0f2f5;
	display: inline-block;
	text-align: center;
	padding: 6px 5px;
	margin-right: 15px;
}

.ul-list li .title span em {
	display: block;
	font-size: 16px;
}

.ul-list li .title h3 {
	border-bottom: 1px solid #e2e3e8;
	overflow: hidden;
	height: 30px;
	font-size: 18px;
}


/* 解决方案 */

.ul-case {
	margin: 0 -10px;
}

.ul-case li {
	float: left;
	width: 33.3333%;
	overflow: hidden;
	position: relative;
}

.ul-case li .block {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.ul-case li .pic img {
	display: block;
	width: 100%;
}

.ul-case li .pic h5 {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.24);
	color: #fff;
	padding: 10px;
	width: 100%;
	font-size: 16px;
}

.ul-case li .txt {
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	background: url(../images/alpha_blue_60.png) repeat;
	text-align: center;
	color: #fff;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

.ul-case li .txt h5,
.ul-case li .txt p {
	color: #fff;
}
.ul-case li .block:hover .pic h5{
display: none;
}
.ul-case li .txt:hover {
	opacity: 1;
}

.ul-case li .txt b,
.ul-case li .txt .pad {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	text-align: left;
	padding: 0 20px;
	position: relative;
}

.ul-case li .txt .pad h1 {
	font-size: 72px;
	color: rgba(255, 255, 255, .26);
	margin-top: 30px;
}

.ul-case li .txt h5 {
	font-size: 18px;
	padding-top: 30px;
	font-weight: bold;
}

.ul-case li .txt em {
	width: 45px;
	height: 0;
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin: 20px 0 10px 0;
}

.ul-case li .txt p {
	font-size: 14px;
	padding: 10px 0;
	line-height: 28px;
    margin: 20px 0;
	text-align: justify;
}

.ul-case li .txt .more {
	position: absolute;
	right: 20px;
	bottom: 30px;
	color: #fff;
	font-size:18px;
}

.ul-case li .txt .more img {
	margin-left: 5px;
}

.ul-case li .txt .more:hover {
	opacity: .8;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.ul-case li.on .txt {
	top: 0;
}



/*关于网思*/
.about-info {
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #666;
	padding-bottom: 50px;
}

.customer {
	background: url(/images/bg_1.png) center top no-repeat;
	padding-bottom: 54px;
	background-position: center 0;
	background-size: 100% 100%;
	margin-top: -2px;
}

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

.ul-customer li {
	width: 15%;
	margin-top: 10px;
	overflow: hidden;
}

.ul-customer li a {
	display: block;
	width: 100%;
	height: 87px;
	border: 1px solid #fff;
	text-align: center;
	border: 0;
}

.ul-customer li a b,
.ul-customer li a img {
	display: inline-block;
	vertical-align: middle;
}

.ul-customer li a b {
	width: 0;
	height: 100%;
}

.ul-customer li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.ul-about li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.ul-about li p {
	text-align: center;
}

.ul-about li h3 {
	font-size: 24px;

	line-height: 36px;
}

.ul-about li em {
	display: inline-block;
	width: 45px;
	height: 0;
	border-bottom: 1px solid #7f7f90;
	margin-bottom: 20px;
	margin-top: 25px;
}

.ul-about li .block {
	position: relative;
	height: 180px;
	margin: 0 auto;
}

.ul-about li .block img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	border-radius: 50%;
}

.ul-about li.li1 .block {
	width: 150px;
}

.ul-about li.li2 .block {
	width: 215px;
}

.ul-about li.li3 .block {
	width: 252px;
}

.ul-about li.li1 .block,
.ul-about li.li2 .block {
	padding-top: 30px;
}




/*网思服务*/
.h50 {
	height: 50px;
	overflow: hidden;
	clear: both;
}


.nowrap * {
	white-space: nowrap;
}

#ban-in {
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
	/* padding-top: 16%; */
	height: 300px;
}


.bg-blue {
	padding-top: 25px;
	padding-bottom: 100px;
}

.ul-icon {
	/*padding-right: 50px;*/
	overflow: hidden;
}

.ul-icon li {
	width: 94px;
	height: 94px;
	border-radius: 100%;
	background-color: #e4e5e7;
	color: #666;
	text-align: center;
	float: left;
	font-size: 15px;
	line-height: 22px;
	padding: 0 17px;
	margin: 0 25px 30px 25px;
}

.ul-icon li b,
.ul-icon li span {
	display: inline-block;
	vertical-align: middle;
}

.ul-icon li b {
	width: 0;
	height: 100%;
}

.service {
	background: url(../images/bg_5.png) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 63px;
}

.animate-box,
.animate-box .con {
	width: 1170px;
}

.case-img2 p {
	text-align: center;
}



.tab-nav {
	display: flex;
	font-size: 18px;
	justify-content: space-evenly;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}

.tab-nav li {
	width: 220px;
	cursor: pointer;
	font-weight: bold;
}

.tab-nav li.active,
.tab-nav li:hover {

	color: #0096DB;
	border-bottom: 3px solid #0096DB;
}

.tab-content {
	padding: 50px 0;
}

.tab-item-title {
	padding-left: 10px;
	border-left: 5px solid #0096DB;
	font-size: 22px;
	color: #0096DB;
}

.tab-item {
	font-size: 16px;
	display: none
}

.tab-item:first-child {
	display: block
}

.tab-item p {
	text-indent: 32px;
	line-height: 30px;
	margin-top: 20px;
	text-align: justify;
}

.ul-taab-item {
	margin-top: 20px;
}

.ul-taab-item p {
	margin-top: 0;
	text-indent: 0;
}

.ul-taab-item li .block {
	padding-top: 0;
	height: 170px;
}

.ul-taab-item li em {
	border-bottom: 2px solid #7f7f90;
	margin: 15px 0;
}

.ul-case-item li .title {
	text-align: center;
}

.ul-case-item li:hover .bor {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .3);
}

.ul-case-item li:hover p {
	color: #555;
}


#nav ul li .nav-child {
	display: none;
	overflow: hidden;
	width: 220px;
	background: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .3);

}

#nav ul li .nav-child li {
	line-height: 45px;
	font-size: 14px;
	width: 100%;
	padding: 0 15px;
	cursor: pointer;

}

#nav ul li .nav-child li a {
	font-size: 14px;
	height: auto;
	text-align: left;
	color:#555;
	position: relative;
}
	
#nav ul li .nav-child li a:hover{
	color:#0096DB;
}
#nav ul li .nav-child .product-nav li a:hover::after,
#nav ul li .nav-child li a:hover::after
{
	display:block;
    content:'';
    width:0;
    border-width: 4px 4px 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #0096DB;
    position: absolute;
    left: -10px;
    top: 19px;
}
#nav ul li .nav-child>li:hover {
	background: #f5f5f5;
}

#nav ul li:hover .nav-child {
	display: block;
}

#nav>ul>li.active>a,
#nav>ul>li:hover>a {
	/* color: #000000; */
	border-bottom: 0;
	position: relative;
}

#nav>ul>li.active>a::before,
#nav>ul>li:hover>a::before {
	content: "";
	height: 2px;
	width: 30px;
	background-color: #0096DB;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -15px;
}

/* #nav ul li .nav-child>li:hover a{
	color:#0096DB;
	border-bottom:0;
} */

.devalps .coures li .parts p {
	font-size: 16px;
	line-height: 32px;
	float: left;
	color: #333;
	width: 100%;
	text-align: left;
}

.devalps .coures li .parts .ties {
	width: 70px;
	font-size: 26px;
	font-weight: bold;
	color: #cc0a0a;
	margin-right: 20px;
	float: left;
}

.devalps .coures li .parts .ties i {
	font-size: 14px;
	color: #999;
	font-weight: bold;
}

.devalps .coure_mores {
	display: block;
	line-height: 60px;
	background: #f5f5f5;
	text-align: center;
	width: 100%;
	font-size: 16px;
	cursor: pointer;
	margin-top: 40px;
}

.textIndent {
	text-indent: 33px;
}

.fontWeight {
	font-weight: 600;
}

.frs {
	float: right;
}

.fls {
	float: left;
}


.aboutHonor {
	width: 100%;
	padding-bottom: 172px;
	background: url(/images/about/Profile9.png) no-repeat;
	background-position: center 0;
	background-size: 100% 100%;
	padding-top: 88px;
}

.f-left,
.f-right {
	width: 362px;
	margin: 0 auto;
}

.features {
	padding: 3em 0 5em 0;
	overflow: auto;
	background: url(/images/about/Profile8.png) no-repeat;
	background-size: 100% 100%;
}

@media (max-width:1440px) {
	.features {
		padding: 4.5em 0;
	}
}

@media (max-width: 1280px) {
	.features {
		padding: 3.5em 0;
	}
}


@media (max-width: 991px) {
	.features {
		padding: 3em 0;
		background-size: cover;
	}


}



@media (max-width: 600px) {
	.features {
		padding: 2.5em 0;
	}
}



@media (max-width: 440px) {
	.features {
		padding: 2em 0;
	}
}




/* 产品中心 */
.tabs-qh {
	width: 100%;
	float: left;
}

.xnav {
	border-bottom: 1px solid #e9e9e9;
	width: 100%;
	height: 80px;
	line-height: 80px;
	float: left;
	display: block;
	margin-bottom: 30px;
	background: #fff;
	-webkit-animation: gdownIn 1s 0.7s both;
	-moz-animation: gdownIn 1s 0.7s both;
	animation: gdownIn 1s 0.7s both;
}

.plan_title {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}

.plan_title dt {
	float: left;
	line-height: 80px;
	font-size: 30px;
	color: #333;
	font-weight: 400;
}

.plan_title dd {
	display: inline;
	cursor: pointer;
	padding-right: 7px;
	-webkit-tap-highlight-color: transparent;
	/* margin-right: 9px; */
}

.plan_title dd:last-child {
	padding-right: 0;
}

.plan_title a {
	color: #666;
	padding: 26px 0px;
}

.plan_title a:hover {
	color: #0096DB;
}

.plan_title a.tab-now {
	color: #0096DB;
	border-bottom: 3px solid #0096DB;
}

#plan_list {
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 6px;
}

#plan_list>div {
	display: none;
}

#plan_list>div.now {
	display: block;
}

#plan_list div h3 {
	font-size: 25px;
	margin: 20px 0 40px 0;
	width: 100%;
	display: block;
	text-align: center;
}

#plan_list div strong,
#detail-content div.p_content strong {
	font-size: 22px;
	font-weight: 500;
	color: #0096DB;
	padding: 20px 0 10px;
	display: block;
}

#plan_list div.p_content,
#detail-content div.p_content {
	line-height: 36px;
	width: 100%;
	/* float: left; */
	margin-bottom: 100px;
}

#plan_list div.p_content p,
#detail-content div.p_content p {
	width: 100%;
	font-size: 16px;
	/* text-align: justify; */
}

#plan_list ul {
	width: 100%;
	float: left;
	display: block;
	padding: 50px 0 60px;
	margin-top: 30px;
	border-top: 2px solid #e3e3e3;
}

#plan_list ul li {
	width: 25%;
	height: 200px;
	overflow: hidden;
	float: left;
	padding: 0 5px;
}

#plan_list ul li .dt {
	width: 100%;
	height: 100%;
	display: block;
	background: #0096DB;
	float: left;
}

#plan_list ul li span {
	font-size: 26px;
	color: #fff;
	margin: 30px 0 0 20px;
	width: 100%;
	display: block;
	float: left;
}

#plan_list ul li p {
	font-size: 18px;
	color: #fff;
	margin: 5px 0 0 20px;
	width: 100%;
	display: block;
	float: left;
}

#plan_list ul li img {
	width: 100%;
	height: 100%;
}

.fl {
	float: left;
}

.fr {
	text-align: center;
}

.fr img {
	max-width: 55%;
}

.frimg {
	text-align: center;
}

.frimg img {
	width: 700px;
	margin: 0 auto;
}

.frf10 {
	text-align: center;
}

.frf10 img {
	width: 85%;
}

.fr p {
	text-align: center;
}

.tecIndex {
	width: 100%;
	justify-content: space-around;
	flex-wrap: wrap;
	display: flex;
	margin-top: 10px;
}

.tecIndex .tecIndexItem {
	width: 30%;
	height: 111px;
	margin-top: 20px;
	border: 1px solid #0096DB;
	display: flex;
	align-items: center;
	justify-content: center;
	/* padding-left: 80px; */
}

.tecIndexIcon {
	margin-right: 30px;
	width: 50px;
	height: 50px;
}

.tecIndexIcon1 {
	background: url("../images/productCenter/prod_pic01.png") no-repeat center;
	background-size: 100% 100%;
}

.tecIndexIcon2 {
	background: url("../images/productCenter/prod_pic02.png") no-repeat center;
	background-size: 100% 100%;
}

.tecIndexIcon3 {
	background: url("../images/productCenter/prod_pic03.png") no-repeat center;
	background-size: 100% 100%;
}

.tecIndexIcon4 {
	background: url("../images/productCenter/prod_pic04.png") no-repeat center;
	background-size: 100% 100%;
}

.tecIndexIcon5 {
	background: url("../images/productCenter/prod_pic05.png") no-repeat center;
	background-size: 85% 85%;
}

.tecIndexIcon6 {
	background: url("../images/productCenter/prod_pic06.png") no-repeat center;
	background-size: 100% 100%;
}

.tecIndexContent {
	font-size: 16px;
}

.tecSuperiority {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}

.tecSuperiority .left {
	width: 500px;
	/* height: 360px; */
	margin-right: 30px;
	background: url("../images/productCenter/g12.png") no-repeat center;
	background-size: 100% 100%;
}

.right div {
	display: flex;
	align-items: center;
}

.rightIcon {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #0096DB;
	margin-right: 30px;
}

.applyEnv {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-top: 20px;
}

.applyEnvItem {
	width: 23%;
}

.apply_title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.applyIcon {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #0096DB;
	margin-right: 20px;
}

/* .apply_content{
  display: flex;
  align-items: center;
  height: 200px;
  border: 1px solid #e4392a;
} */
.workflow {
	width: 100%;
}

.work_title {
	text-align: center;
	margin-bottom: 20px;
}

.construct_stage_box,
.inspection_stage_box {
	display: flex;
	align-items: center;
	justify-content: center;

}

.construct_stage_left,
.construct_stage_right,
.inspection_stage_left,
.inspection_stage_right {
	width: 220px;
	height: 220px;
	border-radius: 20px;
	border: 2px solid #0096DB;
	padding: 10px 10px;
	font-size: 18px;
}

.construct_stage_icon,
.inspection_stage_icon {
	width: 100px;
	height: 3px;
	border-radius: 3px;
	background-color: #0096DB;
}

.inspection_stage {
	margin-top: 20px;
}

.inspec_stage_pic {
	display: flex;
	padding: 0 20px;
	justify-content: space-around;
}

.inspec_stage_left,
.inspec_stage_right,
.inspec_stage_center {
	width: 250px;
	/* height: 234px; */
}

.inspec_stage_left img,
.inspec_stage_right img,
.inspec_stage_center img {
	width: 100%;
	/* height: 100%; */
}

.inspec_stage_left p,
.inspec_stage_right p {
	text-align: center;
}

.frpic img {
	width: 300px;
}

.picleft {
	width: 500px;
}

.logistic {
	width: 370px;
}

.otherpic {
	width: 630px;
}

.controlBox {
	display: flex;
	justify-content: center;
}

.controlContent {
	width: 30%;
	margin: 10px 20px;
	background: #fff;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.controlContent:hover {
	-webkit-box-shadow: 1px 22px 46px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 22px 46px rgba(0, 0, 0, 0.25);
	-webkit-transform: translate3d(0, -8px, 0);
	transform: translate3d(0, -8px, 0);
}

.controlContent p {
	padding: 0 20px;
}

/* 产品中心样式调整css */
.soft_system_box {
	width: 100%;
}

.soft_system {
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-around;
}

.soft_system.column-reverse .content {
	background: #f0f0f0;
}

.soft_system .content .title {
	border-bottom: 4px solid #0096DB;
	padding-bottom: 10px;
}

.img_box {
	width: 45%;
}

.img_box img {
	width: 100%;
}

.title {
	font-size: 20px;
	font-weight: 600;
}

.content {
	width: 55%;
	padding: 10px 25px;
}

.content div {
	width: 50px;
	height: 2px;
	background-color: #0096DB;
	margin: 17px 0px 9px;
}


/* 光伏作业流程样式 */
.work_flow {
	width: 100%;
	display: flex;
}

.work_flow {
	flex-wrap: wrap;
	justify-content: space-between;
}

div.p_content .work_flow_item {
	width: 48%;
	border: 1px solid #f0f0f0;
	margin: 1%;
}

div.p_content .work_flow_item .work_flow_img {
	position: relative;
}

div.p_content .work_flow_item .work_flow_img p {
	position: absolute;
	bottom: 12px;
	background: rgba(0, 0, 0, 0.4);
	padding: 0 10px;
	color: #fff;
	font-size: 18px !important;
	height: inherit;
}

div.p_content .work_flow_item p {
	padding: 0 10px;
	text-align: justify;
	height: 170px;
}




@media(max-width:767px) {
	.tabs-qh {
		width: 100%;
		float: left;
	}

	.xnav {
		border-bottom: none;
		width: 100%;
		height: auto;
		line-height: 30px;
		float: left;
		display: block;
		margin-bottom: 30px;
		background: none;
	}

	.plan_title {
		width: 100%;
		float: left;
		text-align: center;
		margin: 20px 0 10px;
		padding: 0 5px;
	}

	.plan_title dd {
		display: block;
		float: left;
		margin-right: 0 !important;
		width: 33%;
		margin: 5px 0;
		padding: 0 5px;
	}

	.plan_title a {
		color: #666;
		padding: 10px 0px;
		background: #fff;
		height: 80px;
		display: block;
		border: 1px solid #CCC;
		border-radius: 5px;
	}

	.plan_title a.tab-now {
		color: #fff;
		border-bottom: none;
		background: #0096DB;
		border: 1px solid #0096DB;
	}

	.tecIndex .tecIndexItem {
		width: 45%;
		height: 111px;
		margin-top: 20px;
		border: 1px solid #0096DB;
		display: flex;
		align-items: center;
		/* justify-content: center; */
	}

	.inspec_stage_pic {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
	}

	.inspec_stage_left,
	.inspec_stage_center {
		margin-bottom: 30px;
	}

	.otherpic {
		width: 90%;
	}
}

@media(max-width:640px) {
	.tabs-qh {
		width: 100%;
		float: left;
	}

	.controlBox {
		display: flex;
		flex-direction: column;
	}

	.controlContent {
		width: 80%;
		text-align: center;
		margin: 10px auto;
	}

}

@media(max-width:480px) {
	.tabs-qh {
		width: 100%;
		float: left;
	}

	#plan_list {
		width: 100%;
		padding: 0;
		overflow: hidden;
		margin: 0 auto;
		/* padding: 0 15px; */
	}

	#plan_list div h3 {
		font-size: 24px;
		margin: 20px 0 40px 0;
		width: 100%;
		display: block;
		text-align: center;
	}

	#plan_list div strong {
		font-size: 22px;
		font-weight: 500;
		color: #0096DB;
		padding: 20px 0 10px;
		display: block;
	}

	#plan_list div.p_content {
		line-height: 30px;
		width: 100%;
		/* float: left; */
	}

	#plan_list div.p_content .fr {
		width: 100%;
		height: 100%;
		text-align: center;
		margin: 0 0 20px 0;
	}

	#plan_list div.p_content .fr img {
		width: 80%;
	}

	#plan_list ul {
		width: 100%;
		float: left;
		display: block;
		padding: 30px 0 40px;
		margin-top: 30px;
		border-top: 2px solid #e3e3e3;
	}

	#plan_list ul li {
		width: 25%;
		height: 80px;
		overflow: hidden;
		float: left;
		padding: 0 5px;
	}

	#plan_list ul li .dt {
		width: 100%;
		height: 100%;
		display: block;
		background: #0096DB;
		float: left;
	}

	#plan_list ul li span {
		font-size: 14px;
		color: #fff;
		margin: 5px 0 0 5px;
		width: 100%;
		display: block;
		float: left;
	}

	#plan_list ul li p {
		font-size: 12px;
		color: #fff;
		margin: 5px 0 0 5px;
		width: 100%;
		display: block;
		float: left;
	}

	.inspec_stage_left,
	.inspec_stage_right,
	.inspec_stage_center {
		width: 250px;
		/* height: 234px; */
		margin-bottom: 10px;
	}

	.picleft {
		width: 95%;
	}

	.logistic {
		width: 98%;
	}

	.plan_title a {
		color: #666;
		height: 100px;
		padding: 10px 0px;
		background: #fff;
		display: block;
		border: 1px solid #CCC;
		border-radius: 5px;
	}

	.otherpic {
		width: 90%;
	}

	.frf10 {
		width: 100%;
	}

	.fr img {
		max-width: 95%;
	}
}

@media (max-width:320px) {
	.plan_title a {
		height: 135px;
	}
}

@media (max-width:520px) {
	.tecIndex .tecIndexItem {
		width: 95%;
		height: 111px;
		margin-top: 20px;
		border: 1px solid #0096DB;
		display: flex;
		align-items: center;
		justify-content: space-around;
		padding: 0 20px;
	}

	/* .tecIndexIcon{
		margin-right: 50px;
		width: 50px;
		height: 50px;
	} */
}

@media(min-width:446px) and (max-width:570px) {

	.plan_title a {
		color: #666;
		height: 80px;
		padding: 10px 0px;
		background: #fff;
		display: block;
		border: 1px solid #CCC;
		border-radius: 5px;
	}

	.plan_title a:hover {
		color: #0096DB;
	}

	.plan_title a.tab-now {
		color: #ffffff;
	}
}

@media(min-width:768px) and (max-width:1071px) {
	.tabs-qh {
		width: 100%;
		float: left;
	}

	.xnav {
		width: 100%;
		height: auto;
		/* height: 60px; */
		border-bottom: none;
		/* line-height: 60px; */
		margin-bottom: 50px;
	}

	/* .plan_title dd {
		display: inline;
		cursor: pointer;
		padding: 0px 5px;
		margin-right: 8px;
	} */
	.plan_title dd {
		display: block;
		float: left;
		margin-right: 0 !important;
		width: 33%;
		margin: 5px 0;
		padding: 0 5px;
	}

	/* .plan_title a {
		color: #666;
		padding: 16px 0px;
	} */

	.plan_title a {
		color: #666;
		padding: 10px 0px;
		background: #fff;
		display: block;
		border: 1px solid #CCC;
		border-radius: 5px;
	}

	.plan_title a:hover {
		color: #0096DB;
	}

	.plan_title a.tab-now {
		color: #0096DB;
		border-bottom: 1px solid #0096DB;
	}

	#plan_list {
		width: 100%;
		padding: 0;
		overflow: hidden;
		margin: 0 auto;
		padding: 0 6px;
	}

	#plan_list div h3 {
		font-size: 30px;
		margin: 20px 0 40px 0;
		width: 100%;
		display: block;
		text-align: center;
	}

	#plan_list div strong {
		font-size: 26px;
		font-weight: 500;
		color: #0096DB;
		padding: 20px 0 10px;
		display: block;
	}

	#plan_list div.p_content {
		line-height: 36px;
		width: 100%;
		float: left;
	}

	#plan_list ul {
		width: 100%;
		float: left;
		display: block;
		padding: 50px 0 60px;
		margin-top: 30px;
		border-top: 2px solid #e3e3e3;
	}

	#plan_list ul li {
		width: 25%;
		height: 140px;
		overflow: hidden;
		float: left;
		padding: 0 5px;
	}

	#plan_list ul li .dt {
		width: 100%;
		height: 100%;
		display: block;
		background: #0096DB;
		float: left;
	}

	#plan_list ul li span {
		font-size: 24px;
		color: #fff;
		margin: 20px 0 0 15px;
		width: 100%;
		display: block;
		float: left;
	}

	#plan_list ul li p {
		font-size: 18px;
		color: #fff;
		margin: 5px 0 0 15px;
		width: 100%;
		display: block;
		float: left;
	}

	#client ul li {
		height: 100px;
	}

	.products .pro {
		padding: 10px;
		line-height: 30px;
		padding: 10px 30px;
	}
}

@media (max-width:1000px) {
	.left {
		width: 300px;
		height: 300px;
		background: url("../images/page8_2.png") no-repeat center;
		background-size: 100% 100%;
	}

	.tecSuperiority {
		align-items: center;
	}
}

@media (max-width:820px) {
	.left {
		width: 300px;
		height: 300px;
		background: url("../images/page8_2.png") no-repeat center;
		background-size: 100% 100%;
		margin-bottom: 15px;
	}

	.tecSuperiority {
		flex-direction: column;
	}

	.soft_system {
		width: 100%;
		margin-bottom: 40px;
		display: flex;
		flex-direction: column;
	}

	.img_box {
		width: 93%;
		margin: 0 auto;
	}

	.soft_system .content {
		width: 100%;

	}

	.systemFeatureMain dl {
		width: 100% !important;
	}

	.soft_system.column-reverse {
		background-color: #f0f0f0;
		padding-top: 10px;
	}

	.column-reverse {
		display: flex;
		flex-direction: column-reverse !important;
	}
}

@media (max-width:920px) {
	.inspection_stage_icon {
		width: 50px;
	}
}

@media (max-width:795px) {

	.construct_stage_icon,
	.inspection_stage_icon {
		width: 3px;
		height: 50px;
	}

	.construct_stage_box,
	.inspection_stage_box {
		flex-direction: column;
	}
}

.trialBtn {
	height: 45px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	background-color: #0096DB;
	color: #fff;
	border-radius: 5px;
	font-size: 18px;
	padding: 0 20px;
}

.trialBtn:hover {
	color: #fff;
}

.about-info-item {
	flex-wrap: wrap;
	justify-content: space-between;
}

.about-info-item div {
	width: 33.33%;

}

.about-info-item div h3 {
	padding: 30px 20px 0 20px;
	font-size: 24px;
	color: #555;
}

.about-info-item div p {
	font-size: 16px;
	padding: 20px;
	text-align: justify;
}

.about-info-item div.about-info-item-left {
	/* padding:20px 10px; */
	background: rgba(20, 23, 28, 0.06);
	overflow: hidden;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.about-info-item div.about-info-item-left div {
	width: 100%;
}

.about-info-item div.about-info-item-left .about-info-item-img {
	height: 284px;
	width: 100%;
	overflow: hidden;
}

.about-info-item div.about-info-item-left:hover img {
	transform: scale(1.2);
}

#team {
	background: url('../images/about/about14.png') no-repeat;
     background-position: center 0;
    /* background-size: 100% 100%;  */
	padding-bottom: 100px;
	margin-bottom: 30px;

}
.teambackground{
	width: 100%;
	height: 100%;

}

.swiper-container-team {
	width: 100%;
	overflow: hidden;
}

.swiper-container-team .li {
	float: left;
	width: 31%;
	text-align: center;
	margin-top: 20px;
	margin: 1%;
	/* background: url(../images/about/about2.jpg) 100% center; */
	/* background: rgba(0, 0, 0, .1); */

}

.swiper-container-team .li img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	/* border: 1px solid #3995e4; */

}

.swiper-container-team .img_box {
	text-align: center;
}

#team .box {
	width: 70%;
	margin: 10px auto 20px;
}



#team .box .name {
	font-size: 32px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #000000;
	text-align: center;
	margin-top: 39px;
}

#team .box .post {
	width: 116px;
	height: 40px;
	margin: 0 auto;
	border-radius: 20px;
	background: linear-gradient(137deg, #406098 0%, #101C31 100%);
	line-height: 40px;
	display: block;
	font-size: 20px;
	color: #fff;
	/* padding: 10px; */
	margin-top: 12px;

}

#team .box .res {
	margin-top: 42px;
	font-size: 18px;
	font-family: PingFangSC-Regular, PingFang SC;
	color: #000000;
	line-height: 32px;
	text-align: center;
}

#team .box .res span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #555;
}

.pagination_swiper {
	text-align: center;
}

.pagination_swiper .swiper-pagination-bullet {
	width: 48px;
	height: 4px;
	background: #999999;
	opacity: 0.2;
	border-radius: 0;
	margin-right: 10px;
}

.pagination_swiper .swiper-pagination-bullet-active {
	background: #999999;
	opacity: 1;
}



.dialogmask {
	position: fixed;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 80;
	/* display: none; */

}

.opacity {
	/*遮罩浑浊处理*/
	opacity: 0.3;
	filter: alpha(opacity=30);
	background-color: #000;
}

.dialogbox {
	overflow: hidden;
	position: absolute;
	width: 60%;
	height: 70%;
	z-index: 100;
	/*值越大，和其他层层叠时越在上面*/
	left: 20%;
	top: 15%;
	background-color: #fff;
	border: 1px solid rgb(0, 153, 153);
}

.dialogtitle {
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	font-size: 18px;
	top: 0px;
	background-color: lightgrey;
}

.dialogcontent {
	padding-top: 20px;
	OVERFLOW: scroll;
	height: calc(100% - 20px);
	height: -webkit-calc(100% - 20px);
}

.logcontent {
	padding: 10px;
}

.flex-space {
	display: flex;
	justify-content: space-between;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-center>p {
	height: 30px;
}

.flex-center>img {
	max-width: 48%;
}

.swiper-button-next-index,
.swiper-button-prev-index {
	padding: 0 100px;
}

.swiper-pagination-index {
	position: absolute;
	bottom: 50px !important;
	z-index: 99;
}

.pagination_swiper .swiper-pagination-bullet {
	width: 48px;
	height: 6px;
	background: #999;
	opacity: 0.7;
	border-radius: 0;
}

.pagination_swiper .swiper-pagination-bullet-active {
	background: #0096DB;
}






.product-body {
	padding: 0px 35px !important;
}

.product-body:after {
	content: "";
	width: 100%;
	height: 3px;
	/* background: url(../images/productBase-features-model.png) no-repeat; */
	background-size: 100% auto;
	background-position: center;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 0
}

/*li*/
.features-item {
	position: relative;
	float: left
}

/* .features-slide .features-item>* {
	text-align: center
} */
.features-item h3 {
	font-size: 36px;
	font-family: Gotham-Medium, Gotham;
	font-weight: 500;
	color: rgba(255,255,255,0.12);
	line-height: 43px;
	letter-spacing: 2px;
	-webkit-text-stroke: 1px #FFFFFF;
	text-align: center;
	margin-bottom: 79px;
}

.features-item .big {
	position: absolute;
	width: 32px;
	height: 32px;
	border: 3px solid #fff;
	border-radius: 50%;
	left: 44%;
	top: 70px;
}

.features-item .xuxian {
	position: absolute;
	width: 70%;
	top: 85px;
	left:63%;
	border-bottom: #fff 1px dashed;
}

.features-item .big .bind {
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	margin: 0 auto;
	margin-top: 5px;
}

.features-item i {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #fff;
	left: 47%;
	top: 45px;
	/* background-size: contain;
	background-position: right center;
	left: -25%;

	top: 35px; */
	z-index: 3
}

.features-item .features-info {
	display: block;
	margin: 0 auto;
	padding: 30px;
	border-image: linear-gradient(136deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.33)) 1 1;
	transition: all 0.3s;
	margin-right: 30px;
	background: #101D34;
	border-radius: 12px;
	height: 400px;
	overflow-y: auto;;
	border: 1px solid;
}

.features-item .features-info .features-info-i {
	font-size: 14px;
	color: #A0A2A8;
	line-height: 22px;
	margin-bottom: 10px
}

.features-item .features-info .features-info-s {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	overflow: hidden
}

.features-item .features-info .features-info-s p {
	margin-top: 10px;
	font-size: 16px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 28px;
	display: flex;
}

.features-item .features-info .features-info-s span {
	flex-shrink: 0;
	width: 12px;
	height: 12px;
	display: inline-block;
	background: #E9C239;
	margin-right: 16px;
	border-radius: 50%;
	margin-top: 8px;
	
}

.features-item.dark i {
	/* background: url(../images/productBase-features-timeline-dark.png) no-repeat; */
	background-size: contain;
	background-position: right center
}

/*鼠标悬浮效果*/
.features-item:hover h3 {
	-webkit-text-stroke: 1px #3991E9;

}

.features-item:hover .bind {
	background-color: #3991E9;
	/* background-position: right center */
}

.features-item:hover .big {
	border: 3px solid #3991E9;
}

.features-item:hover a {
	/* background: url(../images/productBase-features-info.png) no-repeat; */
	background-size: 100% 100%;
	text-decoration: none;
}

/*左右按钮*/
/* .product-features .swiper-button-prev {
	width: 30px;
	height: 40%;
	left: -100px;
	top: 45%;
	background: none;
	color:#fff;
	-webkit-tap-highlight-color:transparent;
	outline: none;
} */
.product-features .swiper-button-prev {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	left: -7%;
	top: 50%;
	background-color: #fff;
	color: #141563;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

/* .product-features .swiper-button-next {
	width: 30px;
	height: 40%;
	right:-100px;
	top: 45%;
	background: none;
	color:#fff;
	outline: none;
} */
.product-features .swiper-button-next {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	right: -7%;
	top: 50%;
	color: #141563;
	background-color: #fff;
	outline: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0.6;
}

.swiper-container-aboutHonor .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.8);
}

.swiper-container-aboutHonor .swiper-slide img {
	border: 6px solid #ccc;
}

.swiper-container-aboutHonor .swiper-slide-active,
.swiper-container-aboutHonor .swiper-slide-duplicate-active {
	transform: scale(1);
}

.about-honor-img {
	width: 100%;
	height: 100%;
}

.about-honor-img-left,
.about-honor-img-right {
	width: 50%;
}

.about-honor-img img {
	width: 48%;
	margin-top: 15px;
	border: 6px solid #ccc;
}



.ul-news-i {
	width: 100%;
	overflow: auto;
}

.ul-news-i li {
	float: left;
	width: 24.5%;
	color: #fff;
	position: relative;
	min-height: 295px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	overflow: hidden;
	background-color: #000;
}

.ul-news-i li .txt {
	padding-left: 30px;
	padding-right: 58px;
}

.ul-news-i li .txt span {
	padding: 15px 8px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 14px;
}

.ul-news-i li .txt span em {
	display: block;
	font-size: 20px;
}

.ul-news-i li h3 a {
	color: #fff;
	display: inline-block;
	padding: 20px 0;
}

.ul-news-i li p {
	color: #bbbbbe;
	line-height: 20px;
}

.ul-news-i li .more {
	background: url(../images/more1.png) no-repeat;
	width: 36px;
	height: 36px;
	display: inline-block;
	margin-top: 50px;
}

.ul-news-i li .hover .img {
	width: 100%;
	position: absolute;
	top: -165px;
	left: 7px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

.ul-news-i li .hover .pad {
	padding: 0 27px 20px 27px;
	position: absolute;
	left: 7px;
	bottom: -148px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	background-color: #000022;
	width: 92%;
}

.ul-news-i li .hover .img {
	height: 165px;
	width: 92%;
}

.ul-news-i li:hover .hover .img {
	top: 0;
}

.ul-news-i li:hover .hover .pad {
	bottom: 0;
}

.flex-detail {
	flex-wrap: wrap;
	justify-content: left;
}

div.p_content .flex-detail-item {
	width: 31%;
	border: 1px solid #f0f0f0;
	margin: 1%;
	background-color: #fff;
}

div.p_content .flex-detail-item .flex-detail-img {
	position: relative;
}

div.p_content .flex-detail-item .flex-detail-img p {
	position: absolute;
	bottom: 12px;
	background: rgba(0, 0, 0, 0.4);
	padding: 0 10px;
	color: #fff;
	font-size: 18px !important;
	height: inherit;
}

div.p_content .flex-detail-item p {
	padding: 0 10px;
	text-align: justify;
	height: 170px;
}



.systemFeatureMain {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.systemFeatureMain dl {
	margin: 0;
	width: 48%;
	margin-bottom: 20px;
}

.systemFeatureMain dt {
	height: 48px;
	font-size: 20px;
	color: #333;
	padding-left: 35px;
	line-height: 48px;
}

.systemFeatureMain dt img {
	width: 30px;
	margin-right: 10px;
	vertical-align: middle;
}

.systemFeatureMain dd {
	line-height: 30px;
	font-size: 16px;
	padding-left: 75px;
	color: #777;
}


.message-dialog {
	background: rgba(0, 0, 0, .3);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}

.message-dialog .msg-box {
	width: 300px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;

}

.message-dialog .msg-box h3 {
	font-size: 20px;
	text-align: center;
	margin: 20px 5px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.message-dialog .msg-box .close-icon {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 24px;
}

.message-dialog .msg-box .success-icon {

	width: 30px;
}

.advantage-item {
	height: 200px;
}

.advantage-item div {
	width: 19%;
	height: 100%;
	margin: 10px;
	border: 1px solid #f0f0f0;
	background: #f5f6fa;
	padding: 10px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-box-shadow: 1px 8px 2px rgba(24, 102, 247, 0.16);
	box-shadow: 1px 8px 2px rgba(24, 102, 247, 0.16);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

#plan_list div.p_content .advantage-item div h3,
#detail-content div.p_content .advantage-item div h3 {
	font-size: 18px;
	margin: 0;
}

#plan_list div.p_content .advantage-item div p,
#detail-content div.p_content .advantage-item div p {
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.8;
}

.advantage-item div:hover {
	background: #0091eb;
	-webkit-box-shadow: 1px 22px 46px rgba(0, 0, 0, 0.16);
	box-shadow: 1px 22px 46px rgba(0, 0, 0, 0.16);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

.advantage-item div:hover h3,
.advantage-item div:hover p {
	color: #fff;
}






.imgBg {
	width: 100%;
	height: 500px;
	background: url("../images/banner5.jpg") no-repeat;
	position: relative;
	background-size: 100% 100%;

}

.imgBg .advantageList {
	width: 60%;
	height: 100%;
	background: rgba(98, 100, 103, 0.8);
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 15px;
	box-sizing: border-box;
}

.imgBg .advantageList dl {
	margin-left: 44px;
	margin-bottom: 15px;
}

.imgBg .advantageList dt {
	color: #fff;
	font-size: 18px;
}

.imgBg .advantageList dd {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	margin-top: 8px;
	width: 95%;
}

.imgBg .advantageList .orderNum li {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #505457;
	color: #505457;
	text-align: center;
	line-height: 40px;
	position: absolute;
	background-color: #fff;
	left: -20px;
}

.imgBg .advantageList .orderNum li:nth-child(1) {
	top: 20px;
}

.imgBg .advantageList .orderNum li:nth-child(2) {
	top: 140px;
}

.imgBg .advantageList .orderNum li:nth-child(3) {
	top: 308px;
}

.imgBg .advantageList .orderNum li:nth-child(4) {
	top: 388px;
}

.media-div {
	display: none;
}


#plan_list div.p_content .list-paddingleft,
#detail-content div.p_content .list-paddingleft {
	overflow: auto;
	min-height: 200px;
	display: flex;
	margin: 0;
	border: 0;
	padding: 0px 0 30px;
}

#plan_list div.p_content .list-paddingleft li,
#detail-content div.p_content .list-paddingleft li {
	width: 30%;
	margin: 10px;
	padding: 10px 20px;
	/* background:url(../images/productCenter/dk01.png) */
	background: #fff;
	-webkit-box-shadow: 1px 8px 2px rgba(24, 102, 247, 0.16);
	box-shadow: 1px 8px 2px rgba(24, 102, 247, 0.16);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
	border-radius: 5px;
}

#plan_list div.p_content .list-paddingleft li:hover,
#detail-content div.p_content .list-paddingleft li:hover {
	-webkit-box-shadow: 1px 12px 20px rgba(24, 102, 247, 0.16);
	box-shadow: 1px 12px 20px rgba(24, 102, 247, 0.16);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -10px, 0);
}

.list-paddingleft li .cont {
	float: left;
	width: 100%;
}

.list-paddingleft li h4 {
	color: #333;
	font-size: 18px;
}

#plan_list div.p_content .list-paddingleft li p,
#detail-content div.p_content .list-paddingleft li p {
	color: #777;
	font-size: 15px !important;
	line-height: 1.8;
	margin-top: 10px;
	margin-left: 0;
}


.rfgdswrj_box2 {
	width: 100%;
	padding-bottom: 3%;
	overflow: hidden;
}

#plan_list div.p_content .rfgdswrj_box2 ul,
#detail-content div.p_content .rfgdswrj_box2 ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	border: 0;
	padding: 0px 0 30px;
}

#plan_list div.p_content .rfgdswrj_box2 ul li,
#detail-content div.p_content .rfgdswrj_box2 ul li {
	width: 47%;
	margin-right: 2%;
	padding: 3%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	height: 300px;
	background: #f5f5f5;
	-webkit-box-shadow: 1px 8px 2px rgba(24, 102, 247, 0.16);
	box-shadow: 1px 8px 2px rgba(24, 102, 247, 0.16);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
	border-radius: 5px;

}


.rfgdswrj_box2 ul li:hover {
	-webkit-box-shadow: 1px 12px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 12px 20px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}



.rfgdswrj_box2 ul li .tit {
	/*overflow: hidden;*/
	margin-bottom: 20px;
	position: relative;
}

#plan_list div.p_content .rfgdswrj_box2 ul li .tit span,
#detail-content div.p_content .rfgdswrj_box2 ul li .tit span {
	display: inline-block;
	color: #383f42;
	font-size: 18px;

}



#plan_list div.p_content .rfgdswrj_box2 ul li p,
#detail-content div.p_content .rfgdswrj_box2 ul li p {
	color: #777;
	font-size: 15px;
	line-height: 2;
	width: 100%;
	height: 75px;
}

.intro-box,
.draught-box {
	display: flex;
	flex-wrap: wrap;
}

.intro-box .intro-item,
.draught-box .draught-item {
	width: 48%;
	margin: 1%;
	border: 1px solid #f0f0f0;
	background: #f9f9f9;
	font-size: 15px;
	padding: 10px;
	text-align: justify;
	line-height: 1.8;
	/* display: flex;
	align-items: center; */
}

.intro-box .intro-item .img-item {
	position: relative;
	width: 50%;
	flex-shrink: 0;
	float: right;
	margin: 10px 15px;
}

div.p_content .intro-box .intro-item p {
	font-size: 15px;
}

div.p_content .intro-box .intro-item .txt-item {
	padding: 20px;
}

div.p_content .intro-box .intro-item p,
.draught_title {
	/* position: absolute; */
	background: rgba(0, 0, 0, .4);
	color: #fff;
	bottom: 0;
	text-align: center;
	font-size: 18px !important;
}

div.p_content .flex-detail-item p.h70 {
	height: 70px;
}

.draught-box .draught-item .img-items {
	display: flex;
}

.border5 {
	border: 5px solid #ccc;
}

.round-item img {
	float: right;
}

.vol-img div {
	width: 30%;
}

.vol-img div img {
	width: 100%;
}



.advantages {
	background: url("../images/bg_9.png") no-repeat;
	background-size: 100% 100%;

}

.solution {
	background: url("../images/bg_2.png") no-repeat;
	background-size: 100% 100%;
	padding-bottom: 80px;
}

.contactus {
	background: url("../images/bg_7.png") no-repeat;
	background-size: 100% 100%;
	padding-bottom: 50px;
}

.news {
	background: url("../images/bg_5.png") no-repeat;
	background-size: 100% 100%;
}

.newsSwiper {
	width: 100%;
	height: 100%;
	position: relative;
}

.newsSwiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	position: relative;
	/* Center slide text vertically */
	/* display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; */
}

.newsSwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
}

.newsSwiper .swiper-slide-next {
	transform: scale(1.5);
	z-index: 9;
}
.newsSwiper .swiper-slide-next p{
	display: none !important;
}
.news-slide {
	margin: 80px 0 140px 0;
	height: 200px;
}

.newsSwiper .swiper-slide p {
	/* display: flex;
	justify-content: space-between; */
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	padding: 0 10px;
	display: inline-block;
	  white-space: nowrap; 
	  width: 100%; 
	  overflow: hidden;
	  text-overflow:ellipsis;
	  left:0;
}

.news-slide .swiper-container-horizontal>.swiper-pagination-bullets,
.news-slide .swiper-pagination-custom,
.news-slide .swiper-pagination-fraction{
	bottom: -90px;
}

.news-slide .swiper-pagination-bullet,.productSwiper .swiper-pagination-bullet{
	width: 25px;
	height: 5px;
	border-radius: 0;
}

.news-slide .swiper-pagination-bullet-active,.productSwiper .swiper-pagination-bullet-active{
	background: #101C31;
}

.button-more {
	display: flex;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #3991E9;
	padding: 9px;
	width: 150px;
	align-items: center;
	color: rgba(57, 145, 233, 1);
	margin: 0 auto;
	margin-bottom: 30px;
	cursor: pointer;
}

.button-more img {
	margin: 0 5px;
}

.button-more img:nth-child(1) {
	width: 20px;
}

.button-more img:nth-child(2) {
	width: 30px;
}


.productSwiper{
	position: relative;
}
.productSwiper .swiper-container-horizontal>.swiper-pagination-bullets,.productSwiper .swiper-pagination-custom,.productSwiper .swiper-pagination-fraction {
    bottom: 150px;
    right: 0;
    width: 78%;
}

.productSwiper .swiper-slide{
	padding-top:60px;
	
}
.productSwiper .swiper-slide:nth-child(1){
	background:url(../images/bg_3.png) no-repeat;
	background-size: 100% 100%;
}
.productSwiper .swiper-slide:nth-child(2){
	background:url(../images/bg_4.png) no-repeat;
	background-size: 100% 100%;
}
.productSwiper .swiper-slide:nth-child(3){
	background:url(../images/bg_6.png) no-repeat;
	background-size: 100% 100%;
}
.productSwiper .swiper-slide:nth-child(4){
	background:url(../images/bg_13.png) no-repeat;
	background-size: 100% 100%;
}
.productSwiper .swiper-slide:nth-child(5){
	background:url(../images/bg_12.png) no-repeat;
	background-size: 100% 100%;
}
.productSwiper .swiper-slide:nth-child(6){
	background:url(../images/bg_11.png) no-repeat;
	background-size: 100% 100%;
}
.product-item{margin:100px auto;display: flex;justify-content: space-between;}
.product-item-right{
	width:40%;
	flex-shrink: 0;
}
.product-item-right .product-item-title{
	width:65%;
}
.product-item-right p{
	line-height: 30px;
	margin-top:30px;
	font-size:16px;
	text-align: justify;
}
.product-item-right .button-more{
	margin: 40px 0;
}
.con-show01{width: 160px;height: 250px;float: left;margin-left: 10px;overflow: hidden;transform:rotate(120deg);}
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;}
.con-show03 img{
	margin-top:35px;
}
.con-show03 > div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;text-align: center;color: #fff;cursor: pointer;background: rgba(57, 145, 233, 0.82);transition: opacity 0.3s;padding: 0 20px;
   
    display: flex;
    align-items: center;
    font-size: 16px;}
.con-show03:hover > div,.con-show03.active > div{opacity: 1;}
.margin-left{margin-left: 105px;}
.margin-top{margin-top: -100px;}
#m-video{
	display: none;
}

.footer_about{
	display: flex;
	justify-content: space-between;
}
.footer_about img{
	width:48%;
}