@charset "utf-8";
html {
    -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
    }
body {
	margin: 0px;
	background: #FFFFFF;
	padding: 0px;
	color: #484848;
	font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;
	width: 100%;
	*cursor: default;
	font: 14px/1.5;
}
div, ul, li, p, form, dd, dt, dl, h1,h4 {
	margin: 0px;
	padding: 0px;
}
em, i {
	font-style: normal;
}
img {
	border: 0px;
	vertical-align: middle
}
li {
	list-style: none
}
a {
	font-size: 12px;
	color: #484848;
	text-decoration: none;
}
a:hover{
	font-size: 12px;
	color: #ea5614;
	text-decoration: none;
	transition: all 0.5s;
}
.container {
	clear: both;
	width:90%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	
}
.container2 {
	clear: both;
	width:90%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	max-width:1200px;
}
.clear {
	clear: both;
}
#pageContain {
	overflow: hidden;
}
.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.current .contain,.slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}
.page1 {
	background: #fff;
}
.page2 {
	background:url(page2bj.jpg) no-repeat center center;
	
}
.page3 {
	background:url(page3bj.png) no-repeat center center;
	
}
.page4 {
	background:url(page4bj.jpg) no-repeat center center;
	
}
.page5 {
	background:url(page6bj.jpg) no-repeat center center;
	
}
.page6 {
	background: #bfd5e3;
}

#navBar {
	z-index: 3;
	position: absolute;
	top: 180px;
	right: 20px;
}
#navBar .active {
	
}
#navBar li {
	cursor: pointer;
	margin-bottom: 10px;
	transition: all .7s ease;
	text-align: center;
	width: 80px;
	height: 25px;
	display: flex;
  	align-items: center; /* 垂直居中 */
  	justify-content: center; /* 水平居中 */
	overflow:hidden;
	position:relative;
}

#navBar li span{
	display:inline-block;
	width:80px; 
	height:20px;
	line-height:18px;
	font-size:12px;
	border-radius:20px;
	background:#ea5614;
	color:#fff;
	position:absolute;
	left:100px;
	transition: all .7s ease;
}
#navBar li i{
	height:8px;  width:8px;
	background:#fff;
	border-radius:8px;
	margin-top:2px;
	display:inline-block;
}

#navBar li:hover span{
	left:0px;
}
#navBar .active span{
	left:0px;
}


