/************* Reset CSS *************/
/* 清除内外边距 */
html { font-size: 62.5%; color:#333; }
html,body,h1,h2,h3,h4,h5,h6,hr,p,blockquote, /* structural elements 结构元素 */
dl,dt,dd,ul,ol,li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form,fieldset,iframe,lengend,label,button,input,textarea, /* form elements 表单元素 */
th,td { /* table elements 表格元素 */ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;font-weight:normal; }
address,cite,dfn,var { font-style: normal; } /* 将斜体扶正 */
code,kbd,pre,samp,tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 0.6rem; } /* 小于 0.6rem 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul,ol { list-style: none; }
/* 重置文本格式元素 */
i,b,em{ font-style:normal;}
a { text-decoration: none;display:inline;}
a:hover { text-decoration: none; }
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset,img,button { border: none; }
/* 注：optgroup 无法扶正 */
button,input,select,textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }
img,iframe,table,form { vertical-align: top; }
/* 重置表格元素 */
table { border-collapse: collapse; border-spacing: 0; }
/* 重置 hr */
hr { border: none; height: 1px; }
/*页面滑动流畅*/
html,body{ -webkit-overflow-scrolling:touch; -webkit-user-select:none; user-select:none;}
.clear{clear:both;}

.db{display:block;}
.fr{float:right;_display:inline;}
.fl{float:left;_display:inline;}
.pr{position:relative;}
.pa{position:absolute;}
body { /*font-size: 6rem;*/font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;  min-width:16rem; max-width: 640px; margin: 0 auto; padding:0; height:auto; }
.viewport{ max-width: 640px; min-width:16rem; margin:0 auto; overflow:hidden; }

.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }



.banner{width:100%; height:16rem;}
.banner img{display:block;width:100%;}

