html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    /* line-height: 1; */
    font-family: "Microsoft YaHei";
    /* background: #eeeeee; */
    padding-bottom: 50px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,textarea{
    outline: none;
}
textarea{ resize: none;}
a,a:hover{text-decoration: none;}
a{color: inherit;}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear: both;}

.i-b{display: inline-block}
.b{display: block}
.l{float: left}
.r{float: right}
.text{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.w1200{margin: 0 auto;padding: 0 15px;box-sizing: border-box}
.full{width: 100%;height: auto}
.car1 img{width: 100%;height: 100%;}
#mm-m0-p3,#mm-m0-p4 {  padding:40px 0 40px 0;  }
/*头部*/



header{
    height: 68px;
    width: 100%;
    background: #4d4f5b;
    font-size: .14rem;
    position: fixed;
    top:0;left: 0;
    z-index: 99999;
    text-align: center;
    line-height: 60px;
}
#back{
    width: 24px;
    height: 21px;
    display: block;
    position: absolute;
    right: 80px;
    top:6px
}
#back img{width: 20px;height: 24px;}
#logo{width: 150px;height:45px;display: inline-block;position: absolute;left: 20px;}
#logo img{    margin-top: 10px;}
.menu a{
    /* position: absolute; */
    /* right: 10px; */
    /* width:34px; */
    /* height: 25px; */
    /* top: 10px; */
}
.menu a img{/* width: 100%; */height: 100%;}
#menu{
    margin-top: 68px;
    background: #4d4f5b;
    color: #fff;
}
#mm-m0-p2,#mm-m0-p1{
    margin-top: 20px;
}
#mm-m0-p0 a{color: #fff}

