.box{
	width:1200px;
	margin:0 auto
}


.swiper-container {
  width: 100%;
  height: 100%;
  color: #262626;
  text-align: center;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-scrollbar {
	background:none;
    position: absolute;
    right: 0px;
    top: 40px;
    height: 90%;
    width: 10px;
	border-radius:0;
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background:#cccccc;
	border-radius:0;
}

.swiper-container {
  width: 100%;
  height: 100%;
  color: #262626;
  text-align: center;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-scrollbar {
	background:none;
    position: absolute;
    right: 0px;
    top: 40px;
    height: 90%;
    width: 10px !important;
	border-radius:0;
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background:#cccccc;
	border-radius:0;
}

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1; }.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.h_lHisPrevd,.h_lHisNextd{ display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); cursor:pointer; width:49px; height:49px;z-index: 9;}
.h_lHisPrevd{ left:-75px; background:url(../images/left.jpg) center center no-repeat;}
.h_lHisNextd{ right:-75px; background:url(../images/right.jpg) center center no-repeat;}
.h_lHisPrevd:hover{ left:-75px; background:url(../images/left_o.png) center center no-repeat;}
.h_lHisNextd:hover{ right:-75px; background:url(../images/right_o.png) center center no-repeat;}

.header{
	margin:0 60px
}
.header h1{
	float:left;
	margin-top:37px
}
.header .one ul{
	width:45%;
	line-height:120px;
	margin-left:11%
}
.header .one  ul li{
	width:20%;
	float:left;
	text-align:center
}
.header .one  ul li a{
	font-size:18px;
	color:#00003f;
	text-transform:capitalize;
}
.header .one  ul li.active a,.header .one  ul li:hover a{
	display:block;
	background:#f9f9f9 url(../images/nav.png) no-repeat center bottom;
	border-bottom:2px #010033 solid
}
 .search {
	width:320px;
	align-self: center;
	-webkit-align-self: center;
	-ms-align-self: center;
	 -moz-align-self: center;
	 margin-top:43px;
}
 .search form{
	width:66%;
	position:relative
}
 .search form .button{
	background:url(../images/ss.png) no-repeat;
	display:inline-block;
	width:20px;
	height:21px;
	border:0;
	margin-top:6px;
	margin-left:6px;
	font-size:0px;
	cursor:pointer
}
 .search form  .text{
	border:0;
	width:70%;
	margin-left:5%;
	 color: #919191;
  font-size:16px;
  top:8px;
    position: absolute;
    left: 20px;
}
.search em{
	color:#d7d7d7;
	margin:5px 15px;
	display: inline-block
}
.search p{
	height:34px;
	border:1px #dadada solid;
	width:200px;
	  -moz-border-radius:200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
}
.language {
	font-size:18px;
	color:#9a9a9a;
	margin-top:3px
}
.language i{
	display:inline-block;
	margin:0 5px
}

.home_one {
	margin-top:-95px;
	position:relative;
	z-index:99;
}
.home_one dl{
	float:left;
	margin-left:46.67px;
	width:265px;
	height:265px;
	background:#1a274a;
	color:#fff;
	text-align:center;
	padding-top:95px;
}
.home_one dl:nth-child(1){
	margin-left:0
}
.home_one dt,.home_one dd p em{
	font-size:24px;text-transform:capitalize;
}
.home_one dd{
	font-size:48px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:20px
}
.home_tow{
	margin-top:70px
}
.pub_tit h2{
	font-size:34px;
	margin-top:20px
}
.home_tow .txt{
	width:624px
}
.pub_tit p{
	font-size:20px;
	color:#d6a77b;
	text-transform: uppercase; 
}
.pub_tit p img{
	margin-right:20px
}
.home_tow .cont p{
	color:#7a7a7a;
	font-size:16px;
	line-height:42px;
}
.home_tow .cont{
	margin:50px 0
}
.home_tow  .ul a{
	display:block;
	width:48%;
	line-height:50px;
	color:#d6a77b;
	border:2px #d6a77b solid;
	font-size:24px;
	padding:0 25px;
	margin-bottom:30px;
	position: relative;
	text-transform:capitalize;
}

