/******************
* 基础样式 *
*******************/
.home_img_lists{overflow: hidden;}
html, body{height:100%;background-color: #eaebeb;}
html{font-size: 20px;}
body{font-size: .7rem;}
.body{position:relative;max-width:640px;min-height:100%;height:auto;margin:auto;padding-bottom: 1px;}
.body footer{z-index: 3;position: relative;width: 100%;left: 0;bottom: 0;line-height: 1.8rem;text-align: center;font-size: .6rem;}
.body footer a{color:#333;}
.row_2 li{width: 50%;float: left;}
.row_3 li{width: 33.3%;float: left;}
.row_4 li{width: 25%;float: left;}
img{vertical-align: top;}
/*== 幻灯片管理 ==*/
.box_swipe{position:relative;overflow:hidden;max-height: 100vh;}
.box_swipe ul>li{position: relative;}
.box_swipe ul>li img{display: block;width: 100%;}
.box_swipe ul>li .name{position: absolute;width: 100%;bottom: 0;color:#fff;line-height: 1.6rem;background-color: rgba(0,0,0,0.5);}
.box_swipe ul>li p{width: 12rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-left: .5rem;}
.box_swipe>ol{z-index: 10;height:1.5rem;position: absolute;bottom: 0;right: 0;text-align:right;padding:.5rem;}
.box_swipe>ol.right{width: 100%;left: 0;background-color: rgba(0,0,0,0.5);}
.box_swipe>ol.center{width: 100%;left: 0;text-align: center;}
.box_swipe>ol>li{display:inline-block;vertical-align: top;margin:0 .2rem;width:0.5rem;height:0.5rem;background-color:#757575;border-radius: 50%;text-indent: 9999px;overflow: hidden;}
.box_swipe>ol>li.on{background-color:#ffffff;}
/*== 一键拨号 ==*/
/* 图标在后面 */
.home_tel{width: 100%;padding:0 .5rem;height: 1.8rem;line-height: 1.8rem;position: relative;color:#fff;}
.home_tel:after{content: "\f095";font-family: "FontAwesome";position: absolute;top: .35rem;right: .5rem;width: .9rem;height: .9rem;border:2px solid #fff;border-radius: 50%;line-height: .9rem;text-align: center;}
.home_tel a{margin-left: .5rem;color:#fff;font-size: .8rem;}
/* 图标在前面 */
.home_tel2{margin:.4rem .5rem;line-height: 2rem;color:#fff;border-radius: .3rem;}
.icon-phone:before{font-size: 1rem;vertical-align: top;margin-right: .5rem;}
.home_tel2 a{color:#fff;font-size: .8rem;display: block;padding:0 .5rem 0 1rem;position: relative;}
/*== 首页栏目（图+文） ==*/
.home_list{overflow: hidden;}
.home_list a{display: block;}
.home_list .img{text-align: center;}
.home_list .info{overflow: hidden;}
.home_list .title{font-size: .7rem;line-height: 1.2rem;text-align: center;color:#333;}
.home_list .info .title{text-align: left;}
.home_list .introduc{font-size: .6rem;line-height: 1rem;color:#666;}
/******************
* 图片导航条（上图下文） *
*******************/
.img_menu{width: 100%;margin-top: .25rem;text-align: center;padding: .2rem;}
.img_menu li{display: inline-block;margin-bottom: .25rem;padding: .2rem;margin-right: -.15rem;float: none;}
.img_menu li img{width: 2.5rem;height: 2.5rem;margin:0 auto;}
.img_menu li p{width: 100%;margin:.1rem auto 0;line-height: .8rem;font-size: .6rem;}
/******************
* 首页栏目管理 *
*******************/
.home_wrap{position: relative;height: 2.25rem;}
.home_nav_lists{background-color: #f4f4f4;border-top: 1px solid white;border-bottom: 1px solid #c5c7cb;overflow: hidden;background: -webkit-gradient(linear,0 0,0 80%,from(#f4f4f4),to(#e1e3e4));-webkit-transition:left 0.5s;transition:left 0.5s;}
.home_nav_lists li{float: left;width: 33.3%;text-align: center;line-height: 2rem;color:#666;overflow: hidden;font-size: .65rem;}
.home_nav_lists li img{width: 1.2rem;height: 1.2rem;vertical-align: middle;margin-top: -.25rem;margin-right: .25rem;}
.home_nav_lists li.on{border-bottom: 3px solid #6898a1;color:#6898a1;}
/******************
* 首页列表管理 *
*******************/
.home_lists_item{overflow: hidden;min-height: 7.5rem;padding-bottom: .5rem;background-color: #fff;display: none;}
.home_lists_item.on{display: block;}
.home_lists_item li{width: 33.33%;float: left;text-align: center;}
.home_lists_item li a{display: block;padding: .4rem;border-right: 1px solid #dfe0e1;border-bottom: 1px solid #dfe0e1;}
.home_lists_item li a:active{background-color: #efefef;}
.home_lists_item li h3{line-height: 1.4rem;color:#666;}
/******************
* 首页图文列表管理 *
* 图片+标题+说明 左文右图 *
*******************/
.home_article_lists{border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding:0 10px;}
.home_article_lists li{overflow: hidden;padding:10px 0;}
.home_article_lists li+li{border-top:1px solid #ddd;}
/******************
* 首页列表管理 *
* 图片+标题+说明 左图右文 *
*******************/
.index_lists li a{display: block;overflow: hidden;}
.index_lists .img{text-align: center;}
.index_lists .info{overflow: hidden;padding:0.4rem .5rem;}
.index_lists .name{font-size: .7rem;font-weight: bold;line-height: 1rem;width: 80%;}
.index_lists .introduc{font-size: .6rem;line-height: .9rem;color:#666;margin-top: .25rem;}
/*
----------------------------------------
首页模版——简约时尚 brief_home
背景图片固定，页面滚到不受影响
----------------------------------------
*/
.brief_home .bg{position: fixed;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;}
.brief_home .main{position: relative;z-index: 2;padding: 1.5rem;}
.brief_home .home_lists li{background-color: rgba(255,255,255,0.75);padding: 0 .25rem;margin:.1rem;text-align: center;width: 4.2rem;}
.brief_home .home_lists a{display: block;color:#333;}
.brief_home .home_lists .img{width: 2rem;height: 2.4rem;margin:0 auto;padding-top: .4rem;}
.brief_home .home_lists .img img{width: 100%;height: 100%;}
.brief_home .home_lists .info{overflow: hidden;}
.brief_home .home_lists .title{font-size: .65rem;line-height: 1.8rem;}
.brief_home .left_side,.brief_home .right_side{position:absolute;top: 0;padding:2rem;}
.brief_home .left_side li,.brief_home .right_side li{width: 6.3rem;background-color: rgba(255,255,255,0.6);}
.brief_home .left_side{left: 0;}
.brief_home .right_side{right: 0;}
.brief_home .top_side,.brief_home .center_side,.brief_home .bottom_side{position:absolute;left: 50%;padding:2.5rem 0;width: 13rem;}
.brief_home .bottom_side,.brief_home .center_side{position: fixed;}
.brief_home .top_side li,.brief_home .center_side li,.brief_home .bottom_side li{float: left;width: 6.3rem;background-color: rgba(255,255,255,0.6);}
.brief_home .top_side{top: 0;margin-left: -6.5rem;}
.brief_home .center_side{top: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.brief_home .bottom_side{bottom: 0;margin-left: -6.5rem;}

/*****************************/
/* 表单基本样式 */
input:focus{outline: none;}
.w-form{margin:-3px;}
.w-form .title{line-height: 40px;text-align:center;font-weight:normal;font-size: 18px;color: #666;background-color: rgba(255,255,255,0.4);}
.w-form .small-title{font-size: 14px;line-height: 24px;border-top: 1px solid rgba(0,0,0,0.2);text-align: center;color: #666;}
.w-form li > label{display:block;color: #666;line-height: 32px;padding-top: 5px;}
.w-form .inpbox{border:1px solid rgba(0,0,0,0.2);background-color: rgba(255,255,255,0.2);width: 100%;height: 36px;border-radius: 4px;padding: 0 10px;box-sizing: border-box;}
.w-form .inpbox:focus{outline:none;}
.w-form textarea.inpbox{height:100px;padding:10px;}
.w-form fieldset{border:1px solid rgba(0,0,0,0.2);padding-bottom:10px;background-color: rgba(255,255,255,0.2);border-radius: 4px;overflow: hidden;}
.w-form .radiobox,.w-form .checkbox{width:50%;float:left;padding: 10px 10px 0 10px;box-sizing: border-box;}
.w-form .radiobox label,.w-form .checkbox label{vertical-align:top;color:#666;line-height: 16px;margin-left: 10px;}
.w-form input[type="radio"],.w-form input[type="checkbox"]{-webkit-appearance:none;width:16px;height:16px;position:relative;vertical-align: top;}
.w-form input[type="radio"]:checked,.w-form input[type="checkbox"]:checked{outline:none;}
.w-form input[type="radio"]:after,.w-form input[type="checkbox"]:after{ content:""; width: 16px;height: 16px;position: absolute;top: 0;left: 0;background: url("/img/template/form/icon-form.png") no-repeat;background-size:100px auto;}
.w-form input[type="radio"]:after{background-position:-16px 0;}
.w-form input[type="radio"]:checked:after{background-position:0 0;}
.w-form input[type="checkbox"]:after{background-position: -16px -16px;}
.w-form input[type="checkbox"]:checked:after{background-position:0 -16px;}
.w-form .set_button{background:url("/img/template/form/btn_bg.gif");border: 1px solid #3d810c;border-radius: 4px;font-size:16px;color: #fff;height: 40px;width: 100%;}
.w-form .selectbox{position: relative;height: 36px;}
.w-form .selectbox p{position:relative;color:#666;line-height:36px;padding:0 10px;background: url("/img/template/form/select_bg.png");border:1px solid rgba(0,0,0,0.2);border-radius:4px;}
.w-form .selectbox p:after{content:"";position:absolute;background: url("/img/template/form/icon-form.png") no-repeat;    width: 10px;height: 10px;background-size: 100px auto;background-position: -34px -1px;right: 10px;top: 13px;}
.w-form .selectbox select{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.w-form2 .inpbox,.w-form2 fieldset{border:1px solid rgba(0,0,0,0.2);}
.w-form .tip{text-align: left;line-height: 20px;margin: 10px 20px !important;color: #666;}
.w-form-group{padding:0 20px;}


#audio_btn {position: fixed;right: .5rem;top: .5rem;z-index: 200;display: none;width: 1.5rem;height: 1.5rem;background-image: url(http://www.dodoca.com/www/images/modt/audio.png);background-repeat: no-repeat;background-size: 1.5rem 3rem;background-position: 0px 0px;}
#audio_btn.off {background-position: 0px -1.5rem;}

/*== 加载 ==*/
.m_loading{z-index: 1000;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;}
.m_loading .load_cont {position: absolute;width: 100px;min-height: 100px;top: 30%;left: 50%;margin-left: -50px;background: rgba(0, 0, 0, 0.75);text-align: center;border-radius: 5px;color: #fff;}
.m_loading .load_wrap {position: absolute;width: 0px;left: 50%;top: 38%;}
.m_loading .load_tip {margin-top: 64%;font-size: 12px;}
.m_loading .load_leaf {position: absolute;top: -1px;opacity: 0.25;}
.m_loading .load_leaf:before {content: " ";position: absolute;width: 8.14px;height: 3.08px;background: #d1d1d5;box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;border-radius: 1px;-webkit-transform-origin: left 50% 0px;transform-origin: left 50% 0px;}
.m_loading .load_leaf_0 {-webkit-animation: opacity-60-25-0-12 1.25s linear infinite;animation: opacity-60-25-0-12 1.25s linear infinite;}
.m_loading .load_leaf_0:before {-webkit-transform: rotate(0deg) translate(7.92px, 0px);transform: rotate(0deg) translate(7.92px, 0px);}
.m_loading .load_leaf_1 {-webkit-animation: opacity-60-25-1-12 1.25s linear infinite;animation: opacity-60-25-1-12 1.25s linear infinite;}
.m_loading .load_leaf_1:before {-webkit-transform: rotate(30deg) translate(7.92px, 0px);transform: rotate(30deg) translate(7.92px, 0px);}
.m_loading .load_leaf_2 {-webkit-animation: opacity-60-25-2-12 1.25s linear infinite;animation: opacity-60-25-2-12 1.25s linear infinite;}
.m_loading .load_leaf_2:before {-webkit-transform: rotate(60deg) translate(7.92px, 0px);transform: rotate(60deg) translate(7.92px, 0px);}
.m_loading .load_leaf_3 {-webkit-animation: opacity-60-25-3-12 1.25s linear infinite;animation: opacity-60-25-3-12 1.25s linear infinite;}
.m_loading .load_leaf_3:before {-webkit-transform: rotate(90deg) translate(7.92px, 0px);transform: rotate(90deg) translate(7.92px, 0px);}
.m_loading .load_leaf_4 {-webkit-animation: opacity-60-25-4-12 1.25s linear infinite;animation: opacity-60-25-4-12 1.25s linear infinite;}
.m_loading .load_leaf_4:before {-webkit-transform: rotate(120deg) translate(7.92px, 0px);transform: rotate(120deg) translate(7.92px, 0px);}
.m_loading .load_leaf_5 {-webkit-animation: opacity-60-25-5-12 1.25s linear infinite;animation: opacity-60-25-5-12 1.25s linear infinite;}
.m_loading .load_leaf_5:before {-webkit-transform: rotate(150deg) translate(7.92px, 0px);transform: rotate(150deg) translate(7.92px, 0px);}
.m_loading .load_leaf_6 {-webkit-animation: opacity-60-25-6-12 1.25s linear infinite;animation: opacity-60-25-6-12 1.25s linear infinite;}
.m_loading .load_leaf_6:before {-webkit-transform: rotate(180deg) translate(7.92px, 0px);transform: rotate(180deg) translate(7.92px, 0px);}
.m_loading .load_leaf_7 {-webkit-animation: opacity-60-25-7-12 1.25s linear infinite;animation: opacity-60-25-7-12 1.25s linear infinite;}
.m_loading .load_leaf_7:before {-webkit-transform: rotate(210deg) translate(7.92px, 0px);transform: rotate(210deg) translate(7.92px, 0px);}
.m_loading .load_leaf_8 {-webkit-animation: opacity-60-25-8-12 1.25s linear infinite;animation: opacity-60-25-8-12 1.25s linear infinite;}
.m_loading .load_leaf_8:before {-webkit-transform: rotate(240deg) translate(7.92px, 0px);transform: rotate(240deg) translate(7.92px, 0px);}
.m_loading .load_leaf_9 {-webkit-animation: opacity-60-25-9-12 1.25s linear infinite;animation: opacity-60-25-9-12 1.25s linear infinite;}
.m_loading .load_leaf_9:before {-webkit-transform: rotate(270deg) translate(7.92px, 0px);transform: rotate(270deg) translate(7.92px, 0px);}
.m_loading .load_leaf_10 {-webkit-animation: opacity-60-25-10-12 1.25s linear infinite;animation: opacity-60-25-10-12 1.25s linear infinite;}
.m_loading .load_leaf_10:before {-webkit-transform: rotate(300deg) translate(7.92px, 0px);transform: rotate(300deg) translate(7.92px, 0px);}
.m_loading .load_leaf_11 {-webkit-animation: opacity-60-25-11-12 1.25s linear infinite;animation: opacity-60-25-11-12 1.25s linear infinite;}
.m_loading .load_leaf_11:before {-webkit-transform: rotate(330deg) translate(7.92px, 0px);transform: rotate(330deg) translate(7.92px, 0px);}