@charset "UTF-8";

html,body{background: #f0f1f5;font-size: 0.24rem;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select,object{margin:0;padding:0;outline: none;}
ul,ol,li{list-style-type:none}
address,cite,code,em,th,i,h1,h2,h3,h4,h5,h6{font-weight:normal; font-style:normal;}
img{border:0 none;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
object,textarea,img,iframe{vertical-align: top;}
textarea{overflow: auto;}
.text-l{text-align: left;}
.text-r{text-align: right;}
.text-c{text-align: center;}
.l{float: left;}
.r{float: right;}
img{max-width: 100%;}

.loading {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.loading:before {
	position: absolute;
	top: 30%;
	left: 20%;
	content: ' ';
	width: 250px;
	height: 250px;

	background: url(../images/loading.gif) center no-repeat;
}
.ie8 .loading:before, .ie9 .loading:before {
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	background: url(../images/loading.gif) center no-repeat;
}
@-webkit-keyframes loader-figure {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: .8;
}
70% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
80% {
	opacity: 1;
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	opacity: .8;
}
}
@keyframes loader-figure {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: .8;
}
70% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
80% {
	opacity: 1;
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	opacity: .8;
}
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 75%, 0);
            transform: translate3d(0, 75%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 75%, 0);
            transform: translate3d(0, 75%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
.fIn {
  opacity: 0;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }
.is-animated {
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.header{
	background: #1a1a1a;
	height: 50px;
}
.header .logo{
	/*background: url(../images/logo_white.png) no-repeat;*/
	width: 90px;
	position: relative;
	left: 15px;
	top:17px;
}
.swiper-container{
	margin-bottom: 15px;
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23505050'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23505050'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.swiper-pagination-bullet{
	background: #FFF;
}
.swiper-pagination-bullet-active{
	background: #FFF;
  background-color: transparent;
  border: 2px solid #fff;
  -webkit-transform: translate(3px, 0);
      -ms-transform: translate(3px, 0);
          transform: translate(3px, 0);
}

.swiper-pagination-bullet {
    width: 5px;
    height: 5px;}

.swiper-button-next, .swiper-button-prev{    width: 14px;
    height: 23px;    background-size:14px 23px;}



.product-item .item{
	margin-bottom: 15px;
	text-align: center;
}

.footer{
	background: #1a1a1a;
	color: #FFF;
	padding: 20px;
}
.footer p{
	margin-bottom: 0;
}
.footer .logo{
	background: url(../images/logo_white.png) no-repeat;
	width: 1.96rem;
	height: 0.49rem;
	-webkit-background-size: 1.96rem 0.49rem;
	background-size: 1.96rem 0.49rem;
}
.footer .logo a{
	display: inline-block;
}
.footer .crp{
	margin-top: 20px;
	font-size: 0.26rem;
}
.footer-contact .item{
	margin-top: 0.2rem;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	font-size: 0.26rem;
}
.footer-contact .item p{
	padding-left: 0.15rem;
}
.footer-contact .item a{
	color: #FFF;
}
.footer-contact .item img{
	width: 0.5rem;
	height: 0.5rem;
}


.banner{
	position: relative;
	margin-bottom: 15px;
}
.banner .head-title{
	position: absolute;
	text-align: center;
	top: 35%;
	color: #FFF;
	width: 100%;
}
.banner .head-title .t{
	font-size: 0.5rem;
	font-family: "Helvetica";
}
.banner .head-title .p{
	font-size: 0.26rem;
}
.banner .head-title .p a{
	color: #a7a7a6;
	font-size: 0.26rem;
	padding: 0 0.15rem;
}
.item-title{
	margin: 0.25rem 0;
	background: url(../images/icon_logo_69x69.png) no-repeat right center;
	-webkit-background-size: 0.5rem;
	background-size: 0.5rem;
}
.item-title .t{
	font-size: 0.3rem;
}
.item-title .p{
	font-size: 0.24rem;
	font-family: "Helvetica";
}


/*Service*/
.serviceList{
	height: 4.0rem;
	background:#252525;
	/*padding: 20px;*/
	color: #FFF;
	position: relative;
	width: 100%;
	/*box-sizing: content-box;*/
	box-sizing: border-box;
	margin-bottom: 0.2rem;
	color: #a7a7a6;
}
.serviceList .cn{
	font-size: 0.3rem;
	padding: 0.30rem 0.30rem 0 0.30rem;
}
.serviceList .en{
	font-size: 0.3rem;
	padding: 0 0.3rem;
}
.serviceList .img{
	text-align: center;
	position: absolute;
	top: 30%;
	width: 100%;
	/*box-sizing: border-box;*/
}
.serviceList .img img{
	width: 1.88rem;
	height: 1.88rem;
}
.serviceList .title{
	position: absolute;
	bottom: 20px;
	font-size: 0.26rem;
	text-align: center;
	width: 100%;
	padding: 0 0.15rem;
}
.service_item_text{
	background: url(../images/service_item_text.jpg) no-repeat center;
	height: 4.5rem;
	margin-top: 0.3rem;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.service_item_text .service_texts{
	text-align: center;
	font-size: 0.24rem;
	line-height: 0.4rem;
	/*padding-top: 160px;*/
	width: 100%;
	text-align: center;
	padding: 0 0.15rem;
}
.service_item_text .service_texts p{
	color: #b9b9b9;
}
/*众多客户信任*/
.service_partner{
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin-bottom: 0.4rem;
}
.service_partner .col-sm-6{
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #f2f2f2;
	text-align: center;
}
/*News*/
.news-item .col-sm-4,.news-item .col-sm-8{

}

.news-item .items{
	background: #FFF;
	padding: 15px 0;
	margin-bottom: 0.2rem;
}
.news_txt{
	/*position: relative;*/
}
.news_txt .date{
	font-size: 0.24rem;
	padding-top: 0.1rem;
	color: #666;
}
.news_txt h3{
	font-size: 0.28rem;
	margin: 0.1rem 0;
	color: #1a1a1a;
	/*height: 0.28rem;
	overflow: hidden;*/
}
.news_txt .des{
	font-size: 0.24rem;
	padding-bottom: 0.1rem;
	color: #666;
}
/*About*/
.about_container{
	padding: 0.3rem;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.about_container h2{
	font-size: 0.3rem;
	margin-bottom: 0.12rem;
}
.about_container p{
	font-size: 0.26rem;
	line-height: 2.55;
}
.work_item .item{
	margin-bottom: 0.3rem;
}
/*Contact*/
.contact_white{
	background: #FFF;
	padding: 0 0.2rem;
	overflow: hidden;
}
.contact_title_left{
	font-size: 0.3rem;
	padding: 0.3rem 0;
	background: url(../images/icon_email_fly.png) no-repeat right center;
	font-family: "Helvetica";
}
.contact_title_right{
	font-size: 0.3rem;
	padding: 0.3rem 0;
	background: url(../images/contact-tel.png) no-repeat right center;
	font-family: "Helvetica";
}
.contact_white .form-group{
	margin-bottom: 0.2rem;
}
.contact_white .form-control{
	padding: 0.15rem 0;
	font-size: 0.24rem;
	border: none;
	border-bottom: 1px solid #eef0f3;
	border-radius: 0;
}
.contact_white label{
	margin-bottom: 0;
	font-size: 0.3rem;
}
.contact_white .btn-1{
	background: #d91b1b;
	padding: 0.05rem 0.25rem;
	color: #FFF;
	border: none;
}
.form-control:focus{
	box-shadow: 0 0 0 0 #FFF;
}

.contact_left{
	border-left: 1px solid #eef0f3;
	padding-left: 30px;
	height: 100%;
}
.contact_left .company{
	font-size: 0.26rem;
	font-weight: bold;
}
.contact_left .contact_b{
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	margin-top: 0.2rem;
}
.contact_left .contact_b p{
	padding-left: 0.15rem;
}
.contact_left .contact_b img{
	width: 0.29rem;
	height: 0.3rem;
}
.contact_left .contact_b img.wx{
	width: 0.3rem;
	height: 0.23rem;
}
.contact_item_join{
	margin-bottom: 0.3rem;
}
.white_container{
	background: #FFF;
	margin-top: 0.3rem;
}
.job {
    padding-top: 40px;
}
.job .text_title, .job .job_item h3, .job .job_item .des, .job .job_item .btn {
    padding: 0 0.2rem;
}
.job .item-title{
	margin: 0 0.2rem 0.25rem 0.2rem;
}
.job .item-title .t{
	font-family: "Helvetica";
}
.job .job_item {
    border-top: 1px solid #eef0f3;
    border-bottom: 1px solid #eef0f3;
}
.job .job_item h3, .job .job_item p {
    color: #666;
}
.job .job_item .des, .job .job_item .btn {
    display: none;
}
.job .job_item .des {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #eef0f3;
    line-height: 2.15;
    font-size: 14px;
}
.job .job_item h3 {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 2;
    font-size: 0.25rem;
    font-weight: normal;
}
.job .job_item h3:before {
    position: absolute;
    top: 50%;
    right: 3%;
    content:' ';
    width: 17px;
    height: 10px;
    margin-top: -5px;
    background: url(../images/icon_arrow_04.png) center no-repeat;
}
.job .job_item .btn {
    padding-bottom: 40px;
}
.job .job_item .btn a {
    display: block;
    width: 180px;
    height: 50px;
    border-radius: 3px;
    background-color: #f50f40;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.job .job_item_active .des, .job .job_item_active .btn {
    display: block;
}
.job .job_item_active h3:before {
    background-image: url(../images/icon_arrow_05.png);
}
/*Product_shwo*/
.product_title{
	background: url(../images/icon_logo_69x69.png) no-repeat right center;
	-webkit-background-size: 0.5rem 0.5rem;
	background-size: 0.5rem 0.5rem;
	margin: 0.3rem 0;
}
.product_title .t{
	font-size: 0.36rem;
	padding-right: 0.6rem;
}
.product_title .p{
	font-size: 0.24rem;
	color: #ccc;
	font-family: "Helvetica";
}
.detail_share{
	margin: 0.3rem 0;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.detail_share a{
	display: inline-block;
	margin-right: 0.15rem;
	width: 0.5rem;
	height: 0.5rem
}
/*.detail_share .wb{
	width: 0.24rem;
	height: 0.2rem;
}
.detail_share .wx{
	width: 0.2rem;
	height: 0.2rem;
}*/
.detail_ctrl{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.3rem;
}
.detail_ctrl a{
	text-indent: -9999px;
}
.detail_ctrl a.prev{
	background: url(../images/left-icon.png) no-repeat;
	-webkit-background-size: 0.17rem 0.31rem;
	background-size: 0.17rem 0.31rem;
	width: 0.17rem;
	height: 0.31rem;
}
.detail_ctrl a.list{
	background: url(../images/list-icon.png) no-repeat;
	-webkit-background-size: 0.32rem 0.31rem;
	background-size: 0.32rem 0.31rem;
	width: 0.32rem;
	height: 0.31rem;
}
.detail_ctrl a.next{
	background: url(../images/right-icon.png) no-repeat;
	-webkit-background-size: 0.17rem 0.31rem;
	background-size: 0.17rem 0.31rem;
	width: 0.17rem;
	height: 0.31rem;
}


/* 瀑布流布局 */
.grid {
  position: relative; }

.grid_item {
  position: absolute;
  top: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity .2s, top .3s, left .3s, width .2s, height .2s;
          transition: opacity .2s, top .3s, left .3s, width .2s, height .2s; }
.grid_item .list_img {
  -webkit-transition: -webkit-transform .3s ease-in;
          transition: transform .3s ease-in; }

.grid_item:hover .list_img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.grid_img {
  display: block;
  width: 100%; }
.list_txt{
	display: block;
}


/*弹窗*/
.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.dialog .dialog_mask {
  height: 100%;
  background: #2a2b2f;
  opacity: .9; }
.dialog .dialog_main {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
}
.dialog .dialog_main_active {
  display: block;
}
.dialog .dialog_wx {
  width: 290px;
  margin: -160px 0 0 -145px;
  padding: 45px 45px 30px 45px;
}
.dialog .dialog_wx img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  padding-top: 1000px;
  margin-top: -1000px;
}
.dialog .dialog_wx p {
  line-height: 1;
  font-size: 18px;
  padding-top: 20px;
  text-align: center;
}

/*分页*/
.navigation{overflow: hidden;margin: 0.25rem 0;}
.pagination li{float: left;border: 1px solid #dedede;background: #FFF;margin-right: -1px;border-radius: 3px;}
.pagination li a{display: block;padding: 0.02rem 0.15rem;}
.pagination li a:hover{background: #d91b1b;color: #FFF;}
.pagination li.active{background: #d91b1b;}
.pagination li.active a{color: #FFF;}

@media screen and (max-width: 1024px) and (min-width: 761px){
	.serviceList .img{
		top: 35%;
	}
	.serviceList .cn{
		font-size: 0.26rem;
	}
	.serviceList .en{
		font-size: 0.26rem;
	}
	.serviceList .img img{
		width: 1.2rem;
		height: 1.2rem;
	}
	.serviceList .title{
		font-size: 0.22rem;
	}
	.news_txt .date{
		font-size: 0.18rem;
	}
	.news_txt h3{
		font-size: 0.22rem;
	}
	.news_txt .des{
		font-size: 0.18rem;
	}
}


@media screen and (max-width: 760px){
	.contact_left{
		padding-left: 0;
		border: none;
	}
	.contact_left .contact_b_4{
		margin-bottom: 0.3rem;
	}
}


.zutu_img{width: 100%;}
.zutu_img img{margin-bottom:25px;}


.grid_item{    opacity: 1 !important;}
.about_container + .fIn  .fIn{opacity: 1 !important;}