﻿

.o_big {     position: relative;

	overflow: hidden;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: auto 100%;

}

.o_big img {

	max-width: 100%;

	filter: Alpha(Opacity=0);

	opacity: 0;display: inline-block;

	min-height: 230px;

}

.carousel-caption {

	position: absolute;

	right: 15%;

	bottom: 45%;

	left: 15%;

	padding-top: 20px;

	padding-bottom: 20px;

	color: #fff;

	text-align: left;

	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

}



 .carousel-caption h2 {

  margin:35px 0 10px 0;

  font-size: 42px;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

}

 .carousel-caption h3 {

  font-family: 'Open Sans', sans-serif;

  font-size: 28px;

  color: #fff;

  font-weight: 100;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 1.2s;

  animation-duration: 1.2s;

}



@media screen and (max-width: 568px){
 
 .carousel-caption {

	position: absolute;

	right: 15%;

	bottom: 25%;

	left: 15%;

	padding-top: 20px;

	padding-bottom: 20px;

	color: #fff;

	text-align: left;

	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

}
 
 
 
 .carousel-caption h2 {

  margin:55px 0 10px 0;

  font-size: 32px;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

}

 .carousel-caption h3 {

  font-family: 'Open Sans', sans-serif;

  font-size: 28px;

  color: #fff;

  font-weight: 100;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 1.2s;

  animation-duration: 1.2s;

}

}



 .carousel-caption p {

  color: #fff;font-size: 16px; font-family: 'arial', sans-serif; letter-spacing:1px;

}

 .carousel-caption .btn {

  margin-top: 5%;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 1.4s;

  animation-duration: 1.4s;

}

.in {

	background-image: url(../images/up.png)

}

.arrow{ opacity:1;z-index:999; background-image: url(mouse.png);animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-180deg);-webkit-transform:rotate(-180deg); position:absolute;bottom:-30%;width:32px;height:55px;border-radius:100%;-webkit-border-radius:100%;line-height:55px;font-size:20px;color:#fff;overflow:hidden;}

.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}

@keyframes arrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-20%; opacity:.5} }



.postions {

	overflow: hidden;

	border-bottom:1px solid #ddd;

	color: #919191;

	font-size: 12px;

}

.postions p{

	line-height: 61px;

}

.location  {

	width:30%;float:left;

}

.location p {

	padding-left: 25px;

	background: url(home.png) 0px 20px no-repeat;

}



.yema {

	width: 100%;

	text-align: center;

	clear: both;

	overflow: hidden;

	padding-top: 40px;

	padding-bottom: 40px;

	clear: both;

}

.yema a {

	display: inline-block;

	height: 26px;

	line-height: 26px;

	padding-left: 10px;

	overflow: hidden;

	padding-right: 10px;

	min-width: 12px;

	margin-left: 1px;

	margin-right: 1px;

	text-align: center;

	color: #757575;

	font-size: 13px;

	border: 1px solid #cccccc;

}

.yema a:hover {

	text-decoration: none;

	color: #fff;

	background-color: #0245de;

	border: 1px solid #0245de;

}

.yema a.on {

	color: #fff;

	background-color: #0245de;

	border: 1px solid #0245de;

}

.yema a.first, .yema a.last {

	margin-right: 0;

}

.yema a.first:hover, .yema a.last:hover {

	background-color: #ec2029;

}