.home_tow  .ul a i{
	background:url(../images/to.png) no-repeat;
	display:inline-block;
	width:24px;
	height:24px;
	position:absolute;
	right:27px;
	top:13px;
}
.home_tow  .ul a:hover{
	background:#d6a77b;
	color:#fff;
	border:2px #d6a77b solid;
}
.home_tow  .ul a:hover i{
	background:url(../images/go.png) no-repeat;

}
.home_th{
	width:1536px;
	margin:80px auto
}
.home_th .one{
	float:left;
	width:360px;
	margin-left:32px;
	background:#d6a77b;
	position:relative
}

.home_th .one dd{
	padding:35px 50px 65px 50px;
	color:#fff;
}
.home_th .one dd h2{
	font-size:24px;
	margin-bottom:25px;
	text-transform:capitalize;
}
.home_th .one dd p{
	font-size:14px;
	line-height:26px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.home_th .one .border{
	border:1px #f6e5d4 solid;
	width:300px;
	height:286px;
	position:absolute;
	left:30px;
	bottom:30px
}
.title_pub p em{
	color:#d6a77b;
	font-size:20px;
	margin:0 20px;
	display:inline-block;
	text-transform: uppercase; 
}
.title_pub  h2{
	font-size:34px;
	margin:25px auto;
	text-transform:capitalize;
}
.footer .dl dl:nth-child(3){
	width:404px
}
.home_four .dl dl{
	float:left;
	margin-left:45px;
	width:370px;
}
.home_four .dl dd h2{
	font-size:20px;
	color:#1a274a;
	font-weight:normal;
	margin:20px 0
}
.home_four .dl dd p{
	color:#909090;
	font-size:16px;
	line-height:32px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.home_four{
	margin-bottom:80px
}
.footer{
	background:#f6f6f6;
	padding-top:55px;
}

.footer .dl dl{
	float:left;
	margin-right:112px
}
.footer .dl dd a,.footer .dl dl:last-child em{
	display:block;
	color:#575757;
	font-size:14px;
	line-height:34px;text-transform:capitalize;
}
.footer .dl dl:last-child{
	margin-right:0;
	text-align:right
}
.footer .dl dt{
	font-size:20px;
	color:#555555;
	font-weight:bold;
	margin-bottom:20px
}
.footer .dl dt h2{
	margin-bottom:8px;
	text-transform: uppercase; 
}
.home_th .one:nth-child(1),.home_four .dl dl:nth-child(1){
	margin-left:0
}
.footer .dl dd p{
	margin-bottom:20px
}
.footer .dl dd p img{
	margin-right:15px
}
.footer .dl dl:last-child p img{
	 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 19px 0px rgba(0,0,0,0.21);
  margin-bottom:15px
}
.footer .ICP{
	background:#dbdbdb;
	line-height:66px;
	color:#2b2b2b;
	font-size:14px
}
.footer .ICP .width{
	width:1536px;
	margin:0 auto
}
.footer .ICP a{
	color:#2b2b2b;
}
.footer .ICP span:nth-child(1) a{
	margin-left:15px
}
.wap_nav{
	display:none
}
.wap_nav span {
    display: block;
   width: 35px;
    height: 5px;
    margin-bottom: 5px;
    background-color: #0e57a2;
    transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s;
    left: 0;
    transform-origin: 16px;
    border-radius: 3px;
    opacity: 1;
}
.wap_nav span:nth-of-type(2) {
    transition: width .5s ease;
}
.wap_nav .first-rotate {
    transform: rotate(-45deg);
	position: relative;
    top: 13px;
}
.wap_nav .last-rotate {
    transform: rotate(45deg);
	position: relative;
    top: -8px;
}
.wap_nav  span.mid-width {
    width: 0;
    opacity: 0;
}
.wap_nav_sw li{
	padding:0.15rem 0.25rem;
	line-height:40px;
	border-bottom:1px #f5f5f5 solid;
	text-transform:capitalize;
}
.home_tow .ul a.n_en i{
	background:none
}
.home_tow .ul a.n_en{
	text-align: center;
}
.wap_nav_sw {
    background: #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999999;
    z-index: -1;
    opacity: 0;
    top: calc(.44rem - 100vh);
    transition: all .5s ease;
}
.fix .header {
    background: #fff;
    border-bottom: 1px #f5f5f5 solid;
}
.header-show {
    top: 1.8rem;
    opacity: 1;
    z-index: 99999999999999;
}
.wap_nav_sw li.active a{
	color:#0e57a2
}
.wap_sw{
	display:none
}
#swiper .text{
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
	color:#fff;
	font-size:52px
}
#swiper .text p{
	font-size:24px;
	margin:30px auto 45px auto
}
#swiper .text a{
	display:block;
	background:#d6a77b;
	width:220px;
	line-height:54px;
	text-align:center;
	color:#fff;
	font-size:20px;
	margin:0 auto
}
#swiper .text a{
	margin-bottom:55px
}
#swiper .text p img{
	margin-top:110px;
	cursor:pointer
}
@-webkit-keyframes bounce {
 0%,20%,53%,80%,100% {
  -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
  transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
 }
 40%,43% {
  -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
  transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-20px,0);
 }
 70% {
  -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
  transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0);
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0);
 }
}
@keyframes bounce {
 0%,20%,53%,80%,100% {
  -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
  transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
 }
 40%,43% {
  -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
  transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-20px,0);
 }
 70% {
  -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
  transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
  -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0);
 }
 90% {
  -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0);
 }
}
.bounce {
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-transform-origin:center bottom;
 transform-origin:center bottom;
}
.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
}



