/* ====首页====== */

body{ background-color:#fff;}

/** header **/

.header{ position:fixed; width: 100%; left: 0; top: 0; z-index:10; background-color: #fff; z-index: 99;}

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

.loarea{ height:85px; position:relative; z-index:3;}

.logo{ /*width:200px;*/ display:block; padding-top:20px;}

/*.logo img{ height:60px; width:auto;}*/



/*PC导航 begin*/

.nav{ position:relative;  z-index:5; padding-top: 30px;}

/*.navul{ font-size:0;}*/

.navul li{ display:inline-block; font-size:18px; position:relative;}

.navul li>a{ color:#3e3e3e; padding:0 30px 20px; text-align:center; display:inline-block;}

.navul li>a:hover{ color: #00a2ff!important; }

.act_nav{color: #00a2ff!important; }



/*登录注册*/



.navul li>a i{

    position: absolute;

    width: 0px;

    height: 3px;

    background: #00a2ff;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%); 

    -webkit-transform: translateX(-50%); 

    -moz-transform: translateX(-50%); 

    -ms-transform: translateX(-50%); 

    -o-transform: translateX(-50%);

    transition: .3s; 

    -webkit-transition: .3s; 

    -moz-transition: .3s; 

    -ms-transition: .3s; 

    -o-transition: .3s; 

}



.navul li>a:hover,.navul li>a.act_nav{color: #00a2ff; }

.navul li>a:hover i{ width: 50px;}

.navul li>a.act_nav i{width: 50px;}



/*PC导航 begin*/

.subnav{ position:absolute; left:0; top:42px; width:100%; padding:8px 5px; box-sizing: border-box; background: rgba(129,129,129,0.8); display:none;}

.subnav1 dd{width:100%; text-align: center; background-image:none !important; padding: 10px 0; border-bottom: 1px solid #f2f2f2; font-size: 16px; color: #fff;}

.subnav1 dd a{color: #fff; display: block; font-size: 14px;}

.subnav1 dd a:hover{color: #ff9443}

.subnav1 dd:hover{border-bottom: 1px solid #ff9443;}

.subnav1 dd .nr a{height:30px; text-align:left; line-height:30px; font-size:14px; display:block;  color:#333 !important; text-align:center; }

.subnav1 dd .nr a:hover{ color:#ff7f02 !important; text-indent:2px; background-color:none;}

.subnav1 .tit{ font-size:16px; font-weight:bold; text-align:center; padding:8px 0 4px;}

/*.subnav2{ width:256px;}*/





/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:24px; height:24px;top:19px; right:10px; cursor:pointer; display:none;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#1c4e9e; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ background:rgba(0,0,0,0.7); position:absolute; left:0; top:60px; width:100%; display:none; z-index:9; }

.inav{ display:none;}

.inav dl{ padding:0 10px; text-align:left;}

.inav dt{ font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #2b3b81; padding-left:8px; position:relative;}

.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../images/icon/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}

.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #1c4e9e; padding-bottom:6px;}

.inav a{ color:#fff;}

.inav a:hover{ color:#ccc;}

.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}

.inav dd h6 a{ display:block;}

.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}

.act_inav{ font-weight:bold;}

.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3;width: 100%; height: 100%!important; }

.banner .swiper-wrapper{height: 100%!important; }

.banner .swiper-slide{

	position:relative; 

	overflow:hidden; 

	height: 100%!important;

	width: 100%!important;

}

.banimg{ 

	width:100%; 

	height:100%; 

	display:block;

	object-fit: cover;

	-webkit-transition:all 20s ease-out 0s; 

	-moz-transition:all 20s ease-out 0s; 

	-ms-transition:all 20s ease-out 0s; 

	-o-transition:all 20s ease-out 0s; 

	transition:all 20s ease-out 0s;

}

.banner .swiper-slide-active .banimg{

	-webkit-animation: zoomin_out 20s infinite ease-in-out;

	-moz-animation: zoomin_out 20s infinite ease-in-out;

	-ms-animation: zoomin_out 20s infinite ease-in-out;

	-o-animation: zoomin_out 20s infinite ease-in-out;

}



@-webkit-keyframes zoomin_out{

0%{-webkit-transform:scale(1);}

50%{-webkit-transform:scale(1.1);}

100%{-webkit-transform:scale(1);}

}

@-moz-keyframes zoomin_out{

0%{-moz-transform:scale(1);}

50%{-moz-transform:scale(1.1);}

100%{-moz-transform:scale(1);}

}

@keyframes zoomin_out{

0%{transform:scale(1);}

50%{transform:scale(1.1);}

100%{transform:scale(1);}

}



.banner .swiper-pagination,.inprofileBan .swiper-pagination{ 

	bottom:0!important;

	background: #00a2ff;

	width: 400px!important;

	right: 0;

	left: inherit!important;

	padding: 30px 60px;

	box-sizing: border-box;

}

.banner .swiper-pagination-bullet,.inprofileBan .swiper-pagination-bullet{

	width:40px;

	height:4px;

	padding: 0;

	background-color:#fff;

	font-size: 0;

	line-height: 0;

	outline:none;

	cursor: pointer; 

	-webkit-border-radius:0%; 

	-moz-border-radius:0%;

	-ms-border-radius:0%; 

	-o-border-radius:0%; 

	border-radius:0%;

	filter:alpha(opacity=60); 

	-moz-opacity:0.6; 

	-khtml-opacity: 0.6; 

	opacity: 0.6; 

	margin:0 0 !important;

}



.banner .swiper-pagination-bullet-active,.inprofileBan .swiper-pagination-bullet-active{background-color:#fff; opacity: 1;}

.banner .swiper-button-prev,.inprofileBan .swiper-button-prev{ background:url(../images/arowlf.png) center center no-repeat; left:2%;}

.banner .swiper-button-next,.inprofileBan .swiper-button-next{ background:url(../images/arowrf.png) center center no-repeat; right:2%;}

.banner .swiper-button-prev,.inprofileBan .swiper-button-prev,.banner .swiper-button-next,.inprofileBan .swiper-button-next{

	filter:alpha(opacity=80); 

	-moz-opacity:0.8; 

	-khtml-opacity: 0.8; 

	opacity: 0.8;

	width:12px;  

	height:22px; 

	top:inherit;

	bottom: 25px; 

	margin-top:-30px; 

	-webkit-background-size:80%; 

	-moz-background-size:80%;

	-ms-background-size:80%; 

	-o-background-size:80%; 

	background-size:80%;

}

.banner .swiper-button-prev,.inprofileBan .swiper-button-prev{

	left: inherit;

	right: 350px;

}

.banner .swiper-button-prev:hover,.inprofileBan .swiper-button-prev:hover, .banner .swiper-button-next:hover,.inprofileBan .swiper-button-next:hover{

	filter:alpha(opacity=100); 

	-moz-opacity:1; 

	-khtml-opacity: 1; 

	opacity: 1;

}

/*banner end*/

.banimgarea{position: relative;  height: 100%!important;}

.bantext{

	position: absolute;

	top: 40%;

	left: 30%;

	-webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.bantext h3{

    font-size: 76px;

	color: #fff;

	font-weight: bold;

}

.moreck{

	font-size: 18px;

	color: #fff;

	margin-top: 60px;

	padding-left: 35px;

	position: relative;

	z-index: 2;

	display: inline-block;

}

.moreck:before{

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	height: 50px;

	width: 50px;

	background: #00a2ff;

	border-radius: 50%;

	z-index: -1;

	margin-top: -25px;

}





#section1{

   /*background-image: url('../images/inban01.jpg');

   background-size: cover;

   background-position: center;*/

}

#section2{

   background-image: url('../images/inban02.jpg');

   background-size: cover;

   background-position: center;

}

#section3{

   background-image: url('../images/inban03.jpg');

   background-size: cover;

   background-position: center;

}



#section4{

   background-image: url('../images/inban04.jpg');

   background-size: cover;

   background-position: center;

}

#section6{

	background-image: url('../images/inban05.jpg');

   background-size: cover;

   background-position: center;

}

#section7{

	background-image: url('../images/inban06.jpg');

   background-size: cover;

   background-position: center;

}

#section8{

	min-height: auto!important;

}

/*#section8 .fp-tableCell{

	height: auto!important;

}*/



.profileBox{

	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.inprofileFl{

	width: 50%;

	box-sizing: border-box;

	padding: 0 160px;

}

.inprofileFr{

	width: 50%;

}

.title{

	color: #191919;

	font-size: 45px;

	margin-top: 25px;

}

.inprofiletxt{

	font-size: 14px;

	color: #333;

	line-height: 27px;

	margin: 50px 0;

}

.lhkou{

	color: #191919;

}

.inprofileBan{

	position: relative;

}



.inproductBox{

	width: 100%;

	position: relative;

	height: 100%;

	display: flex;

	justify-content: space-between;

}

.inproductfl{

	width: 50%;

	position: relative;

}

.inproductfr{

	width: 50%;

	background: rgba(255, 255, 255, 0.8);

    height: 100%;

}



.inproMenu{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	color: #9f9f9f;

	font-size: 18px;

	border-top: 2px solid #808081;

	padding: 35px 12%;

	box-sizing: border-box;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.inproMenu span{

	padding-bottom: 20px;

	border-bottom: 2px solid transparent;

	cursor: pointer;

	font-weight: bold;

}

.inproMenu span.on{

	border-bottom: 2px solid #fff;

	color: #fff;

}



.inproduItem{

	display: none;

	

}

.inproduItem.on{

	display: block;

	

}

.inproduCont{

	margin: 0 auto;

	

}

.inproBan{

	padding-top: 210px;

	position: relative;

	padding-bottom: 50px;

}

.inproBanbox{

	text-align: center;

}

.inproBanbox h3{

	font-size: 49px;

	color: #191919;

}

.inproBanbox h4{

   font-size: 33px;

	color: #191919;

}

.inprtxet{

	font-size: 14px;

	color: #666;

	line-height: 23px;

	width: 50%;

	margin: 20px auto;

}

.inckxq{

	color: #00a2ff;

	font-size: 16px;

	border: 1px solid #00a2ff;

	border-radius: 40px;

	line-height: 40px;

	width: 150px;

	display: block;

	margin:0 auto ;

}

.inproBan .swiper-pagination{

	bottom: 0;

	width: 100%;

}

.shtitle{

	text-align: center;

	color: #fff;

	font-size: 24px;

}

.shtitle h3{

	font-size: 49px;

	color: #fff;

	margin-bottom: 25px;

}

.inserviceBox{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	width: 70%;

	margin: 60px auto;

}

.inserItem{

	text-align: center;

	font-size: 30px;

	color: #000;

	background: rgba(255, 255, 255, 0.8);

	width: 29.3%;

	margin: 0 2%;

	box-sizing: border-box;

	padding: 60px 0;

	border-radius: 20px;

	cursor: pointer;

}

.inserItem img{

	display: block;

	margin: 0 auto 60px;

}

.inserItem img.img01{

	display: block;

}

.inserItem img.img02{

	display: none;

}

.inserItem:hover{

	background: rgba(14, 143, 217, 0.8);

	color: #fff;

}

.inserItem:hover img.img01{

	display: none;

}

.inserItem:hover img.img02{

	display: block;

}

.incooperBox{

	width: 85%;

	margin: 50px auto 0;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}

.incoopItem{

	display: block;

	margin: 1px;

}

.incontact{

	display: flex;

	justify-content: flex-end;

}

.incontBox{

	width: 50%;

	background: rgba(255, 255, 255, 0.8);

	border-radius: 20px;

	padding: 60px 45px;

	box-sizing: border-box;

}

.incotitle{

	font-size: 36px;

	color: #1dacff;

	font-weight: bold;

	margin-bottom: 20px;

}

.incontItem{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	font-size: 24px;

	color: #000;

	margin: 25px 0;

}

.incontItem img{

	margin-right: 15px;

}

.footer{

	background: #2c2c2c;

}

.footTop{

	padding-bottom: 30px;

	display: flex;

	justify-content: space-between;



}

.footBot{

	font-size: 14px;

	color: #fff;

	border-top: 1px solid #4e4e4e;

	text-align: center;

	padding: 15px 0;

}

.fotLogo{

	margin-bottom: 20px;

}

.foottopFl {

	width: 35%

}

.foottopFr{

	display: flex;

	justify-content: space-between;

	width: 60%

}

.fotNavitem h3{

	font-size: 16px;

	color: #fff;

	font-weight: bold;

	position: relative;

	padding: 10px 0

}

.fotNavitem h3:before{

	content: "";

	width: 18px;

	height: 3px;

	background: #0092ee;

	position: absolute;

	top: 0;

	left: 0

}

.fotNavitem a{

	font-size: 14px;

	color: #828282;

	display: block;

	margin: 10px 0

}

.foottopFl .incontItem{

	font-size: 14px;

	color: #fff

}

#section5 .box{

	width: 100%;

	height: 100%;

	box-sizing: border-box;

	padding-top: 150px;

}

#section5 .titlebox{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

#section5 .title p{

   font-size: 18px;

   color: #000;

   width: 210px

}

.innewBox{

	display: flex;

	justify-content: space-between;

	margin-top: 100px;

}

.innewfl{

	flex: 1;

	line-height: 0;

	width: 50%

}

.innewfr{

	width: 50%;

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;

}

.innewItem{

	width: 50%;

	box-sizing: border-box;

	height: 50%;

	padding: 50px;

	position: relative;

	border: 1px solid #c9c9c9

}

.innewItem span{

	font-size: 14px;

	color: #ce0000;

	margin-bottom: 15px;

	display: block;

}

.innewItem a{

	font-size: 22px;

	color: #000;

	display: block;

}

.newdate{

	font-size: 14px;

	color: #666;

	position: absolute;

	bottom: 50px;

	left: 50px;

}

.innewItem:hover{

	background: #fff

}



/*公司概况*/

.nyBan{

    width: 100%;

    position: relative;

}

.nyBan img{

	width: 100%;

	display: block;

}

.nyBan .title{

	position: absolute;

	top: 50%;

	left: 10%;

	font-size: 36px;

	color: #fff;

	display: block;

	padding-bottom: 10px;

	border-bottom: 2px solid #fff;

	-webkit-transform: translate(0%, -50%);

    -moz-transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

    -o-transform: translate(0%, -50%);

    transform: translate(0%, -50%);

}

.corporateBg{

	position: relative;

	background: url(../images/qihjban.jpg) no-repeat;

	background-size: 100% 100%;

	padding: 80px 0

}

.cortitle{

	font-size: 45px;

	border-bottom: 2px solid #fff;

	color: #fff;

	padding-bottom: 10px;

	display: inline-block;

	margin-bottom: 40px;

}

.corporateBox .banimgarea p{

	font-size: 16px;

	color: #fff;

	text-align: center;

	padding: 10px 0

}

.corporateBox .swiper-pagination{

	width: 100%;

	padding: 10px 0;

	text-align: center;

	box-sizing: border-box;

	left: 0

}

.corporateBox .swiper-pagination-bullet{

   background: #fff;

   margin: 0 5px; 

   opacity: 1;

}

.corporateBox .swiper-pagination-bullet-active{

   width: 20px;

   border-radius: 10px

}

.linkFiend{

	padding: 20px 0 10px;

	border-bottom: 1px solid #4e4e4e;

	background: #2c2c2c

}

.linkfid{

	font-size: 14px;

	color: #fff;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.linkfid a{

	opacity: 0.6;

	color: #fff;

	margin: 0 10px

}

.linkfid a:hover{

	color: #00a2ff

}

.produMenu{

	padding: 40px 0 30px;

	display: flex;

	justify-content: center;

	border-bottom: 1px solid #898989

}

.produMenu a{

	font-size: 16px;

	color: #000;

	background: #dcdcdc;

	display: block;

	width: 140px;

	line-height: 40px;

	margin: 0 10px;

	text-align: center;

}

.produMenu a:hover,.produMenu a.on{

	color: #fff;

	background: #00a2ff

}

.productBox{

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	padding: 40px 0

}

.productItem{

	width: 31.3%;

	margin: 20px 1%;

	display: block;

}

.proImg{

	display: block;

	line-height: 0

}

.produBot{

	padding: 20px 0

}

.produBot h3{

	font-size: 30px;

	color: #000

}

.produnr{

	font-size: 14px;

	color: #666;

	line-height: 25px;

	margin: 15px 0

}

.prodctcice{

	font-size: 14px;

	color: #666;

}

.prodctcice span{

	font-size: 24px;

	color: #df0000;

	font-weight: bold;

}

.ckaxqBtn{

	font-size: 16px;

	color: #666;

	border: 1px solid #666666;

	padding: 12px 50px;

	border-radius: 50px;

	display: inline-block;

	margin-top: 30px;

}

.productItem:hover .ckaxqBtn{

   color: #fff;

   background: #00a2ff

}

.pagebox{

	display: flex;

	justify-content: center;

	padding-bottom: 30px;

}

.pagebox a{

	color: #666;

	font-size: 15px;

	border: 1px solid #e7e7e7;

	border-radius: 5px;

	width: 35px;

	height: 35px;

	display: block;

	text-align: center;

	line-height: 35px;

	margin: 0 5px;

}

.pagebox a.on,.pagebox a:hover{

	color: #fff;

	background: #00a2ff

}

.retuin{

	font-size: 16px;

	color: #fff;

	background: #00a2ff;

	line-height: 50px;

	width: 100%;

	text-align: center;

	margin: 35px 0

}

.retuin img{

	display: inline-block;

	margin-right: 10px;

}

/*产品详情*/

.prodetailBox{

	position: relative;

	width: 100%;

	display: flex;

	justify-content: space-between;

}

.prodetailaFl{

	width: 48%

}

.prodetailaFr{

	width: 50%

}

.prodetailaFl .detailSwBot .swiper-slide.swiper-slide-thumb-active{

	border: 1px solid #2a61fc

}

.proxqixo{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.proxqictm{

	font-size: 14px;

	color: #666;

	margin-left: 15px;

	margin-bottom: 20px;

}

.proxqictm h4{

	color: #010101;

	font-size: 16px;

	font-weight: bold;

}

.parameterBox{

	padding: 50px 0 0

}

.parameterTitle{

	font-size: 16px;

	color: #fff;

	background: #00a2ff;

	width: 140px;

	line-height: 50px;

	text-align: center;

}

.parameter{

	line-height: 0;

	margin-top: 40px;

}

.zhansbox{

	margin-top: 40px;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.zhansbox img{

	margin: 10px 0

}

.consultBox{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	padding: 20px 0

}

.consultItem{

	background: #eeeeee;

	font-size: 16px;

	color: #000;

	padding: 40px 50px;

	text-align: center;

	margin-right: 15px;

}

.caseBox{

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

    padding: 40px 0

}

.caseItem{

	display: block;

	width: 31.3%;

	margin: 20px 1%;

	background: #f7f7f7;

}

.caseImg img{

	display: block;

}

.caseBomt{

	font-size: 15px;

	color: #999;

	padding: 30px;

	line-height: 27px;

}

.caseBomt h3{

	font-size: 22px;

	color: #333;

	font-weight: bold;

	margin-bottom: 10px;	

}

/*产品详情*/

.detailBox{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	align-items: flex-start;

	margin-bottom: 40px;

}

.detailFl{

	width: 70%;

	background: #f7f7f7;

	padding: 38px 35px;

	box-sizing: border-box;

}

.detailFr{

	width: 28%

}

.dwtailTitle{

	padding-bottom: 15px;

}

.dwtailTitle h3{

    font-size: 30px;

    color: #333;

    margin-bottom: 15px;

} 

.detaTime{

	font-size: 14px;

	color: #333;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.detaTime img{

	margin-right: 10px;

}

.detailCont{

	font-size: 14px;

	color: #666;

	line-height: 24px;

	padding: 30px 0;

	border-top: 1px solid #7d7d7d;

	border-bottom: 1px solid #7d7d7d;

}

.casePage{

	padding-top: 20px;

}

.casePageItem{

	font-size: 16px;

	color: #000;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	margin: 10px 0

}

.casePageItem a{

	color: #999;

	margin-left: 15px;

}

.casePageItem a:hover{

	color: #2457a7

}

.detailFr{

	background: #f7f7f7;

	box-sizing: border-box;

	padding: 25px 20px;

}

.detailFrTit{

	border-bottom: 2px solid #bfbfbf;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.detailFrTit h3{

	font-size: 24px;

	color: #333;

	padding-bottom: 15px;

	border-bottom: 2px solid #255daa;

    display: inline-block;

    margin-bottom: -2px;

}

.camore{

	font-size: 16px;

	color: #333

}

.detailFrItem{

	background: #fff;

	padding: 8px;

	margin: 22px 0;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.detaflimg{

	width: 35%

}

.detafrcont{

	width: 62%;

	color: #666

}

.detafrcont h3{

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 18px;

	color: #333

}

.detafrcont p{

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 14px;

}

.detailFrItem .detaTime{

	margin: 5px 0

}

.contactBg{

	padding: 80px 0 0

}

.contactTit{

	text-align: center;

	color: #ccc;

	font-size: 20px;

	margin-bottom: 40px;

}

.contactTit h3{

	color: #00a2ff;

	font-size: 50px;

	margin-bottom: 10px;

}

.contactBox{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin: 20px 0

}

.contactItem{

	border: 1px solid #e0e0e0;

	width: 29.3%;

	margin: 0 2%;

	padding: 50px 2%;

	box-sizing: border-box;

	min-height: 280px;

	font-size: 24px;

	color: #000;

	text-align: center;

}

.contactItem p{

	margin: 20px 0 10px

}

.contactItem span{

	color: #999;

	font-size: 14px;

}

.map{

	width: 100%;

	height: 600px;

	margin-bottom: 50px;
	
	display: none;

}

.zxkefBg{

	background: url(../images/contbg.jpg) no-repeat;

	background-size: 100% 100%;

	padding: 50px 0 70px;
	
	display: none;

}

.contzxBox{

	background:rgba(255,255,255,0.8);

	box-sizing: border-box;

	padding: 70px;

	display: flex;

	justify-content: space-between;

}

.contzxFl{

	width: 75%

}

.contzxFr{

	width: 23%

}

.contzxTil{

	font-size: 18px;

	color: #333;

	margin-bottom: 25px;

}

.contzxTil h3{

	font-size: 28px;

	margin-bottom: 10px;

}

.contzxItem{

	font-size: 14px;

	color: #666;

	margin: 15px 0

}

.contzxItem .contexbox{

	

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.contzxItem .contexbox input{

	line-height: 32px;

	border: none;

	width: 100%;

	background: transparent;

	border-bottom: 1px solid #909190;

	opacity: 1;



}

.contexbox.consel select{

	width: 31.3%;

	background: transparent;

	line-height: 32px;

	border: none;

}

.contzxItem button{

	color: #fff;

	background: #00a2ff;

	width: 180px;

	line-height: 45px;

	margin-top: 20px;

}

.qqkx{

	font-size: 14px;

	color: #fff;

	width: 120px;

	line-height: 38px;

	border-radius: 38px;

	background: #00a2ff;

	display: flex;

	justify-content: center;

    align-items: center;

}

.phonerx{

	font-size: 14px;

	color: #333;

	margin: 15px 0

}

.watBox{

	display: flex;

	align-items: center;

}

.watItem{

	margin-right: 15px;

}

.watItem img{

	background: #fff;

	padding: 10px;

	border: 1px solid #333

}

.watItem p{

	font-size: 14px;

	color: #999;

	margin-top: 5px;

	text-align: center;

}

.problemBg{

	padding: 50px 0

}

.problmTop{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	font-size: 16px;

	color: #0682f4;

	margin-bottom: 20px;

}

.problmTop img{

	margin-right: 15px;

}

.problmBot{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	font-size: 16px;

	color: #666666

}

.problmBot img{

	margin-right: 15px;

}

.problemBox{

	padding: 30px;

	box-sizing: border-box;

}

.probeven{

	background: #f5f5f5

}

.problmbzbox{

	width: 100%;

	position: relative;

}

.blmImg img{

	display: block;

}

.blmTitle{

	color: #999999;

	font-size: 16px;

	line-height: 24px;

	width: 98%;

	max-width: 400px;

	position: absolute;

	bottom: 15%;

	left: 10%

}

.blmTitle h3{

	font-size: 30px;

	color: #fff;

	margin-bottom: 40px;

}

.feedbackBox{

	position: absolute;

	right: 15%;

	background: #0682f4;

	width: 98%;

	max-width: 700px;

	box-sizing: border-box;

	padding: 70px;

	bottom: 0;
	
	display: none;

}

.feedbackBox h3{

	font-size: 30px;

	color: #fff;

	margin-bottom: 20px;

}

.feedbackItem{

	margin: 10px 0;

	color: #fff;

	font-size: 16px;

}

.feedbackItem input{

	font-size: 20px;

	border: none;

	border-bottom: 1px solid rgba(255,255,255,0.8);

	width: 100%;

	background: transparent;

	color: #fff;

	padding: 10px 0

}

.feedbackItem button{

	font-size: 18px;

	color: #333;

	background: #fff;

	width: 140px;

	line-height: 42px;

	border-radius: 8px;

	margin-top: 30px

}

.agreementBox{

	padding: 60px;

	box-sizing: border-box;

	font-size: 14px;

	color: #333;

	

}

.agreementBox h3{

	font-size: 48px;

	color: #000;

	text-align: center;

	margin-bottom: 15px;

}

.agreementCont{

	width: 100%;

	height: 500px;

	overflow-y:auto;

	line-height: 24px;

}

.wyhyue{

	font-size: 18px;

	color: #fff;

	background: #2a61fc;

	padding: 10px 20px;

	border-radius: 5px;

	display: inline-block;

	margin: 20px auto 0

}