.i_title2 {line-height:50px;margin:2% 0;overflow: hidden;  border-bottom:1px solid #ddd;}

.i_title2 h2 {overflow: hidden;font-weight: 500;letter-spacing:1px;color: #333;font-family: Arial;}

.product_a {overflow: hidden;text-align: right;}

.product_a a {	display: inline-block;height: 60px;line-height: 60px;	width: auto;margin-right:10px;	font-size: 16px;color: #444444;transition: all 0.3s;}

.product_a a:hover {color: #1d2085;filter: Alpha(Opacity=80);opacity: 0.8;}

.product_a a.csel {color: #1d2085;font-weight:bold;}



.product_key { overflow:hidden;}

.product_txt {float:left;width:50%;margin-right:10%}

.product_txt h2{font-size:22px; line-height:60px;}

.product_txt p{font-size:14px; line-height:30px;}

.product_img { float:right;width:40%;}



.product_nav {width:100%;overflow: hidden;padding-top: 3%;}

.product_nav a {float:left;height: 50px;line-height: 50px;padding:0 2%;background-color: #f4f4f4;width: 43%;margin: 1.5%;color: #333;transition: all 0.3s;}

.product_nav a em{color: #f00;}

.product_nav a:hover {background-color: #1d2085;color: #fff;filter: Alpha(Opacity=80);opacity: 0.8;}

.product_nav a.csel {background-color: #1d2085;color: #fff;}



.product_ul {

	overflow: hidden;

	padding-bottom: 20px;

	padding-top: 8px;

}

.product_ul ul li {

	float: left;

	width: calc(33.3333333% - 1%);


	margin-right: 1%;

	overflow: hidden;

	margin-bottom: 1.5%;

	text-align: center;

	background-color: #fff;

}



.product_ul ul li {

	background-image: linear-gradient(to bottom, #f1f1f1 50%, #fff 0);

	text-align: center;

}

.product_ul ul li:hover {

	background-image: linear-gradient(to bottom, #f1f1f1 50%, #1d2085 0);

	text-align: center;	color:#fff;

}



.product_ul ul li .product_b {

	border: 1px solid #e8e8e8;

	padding-bottom: 36px;

}

.product_ul ul li:nth-child(3n) {

	margin-right: 0px;

}

.product_ul ul li img {

	display: inline-block;

	width: 100%;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

	vertical-align: middle;

}


@media screen and (min-width: 1200px){



.product_ul ul li img {

	height:340px;

}

}

@media screen and (max-width: 1199px){



.product_ul ul li img {

	height:260px;

}

}

@media screen and (max-width: 460px){



.product_ul ul li img {

	height:180px;

}

}



.product_ul ul li .imgs {

	width: 100%;

	overflow: hidden;

}

.product_ul ul li h2 {

	font-weight: normal;

	color: #333333;

	line-height: 36px;

	height: 36px;

	text-align: center;

	overflow: hidden;

	padding-left: 2%;

	padding-right: 2%;

	white-space: nowrap;

	text-overflow: ellipsis;

	transition: all 0.3s;

	margin: 3% 0;

}

.product_ul ul li.desc {

	text-align:center;

}

.product_ul ul li .desc .pro-btn{

	border:1px solid #ddd;display:inline-block;margin:0 10px;padding:5px 10px;font-size:12px;

}



.product_ul ul li .desc .pro-btn2{

	border:1px solid #ddd; display:inline-block;margin:0 10px;padding:5px 10px;	font-size:12px;

}

.product_ul ul li:hover .desc .pro-btn,.product_ul ul li:hover .desc .pro-btn2 {

	color: #fff;

}



.product_ul ul li:hover img {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}

.product_ul ul li:hover {

	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);

	box-shadow: 0 5px 20px rgba(0,0,0,0.1);

	-webkit-transform: translate3d(0, -2px, 0);

	transform: translate3d(0, -2px, 0);

	transition: all 0.3s;

}

.product_ul ul li:hover h2 {

	color: #fff;

}

.product_ul ul li:hover .product_b {

	border: 1px solid #fff;

}





.i_title3 {line-height:42px;margin:2% 0;overflow: hidden;  background:#1d2085;}

.i_title3 h2 {overflow: hidden;font-weight: 600;letter-spacing:1px;color: #fff;padding-left:25px;font-family: Arial;}

.app-content{ line-height:30px;}

.app-content > img { max-width: 100%;}







.app-img{

	width: 100%;

}

.app-img a{

	width: 33%;

}













.news_bg {

	overflow: hidden;

	padding-top: 3%;

}

.news_bg .title {margin-bottom:20px;font-size:32px;font-weight:normal;}

.news_con {

	overflow: hidden;

}

.news_con ul li {

	overflow: hidden;

	margin-bottom: 2%;

	padding-bottom: 2%;

	border-bottom: 1px solid #cccccc;

	display: block;

}

.news_con ul li:last-child {

	border-bottom: 0;

	margin-bottom: 0;

}

.news_con ul li .imgs {

	width: 19%;

	float: left;

	display: inline;

	overflow: hidden;

}

.news_con ul li .imgs img {

	width: 100%;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.news_con ul li:hover .imgs img {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}

.news_con ul li .i_about_r {

	float: right;

	display: inline;

	line-height: 22px;

	width: 78%;

	overflow: hidden;

}

.news_con ul li .i_about_r h3 {

	line-height: 22px;

	height: 22px;

	overflow: hidden;

	font-size: 18px;

	color: #333;

	font-weight: normal;

	margin-bottom: 1%;

}

.news_con ul li .i_about_r label {

	display: block;

	color: #999999;

	font-size: 14px;

	height: 20px;

	line-height: 20px;

	padding-left: 19px;

	background: url(../image/news_bg1.png) left center no-repeat;

	margin-bottom: 1%;

}

.news_con ul li .i_about_r .p {

	max-height: 48px;

	overflow: hidden;

	font-size: 14px;

	color: #7b7b7b;

	line-height: 24px;

}

.news_con ul li .i_about_r .news_more {

	margin-top: 2%;

	width: 106px;

	text-align: center;

	float: left;

	height: 34px;

	line-height: 34px;

	background-color: #f5f5f5;

	border: 1px solid #bababa;

	color: #828282;

	font-size: 13px;

	transition: all 0.3s;

}

.news_con ul li:hover .i_about_r .news_more {

	background-color: #0245de;

	color: #fff;

	border: 1px solid #0245de;

}

.news_con ul li:hover .i_about_r h3 {

	color: #0245de;

}



.about_x {

	overflow: hidden;

	line-height: 30px;

	font-size: 14px;

	color: #666666;

}

.about_x img {

	margin-bottom: 15px;

	max-width: 100%;

	height: auto !important;

}

.about_x .show_t {float:left;width:40%;}

.about_x .con_id { float:right;width:60%;

	line-height: 30px;

	overflow: hidden;

	white-space: normal;

	word-break: break-all;

	padding-top: 20px;

}

.about_x .con_id h2{ color: #333;line-height: 60px;}

.about_x table {

	border-collapse: collapse;

	border-spacing: 0;

}

.about_x table td {

	line-height: 22px;

	height: 27px; 

}

.prenext {

	border-top: 1px dashed #cccccc;

	border-bottom: 1px dashed #cccccc;

	font-size: 16px;

	line-height: 60px;

	margin-top: 20px;

	color: #444;

}

.prenext span {

	float: left;

	width: 108px;

	color: #666666;

	font-size: 16px;

}

.prenext a {

	color: #444;

}

.prenext a:hover {

	color: #00a1e9;

	text-decoration: none;

}

.prenext:last-child {

	border-top: 0;

	margin-top: 0;

	margin-bottom: 10px;

}

.goback {

	float: right;

	height: 26px;

	line-height: 26px;

	text-align: right;

	padding-left: 23px;

	background: url(../image/goback.png) left center no-repeat;

	font-size: 14px;

	color: #333333;

	margin-top: 8px;

}

.fenxiang {

	height: 30px;

	overflow: hidden;

}

.fenxiang .span {

	float: right;

	font-size: 14px;

	line-height: 34px;

}



.about_bg {

	background-color: #f5f5f5;

	overflow: hidden;

}

.about_div {

	overflow: hidden;

}

.about_div .i_one_div_txt {

	width: 46.9%;

	padding-left: 1.6%;

	padding-right: 1.5%;

}

.about_div .i_one_div_txt .i_one_con {

	max-width: 588px;

}

.about_div .i_one_div_txt .i_one_t {

	line-height: 30px;

	color: #0044dc;

}

.about_div .i_one_div_txt .i_one_t img {

	display: block;

	margin-top: 12%;

	margin-bottom: 2%;

}

.about_div .i_one_div_txt .i_one_p {

	color: #666666;

	font-size: 14px;

	line-height: 22px;

	padding-top: 2%; 

	overflow: hidden;

	text-align: left;

}

.about_div .i_one_div_txt .i_one_p.brandfont {

	font-size: 16px;

	text-align: center;

	padding-top: 0;

}

.about_div .i_one_div_img {

	width: 50%;

	overflow: hidden;

}

.about_div .i_one_div_img img {

	width: 100%;

	-webkit-transition: all 0.8s ease-out;

	-ms-transition: all 0.8s ease-out;

	-moz-transition: all 0.8s ease-out;

	-o-transition: all 0.8s ease-out;

	transition: all 0.8s ease-out;

}

.about_div .i_one_div_img:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}

.about_two {

	overflow: hidden;

	text-align: center;

	padding-top: 3%;

	padding-bottom: 3%;

	background-color: #fff;

	width: 98%;

	padding-left: 1%;

	padding-right: 1%;

}

.about_two ul li {

	float: left;

	width: 30.33%;

	margin-left: 1.5%;

	margin-right: 1.5%;

	overflow: hidden;

	color: #7b7b7b;

	font-size: 14px;

	line-height: 24px;

}

.about_two ul li h2 {

	font-weight: normal;

	color: #333333;

	margin-bottom: 2%;

}

.about_two ul li p {

	margin: 0 auto;

	max-width: 400px;

}



.honor_ul {

	overflow: hidden;

}

.honor_ul ul li {

	width: 23.5%;

	margin-right: 2%;

	float: left;

	overflow: hidden;

	margin-bottom: 3%;

	text-align: center;

}

.honor_ul ul li:nth-child(4n+0) {

	margin-right: 0;

}

.honor_ul ul li .imgs {

	width: 100%;

	overflow: hidden;

}

.honor_ul ul li .imgs img {

	width: 100%;

	-webkit-transition: all 0.8s ease-out;

	-ms-transition: all 0.8s ease-out;

	-moz-transition: all 0.8s ease-out;

	-o-transition: all 0.8s ease-out;

	transition: all 0.8s ease-out;

}

.honor_ul ul li h2 {

	color: #333;

	font-size: 13px;

	font-weight: normal;

	height: 42px;

	overflow: hidden;

	line-height: 42px;

}

.honor_ul ul li:Hover .imgs img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}

.honor_ul ul li:Hover h2 {

	color: #00a1e9;

}



.contact_bg {

	background-color: #1d2085;

	overflow: hidden; margin-top:45px;margin-bottom:45px;

}

.map_div {

	overflow: hidden;

	float: left;

	width: 67%;

}

.map_div img {

	max-width: 100%;

}

.contact_r {

	overflow: hidden;

	float: left;

	width: 30%;

	margin-left: 3%;

	margin-top: 3%;

	margin-bottom: 3%;

	color: #fff;

	font-size: 14px;

}

.contact_r h2 {

	color: #fff;border-left:5px solid #fff;	padding-left:15px;

	font-size: 26px;

	margin-bottom:10%;

}

.contact_r ul li {

	display: block;

	margin-bottom: 10px;

}

.contact_r ul li img {

	display: inline-block;

	margin-right: 12px;

	margin-top: 3px;

	float: left;

}



.case_ul {

	overflow: hidden;

	padding-top: 1%;

}

.case_ul ul li {

	float: left;

	width: 23.5%;

	overflow: hidden;

	margin-bottom: 2%;

	margin-right: 2%;

	text-align: center;

}

.case_ul ul li:nth-child(4n+0) {

	margin-right: 0;

}

.case_ul ul li img {

	display: block;

	width: 100%;

	height: 100%;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-ms-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

}

.case_ul ul li .imgs {

	overflow: hidden;

	width: 100%;

}

.case_ul ul li .imgs img {

	display: block;

	width: 100%;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.case_ul ul li .txts {

	overflow: hidden;

	transition: all 0.3s;

	padding-bottom: 25px;

	padding-top: 25px;

	padding-left: 26px;

	padding-right: 2%;

	text-align: left;

}

.case_ul ul li .txts h2 {

	height: 36px;

	line-height: 36px;

	overflow: hidden;

	font-weight: normal;

	color: #333;

}

.case_ul ul li .txts .p {

	font-size: 14px;

	color: #aaaaaa;

	line-height: 20px;

	height: 20px;

	overflow: hidden;

}

.case_ul ul li:hover .imgs img {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}

.case_ul ul li:hover .txts h2 {

	color: #014ee7;

}

.case_ul ul li .desc {

	display: none;

}



/*下载*/

 .zxlb-1n-ts-01-list{  }

 .zxlb-1n-ts-01-list dl {background: #f4f4f4; width: 100%; margin: 1.5%; padding:10px 22px; display: inline-block;transform: scale(1); transition: 0s ease;}

 .zxlb-1n-ts-01-list dl:hover { background: #1d2085;transform: scale(1);transition: 1.2s ease; color: #fff;}

 .zxlb-1n-ts-01-list dt {width: 15%; float: left;text-align:center;margin-top:25px;font-size: 12px;}

 .zxlb-1n-ts-01-list dd{width: 67%; float: left; }

 .zxlb-1n-ts-01-list dt p{  display:inline-block;color: #999; background: url(sj.png) no-repeat top 0px left;padding-left:20px;display: inline-block;font-size: 14px; }

 .zxlb-1n-ts-01-list dl:hover p{  display:inline-block;color: #fff; background: url(sj_h.png) no-repeat top 0px left;padding-left:20px;display: inline-block;font-size: 14px; }

 .zxlb-1n-ts-01-list dt a{ height :25px;display: block;text-indent: -9999px;}

 .zxlb-1n-ts-01-list dt .xzimg{background: url(d.png) no-repeat top 0px center;}

 .zxlb-1n-ts-01-list dl:hover .xzimg{background: url(d_h.png) no-repeat top 0px center;}



 .zxlb-1n-ts-01-list dd h4 { height: 40px; font-weight: 500; font-size: 16px;color: #000;line-height: 40px;margin-bottom: 5px;overflow: hidden;}

 .zxlb-1n-ts-01-list h4 a {display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

 .zxlb-1n-ts-01-list dl:hover h4 a { color: #fff;}

 .zxlb-1n-ts-01-list-desc {font-size: 14px; line-height: 24px;overflow: hidden;}

 .zxlb-1n-ts-01-list-desc p {display:inline-block;margin-right:20px;}

 .zxlb-1n-ts-01-list-desc p.zx {background: url(fl.png) no-repeat left 0px center;padding-left:20px;color: #999;}

 .zxlb-1n-ts-01-list-desc p.zx2 {background: url(dx.png) no-repeat left 0px center;padding-left:20px;color: #999;}

.zxlb-1n-ts-01-list dl:hover p.zx {background: url(fl_h.png) no-repeat left 0px center;padding-left:20px;}

.zxlb-1n-ts-01-list dl:hover p.zx2{background: url(dx_h.png) no-repeat left 0px center;padding-left:20px;}



/***招聘****/

.zhaopin_01{background: url(../images/jopbg.jpg) no-repeat top center;margin-bottom:50px;padding-bottom:35px;}

.postTit{color: #323232;font-size: 24px;background: url(../images/Jobs.png) no-repeat top center;background-size: 150px;margin-top: 70px;}

.postTit p{text-align: center;color: #777;font-size: 14px;margin-top: 10px;}

.category{margin-top: 10px;background:#1d2085;padding: 20px 25px;color: #fff;}

.category span{display:inline-block;}

.category .select-job {margin-top: -8px;width:400px;}

.categoryTit span{margin-left: 16px;cursor: pointer;}

.categorySel{font-weight: 600;color: black;}

.categoryList{color: #333;}

.categoryList table{width: 100%;border-collapse: collapse;}

.categoryList tr:hover{}

.categoryList td{padding: 0 15px;height: 65px;}

.categoryList thead td{background-color: #f5f5f5;width:30%;padding-left:15px;}

.categoryList thead td:last-child{width:10%;}

.categoryList tbody td{border-bottom: 0px solid #EEEEEE;}

.categoryBody {line-height:30px;border-top: 1px solid #ddd; background:#f4f4f4;}

.categoryBody h2{font-size:14px;font-weight:600;color: #333;padding:20px 0;}

.categoryBody a.more { width: 150px; height: 45px;line-height: 45px;margin-bottom:27px; background: #1d2085;border-radius:50px; display: block; text-align: center; font-size: 14px; color: #FDFDFD; }

.categoryBody a.more:hover { font-weight: bold; }

.details{color: #0167f0;background: url(/nlh/view/front/sky/dxw/website/down.png) no-repeat right center;background-size: 6px;padding-right: 15px;}



.rDetail{padding: 40px 70px;color: black;background: white;

    border-radius: 20px;

    box-shadow: 0px 3px 18px 0px rgba(4, 0, 0, 0.1);}

.rDetailTit{font-size: 18px;font-weight: 600;color:#ff3879}

.rDetailTip{margin-top: 20px;border-bottom: 1px solid #DDDDDD;padding-bottom: 35px;}

.rDetailTip span{margin-right: 50px;}	

.rContTit{margin-top: 35px;font-size: 22px;}

.rContList{margin-top: 22px;line-height: 30px;}

.HR{width: 1200px; margin: 20px auto 0;}







 .hidden { display: none !important; }

 		.selectPickerWrapper *{box-sizing: border-box;}

 		.selectPickerWrapper{position:relative;display:inline-block;z-index:999;margin-right:10%;}

		.select-picker-search{width:150px;height:35px;line-height:35px;z-index:999; color:#fff;border-radius:30px;background:#6063aa;padding:0 10px;font-size:14px;cursor:pointer;}

		.select-picker-search-checked{position:relative;width:130px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 5px;}

		.select-picker-search-checked:after{

			border: 5px solid transparent; content: ' ';

		    height: 0; position: absolute;

		    width: 0; top:12.2px; border-top: 8px solid #fff; right:0; }

		.select-picker-options-wrp{display:none;width:150px;border-radius: 0 0 0 30px;color:#fff;background: #6063aa;position:absolute;top:20px;left:0;z-index:-10;}

		.select-picker-options-serch input{width:160px;display:none; height:32px;line-height:32px;border:1px solid #ddd;border-radius:3px;margin:12px 0 0 10px;padding-left:8px;}

		.select-picker-options-serch input:focus{border-color: #66afe9;outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)}

		

		.select-picker-options-list{width:100%;padding:25px 0;}

		.select-picker-options-list-item{width:100%;line-height:36px;cursor: pointer;padding:0 12px;}

		.select-picker-options-list-item:hover{background: rgba(255,255,255,0.3);}

		.duihao {display:none;width:18px;height:18px;border-radius:3px;transform: translateY(4px);margin-right:6px;}



.accordion .accordion-item {

  border-bottom: 1px solid #e5e5e5;

}

.accordion .accordion-item button[aria-expanded=true] {

  border-bottom: 1px solid #ddd;

}

.accordion button {

  position: relative;

  display: block;

  text-align: left;

  width: 100%;

  padding: 1em 0;

  color: #333;

  font-size: 0.875rem;

  font-weight: 400;

  border: none;

  background: #fff;

  outline: none;

}

.accordion button:hover, .accordion button:focus {

  cursor: pointer;

  color: #1d2085;

}

.accordion button:hover::after, .accordion button:focus::after {

  cursor: pointer;

  color: #1d2085;

  border: 1px solid #ddd;

}

.accordion button .accordion-title {

  width: 30%; float:left;padding-left:15px;

}

.accordion button .accordion-title2 {

   display: inline-block;position: absolute;

}

.accordion button .icon {

  display: inline-block;

  position: absolute;

  top: 0;

  right: 0;



  height: 22px;

  border-radius: 22px;

}

.accordion button .icon::before {

  display: block;

  position: absolute;

  content: "";

  top: 9px;

  left: 5px;

  width: 10px;

  height: 2px;

  background: currentColor;

}

.accordion button .icon::after {

  display: block;

  position: absolute;

  content: "";

  top: 5px;

  left: 9px;

  width: 2px;

  height: 10px;

  background: currentColor;

}

.accordion button[aria-expanded=true] {

  color: #333;

}

.accordion button[aria-expanded=true] .icon::after {

  width: 0;

}

.accordion button[aria-expanded=true] + .accordion-content {

  opacity: 1;

  max-height: 100%;

  transition: all 200ms linear;

  will-change: opacity, max-height;

}

.accordion .accordion-content {

  opacity: 0;

  max-height: 0;

  overflow: hidden;

  transition: opacity 200ms linear, max-height 200ms linear;

  will-change: opacity, max-height;

}





.solution_bg {

	background: url(../image/solution_bg.jpg) center center no-repeat;

	background-size: cover;

	overflow: hidden;

	padding-top: 3%;

	padding-bottom: 2%;

}

.solution_bg .solution_t {

	color: #ffffff;

	font-size: 32px;

	text-align: center;

	margin-top: 1%;

	margin-bottom: 3%;

}

.solution_bg .solution_ul ul li {

	float: left;

	width: 32%;

	margin-right: 2%;

	overflow: hidden;

	margin-bottom: 2%;

	position: relative;

}

.solution_bg .solution_ul ul li:nth-child(3n+0) {

	margin-right: 0;

}

.solution_bg .solution_ul ul li .imgs {

	overflow: hidden;

}

.solution_bg .solution_ul ul li .imgs img {

	width: 100%;

	display: block;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.solution_bg .solution_ul ul li .txts {

	text-align: center;

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	color: #fff;

}

.solution_bg .solution_ul ul li .table {

	display: table;

	vertical-align: middle;

	width: 100%;

	height: 100%;

}

.solution_bg .solution_ul ul li .td {

	display: table-cell;

	vertical-align: middle;

	height: 100%;

}

.solution_bg .solution_ul ul li .txts img {

	margin: 0 auto;

	width: 20%;

	max-width: 90px;

	display: block;

	margin-bottom: 5%; 

}

.solution_bg .solution_ul ul li .txts h2 {

	color: #efefef;

	font-weight: normal;

	margin: 0 auto;

	margin-bottom: 3%;

	max-width: 350px;

	width: 94%;

	font-size: 22px;

}

.solution_bg .solution_ul ul li .txts p {

	font-size: 14px;

	line-height: 22px;

	margin: 0 auto;

	max-width: 350px;

	width: 94%;

	overflow: hidden;

}

.solution_bg .solution_ul ul li:hover .imgs img {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}



.product_con {

	overflow: hidden;

	font-size: 16px;

	color: #444444;

	position: relative;

	background-position: center bottom;

	background-repeat: no-repeat;

	background-size: cover;

}

.product_con .bigimg {

	width: 100%;

	display: block;

	min-height: 250px;

	filter: Alpha(Opacity=0);

	opacity: 0;

}

.product_con .tabel {

	display: table;

	width: 100%;

	height: 100%;

}

.product_con .td {

	display: table-cell;

	width: 100%;

	height: 100%;

	vertical-align: middle;

}

.product_con .td.vt {

	vertical-align: top;

	margin-top: 5%;

}

.product_con .txts {

	text-align: center;

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}

.product_con .txts .pt {

	margin-top: 10%;

	font-weight: normal;

	margin-bottom: 2%;

}

.product_con .txts .p1 {

	color: #444444;

	font-size: 16px;

	line-height: 26px;

	max-width: 680px;

	width: 96%;

	margin: 0 auto;

}

.product_con .txts .p2 {

	color: #444444;

	font-size: 16px;

	line-height: 36px;

}

.product_con .txts .p2 label {

	color: #6d6d6d;

	font-size: 12px;

	font-family: Arial;

	padding-right: 3px;

}

.product_three {

	max-width: 1120px;

	width: 94%;

	margin: 0 auto;

	overflow: hidden;

	margin-top: 3%;

}

.product_three_l {

	float: left;

	width: 37.5%;

	overflow: hidden;

	text-align: left;

}

.product_three_img {

	float: right;

	width: 59%;

}

.product_three_img img {

	width: 100%;

}

.product_con .txts .product_three_l .pt {

	margin-top: 5%;

}



.product_con2 {

	overflow: hidden;

	font-size: 14px;

	line-height: 22px;

}

.product_con2 img {

	width: 100%;

	display: block;

}

.product_blank {

	height: 0;

	font-size: 0;

	overflow: hidden;

}



.solution_bg2 {

	background: url(../image/solution_bg3.jpg) center center no-repeat;

	background-size: cover;

	overflow: hidden;

	padding-top: 3%;

	padding-bottom: 3%;

}

.solution_bg2 .solution_t2 {

	text-align: center;

	overflow: hidden;

	color: #333333;

	width: 94%;

	max-width: 900px;

	margin: 0 auto;

}

.solution_bg2 .solution_desc {

	color: #535353;

	font-size: 15px;

	line-height: 24px;

	width: 94%;

	max-width: 900px;

	margin: 0 auto;

	margin-top: 1%;

	text-align: center;

}

.solution_bg3 {

	background: url(../image/solution_bg2.jpg) center center no-repeat;

	overflow: hidden;

	margin-top: 2%;

	padding-bottom: 8%;

}

.solution_con {

	width: 96%;

	max-width: 1520px;

	margin: 0 auto;

}

.solution_con ul li {

	float: left;

	margin-top: 3%;

	overflow: hidden;

}

.solution_con ul li:nth-child(1) {

	width: 13%;

	padding-top: 9%;

}

.solution_con ul li:nth-child(2) {

	width: 22%;

	padding-right: 2%;

	padding-top: 8%;

}

.solution_con ul li:nth-child(3) {

	width: 20%;

}

.solution_con ul li:nth-child(4) {

	width: 20%;

	padding-left: 2%;

	padding-right: 2%;

	padding-top: 6%;

}

.solution_con ul li:nth-child(5) {

	width: 19%;

	padding-top: 10%;

}

.solution_con ul li .img {

	max-width: 90%;

	margin: 0 auto;

	display: block;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.solution_con ul li h2 {

	font-weight: bold;

	font-size: 18px;

	color: #424242;

	text-align: center;

	margin-bottom: 10px;

	overflow: hidden;

	background: url(../image/solution_bg4.png) center bottom no-repeat;

	background-size: auto 50px;

	padding-bottom: 55px;

}

.solution_con ul li .solution_box {

	margin-bottom: 20px;

}

.solution_con ul li .solution_box:hover .img {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}

.solution_con ul li .solution_box:nth-child(2) {

	margin-bottom: 0%;

}

.solution_con ul li .solution_box:nth-child(2) h2 {

	background: url(../image/solution_bg4.png) center top no-repeat;

	background-size: auto 50px;

	padding-bottom: 0px;

	padding-top: 55px;

}

.solution_con ul li:nth-child(3) .solution_box:nth-child(1) {

	margin-bottom: 5%;

}

.solution_con ul li:nth-child(3) .solution_box:nth-child(1):hover .img {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.solution_con ul li:nth-child(3) .solution_box:nth-child(2) {

	margin-top: 18%;

}

.solution_con ul li:nth-child(2) .solution_box:nth-child(2) {

	margin-left: 36%;

}

.solution_con ul li:nth-child(4) .solution_box:nth-child(2) {

	margin-right: 36%;

}

.b_link {

	overflow: hidden;

	margin-bottom: 1%;

	margin-top: 2%;

}

.b_link ul li {

	float: left;

	width: 15.8%;

	margin-right: 1%;

	margin-bottom: 2%;

	overflow: hidden;

}

.b_link ul li:nth-child(6n+0) {

	margin-right: 0;

}

.b_link ul li .imgs {

	overflow: hidden;

	border: 1px solid #f0f0f0;

}

.b_link ul li .imgs img {

	display: block;

	width: 100%;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.b_link ul li:hover .imgs img {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}

.b_link ul li h2 {

	font-weight: normal;

	text-align: center;

	font-size: 15px;

	margin-top: 10px;

	height: 22px;

	line-height: 22px;

	overflow: hidden;

}



.fangwei_div {

	width: 100%;

	height: 100%;

	overflow: hidden;

	display: inline-table;

	vertical-align: middle;

	text-align: center;

	margin-bottom: 50px;

}

.fangwei_div .fangwei_con {

	display: table-cell;

	vertical-align: middle;

	position: relative;

}

.fangwei_div .fangwei_con .imgs {

	width: 42%;

	display: inline-block;

	margin-right: 1%;

	max-width: 271px;

}

.fangwei_div .fangwei_con .fangwei_txt {

	display: inline-block;

	vertical-align: middle;

	width: 46%;

	padding: 4%;

	padding-top: 0;

	padding-bottom: 0;

	max-width: 330px;

	text-align: left;

	font-family: Arial;

	color: #737373;

	font-size: 14px;

	line-height: 24px;

	background-color: #464646;

	height: 271px;

	overflow: hidden;

}

.fangwei_div .fangwei_con .fangwei_txt .div {

	overflow: hidden;

	margin-bottom: 4%;

}

.fangwei_div .fangwei_con .fangwei_txt .div .inputs {

	height: 45px;

	line-height: 45px;

	width: 100%;

	text-indent: 10px;

	font-size: 18px;

	color: #313131;

	font-family: "寰蒋闆呴粦";

	border: none;

	background: #191919;

	margin-top: 13%;

	outline: none;

}

.fangwei_div .fangwei_con .fangwei_txt .div .inputs:focus {

	color: #fff;

}

.fangwei_div .fangwei_con .fangwei_txt .div .inputs2 {

	float: left;

	height: 45px;

	line-height: 45px;

	width: 56%;

	text-indent: 10px;

	font-size: 18px;

	color: #313131;

	font-family: "寰蒋闆呴粦";

	border: none;

	background: #191919;

	outline: none;

}

.fangwei_div .fangwei_con .fangwei_txt .div .inputs2:focus {

	color: #fff;

}

.fangwei_div .fangwei_con .fangwei_txt .div .imgs2 {

	float: right;

	width: 40%;

	height: 45px;

}

.fangwei_div .fangwei_con .fangwei_txt .div2 {

	text-align: center;

	overflow: hidden;

	padding-top: 8%;

}

.fangwei_div .fangwei_con .fangwei_txt .bnts {

	background: #0245de;

	border: 0;

	height: 30px;

	line-height: 30px;

	width: 118px;

	color: #fff;

	font-size: 14px;

	letter-spacing: 1px;

	outline: none;

	-webkit-appearance: none;

	cursor: pointer;

	margin: 0 auto;

}

.fangwei_div .fangwei_con .fangwei_txt .bnts:hover {

	filter: Alpha(Opacity=80);

	opacity: 0.8;

	transition: all 0.3s;

}

.fangwei_pos {

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(5,5,5,0.6);

	top: 0;

	left: 0;

	display: none;

}

.fangwei_pos1 {

	position: absolute;

	width: 100%;

	height: 93px;

	top: 50%;

	margin-top: -46px;

	left: 0;

	display: none;

}

.fangwei_pos_con {

	width: 96%;

	margin: 0 auto;

	max-width: 500px;

	height: 93px;

	background-color: #464646;

	color: #fff;

	font-size: 14px;

	font-family: "瀹嬩綋";

	line-height: 30px;

}

.fangwei_pos_con .fangwei_pos_div {

	text-align: left;

	max-width: 370px;

	width: 96%;

	margin: 0 auto;

	padding-top: 15px;

}

 @media screen and (max-width: 1440px) {



.solution_con ul li:nth-child(4) {

	padding-top: 4%;

}

.solution_con ul li:nth-child(5) {

	padding-top: 8%;

}

}

 @media screen and (max-width: 1200px) {

.product_a{

	float:right; width: 70%;

}

.product_a a {

	height: 60px;

	line-height: 60px;

}



.news_con ul li .i_about_r h3 {

	font-size: 16px;

	margin-bottom: 0.5%;

}

.news_con ul li .i_about_r label {

	margin-bottom: 0.5%;

}

.news_con ul li .i_about_r .p {

	line-height: 22px;

	max-height: 44px;

}

.news_con ul li .i_about_r .news_more {

	margin-top: 1%;

	height: 32px;

	line-height: 32px;

}



.about_div .i_one_div_txt .i_one_t img {

	margin-top: 6%;

	margin-bottom: 1%;

	width: 40px;

}

.about_div .i_one_div_txt .i_one_p {

	padding-top: 1%;

	line-height: 20px;

	font-size: 13px;

}

.about_two ul li {

	line-height: 22px;

	font-size: 13px;

}



.contact_r h2 {

	font-size: 24px;

}



.solution_bg .solution_t {

	font-size: 28px;

}

.solution_bg .solution_ul ul li .txts img { 

	width: 18%;

}

.solution_bg .solution_ul ul li .txts h2 {

	margin-bottom: 2%;

}

.solution_bg .solution_ul ul li .txts p {

	font-size: 13px;

	line-height: 20px;

}



.solution_con ul li h2 {

	font-size: 16px;

}

.solution_bg3 {

	background-position: center 20%;

}

.solution_con ul li:nth-child(4) {

	padding-top: 0%;

}

.solution_con ul li:nth-child(2) {

	padding-top: 0%;

}

.solution_con ul li:nth-child(5) {

	padding-top: 1%;

}

}

 @media screen and (max-width: 1100px) {



.o_big {

	background-size: auto 110%;

}



.news_con ul li .i_about_r h3 {

	font-size: 15px;

	margin-bottom: 0.4%;

}

.news_con ul li .i_about_r label {

	margin-bottom: 0.4%;

	font-size: 12px;

}

.news_con ul li .i_about_r .p {

	line-height: 18px;

	max-height: 36px;

	font-size: 12px;

}



.case_ul ul li .txts {

	padding-top: 10px;

	padding-bottom: 15px;

}

.case_ul ul li .txts .p {

	font-size: 13px;

}



.solution_bg .solution_t {

	font-size: 24px;

}

.solution_bg .solution_ul ul li .txts img { 

	width: 16%;

}

.solution_bg .solution_ul ul li .txts p {

	font-size: 12px;

	line-height: 18px;

	max-height: 180px;

}

}

@media screen and (max-width: 1000px) {



.o_big {

	background-size: auto 120%;

}



.news_con ul li .i_about_r .news_more {

	margin-top: 0.5%;

	font-size: 12px;

	height: 30px;

	line-height: 30px;

}



.honor_ul ul li {

	width: 32%;

}

.honor_ul ul li:nth-child(4n+0) {

	margin-right: 2%;

}

.honor_ul ul li:nth-child(3n+0) {

	margin-right: 0;

}



.case_ul ul li {

	width: 32%;

}

.case_ul ul li:nth-child(4n+0) {

	margin-right: 2%;

}

.case_ul ul li:nth-child(3n+0) {

	margin-right: 0;

}



.solution_con ul li h2 {

	font-size: 14px;

}

.b_link ul li {

	width: 19%;

}

.b_link ul li:nth-child(6n+0) {

	margin-right: 1.1%;

}

.b_link ul li:nth-child(5n+0) {

	margin-right: 0;

}

}

@media screen and (max-width: 960px) {



.o_big {

	background-size: auto 130%;

}
.product_a{

width: 100%;text-align:center;

}

.product_a a {height: 30px;line-height: 30px;width: 48%;float:left;display:block;background:#f4f4f4; margin-bottom:10px;}

.product_a a.csel { color: #fff;background:#1d2085; }



.news_con ul li .i_about_r h3 {

	font-size: 14px;

}



.about_div .i_one_div_txt .i_one_t img {

	width: 30px;

	margin-top: 3%;

}

.about_two ul li {

	line-height: 20px;

	font-size: 12px;

}



.contact_r h2 {

	font-size: 20px;

}



.solution_bg .solution_t {

	font-size: 20px;

}

.solution_bg .solution_ul ul li .txts img { 

	width: 14%;

	margin-bottom: 3%;

}

.solution_bg .solution_ul ul li .txts h2 {

	font-size: 20px;

}



.product_con .td.vt {

	vertical-align: middle;

}

.product_con .txts .p1 {

	font-size: 14px;

}

.product_con .txts .p2 {

	font-size: 14px;

	line-height: 26px;

}

}

@media screen and (max-width: 830px) {



.o_big {

	background-size: auto 140%;

}



.news_con ul li .i_about_r .news_more {

	display: none;

}



.about_div .i_one_div_txt {

	width: 96%;

	padding-left: 2%;

	padding-right: 2%;

	margin-bottom: 3%;

	padding-top: 2%;

}

.about_div .i_one_div_txt .i_one_con {

	max-width: none;

}

.about_div .i_one_div_img {

	width: 100%;

}

.about_two ul li {

	width: 97%;

	margin-bottom: 3%;

}



.solution_bg .solution_ul ul li {

	width: 49%;

}

.solution_bg .solution_ul ul li:nth-child(3n+0) {

	margin-right: 2%;

}

.solution_bg .solution_ul ul li:nth-child(2n+0) {

	margin-right: 0%;

}



.b_link ul li {

	width: 24%;

}

.b_link ul li:nth-child(5n+0) {

	margin-right: 1.1%;

}

.b_link ul li:nth-child(4n+0) {

	margin-right: 0;

}

}

@media screen and (max-width: 780px) {



.o_big {

	background-size: auto 150%;

}

.product_a{

width: 100%;text-align:center;

}

.product_a a {height: 30px;line-height: 30px;width: 48%;float:left;display:block;background:#f4f4f4; margin-bottom:10px;}

.product_a a.csel { color: #fff;background:#1d2085; }

.product_ul ul li {

	width: 49%;

}

.product_ul ul li:nth-child(2n+0) {

	margin-right: 1%;

}

.product_ul ul li:nth-child(2n+0) {

	margin-right: 0;

}



.about_x .show_t,.about_x .con_id {

	width: 100%;

}

.prenext {

	font-size: 14px;

}

.prenext span {

	width: 70px;

	font-size: 14px;

}



.contact_r h2 {

	font-size: 18px;

}

.map_div {

	width: 100%;

}

.contact_r {

	width: 94%;

	padding-top: 3%;

}



.case_ul ul li {

	width: 49%;

}

.case_ul ul li:nth-child(3n+0) {

	margin-right: 2%;

}

.case_ul ul li:nth-child(2n+0) {

	margin-right: 0;

}







.solution_bg3 {

	background: none;

}

.solution_con ul li:nth-child(1) {

	width: 50%;

}

.solution_con ul li:nth-child(2) {

	width: 50%;

	padding-right: 0;

}

.solution_con ul li:nth-child(3) {

	width: 50%;

}

.solution_con ul li:nth-child(4) {

	width: 50%;

	padding-left: 0;

	padding-right: 0;

}

.solution_con ul li:nth-child(5) {

	width: 50%;

}

.solution_con ul li .solution_box {

	margin-bottom: 40px;

}

}

 @media screen and (max-width: 640px) {



.o_big {

	background-size: auto 160%;

}



.news_con ul li .imgs {

	width: 29%;

}

.news_con ul li .i_about_r {

	width: 68%;

}



.honor_ul ul li {

	width: 49%;

}

.honor_ul ul li:nth-child(4n+0) {

	margin-right: 2%;

}

.honor_ul ul li:nth-child(3n+0) {

	margin-right: 2;

}

.honor_ul ul li:nth-child(2n+0) {

	margin-right: 0;

}



.case_ul ul li .txts {

	padding-left: 4%;

}







.solution_bg .solution_t {

	margin-bottom: 5%;

}

.solution_bg .solution_ul ul li {

	width: 100%;

	margin-right: 0%;

}

.solution_bg .solution_ul ul li:nth-child(2n+0) {

	margin-right: 3%;

}

.solution_bg .solution_ul ul li .txts img {

	width: 21%;

}



.product_con .txts .p1 {

	font-size: 12px;

	line-height: 20px;

}

.product_con .txts .p2 {

	font-size: 12px;

	line-height: 22px;

}

.product_three_l {

	width: 50%;

}

.product_three_img {

	width: 48%;

}



.b_link ul li {

	width: 32.5%;

}

.b_link ul li:nth-child(4n+0) {

	margin-right: 1.1%;

}

.b_link ul li:nth-child(3n+0) {

	margin-right: 0;

}



.fangwei_div .fangwei_con .imgs {

	width: 40%;

	margin-right: 0;

	margin-bottom: 4%;

}

.fangwei_div .fangwei_con .fangwei_txt {

	width: 100%;

	height: 250px;

}

}

 @media screen and (max-width: 480px) {



.o_big {

	background-size: auto 170%;

}

.location, .product_a{width: 100%;}

.product_txt,.product_img { float: left;width: 100%;margin-right: 0%;}

.product_a a {height: 30px;line-height: 30px;width: 100%;background:#f4f4f4; margin-bottom:10px;}

.product_a a.csel { color: #fff;background:#1d2085; }

.product_ul ul li .desc .pro-btn {margin: 0 0px;}

.product_ul ul li .product_b {padding-bottom: 26px;}



.about_x2 .show_t {

	font-size: 22px;

	line-height: 30px;

}



.about_div .i_one_div_txt .i_one_p {

	line-height: 18px;

	font-size: 12px;

}



.case_ul ul li .txts h2 {

	font-size: 14px;

	height: 30px;

	line-height: 30px;

}



.zxlb-1n-ts-01-list dd {width: 47%;}

.zxlb-1n-ts-01-list dt {width: 25%;}

.category { padding: 20px 10px;}

.category .select-job {margin-top: -8px; width: 260px;}

.select-picker-search,.select-picker-options-wrp {width: 120px;}

.selectPickerWrapper { margin-right: 3%;}

.select-picker-search-checked { width: 100px;}



.solution_bg .solution_ul ul li .txts h2 {

	font-size: 18px;

}

.accordion button .accordion-title {

    width: 35%;

}

.accordion button .accordion-title:nth-child(2),.accordion button .accordion-title:nth-child(3) {

    width: 25%;

}

.accordion button {

    font-size: 0.8rem;

}

/* https://2021-06-09.hcloudweb.com/job.html Hide more button for mobile */

.accordion-item .accordion-title2 {

  display: none !important;

}

}

@media screen and (max-width: 360px) {



.o_big {

	background-size: auto 180%;

}

}

@media screen and (max-width: 320px) {

}


@media screen and (max-width: 480px) {
  /* Added by xcy: 直接显示 banner 图片，不管之前的自适应了 */
  .o_big img {
    opacity: 1;
  }

  /* Added by xcy: 1，太大；2，和手机导航栏交互有问题； */
  .arrow {
    display: none;
  }
}

@media screen and (max-width: 320px) {
  .zxlb-1n-ts-01-list dd {
    width: 51%;
  }
  .zxlb-1n-ts-01-list dt:nth-of-type(1) {
    width: 30%;
  }
  .zxlb-1n-ts-01-list dt:nth-of-type(2) {
    width: 10%;
  }
  .zxlb-1n-ts-01-list dt {
    margin-top: 10px;
  }
}

.zxlb-1n-ts-01-list:hover {
  cursor: pointer;
}
.zxlb-1n-ts-01-list:hover h4 {
  color: #fff;
}

.why-inbisen {
  margin-top: 20px;
}

.why-inbisen .title {
  margin-bottom: 0.5em;
  text-align: center;
}

.why-inbisen .cards {
  display: flex;
  flex-wrap: wrap;
}

.why-inbisen .cards .card {
  width: 48%;
  margin: 0 1%;
  text-align: center;
}

.why-inbisen .cards .card .img-wrapper img {
  width: 150px;
  height: 150px;
}

.why-inbisen .cards .card p {
  margin-bottom: 20px;
}



.aboutTit{font-size: 36px;line-height: 56px;color: #1a1a1a;font-weight: normal;margin-bottom: 21px;}

.aboutWrap .item1{padding: 45px 0 50px;}
.aboutWrap .item1 .cont{margin-bottom: 40px;}
.aboutWrap .item1 .cont .t{font-size: 18px;color: #1a1a1a;}
.aboutWrap .item1 .cont *{max-width: 100% !important;height: auto !important;}
.aboutWrap .item1 .btn{display: inline-block;*display: inline;*zoom: 1;padding-left: 50px;position: relative;font-size: 14px;color: #1a1a1a;font-weight: 300;}
.aboutWrap .item1 .btn:before{content: "";width: 39px;height: 28px;position: absolute;left: 0;top:2px;background: url(../images/moreIcon1.png) no-repeat right center;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.aboutWrap .item1 .btn:hover:before{background-position: left center;}
.aboutWrap .item1 .btn:hover{color: #0061ae;}

.aboutWrap .item2{padding: 60px 0 93px;background: url(../images/aboutBg1.jpg) no-repeat center;}
.aboutWrap .item2 .w1400{box-sizing: border-box;padding-right: 679px;position: relative;min-height: 373px;padding-right: 0;}
.aboutWrap .item2 .w1400 .pic{width: 585px;height: 340px;position: absolute;right: 0;top:32px;display: none;}
.aboutWrap .item2 .w1400 .pic img{width: 100%;height: 100%;}
.aboutWrap .item2 .w1400 .cont{color: #ffffff;}
.aboutWrap .item2 .w1400 .aboutTit{color: #fff;}

.aboutWrap .item3{padding: 60px 0;}
.aboutWrap .item3 .honorScrollWrap{width: 100%;padding: 0 57px;position: relative;margin-left: -57px;position: relative;}
.aboutWrap .item3 .honorScrollWrap .swiper-button-next,
.aboutWrap .item3 .honorScrollWrap .swiper-button-prev{width: 27px;height: 54px;position: absolute;top:50%;margin-top: -27px;background: url(../images/arrow5.png) no-repeat left top;}
.aboutWrap .item3 .honorScrollWrap .swiper-button-next{right: 0;background-position: right top;}
.aboutWrap .item3 .honorScrollWrap .swiper-button-left{left: 0;}
.aboutWrap .item3 .honorScrollWrap .swiper-button-next:hover,
.aboutWrap .item3 .honorScrollWrap .swiper-button-prev:hover{background-position-y:bottom;}
.aboutWrap .item3 .honorScrollWrap .honorScroll{width: 100%;overflow: hidden;}
.aboutWrap .item3 .honorScrollWrap .honorScroll .swiper-slide a{display: block;height: 0;padding-bottom: 120%;position: relative;overflow: hidden;}
.aboutWrap .item3 .honorScrollWrap .honorScroll .swiper-slide a img,
.aboutWrap .item3 .honorScrollWrap .honorScroll .swiper-slide a b{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.aboutWrap .item3 .honorScrollWrap .honorScroll .swiper-slide a b{z-index: 2;background: rgba(0,0,0,0.3);opacity: 0;}
.aboutWrap .item3 .honorScrollWrap .honorScroll .swiper-slide a:hover b{opacity: 1;}

.aboutWrap .item4{padding: 0px 0;}
.aboutWrap .item4 .syFocusThumb{width: 100%;padding: 44px 0 80px;}
.aboutWrap .item4 .syFocusThumb .pagination{padding: 0 88px;margin-bottom: 60px;position: relative;}
.aboutWrap .item4 .syFocusThumb .pagination:before{content: "";width: 100%;height: 1px;background: #d1d1d1;position: absolute;left: 0;top:75px;}
.aboutWrap .item4 .syFocusThumb .thumbWrap {width: 100%;height: 91px;position: relative;overflow: hidden;}
.aboutWrap .item4 .syFocusThumb .thumbWrap .holder{width: 4000px;}
.aboutWrap .item4 .syFocusThumb .thumbWrap .holder I {cursor: pointer;position: relative;z-index: 3;width: 153px;float: left;text-align: center;}
.aboutWrap .item4 .syFocusThumb .thumbWrap .holder I span{display: block;height: 67px;line-height: 67px;font-size: 32px;color: #1a1a1a;font-family: "Arial";}
.aboutWrap .item4 .syFocusThumb .thumbWrap .holder I i.icon{display: block;float: none;width: 16px;height: 16px;margin: 0 auto;background: url(../images/dot.png) no-repeat left top;}
.aboutWrap .item4 .syFocusThumb .thumbWrap .holder I.selected span{color: #0061ae;}
.aboutWrap .item4 .syFocusThumb .thumbWrap .holder I.selected i.icon{background-position-y:bottom;}
.aboutWrap .item4  .syFocusThumb .prev,.aboutWrap .item4  .syFocusThumb .next{width: 29px;height: 29px;position: absolute;top:62px;background: #666666 url(../images/arrow6.png) no-repeat left top;border-radius: 50%;cursor: pointer;}
.aboutWrap .item4  .syFocusThumb .prev{left: 0;}
.aboutWrap .item4  .syFocusThumb .next{right: 0;background-position-y:bottom;}
.aboutWrap .item4  .syFocusThumb .prev:hover,
.aboutWrap .item4  .syFocusThumb .next:hover{background-color: #0061ae;}
.aboutWrap .item4  .syFocusThumb .contentdiv{font-size: 16px;color: #1a1a1a;line-height: 32px;text-align: center;min-height: 93px;}
.aboutWrap .item4  .syFocusThumb .contentdiv *{max-width: 100% !important;}
.aboutWrap .item4  .syFocusThumb .contentdiv img{height: auto !important;}

.aboutWrap .item5{padding: 62px 0 60px;}
.aboutWrap .item5 .aboutTit{margin-bottom: 42px;}
.aboutWrap .item5 .jtpic{text-align:center;}
.aboutWrap .item5 .cont{margin-bottom: 42px;}
.aboutWrap .item5 .btn{display: block;width: 120px;height: 50px;background: #0061ae;text-align: center;line-height: 50px;font-size: 16px;color: #ffffff;}
.aboutWrap .item5 .btn:hover{background: #03467c;}

.aboutWrap .item6 ul li{width: 20%;height: 120px;box-sizing: border-box;border:1px solid #dbdbdb;margin: -1px 0 0 -1px;text-align: center;line-height: 118px;font-size: 0;}
.aboutWrap .item6 ul li a{display: block;width: 100%;height: 118px;}
.aboutWrap .item6 ul li a img{max-width: 80% !important;max-height: 80% !important;}
.aboutWrap .item6 ul li a:hover img{opacity: 0.7;}



.aboutWrap .item2{padding: 60px 0;}
.aboutWrap .item2 .w1400{min-height: 262px;}
.aboutWrap .item2 .w1400 .pic{width: 450px;height: 262px;top:0;}
.aboutWrap .item2 .w1400 .text{padding-top: 30px;}



@media screen and (max-width: 1540px){
.aboutWrap .item3 .honorScrollWrap{padding: 0;margin-left: 0;}
}


@media screen and (max-width: 1440px){

.isect3{margin: 51px 5% 52px;padding: 0;}

.isect4{padding: 60px 5% 60px;}




.aboutWrap .item1{margin: 0 5%;}
.aboutWrap .item2{background-size: cover;}
.aboutWrap .item2 .w1400{margin: 0 5%;}

.aboutWrap .item3{padding: 30px 5%;}

.aboutWrap .item5{padding: 30px 5%;}



}

@media screen and (max-width: 1360px){

.aboutWrap .item2 .w1400{padding-right: 420px;}
.aboutWrap .item2 .w1400 .pic{width: 385px;height: 224px;top:50%;margin-top: -112px;}
 
}


@media screen and (max-width: 1024px){


.aboutWrap .item2 .w1400{padding-right: 300px;}
.aboutWrap .item2 .w1400 .pic{width: 280px;height: 162px;margin-top: -81px;}

.aboutWrap .item6 ul li{width: 25%;}

}



@media screen and (max-width: 768px){



.aboutWrap .item2 .w1400{padding-right: 0;}
.aboutWrap .item2 .w1400 .pic{position: relative;margin-top: 0;width: 100%;height: auto;padding-top: 5%;}
.aboutWrap .item2 .w1400 .pic img{height: auto;}
.aboutWrap .item6 ul li{width: 33%;}

.aboutWrap .item1 .cont{margin: 0 20px 0 0;}
.aboutWrap .item2 .cont{margin: 0 20px 0 0;}
.aboutWrap .item5 .jtpic{text-align:left;width:100%;}
.aboutWrap .item5 .jtpic img{width:95%;}
}

@media screen and (max-width: 468px){



.aboutWrap .item2{padding: 30px 0;}
.aboutTit{font-size: 30px;line-height: 34px;}

.aboutWrap .item4 .syFocusThumb{padding: 24px 0 30px;}

.aboutWrap .item6 ul li{width: 50%;}

.aboutWrap .item5 .aboutTit{margin-bottom: 20px;}
.aboutWrap .item5 .jtpic{text-align:left;width:100%;}
.aboutWrap .item5 .jtpic img{width:95%;}



.aboutWrap .item2 .w1400 .text{padding-top: 0;}


}
.w1400{width: 96%;

	max-width: 1300px;margin: 0 auto;}