@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; font-family:"微软雅黑";}

body,div,p,ul,li,a,img,dl,dt,dd,em,h1,h2,h3,h4,h5,h6,map,area,table,tr,td,form,input{margin:0;padding:0; font-family:"微软雅黑";}



ul li{list-style:none;}

img{border:none;}

body{font:16px/1 Helvetica,"微软雅黑","Hiragino Sans GB",Tahoma,Arial,sans-serif;color:#333;}

.conwid{ width:1160px; margin:0 auto; overflow:hidden; clear:both; margin-top:5px;}

.conmag{ margin-top:30px;}

a{ text-decoration:none; color:#333;}

.left{ float:left;}

.right{ float:right;}



.header_top{ width:1160px; margin:0 auto; height:105px;}

.header_top .logo{ margin:29px 0 0 0; float:left;}

.header_top .tel{ margin:36px 0 0 85px; display:inline-block; border-radius:41px; height:41px; width:277px; border:1px solid #e1e1e1; text-align:center; line-height:41px; font-family:"Arial";}

.header_top .tel img{margin:6px 8px 0 0;}

.header_top .tel em{ font-style:normal; font-size:20px; vertical-align:super;}

.header_top .tel em i{ font-size:23px; font-style:normal;}

.header_top .qr{ float:right; display:inline-block; margin:4px 0 0 0;}

.header_top .qr em{ display:inline-block; width:80px; height:101px; border-right:1px solid #f2f2f2; text-align:center; line-height:101px; position:relative; }

.header_top .qr em i{ display:none; position:absolute; left: -10px; top: 105px; z-index:9; width:50px; height:50px;}

.header_top .qr em:hover i{ display:block; animation: qr_top 0.5s;}

.header_top .qr .wx{ background:url(../images/icon_wx.png) center no-repeat;}

.header_top .qr .wx:hover{ background:#f7f7f7 url(../images/icon_wx1.png) center no-repeat;}

.header_top .qr .qq{ background:url(../images/icon_qq.png) center no-repeat;}

.header_top .qr .qq:hover{ background:#f7f7f7 url(../images/icon_qq1.png) center no-repeat;}

.header_top .qr .phone{ background:url(../images/icon_phone.png) center no-repeat;}

.header_top .qr .phone:hover{ background:#f7f7f7 url(../images/icon_phone1.png) center no-repeat; }

.header_nav{ width:100%; border-top:1px solid #dfdfdf; background:url(../images/navbg.png) repeat-x; height:78px; clear:both;}

.header_nav ul{ width:1160px; margin:0 auto;}

.header_nav ul li{ display:inline-block; height:65px; margin: 0 22px; float:left;}

.header_nav ul li a{ display:inline-block; font-size:18px; height:65px; line-height:65px; padding:0 8px;}

.header_nav ul li a:hover,.header_nav ul li .active{ color:#00967b; }

/* nav flash */

.button {

  position: relative;



}

.button:nth-of-type(1):before, .button:nth-of-type(1):after, .button:nth-of-type(1) .inner:before, .button:nth-of-type(1) .inner:after {

  background-color: #00967b;

}

.button:nth-of-type(2):before, .button:nth-of-type(2):after, .button:nth-of-type(2) .inner:before, .button:nth-of-type(2) .inner:after {

  background-color: #00967b;

}

.button:nth-of-type(3):before, .button:nth-of-type(3):after, .button:nth-of-type(3) .inner:before, .button:nth-of-type(3) .inner:after {

  background-color: #00967b;

}

.button:before, .button:after, .button .inner:before, .button .inner:after {

  position: absolute;

  content: "";

  display: block;

  display:none\9;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;

}

.button.horizontal:before, .button.horizontal:after, .button.both:before, .button.both:after {

  left: 0;

  width: 100%;

  height: 2px;

  -webkit-transform: scaleX(0);

          transform: scaleX(0);

}

.button.horizontal .inner:before, .button.horizontal .inner:after, .button.both .inner:before, .button.both .inner:after {

  top: 0;

  width: 2px;

  height: 100%;

  -webkit-transform: scaleY(0);

          transform: scaleY(0);

}

.button.horizontal .inner:before, .button.both .inner:before {

  left: 0;

}

.button.horizontal .inner:after, .button.both .inner:after {

  right: 0;

}

.button.horizontal .inner:hover:before, .button.horizontal .inner:hover:after, .button.both .inner:hover:before, .button.both .inner:hover:after {

  -webkit-transform: scaleY(1);

          transform: scaleY(1);

}

.button.horizontal:before, .button.both:before {

  top: 0;

}

.button.horizontal:after, .button.both:after {

  bottom: 0;

}

.button.horizontal:hover:before, .button.horizontal:hover:after, .button.both:hover:before, .button.both:hover:after {

  -webkit-transform: scaleX(1);

          transform: scaleX(1);

}

.button.horizontal:hover .inner:before, .button.horizontal:hover .inner:after, .button.both:hover .inner:before, .button.both:hover .inner:after {

  -webkit-transform: scaleY(1);

          transform: scaleY(1);

}



.button.horizontal.clockwise .inner:before, .button.both.clockwise .inner:before {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.horizontal.clockwise .inner:after, .button.both.clockwise .inner:after {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.horizontal.clockwise:before, .button.both.clockwise:before {

  -webkit-transform-origin: right center;

          transform-origin: right center;

}

.button.horizontal.clockwise:after, .button.both.clockwise:after {

  -webkit-transform-origin: left center;

          transform-origin: left center;

}

.button.horizontal.clockwise:hover .inner:before, .button.both.clockwise:hover .inner:before {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.horizontal.clockwise:hover .inner:after, .button.both.clockwise:hover .inner:after {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.horizontal.clockwise:hover:before, .button.both.clockwise:hover:before {

  -webkit-transform-origin: left center;

          transform-origin: left center;

}

.button.horizontal.clockwise:hover:after, .button.both.clockwise:hover:after {

  -webkit-transform-origin: right center;

          transform-origin: right center;

}

.button.horizontal.counterclockwise .inner:before, .button.both.counterclockwise .inner:before {

  -webkit-transform-origin: bottom center;

          transform-origin: bottom center;

}

.button.horizontal.counterclockwise .inner:after, .button.both.counterclockwise .inner:after {

  -webkit-transform-origin: top center;

          transform-origin: top center;

}

.button.horizontal.counterclockwise:before, .button.both.counterclockwise:before {

  -webkit-transform-origin: left center;

          transform-origin: left center;

}

.button.horizontal.counterclockwise:after, .button.both.counterclockwise:after {

  -webkit-transform-origin: right center;

          transform-origin: right center;

}



/* nav flash over */



/*-- 案例--*/

.annunciation_case{ border-top:1px solid #e5e5e5; overflow:hidden; margin:52px 0; clear:both;}



.da-thumbs {min-width:1160px; max-width:100%; clear:both; overflow:hidden;}

.da-thumbs li {width:25%; *width:24.9%; float:left; display: inline-block;position: relative;}

.da-thumbs li a{display:inline-block;float:left}

.da-thumbs li a img{ width:100%;vertical-align: middle;}

.da-thumbs li .libut{overflow:hidden;clear:both; *padding-bottom:23px; }

.da-thumbs li .libut a{width: 40%;color: #fff;font-size: 12px; float:left;display: inline-block; *width:39.8%;}

.bx,.zx{ width:40%; margin:4.58% 5%; *width:39.8%; }



.da-thumbs li a,.da-thumbs li a img {display: block;position: relative; width: 100%;vertical-align: middle;}

.da-thumbs li a {overflow: hidden;}

.da-thumbs li a div {position: absolute;width: 100%; background:url(../images/ie8.png) repeat;height: 100%; font-size:15px;}

.da-thumbs li a div span {display: block; width:60%; margin:0 auto;text-transform: uppercase; padding-bottom:10px; text-align:center; margin-top:15%; margin-bottom:15px;

font-weight: normal;color:#fff;border-bottom: 1px solid #c5e4de; line-height:22px;

}

.da-thumbs li a div i{ color:#fff; font-style:normal; width:60%; margin:0 auto; display:block; line-height:22px; text-align:center; color: rgba(255,255,255,1);

}







/*tit*/



.tit{ width:100%; border-top:1px #e5e5e5 solid; height:80px; clear:both; overflow:hidden;}

.tit p{ width:1160px; margin:0 auto;height:80px;line-height:80px; }

.tit p b{ font-size:24px; display:block; float:left; margin-right:10px;border-top:2px #02977a solid; font-weight:normal; }

.tit p span{ font-size:18px; display:block; padding-top:5px; float:left;}

.tit p a{ display:block; float:right; color:#333;}

.tit p a img{ vertical-align:middle;}

/* one */

.oneleft{ width:782px; float:left;}

.onltit{ width:100%; border-bottom:1px #e5e5e5 solid; height:55px; line-height:55px; margin-bottom:30px;}

.onltit a{ width:95px; text-align:center; color:#333; display:block; float:left; margin-right:10px; font-size:18px;}

.onltit .active{border-bottom: 2px solid #0b9981;}

.onltit a.hover{ border-bottom:2px #0b9981 solid; color:##0b9981;}

.onebotbox{ width:100%; overflow:hidden; height: 300px;}

.onebotbox li{ width:55%; overflow:hidden;    float: right;}

.onebotle{ width:340px; height:300px; overflow:hidden; float:left;display:inline-block;}

.tijiarig{ width:425px; overflow:hidden; float:right;}

.tijiarig .xulie{ width:60px;float:left; overflow:hidden;}

.tijiarig .xulie img{ margin-bottom:49px;}



.onebotri{ width:350px;float:right;}

.onebotri li{ margin-bottom:27px;}

.ds{ display:block; margin:0 auto;}

.onebotri li { width:350px; float:right; cursor:pointer;}

.onebotri li .fitit:hover{ color:#f84949; }

.onebotri li p{ color:#999999;line-height:26px; padding-top:10px;}

.red{ color:#f84949; }

.fitit{ color:#333; font-size:16px;}

.news-slide{ position:relative;}

.swiper-slide .zjtm{ width:340px; height:78px; background:url(../images/black.png) repeat;position:absolute; top:232px; z-index:99;

           -webkit-transform:translate(0px,0px);-moz-transform:translate(0px ,0px);-o-transform:translate(0px ,0px);

		   -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; 

 }

 

.swiper-slide .zjtm p{ text-align:center; color:#FFF; line-height:40px;}





.videobox{width:320px; float:right; overflow:hidden;}

.vidori{ width:100%; border-bottom:1px #e5e5e5 solid; height:55px; line-height:55px; margin-bottom:30px;}

.vidori span{text-align: center;color: #333;display: block;float: left;margin-right: 10px;font-size: 18px;border-bottom: 2px solid #0b9981;}

.video-img{width:320px;height:300px;overflow:hidden;}

.video-list{ width:320px; margin-top:10px;}

.video-list li{width:100px;overflow:hidden;position:relative;float:left;cursor:pointer;}

.video-list li .icon-video{position:absolute;left:35px;top:26px;width:33px;height:33px;z-index:99;}

.video-list li.now .icon-video{display:none;}







.zfgh { width:100%; overflow:hidden; clear:both; margin-bottom:50px; margin-top:20px;}

.zfgh h3{ border-left:3px #00967b solid; height:26px; line-height:26px; margin-bottom:20px; font-weight:normal;}

.zfgh ul{ width:100%; overflow:hidden;}

.zfgh ul li{ width:545px; background-color:#f7f7f7;}

.zfgh ul li p{ width:545px; height:55px; line-height:55px; text-align:center; background-color:#f7f7f7;}



/*专家*/

.daxbg{width:100%;margin:0 auto;background-color:#f7f7f7; clear:both; z-index:1; margin-bottom:25px; }



.zjlx span{ width:120px; height:35px; display:block; text-align:center; line-height:35px; border:1px #cbcbcb solid; color:#333; float:left; border-radius:40px; margin-right:20px;}

.zjlx .active{ background:#21bea3; color:#fff; border:0;}

#four_flash{width:1160px; overflow:hidden; margin:0 auto;}

#four_flash .flashBg{width:1160px;height:530px; margin:0 auto;position:relative;overflow:hidden;}

#four_flash .flashBg ul{list-style:none;}

#four_flash .flashBg ul.mobile{width:2000%;height:530px; position:absolute;top:15px; left:0px;}



.flashBg ul.mobile li{width:277px;background-color:#FFF; float:left; margin-right:18px; overflow:hidden;}

.mob1 li{ height:480px;}

.mob1 li p{margin-top:3px;}

.mob2 li{ height:437px;}

.mob2 li p{margin-top:8px;}



.flashBg ul.mobile li em{ width:100%; margin:0 auto; color:#999; font-style:normal; text-align:center; display:block; margin-top:15px; font-size:15px;}

.flashBg ul.mobile li em img{ vertical-align:middle; padding-right:6px;}

.flashBg ul.mobile li p{text-align:center; line-height:40px; text-align:center; margin-bottom:10px;}

.flashBg ul.mobile li p strong{ font-size:18px; font-weight:normal; }

.flashBg ul.mobile li span{ display:block; clear:both;}

.flashBg ul.mobile li .scale{ width:277px; height:321px; overflow:hidden; display:block;}

.flashBg ul.mobile li span a{width:88px; height:31px; display:block; float:left; text-align:center; display:block; line-height:31px; border-radius:3px;}

.flashBg ul.mobile li a img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

.flashBg ul.mobile li a img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}



.flashBg ul.mobile li .cha1{background-color:#f84949; color:#FFF; margin-left:44px; margin-right:14px;}

.flashBg ul.mobile li .cha1:hover{border:1px #f84949 solid; color:#f84949; background-color:#fff; }



.flashBg ul.mobile li .cha2{border:1px #bbbbbb solid; background-color:#fff; color:#333; }

.flashBg ul.mobile li .cha2:hover{border:1px #02977a solid; background-color:#02977a; color:#fff;}



 .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px; cursor:pointer;}

.but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;cursor:pointer;}

.but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}

.but_right:hover{background:url(../images/qianxr1.png) no-repeat;}

.asdw{width:1000px; clear:both; margin:0 auto;position:relative; z-index:100;}

.zjlx{width: 310px;height: 50px;position: absolute;bottom: 105px;left: 200px;z-index: 100;top: -55px;}





/* 诊疗范围 */

.range{ width:1172px; margin:0 auto; overflow:hidden; clear:both;}

.icon{ width:100%; overflow:hidden; clear:both; padding-top:10px;}

.icon li{ width:293px; height:130px; float:left;  margin-bottom:25px; }

.icon a{ width:272px; height:130px; display:block; margin:0 auto;color:#333;background-color:#ecf0f1;}

.icon a p{ color:#333; float:left; font-size:18px; line-height:24px; padding-top:42px;}

.icon a p span{ color:#666666; font-size:13px;}

@keyframes mybg{ 

from{ background-color:#ecf0f1; border:1px #ecf0f1 solid;border:none;transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); }

to{ background-color:#fff; border:1px #00957c solid; transform:translateY(-3px); -webkit-transform:translateY(-3px); -ms-transform:translateY(-3px); }

}

@-webkit-keyframes mybg{ 

from{ background-color:#ecf0f1;transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); }

to{background-color:#fff; border:1px #00957c solid; transform:translateY(-3px); -webkit-transform:translateY(-3px); -ms-transform:translateY(-3px); }

}

.icon a:hover{ width:270px; height:128px;border:1px #00957c solid; animation:mybg 0.5s ease forwards;  -webkit-animation:mybg 0.5s ease forwards; }

.icon a:hover p{ color:#00967b;padding-top:42px;}



.ica1 p{ padding-left:126px; }

.ica1{ background:url(../images/con1.png) no-repeat 52px center #ecf0f1;}

.ica1:hover{ background:url(../images/con11.png) no-repeat 52px center #fff;  }



.ica2 p{ padding-left:123px;}

.ica2{ background:url(../images/con2.png) no-repeat 53px center #ecf0f1;}

.ica2:hover{ background:url(../images/con22.png) no-repeat 53px center #fff; }



.ica3 p{ padding-left:110px;}

.ica3{ background:url(../images/con3.png) no-repeat 44px center #ecf0f1;}

.ica3:hover{ background:url(../images/con33.png) no-repeat 44px center #fff; }



.ica4 p{ padding-left:105px;}

.ica4{ background:url(../images/con4.png) no-repeat 30px center #ecf0f1;}

.ica4:hover{ background:url(../images/con44.png) no-repeat 30px center #fff; }



.ica5 p{ padding-left:115px;}

.ica5{ background:url(../images/con5.png) no-repeat 42px center #ecf0f1;}

.ica5:hover{ background:url(../images/con55.png) no-repeat 42px center #fff; }



.ica6 p{ padding-left:123px;}

.ica6{ background:url(../images/con6.png) no-repeat 52px center #ecf0f1;}

.ica6:hover{ background:url(../images/con66.png) no-repeat 52px center #fff; }



.ica7 p{ padding-left:105px;}

.ica7{ background:url(../images/con7.png) no-repeat 32px center #ecf0f1;}

.ica7:hover{ background:url(../images/con77.png) no-repeat 32px center #fff; }



.ica8 p{ padding-left:108px;}

.ica8{ background:url(../images/con8.png) no-repeat 37px center #ecf0f1;}

.ica8:hover{ background:url(../images/con88.png) no-repeat 37px center #fff; }



/* 热点关注 */

.doubt{height:132px; overflow:hidden; padding-left:152px; clear:both; background:url(../images/dout.png) 0px center no-repeat; margin-top:10px;}

.doubt a{ width:184px; float:left; margin-right:18px; text-align:center; display:block; border:1px #eeeff2 solid; border-radius:3px; color:#333; height:46px; line-height:46px; margin-top:9px; margin-bottom:11px; font-size:15px;}

.doubt a:hover{ background-color:#00967b; color:#FFF;}



/* 关于我们 */

.about_us{ border-top:1px solid #e5e5e5; margin:58px 0 0 0;}

.about_us .about_list{ width:1160px; margin:0 auto; position:relative; height:512px;}

#slider .slide>span{ position:absolute; z-index:1; width:200px; text-align:center; color:#fff; top:40px; transition:1s;}

#slider .slide>span em{ display:block; color:#fff; font-style:normal; font-size:12px; padding:5px 0px;}

#slider .slide>span i{ display:inline-block; height:2px; background:#fff; width:40px; vertical-align: super;}

#slider .slide:hover span{ top:-100px;}

.about_us .service{ width:1160px; margin:60px auto 46px;}

.about_us .service ul li{ display:inline-block; width:14.2%; text-align:center; float:left;}

.about_us .service ul li a{ display:inline-block;}

.about_us .service ul li a img{ display:block; margin:0 auto 22px ;}

#slider {position: absolute;width: 1160px;height: 512px;overflow: hidden;}

#slider .slide {position: absolute;top: 0px;height: 512px;width: 701px;background: #000;overflow: hidden;z-index:2;}

#slider .title   {color: #fff;}

#slider .backgroundText {position: absolute;width: 100%;height: 100%;background: #000;filter: alpha(opacity=40);opacity: 0.4;}

#slider .text {position: absolute;color: #FFF;left: 10px;padding-top:30px;}

#slider .text span{ border-left:3px #fff solid; padding-left:15px; margin-left:25px; }

#slider .text  p{ padding-left:23px; line-height:26px; color: rgba(255,255,255,0.9); padding-top:20px; padding-right:25px;}

#slider .text  p a{ color:#fff;}

#slider .diapo {position: absolute;filter: alpha(opacity=100);opacity: 1;visibility: hidden;}



#allmap{width:100%; min-width:1160px; height:351px;}

.anchorBL{display:none;}	



.footer{ width:100%; margin:0 auto;}

.footer .listbj{ height:350px; background:url(../images/footer_bj.jpg); background-attachment:fixed; background-position: 0px 400px;}

.footer .list{ width:100%; background:rgba(44,51,57,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C82c3339,endColorstr=#C82c3339); height:350px; min-width:1160px;}

.footer .list ul{ display:block; width:1160px; margin:0 auto;}

.footer .list ul li{ display:inline-block; margin: 57px 0 0 0; vertical-align: text-top; float:left;}

.footer .list ul li p{color:#fff; line-height:50px;font-size:12px;}

.footer .list ul li p img{ vertical-align: middle; margin:0 15px 0 0;}

.footer .list ul li span{color:#fff;}

.footer .list ul .logo{ margin:57px 115px 0 25px;}

.footer .list ul .qr{ background:url(../images/footer_qr_border.png); width:259px; height:139px; margin: 52px 0 0 185px;}

.footer .list ul .qr span{ width:129px; display:inline-block; text-align:center;}

.footer .list ul .qr span img{ display:block; margin: 15px auto 5px;}

.footer .cop{ background:#2c3339; width:100%; min-width:1160px; text-align:center; line-height:77px; color:#fff;}



.footer .link{ clear:both;width:1135px;margin: 0 auto;  padding:15px 0px; color:#fff;}

.footer .linkcon a{ color:#fff;}

.linkcon{padding: 20px 0;}

.linkcon span{ display:inline-block; margin:0 8px;}





.swiper-container {

	margin:0 auto;

	position:relative;

	overflow:hidden;

	direction:ltr;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;

	-o-backface-visibility:hidden;

	backface-visibility:hidden;

	/* Fix of Webkit flickering */

	z-index:1;

}

.swiper-wrapper {

	position:relative;

	overflow:hidden;

	width:100%;

	-webkit-transition-property:-webkit-transform, left, top;

	-webkit-transition-duration:0s;

	-webkit-transform:translate3d(0px,0,0);

	-webkit-transition-timing-function:ease;

	

	-moz-transition-property:-moz-transform, left, top;

	-moz-transition-duration:0s;

	-moz-transform:translate3d(0px,0,0);

	-moz-transition-timing-function:ease;

	

	-o-transition-property:-o-transform, left, top;

	-o-transition-duration:0s;

	-o-transform:translate3d(0px,0,0);

	-o-transition-timing-function:ease;

	-o-transform:translate(0px,0px);

	

	-ms-transition-property:-ms-transform, left, top;

	-ms-transition-duration:0s;

	-ms-transform:translate3d(0px,0,0);

	-ms-transition-timing-function:ease;

	

	transition-property:transform, left, top;

	transition-duration:0s;

	transform:translate3d(0px,0,0);

	transition-timing-function:ease;



	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.swiper-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 {

	float: left;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}



/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

}

.swiper-wp8-vertical {

	-ms-touch-action: pan-x;

}



.pagination {

max-width:1920px;

  position: absolute;

  left: 0;

  text-align: center;

  top:550px;

  z-index:9;

  width: 100%;

}

.swiper-pagination-switch {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 10px;

  background:url(../images/bg15.png) no-repeat;

 

  margin: 0 8px;

  cursor: pointer;

}

.swiper-active-switch {

 width: 25px;

  height: 10px;

  background:url(../images/bg16.png) no-repeat;

}



.pagination1 {

  position: absolute;

  left: 0;

  text-align: center;

  top:272px;

  z-index:9;

  width: 100%;

}