.mm-menu .mm-list > li:after{
    border-bottom: 1px solid #fff;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{
    color: #fff;
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span{
    background: #4d4f5b;
}
.swiper-pagination-bullet-active{background: #4d4f5b;}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{border-color: #fff}

.swiper-container1{width: 100%;height: auto;}
.swiper-container1 img{width: 100%;height: auto;}


.c_info{width: 100%;height: 3.9rem;background: #24C3A3;color: #FFFFFF;padding-top: 10px;}
i.ico_tel{background: url(/templates/moblie/images/tel.png) no-repeat;display: inline-block;width: 2rem;height: 1.7rem;background-size: contain;margin-right: 15px;}
.c_info_con{text-align: center;font-size: .5rem;}
.c_info_con span em{font-style: normal;font-size: .8rem;}

/**mabout*/
.mabout{background: #FFFFFF;padding-top: 23px;padding-bottom: 25px;}
.mabout_con{background: url(/templates/moblie/images/bg_abu.png)no-repeat bottom;overflow: hidden;background-size:contain ;padding-bottom: 38px;}
.mabu_logo{width: 172px;height: auto;}
.mabu_logo img{width: 100%;height: 100%;}
.mabu_pic{width: 338px;height: auto;margin-top: 24px;float: right;}
.mabu_pic img{width: 100%;height: 100%;}
.mjianjie{margin-top: 23px;}
.mjj_tit h6{font-size: 20px;color: #646366;border-left: 2px solid #4d4f5b;padding-left: 4px;}
.mjianjie p{margin-top: 16px;font-size: 16px;color: #646366;line-height: 24px;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mabu_btn{width: 140px;height: 28px;background: #87868a;color: #FFFFFF;text-align: center;line-height: 28px;margin-top: 40px;text-transform: uppercase;font-size: 14px;}
i.ico_more{display: inline-block;width: 29px;height: 3px;background: url(/templates/moblie/images/ico_more.png)no-repeat;background-size:contain ;margin-left: 5px;margin-bottom: 2px;}
.mabu_btn:hover{background: #646366;}


/**qwdz*/
.qwdz{background: #FFFFFF;margin-top: 8px;padding-top: 20px;padding-bottom: 11px;}
.qwdz_tit{text-align: center;}
i.ico_cir{display: inline-block;width: 32px;height: 32px;background: url(/templates/moblie/images/ico_cir.png)no-repeat;}
.qwdz_tit h6{font-size: 30px;color: #333333;margin:9px 0 ;}
.qwdz_tit span{font-size: 22px;color: #d9d9d9;text-transform: uppercase;}
.qwdz_con{margin-top: 26px;overflow: hidden;}
.qwdz_box{width: 48%;height: 177px;float: left;margin-bottom: 12px;}
.qwdz_box:nth-child(2n){float: right;}
.qwdz_pic {width: 100%;height: 100%;position: relative;}
.qwdz_pic img{width: 100%;height: 100%;}
.slogan{width: 100%;position: absolute;bottom: 0;left: 0;height: 29px;line-height: 29px;color: #FFFFFF;font-size: 16px;background: rgba(34,34,34,.87);text-align: center;}
.slogan h6{font-size: 16px;}


/**dz_process*/
.dz_process{background: url(/templates/moblie/images/bg_process.jpg)no-repeat center;padding-top: 22px;background-size: cover;padding-bottom: 25px;}
.dz_process .qwdz_tit i.ico_cir{background: url(/templates/moblie/images/cir.png)no-repeat;}
.dz_process .qwdz_tit h6{color: #FFFFFF;margin-top: 25px;}
.dz_process .qwdz_tit span{font-size: 16px;color: #82838a;}
.dz_process .mabu_btn,.songmu .mabu_btn,.mnews .mabu_btn{width: 140px;height: 35px;line-height: 35px;margin: 0 auto;margin-top: 97px;}
.dzp_box{width: 100px;height: 100px;background: url(/templates/moblie/images/yuan.png)no-repeat center;background-size:contain ;text-align: center;line-height: 122px;float: left;}
.dzp_con{background: #FFFFFF;padding-top: 22px;overflow: hidden;padding-bottom: 43px;}
.dzp_box h6{font-size:  16px;color: #FFFFFF;line-height: 18px;display: inline-block;}
i.ico_you{width: 11px;height: 19px;background: url(/templates/moblie/images/you.png)no-repeat;float: left;margin: 42px 15px 0 15px;}
i.ico_you2{width: 19px;height: 11px;background: url(/templates/moblie/images/you2.png)no-repeat;float: left;display: block;float: right;margin:15px 42px 15px 0;}
i.ico_you3{width: 11px;height: 19px;background: url(/templates/moblie/images/you3.png)no-repeat;float: left;margin: 42px 15px 0 15px;}

/**myangban*/
.myangban{background: url(/templates/moblie/images/bg_yangban.jpg)no-repeat center;background-size:cover;padding-top: 27px;}
.myangban .qwdz_tit span{color: #87868a;}
.sl_pic{width: 100%;height: 125px;}
.sl_pic img{width: 100%;height: 100%;}
.sw_yb{margin-top: 27px;padding-bottom: 30px;}
.sl_txt h6{text-align: center;font-size: 18px;color: #333333;line-height: 30px;}
.sw_yb .swiper-pagination{bottom: 0;}

/**songmu**/
.songmu{background: #FFFFFF;padding-top: 29px;padding-bottom: 20px;}
.songmu_con{margin-top: 25px;overflow: hidden;}
.sm_box{width: 48%;float: left;margin-bottom: 17px;}
.sm_box:nth-child(2n){float: right;}
.sm_pic{width: 100%;height: 142px;padding: 5px;border: 1px solid #4d4f5b;box-sizing: border-box;}
.sm_pic img{width: 100%;height: 100%;}
.sm_box h6{text-align: center;font-size: 16px;line-height: 40px;}
.sm_btn{width: 110px;height: 27px;background: #ec8443;text-align: center;line-height: 27px;color: #FFFFFF;font-size: 14px;margin: 0 auto;}
.songmu .mabu_btn{margin-top: 8px;}

/**mnews*/
.mnews{background: #FFFFFF;margin-top: 8px;padding-top: 23px;padding-bottom: 22px;}
.mnews_list{margin-top: 11px;}
.mnews_hang{border-top:1px solid #eeeeee ;padding: 20px 0;overflow: hidden;}
.mnews_hang:last-child{border-bottom:1px solid #eeeeee ;}
.date{width: 82px;height: 82px;background: #4d4f5b;color: #FFFFFF;text-align: center;padding-top: 7px;box-sizing: border-box;float: left;}
.date h3{font-size: 50px;}
.date span{font-size: 16px;}
.mnews_txt{float: right;width: calc(100% - 100px);}
.mnews_txt h6{font-size: 18px;color: #333333;width: 100%;margin-bottom: 12px;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap}
.mnews_txt p{font-size: 16px;color: #999999;line-height: 20px;width: 100%;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mnews .mabu_btn{margin-top: 18px;}

/**mcontact*/
.mcontact{background: #FFFFFF;margin-top: 8px;padding-top: 22px;padding-bottom: 35px;}
.bt{font-size: 22px;color: #333333;text-align: center;margin-top: 15px;}
.mcontact_txt{margin-top: 36px;font-size: 14px;color: #999999;line-height: 38px;overflow: hidden;}
.mcontact_txt p{float: left;width: 48%;}
.mcontact_txt p:last-child{float: right;border-left: 1px solid #abacb2;padding-left: 10px;}

/**banquan*/
.banquan{background: #FFFFFF;margin-top: 8px;padding-top: 23px;text-align: center;font-size: 18px;color: #999999;line-height: 34px;padding-bottom: 19px;margin-bottom: 61px;}

/**footer*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 9999; height: 60px;width: 100%; background:#4d4f5b; font-size: 12px;border-top: 2px solid #ec8443;}
footer li{width: 20%;height: 100%;float: left;box-sizing: border-box;}
footer li img{width: 24px;height: 24px;display: block;margin: 0 auto}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top: 10px;color: #fff;}
footer span{line-height:30px}
footer li:last-child{border-right: 0;}
footer li a.active,footer li a:hover{background:#ec8443;color: #fff}

/**mabout*/
.second_nav{width: 100%;height:3.4rem;margin-top: 68px;line-height: 3.4rem;}
.about{background: #FFFFFF;padding-bottom: 5.8rem;}
i.ico_left{background: url(/templates/moblie/images/left.png)no-repeat;width: 1rem;height: 1.7rem;display: inline-block;background-size:contain ;
margin-top: .85rem;float: left;}
.second_nav h6{font-size: 1.6rem;text-align: center;}
.abu_tab{margin-bottom: 20px;}
.abu_tab ul li{width: 49%;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 1.4rem;
color: #333333;border: 1px solid #626262;margin-bottom: 15px;
}
.abu_tab ul{
	display: flex;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap: wrap;
}
.news_tab ul{overflow: hidden; margin-right: 10px;}
.news_tab ul li{float: left;width: 30%;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 1.4rem;
color: #333333;border: 1px solid #626262;margin-right: 15px;}
.about{padding-top: 1.1rem;}
.about p img{width: 100%;height: auto;}
.about p strong{font-size: 1.8rem;color: #333;}
.about p>span{font-size: 1.4rem;line-height: 2rem;}
.about p{margin-bottom: 10px;}
.abu_tab ul li.on,.abu_tab ul li:hover,.news_tab ul li.on,.news_tab ul li:hover{background: #ec8443;color: #FFFFFF;border: 1px solid #ec8443;}
.abu_txt p{font-size: 1.4rem;color: #333333;text-indent: 1.8rem;line-height: 2.2rem;}
.abu_txt{margin-top: 2.6rem;overflow: auto;}
.abu_txt img{width: 100%;height: auto;}
.abu_pic{width: 100%;height: 14.8rem;padding: 0;margin-top: 2rem;margin-bottom: 2.2rem;}
.abu_pic img{width: 100%;height: 100%;}
.abu_txt p img{width: 100%;height: auto;display: block;}
.abu_txt table{width: auto!important;}
/*.mabu_txt table tr,.mabu_txt table tr td{display: block;width: 100%;}*/

/**tuijian*/
.tuijian{margin-top: .75rem;background: #FFFFFF;padding-top: 2.2rem;overflow: hidden;padding-bottom: 3.6rem;}
.tj_con{margin-top: 3rem;}
i.ico_n{background: url(/templates/moblie/images/ico_n.png)no-repeat;display: inline-block;width: 1.1rem;height: 1.1rem;background-size:contain ;float: left;margin-right: .3rem;margin-top: 1.8rem;}
.tj_hang .l{width: 70%;}
.tj_hang p{float: left;font-size: 1.4rem;color: #333333;width: 80%;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.tj_hang span{font-size: 1.4rem;color: #333333;}
.tj_hang {width: 100%;height: 4.85rem;border-top: 1px solid #e5e5e5;line-height: 4.85rem;}
.tj_hang:last-child{border-bottom: 1px solid #e5e5e5;}

.contact_tab{overflow: hidden;}
.contact_tab ul li{width: 30%;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 1.4rem;
color: #333333;border: 1px solid #626262;float: left;margin-right: .5rem;
}
.contact_tab ul li.on{background: #24C3A3;color: #FFFFFF;border: 1px solid #24C3A3;}
.map{margin-top: 2rem;}
.contact_info{margin-top: 2.2rem;overflow: hidden;}
.contact_info p{font-size: 1.4rem;color: #333333;line-height: 2.4rem;}
.r_pic{width: 86px;height: 86px;}
.r_pic img{width: 100%;height: 100%;}
.info_r span{font-size: 1.4rem;color: #333333;display: inline-block;margin: 0 auto;text-align: center;margin-top: 1rem;}


.pro_con{margin-top: 15px;
      overflow: hidden;
      margin-right: -20px;
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}
.pro_box{width:48%;float:left;margin-right:10px;text-align: center;display: block;margin-bottom: 1.5rem;}
.pro_pic{width: 88%;height: 120px;padding: 10px;border: 1px solid #626262;}
.pro_pic img{width: 100%;height: 100%;}
.pro_box h6{font-size: 1.4rem;color: #333333;text-align: center;margin: .8rem 0;line-height: 2rem;width: 100%;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap
}  
.pro_btn{width: 10.9rem;height: 2rem;line-height: 2rem;background: #24C3A3;color: #FFFFFF;margin: 0 auto;font-size: 1.4rem;}
.product_btn{width: 9rem;height: 2.8rem;background: #24C3A3;color: #FFFFFF;line-height: 2.8rem;text-align: center;margin: 0 auto;font-size: 1.4rem;}

/*分页页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
	.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:24%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.page-list span{ color:#999; }
	.page-list a{ color:#24c3a3; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
	.page-list .current{ display:block; float:left; }
  
.contact_info .l p{text-indent: initial!important;}








/*分页页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
	.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:24%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.page-list span{ color:#999; }
	.page-list a{ color:#19a97b; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
	.page-list .current{ display:block; float:left; }
.btn{position:relative; margin:0.5em 0; padding:0.7em 1em; display:block; background:#fff; color:#353535; font-size:15px; font-family:"Microsoft Yahei",helvetica,arial; line-height:1.2em; text-align:center; border:1px solid #ddd; border-radius:0.2125em; letter-spacing:0.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; }

.btn.full{ width:100%; }
.btn.gray{ color:#777; background:#ddd; border-color:#ddd; }
.btn.green{ color:#fff; background:#52A152; border-color:#52A152; }
.btn.red{ color:#fff; background:#f00; border-color:#f00; }
.btn.blue{ color:#fff; background:#1eabf3; border-color:#1eabf3; }
.btn.orange{ color:#fff; background:#f90; border-color:#f90; }

/* 分享导航 */
.fxtitle{line-height:30px; margin-top:20px; padding-left:3px;}
.fxbtn { margin-bottom:8px; padding-bottom:8px; height:100%;}
.fxbtn li{ float:left; width:48%; line-height:25px; margin:5px 0 0 5px; height: 38px; line-height: 38px; padding: 0 10px; vertical-align: top;}
.fxbtn li span{display: inline-block; vertical-align: top;}
.fxbtn li .icon {height: 32px; margin: 3px 10px 0 0; width: 32px;}

/* 分享导航 */
.fxtitle{background:#fff;}
.fxbtn {background:#fff;}
.fxbtn li{border:1px solid #ccc; background:#eee;}
.fxbtn li .icon {background: url("/templates/moblie/images/fxico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.fxbtn #weixin .icon{background-position: 0 -980px;}
.fxbtn #qq .icon{background-position: 0 -1012px;}
.fxbtn #weibo .icon {background-position: 0 0;}
.fxbtn #tengXun .icon {background-position: 0 -64px;}
.fxbtn #qzone .icon {background-position: 0 -32px;}
.fxbtn #wangyi .icon {background-position: 0 -96px;}
.fxbtn #souhu .icon {background-position: 0 -128px;}
.fxbtn #pengyou .icon {background-position: 0 -160px;}
.fxbtn #renren .icon {background-position: 0 -192px;}
.fxbtn #kaixin .icon {background-position: 0 -224px;}
.fxbtn #douban .icon {background-position: 0 -256px;}
.fxbtn #souhubai .icon {background-position: 0 -288px;}
.fxbtn #tianya .icon {background-position: 0 -320px;}
.fxbtn #fanfou .icon {background-position: 0 -352px;}
.fxbtn #renjian .icon {background-position: 0 -384px;}
.fxbtn #taojiang .icon {background-position: 0 -480px;}
.fxbtn #hexun .icon {background-position: 0 -544px;}
.fxbtn #diandian .icon {background-position: 0 -576px;}
.fxbtn li a span{color:#666; font-size:11px;}
.loading {background: rgb(255, 255, 255); width: 100%; height: 100%; position: fixed; z-index: 999999; opacity: 1;}
.loading img{left: 50%; top: 50%; position: absolute;}














@media only screen and (max-width:375px ) {
	.mabu_logo{width: 156px;}
	.mabu_pic{width: 306px;}
	.qwdz_box{height: 160px;}
	i.ico_you{margin: 42px 5px 0 5px;}
	.sl_pic{height: 111px;}
	.sm_pic{height: 129px;}
}
@media only screen and (max-width:360px ) {
	.mabu_logo{width: 150px;}
	.mabu_pic{width: 294px;}
	.qwdz_box{height: 152px;}
	i.ico_you{margin: 42px 2px 0 2px;}
	.sl_pic{height: 106px;}
	.sm_pic{height: 122px;}
	
}
@media only screen and (max-width: 320px) {
	.mabu_logo{width: 133px;}
	.mabu_pic{width: 262px;}
	.qwdz_box{height: 134px;}
	i.ico_you{margin: 42px 0px 0 0px;}
	.dzp_box{width: 89px;height: 89px;font-size: 14px;line-height: 108px;}
    i.ico_you2{margin-right: 35px;}
	.sl_pic{height: 91px;}
	.sm_pic{height: 108px;}
    
}


html {font-size:10px}
@media screen and (min-width:480px) and (max-width:639px) {
    html {
        font-size: 15px
    }
}
@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px
    }
}
@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px
    }
}
@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px
    }
}
@media screen and (min-width:800px) and (max-width:959px) {
    html {
        font-size: 25px
    }
}
@media screen and (min-width:960px) and (max-width:1079px) {
    html {
        font-size: 30px
    }
}
@media screen and (min-width:1080px) {
    html {
        font-size: 32px
    }
}
.keyword_light{line-height:30px}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    /* line-height: 1; */
    font-family: "Microsoft YaHei";
    /* background: #eeeeee; */
    padding-bottom: 50px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,textarea{
    outline: none;
}
textarea{ resize: none;}
a,a:hover{text-decoration: none;}
a{color: inherit;}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear: both;}

.i-b{display: inline-block}
.b{display: block}
.l{float: left}
.r{float: right}
.text{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.w1200{margin: 0 auto;padding: 0 15px;box-sizing: border-box}
.full{width: 100%;height: auto}
.car1 img{width: 100%;height: 100%;}
#mm-m0-p3,#mm-m0-p4 {  padding:40px 0 40px 0;  }
/*头部*/



header{
    height: 68px;
    width: 100%;
    background: #4d4f5b;
    font-size: .14rem;
    position: fixed;
    top:0;left: 0;
    z-index: 99999;
    text-align: center;
    line-height: 60px;
}
#back{
    width: 24px;
    height: 21px;
    display: block;
    position: absolute;
    right: 80px;
    top:6px
}
#back img{width: 20px;height: 24px;}
#logo{width: 150px;height:45px;display: inline-block;position: absolute;left: 20px;}
#logo img{    margin-top: 10px;}
.menu a{
    /* position: absolute; */
    /* right: 10px; */
    /* width:34px; */
    /* height: 25px; */
    /* top: 10px; */
}
.menu a img{/* width: 100%; */height: 100%;}
#menu{
    margin-top: 68px;
    background: #4d4f5b;
    color: #fff;
}
#mm-m0-p2,#mm-m0-p1{
    margin-top: 20px;
}
#mm-m0-p0 a{color: #fff}

.mm-menu .mm-list > li:after{
    border-bottom: 1px solid #fff;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{
    color: #fff;
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span{
    background: #4d4f5b;
}
.swiper-pagination-bullet-active{background: #4d4f5b;}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{border-color: #fff}

.swiper-container1{width: 100%;height: auto;}
.swiper-container1 img{width: 100%;height: auto;}


.c_info{width: 100%;height: 3.9rem;background: #24C3A3;color: #FFFFFF;padding-top: 10px;}
i.ico_tel{background: url(/templates/moblie/images/tel.png) no-repeat;display: inline-block;width: 2rem;height: 1.7rem;background-size: contain;margin-right: 15px;}
.c_info_con{text-align: center;font-size: .5rem;}
.c_info_con span em{font-style: normal;font-size: .8rem;}

/**mabout*/
.mabout{background: #FFFFFF;padding-top: 23px;padding-bottom: 25px;}
.mabout_con{background: url(/templates/moblie/images/bg_abu.png)no-repeat bottom;overflow: hidden;background-size:contain ;padding-bottom: 38px;}
.mabu_logo{width: 172px;height: auto;}
.mabu_logo img{width: 100%;height: 100%;}
.mabu_pic{width: 338px;height: auto;margin-top: 24px;float: right;}
.mabu_pic img{width: 100%;height: 100%;}
.mjianjie{margin-top: 23px;}
.mjj_tit h6{font-size: 20px;color: #646366;border-left: 2px solid #4d4f5b;padding-left: 4px;}
.mjianjie p{margin-top: 16px;font-size: 16px;color: #646366;line-height: 24px;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mabu_btn{width: 140px;height: 28px;background: #87868a;color: #FFFFFF;text-align: center;line-height: 28px;margin-top: 40px;text-transform: uppercase;font-size: 14px;}
i.ico_more{display: inline-block;width: 29px;height: 3px;background: url(/templates/moblie/images/ico_more.png)no-repeat;background-size:contain ;margin-left: 5px;margin-bottom: 2px;}
.mabu_btn:hover{background: #646366;}


/**qwdz*/
.qwdz{background: #FFFFFF;margin-top: 8px;padding-top: 20px;padding-bottom: 11px;}
.qwdz_tit{text-align: center;}
i.ico_cir{display: inline-block;width: 32px;height: 32px;background: url(/templates/moblie/images/ico_cir.png)no-repeat;}
.qwdz_tit h6{font-size: 30px;color: #333333;margin:9px 0 ;}
.qwdz_tit span{font-size: 22px;color: #d9d9d9;text-transform: uppercase;}
.qwdz_con{margin-top: 26px;overflow: hidden;}
.qwdz_box{width: 48%;height: 177px;float: left;margin-bottom: 12px;}
.qwdz_box:nth-child(2n){float: right;}
.qwdz_pic {width: 100%;height: 100%;position: relative;}
.qwdz_pic img{width: 100%;height: 100%;}
.slogan{width: 100%;position: absolute;bottom: 0;left: 0;height: 29px;line-height: 29px;color: #FFFFFF;font-size: 16px;background: rgba(34,34,34,.87);text-align: center;}
.slogan h6{font-size: 16px;}


/**dz_process*/
.dz_process{background: url(/templates/moblie/images/bg_process.jpg)no-repeat center;padding-top: 22px;background-size: cover;padding-bottom: 25px;}
.dz_process .qwdz_tit i.ico_cir{background: url(/templates/moblie/images/cir.png)no-repeat;}
.dz_process .qwdz_tit h6{color: #FFFFFF;margin-top: 25px;}
.dz_process .qwdz_tit span{font-size: 16px;color: #82838a;}
.dz_process .mabu_btn,.songmu .mabu_btn,.mnews .mabu_btn{width: 140px;height: 35px;line-height: 35px;margin: 0 auto;margin-top: 97px;}
.dzp_box{width: 100px;height: 100px;background: url(/templates/moblie/images/yuan.png)no-repeat center;background-size:contain ;text-align: center;line-height: 122px;float: left;}
.dzp_con{background: #FFFFFF;padding-top: 22px;overflow: hidden;padding-bottom: 43px;}
.dzp_box h6{font-size:  16px;color: #FFFFFF;line-height: 18px;display: inline-block;}
i.ico_you{width: 11px;height: 19px;background: url(/templates/moblie/images/you.png)no-repeat;float: left;margin: 42px 15px 0 15px;}
i.ico_you2{width: 19px;height: 11px;background: url(/templates/moblie/images/you2.png)no-repeat;float: left;display: block;float: right;margin:15px 42px 15px 0;}
i.ico_you3{width: 11px;height: 19px;background: url(/templates/moblie/images/you3.png)no-repeat;float: left;margin: 42px 15px 0 15px;}

/**myangban*/
.myangban{background: url(/templates/moblie/images/bg_yangban.jpg)no-repeat center;background-size:cover;padding-top: 27px;}
.myangban .qwdz_tit span{color: #87868a;}
.sl_pic{width: 100%;height: 125px;}
.sl_pic img{width: 100%;height: 100%;}
.sw_yb{margin-top: 27px;padding-bottom: 30px;}
.sl_txt h6{text-align: center;font-size: 18px;color: #333333;line-height: 30px;}
.sw_yb .swiper-pagination{bottom: 0;}

/**songmu**/
.songmu{background: #FFFFFF;padding-top: 29px;padding-bottom: 20px;}
.songmu_con{margin-top: 25px;overflow: hidden;}
.sm_box{width: 48%;float: left;margin-bottom: 17px;}
.sm_box:nth-child(2n){float: right;}
.sm_pic{width: 100%;height: 142px;padding: 5px;border: 1px solid #4d4f5b;box-sizing: border-box;}
.sm_pic img{width: 100%;height: 100%;}
.sm_box h6{text-align: center;font-size: 16px;line-height: 40px;}
.sm_btn{width: 110px;height: 27px;background: #ec8443;text-align: center;line-height: 27px;color: #FFFFFF;font-size: 14px;margin: 0 auto;}
.songmu .mabu_btn{margin-top: 8px;}

/**mnews*/
.mnews{background: #FFFFFF;margin-top: 8px;padding-top: 23px;padding-bottom: 22px;}
.mnews_list{margin-top: 11px;}
.mnews_hang{border-top:1px solid #eeeeee ;padding: 20px 0;overflow: hidden;}
.mnews_hang:last-child{border-bottom:1px solid #eeeeee ;}
.date{width: 82px;height: 82px;background: #4d4f5b;color: #FFFFFF;text-align: center;padding-top: 7px;box-sizing: border-box;float: left;}
.date h3{font-size: 50px;}
.date span{font-size: 16px;}
.mnews_txt{float: right;width: calc(100% - 100px);}
.mnews_txt h6{font-size: 18px;color: #333333;width: 100%;margin-bottom: 12px;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap}
.mnews_txt p{font-size: 16px;color: #999999;line-height: 20px;width: 100%;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mnews .mabu_btn{margin-top: 18px;}

/**mcontact*/
.mcontact{background: #FFFFFF;margin-top: 8px;padding-top: 22px;padding-bottom: 35px;}
.bt{font-size: 22px;color: #333333;text-align: center;margin-top: 15px;}
.mcontact_txt{margin-top: 36px;font-size: 14px;color: #999999;line-height: 38px;overflow: hidden;}
.mcontact_txt p{float: left;width: 48%;}
.mcontact_txt p:last-child{float: right;border-left: 1px solid #abacb2;padding-left: 10px;}

/**banquan*/
.banquan{background: #FFFFFF;margin-top: 8px;padding-top: 23px;text-align: center;font-size: 18px;color: #999999;line-height: 34px;padding-bottom: 19px;margin-bottom: 61px;}

/**footer*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 9999; height: 60px;width: 100%; background:#4d4f5b; font-size: 12px;border-top: 2px solid #ec8443;}
footer li{width: 20%;height: 100%;float: left;box-sizing: border-box;}
footer li img{width: 24px;height: 24px;display: block;margin: 0 auto}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top: 10px;color: #fff;}
footer span{line-height:30px}
footer li:last-child{border-right: 0;}
footer li a.active,footer li a:hover{background:#ec8443;color: #fff}

/**mabout*/
.second_nav{width: 100%;height:3.4rem;margin-top: 68px;line-height: 3.4rem;}
.about{background: #FFFFFF;padding-bottom: 5.8rem;}
i.ico_left{background: url(/templates/moblie/images/left.png)no-repeat;width: 1rem;height: 1.7rem;display: inline-block;background-size:contain ;
margin-top: .85rem;float: left;}
.second_nav h6{font-size: 1.6rem;text-align: center;}
.abu_tab{margin-bottom: 20px;}
.abu_tab ul li{width: 49%;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 1.4rem;
color: #333333;border: 1px solid #626262;margin-bottom: 15px;
}
.abu_tab ul{
	display: flex;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap: wrap;
}
.news_tab ul{overflow: hidden; margin-right: 10px;}
.news_tab ul li{float: left;width: 30%;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 1.4rem;
color: #333333;border: 1px solid #626262;margin-right: 15px;}
.about{padding-top: 1.1rem;}
.about p img{width: 100%;height: auto;}
.about p strong{font-size: 1.8rem;color: #333;}
.about p>span{font-size: 1.4rem;line-height: 2rem;}
.about p{margin-bottom: 10px;}
.abu_tab ul li.on,.abu_tab ul li:hover,.news_tab ul li.on,.news_tab ul li:hover{background: #ec8443;color: #FFFFFF;border: 1px solid #ec8443;}
.abu_txt p{font-size: 1.4rem;color: #333333;text-indent: 1.8rem;line-height: 2.2rem;}
.abu_txt{margin-top: 2.6rem;overflow: auto;}
.abu_txt img{width: 100%;height: auto;}
.abu_pic{width: 100%;height: 14.8rem;padding: 0;margin-top: 2rem;margin-bottom: 2.2rem;}
.abu_pic img{width: 100%;height: 100%;}
.abu_txt p img{width: 100%;height: auto;display: block;}
.abu_txt table{width: auto!important;}
/*.mabu_txt table tr,.mabu_txt table tr td{display: block;width: 100%;}*/

/**tuijian*/
.tuijian{margin-top: .75rem;background: #FFFFFF;padding-top: 2.2rem;overflow: hidden;padding-bottom: 3.6rem;}
.tj_con{margin-top: 3rem;}
i.ico_n{background: url(/templates/moblie/images/ico_n.png)no-repeat;display: inline-block;width: 1.1rem;height: 1.1rem;background-size:contain ;float: left;margin-right: .3rem;margin-top: 1.8rem;}
.tj_hang .l{width: 70%;}
.tj_hang p{float: left;font-size: 1.4rem;color: #333333;width: 80%;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.tj_hang span{font-size: 1.4rem;color: #333333;}
.tj_hang {width: 100%;height: 4.85rem;border-top: 1px solid #e5e5e5;line-height: 4.85rem;}
.tj_hang:last-child{border-bottom: 1px solid #e5e5e5;}

.contact_tab{overflow: hidden;}
.contact_tab ul li{width: 30%;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 1.4rem;
color: #333333;border: 1px solid #626262;float: left;margin-right: .5rem;
}
.contact_tab ul li.on{background: #24C3A3;color: #FFFFFF;border: 1px solid #24C3A3;}
.map{margin-top: 2rem;}
.contact_info{margin-top: 2.2rem;overflow: hidden;}
.contact_info p{font-size: 1.4rem;color: #333333;line-height: 2.4rem;}
.r_pic{width: 86px;height: 86px;}
.r_pic img{width: 100%;height: 100%;}
.info_r span{font-size: 1.4rem;color: #333333;display: inline-block;margin: 0 auto;text-align: center;margin-top: 1rem;}


.pro_con{margin-top: 15px;
      overflow: hidden;
      margin-right: -20px;
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}
.pro_box{width:48%;float:left;margin-right:10px;text-align: center;display: block;margin-bottom: 1.5rem;}
.pro_pic{width: 88%;height: 120px;padding: 10px;border: 1px solid #626262;}
.pro_pic img{width: 100%;height: 100%;}
.pro_box h6{font-size: 1.4rem;color: #333333;text-align: center;margin: .8rem 0;line-height: 2rem;width: 100%;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap
}  
.pro_btn{width: 10.9rem;height: 2rem;line-height: 2rem;background: #24C3A3;color: #FFFFFF;margin: 0 auto;font-size: 1.4rem;}
.product_btn{width: 9rem;height: 2.8rem;background: #24C3A3;color: #FFFFFF;line-height: 2.8rem;text-align: center;margin: 0 auto;font-size: 1.4rem;}

/*分页页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
	.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:24%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.page-list span{ color:#999; }
	.page-list a{ color:#24c3a3; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
	.page-list .current{ display:block; float:left; }
  
.contact_info .l p{text-indent: initial!important;}








/*分页页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
	.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:24%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.page-list span{ color:#999; }
	.page-list a{ color:#336db6; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
	.page-list .current{ display:block; float:left; }
.btn{position:relative; margin:0.5em 0; padding:0.7em 1em; display:block; background:#fff; color:#353535; font-size:15px; font-family:"Microsoft Yahei",helvetica,arial; line-height:1.2em; text-align:center; border:1px solid #ddd; border-radius:0.2125em; letter-spacing:0.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; }

.btn.full{ width:100%; }
.btn.gray{ color:#777; background:#ddd; border-color:#ddd; }
.btn.green{ color:#fff; background:#52A152; border-color:#52A152; }
.btn.red{ color:#fff; background:#f00; border-color:#f00; }
.btn.blue{ color:#fff; background:#1eabf3; border-color:#1eabf3; }
.btn.orange{ color:#fff; background:#f90; border-color:#f90; }

/* 分享导航 */
.fxtitle{line-height:30px; margin-top:20px; padding-left:3px;}
.fxbtn { margin-bottom:8px; padding-bottom:8px; height:100%;}
.fxbtn li{ float:left; width:48%; line-height:25px; margin:5px 0 0 5px; height: 38px; line-height: 38px; padding: 0 10px; vertical-align: top;}
.fxbtn li span{display: inline-block; vertical-align: top;}
.fxbtn li .icon {height: 32px; margin: 3px 10px 0 0; width: 32px;}

/* 分享导航 */
.fxtitle{background:#fff;}
.fxbtn {background:#fff;}
.fxbtn li{border:1px solid #ccc; background:#eee;}
.fxbtn li .icon {background: url("/templates/moblie/images/fxico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.fxbtn #weixin .icon{background-position: 0 -980px;}
.fxbtn #qq .icon{background-position: 0 -1012px;}
.fxbtn #weibo .icon {background-position: 0 0;}
.fxbtn #tengXun .icon {background-position: 0 -64px;}
.fxbtn #qzone .icon {background-position: 0 -32px;}
.fxbtn #wangyi .icon {background-position: 0 -96px;}
.fxbtn #souhu .icon {background-position: 0 -128px;}
.fxbtn #pengyou .icon {background-position: 0 -160px;}
.fxbtn #renren .icon {background-position: 0 -192px;}
.fxbtn #kaixin .icon {background-position: 0 -224px;}
.fxbtn #douban .icon {background-position: 0 -256px;}
.fxbtn #souhubai .icon {background-position: 0 -288px;}
.fxbtn #tianya .icon {background-position: 0 -320px;}
.fxbtn #fanfou .icon {background-position: 0 -352px;}
.fxbtn #renjian .icon {background-position: 0 -384px;}
.fxbtn #taojiang .icon {background-position: 0 -480px;}
.fxbtn #hexun .icon {background-position: 0 -544px;}
.fxbtn #diandian .icon {background-position: 0 -576px;}
.fxbtn li a span{color:#666; font-size:11px;}
.loading {background: rgb(255, 255, 255); width: 100%; height: 100%; position: fixed; z-index: 999999; opacity: 1;}
.loading img{left: 50%; top: 50%; position: absolute;}














@media only screen and (max-width:375px ) {
	.mabu_logo{width: 156px;}
	.mabu_pic{width: 306px;}
	.qwdz_box{height: 160px;}
	i.ico_you{margin: 42px 5px 0 5px;}
	.sl_pic{height: 111px;}
	.sm_pic{height: 129px;}
}
@media only screen and (max-width:360px ) {
	.mabu_logo{width: 150px;}
	.mabu_pic{width: 294px;}
	.qwdz_box{height: 152px;}
	i.ico_you{margin: 42px 2px 0 2px;}
	.sl_pic{height: 106px;}
	.sm_pic{height: 122px;}
	
}
@media only screen and (max-width: 320px) {
	.mabu_logo{width: 133px;}
	.mabu_pic{width: 262px;}
	.qwdz_box{height: 134px;}
	i.ico_you{margin: 42px 0px 0 0px;}
	.dzp_box{width: 89px;height: 89px;font-size: 14px;line-height: 108px;}
    i.ico_you2{margin-right: 35px;}
	.sl_pic{height: 91px;}
	.sm_pic{height: 108px;}
    
}


html {font-size:10px}
@media screen and (min-width:480px) and (max-width:639px) {
    html {
        font-size: 15px
    }
}
@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px
    }
}
@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px
    }
}
@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px
    }
}
@media screen and (min-width:800px) and (max-width:959px) {
    html {
        font-size: 25px
    }
}
@media screen and (min-width:960px) and (max-width:1079px) {
    html {
        font-size: 30px
    }
}
@media screen and (min-width:1080px) {
    html {
        font-size: 32px
    }
}
.keyword_light{line-height:30px}<!--0.00020408630371094-->