.head{
	width: 100%;
	height: 116px;
	position: fixed;
	top: 0px;
	z-index: 1000;
	background:url(headbj.png) no-repeat center top #fff;
	border-bottom:1px solid #CCC;
}
.head_top{
	background:url(head_top.png) no-repeat center center; height:36px; line-height:36px;background-size:auto 36px;
}
.head_top .left{width:50%;float:left; background:url(news.png) no-repeat left center; background-size:auto 15px}
.head_top .left a{ margin-left:50px; color:#fff;}
.head_top .left a:hover{ margin-left:50px; color:#bcc3ce;}
.head_top .left a span{ margin-left:5px; border-bottom:1px solid #fff;}
.head_top .left a:hover span{border-bottom:1px solid #bcc3ce;}
.head_top .right{width:50%; float:right; text-align:right; color:#FFF; font-size:12px;}
.head_top .right a{ color:#FFF; margin-right:10px;}
.head_top .right a:hover{color:#bcc3ce;}
.head_top .right span{ line-height:15px; display:block; float:right; margin-left:50px; margin-top:3px; font-family:Arial, Helvetica, sans-serif;}
.logo_menu{height:80px;}
.logo_menu .logo{width:360px;float:left; height:80px;text-align:left;}
.logo_menu .logo img{margin-top:5px;}
.menu{float:right;width:670px; margin-top:0px; margin-right:20px;}
.menu ul{}
.menu ul li{float:left;height:80px; margin:0px 15px; text-align:left;line-height:80px; position:relative;}
.menu ul li > a{display:block;color:#000;font-size: 16px;transition: all 0.35s;text-transform: uppercase;}
.menu ul li > a:hover{ color:#ea5614; text-decoration:none}
.menu ul li i{ font-weight:700; font-size:14px; color:#fff}
.menu li div{position:absolute; width:160px;left:0; top:79px; background:#ffffff; height:0px;transition: all 0.35s; overflow:hidden; z-index:1002}
.menu li div ul li{border-bottom:1px solid #f1f1f1; margin:0px 0px; height:auto;transition: all 0.35s;}
.menu li div a{display:block;text-align:left;width:160px;line-height:20px; overflow:hidden;font-size: 14px !important;text-transform:none; padding:12px 15px;border-left:5px solid #fff;transition: all 0.5s ease 0s; color:#58585b;}
.menu li div a:hover{color:#ea5614;}
.menu li div a:after {content: " ";position: absolute;height: 100%;width: 0;transition: all 0.2s ease-in-out;background-color: #ea5614;left: 0;bottom: 0;top: auto;}
.menu li div a:hover:after {width:5px;margin-right:-5px;}
.menu li div ul li.bigclass{ border-top:5px solid #ea5614;}
.menu li div ul li.bigclass a{font-weight:700 !important; color:#000;padding:12px 10px;text-transform: uppercase;}
.menu li div ul li.top{ border-top:5px solid #ea5614;}
.menu li:hover{}
.menu li:hover div.about-menu{height:140px;}
.menu li:hover div.product-menu{height:140px;}
.menu li:hover div.company-menu{height:280px;}
.menu li:hover div.news-menu{height:140px;}
.menu li:hover div.contact-menu{height:95px;}
.menu li:hover div.case-menu{height:95px;}
.icolist{ width:50px; float:right; color:#999;}
.icolist div{float:left; width:50px; margin-top:25px;font-size:24px;color:#999;cursor:pointer; font-weight:bold}
.icolist div:hover{color:#ea5614;transition: all 0.7s;}
.icolist .icon-phone2{ font-size:24px;}

.search_show{height:150px; width:100%; background:#1678ff;  overflow:hidden; z-index:1000;top:116px; width:100%; display:none; position:fixed; z-index:1005}
.search_down{ padding:45px 0; width:80%; margin:0px auto;}
.search_down .inp{float:left; width:78%; height:60px; line-height:60px; padding:0; margin:0; font-size:16px; text-indent:20px; border:none; background:#fff;}
.search_down .btns{float:right; height:60px; line-height:60px; background:#313ff5; width:16%; padding:0 2%; margin:0; border:none; outline:none; position:relative; z-index:5; overflow:hidden; font-size:16px; color:#fff; font-weight:bold;cursor:pointer; box-sizing:inherit;}
.search_down .btns:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; background:#ea5614;}
.search_down .btns span{display:inline-block; vertical-align:middle; font-size:18px;float:left;}
.search_down .btns i{display:inline-block; vertical-align:middle; font-size:18px;width:21px; height:60px; float:right}
.search_down .btns:hover:before{width:100%;} 
.language{width:85px;float:right;border-left:1px solid #CCC; height:80px; text-align:center; background:url(earth.png) no-repeat center 13px; background-size:25px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:35px;transition: all 0.35s}
.language:hover{background:url(earth_on.png) no-repeat center 13px; background-size:25px;}
.language:hover a{ color:#ea5614}
@keyframes bounces {
  0%,
  15%,
  47%,
  73%,
  89%,
  100% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 0);
  }
  30%,
  32% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -10px, 0);
  }
  60% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -8px, 0);
  }
  82% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -4px, 0);
  }
  94% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -2px, 0);
  }
}
.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.banner .swiper-container .swiper-wrapper .swiper-slide {
  overflow: hidden;
  height: 0;
  padding-bottom: 49.8%;
}
.banner .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.banner .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  -moz-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  -o-transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
  transition: 3s cubic-bezier(0.59, 0.5, 0.41, 0.92);
}
.banner .swiper-container .pagination-all {
  position: absolute;
  bottom: 100px;
  width: 100%;
  left: 0;
  z-index: 100;
  text-align: center;
}
.banner .swiper-container .pagination-all .sign {
  display: inline-block;
  width: 22px;
  height: 24px;
  background-size: cover;
  margin-right: 0.7rem;
  cursor: pointer;
}
.banner .swiper-container .pagination-all .sign span {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 26px;
}
.banner .swiper-container .pagination-all .sign span.pause {
  display: none;
}
.banner .swiper-container .pagination-all .sign.active span.play {
  display: none;
}
.banner .swiper-container .pagination-all .sign.active span.pause {
  display: block;
}
.banner .swiper-container .swiper-pagination {
  position: relative;
  display: inline-block;
  text-align: left;
  color: #fff;
  font-size: 0.9rem;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 2px;
  background: none;
  opacity: 1;
  border-radius: 0;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  width: 0;
  height: 4px;
  background: #ea5614;
  position: absolute;
  left: 30px;
  top: 10px;
  opacity: 0;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
  width: 40px !important;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child:before {
  display: none !important;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 90px;
  color: #ea5614;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before {
  opacity: 1;
  width: 50px;
  transition: all 5s;
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  -ms-transition: all 5s;
}
.banner .mouse {
  position: absolute;
  width: 100px;
  bottom: 100px;
  left: 12%;
  z-index: 10;
}
.banner .mouse img {
  width: 1.5rem;
  animation-name: bounces;
  animation-iteration-count: infinite;
  animation-duration: 3s;
  animation-fill-mode: both;
}

.about{ height:750px; background:url(aboutbj.png) no-repeat 0px 200px; overflow:hidden;}
.about .left{ margin:180px 0px 0px 150px; width:calc(100% - 400px); float:left}
.about .cntitle{ font-size:36px; color:#FFF; font-weight:bold}
.about .entitle{ font-size:18px; color:#ea5614; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.about .ddesc{ color:#FFF; font-size:16px; line-height:30px; margin-top:32px;}
.about .adv{ margin-top:30px;}
.about .adv .adv_list{ width:20%; float:left; color:#FFF;}
.about .adv .adv_list .num{color:#ea5614;font-size:46px;font-weight:bold;font-family:Impact;  position:relative; display:inline-block; padding-right:25px; letter-spacing:2px;text-shadow:0px 0px 0 #fff,1px 0px 0 #fff,0px 1px 0 #fff,1px 0px 0 #fff; /* 文字描边色 */}
.about .adv .adv_list .num .nuit{color:#ea5614; background:#FFF; border-radius:20px; font-size:12px; font-weight:100; width:20px; height:20px; text-align:center; line-height:22px; position:absolute; right:0px; top:0px;padding:0px 0px 0px 1px;}
.about .adv .adv_list .advtit{font-size:18px; line-height:30px;}
.about .more{ margin-top:40px;}
.about .more a{font-size:18px; color:#FFF;display:inline-block; width:146px; height:50px; border:1px solid #FFF; line-height:50px;transition: all 0.4s linear; text-align:center;border-radius:50px;}
.about .more a:hover{ background:#ea5614; color:#fff;}
.about .right{margin-top:220px; width:163px; float:right; margin-right:0px;}
.about .ab_sub{width:160px; height:152px; background-color: rgba(117, 117, 117, 0.5); margin-bottom:20px; overflow:hidden; border-bottom-left-radius:20px;border-top-right-radius:20px;transition: all 0.4s linear;}
.about .ab_sub .img{ margin:20px; }
.about .ab_sub .img img{width:30px;}
.about .ab_sub .tit{ margin:40px 20px 10px 20px; color:#FFF; font-size:16px;}
.about .ab_sub .line{ margin:0px 20px; width:50px; background:#999; height:2px;}
.about .ab_sub:hover{ background-color: rgba(234, 86, 20, 1);}
.about .ab_sub:hover .line{background:#fff;}
.product{width:100%; position:relative;}
.product .title{font-size:36px; font-weight:bold; text-align:center; color:#FFF; margin-top:150px;}
.product .procate{ text-align:center;}
.product .procate ul{ margin-top:30px;}
.product .procate li{display:inline-block; padding:0px 20px; background:#FFF; height:40px; line-height:40px; border-radius:10px;outline:none; position:relative; z-index:5; overflow:hidden; cursor:pointer; box-sizing:inherit;}
.product .procate li a{ font-size:14px;}
.product .procate li:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; background:#ea5614;}
.product .procate li:hover:before{width:100%;}
.product .procate li:hover a{ color:#FFF;}

.pro_list{ margin-top:50px;}
.pro_list .pro_list_sub{margin:0px auto; overflow:hidden; position:relative;}
.pro_list .pro_list_sub .left{position:absolute; left:0px; top:100px}
.pro_list .pro_list_sub .left img{ width:35px;}
.pro_list .pro_list_sub .right{position:absolute; right:0px; top:100px}
.pro_list .pro_list_sub .right img{ width:35px;}
.pro_list .pro_list_sub ul{margin:0px 45px 0px 40px;}
.pro_list .pro_list_sub ul li{float:left;width:302px; margin:20px 10px;transition: all 0.4s linear;box-shadow: 0px 3px 10px rgba(0,0,0,0.3);border-radius: .1rem;background:#FFF; position:relative;z-index:5;}
.pro_list .pro_list_sub ul li .pic{ border-radius:20px; overflow:hidden;}
.pro_list .pro_list_sub ul li .pic img{margin:0 auto;width:calc(100% - 30px);display: block;padding:15px;transition: all 0.4s linear;}
.pro_list .pro_list_sub ul li .tit{line-height:30px; text-align:center; height:40px;}
.pro_list .pro_list_sub ul li .tit a{ font-size:16px; color:#000;}
.pro_list .pro_list_sub ul li:hover img{transform: scale(1.05);}
.pro_list .pro_list_sub ul li:before {content: '';position: absolute;width: 100%;height: 0%;left: 0;bottom: 0;background:#ea5614;border-radius: 0px;-webkit-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s;z-index:-1;}
.pro_list .pro_list_sub ul li:hover:before {height: 100%}
.pro_list .pro_list_sub ul li:hover .tit a{ color:#FFF;}


.product .more { text-align:center; margin-top:50px;}
.product .more span{display:inline-block; padding:0px 40px; height:45px; line-height:45px; outline:none; position:relative; z-index:5; overflow:hidden; cursor:pointer; box-sizing:inherit; border:1px solid #FFF;transition: all 0.4s linear;}
.product .more span a{ font-size:14px; color:#FFF;}
.product .more span:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.4s; transition-duration:.8s; background:#0160b0;}
.product .more span:hover{border:1px solid #0160b0;}
.product .more span:hover:before{width:100%;}
.product .more span:hover a{ color:#FFF;}









.news{width:100%; position:relative;}
.news .title{font-size:36px; font-weight:bold;  color:#222222; margin-top:150px;
	
}
.sub_dragTop{-webkit-animation:dragTop 1.2s ease-in-out both;
    -moz-animation:dragTop 1.2s ease-in-out both;
    -ms-animation:dragTop 1.2s ease-in-out both;
    animation:dragTop 1.2s ease-in-out both;
	-webkit-animation-delay: 1.2s;
    -moz-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    animation-delay:1.2s;}
.sub_dragTop2{-webkit-animation:dragTop 1s ease-in-out both;
    -moz-animation:dragTop 1s ease-in-out both;
    -ms-animation:dragTop 1s ease-in-out both;
    animation:dragTop 1s ease-in-out both;
	-webkit-animation-delay: 1s;
    -moz-animation-delay:1s;
    -ms-animation-delay:1s;
    animation-delay:1s;}
.sub_dragTop3{-webkit-animation:dragTop .8s ease-in-out both;
    -moz-animation:dragTop .8s ease-in-out both;
    -ms-animation:dragTop .8s ease-in-out both;
    animation:dragTop .8s ease-in-out both;
	-webkit-animation-delay: 0.8s;
    -moz-animation-delay:0.8s;
    -ms-animation-delay:0.8s;
    animation-delay:0.8s;}
	
	
.news .news_left{width:240px; float:left;}

.news .newscate{margin-top:50px;}
.news .newscate ul{margin-top:30px;}
.news .newscate li{padding:0px 0px;height:40px; line-height:40px; position:relative; z-index:5; overflow:hidden; cursor:pointer;width:75px; margin-top:40px}
.news .newscate li:before{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; background:#044e9f;}
.news .newscate li a{font-size:18px;}
.news .newscate li.select:before{width:100%;}
.news .newscate li.select a{color:#044e9f}
.news .newscate li:hover a{color:#044e9f;}
.news .newscate li:hover:before{ width:100%;}

.news_list{ margin-top:156px; width:calc(100% - 300px); float:right;}
.news_list .news_list_sub{margin:0px auto; overflow:hidden; position:relative;}
.news_list .news_list_sub .left{position:absolute; left:0px; top:120px}
.news_list .news_list_sub .left img{ width:35px;}
.news_list .news_list_sub .right{position:absolute; right:0px; top:120px}
.news_list .news_list_sub .right img{ width:35px;}

.news .newssub{width:calc(33.33% - 30px); float:left; margin-right:45px;  position:relative; overflow:hidden; background:#FFF; cursor:pointer;transition: all 0.3s linear;}
.news .newssub .img{text-align:center; margin:0px auto; margin:20px; overflow:hidden;}
.news .newssub .img img{width:100%;margin-top:0px;transition: all 0.3s linear;}
.news .newssub .tit{height:30px; line-height:30px; overflow:hidden; color:#222222; margin:40px 20px 10px 20px; font-size:18px; font-weight:bold;}
.news .newssub .ddesc{height:100px; line-height:25px; font-size:16px; overflow:hidden; margin:5px 15px 5px 15px; color:#555555;}
.news .newssub .time{color:#999999;height:30px; line-height:30px; margin:0px 15px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.news .newssubend{ margin-right:0px}


.news .more { margin:20px; position:relative;height:40px;}
.news .more span{transition: all 0.3s linear; color:#000; font-size:30px;position: absolute; left:0px}

.news .newssub:hover{ background:#1678ff;}
.news .newssub:hover .tit{ color:#FFF;}
.news .newssub:hover .img img{transform: scale(1.05);}
.news .newssub:hover .ddesc{ color:#FFF;}
.news .newssub:hover .time{ color:#FFF;}
.news .newssub:hover .more span{color:#FFF; left:20px;}

.news .news_more{display:flex; align-items: center; justify-content: space-between; width:200px; height: 60px; line-height: 60px;  box-sizing: border-box; border-radius: 4px;color: #FFFFFF;font-size: 16px; transition: all .4s; position:absolute;background: linear-gradient(left , rgb(4, 78, 159) 6% , rgb(86, 159, 239) 97%);
background: -o-linear-gradient(left , rgb(4, 78, 159) 6% , rgb(86, 159, 239) 97%);
background: -ms-linear-gradient(left , rgb(4, 78, 159) 6% , rgb(86, 159, 239) 97%);
background: -moz-linear-gradient(left , rgb(4, 78, 159) 6% , rgb(86, 159, 239) 97%);
background: -webkit-linear-gradient(left , rgb(4, 78, 159) 6% , rgb(86, 159, 239) 97%);
justify-content: center;
align-items: center;bottom:0px;
text-align:center;
}
.news .news_more img{margin-right:10px;}
.news .news_more:hover{ bottom:10px;}





.map{margin:136px 0px;background:url(map.png) no-repeat left top; position:relative; width:700px; height:636px; overflow:hidden; background-size:700px 636px; float:left;}
.map .shengcss img{ width:700px; height:636px;position:absolute;top:0px; left:0px}
.mapcom{ width:calc(100% - 800px); float:right;margin-top:166px;} 
 

.xhfc{background:#FFF;width:calc(100% - 50px);border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; float:left; margin-right:20px; margin-top:5px;}
.xhfc .title{height:52px; line-height:52px;border-bottom:1px solid #dfdfdf; font-size:18px; font-weight:bold; padding-left:20px; cursor:pointer}
.xhfc .title .gsxxmore{float:right; margin-right:20px; font-size:20px; font-weight:bold; cursor:pointer}
.xhfc .title .gsxxmore a{ display:inline-block; height:30px; line-height:30px; width:70px; background:#ea5614; border-radius:5px; text-align:center; margin-top:10px; color:#FFF;}
.xhfc .title .gsxxmore a:hover{background:#0160b0;}
.xhfc .gsxx{line-height:30px; overflow:hidden;}
.xhfc .gsxx img{height:120px; float:left; margin-right:10px; border:1px solid #CCC; margin-top:10px;}
.xhfc .gsxx i{ margin-right:5px;}
.xhfc .gsxx .gscon{margin:0px 20px 20px 20px; height:177px;overflow:hidden;}
.mapxx{}
.mapxxcon{background:#FFF; overflow:hidden; width:300px;}
.mapxxcon .tit{height:30px; line-height:30px; border-bottom:1px solid #dcdcdc; margin:10px 20px; font-size:16px;}
.mapxxcon .lxdh{height:30px; line-height:30px; margin:0px 20px; font-size:18px; background:url(dianhua.png) no-repeat left 5px; background-size:20px; padding-left:30px;}
.mapxxcon .lxdz{line-height:25px; margin:0px 20px 0px 20px; font-size:14px; background:url(dizhi.png) no-repeat left 5px; background-size:20px; padding-left:30px;}
.mapxxcon .fwfw{line-height:25px; margin:0px 20px 20px 20px; font-size:15px; background:url(fwfw.png) no-repeat left 3px; background-size:20px; padding-left:30px;}
.mapxxconbj{background:url(mapconbj.png) no-repeat center bottom; height:10px; width:300px;}
.mapxxconbj_top{background:url(mapconbj2.png) no-repeat center bottom; height:10px; width:300px;}
.mapxxconbj_left{background:url(mapconbj_left.png) no-repeat right top;}
.mapxxconbj_bottom{background:url(mapconbj_left.png) no-repeat right top;}
.foot{position:absolute; bottom:0px; width:100%;margin:0px auto; background-color: rgba(0, 0, 0, 1); height:40px; line-height:40px; color:#FFF; font-size:14px;}
.foot .left{ width:45%; float:left; margin-left:5%;}
.foot .right{ width:45%; float:right; text-align:right;margin-right:5%;}

.case{width:100%; position:relative; margin-top:176px}
.case .title{ background:url(casetit.png) no-repeat center top; width:200px; height:153px; background-size:200px; float:left;}
.case .casedesc{background:url(jian.png) no-repeat left top; width:calc(100% - 280px);float:left; color:#b9c1ca; font-size:14px; padding:50px 0px; line-height:28px; max-width:500px; margin-left:50px;}
.case .more{width:120px;float:right; font-size:16px; padding:50px 0px; line-height:28px; max-width:500px; margin-left:50px; color:#FFF}
.case .more a{transition: all 0.75s;display:inline-block; width:41px; height:41px; line-height:41px; font-size:16px; background:#004a92; color:#FFF; text-align:center; margin-left:10px;}
.case .more a:hover{ background:#ea5614;}
.case_list{ margin-top:30px;}
.case_list .case_list_sub{margin:0px auto; overflow:hidden; position:relative;}
.case_list .case_list_sub .left{position:absolute; left:0px; top:100px}
.case_list .case_list_sub .left img{ width:35px;}
.case_list .case_list_sub .right{position:absolute; right:0px; top:100px}
.case_list .case_list_sub .right img{ width:35px;}
.case_list .case_list_sub ul{margin:0px 45px 0px 40px;}
.case_list .case_list_sub ul li{float:left; width:302px; margin:0px 10px;position:relative;z-index:5; cursor:pointer; height:300px;}
.case_list .case_list_sub ul li .pic{overflow:hidden;}
.case_list .case_list_sub ul li .pic img{margin:0 auto;width:100%;display: block;transition: all 0.4s linear;}
.case_list .case_list_sub ul li .tit{line-height:30px; text-align:center;height:40px;color:#FFF; font-size:18px; font-weight:bold; position:absolute; bottom:0px; z-index:101; padding:0px 10px;}
.case_list .case_list_sub ul li .tit span{ margin-left:10px; font-size:20px; font-weight:100; color:#d8222a;}
.case_list .case_list_sub ul li:hover img{transform: scale(1.05);}
.case_list .case_list_sub ul li:before {content: '';
  width: 100%;
  height: 100%;
  background: url(case_bg.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -100%;
  left:0px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  z-index:100
  }
.case_list .case_list_sub ul li:hover:before {bottom:0;}
.case_list .case_list_sub ul li:hover .tit span{color:#fff;}






.circle {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	position: absolute;
	z-index: 1;
	cursor:pointer;
}
.circle dd {
	height: 25px;
	position: absolute;
	top: 0%;
	left: 0%;
	transform: scale(0);
	border-radius: 50%;
	background-color: rgb(1, 96, 176);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-animation: circleScale 2s linear infinite;
	-moz-animation: circleScale 2s linear infinite;
	-ms-animation: circleScale 2s linear infinite;
	animation: circleScale 2s linear infinite;
	width: 25px;
}
.circle dd:nth-of-type(2) {
	animation-delay: 1s;
}
.circle dd:nth-of-type(3) {
	animation-delay: 1.5s;
}
.circle dd:nth-of-type(4) {
	animation-delay: 2s;
}
.nybanner{}


.banner_about{overflow:hidden; background:url(about_bj.jpg) no-repeat center center; background-size:cover; margin-top:101px;}
.intro{width:100%; padding:50px 0px;}
.intro .tit{font-size:46px; line-height:56px; color:#1678ff; margin-bottom:14px;}
.intro .tit h1{font-size:46px; color:#fff; font-weight:100; margin-top:20px;}
.intro .con{font-size:20px; line-height:24px; color:#fff;color: #fff; width:60%;}
.intro .line{width:60px; height:2px; margin-top:45px;}


.submenu{height:64px; line-height:64px;width:100%; margin-top:10px;}
.submenu ul li{float:left;margin:0px 15px 0px 0px;text-align:left;line-height:48px;}
.submenu ul li a{display:block;color:#fff;font-size:15px;letter-spacing:-0.2px;position:relative;display:inline-block;transition: all 0.5s ease 0s; border:1px solid #999;height:48px;text-align:center;padding:0px 30px;border-radius:27px;margin-top:20px;}
.submenu ul li a:hover{color:#fff;background:#ea5614;border:1px solid #ea5614;}
.submenu ul li.selected{ }
.submenu ul li.selected a{ color:#fff;background:#ea5614;border:1px solid #ea5614;}
.submenu ul li.selected a:after{width:100%;margin-right: -100%;}

.about_con{}
.about_con .title{ margin-top:30px;text-align:center;}
.about_con .title h2{font-size:48px; font-weight: 600 !important;text-transform:uppercase; color:#323232}
.about_con .con{font-size:18px;line-height:180%; width:95%; margin:30px auto 30px auto; color:#747474; letter-spacing:0.1px}
.about_con .con a{ margin-left:20px; font-size:18px; font-weight: 600 !important; color:#ea5614;position: relative;display: inline-block;transition: all 0.5s ease 0s;}
.about_con .con a:hover{ color:#ce4c12;}
.about_con .con a:after {content: " ";position: absolute;height: 2px;width: 0;transition: all 0.5s ease-in-out;background-color: #ce4c12;left: 0;bottom:0px;top: auto;}
.about_con .con a:hover {color: #ce4c12;}
.about_con .con a:hover:after {width: 100%;margin-right: -100%;}
.about_con .subtit{ margin-top:50px;text-align:center; font-size:38px; font-weight: 600 !important;text-transform:uppercase; color:#747474}


.about_adv{width:100%; margin:50px auto;}
.about_adv .left{ width:30%; float:left;}
.about_adv .left .tit{ text-align:center;margin-top:20px;}
.about_adv .left .tit h2{font-size:32px;color: #222222;line-height:54px; letter-spacing:-1px;}
.about_adv .left .tit span{ color:#ea5614}
.about_adv .left .honor{background:#ea5614;border-radius:20px; overflow:hidden; margin-top:30px;}
.about_adv .left .honor .ico{font-size:36px; text-align:center; margin:40px 0px 20px 0px;}
.about_adv .left .honor .ico span{ font-size:52px; color:#FFF;}
.about_adv .left .honor .tit1{ font-size:24px; color:#FFF;text-align:center; margin:10px 0px;}
.about_adv .left .honor .tit2{ font-size:36px; color:#FFF;text-align:center; margin:30px 0px;}
.about_adv .left .honor .tit3{ font-size:18px; color:#FFF;text-align:center; margin:10px 0px 40px 0px;}
.about_adv .center{ width:30%; float:left; margin-left:5%;}
.about_adv .right{ width:30%; float:left; margin-left:5%;}
.about_adv .adv_list{margin-top:20px;}
.about_adv .adv_list .tit{line-height:40px;}
.about_adv .adv_list .tit h3{font-size:24px;color:#ea5614;}
.about_adv .adv_list .tit i{ display:inline-block; float:left;width:50px; height:50px;  margin-right:5px;}
.about_adv .adv_list .tit i.advi1{background:url(adv1.svg) no-repeat center center;background-size:cover;}
.about_adv .adv_list .tit i.advi2{background:url(adv2.svg) no-repeat center center;background-size:cover;} 
.about_adv .adv_list .tit i.advi3{background:url(adv3.svg) no-repeat center center;background-size:cover;} 
.about_adv .adv_list .tit i.advi4{background:url(adv4.svg) no-repeat center center;background-size:cover;} 
.about_adv .adv_list .tit i.advi5{background:url(adv5.svg) no-repeat center center;background-size:cover;} 
.about_adv .adv_list .tit i.advi6{background:url(adv6.svg) no-repeat center center;background-size:cover;} 
.about_adv .adv_list .desc{font-size:16px;line-height:150%;}


.manufacturing{margin:50px 0px; background:#ea5614;}
.manufacturing_w{width:25%; float:left;}
.manufacturing_w .left{ margin:20px 12px 0px 0px;}
.manufacturing_w .middle{margin:20px 8px 0px 4px;}
.manufacturing_w .middle2{margin:20px 4px 0px 8px;}
.manufacturing_w .right{margin:20px 0px 0px 12px;}
.manufacturing_sub{ border:1px solid #58585b; background:#FFF; border-radius:10px; margin-top:20px;}
.manufacturing_sub .sub_h_num{font-size:42px; font-weight:bold; color:#fff; width:60px; float:left; margin:20px; height:60px; background:#ea5614;border-radius:30px; text-align:center; line-height:60px; font-family:Arial, Helvetica, sans-serif;}
.manufacturing_sub .sub_h_ico{width:60px; float:right; margin:20px; height:60px; }
.manufacturing_sub .sub_h_ico img{ width:50px;}
.manufacturing_sub .sub_title{ clear:both; margin:0px 20px}
.manufacturing_sub .sub_title h2{font-size:20px; font-weight:bold; line-height:35px; color:#ea5614;}
.manufacturing_sub .sub_desc{font-size:16px; line-height:23px;margin:0px 20px; height:115px; overflow:hidden;}
.manufacturing_sub .sub_pic{margin:20px 20px; }
.manufacturing_sub .sub_pic img{width:100%;border-radius:5px;border:1px solid #58585b;}


.footny{ background:#000; padding:20px 0px;}
.footny .foot_1{width:15%; float:left;}
.footny .foot_2{width:15%; float:left;}
.footny .foot_3{width:15%; float:left;}
.footny .foot_4{width:15%; float:left;}
.footny .foot_5{width:25%; float:left;}
.footny .foot_6{width:15%; float:left;}
.footny .tit{ height:40px; line-height:40px;}
.footny .tit a{text-transform: uppercase; color:#FFF; font-size:18px; font-weight:bold;}
.footny .list{}
.footny .list ul li{line-height:30px;}
.footny .list ul li a{color:#aaa; font-size:14px;position: relative;display: inline-block;transition: all 0.5s ease 0s;}
.footny .list ul li a:after {content: " ";position: absolute;height: 1px;width: 0;transition: all 0.7s ease-in-out;background-color: #ea5614;left: 0;bottom: 0;top: auto;}
.footny .list ul li a:hover {color: #ea5614;}
.footny .list ul li a:hover:after {width: 100%;margin-right: -100%;}
.footny .message{}
.footny .message .tit{ font-size:24px; color:#ebf2fa;font-weight: 600 !important; letter-spacing:-0.5px;}
.footny .message .subtit{ font-size:16px; color:#ebf2fa;font-weight:400 !important; letter-spacing:-0.5px;}

.footny .message .inputdiv{ margin-top:20px;}
.footny .message .inp{width:100%; height:50px; line-height:50px; padding:0; margin:0; font-size:16px; text-indent:20px; border:none; background:#fff; }
.footny .message .btns{height:50px; line-height:50px; background:#ea5614; width:100px; padding:0 20px; margin-top:20px; border:none; outline:none; position:relative; z-index:5; overflow:hidden; font-size:16px; color:#fff; font-weight:bold;cursor:pointer; box-sizing:inherit; }
.footny .message .btns:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; background:#c44811;}
.footny .message .btns span{display:inline-block; vertical-align:middle; font-size:16px;  text-align:center;}
.footny .message .btns:hover:before{width:100%;}
.footny .linkico{margin-top:15px; text-align:right;}
.footny .linkico a{ margin-right:5px;}
.footny .linkico img{width:32px; height:32px;transition:all .3s ease;}
.footny .linkico img:hover{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;} 
.footny_bottom{border-top:10px solid #ea5614; height:50px; line-height:50px;}
.footny_bottom .left{ float:left;width:70%;background:url(footlogo.png) no-repeat left center; background-size:50px;}
.footny_bottom .left span{color:#999; font-size:14px; margin-right:10px;}
.footny_bottom .left span.icon-diqiu{ font-size:18px;}
.footny_bottom .left a{color:#999; font-size:14px;}

.footny_bottom .right{ float:left;width:30%; text-align:right;}
.footny_bottom .right a{color:#999; font-size:14px; margin-left:10px;}

.article_con{background:#f6f6f6; overflow:hidden;}
.article_con .tit{margin-top:30px;text-align:center; font-size:48px; font-weight: 600 !important;text-transform:uppercase; color:#323232}
.article_con .con{padding:30px;background:#FFF; overflow:hidden; margin-bottom:50px; font-size:14px;line-height:160%; margin-top:20px;}
.article_con .con p{ margin:15px 0px; clear:both;}
.nyliuyan{ padding-top:25px; padding-bottom:25px; font-size:12px; color:#666666; text-align:center;}
.nyliuyan div,ul,li,form{ margin:0px; padding:0px; list-style:none;}
.nyliuyan .formlist{ width:90%; margin:30px auto 10px auto; color:#666666;font-size:14px;}
.nyliuyan .formlist div{ margin:8px 0px 0px 0px; vertical-align:top; text-align:left;}
.nyliuyan .formlist input{border:1px solid #ccc; height:25px; line-height:25px; margin-right:10px; }
.nyliuyan .submit2{ margin:25px 0px 0px 170px; text-align:left;}
.nyliuyan .submit2 input{ background:#0446ae; width:80px; height:35px; font-size:14px; border:0px; color:#FFF; cursor:pointer}
.nyliuyan .formlist span{ font-size:12px; vertical-align:top; display:inline-block; padding-top:5px; width:180px; text-align:right; font-size:14px;}
.nyliuyan .formlist span.spanright{ font-size:12px; vertical-align:top; display:inline-block; padding-top:5px; width:auto; text-align:left; font-size:14px;}
.nyliuyan .liuyanlist{ width:90%; margin:8px auto; border:1px solid #028ae2; background:#FFFFFF; text-align:left;}
.nyliuyan .liuyanlist .title{ font-size:14px; color:#fff; height:25px; line-height:25px; background:#028ae2; padding-left:10px;}
.nyliuyan .liuyanlist .title span{ float:right; margin-right:5px;}
.nyliuyan .liuyanlist .con{line-height:25px; font-size:14px; margin-top:2px; padding:5px;color:#0446ae;}
.nyliuyan .liuyanlist .back{ padding:5px;font-size:14px;  line-height:23px;color:#0446ae;}
.nyliuyan .pagemsg{ text-align:center; margin:5px;}
.nyliuyan .pagemsg a{ color:#000000;}
.nyliuyan .pagemsg a:hover{ color:#000000; text-decoration:underline;}

.contact_one{ margin-top:50px;}
.contact_one .one_address{ width:24%; float:left; background:url(address.png) no-repeat left top; margin-top:10px}
.contact_one .one_email{ width:24%; float:left; background:url(email.png) no-repeat left top; margin-left:5%; margin-top:10px}
.contact_one .one_phone{ width:24%; float:left; background:url(ph.png) no-repeat left top;margin-left:5%; margin-top:10px}
.contact_one .one_code{ width:13%; float:left;margin-left:5%; text-align:center;}
.contact_one .title{margin-left:50px; font-size:22px; line-height:18px; margin-top:5px; font-weight:100;}
.contact_one .nums{ margin-left:50px; font-size:30px; line-height:30px; margin-top:20px; font-family:Arial, Helvetica, sans-serif}
.contact_one .ddesc{margin-left:50px; font-size:14px; line-height:20px; margin-top:20px;}
.contact_one .one_code .img img{ width:120px; border:1px solid #CCC;}
.contact_one .one_code .ddesc{margin-left:0px; margin-top:5px;}
.contact_two{margin-top:20px; }

.contacttit{height:50px; font-size:24px; font-weight:bold; line-height:50px; border-bottom:2px solid #ea5614; color:#ea5614;}
.mapxx2{ width:calc(25% - 40px); float:left; border:1px solid #ccc; margin-top:20px; margin:20px 18px;transition: all 0.5s ease 0s;}
.mapxxcon2{overflow:hidden; width:300px;}
.mapxxcon2 .tit2{height:30px; line-height:30px; border-bottom:1px solid #dcdcdc; margin:10px 20px 10px 20px; font-size:16px; font-weight:bold;}
.mapxxcon2 .lxdh2{height:30px; line-height:30px; margin:0px 20px; font-size:18px; background:url(dianhua.png) no-repeat left 5px; background-size:20px; padding-left:30px;}
.mapxxcon2 .lxdz2{line-height:25px; margin:0px 20px 0px 20px; font-size:14px; background:url(dizhi.png) no-repeat left 5px; background-size:20px; padding-left:30px;}
.mapxxcon2 .fwfw2{line-height:25px; margin:0px 20px 20px 20px; font-size:15px; background:url(fwfw.png) no-repeat left 3px; background-size:20px; padding-left:30px;}
.mapxx2:hover{background:#1678ff; color:#FFF;}

.mapxx2:hover .mapxxcon2 .lxdh2{background:url(dianhua_on.png) no-repeat left 5px;background-size:20px;}
.mapxx2:hover .mapxxcon2 .lxdz2{background:url(dizhi_on.png) no-repeat left 5px;background-size:20px;}
.mapxx2:hover .mapxxcon2 .fwfw2{background:url(fwfw_on.png) no-repeat left 3px;background-size:20px;}


.segline{ height:55px; background:#FFF;font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;font-size:22px;border-bottom:1px solid #ccc; border-top:4px solid #ea5614; margin-top:30px; line-height:55px; padding-left:20px; text-align:left;}
.segline span{font-size:14px;}
.segline span a{font-size:18px;}
.segline span a:hover{ color:#ea5614}
.segline .segline_more{ float:right;  margin-right:10px;}
.segline .segline_more a{font-size:16px;}
.segline .segline_more a:hover{ color:#ea5614}

.prosub_w_ny{width:calc(25% - 12px);float:left;margin:25px 16px 25px 0px;overflow:hidden;}
.prosub_w_ny_right{ margin-right:0px;}
.pro_sub_ny{ background:#fff;  clear:both; position:relative; overflow:hidden;}
.pro_sub_ny .pro_sub_img{overflow:hidden;width:calc(100% - 20px);margin:10px;}
.pro_sub_ny .pro_sub_img img{transition:all 0.7s ease; width:100%;}
.pro_sub_ny .pro_sub_title{height:30px; line-height:30px; overflow:hidden;margin:0px 10px 0px 10px; }
.pro_sub_ny .pro_sub_title a{font-size:20px; color:#2f2f2f;font-weight: 600 !important;transition: all 0.5s ease 0s;}
.pro_sub_ny .pro_sub_desc{height:42px; overflow:hidden; margin:10px 10px;}
.pro_sub_ny .pro_sub_more{height:42px; overflow:hidden; margin:10px 10px;}
.pro_sub_ny .pro_sub_more a{font-size:15px; color:#ea5614;font-weight: 600 !important;text-transform:uppercase;transition: all 0.5s ease 0s;position:relative; display:inline-block;}
.pro_sub_ny .pro_sub_more span {display: block;position: absolute;left:110px;transition: all 0.3s linear;font-size:20px;font-weight:bold; top:0px}
.pro_sub_ny .xian{width:0px; height:5px; background:#ea5614; position:absolute; bottom:0px; left:0px;transition: all 0.7s;}
.pro_sub_ny:hover .xian{ width:100%;}
.pro_sub_ny:hover img{transform: scaleX(1.1) scaleY(1.1);}
.pro_sub_ny_on{position:absolute; bottom:0px; background:#0162b1; height:0px;}
.pro_sub_ny:hover{box-shadow:0px 0px 10px #888;transition: all 0.5s;}
.pro_sub_ny:hover .pro_sub_title a{ color:#ea5614}
.pro_sub_ny:hover .pro_sub_more a{ color:#ea5614}
.pro_sub_ny:hover .pro_sub_more span {left:130px;}


.fenyestyle{}

.fenyestyle a{border:1px solid #bcbcbc; width:36px; height:36px; line-height:36px; display:inline-block; text-align:center; margin-left:5px; margin-right:5px; font-size:14px; color:#636363; font-weight:bold;transition: all 0.35s;}
.fenyestyle a:hover{border:1px solid #ea5614;color:#ea5614}
.fenyestyle a.selected{border:1px solid #f86208;color:#f86208}
.fenyestyle a.precious{ width:70px;}
.fenyestyle a.next{ width:70px;}

.fenyestyle span{border:1px solid #bcbcbc; width:36px; height:36px; line-height:36px; display:inline-block; text-align:center; margin-left:5px; margin-right:5px; font-size:14px; color:#636363; font-weight:bold;}
.fenyestyle span.precious{width:90px;}
.fenyestyle span.next{ width:70px;}
.fenyestyle span.selected{border:1px solid #ea5614;color:#ea5614}
.list_con{background:#fff; overflow:hidden;}

.news_sub{ border:1px solid #e0e0e0; position:relative; width:calc(25% - 17px); margin-right:20px; float:left; margin-top:35px;}
.news_sub .tit{height:25px; line-height:25px; margin:15px 15px;font-size:20px;  font-weight:bold;color:#000; overflow:hidden; text-align:left;text-overflow: ellipsis;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-transform:none;}
.news_sub .img{ width:100%; overflow:hidden;}
.news_sub .img img{ width:100%}
.news_sub .desc{height:40px; line-height:20px; font-size:16px; margin:0px 15px 0px 15px; overflow:hidden; color:#626262;font-family:Roboto; font-weight: 400 !important;text-overflow: ellipsis;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_sub .time{margin:15px 15px; color:#888; font-size:14px;}
.news_sub .line{ width:0px; height:3px; background:#fd751d; left:0px; bottom:0px;transition:all .5s ease;}
.news_sub:hover{}
.news_sub:hover .tit{ color:#fd751d}
.news_sub:hover .desc{ color:#000}
.news_sub:hover .time{ color:#000}
.news_sub:hover .line{ width:100%;}
.sub_end{ margin-right:0px;}
.nycontent{margin-top:20px; background:#FFF; padding:20px}
.msgtitle{text-align:center;font-size:24px;font-weight:bold;margin-top:20px;margin-bottom:20px}
.time2{height:40px;line-height:40px;font-size:14px;border-bottom:1px dashed #ccc;text-align:center;margin-top:15px}
.time2 span{color:#999}
.connt{ margin-top:5px;}
.connt img{ margin:5px;}



.pro_detail_page{ height:90px; line-height:90px; background:#FFF; margin-bottom:50px; overflow:hidden;}
.pro_detail_page_previous{width:calc(50% - 110px); float:left; color:#747474; position:relative; padding-left:60px; font-size:18px;font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;}
.pro_detail_page_previous i{left:20px; font-size:32px;position:absolute;transition: all 0.35s;}
.pro_detail_page_previous a{font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important; font-size:18px; color:#000; margin-left:10px; margin-right:10px;}
.pro_detail_page_previous:hover i{left:10px;}
.pro_detail_page_previous:hover a{ color:#ea5614;}
.pro_detail_page_list{width:90px; float:left; border-left:1px solid #ccc;border-right:1px solid #ccc; text-align:center;}
.pro_detail_page_list i{ font-size:48px;transition: all 0.35s; color:#000;}
.pro_detail_page_list:hover i{ color:#ea5614;}
.pro_detail_page_next{ width:calc(50% - 110px); float:left; text-align:right;position:relative; padding-right:60px; font-size:18px;font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important;}
.pro_detail_page_next i{right:20px; font-size:32px;position:absolute;transition: all 0.35s;}
.pro_detail_page_next a{font-family: "Saira Semi Condensed", sans-serif;font-weight: 600 !important; font-size:18px; color:#000; margin-left:10px; margin-right:10px;}
.pro_detail_page_next:hover i{right:10px;}
.pro_detail_page_next:hover a{ color:#ea5614;}

@keyframes circleScale {
0% {
opacity: 1;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}

@keyframes dragTop {
    0% {
        opacity:0;
        transform:translateY(-70px)
    }
    60% {
        opacity:1;
        transform:translateY(20px)
    }
    90% {
        transform:translateY(-5px)
    }
    97% {
        transform:translateY(-1px)
    }
    100% {
        transform:translateY(0px)
    }
}
@-webkit-keyframes dragTop {
    0% {
        opacity:0;
        -webkit-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -webkit-transform:translateY(20px)
    }
    90% {
        -webkit-transform:translateY(-5px)
    }
    97% {
        -webkit-transform:translateY(-1px)
    }
    100% {
        -webkit-transform:translateY(0px)
    }
}
@-moz-keyframes dragTop {
    0% {
        opacity:0;
        -moz-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -moz-transform:translateY(20px)
    }
    90% {
        -moz-transform:translateY(-5px)
    }
    97% {
        -moz-transform:translateY(-1px)
    }
    100% {
        -moz-transform:translateY(0px)
    }
}
@-ms-keyframes dragTop {
    0% {
        opacity:0;
        -ms-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -ms-transform:translateY(20px)
    }
    90% {
        -ms-transform:translateY(-5px)
    }
    97% {
        -ms-transform:translateY(-1px)
    }
    100% {
        -ms-transform:translateY(0px)
    }
}

@media screen and (max-width: 768px) {
  .banner .mouse {
    display: none;
  }
  .banner .swiper-container .pagination-all {
    bottom: 10px;
  }
  .banner .swiper-container .pagination-all .sign span {
    font-size: 16px;
  }
  .banner .swiper-container .swiper-pagination {
    font-size: 14px;
  }
  .banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 1px;
  }
  .banner .swiper-container .swiper-pagination .swiper-pagination-bullet:before {
    height: 1px;
    left: 20px;
  }
  .banner .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
    width: 20px !important;
  }
  .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width: 54px;
  }
  .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before {
    width: 30px;
  }
}