.animated.infinite {
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
}
.animated.hinge {
 -webkit-animation-duration:2s;
 animation-duration:2s;
}
.animated.bounceIn,.animated.bounceOut {
 -webkit-animation-duration:.75s;
 animation-duration:.75s;
}
.animated.flipOutX,.animated.flipOutY {
 -webkit-animation-duration:.75s;
 animation-duration:.75s;
}.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
        animation-name: bounce;
}

#banner .txt{
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
	width:100%;
	color:#fff;
	font-size:36px
}
#banner .txt p{
	font-size:20px;text-transform:capitalize;
}
#banner .txt em{
	display:block;
	width:80px;
	height:2px;
	background:#fff;
	margin:15px auto
}
.where{
	border-bottom:1px #e6e6e6 solid;
	text-transform:capitalize;
}
.where span:nth-child(2){
	line-height:80px;
	color:#686868;
	font-size:14px;
}
.where span:nth-child(2) a{
	color:#686868;text-transform:capitalize;
}
.where span:nth-child(2)  i{
	margin:0 10px
}
.where span:nth-child(1) a{
	font-size:18px;
	color:#000;
	margin-right:60px;
	display: inline-block;
	line-height:80px;
	text-align:center;
}
.where span:nth-child(1) a.active,.where span:nth-child(1) a:hover{
	color:#d6a77b;
	border-bottom:3px #d6a77b solid
}
.where span:nth-child(2) a:hover{
	color:#d6a77b
}
.about .title_pub  em{
	font-size:30px;
	font-weight:bold
}
.about .title_pub  img{
	position:relative;
	top:-4px
}
.about .ab_one{
	padding:55px 0 0 0
}
.about .ab_one .cont{
	margin:30px auto
}
.about .ab_one .cont p{
	color:#383838;
	font-size:16px;
	line-height:36px;
}
.ab_tow{
	background:url(../images/bg_1.jpg) no-repeat;
}
.ab_tow img{
	border:20px #fff solid;
	box-shadow: 0px 3px 19px 0px rgba(0,0,0,0.21);
}
.ab_th{
	background:#f6f6f6;
	padding-top:80px
}
.ab_th .main{
	background:#f6f6f6 url(../images/bg_2.jpg) no-repeat;
	margin-top:50px;
	padding-top:55px
}
.ab_th .main dl{
	float:left;
	width:280px;
	margin-left:26.67px;
}
.ab_th .main dl:nth-child(1){
	margin-left:0
}
.ab_th .main dd{
	background:#fff;
	padding:80px 40px 50px 40px;
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius:10px;
  margin-top:-60px;
  height:250px
}
.ab_th .main dt{
	text-align:center
}
.ab_th .main dd h2{
	color:#1479c6;
	font-size:24px;
	text-align:center;
}
.ab_th .main dd  em{
	background:#2070b1;
	height:1px ;
	width:65px;
	display:block;
	margin:15px auto
}
.ab_th .main dd p{
	font-size:16px;
	line-height:30px;
}
.ab_th .main dt img{
	-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ab_th .main dl:hover dt img{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.about .ab_four{
	margin:70px auto
}
.about .ab_four .all:nth-child(odd) .img,.about .ab_four .all:nth-child(even) .txt{
	float:left
}
.about .ab_four .all:nth-child(odd) .txt,.about .ab_four .all:nth-child(even) .img{
	float:right
}
.about .ab_four .all .img,.about .ab_four .all .txt{
	width:50%;
	background:#f8f6f7
}
.about .ab_four .all .txt{
	height:380px;
	position:relative
}
.about .ab_four .all .txt .test{
	 position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
	width: 82%;
}
.about .ab_four .all .txt .test p{
	color:#797979;
	font-size:18px;
	line-height:42px;
}
.about  .ab_five{
	padding:60px 0 90px 0
}
.about  .ab_five .tit h2{
	font-size:30px;
	color:#050505;
	font-weight:lighter
}
.about  .ab_five .tit em{
	display:block;
	width:80px;
	height:3px;
	background:#d6a77b;
	margin:15px auto
}
.about  .ab_five .cont p{
	color:#050505;
	font-size:16px;
	line-height:34px;
	margin-bottom:35px;
	text-align:center
}
.product .tit h2{
	text-align:center;
	color:#010101;
	font-size:30px;
	padding:30px 0
}
.product .tit p{
	color:#424242;
	font-size:16px;
	line-height:42px;
}
.table .tr .th{
	padding:15px 25px;
	background:#d5eafb;
	color:#004070;
	font-weight:bold;
	font-size:24px
}
.table .tr .td{
	padding:25px;
}
.table .tr .td a{
	width:25%;
	float: left;
	display:inline-block;
	margin-bottom:25px;
	padding-left:15px;
	background:url(../images/dian.png) no-repeat 0 8px; 
}
.table .tr .td a:hover,.table .tr .td a:hover i{
	color:#004070	
}
.table .tr .td i{
	background: url(../images/goto.png) no-repeat;
	display: inline-block;
	width:12px;
	height:12px;
	margin-left:25px
}
.table .tr .th a i{
	background: url(../images/togo.png) no-repeat;
	display: inline-block;
	width:12px;
	height:12px;
	margin-left:25px
}
.technical .tit {
	padding:40px 0
}
.technical .tit p{
	font-size:16px;
	line-height:30px;
}
.pro_img_pic{
	background:#f9faff	;
	margin-top:155px;
	padding-bottom:70px
}

.pro_img_pic .one p{
	width:48.5%;
	float:left;
	margin-top:-155px
}
.pro_img_pic .one p:last-child{
	float:right
}
.pro_img_pic .one p img{
	width:100%;
	border:20px #fff solid;
	box-shadow: 0px 3px 19px 0px rgba(231,231,231);
}
.pro_img_pic .tow dl{
	box-shadow: 0px 3px 19px 0px rgba(231,231,231);
	width:48.5%;
	float:left;
	background:#fff;
	margin-top:3%;
	padding:50px 25px
}
.pro_img_pic .tow dl:nth-child(even){
	float:right
}
.pro_img_pic .tow dt{
	float:left;
	width:125px
}
.pro_img_pic .tow  dd{
	float: right;
	width:375px;
}
.pro_img_pic .tow .add_dl_en dd{
	height:245px;
	overflow-y:scroll
}
.pro_img_pic .tow dd h2{
	color:#333333;
	font-size:20px;
	margin-bottom:20px
}
.pro_img_pic .tow dd p{
	font-size:16px;
	line-height:30px
}
#join .tit h2{
	font-weight:bold;
	color:#4c4c4c
}
#join .test h2{
	font-size:20px;
	color:#5d5d5d;
	font-weight:normal;
	margin-bottom:15px
}
#join .test p{
	font-size:16px;
	color:#444444;
	line-height:32px
}
.maped {
	width: 100%;
	height: 550px;
}

