@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
/*内页*/
.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .h2{ font-weight:normal; display:table-cell; vertical-align:middle; color:#fff; text-align:center;}
.o_big_con .h2 span{ display:block;padding-bottom:0.5%; overflow:hidden;}
.o_big_con .h2 label{display:inline-block; position:relative;  vertical-align:top; padding-bottom:2%; margin-bottom:3.5%; position:relative; }
.o_big_con .h2 label:after{ left:50%; bottom:0; position:absolute; content:""; margin-left:-10px; width:20px; height:2px; background:#fff;}
.o_big_con .h2 p{ overflow:hidden;}

.o_big_con.bgs2 .h2{ text-align:left;}
.o_big_con.bgs2 .h2 label{ padding-left:35px;padding-bottom:0; margin-bottom:2%;}
.o_big_con.bgs2 .h2 label:after{ width:25px;margin-left:0; bottom:50%; left:0; }

.postions{ height:70px; line-height:70px; overflow:hidden;color:#999999; font-size:14px; background:#fff; border-bottom:1px solid #EEEEEE;}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#555; }
.postions a:last-child{color:#999; }
.postions a:hover{ color:#007bc1;}
.postions label{ color:#999999;}
.postions .postions_r{ float: right; font-size: 16px; }
.postions .postions_r a{ padding: 0 3px; }
.postions .postions_r img{ vertical-align:baseline; margin-right:8px; margin-left:11px;}
.postions .postions_r img:first-child{ margin-left:0;}
.postions h2{ float:left; font-weight:normal; color:#333; height:58px; font-size:20px;}
.postions h2 span{font-size:16px; font-family:Arial;}
.postions .postions_b{ float:left; }
.postions .postions_b a{ float:left; text-align:center;overflow:hidden; font-size:16px; color:#333333; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; margin-right:60px; }
.postions .postions_b a:hover{color:#007bc1;}
.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:2px;opacity: 0;background:#007bc1;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.postions .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a.isel{color:#007bc1; }


@media screen and (max-width: 1660px) {
	/*内页*/
	.postions .postions_b a{margin-right:50px;}
}
@media screen and (max-width: 1440px) {
	/*内页*/
	.postions{ height:56px; line-height:56px; font-size:14px;}
	.postions .postions_b a{margin-right:40px;}
}
@media screen and (max-width: 1200px) {
	/*内页*/
	.postions h2{ font-size:18px;}
	.postions h2 span{ font-size:14px;}
	.postions .postions_b a{margin-right:30px;}
}
@media screen and (max-width: 1100px) {
/*内页*/
.postions{ height:44px; line-height:44px;}
.postions .postions_b a{margin-right:20px;}
}
@media screen and (max-width: 1000px) {
/*内页*/
.o_big_con .h2 label{ margin-bottom:2%;}


.postions .rclass{ display:block;}
.postions .postions_b{ display:none;}
.postions .postions_b a{ float:none; font-size:15px; display:block; margin-right:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto;}
.postions .postions_b a.isel{ color:#2d9441;}
.postions .postions_b a:after{ height:0;}
}
@media screen and (max-width: 830px) {
/*内页*/
.postions h2{ font-size:16px;}
.postions h2 span{ font-size:13px;}
}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:325px;}
.postions{ height:52px; line-height:52px; font-size:13px;}
.postions h2{ display:none;}
.postions .postions_b a{ height:44px; line-height:44px; font-size:14px;}
}
@media screen and (max-width: 520px) {
/*内页*/
.postions .sec{ display:none;}
.postions .postions_r{font-size: 14px;}
}
@media screen and (max-width: 480px) {
/*内页*/
.o_big{ height:200px;}
.o_big_con .h2{ font-size:18px;}
.o_big_con .h2 label{ margin-bottom:2.5%; padding-bottom:2.5%;}
.o_big_con .h2 p{ margin-bottom:1%;}
.postions{ font-size:12px;}
.postions .postions_b a{ font-size:13px;}
.postions .postions_r span{ display:none;}
.postions .postions_r img{ margin-left:6px;}
.postions .postions_r a{ padding: 0 0px; }
}
@media screen and (max-width: 360px) {
/*内页*/
.o_big{ height:150px;}
}


/***产品中心***/
.list-type-a .img-box{position:relative;overflow:hidden}
.list-type-a .img-box img{display:block;position:absolute;left:0;top:0;height:100%;width:100%;transform:scale(1);transition:all .3s}
.list-type-a .imgh:hover img{transform:scale(1.02)}
.list-type-a .ul {margin: 0 -15px;font-size: 0;}
.list-type-a .ul li {width: 20%;display: inline-block;padding: 15px;vertical-align: top;}
.list-type-a .ul .box {
  display: block;
  border-radius: 6px;
  border: solid 1px #dfdfdf;
  padding: 10px;
  text-align: center;
  transition: all 0.3s;
}
.list-type-a .ul .box:hover {
  border-color: #00c8e1;
}
.list-type-a .ul .box:hover .title {
  color: #00c8e1;
}
.list-type-a .ul .img-box::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.list-type-a .ul .cont {
  padding: 8px 0 15px;
}
.list-type-a .ul .title {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 30px;
  height: 60px;
  color: #222222;
  transition: all 0.3s;
}
.list-type-a .ul .des {
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 1.4em;
  color: #999999;
}
.product-list {padding: 60px 0;}
@media (max-width: 992px) {
  .product-list {
    padding-top: 35px;
  }
  .list-type-a .ul {
    margin: -10px;
  }
  .list-type-a .ul li {
		width: 25%;
    padding: 10px;
  }
  .list-type-a .ul .cont {
    padding: 5px 0 10px;
  }
  .list-type-a .ul .title {
    margin-bottom: 0;
    font-size: 18px;
  }
  .list-type-a .ul .des {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .product-list {
    padding: 35px 0;
  }
  .list-type-a .ul {
    margin: -5px;
  }
  .list-type-a .ul li {
		width: 33.33%;
    padding: 5px;
  }
  .list-type-a .ul .title {
    font-size: 16px;
  }
  .list-type-a .ul .des {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
	.list-type-a .ul li {width: 50%;}
}


/** 产品详情 **/
.ProductList{ background-color:#f8f8f8; padding:45px 0 80px; }
.ProductList .Infos{ margin:25px 0 30px; }
.ProductList .Infos .Box{ padding:2.3% 2.3% 3%; background-color: #FFFFFF; }
.ProductList .Infos .Imgs{ width:465px; margin-right:5.46%; }
.ProductList .Infos .Big{ margin-bottom:8px; border:1px solid #eee; }
.ProductList .Infos .imgBox{ position:relative;  padding-top:100%; display:block; }
.ProductList .Infos .imgBox img{ position:absolute; left:0; top:0; height:100%; width:100%; }
.ProductList .Infos .swiperBox{ position:relative; }
.ProductList .Infos .swiper-container{ margin:0 32px; }
.ProductList .Infos .swiper-container .imgBox{ border:1px solid #eee; }
.ProductList .Infos .swiper-container .on .imgBox{ border-color:#267fff; }
.ProductList .Infos .Btns a{ display:block; height:100%; position: absolute; top:0; background:#e8e8e8 no-repeat center/11px auto; width:25px; transition:all .3s; z-index:2; }
.ProductList .Infos .Btns .prev{ left:0; background-image:url(/template/default/images/jt1_1.png); }
.ProductList .Infos .Btns .next{ right:0; background-image:url(/template/default/images/jt1_2.png); }
.ProductList .Infos .Btns a:hover{ background-color:#007bc1; }
.ProductList .Infos .Btns .prev:hover{ background-image:url(/template/default/images/jt1_1_h.png); }
.ProductList .Infos .Btns .next:hover{ background-image:url(/template/default/images/jt1_2_h.png); }
.ProductList .Infos .cont{ overflow:hidden; padding-top:40px; }
.ProductList .Infos .h2{ font-size:32px; line-height:38px; color:#333333; }
.ProductList .Infos .des{ font-size:14px; line-height:20px; color:#999999; padding-bottom:30px; border-bottom:1px solid #eeeeee; margin:12px 0 29px; }
.ProductList .Infos .h4{ font-size:16px; line-height:24px; font-weight:bold; }
.ProductList .Infos .word{ font-size:14px; color:#666666; line-height:26px; margin:6px 0 35px; padding-bottom:20px; border-bottom:1px solid #eee; }
.ProductList .Infos .qq{ display:inline-block; padding:0 17px; background:#007bc1; transition:all .3s; font-size:16px; line-height:44px; color:#fff; }
.ProductList .Infos .qq span{ display:block; padding-left:27px; background:url(/template/default/images/icons1.png) no-repeat left center/16px auto; }
.ProductList .Infos .qq:hover{ background:#428efb; }
.ProductList .List .pad{ padding:2.3% 2.3% 3%; background-color: #FFFFFF; }
.ProductList .List .h3{ font-size:18px; line-height:24px; color:#333333; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:17px; margin-bottom:25px; }
.ProductList .List img{ max-width: 100%; }
.ProductList .List .dl{ font-size:14px; line-height:22px; color:#888; border-left:1px solid #dddddd; border-top:1px solid #dddddd; display:table; width:100%; }
.ProductList .List .dt,
.ProductList .List .dd{ display:table-row; }
.ProductList .List .dt{ background:#eeeeee; color:#333333; }
.ProductList .List .dl .wid{ display:table-cell; vertical-align:middle; padding:15px 10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.ProductList .List .dl a{ color:#888; }
.ProductList .List .dl .down{ display:block; margin:0 auto; height:19px; width:19px; background:url(/template/default/images/icon_down1.png) no-repeat center/contain; }
.ProductList .List .dl .wid1{ width:105px; }
.ProductList .List .dl .wid2{ width:115px; }
.ProductList .List .dl .wid3{ width:105px; }
.ProductList .List .dl .wid4{ width:115px; }
.ProductList .List .dl .wid5{ width:105px; }
.ProductList .List .dl .wid6{ width:100px; }
.ProductList .List .dl .wid7{ width:120px; }
.ProductList .List .dl .wid8{ width:115px; }
.ProductList .List .dl .wid9{ width:175px; }
.ProductList .List .dl .wid10{ width:105px; }
.ProductList .List .dl .wid11{ width:80px; }
.ProductList .List .dl .down:hover{ background-image:url(/template/default/images/icon_down1_h.png); }
.ProductList .List .dl a:hover{ color:#267fff; }
/**产品详情**/
.ProductInfo{ background:#f8f8f8; padding:55px 0 65px; }
.ProductInfo .pad{ padding:28px 30px 58px; }
.ProductInfo .pad .h1{ font-size:18px; line-height:26px; color:#333333; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:16px; margin-bottom:28px; }
.ProductInfo .pad .content{ font-size:14px; line-height:24px; color:#666666; }
.ProductInfo .pad .content img{ height:auto!important; }
.swiper-scrollbar .swiper-scrollbar-drag{ background:#267fff; }
@media (min-width: 992px){
    .ProductList .Imgs{ max-width:45% }
}
@media (max-width: 1200px){
    .ProductList{ padding:40px 0 45px; }
    .ProductList .Infos{ margin:20px 0 25px; }
    .ProductList .Infos .cont{ padding-top:20px; }
    .ProductList .Infos .h2{ font-size:26px; }
    .ProductList .Infos .des{ margin:8px 0 20px; padding-bottom:20px; line-height:22px; }
    .ProductList .Infos .word{ margin-bottom:25px; }
    .ProductList .Infos .qq{ font-size:14px; line-height:36px; }
    .ProductList .List .h3{ padding-bottom:10px; margin-bottom:20px; }
    .ProductInfo{ padding:40px 0 45px; }
    .ProductInfo .pad{ padding:20px 25px 35px; }
    .ProductInfo .pad .h1{ padding-bottom:10px; margin-bottom:20px; }
}
@media (max-width: 992px){
    .ProductList{ padding:30px 0 35px; }
    .ProductList .Infos .Box{ padding:20px; }
    .ProductList .Infos .Imgs{ max-width:100%; margin:0 auto; float:none; display:block; }
    .ProductList .Infos .h2{ font-size:22px; line-height:32px; }
    .ProductList .Infos .des{ margin:5px 0 15px; }
    .ProductList .Infos .word{ padding-bottom:15px; margin-bottom:20px; }
    .ProductList .List .pad{ padding:15px 20px 20px; }
    .ProductList .List .Box{ overflow-y:auto; }
    .ProductList .List .dl{ width:900px; line-height:20px; }
    .ProductList .List .dl .wid{ padding:10px; }
    .ProductInfo{ padding:30px 0 35px; }
    .ProductInfo .pad{ padding:15px 20px 30px; }
}
@media (max-width: 768px){
    .ProductList{ padding:20px 0 25px; }
    .ProductList .Infos{ margin:15px 0 20px; }
    .ProductList .Infos .Box{ padding:15px; }
    .ProductList .Infos .cont{ padding-top:15px; }
    .ProductList .Infos .h2{ font-size:20px; }
    .ProductList .List .pad{ padding:15px; }
    .ProductList .List .h3{ margin-bottom:15px; }
    .ProductInfo{ padding:20px 0 25px; }
    .ProductInfo .pad{ padding:10px 15px 20px; }
}



/* 案例列表 */
.news-list{ margin: 80px 0 60px; }
.news-list li:first-child a{ padding-top:0; }
.news-list li:last-child .line{ display:none; }
.news-list li a{ display:block;position:relative;padding:25px 0;}
.news-list li a:after{ content:"";height:0;display:block;clear:both}
.news-list li a:hover img{ transform: translate(-50%,-50%) scale(1.1,1.1); }
.news-list li a:hover .date{ opacity:0;filter:alpha(opacity=0)}
.news-list li a:hover .btn{ opacity:1;filter:alpha(opacity=100)}
.news-list li a:hover .line::after{ width:100%}
.news-list li img{ width:100%;display:block;transition-duration:.8s;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s}
.news-list li .line{ width:100%;height:1px;position:absolute;left:0;bottom:0;z-index:10;background:#eaeaea}
.news-list li .line::after{ content:" ";width:0;height:1px;background:#007bc1;position:absolute;left:0;top:0;z-index:8;transition-duration:.8s;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s}
.news-list li .pic{ width:244px;overflow:hidden;float:left}
.news-list li .right{ width:220px;height:164px;float:right;border-left:solid 1px #eaeaea;position:relative}
.news-list li .date,.news-list li .btn{ position:absolute;top:50%;right:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transition-duration:.4s;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;z-index:2}
.news-list li .date{ font-family:"Arial",arial;font-size:62px;color:#e0e0e0;text-align:right;width:100%}
.news-list li .date span{ font-weight:bold;font-size:26px;display:block}
.news-list li .btn{ min-width:138px;padding:0 20px;height:42px;line-height:42px;text-align:center;background:#007bc1;z-index:5;font-size:15px;color:#fff;opacity:0;filter:alpha(opacity=0)}
.news-list li .btn::after{ background:#006ca7}
.news-list li .text{ padding:30px 294px 0 288px}
.news-list li .tit,.news-list li .txt{ height:28px;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}
.news-list li .tit{ font-size:22px;color:#333}
.news-list li .txt{ height:56px;font-size:15px;color:#999;-webkit-line-clamp:2;margin-top:18px}
@media only screen and (max-width:1200px){
  .news-list{ margin: 60px 0 40px;}
  .news-list li a{padding:20px 0}
  .news-list li .pic{width:180px}
  .news-list li .right{width:120px;height:114px}
  .news-list li .date{font-size:40px}
  .news-list li .date span{font-size:20px}
  .news-list li .btn{min-width:100px;padding:0 10px}
  .news-list li .text{padding:0 140px 0 200px}
}
@media only screen and (max-width:600px){
  .news-list{ margin: 40px 0 30px;}
  .news-list li .right{display:none}
  .news-list li .pic{width:130px}
  .news-list li .text{padding:0 0 0 150px}
  .news-list li .tit,.news-list li .txt{height:24px;line-height:24px}
  .news-list li .tit{font-size:16px}
  .news-list li .txt{height:48px;font-size:14px;margin-top:8px}
}



/* 新闻列表 */
.newbox{
	margin-top: 70px;
  margin-bottom: 50px;
	border-top: #f3f3f3 solid 1px;
}
.newbox ul{
	margin-bottom: 30px;
}
.newbox ul li{
	position: relative;
	float: left;
	width: 33.33%;
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	/*width: calc(100% / 3);*/
	padding: 2.8% 4% 3%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.newbox ul li a{
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 100%;
}
.newbox ul li::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-right: #f3f3f3 solid 1px;
	border-bottom: #f3f3f3 solid 1px;
}
.newbox ul li:nth-child(3n)::before{
	border-right: none;
}
.newbox ul li .time{
	color: #8b8b8b;
	font-size: 20px;
	font-family: 'SourceHanSansCN-Regular';
	margin-bottom: 25px;
}
.newbox ul li .time .date{
	display: inline-block;
	margin-right: 10px;
	font-size: 42px;
}
.newbox ul li .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.newbox ul li .imgbox img{
	width: 100%;
	max-width: 100%;
	/* height: 100%; */
}
.newbox ul li .txtbox{
	text-align: left;
	margin-top: 25px;
}
.newbox ul li .txtbox .t1{
	color: #333333;
	font-size: 20px;
	font-family: 'SourceHanSansCN-Regular';
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.newbox ul li:hover .txtbox .t1{
	color: #007bc1;
}
.newbox ul li .txtbox .t2{
	color: #8b8b8b;
	font-size: 16px;
	line-height: 1.7;
	height: 55px;
	margin-bottom: 30px;
	font-family: 'SourceHanSansCN-light';
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newbox ul li .txtbox .t3{
	position: relative;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #007bc1;
	font-size: 16px;
	font-family: 'SourceHanSansCN-light';
	background-color: #f7f7f7;
	/*border-left: #007bc1 solid 3px;*/
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.newbox ul li .txtbox .t3 span{
	position: relative;
	z-index: 2;
}
.newbox ul li:hover .txtbox .t3 span{
	color: #ffffff;
}
.newbox ul li .txtbox .t3::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 3px;
	height: 100%;
	background-color: #007bc1;
	 -o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.newbox ul li:hover .txtbox .t3::before{
	width: 100%;
}
@media screen and (max-width: 1024px){
	.more .cont, .more a, .o-problem .morelink a, .newbox ul li .txtbox .t3{
		min-width: 130px;
		height: 42px;
		line-height: 42px;
		font-size: 15px;
	}
	.newbox ul li .txtbox .t3{
		width: 130px;
	}
	.newbox{ margin-bottom: 30px;}
	.newbox ul{margin-bottom: 30px;}
  .newbox ul li{padding: 2.4% 3%;}
	.newbox ul li .time{font-size: 18px;margin-bottom: 15px;}
	.newbox ul li .time .date{font-size: 36px;}
	.newbox ul li .txtbox{
		margin-top: 15px;
	}
	.newbox ul li .txtbox .t1{
		font-size: 18px;
	}
	.newbox ul li .txtbox .t2{
		font-size: 15px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 768px){
	.newbox{margin-top: 50px;}
	.newbox ul{margin-bottom: 30px;}
	.newbox ul li{
		width: 50%;
		padding: 4%;
	}
	.newbox ul li:nth-child(3n)::before{
		border-right: #e5e5e5 solid 1px;
	}
	.newbox ul li:nth-child(2n)::before{
		border-right: none;
	}
	.newbox ul li .time{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.newbox ul li .time .date{
		font-size: 30px;
	}
	.newbox ul li .txtbox .t1{
		font-size: 16px;
	}
	.newbox ul li .txtbox .t2{
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 640px){
  .newbox{ margin-bottom: 20px; }
	.newbox ul{
		margin-bottom: 10px;
	}
	.newbox ul li{
		width: 100%;
		padding: 6%;
	}
	.newbox ul li::before{
		border-right: none !important;
	}
}
@media screen and (max-width: 414px){
	.more .cont, .more a, .o-problem .morelink a, .newbox ul li .txtbox .t3{
		min-width: 110px;
		height: 40px;
		line-height: 40px;
	}
	.newbox ul li .txtbox .t3{
		width: 110px;
	}
}



/* 新闻内容 */ 
.NewsInfo{ padding:60px 0 70px; }
.NewsInfo .h1{ font-size:34px; line-height:32px; color:#333; text-align:center; padding:0 15px; }
.NewsInfo .h1+.content{ margin-top:25px; }
.NewsInfo .time{ display:block; text-align:center; font-size:14px; line-height:24px; color:#888; margin:10px 0 35px; }
.NewsInfo .content{ border-top:1px solid #eeeeee; font-size:16px; line-height:26px; color:#666666; padding:35px 0 60px; }
.NewsInfo .content p{ margin: 10px 0;}
.NewsInfo .content img{ height:auto!important; }
.PNLinks{ border-top:1px dashed #eeeeee; padding-top:32px; }
.PNLinks .links{ overflow:hidden; font-size:0; line-height:0; }
.PNLinks .links .line{ display:inline-block; vertical-align:middle; height:16px; width:1px; background:#ddd; margin:0 45px; }
.PNLinks p{ display:inline-block; vertical-align:middle; position:relative; font-size:16px; line-height:38px; color:#999999; padding-left:72px; max-width:calc(50% - 46px); }
.PNLinks .returnList{ display:inline-block; line-height:36px; border:1px solid #eee; padding:0 15px; color:#666; transition:all .5s; margin-left:35px; text-align:center; }
.PNLinks .returnList:hover{ border-color:#267fff; background:#267fff; color:#fff }
.PNLinks .tit{ display:block; position: absolute; left:0; }
.PNLinks a{ color:#333; }
.PNLinks a:hover{ color:#267fff; }
@media only screen and (max-width: 1200px){
    .NewsInfo{ padding:45px 0 40px; }
    .NewsInfo .h1{ font-size:26px; line-height:28px; }
    .NewsInfo .time{ margin:5px 0 20px; }
    .NewsInfo .content{ padding:30px 0; }
    .PNLinks{ padding-top:25px; }
    .PNLinks .links .line{ margin:0 35px; }
    .PNLinks p{ max-width:calc(50% - 36px); }
}
@media only screen and (max-width: 992px){
    .NewsInfo{ padding:35px 0 30px; }
    .NewsInfo .h1{ font-size:22px; line-height:24px; }
    .NewsInfo .time{ margin:5px 0 10px; }
    .NewsInfo .content{ padding:20px 0; font-size:14px; line-height:24px; }
    .PNLinks{ padding-top:15px; }
    .PNLinks .links .line{ margin:0 25px; }
    .PNLinks p{ font-size:14px; max-width:calc(50% - 26px); }
}
@media only screen and (max-width: 768px){
    .NewsInfo{ padding:25px 0 20px; }
    .NewsInfo .h1{ font-size:18px; }
    .NewsInfo .h1+.content{ margin-top:15px; }
    .PNLinks{ display:flex; flex-wrap:wrap; padding-top:0; }
    .PNLinks .links{ padding:10px 0; border-bottom:1px dashed #eee; margin-bottom:15px; width:100%; }
    .PNLinks .links .line{ display:none; }
    .PNLinks p{ padding-left:56px; max-width:100%; line-height:30px; display:block; }
    .PNLinks .returnList{ float:none; order:2; line-height:30px; padding:0 15px; margin:0; width:100%; }
}



/************* 相册列表 *************/
.fancybox-overlay{ z-index: 99999!important; }
.honor-list { padding: 100px 0;}
.honor-list ul{overflow:hidden;margin:0 -28px; align-items: stretch; justify-content: flex-start;}
.honor-list li{width:25%;float:left;text-align:center;padding:0 28px;margin-bottom:46px}
.honor-list li a{ display:block;text-align:center;position:relative;overflow:hidden; }
.honor-list li a:hover .pic{border-color:#68a592}
.honor-list li a:hover .pic::after,.honor-list li a:hover .pic::before{opacity:1;filter:alpha(opacity=100)}
.honor-list li a:hover .pic::after{ padding-top:36px; }
.honor-list li a:hover img{ transform: translate(-50%,-50%) scale(1.06,1.06); }
.honor-list li a:hover .tit{ color:#68a592; }
.honor-list li .clickpic{ width:100%;height:100%;position:absolute;top:0;left:0;z-index:50;opacity:0;filter:alpha(opacity=0); }
.honor-list li .clickpic img{ height:100%; }
.honor-list li .pic{ border:solid 1px #ccc;padding:6px;position:relative;transition:0.4s; }
.honor-list li .pic span{ display:block;overflow:hidden;padding-bottom: 65%; }
.honor-list li .pic::after,
.honor-list li .pic::before{ width:100%;position:absolute;left:0;opacity:0;filter:alpha(opacity=0);transition:0.4s; }
.honor-list li .pic::before{ content:" ";height:100%;top:0;background:url(/template/default/images/honor-list-filter.png);z-index:10; }
.honor-list li .pic::after{ content:"点击查看大图";top:50%;transform:translate(0,-50%);z-index:20;background:url(/template/default/images/honor_icon.png) no-repeat center 0;color:#fff;padding-top:200px; }
.honor-list li img{  width:auto; height: 100%; max-width: none; display:block;transition: 0.3s; transform: translate(-50%,-50%);  }
.honor-list li .tit{height:20px;line-height:20px;font-size:18px;color:#666;margin-top:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;transition:0.4s}
@media only screen and (max-width:1400px){
  .honor-list ul{margin: 0 -20px;}
  .honor-list li{ padding: 0 20px; }
}
@media only screen and (max-width:1200px){
  .honor-list{padding: 70px 0 50px;}
  .honor-list ul{margin: 0 -15px;}
  .honor-list li{ width: 33.33%; padding: 0 15px; margin-bottom: 30px;}
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
  .honor-list{padding: 60px 0 40px;}
  .honor-list ul{margin:0 -5px}
  .honor-list li{width:50%;padding:0 5px;margin-bottom:20px}
  .honor-list li .pic{padding:4px}
  .honor-list li .tit{margin-top:10px;font-size: 16px;}
}
@media only screen and (max-width:480px){
  .honor-list{padding: 40px 0 20px;}
}


/* joblist */
.pctitle{text-align:center}
.pctitle .title{font-size:36px;color:#222;font-weight: normal;}
.pctitle .line{width:20px;height:2px;background:#bababa;margin:15px auto}
.pctitle .slogan{color:#777}
.recruitment-page{padding:62px 0 86px 0}
.recruitment{margin-top:42px}
.recruitment .head,.recruitment .top{overflow:hidden;text-align:center;padding-right:140px;line-height:30px}
.recruitment .head{font-size:18px;color:#fff;font-weight:600;background:#007bc1}
.recruitment .head .col{padding:19px 0; width: 16.66666667%; float: left;}
.recruitment .top{ font-family: ;border-bottom:solid 1px #dcdcdc;background:url(/template/default/images/arrow10.png) no-repeat right 54px center;cursor:pointer; font-size: 16px;}
.recruitment .top:hover{background-color:#f9f9f9}
.recruitment .top .col{padding:20px 0;width: 16.66666667%; float: left;}
.recruitment li.on .top{background-image:url(/template/default/images/arrow11.png)}
.recruitment .top .col6,.recruitment .head .col6{width:45%;text-align:left;padding-left:20px}
.recruitment .cont{padding:50px 20px;background:#f7f7f7;display:none}
.recruitment .cont .text{font-size: 16px; line-height:36px;color:#333;border-bottom:solid 1px #e0e0e0;padding-bottom:34px;margin-bottom:34px}
.recruitment .cont .tit{font-size:15px;color:#333;font-weight:bold}
.recruitment .cont .btn{display: block;font-size: 16px; text-align: center; color:#FFF;width:136px;height:40px;line-height:40px;border-radius:40px;background:#007bc1;}
.recruitment .cont .btn{}
.recruitment .cont .btn::after{background:#31d2bc}
@media only screen and (max-width:1200px){
  .pctitle .title{font-size:20px}
  .pctitle .line{margin:10px auto}
  .pctitle .slogan{font-size:12px}
  .recruitment-page{padding:30px 0px}
  .recruitment{margin-top:30px}
  .recruitment .head,.recruitment .top{padding-right:0;line-height:28px;}
  .recruitment .top,.recruitment .head{font-size:16px}
  .recruitment .top .col,.recruitment .head .col{padding:10px 0}
  .recruitment .top .col.col6,.recruitment .head .col.col6{width:34%;text-align:left;padding-left:10px}
  .recruitment .top .col,.recruitment .head .col{width:22%}
  .recruitment li.on .top,.recruitment .top{background:0}
  .recruitment .cont{padding:10px 10px 20px 10px}
  .recruitment .cont .text{ font-size: 14px; line-height:28px;padding-bottom:24px;margin-bottom:24px;}
}
@media only screen and (max-width:768px){
  .recruitment .head,.recruitment .top{ line-height:26px;}
  .recruitment .top,.recruitment .head{font-size:14px}
}
@media only screen and (max-width:480px){
  .recruitment .top,.recruitment .head{ line-height: 20px;font-size:13px}
}

/* 关于UB8优游国际 */
.aboutBox{ padding: 80px 0; }
.aboutBox .cont{}
.aboutBox .cont p{ margin: 10px 0;}


/* 关于UB8优游国际 */
.aboutPage{
	width: 100%;
	height: auto;
	padding-top: 0px;
}
.aboutPage .introduce{
	width: 100%;
	height: auto;
  padding-top: 80px;
	padding-bottom: 80px;
	background-color: #f7f7f7;
}
.aboutPage .introduce .introduce1{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
  display: flex;
  flex-wrap: wrap;
  
}
.aboutPage .introduce .showBox{
	width: 50%;
	height: auto;
	background: no-repeat bottom left;
  position: relative;
}
.aboutPage .introduce .showBox img{max-width: 100%; display: ;}
.aboutPage .introduce .showBox .centen{
	width: 450px;
	height: 280px;
	float: left;
	margin-left: 60px;
	margin-top: 60px;
  position: absolute;left: 0;top: 0;
	/* background: url(/template/default/images/introduce_showBox_centen.jpg) no-repeat 0 0; */
	/* padding-left: 84px; */
}
.aboutPage .introduce .showBox .centen .title{
	width: 100%;
	height: auto;
	background: url(/template/default/images/introduce_showBox_title.png) no-repeat 0 0;
	padding-top: 40px;
	margin-top: 76px;
}
.aboutPage .introduce .showBox .centen .title .txt{
	width: 100%;
	height: auto;
	line-height: 40px;
	font-size: 36px;
	color: #ffffff;
}
.aboutPage .introduce .showBox .centen .title .tit{
	width: 100%;
	height: auto;
	line-height: 60px;
	font-size: 50px;
	color: #fff;
	font-weight: normal;
	margin-top: 4px;
}
.aboutPage .introduce .article{
	width: 50%;
	height: auto;
	line-height: 32px;
	font-size: 16px;
	color: #333;
	background: #fff;
	padding: 26px 46px;
	box-sizing: border-box;
	text-align: justify;
}
.aboutPage .introduce .article img{
	max-width: 100%;
}
.aboutPage .introduce .achievement{
	width: 100%;
	height: auto;
	background: #fff;
}
.aboutPage .introduce .achievement li{
	width: 25%;
	height: 230px;
	float: left;
	border-top: solid 1px #f2f1f0;
	border-left: solid 1px #f2f1f0;
	box-sizing: border-box;
	text-align: center;
}
.aboutPage .introduce .achievement li .pic{
	width: 100%;
	height: 64px;
	float: left;
	margin-top: 38px;
}
.aboutPage .introduce .achievement li .pic img{
	width: auto;
	height: 100%;
}
.aboutPage .introduce .achievement li .number{
	width: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	font-size: 48px;
	color: #333333;
	margin-top: 15px;
}
.aboutPage .introduce .achievement li .number span.add{
	height: 50px;
	line-height: 30px;
	font-size: 36px;
	vertical-align: top;
}
.aboutPage .introduce .achievement li .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 20px;
	font-size: 16px;
	color: #666666;
	margin-top: 5px;
}
.aboutPage .development{
	width: 100%;
	height: 782px;
	background: url(/template/default/images/aboutPage_development_bg.jpg) no-repeat center 0;
}
.aboutPage .development .development1{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.aboutPage .development .title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 50px;
	font-size: 48px;
	font-weight: normal;
	color: #fff;
	margin-top: 85px;
}
/*发展历程*/
.aboutPage .development .history{
	width: 1000px;
	height: auto;
	float: left;
	margin-left: 100px;
	margin-top: 88px;
	/*overflow: hidden;*/
}
.swiper-container{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 6px;
	overflow: hidden;
}
.swiper-slide{
	background-size: cover;
	background-position: center;
}
.gallery-top{
	width: 100%;
	height: 232px;
	float: left;
	overflow: hidden;
}
.gallery-top .swiper-slide{
	height: 226px;
	background: #006aaa;
	position: relative;
}
.gallery-top .swiper-slide .triangle{
	width: 11px;
	height: 7px;
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -5px;
	background: url(/template/default/images/gallery-top_triangle.png) no-repeat 0 0;
	z-index: 999999;
}
.gallery-top .swiper-slide .year{
	width: 100%;
	height: 80px;
	line-height: 60px;
	text-align: center;
	font-size: 60px;
	color: #fff;
	margin-top: 50px;
	background: url(/template/default/images/swiper-slide_year.gif) no-repeat center bottom;
	padding-bottom: 18px;
	font-family: arial;
}
.gallery-top .swiper-slide .text{
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
	color: #fff;
	margin-top: 16px;
}
.gallery-thumbs{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	top: 80px;
	/*overflow: visible;*/
}
.gallery-thumbs .swiper-slide{
	width: 178px;
	height: auto;
	background: url(/template/default/images/gallery-thumbs_swiper-slide1.png) no-repeat center 0;
	text-align: center;
	font-size: 22px;
	font-family: arial;
	line-height: 26px;
	color: #62caff;
	padding-top: 28px;
}
.gallery-thumbs .swiper-slide-active{
	background: url(/template/default/images/gallery-thumbs_swiper-slide2.png) no-repeat center 0;
	color: #fff;
}
.swiper-container.gallery-thumbs.swiper-container-horizontal{
	height: 150px;
}
.gallery-thumbs .swiper-button-next,
.gallery-thumbs .swiper-button-prev{
	width: 38px;
	height: 38px;
	border: solid 1px #fff;
	opacity: 1;
	left: 450px;
	top: 125px;
	background: url(/template/default/images/swiper-button1.png) no-repeat center;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	cursor: pointer;
}
.gallery-thumbs .swiper-button-next{
	left: auto;
	right: 450px;
	background-image: url(/template/default/images/swiper-button2.png);
}
.gallery-thumbs .swiper-button-prev:hover{
	background-image: url(/template/default/images/swiper-button11.png);
	background-color: #fff;
}
.gallery-thumbs .swiper-button-next:hover{
	background-image: url(/template/default/images/swiper-button22.png);
	background-color: #fff;
}
.gallery-thumbs .swiper-button-disabled.swiper-button-next{
	opacity: 0.4;
}
.gallery-thumbs .swiper-button-next,
.gallery-thumbs .swiper-button-prev{
	display: none;
}
/*发展历程end*/
@media only screen and (max-width:1440px){
  .aboutPage .introduce .showBox{ width: 40%; }
  .aboutPage .introduce .article{width: 60%; padding: 26px;font-size: 15px;line-height: 28px;}
}
@media only screen and (max-width:1199px){
	.aboutPage{ margin-top:20px;overflow:hidden; }
	.aboutPage .introduce{ padding-bottom:50px; padding-top: 60px; }
	.aboutPage .introduce .introduce1{ width:100%;margin:0;float:left; }
	.aboutPage .introduce .showBox{width:40%;height:auto;background:no-repeat center bottom;background-size:cover}
	.aboutPage .introduce .showBox .centen{width:450px;height:280px;float:left;margin-left:60px;margin-top:60px;/* background:url(/template/default/images/introduce_showBox_centen.jpg) no-repeat 0 0;padding-left:84px */}
	.aboutPage .introduce .showBox .centen .title{width:100%;height:auto;float:left;background:url(/template/default/images/introduce_showBox_title.png) no-repeat 0 0;padding-top:40px;margin-top:76px}
	.aboutPage .introduce .showBox .centen .title .txt{width:100%;height:auto;line-height:40px;font-size:36px;color:#fff}
	.aboutPage .introduce .showBox .centen .title .tit{ width:100%;height:auto;float:left;line-height:70px;font-size:50px;color:#fff;font-weight:normal;margin-top:4px; }
	
	@media only screen and (max-width:768px){
    .aboutPage .introduce .showBox{ width: 100%; text-align: center;}
    .aboutPage .introduce .showBox .centen .title .tit{ font-size:40px; }
  }
	@media only screen and (max-width:500px){
		.aboutPage .introduce .showBox{width:100%;}
		.aboutPage .introduce .showBox .centen{width:100%;height:auto;float:left;padding:0 14px;box-sizing:border-box;margin:0;background:0;text-align:center}
		.aboutPage .introduce .showBox .centen .title{width:100%;height:auto;float:left;background:url(/template/default/images/introduce_showBox_title.png) no-repeat center 0;padding-top:30px;margin-top:26px}
		.aboutPage .introduce .showBox .centen .title .txt{line-height:30px;font-size:24px}
		.aboutPage .introduce .showBox .centen .title .tit{line-height:40px;font-size:32px;margin-top:14px; }
		.aboutPage .introduce{ margin-bottom:0px;  padding-top: 50px;}
	}
	
	.aboutPage .introduce .article{width:60%;height:auto;float:left;line-height:26px;font-size:15px;color:#666;background:#fff;padding:26px 36px;box-sizing:border-box}
	.aboutPage .introduce .article img{max-width:100%}
	@media only screen and (max-width:768px){
    .aboutPage .introduce .article{width: 100%; padding:20px 20px; }
  }
	@media only screen and (max-width:500px){
		.aboutPage .introduce .article{padding:20px 15px;line-height: 26px;font-size: 14px;}
	}
	
	.aboutPage .introduce .achievement li{width:25%;height:160px;float:left;border-top:solid 1px #f2f1f0;border-left:solid 1px #f2f1f0;box-sizing:border-box;text-align:center}
	.aboutPage .introduce .achievement li .pic{width:100%;height:40px;float:left;margin-top:18px}
	.aboutPage .introduce .achievement li .pic img{width:auto;height:100%}
	.aboutPage .introduce .achievement li .number{height:40px;line-height:40px;font-size:28px;color:#666;margin-top:10px}
	.aboutPage .introduce .achievement li .number span.add{height:50px;line-height:30px;font-size:22px}
	.aboutPage .introduce .achievement li .text{line-height:20px;font-size:14px;margin-top:5px}
	
	@media only screen and (max-width:500px){
		.aboutPage .introduce .achievement li{height:120px}
		.aboutPage .introduce .achievement li .pic{width:100%;height:28px;margin-top:12px}
		.aboutPage .introduce .achievement li .number{height:30px;line-height:24px;font-size:14px;margin-top:10px}
		.aboutPage .introduce .achievement li .number span.add{height:20px;line-height:20px;font-size:14px}
		.aboutPage .introduce .achievement li .text{line-height:14px;font-size:12px;margin-top:0}
	}
	@media only screen and (max-width:400px){
		.aboutPage .introduce .achievement li{height:130px}
	}
	
	.aboutPage .development{width:100%;height:682px;background:url(/template/default/images/aboutPage_development_bg.jpg) no-repeat center 0;background-size:auto 100%}
	.aboutPage .development .development1{width:100%;height:auto;margin:0;float:left}
	.aboutPage .development .title{width:100%;height:auto;float:left;text-align:center;line-height:50px;font-size:48px;font-weight:normal;color:#fff;margin-top:85px}
	.aboutPage .development .history{width:100%;height:auto;margin:88px 0 0 0}
	
	.swiper-container{width:100%;height:auto;margin-left:auto;margin-right:auto;padding-bottom:6px}
	.swiper-slide{background-size:cover;background-position:center}
	.gallery-top{width:100%;height:232px;float:left;overflow:hidden}
	.gallery-top .swiper-slide{height:226px;background:#006aaa;position:relative}
	.gallery-top .swiper-slide .triangle{width:11px;height:7px;position:absolute;bottom:-6px;left:50%;margin-left:-5px;background:url(/template/default/images/gallery-top_triangle.png) no-repeat 0 0;z-index:999999}
	.gallery-top .swiper-slide .year{width:100%;height:60px;line-height:60px;text-align:center;font-size:60px;color:#fff;margin-top:50px;background:url(/template/default/images/swiper-slide_year.gif) no-repeat center bottom;padding-bottom:18px;font-family:arial}
	.gallery-top .swiper-slide .text{width:100%;height:auto;text-align:center;line-height:26px;font-size:20px;color:#fff;margin-top:16px}
	.gallery-thumbs{width:100%;height:auto;float:left;box-sizing:border-box;top:80px;overflow:visible}
	.gallery-thumbs .swiper-slide{width:178px;height:auto;background:url(/template/default/images/gallery-thumbs_swiper-slide1.png) no-repeat center 0;text-align:center;font-size:22px;font-family:arial;line-height:26px;color:#62caff;padding-top:28px}
	.gallery-thumbs .swiper-slide-active{background:url(/template/default/images/gallery-thumbs_swiper-slide2.png) no-repeat center 0;color:#fff}
	.swiper-container.gallery-thumbs.swiper-container-horizontal{height:auto}
	.gallery-thumbs .swiper-button-next,.gallery-thumbs .swiper-button-prev{display:none}
	
	@media only screen and (max-width:1024px){
		.aboutBox{padding: 50px 0;}
	}
	@media only screen and (max-width:800px){
		.aboutBox{padding: 30px 0;}
		.aboutPage .development{height:422px}
		.aboutPage .development .title{line-height:40px;font-size:34px;margin-top:35px}
		.aboutPage .development .history{margin:38px 0 0 0}
		.gallery-top{height:192px}
		.gallery-top .swiper-slide{height:200px}
		.gallery-top .swiper-slide .year{height:50px;line-height:50px;font-size:46px;margin-top:20px;padding-bottom:18px}
		.gallery-top .swiper-slide .text{width:100%;height:auto;text-align:center;line-height:26px;font-size:16px;color:#fff;margin-top:16px}
		.gallery-thumbs{top:30px}
	}
	@media only screen and (max-width:500px){
		.aboutPage .development{height:300px}
		.aboutPage .development .title{line-height:32px;font-size:24px;margin-top:15px}
		.aboutPage .development .history{margin:20px 0 0 0}
		.gallery-top{height:160px}
		.gallery-top .swiper-slide{height:166px}
		.gallery-top .swiper-slide .year{height:45px;line-height:45px;font-size:26px;margin-top:10px;padding-bottom:10px}
		.gallery-top .swiper-slide .text{width:100%;height:auto;text-align:center;line-height:20px;font-size:14px;color:#fff;margin-top:16px;padding:0 10px;box-sizing:border-box}
		.gallery-thumbs{top:20px}
		.gallery-thumbs .swiper-slide{font-size:18px;line-height:20px;padding-top:22px}
	}
	
}


/* 风采 */
.ateam{padding: 80px 0 50px}
.ateam ul{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
.ateam li{ margin-bottom:30px;width: 25%; padding: 0 10px; }
.ateam .inner{background:#fff;text-align:center;padding:15px 20px 0;box-shadow:0 0 15px rgba(0,0,0,0.12)}
.ateam .inner p{line-height:34px;font-size:16px;color:#666}
.ateam .inner .img{overflow:hidden}
.ateam .inner .img img{-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.ateam .inner .img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.ateam .inner img{width:100%}
.ateam li:hover p{color:#e95412}
@media(max-width:768px){
	.ateam{padding: 50px 0 20px;}
	.ateam li{ width: 33.33%; }
}
@media(max-width:640px){
.ateam .row{margin-left:-5px;margin-right:-5px}
.ateam .row >*{padding-left:5px;padding-right:5px;margin-bottom:10px}
.ateam .inner{box-shadow:0 0 4px rgba(0,0,0,0.15)}
}
@media(max-width:480px){
.ateam{padding: 30px 0 20px;}
.ateam li{ width: 50%; }
.ateam .inner p{font-size:14px}
}
 
 
 
/* 优势 */
.about_ys{ background-color: #f5f5f5; padding: 80px 0 60px;}
.fuli_con{ overflow:hidden; }
.fuli_con ul li{ background:#fff; margin-bottom:2%; display:table; width:100%; overflow:hidden;}
.fuli_con ul li .imgs{ display:table-cell; vertical-align:middle; padding-top:2%; padding-bottom:2%; border-right:1px solid #eeeeee; width:263px; text-align: center; }
.fuli_con ul li .imgs .icon{ display: inline-flex; justify-content: center; align-items: center; width: 100px; height: 100px; border: 1.5px dashed #ccc; border-radius: 50%; overflow: hidden; }
.fuli_con ul li .imgs img{ width:80%; max-width:50px; /* transform: translateY(-80px); filter: drop-shadow(#007bc1 0 80px); */ }
.fuli_con ul li .cons{ font-size:16px; color:#000000; line-height:32px; display:table-cell; vertical-align:middle; padding: 2% 3%;}
.fuli_con ul li .cons span{ font-size: 18px; font-weight: bold; padding-bottom: 5px; display: block; } 
@media screen and (max-width: 1440px) {
  /* .fuli_con ul li .imgs{ width:300px;} */
  .fuli_con ul li .cons{ font-size:16px; line-height:30px;}
}
@media screen and (max-width: 960px) {
  .about_ys{ padding: 60px 0 40px;}
  .fuli_con ul li .imgs{ width:180px;}
  .fuli_con ul li .cons{ font-size:15px; line-height:28px;}
}
@media screen and (max-width: 640px) {
  .about_ys{ padding: 40px 0 30px;}
  .fuli_con ul li{margin-bottom: 15px;}
  .fuli_con ul li .imgs{ width:120px; display: ;}
  .fuli_con ul li .imgs .icon{width: 60px; height: 60px;}
  .fuli_con ul li .imgs img{ width: 30px; }
  .fuli_con ul li .cons{ padding: 20px 25px; font-size:14px; line-height:24px;}
}
@media screen and (max-width: 520px) {
.fuli_con ul li .imgs{ width:100px;}
.fuli_con ul li .cons{ font-size:13px; line-height:22px;}
.fuli_con ul li .cons span{font-size: 16px;}

}


/* 联系UB8优游国际 */
.Contact { padding: 80px 0 30px; }
.Contact .number{  }
.Contact .number dl { width: 48%; display: table; float: left; background: #f9f9f9; height: 120px; margin-bottom: 50px;  }
.Contact .number dl > * { display: table-cell; vertical-align: middle; }
.Contact .number dl:nth-child(2n) { float: right; }
.Contact .number dt { background: #f5f5f5; width: 20%; position: relative; }
.Contact .number dt::before { position: absolute; content: ''; left: 20%; top: 20%; right: 20%; bottom: 20%; background-repeat: no-repeat; background-position: center center; background-size: auto; }
.Contact .number dl.add dt::before { background-image: url(/template/default/images/Contact_icon_1.png); }
.Contact .number dl.email dt::before { background-image: url(/template/default/images/Contact_icon_2.png); }
.Contact .number dl.webchat dt::before { background-image: url(/template/default/images/Contact_icon_3.png); }
.Contact .number dl.hotline dt::before { background-image: url(/template/default/images/Contact_icon_4.png); background-size: 40px; }
.Contact .number dl.phone dt::before { background-image: url(/template/default/images/Contact_icon_5.png); background-size: 42px; }
.Contact .number dl.fax dt::before { background-image: url(/template/default/images/Contact_icon_6.png); background-size: 42px; }
.Contact .number dl.qq dt::before { background-image: url(/template/default/images/Contact_icon_7.png); background-size: 42px; }
.Contact .number dl.tel dt::before { background-image: url(/template/default/images/Contact_icon_7.svg); background-size: 42px; }
.Contact .number dd { padding-left: 30px; padding-right: 10px; font-size: 16px; color: #999; }
.Contact .number dd.img { padding-left: 0; width: 120px; text-align: center; }
.Contact .number dd.img img { width: 100px; height: 100px; }
.Contact .number dd h3 { font-size: 18px; font-weight: normal; margin: 0; color: #333; font-family: Verdana, Geneva, sans-serif; }
@media(max-width:768px) {
.Contact{ padding: 60px 0 40px; }
.Contact .number dl { float: none !important; width: 100%; margin-bottom: 20px; }
}
@media(max-width:480px) {
.Contact{ padding: 40px 0 20px; }
.Contact .number dl { height: auto; margin-bottom: 10px;}
.Contact .number dd { padding: 10px 0; padding-left: 15px; }
.Contact .number dd.img { width: 90px; }
.Contact .number dd.img img { width: 80px; height: 80px; }
.Contact .number dd h3 { font-size: 14px; }
.Contact .number dt{width: 15%;}
.Contact .number dt::before{background-size: 40px;}
.Contact .number dl.phone dt::before{background-size: 26px;}
.Contact .number dl.fax dt::before{background-size: 26px;}
.Contact .number dl.hotline dt::before{background-size: 26px;}
.Contact .number dl.qq dt::before{background-size: 26px;}
}


/* 地图 */
.map{ border: 1px solid #DDDDDD; padding: 8px; margin-bottom: 40px; }
.map .y-map{ width: 100%; height: 450px; }
@media (max-width: 1024px) {
  .map .y-map{ height: 400px; }
}
@media (max-width: 768px) {
  .map .y-map{ height: 300px; }
}
@media (max-width: 480px) {
  
}

/* 留言 */
.i_t2{ text-align:center; margin:0 auto;  margin-top:47px;overflow:hidden; }
.i_t2 h2{ display:inline-block; color:#333333; font-weight:normal; font-size:36px; height:58px; line-height:58px; position:relative; overflow:hidden; padding-left:34px; padding-right:34px;}
.i_t2 h2:before{ content:""; position:absolute; left:0; top:28px; height:2px; width:12px; background:#333333;}
.i_t2 h2:after{ content:""; position:absolute; right:0; top:28px; height:2px; width:12px; background:#333333;}
.i_t2 p{ padding-top:8px; padding-bottom:8px; line-height:28px;color:#888888; font-size:18px; overflow:hidden;}
.i_t2.white h2{ color:#fff;}
.i_t2.white h2:before{ background:#fff;}
.i_t2.white h2:after{ background:#fff;}
.i_t2.white p{ color:#fff;}
.contact_bg2{ background:#f8f8f8; overflow:hidden; }
.ui-contactform{ overflow:hidden; clear:both; padding-top:18px;}
.ui-contactform ul{width: 100%;margin-bottom: 30px;}
.ui-contactform ul li{width: 32%;}
.ui-contactform .row2 li{ width: 100%; }
.ui-contactform .row3 li{ width: 100%; }
.ui-contactform .row3 .tt{ margin-right: 20px; width: 300px; }
.ui-contactform .row3 img{ height: 46px;}
.ui-contactform .text-center{ text-align:center;}
.ui-contactform .tt{width: 100%; background-color: #fff; border:1px solid #e4e4e4; position: relative;}
.ui-contactform .tt >label{line-height: 46px;color: #666;font-size: 16px;position: absolute;top: 0;left: 20px;text-indent: 30px;}
.ui-contactform .tt:nth-child(3){ margin-right:0;}
.ui-contactform .tt >label.bgs1{ background:url(/template/default/images/contact_bg2.png) 0px center no-repeat;}
.ui-contactform .tt >label.bgs2{ background:url(/template/default/images/contact_bg3.png) 0px center no-repeat;}
.ui-contactform .tt >label.bgs3{ background:url(/template/default/images/contact_bg4.png) 0px center no-repeat;}
.ui-contactform .tt textarea,
.ui-contactform .tt input{border: none;width: 100%;height: 46px;background: none;text-indent: 110px;line-height: 46px;outline:none; font-size:16px; color:#333333;}
.ui-contactform .tt textarea{width:calc(100% );  padding-left:10px; padding-right:10px;height: 250px;text-indent: 110px;line-height: 35px;}
.ui-contactform .tt.endwidth{width: calc(100% ); margin-right:0; }
.ui-contactform .bt{display: inline-block;width: 208px;line-height: 50px;text-align: center;color: #fff;background: #007bc1; border:none;font-size: 16px; margin-top:20px; margin-bottom:50px; border-radius:4px;}
.ui-contactform .bt:hover{opacity: .8;}
@media (max-width: 1200px) {
  .i_t2 h2{ font-size: 30px;}
  
}
@media (max-width: 1024px) {
  .i_t2{margin-top: 30px;}
  .i_t2 h2{ font-size: 26px;}
}
@media (max-width: 768px) {
  .i_t2 h2{ font-size: 24px;}
  .ui-contactform ul{ margin-bottom: 0;}
  .ui-contactform ul li{width: 100%; margin-bottom: 10px;}
  .ui-contactform .bt{width: 160px; height: 42px; line-height: 42px;}
}
@media (max-width: 480px) {
  .ui-contactform .tt >label{font-size: 14px; height: 40px; line-height: 40px;}
  .ui-contactform .tt textarea, 
  .ui-contactform .tt input{line-height: 40px; height: 40px;}
  .ui-contactform .tt textarea{height: 300px;}
  .ui-contactform .row3 .tt{width: 180px; margin-right: 10px;}
  .ui-contactform .row3 img{ height: 30px; }
  .ui-contactform .bt{}
}