@charset "gb2312";
/*reset*/
html{-webkit-text-size-adjust:100%;}  /*防止iPhone在坚屏转向横屏时放大文字*/
/*reset*/
html{max-width: 640px; min-width:320px; margin:0 auto;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, section, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 }
fieldset, img { border: 0 none }
body{font:14px/1.4 "Microsoft Yahei",Arial,Helvetica,sans-serif;background-color: #fff;color:#333;max-width: 640px; min-width:320px; margin: 0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
table{border-collapse:collapse;border-spacing:0}
ul,ol,dd,dt,dl{list-style-type:none;}
a{color:#333;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;}
a,input,select{-webkit-tap-highlight-color: transparent;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius: 0;}

input,img{ border:none; }
i,em{ font-style:normal; }
:focus{ outline: none; }
select{ background: none; }

/*iphone6*/
@media(min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){body{font-size:14.5px;}}
/*iphone6plus*/
@media(min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){body{font-size:15.5px;}}

/*原子类*/
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl { float: left; }
.fr { float: right; }

.top{ width:100%; height:50px; line-height:50px; background:#0081cc; overflow:hidden;}
.top .logo{ float:left; margin:9px 0 0 10px;}
.top .logo img{ display:block; width:260px; height:auto;}
.top .top_tel{ float:right; margin:10px 10px 0 0;}
.top .top_tel img{ display:block; width:28px; height:auto;}

.img { width: 100%; height: auto; }
.img img { width: 100%; height: auto; display: block; }
.tabImg { background: #f3e5d0; width: 100%; height: auto; overflow: hidden; }
.tabImg .tabCon { width: 6.2rem; height: auto; margin: 0 auto; background: #fff; padding: 0.32rem 0; }
.tabImg .tabCon .tabs { width: 5.72rem; height: auto; overflow: hidden; margin: 0 auto; text-align: center;} 
.tabImg .tabCon .tabs a { width: 1.85rem; height: 0.56rem; display: inline-block; text-align: center; line-height: 0.56rem; background: #e1e1e1; }
.tabImg .tabCon .tabs a.on { background: #0cc89e; color: white; }

.swiper-container { width: 5.72rem; height: auto; margin: 0 auto; padding-top: .14rem;}
.swiper-container img { width: 100%; height: auto; display: block; }

.swt { width: 4rem; height: auto; margin: 0.4rem auto; overflow: hidden; }
.swt img { width: 100%; height: auto; display: block; }

.text { width: 5.8rem; height: auto; margin: 0 auto;}
.text p { font-size: .24rem; color: #262626; text-indent: 2em; line-height: 0.38rem; padding: 0.2rem 0.2rem 0; text-align: justify;}

.tabV { background: #d0f3eb; overflow: hidden; border-bottom: 3px solid #abefdf; padding-bottom: .2rem; }
.tabV .tabVs { width: 100%; height: auto; text-align: center; margin: .32rem 0 ;}
.tabV .tabVs a { width: 0.32rem; height: 0.32rem; border-radius: 50%; display: inline-block; border: 1px solid #02977c; color: #02977c; text-align: center; line-height: 0.32rem; }
.tabV .tabVs a.on { background: #02977c; color: white; }

.tabV .swiper-container { width: 6.08rem; height: auto; background: #fff;}

.tabVtext { padding: 0.2rem 0;}
.tabVtext h3 { font-size: .26rem; color: #08a07d; text-align: center;}
.tabVtext p { font-size: .24rem; color: #4c4c4c; text-align: center; }

.foot{ padding-bottom: 2rem;}


.bottom { width: 100%; height: auto; position: fixed; bottom: 0; left: 0; z-index: 99999; }
.bottom img { width: 100%; height: auto; display: block;}
.bottom a { width: 25%; height: 1.81rem; position: absolute; bottom: 0;}
.bottom a:nth-child(2) { left: 25%;}
.bottom a:nth-child(3) { left: 50%;}
.bottom a:nth-child(4) { left: 75%;}
video { width: 5.66rem; height: 3.83rem; margin: 0 auto; display: block;}