.ab_map {
	position: relative;
	align-self: center;
}

.ab_map .contact_tc {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ab_map .contact_tc .txted {
	padding: 25px;
	color: #666666
}

.ab_map .contact_tc .txted img {
	width: 16px;
	height: 14px;
	position: relative;
	top: 5px;
	margin-right: 10px
}

.ab_map .contact_tc .txt p {
	width: 75%
}
#join .form {
	padding:60px 0
}
#join .form .textarea{
	border:1px #eeeeee solid;
	width:100%;
	padding:15px;
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  height:180px;
  font-family:微軟雅黑
}
#join .form p{
	width:100%;
	margin-top:30px
}
#join .form p .text{
	border:1px #eeeeee solid;
	width:100%;
	padding:15px;
	-moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
}
#join .form p.over .text{
	width:48.5%;
	float:left
}
#join .form p.over .text:nth-child(2){
	float: right
}
#join .form .button{
	display:block;
	background:#d6a77b;
	text-align:center;
	color:#fff;
	font-size:16px;
	width:190px;
	line-height:48px;
	margin:50px auto;
	border:0;
	-moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  cursor:pointer
}
#join .form  h2{
	color:#adadad;
	font-size:16px;
	line-height:30px;
	text-align:center;
	font-weight:normal
}
#banner .txt h2{
	text-transform: uppercase; 
}
.ab_th .main .add_dl_en dd {
    padding: 80px 30px 50px 30px;
	height: 350px;
	overflow-y:scroll
}

  /*正常情况下滑块的样式*/