.box1{ width:29.5rem; height:6.7rem; margin:0.5rem auto;}
.box1_l{width:4.1rem; height:6.7rem; display:block; background-color:#00886c; position:relative;}
.box1_l span{ font-size:1.3rem; text-align:center; color:#fff; line-height:1.5rem; padding:0 0.5rem; position:absolute; top:1.5rem; }
.box1_l:after{content:""; position:absolute; bottom:48%; left:4.1rem; border:0.4rem solid transparent; border-left-color:#00886c;}
.box1_r ul li{ width:5.85rem; height:6.6rem; border:1px dashed #aaaaaa; margin-right:0.3rem; float:left; font-size:1rem; color:#000; text-align:center; line-height:2rem;}
.box1_r ul li img{ width:5.85rem; height:4.45rem; margin-top:1px; margin-bottom:0;font-size:1rem; color:#000; text-align:center;}
.box1_r ul li:last-child{ margin-right:0;}

.box_nav{ width:100%;}
.box_nav h1{ font-size:1.5rem; font-weight:bold; line-height:4rem; text-align:center; color:#00886c; border-bottom:1px solid #b0bba9; letter-spacing:1px;}
.box_nav span{ display:block; width:12.9rem; height:0.25rem; background:#00886c; margin:0 auto;}

.box2{ width:29.5rem; margin:0 auto;}
.box2 dl{ width:29.5rem; height:7.8rem; margin:0.85rem auto 0;}
.box2 dl dt{ width:11.15rem; height:7.8rem;}
.box2 dl dt img{ width:100%;}
.box2 dl dd{ width:18rem; height:7.7rem; border:1px dashed #aaaaaa;}
.box2 dl dd h2{ font-size:1.1rem; color:#595757; padding-left:2.5rem; margin-top:1.5rem; line-height:1.8rem;}
.box2 dl dd p{ font-size:1rem; color:#595757; padding-left:2.5rem;}

.box_zx{ width:29.5rem; height:4.45rem; margin:1.5rem auto 0.5rem; border:1px solid #f96700;}
.box_zxl{ display:block; width:19.85rem; line-height:4.45rem; color:#f96700; font-size:1.6rem; text-align:center; font-weight:bold; letter-spacing:1px; }
.box_zxr{ display:block; width:9.45rem; height:4.3rem; background:#f96700; margin:1px; color:#fff; line-height:4.3rem; text-align:center; font-size:1rem;}
.box_zxr img{ width:2.5rem; height:2.3rem; margin-top:0.75rem;}

.box3{ width:29.5rem; height:15.45rem; margin:1rem auto; border:1px solid #a0a0a0;}
.box3_l{ width:11.5rem;}
.box3_l .box3l_t{ width:7rem; margin:1.1rem auto 0;}
.box3_l .box3l_t img{ width:100%;}
.box3_l p{ font-size:1rem; color:#00886c; text-align:center; line-height:1.5rem;}
.box3_l h2{ width:10.5rem; height:1.7rem; margin:0.5rem auto 0; font-size:1rem; text-align:center; line-height:1.7rem; color:#fff; background:#ff7b06;}
.box3_l h2 em{ font-style:italic; font-weight:bold; margin:0 0.25rem;}
.box3_c{ width:1px; height:12.35rem; background:#a0a0a0; margin:1.1rem 1.7rem 0 0.5rem;}
.box3_r{ width:15.35rem; padding-top:1rem;}
.box3_r p{ font-size:1rem; color:#595757; line-height:2rem; font-weight:bold;}
.box3_r ul li{ width:14rem; height:2rem; background:url(../images/ico1.jpg) no-repeat left center; background-size:0.85rem 0.8rem; float:left;}
.box3_r ul li a{ display:block; font-size:1rem; color:#595757; line-height:2rem; padding-left:1rem;}

.box4{ width:29.5rem; margin:1rem auto 0;}
.box4 dl{ width:29.4rem; height:3.2rem; border:1px solid #c9caca; margin-bottom:0.9rem;}
.box4 dl dt{ width:12.1rem; float:left; background:#efefef url(../images/ico2.jpg) no-repeat 1rem center; background-size:1.1rem 1.05rem; font-size:1.1rem; color:#595757; line-height:3.2rem; text-indent:2.5em; font-weight:bold;}
.box4 dl dd{ width:16.75rem; float:right; font-size:1rem; line-height:1.5rem; color:#595757; padding-left:0.5rem}
.box4 dl:first-child dd{ line-height:3.2rem;}
.box4 img{ width:100%; height:5.65rem;}

.box_ban{ width:100%; height:7.8rem; padding-top:0.75rem; background:#00886c;}
.box_ban h1{ font-size:1.65rem; color:#fff; line-height:2.5rem; text-align:center;}
.box_ban h1 strong{ color:#fff001;}
.box_ban h2{ margin-bottom:0.75rem; font-size:1.1rem; color:#fff001; line-height:2rem; text-align:center; letter-spacing:1px}
.box_ban a{ display:block; width:6.85rem; height:2rem; background:#fff001; text-align:center; line-height:2rem; color:#000; font-size:1rem; margin:0 auto; border-radius:0.1rem;}

.box5{ width:29.5rem; margin:0 auto; position:relative;}
.box5_zj{ margin-top:1rem;}
.box5_zj .box5_zj_tit{width:27rem;    margin: 0 auto 0 5rem; overflow:hidden; }
.box5_zj .box5_zj_tit li{ width:6.3rem; height:2.15rem; border:1px solid #767575; line-height:2.15rem; font-size:1.2rem; color:#000; text-align:center; float:left; margin-left:0.25rem; cursor:pointer; }
.box5_zj .box5_zj_tit li.on{ background:#e4e5e5; border-color:#000; color:#000; }
.box5_zj_con{ margin-top:1rem; height:17.25rem; overflow:hidden; }
.box5_zj_con ul li{ width:29.5rem; margin:0 auto;}
.box5_zj_con ul li img{ width:13.45rem; height:17.25rem; margin-right:0.5rem; margin-left:0.5rem; }
.box5_zj_con ul li h2{ height:5.25rem; line-height:5.25rem; font-size:1rem; font-weight:bold; color:#595757; }
.box5_zj_con ul li h2 span{ padding-right:0.5rem; font-size:2.1rem; }
.box5_zj_con ul li dl{ margin-top:0.5rem; }
.box5_zj_con ul li dl dt{ line-height:3.5rem; font-size:1.3rem; }
.box5_zj_con ul li dl dt img{ width:1.85rem; height:1.85rem; vertical-align:middle;}
.box5_zj_con ul li dl dd{ line-height:1.35rem; text-align:justify; margin-right:1rem; font-size:0.9rem; color:#595757; }
.box5_zj_con ul li dl dd a{ color:#595757; }
.box5 .box_zxl{ width:13.1rem; color:#f96700; font-size:1.2rem;}
.box5 .box_zxr{ width:16.25rem; font-size:1.2rem;}

.box6{ width:29.5rem; margin:1rem auto; border:1px solid #898989;}
.index_glimg{ overflow:hidden;  position:relative; margin:0 auto;}
.index_glimg .bd{ position:relative; z-index:0; margin:0 auto; height:7.4rem; overflow:hidden; }
.index_glimg .bd li{ width:29.5rem; height:7.4rem; margin:0 auto; zoom:1; vertical-align:middle; }
.index_glimg .bd ul li .al{ width:10.75rem; height:7.4rem; float:left;}
.index_glimg .bd ul li .al img{ width:100%;}
.index_glimg .bd ul li .alp{ width:17.5rem; height:7.4rem; float:right; background:url(../images/box6_bg.jpg) no-repeat left center; background-size:1.15rem 6.45rem;}
.index_glimg .bd ul li .alp p{ font-size:1rem; color:#595757; line-height:1.85rem; text-indent:2em;}
.index_glimg .bd ul li .alp p strong{ color:#000;}
.index_glimg .prev { left:0.5rem; position: absolute; top: 3.5rem; z-index: 10; width:0.55rem; height:0.9rem; }
.index_glimg .next { right:1rem; position: absolute; top:3.5rem; z-index: 10; width:0.55rem; height:0.9rem; }
.index_glimg:hover .prev{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
.index_glimg:hover .next{ filter:alpha(opacity=100) !important;opacity:1 !important;  }

.box7{ width:29.5rem; margin:0 auto;}
.box7 h2{ font-size:1.2rem; color:#000; line-height:3.5rem; border-bottom:1px dashed #b4b3b3;}
.box7 ul li{ width:14.75rem; float:left; font-size:1rem; line-height:2.2rem; border-bottom:1px dashed #b4b3b3; list-style:inside none disc;}
.box7 ul li a{ color:#595757;}
.box7 img{ width:29.5rem; height:14.3rem; margin:1.5rem auto; border-top:0.3rem solid #00886c;}
.box7 p{ font-size:1rem; color:#595757; line-height:1.8rem; text-align:center;}
.box8{ width:100%; height:5.4rem; margin-top:1rem;}
.box8 img{ width:100%;}




html { font-size: 10px; font-size: calc(100vw / 32); }
 @media all and (max-width: 320px) {
 html {
 font-size: 10px;
}
}
 @media all and (min-width: 640px) {
 html {
 font-size: 20px;
}
}