.ab_th .main .add_dl_en dd::-webkit-scrollbar-thumb,.pro_img_pic .tow dl dd::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.05);
    border-radius:10px;
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
    }
    /*鼠标悬浮在该类指向的控件上时滑块的样式*/
.ab_th .main .add_dl_en dd:hover::-webkit-scrollbar-thumb,.pro_img_pic .tow dl dd:hover::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.2);
    border-radius:10px;
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
    }
    /*鼠标悬浮在滑块上时滑块的样式*/
.ab_th .main .add_dl_en dd::-webkit-scrollbar-thumb:hover,.pro_img_pic .tow dl dd::-webkit-scrollbar-thumb:hover{
    background-color:rgba(0,0,0,.4);
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
    }
    /*正常时候的主干部分*/
.ab_th .main .add_dl_en dd::-webkit-scrollbar-track,.pro_img_pic .tow dl dd::-webkit-scrollbar-track{
    border-radius:10px;
    -webkit-box-shadow:inset006pxrgba(0,0,0,0);
    background-color:white;
    }
    /*鼠标悬浮在滚动条上的主干部分*/
.ab_th .main .add_dl_en dd::-webkit-scrollbar-track:hover,.pro_img_pic .tow dl dd::-webkit-scrollbar-track:hover{
    -webkit-box-shadow:inset006pxrgba(0,0,0,.4);
    background-color:rgba(0,0,0,.01);
    }::-webkit-scrollbar {
  background: #f7f7f9;
  width: .08rem;  /* 纵向滚动条滑块宽度 */
  height: .09rem; /* 横向滚动条滑块宽度 */
}
::-webkit-scrollbar-track-piece { /*滚动条背景颜色*/
  background: #f7f7f9;
}
::-webkit-scrollbar-thumb { /* 滑块 */
  border-radius: .1rem;
  background: #e5e5e5;
}
// 也可以单独设置横向滚动条和纵向滚动条的背景颜色
::-webkit-scrollbar-thumb:vertical { /* 纵向滑块 */
  background: #e5e5e5;
}
::-webkit-scrollbar-thumb:horizontal { /* 横向滑块 */
  background: #e5e5e5;
}* {
  scrollbar-color: #e5e5e5 #f7f7f9; /* 滑块颜色  滚动条背景颜色 */
  scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
}