﻿/****ny css****/
/**header_main**/
.header_main{width: 100%; height: 1.1rem; left: 0; top: 0; z-index: 100; background: #fff; box-shadow: 0 0 .04rem rgba(0, 0, 0, 0.2); position: relative; border-bottom: 3px solid #e5322d;}
.header_main .search{width: 0.35rem; height: 0.34rem; position: absolute; right: 1.19rem; top: 0.34rem; background-position: -.68rem 0; z-index: 10;}
.header_main .search.on{background-position: 0 0;}
.header_main .logo img{display: block; padding-left: .42rem; padding-top: .16rem; height: .77rem; box-sizing: content-box;}
.header_main .h1 img{height: .32rem; line-height: .32rem; margin: .36rem 0 0 1.41rem; color: #fff;}
.header_main .navbtn{width: .9rem; height: .86rem; padding-top: .34rem; position: absolute; right: 0; top: 0; z-index: 10;}
.header_main .navbtn s{width: .41rem; height: .37rem; display: block; margin: 0 auto; background-position: -1.33rem 0;}
.header_main .navbtn.cur s{background-position: -1.92rem 0;}
.header_main .goBack{width: 1rem; height: .8rem; position: absolute; left: 0; top: 0;}
.header_main .goBack:before{width: .22rem; height: .36rem; margin: .28rem auto 0; background: url(../g-images/g-ico.png) no-repeat; background-size: 4rem auto; background-position: -.98rem -.9rem; content: ''; display: block;}
.header_main .search_ico{display: block; position: absolute; right: .84rem; top: 0; text-align: center; cursor: pointer; width: .8rem; height: 1rem; z-index: 6; padding-top: .34rem;}
.header_main .search_ico s{width: .45rem; height: .45rem; margin: 0 auto; background-position: -.62rem 0;}
.header_main .search_ico.on{background: #fff;}
.header_main .search_ico.on s{background-position: -1.92rem 0;}
.header_main .tsearch{width: 100%; padding: .2rem .2rem; position: absolute; left: 0; top: 1rem; background: #fff; display: none; z-index: 10;}
.header_main .tsearch s{right: .45rem; top: .34rem;}

/*悬浮工具*/
.g_top{width: 0.8rem; height: 0.8rem; padding-top: 0.2rem; background: #e5322d; border-radius: 100%; position: fixed; right: 0.1rem; bottom: 1.4rem; display: block; z-index: 999; opacity: 0.89; display: none;}
.g_tel{width: 0.8rem; height: 0.8rem; background: #e5322d; border-radius: 100%; position: fixed; right: 0.1rem; bottom: 3.2rem; display: block; z-index: 999; text-align: center;}
.g_tel a{display: block; width: 100%; height: 100%;}
.g_tel i{width: .34rem; height: .35rem; margin-top: .2rem; background-position: -2.54rem -.57rem; margin-bottom: .1rem;}
.g_nav{width: 0.8rem; height: 0.8rem; padding-top: 0.2rem; background: #e5322d; border-radius: 100%; position: fixed; right: 0.1rem; bottom: 2.3rem; display: block; z-index: 999; text-align: center;}
.g_nav i{width: .33rem; height: .33rem; background-position: -3.1rem -.56rem; margin-bottom: .05rem;}
.g_top:before{width: 0.42rem; height: 0.36rem; margin: 0.08rem auto 0; background-position: -2.56rem 0;}
.g_top:hover{background: #e5322d;}

/*教师简介*/
.showPro{background:#fff;}
.showPro .part1{padding:0.5rem 0.3rem;border-bottom:1px solid #e4e4e4;background:#fff;}
.showPro .showImg{position: relative;width: 100%;min-height:4rem;padding: 0 0 .4rem 3.37rem;line-height: .5rem;}
.showPro .showImg .img{position: absolute;left:0;top:0;display:block;width:3rem;height:4rem;border-radius: 0.12rem;background:#2e2e35;}
.showPro .showImg .name{padding:0.2rem 0 0.3rem;width:3.6rem;font-size:0.34rem;line-height:0.34rem;color:#133984;border-bottom:1px solid #eee;}
.showPro .showImg .txt .list{margin-top:0.2rem;}
.showPro .showImg .txt li{font-size:0.26rem;line-height:0.5rem;color:#333;}
.showPro .showImg .txt li span{display:block;color:#666666;margin-right:0.24rem;}
.showPro .showImg .txt li.a4{font-size:0.25rem;line-height:0.4rem;}
.showPro .showImg .txt li.a4 span{display:block;margin-bottom:0.12rem;}

/*个人简介*/
.showPro .part2{padding:0.4rem 0.3rem;border-top:0.2rem solid #f2f2f2;border-bottom:1px solid #e4e4e4;background:#fff;}
.showPro .t2{padding-left:0.3rem;font-size:0.34rem;line-height:0.3rem;color:#133984;background:url("../images/proline.png") no-repeat left center;background-size:5px 0.3rem;}
.showPro .profile{margin-top:0.4rem;margin-bottom:0.8rem;font-size:0.26rem;line-height:0.46rem;text-align:justify;color:#666;}


/*imessage*/
.msgPage{padding-bottom:0.5rem;background:#fff;}
.imessage{padding-top: .6rem; margin-bottom: .4rem;}
.imessage h2{color: #333333; margin-bottom: .3rem; text-align: center; font-weight:normal;font-size: .36rem;}
.imsg{width: 93%; margin: 0 auto;}
.imsg .item{width: 100%; height: .67rem; box-sizing: border-box; margin-bottom: .28rem; position: relative; line-height: .67rem; border: 1px solid #e8e8e8; background: #fff;}
.imsg .item span.red{position: absolute; left: .05rem; top: .02rem; color: red;}
.imsg .item s{width: .35rem; height: .32rem; position: absolute; right: .1rem; top: .18rem;}
.imsg .item s{background-position: -1.05rem -.98rem;}
.imsg .item:nth-child(2) s{background-position: -1.46rem -.98rem;}
.imsg .item:nth-child(3) s{background-position: -1.82rem -.98rem;}
.imsg .item .txt{width: 100%; height: .65rem; text-indent: .2rem; font-size:0.26rem;line-height: .65rem; border: 0px; background: none; outline: none; color: #666;}
.imsg .item.liuyan{width: 100%; margin-bottom: .2rem; height: 2.08rem;}
.imsg .item.liuyan textarea{width: 100%; color: #666; overflow: hidden; padding: .1rem; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; box-sizing: border-box; background: none;outline:none;}
.imsg .submit{width: 100%; height: .8rem; cursor: pointer; border: 0; font-size:0.3rem;line-height: .8rem; text-align: center; color: #fff; display: block; background: #e5322d;webkit-appearance: none;}
/***************top and bottom css end*********************/
/* imgtog */
.imgtog{width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.imgtog .list{float: left; width: 500%;}
.imgtog .list .item{float: left; width: 20%;}
.imgtog .list .item img{width: 100%;}
.imgtog .prev,
.imgtog .next{width: .3rem; height: .45rem; position: absolute; top: .9rem; z-index: 20;}
.imgtog .prev{left: .1rem; background-position: -.98rem 0;}
.imgtog .next{right: .1rem; background-position: -1.4rem 0;}
.imgtog .tip{height: .2rem; width: 100%; position: absolute; left: 0; bottom: .3rem; margin-left: 0; text-align: center; z-index: 10;}
.imgtog .tip span{width: .4rem; height: .05rem; margin: 0 .08rem; border-radius: .07rem; display: inline-block; cursor: pointer; vertical-align: top; text-align: center; background: #fff; opacity: 1; border-radius: .05rem;}
.imgtog .tip span.cur{background: #e5322d; opacity: 1;}
.imgtog.banner{width: 100%;}
.imgtog.banner .list .item a{width: 100%; display: block;}
.imgtog.banner .list .item img{display: block;}
.imgtog.banner .tip{bottom: .3rem;}
.banner_main{position: relative; z-index: 9;}
.indexsplit{width: 100%; height: .3rem; background: #f7f7f7; border-top: 1px solid #e5e5e5;}
.indexmore,
.addclick{text-align: center; height: .74rem; line-height: .74rem; width: 94%; display: block; margin: 0 auto .2rem; font-size: .28rem; background: #e5322d; color: #fff;}
.indexmore:link,
.addclick:link,
.indexmore:visited,
.addclick:visited{color: #fff;}
.addclick{width: 94%; border-color: #999;}
.index_title{text-align: center; background: #f3f3f3; line-height: .8rem; width: 96%; margin: .5rem 2%;}
.index_title .left{background: #e5322d; background-size: 100% 100%; width: 2.29rem; color: #fff; font-size: .34rem;}
.index_title .right i{width: .34rem; height: .34rem; background-position: 0 -.44rem; margin-right: .3rem; margin-top: .22rem; float: right;}
.index_1{overflow: hidden;}
.index_1 .tabBox{position: relative;}
.index_1 .hd{margin: 0 2%; margin-bottom: .39rem; border-bottom: 1px solid #ddd; padding-bottom: .27rem;}
.index_1 .hd li{width: 32%; margin-right: 2%; float: left; background: #ececec; border: 1px solid #d5d5d5; text-align: center; line-height: .5rem; border-radius: .25rem;}
.index_1 .hd li i{width: .2rem; height: .12rem; background-position: -3.67rem -.53rem; margin-right: .1rem; display:none;}
.index_1 .hd li:last-child{margin-right: 0;}
.index_1 .hd li.on{background: #e5322d; color: #fff; border: 1px solid #e5322d;}
.index_1 .hd li.on i{display:inline-block}
.index_1 .bd li{background: url(../images/f1_bg.jpg) no-repeat; background-size: 5.8rem 4rem; width: 5.8rem; margin: 0 auto; height: 4rem; color: #fff; padding: 0 .48rem;}
.index_1 .bd li h3{border-bottom: 1px solid #808182; font-size: .34rem; padding-top: .33rem; padding-bottom: .22rem;}
.index_1 .bd li p{padding-top: .2rem;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient: vertical;}
.index_1 .bd li a{display: block; width: 1.75rem; height: .48rem; background: #fff; text-align: center; border-radius: .24rem; color: #e5322d; line-height: .48rem; margin-top: .3rem; font-size: .22rem;}
.index_1 .next,
.index_1 .prev{width: .22rem; height: .36rem; background-position: -.41rem -.44rem; position: absolute; left: .2rem; top: 56%; z-index: 10;}
.index_1 .next{background-position: -.63rem -.44rem; left: auto; right: .2rem;}
.floor_2{background: #f3f3f3; padding-top: .1rem; margin-top: .6rem;}
.floor_2 .body img{width: 100%;}
.floor_2 .body .txt{padding: 0 2%; display: block; padding-bottom: .5rem; font-size: .26rem;}
.floor_7 .more{background: url(../images/f7_more.png) no-repeat; background-size: 100% 100%; height: .7rem; line-height: .7rem; text-align: center;}
.floor_7 .more a{display: block; width: 100%; height: 100%; color: #fff; font-size: .26rem;}
.floor_7 ul{padding-bottom: .7rem; padding-top: .1rem; margin: 0 2%;}
.floor_7 li{margin-bottom: .3rem;}
.floor_7 li .left{width: 3.91rem; border-bottom: 1px solid #ddd; padding-bottom: .05rem; height: 1.51rem; box-sizing: border-box;}
.floor_7 li .left h3{font-size: .32rem; line-height: .45rem; height: .9rem;}
.floor_7 li .left p{font-size: .26rem; color: #666; padding-top: .05rem;}
.floor_7 li .right{width: 2.7rem; height: 1.51rem; float: right;}
.floor_7 li .right img{width: 2.7rem; height: 1.51rem; display: block; border-radius: .1rem;}
.floor_3{background: url(../images/f3_bg.jpg) no-repeat; background-size: 100% 4.18rem; height: 4.18rem;}
.floor_3 .box{padding-top: 2.46rem;}
.floor_3 a{background: #e5322d; color: #fff; width: 1.84rem; height: .4rem; line-height: .4rem; display: block; text-align: center; border-radius: .1rem; margin-left: .2rem;}
.floor_4 .index_title{margin-bottom: .2rem;}
.floor_4 .body{padding: 0 2%;}
.floor_4 li{border-bottom: 1px solid #ddd; line-height: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:.26rem;}
.floor_4 li i{width: .13rem; height: .21rem; background-position: -.93rem -.44rem; margin-right: .2rem; vertical-align: baseline;}
.floor_4 li:last-child{border: none;}
.floor_5{background: #f3f3f3; padding-top: .01rem; margin-top: .3rem; padding-bottom: .4rem;}
.floor_5 h3{font-size: .33rem; padding-left: .7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; margin-bottom: .3rem;}
.floor_5 .body h3{font-size:.26rem;}
.floor_5 h3 b{width: .5rem; height: .5rem; border-radius: 100%; background: #e5322d; border: 1px solid #d3614b; color: #fff; display: block; text-align: center; font-weight: 400; line-height: .5rem; position: absolute; left: 0; top: 0; font-size: .26rem;}
.floor_5 p{position: relative; font-size: .26rem; padding-left: .7rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.floor_5 p b{width: .5rem; height: .5rem; border-radius: 100%; background: #e6e6e6; border: 1px solid #dfdfdf; color: #333; display: block; text-align: center; font-weight: 400; line-height: .5rem; position: absolute; left: 0; top: 0;}
.floor_5 .swiper-container{padding-bottom: .85rem; margin: 0 2%; overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: .46rem;}
.floor_5 .swiper-container-horizontal > .swiper-pagination-bullets,
.floor_5 .swiper-pagination-custom,
.floor_5 .swiper-pagination-fraction{width: auto; left: .7rem; bottom: .3rem;}
.floor_5 .swiper-pagination-bullet{width: .28rem; height: .04rem; border-radius: 0; background: #cccccc; opacity: 1;}
.floor_5 .swiper-pagination-bullet-active{background: #e5322d; width: .47rem;}
.floor_5 .body{padding: 0 2%;}
.floor_mess .body{margin: 0 2%; padding-bottom: .75rem;}
.floor_mess li{background: #f3f3f3;margin-bottom: .3rem;line-height: .8rem;overflow: hidden;vertical-align: top;border-bottom: 1px solid #ddd;}
.floor_mess li .left{font-size: .26rem;width: 15%;text-align: center;}
.floor_mess li .right{width: 80%;}
.floor_mess li .right input{width: 100%; border: none; background: none; outline: none; font-size: .26rem; line-height: .8rem;}
.floor_mess .txt{height: 98px;}
.floor_mess .txt textarea{resize: none;outline: none;border: none;background: none;padding: .2rem 0;font-size: .26rem;text-indent:0.28rem;height: 1.6rem;overflow: hidden;width: 99%;font-family: microsoft yahei;}
.floor_mess .btn{width: 100%; height: .77rem; background: #e5322d; color: #fff; outline: none; border: none; text-align: center; font-size: .26rem;-webkit-appearance: none;}
.foot_main{background: #fff; height: 1.3rem; border-top: 1px solid #dfdfdf;}
.foot_main li{float: left; width: 25%; text-align: center; border-right: 1px solid #f5f5f5; box-sizing: border-box; height: 1.3rem;}
.foot_main li i{width: .5rem; height: .5rem; background-position: 0 -1.02rem; margin-top: .2rem; margin-bottom: .05rem;}
.foot_main li h3{font-size: .23rem;}
.foot_main li:nth-child(2) i{background-position: -.5rem -1.02rem;}
.foot_main li:nth-child(3) i{background-position: -1rem -1.02rem;}
.foot_main li:nth-child(4) i{background-position: -1.5rem -1.02rem;}
.foot_main li:nth-child(1).hover h3{color: #e5322d;}
.foot_main li:nth-child(1).hover i{background-position: 0 -1.52rem;}
.foot_main li:nth-child(2).hover i{background-position: -.5rem -1.52rem;}
.foot_main li:nth-child(3).hover i{background-position: -1rem -1.52rem;}
.foot_main li:nth-child(4).hover i{background-position: -1.5rem -1.52rem;}
.inews{padding-bottom: .56rem;}
/*newslist*/
.newslist{padding: .2rem 3% .3rem;}
.newslist .item{width: 100%; display: block; padding: .3rem 0; border-bottom: 1px solid #dddddd; margin: 0 auto;}
.newslist .item img{width: 2.15rem; height: 1.6rem; display: block; margin-right: .32rem; float: left;}
.newslist .item h3{font-size: .26rem; line-height: .4rem; height: .8rem; margin-bottom: .05rem; overflow: hidden; color: #333; margin-bottom: .1rem;}
.newslist .item .txt{line-height: .32rem; height: .64rem; font-size: .22rem; overflow: hidden; color: #666666;}
.newslist .item .time{color: #999; font-size: .2rem; line-height: .22rem; display: block;}
.newslist .item .time i{width: .25rem; height: .25rem; background-position: 0 -.52rem; margin-right: .1rem; vertical-align: bottom;}
.newslist .item .time i:nth-child(2){background-position: -.26rem -.53rem; width: .35rem;}
.newslist .item:first-child{padding-top: 0;}
.newslist .item.hastime{position: relative; padding-left: 1rem;}
.newslist .item.hastime h3{height: .4rem; margin-bottom: .04rem;}
.newslist .item.hastime .time{width: 1rem; position: absolute; left: 0; top: .33rem;}
.newslist .item.hastime .time .day{font-size: .6rem; line-height: .7rem; color: #666; display: block; font-weight: bold;}
.gridlist{padding: 0 0rem .2rem;}
.gridlist .item{position: relative; width: 47%; float: left; margin-left: 2%; margin-bottom: .26rem; background: #fff;}
.gridlist .item a{width: 100%; display: block;}
.gridlist .item:nth-child(2n){margin-right: 0;}
.gridlist .item figure{border-radius: .08rem .08rem 0 0; width: 100%; padding-top: 75%; position: relative; overflow: hidden; border-bottom: 1px solid #dddddd;}
.gridlist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.gridlist .item h3{width: 100%; height: .78rem; line-height: .78rem; text-align: center; overflow: hidden; padding: 0 .15rem; font-size: .26rem; background: #fff; border: 1px solid #dfdfdf; box-sizing: border-box; border-radius: 0 0 .08rem .08rem;}
/*caselist*/
.caselist{padding: .1rem 2% .2rem;margin-top:0.3rem;}
.caselist .item{width: 48.5%; float: left; height: 3.1rem; position: relative; margin-right: 3%; margin-bottom: .26rem; background: #e5322d;}
.caselist .item a{width: 100%; display: block;}
.caselist .item:nth-child(2n){margin-right: 0;}
.caselist .item figure{width: 100%; padding-top: 75%; position: relative; overflow: hidden; border-bottom: 1px solid #dddddd;}
.caselist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.caselist .item .txtcon{width: 94%; height: 1.37rem; padding: 0 .15rem; position: absolute; left: 3%; bottom: .1rem; background: #fff; z-index: 10;}
.caselist .item .txtcon h3{height: .55rem; line-height: .55rem; overflow: hidden; margin-bottom: .1rem; border-bottom: 1px solid #dddddd; color: #333;}
.caselist .item .txtcon .txt{line-height: .3rem; max-height: .6rem; font-size: .2rem; overflow: hidden; color: #666;}
/**********************index css*************************/
.isplit{width: 100%; height: .32rem; border-top: 1px solid #e2e1e1; background: #f3f3f3;}
.iproduct{background: #fff; padding: .38rem 0; border-top: 1px solid #dadada;}
.iproduct .img img{width: 5.92rem; display: block; margin: 0 auto;}
.iproduct .img h3{color: #e5322d; font-weight: bold; font-size: .32rem; padding: 0 .2rem; padding-top: 33px;}
.iproduct .img .t{padding: .15rem .2rem;}
.iproduct .img .t .left{float: left; font-size: .28rem; width: 2rem;}
.iproduct .img .t .right{font-size: 71px; color: #e5322d; float: left; height: .75rem; line-height: .75rem;}
.iproduct .img p{padding: 0 .2rem .15rem;}
.iproduct .img h4{color: #e5322d; padding: .1rem .2rem .3rem; line-height: .36rem; height: 1.08rem;}
.iproduct .more{width: 96%; margin: 0 auto .56rem;}
.iproduct .more a:first-child{background: #e5322d;}
.about{padding-bottom: .56rem;}
.about .index_title{color: #fff;}
.about .index_title p{color: #fff;}
.about .index_title .line{border-color: #fff;}
.about .body img{width: 5.92rem; margin: 0 auto; display: block;}
.about .body h3{text-align: left; font-size: .24rem; padding: .34rem .2rem .14rem; font-weight: bold;}
.about .body span{display: block; width: .46rem; height: .04rem; background: #ddd; margin: 0 .2rem;}
.about .body p{padding: .1rem .2rem;}

.g_wximg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; display: none;}
.g_wximg .close{background: url(../images/close.png) no-repeat center; background-size: .4rem auto; width: .4rem; height: .4rem; cursor: pointer; position: fixed; right: 18%; top: 18%; text-align: center; display: block; z-index: 12;}
.g_wximg .bdtel img{width: 4.0rem !important; display: block;}
.bdtel{position: fixed; top: 22%; z-index: 10; padding: 0 0 .1rem; max-width: 750px; min-width: 320px; width: 100%; left: 50%; transform: translateX(-50%);}
.bdtel .upIn{width: 6.4rem; display: block; text-align: center; color: #fff; padding: 4%; margin: 0 auto;}
.bdtel p{padding: 2%; text-align: center; color: #fff;}
.bdtel img{margin: 0 auto; display: block; max-width: 80% !important;}
.bdtelbg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; max-width: 750px; min-width: 320px; display: none;}
.bga{background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%;}
/**************category****************/
.content{width: 100%; margin-bottom: .2rem; min-height: 7rem;}
.content .banner_main{margin: .2rem 2%; border: 1px solid #ddd;}
.content .js-list{margin-top: 0;/*padding-top:0.3rem;*/}
/*menu*/
.iconn{background: url(../images/iconn.png) no-repeat; background-size: 1.4rem auto; vertical-align: middle;}
/*menu*/
.menu{width: 100%; padding: .15rem 0 .1rem; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.menu .iconn{width: .4rem; height: .4rem; display: inline-block; cursor: pointer;}
.menu .goHome{margin-right: .16rem;}
.menu .iconn:before{width: .4rem; height: .4rem; background-size: 1.4rem;}
.menu .goBack{background-position: -.96rem -0.64rem; margin-left: 3%;}
.menu .goBack a{width: .4rem; height: .4rem; display: block;}
.menu .goHome{background-position: 0 -0.66rem;}
.menu .subSort{background-position: -0.5rem -0.7rem;}
/*sitepath*/
.sitepath{margin-top:0;padding: 0; height: .6rem; position: relative; font-size: .24rem; margin: .2rem 0 0; line-height: .6rem; background: #f6f6f6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; overflow: hidden; font-size: 0.24rem; color: #554331;background: #fff;}
.sitepath .btn{width: 1.3rem; height: .6rem; text-align: right; position: absolute; right: .1rem; top: 0; font-size: .22rem;}
.sitepath .btn em{width: .3rem; height: .2rem; margin-top: .08rem; margin-left: .06rem; display: inline-block; background-position: -1.16rem 0;}
.sitepath .btn.onbtn:after{transform: rotate(180deg); margin-top: -.08rem; background-position: -0.6rem 0;}
.sitepath a{color: #554331; text-align: center; text-transform: Capitalize; font-size: 0.24rem; margin-right: 2%; display: inline-block; margin-left: 2%;}
.sitepath a:first-child{margin-left:4%;}
.sitepath a a:hover{color: #554331;}
/*sitepath*/
.sitepath{ height: .8rem; font-size:0.24rem;line-height: .8rem; background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;margin-top:0;}
/*pager*/
.pager{width: 100%; text-align: center; background: #f6f6f6; padding: .2rem 0; font-size: .2rem;}
.pager a,
.pager span{width: 1.6rem; height: .4rem; line-height: .4rem; display: inline-block; background: #e59f19; color: #fff; border-radius: 5px;}
.pager .yem{height: .4rem; display: inline-block; margin: 0px .1rem; line-height: .4rem;}
/*reLink*/
.reLink{margin: .2rem 4% .1rem; width: 92%;}
.reLink .prevLink,
.reLink .nextLink{display: block; height: .6rem; line-height: .6rem; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}
.reLink a:hover{color: #e5322d;}
/*m-share*/
.m-share{margin-left: 3%; margin-bottom: .2rem;}
.catemore{width: 96%; margin-top: 2%; margin-bottom: 6%; height: .65rem; line-height: .65rem; display: block; text-align: center; background: #e5322d; color: #fff; font-size: .24rem; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:0.06rem;}
.catemore:active,
.catemore:hover{background: #e5322d; color: #fff;}
.showmenu{padding: 0.3rem 0.2rem .2rem;background:#fff;border-bottom:1px solid #e8e8e8;}
.showmenu a{width: 48%; height: .7rem; display: block; float: left; font-size:0.3rem;line-height: .7rem; text-align: center; color: #333; background: #fff; margin: 0 1% 2%; border: 1px solid #ddd; box-sizing: border-box;}
.showmenu a.hover{border: 1px solid #e5322d; color: #fff; background: #e5322d;}
.nav_hd{width: 94%; margin: 0 auto; padding: 0.1rem 0 0rem;}
.nav_hd a{width: 48%; height: .6rem; display: block; float: left; line-height: .6rem; text-align: center; border-radius: .04rem; color: #333; background: #fff; margin: 0 1% 2%; border: 1px solid #ddd; box-sizing: border-box;}
.nav_hd a.on{border: 1px solid #e5322d; color: #e5322d;}
/*subCate*/
.subCate{padding: .12rem 0 .2rem;}
.subCate a{width: 22%; margin-left: 2.5%; font-size: .22rem; height: .5rem; overflow: hidden; display: block; float: left; line-height: .5rem; text-align: center; color: #666; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: .1rem;}
.subCate a.on{border-color: #237350; color: #237350;}
.erro{padding: 0.4rem 0; text-align: center;}
.erro img{max-width: 5rem;}
/*catelist*/
.catelist .item span{display: block; width: 9px; height: 16px; position: absolute; top: 28%; margin-top: -8px; right: 2%;}
.catelist .item span:before{content: ""; position: absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.catelist .item span:after{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.caselist li{width: 47%;  margin-bottom: 2%; float: left; box-sizing: border-box;background:#fff;border: 1px solid #ddd;border-top:none;}
.caselist li:nth-child(2n){margin-left: 2%;}
.caselist li a{display: block;}
.caselist li figure{width: 100%; padding-top: 75%; position: relative; overflow: hidden;}

.caselist .addimglist li figure{padding-top: 120%;}
.caselist li figure img{width: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block;}
.caselist li h3{height: .65rem; line-height: .65rem; text-align: center; font-size: 0.26rem; font-weight: normal;}


/*teacherlist*/
.teacherlist li{border-raidus:0.1rem;}
.teacherlist li figure{padding-top: 133.33333%;}
.teacherlist li figure img{background:#2e2e35;border-raidus:0.1rem;}

/*学员作品*/
.img16 li figure{padding-top: 56.25%;}
.imgH .list{margin-top:0;}
.imgH li{border-radius:0.1rem;}
.imgH li figure{padding-top: 75%;border:none;}
.imgH li figure img{border-top-left-radius:0.1rem;border-top-right-radius:0.1rem;}

.contactPage{background:#fff;}
.aboutPage{background:#fff;}

/*news.html*/
.newsList .list{width: 100%; margin-bottom: .3rem;margin-top:0;}
.newsList .item{padding: 0.4rem 0.2rem; overflow: hidden; position: relative; border-bottom: 1px solid #f3f3f3; background: #f9f9f9;}
.newsList .item:nth-child(2n){background: #fff;}
.newsList .item:nth-child(2n) span:after{background: #fff;}
.newsList .item:last-child{border: 0px;}
.newsList .item a{width: 100%; display: block;}
.newsList .item img{width: 2.84rem; height: 1.6rem; margin-right: .3rem;border-radius:.1rem; float: left;}
.newsList .item h3{font-size: .3rem; line-height: .38rem; font-weight: normal; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #000;}
.newsList .item .cont{margin-top:0.18rem;}
.newsList .item .txt{color: #666666; font-size: .22rem;margin-top:0.12rem;}

/*product.html*/
.listProduct .list{width: 100%;}
.listProduct li{width: 47%; margin-left: 2%; box-sizing: border-box; display: block; padding-top: 3%; float: left;}
.listProduct li a{display: block;}
.listProduct li figure{width: 100%; padding-top: 75%; position: relative; overflow: hidden;}
.listProduct li figure img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block;}
.listProduct li h3{height: .5rem; line-height: .5rem; font-size: 0.28rem; overflow: hidden; font-weight: normal; color: #ff9e01; text-align: center;}
.listProduct li:hover h3{color: #ff9e01;}
.listProduct li p{white-space: normal; word-wrap: break-word; color: #333;}
.showInfo .tit{padding: .2rem .2rem; border-bottom: 1px solid #ddd; font-size: .3rem; margin: 0 2%; font-weight: bold;}

.addimglist .item img{width: 1.2rem; height: 1.48rem; margin-right: .1rem; float: left;}
.addimglist .item h3{width: 4.7rem; font-size: .3rem; line-height: .38rem; font-weight: normal; margin-bottom: .28rem; color: #000; margin-top: .02rem; float: left;}
.addimglist .item .txt{color: #666666; font-size: .22rem; line-height: .28rem; width: 4.7rem; float: left;}
/*showInfor*/
.showNews{background:#fff;}
.showInfo{width: 100%; overflow: hidden;}
.showInfo .showSubTit{width: 100%; height: .65rem; line-height: .65rem; font-weight: normal; margin: .2rem 0 .1rem; background: #f6f6f6; border-bottom: 1px solid #237350; font-size: .24rem; text-indent: .15rem;}
.showInfo .showTit{width: 96%; line-height: .3rem; padding: .2rem 2% .3rem; border-top:1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8; text-align: center; margin: 0 auto;background:#fff;}
.showInfo .showTit h1{font-weight: bold; color: #000; font-size: 0.36rem; line-height: .5rem; margin-bottom: .05rem; font-weight: normal;}
.showInfo .showTit .mark{font-size: .22rem; margin-top: .1rem;}
.showInfo .img img{max-width: 80%; display: block; margin: .3rem auto 0;}
.showInfo .addlist{font-size: .22rem; line-height: .36rem; padding: .3rem 3% 0;}
.showInfo .addlist li{margin-bottom: .1rem;}
/*showSubTit*/
.showInfo .contxt{font-size: .24rem; line-height: .42rem; padding: 3% 3% 5%;}
.showInfo .contxt img{max-width: 100%; margin: 0px auto; height: auto !important; display: inline;}
.showInfo .contxt .erro img{width: 4rem;}
/* 留言样式 */
.leave{padding: 0.4rem 2% 0px;}
.leave li{margin-bottom: .2rem;}
.leave li:nth-child{margin-bottom: .1rem;}
.leave label{float: left; display: block; width: .55rem; font-size: .2rem; height: .5rem; line-height: .5rem;}
.leave .item-wrap{margin-left: .55rem;}
.leave input,
.leave textarea{width: 95%; background: #fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem; padding: 0; margin: 0; border-radius: initial;}
.leave input{height: .5rem; border-radius: 0; -webkit-border-radius: 0; text-indent: 8px; color: #333;}
.leave .ly{height: 1rem; padding: .1rem 0; color: #666; border-radius: 0; -webkit-border-radius: 0; text-indent: 8px; line-height: .22rem; resize: none;}
.show_more2{margin: 0 10px 18px 10px; height: .6rem; line-height: .6rem;}
.show_more2 input{width: 100%; border: 0; height: .6rem; line-height: .6rem; color: #fff; font-size: .24rem; background: #ff9e01; border-radius: initial;}
.singlePage{background: #fff; width: 100%; margin: 0 auto;}
.divanli_mess{background: #fff; width: 96%; margin: 0 auto; padding-top: .1rem;}
.dz{width: 100%;}
.singlePage .anlitopH4{font-size: 0; width: 0; display: none;}
.messagesbox li{margin-bottom: .2rem;}
.messagesbox li:nth-child{margin-bottom: .1rem;}
.messagesbox li label{float: left; display: block; width: 18%; font-size: .2rem; height: .5rem; line-height: .5rem; padding-right: 2%; text-align: right;}
.messagesbox li label font{color: red;}
.messagesbox .item-wrap{margin-left: .55rem;}
.messagesbox input,
.messagesbox textarea{width: 75%; background: #fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem; padding: 0; margin: 0; border-radius: initial;}
.messagesbox input{height: .5rem; border-radius: 0; -webkit-border-radius: 0; text-indent: 8px; color: #333;}
.messagesbox .ly{height: 1rem; padding: .1rem 0; color: #666; border-radius: 0; -webkit-border-radius: 0; text-indent: 8px; line-height: .22rem; resize: none;}
.messagesbox .bot input{height: .65rem; background: #ff9e01; color: #fff; text-align: center;}
.messagesbox .msg-box{padding-left: 20%; color: red; width: 70%; white-space: nowrap; font-size: 0.22rem;}
.subright .showInfo{display: none;}
.showimg{width: 100%; position: relative;}
.showimg .imglist{width: 4.2rem; margin: 0px auto; padding: .4rem 0 .2rem; position: relative; overflow: hidden;}
.showimg .list{float: left; width: 500%;}
.showimg a{float: left; width: 4.2rem; text-align: center; display: block;}
.showimg a img{width: 4.2rem; margin: 0px auto; display: block;}
.showimg span{display: block; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -2.8rem; cursor: pointer;}
.showimg span.left{right: auto; left: 50%; margin-left: -2.8rem;}
.showimg span.right:after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right:before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.left:after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.left:before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showorder{width: 2rem; height: .5rem; margin: 0.3rem auto .4rem; line-height: .5rem; color: #fff; background: #ff9e01; text-align: center; font-size: .24rem;}
.showorder a{color: #fff;}
/*recomNew*/
.recomNew{width: 96%; padding: 0.1rem 0 2%; margin: 0 auto;}
.recomNew li{width: 100%; height: .6rem; line-height: .6rem; border-bottom: 1px solid #eeeeee; overflow: hidden;}
.recomNew li a{font-size: .24rem; display: block; position: relative; padding-left: 2%;}
.recomNew li a:hover{color: #da251d;}
.recomNew li a:before{content: ""; position: absolute; background: #cccccc; width: 3px; height: 3px; left: 0; top: 0.28rem; z-index: 11; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
/*recomPro*/
.recomPro{width: 100%; position: relative;}
.recomPro .recomList{width: 4.6rem; margin: 0px auto; position: relative; overflow: hidden;}
.recomPro .list{float: left; width: 500%; padding: .2rem 0 .1rem;}
.recomPro .list ul{float: left;}
.recomPro ul li{float: left; width: 2.3rem; text-align: center;}
.recomPro ul li a{display: block; width: 100%;}
.recomPro ul li h3{font-size: .22rem; line-height: .5rem; text-align: center;}
.recomPro ul img{height: 1.5rem; width: 2rem; margin: 0px auto; display: block;}
.recomPro span{display: block; width: 30px; height: 50px; position: absolute; top: 50%; margin-top: -35px; right: 50%; margin-right: -3rem; cursor: pointer;}
.recomPro span.left{right: auto; left: 50%; margin-left: -3rem;}
.recomPro span.right:after{content: ""; position: absolute; background: #efdaa4; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.recomPro span.right:before{content: ""; position: absolute; background: #f5e9ca; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.recomPro span.left:after{content: ""; position: absolute; background: #efdaa4; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.recomPro span.left:before{content: ""; position: absolute; background: #f5e9ca; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

embed{width: 100% !important; height: auto !important;}
.field_down{text-align: left;}
.field_down a{width: 1.6rem; height: .44rem; line-height: .44rem; background: #ff9e01; color: #fff; display: block; text-align: center;}
.listSchool .list{padding: 0 3%;}
.listSchool li{width: 100%; padding: .25rem 0; border-bottom: 1px solid #eee;}
.listSchool li:last-child{border: 0;}
.listSchool li h3{color: #000; font-size: .26rem; margin-bottom: .06rem;}
.listSchool li h3 a{color: red; margin-left: .04rem; font-weight: normal; font-size: .22rem;}
.listSchool li h3 a:hover{text-decoration: underline;}
.listSchool li span{display: block; font-size: .22rem; line-height: .32rem; margin-bottom: .08rem;}
.biao td{padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all;}
.biao .td-head{background: #f3f3f3;}
.messagePage{padding: 3% 3% 5%;}
.messagePage .indexTit{margin-bottom: .4rem; text-align: center;}
.messagePage .indexTit h3{font-size: .3rem; text-align: center;}
.messagePage .item{width: 100%; height: 0.7rem; line-height: 0.7rem; position: relative; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; margin-bottom: .18rem; border: 1px solid #dedede;}
.messagePage .item label{width: 1.5rem; color: #333; display: block; float: left; text-align: center; height: 0.7rem; line-height: 0.7rem;}
.messagePage .item input{width: 4rem; height: 0.7rem; line-height: 0.7rem; border: 0; background: none; color: #999;}
.messagePage .item select{width: 4rem; height: 0.7rem; line-height: 0.7rem; border: 0; background: none; background: #fff url(../images/mess.jpg) right no-repeat; background-size: auto 100%;}
.messagePage .item .b{position: absolute; right: .12rem; color: #ff9f00;}
.messagePage .item.con{height: 2.8rem;}
.messagePage .item.con textarea{width: 100%; height: 2.1rem; padding: .1rem .16rem .1rem; resize: none; background: none; border: 0px;}
.messagePage .item.con .b{top: 0;}
/*.messagePage .btn .reset{width: 2.72rem; height: 0.68rem; line-height: 0.68rem; text-align: center; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; color: #333333; font-size: .28rem;}*/
.messagePage .btn input{width: 100%; height: 0.68rem; line-height: 0.68rem; text-align: center; display: block; float: right; background: #554331; color: #fff; font-size: .28rem; border: 0;}
.index_title2{background: url(../images/index_tit.png) left no-repeat; background-size: 5.6rem auto; height: .81rem; line-height: .81rem; text-align: left; width: 5.6rem; margin: 0 auto;}
.index_title2 p{font-size: .34rem; color: #333; margin-left: .46rem; display: inline-block;}
.contact .map{margin: .4rem .3rem .4rem; border: 1px solid #f5f5f5; padding: .1rem; box-sizing: border-box;}
.contact #map1_container,
.contact #allmap1{width: 100%; height: 2.8rem;}
.contact .box1{margin: 0 .3rem .3rem; border: 1px solid #ddd; padding: .3rem .2rem .1rem;}
.contact .box1 i{width: .4rem; height: .33rem; background-position: 0 -1rem; float: left; margin-right: .15rem;}
.contact .box1 li{margin-bottom: .2rem;}
.contact .box1 h3{font-size: .3rem; font-weight: bold;}
.contact .box1 .h3{margin-top: .2rem;}
.contact .box1 li:nth-child(2) i{background-position: -.4rem -1rem;}
.contact .box1 li:nth-child(3) i{background-position: -.8rem -1rem;}
.contact .box1 li:nth-child(4) i{background-position: -1.2rem -1rem;}
.contact .box2{margin: 0 .3rem .7rem;}
.contact .box2 h3{text-align: center; font-size: .3rem; padding-bottom: .3rem;}
.contact .box2 .input{border: 1px solid #ddd; margin-bottom: .3rem; width: 100%; height: .74rem; box-sizing: border-box; text-indent: 1em;}
.contact .box2 textarea{border: 1px solid #ddd; box-sizing: border-box; width: 100%; resize: none; height: 1.8rem; text-indent: 1em; padding: .2rem 0;}
.contact .box2 .btn{background: #24408a; color: #fff; width: 100%; height: .74rem; line-height: .74rem; text-align: center; border: none; font-size: .26rem; margin-top: .1rem;}
/*picturePage*/
.picturePage{width: 100%; padding-bottom: 5%;}
.picturePage .item{width: 45.5%; margin-left: 3%; margin-bottom: .3rem; float: left; background: #fff;}
.picturePage .item a{display: block; width: 100%;}
.picturePage .item figure{width: 100%; padding-top: 75%; overflow: hidden; position: relative;}
.picturePage .item img{width: 100%; min-height: 100%; position: absolute; left: 0; top: 0;}
.picturePage .item h3{text-align: center; line-height: .6rem; height: .6rem;}
.searchPage .list{width: 100%; padding: 0;}
.searchPage .list .item img{height: auto; min-height: inherit;}
.searchPage .item figure{padding-top: 56.25%;}
.box1_right{padding: 0 .2rem;}
.box1_right h1{font-size: .3rem; padding-top: .3rem;}
.box1_right h3{font-size: .2rem; color: #999; text-transform: uppercase; padding-top: .05rem; padding-bottom: .2rem;}
.box1_right .t h2{border-bottom: 1px solid #dcdcdc; font-size: .24rem;}
.box1_right .t b{border-bottom: 2px solid #e60012; display: inline-block; padding-bottom: .12rem;}
.box1_right .t p{font-size: .2rem; color: #666; margin-bottom: .3rem; padding-top: .05rem;}
.box1_right .a{width: 80%; margin: 0 auto .3rem;}
.box1_right .a a{display: block; width: 40%; height: .5rem; text-align: center; color: #fff; background: #666; font-size: .24rem; float: right; line-height: .5rem;}
.box1_right .a a:first-child{background: #e60012; float: left;}
.sub_banner img{width: 100%; height: auto;}
.bd_weixin_popup .bd_weixin_popup_foot{font-size: 10px !important; text-align: left; line-height: 16px !important; color: #666;}
.bd_weixin_popup .bd_weixin_popup_main{padding: 4px 10px ; min-height: 140px; padding-bottom:4px !important;}

/*产品详情*/
.showNews .n-tit{width: 94%; margin: .4rem auto .3rem; height: .7rem; border-bottom: 2px solid #eee;}
.showNews .n-tit h3{display: inline-block; height: .7rem; line-height: .68rem; font-size: .3rem; border-bottom: 2px solid #e5322d;}
.showNews .n-tit .more{float: right; text-transform: uppercase; padding-top: .18rem; font-size: .22rem;}

.showProduct{padding-top:0.3rem;width: 100%;border-top:none;background:#fff;}
.showProduct .caseimg{width: 6rem; height: auto; margin: 0 auto;}
.showProduct .caseimg img{max-width: 100%; display: block; margin: 0 auto;}
.showProduct .imgtog{width: 6rem; height: 4.5rem; margin: .1rem auto .1rem;}
.showProduct .imgtog .list{height: 4.5rem;}
.showProduct .imgtog .list .item{height: 4.5rem;}
.showProduct .imgtog .list .item img{width: 100%; height: 4.5rem;}
.showProduct .n-tit{width: 94%; margin: .4rem auto .3rem; height: .7rem; border-bottom: 2px solid #eee;}
.showProduct .n-tit h3{display: inline-block; height: .7rem; line-height: .68rem; font-size: .3rem; border-bottom: 2px solid #e5322d;}
.showProduct .n-tit .more{float: right; text-transform: uppercase; padding-top: .18rem; font-size: .26rem;}
.showProduct .protit{padding: .2rem 3%; font-size: .3rem; color: #000;text-align:center;border-top: 1px solid #ddd;}
.showProduct .tit2{font-size: .28rem; color: #e5322d; padding: .2rem 0 .2rem;}
.showProduct .txt2{padding: 0 3% .25rem; color: #666; font-size: .22rem;}
.showProduct .txt2 strong{display: block; margin-bottom: .08rem; color: #333;}
.showProduct .txt3{padding: 0 3% .25rem; color: #666; font-size: .22rem;}
.showProduct .txt3 strong{margin-bottom: .08rem; color: #333;}
.showProduct .price{color: #ff0036; padding: 0 3% .2rem;}
.showProduct .price span{font-size: .36rem;}
.showProduct .showTel{width: 100%; height: 1rem; line-height: 1rem; margin-bottom: .25rem; font-size: .28rem; color: #666666; background: #f8f8f8; border-top: 1px solid #dbd7d7; border-bottom: 1px solid #dbd7d7; text-align: center; box-sizing: border-box; color: #000; margin-top: 0;}
.showProduct .showTel s{width: .8rem; height: .8rem; background-position: 0.1rem -1.48rem;}
.showProduct .showTel strong{font-size:0.32rem;color:#e5322d;}
.showProduct .showpCon{padding: 0 0 .3rem;}
.showProduct .showpCon .tit{color: #e5322d; font-weight: bold; padding: .2rem 0; font-size: .26rem;}
.showProduct .showpCon .showp_img,
.showProduct .showpCon .showp_txt{margin-bottom: .2rem; padding: 0 3%;}
.showProduct .showpCon .showp_img .n-tit,
.showProduct .showpCon .showp_txt .n-tit{margin: 0 0 .3rem;}
.showProduct .showpCon .showp_img img,
.showProduct .showpCon .showp_txt img{max-width: 100%; display: block; height: auto !important;}
.showProduct .showpCon .txtcon{font-size: .24rem; color: #333;}
.showProduct .showpCon .txtcon img{max-width: 100% !important;}
.showProduct .showpCon .showpCase{border-top: .2rem solid #f1f1f1; margin-top: .2rem; padding-right: 0;}
.showProduct .showpCon .showpCase .projectList{padding-left: 0;}
.showProduct .showpCon .showpCase .gridlist{padding: 0;}
.showProduct .ourTeam{width: 100%; margin: 0; padding-top: .2rem;}
.showProduct .ourTeam .team_tit{width: 100%; height: 0.7rem; line-height: 0.7rem; margin-bottom: .3rem; background: #e5322d; color: #fff;}
.showProduct .ourTeam .team_tit strong{font-size: .26rem; font-weight: bold; margin: 0 .15rem 0 .15rem;}
.showProduct .ourTeam img{width: 100%; display: block;}
.showProduct .ourTip .tip_tit{color: #ff0036; font-size: .26rem; margin-top: .24rem; font-weight: bold; margin-bottom: .08rem;}
.showProduct .ourTip .list{line-height: .34rem;}
.showProduct .ourTip .list li{margin-bottom: .15rem; position: relative;}
.showProduct .ourTip .list li s{width: .08rem; height: .08rem; margin-right: .1rem; display: inline-block; vertical-align: middle; background: #e5322d; border-radius: 100%;}
.showimg{width: 100%; position: relative;}
.showimg .imglist{width: 5.6rem; height: 4.55rem; margin: 0px auto; padding: .4rem 0 .2rem; position: relative; overflow: hidden;}
.showimg .list{float: left; width: 500%;}
.showimg a{float: left; width: 5.6rem; text-align: center; display: block;}
.showimg a img{height: 4.55rem; width: 5.6rem; margin: 0px auto; display: block; background-size: 100%;}
.showimg span.left{right: auto; left: 50%; margin-left: -3rem;}
.showimg span{display: none; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -3.04rem; cursor: pointer;}
.showimg span.left::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.left::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showProduct .showpCon table{width:100%!important;}
.showProduct .showpCon .txtcon td{ padding:4px; border:1px solid #ccc; text-align:center; vertical-align:middle;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all;}

.showProduct .pro_intro{min-height:0.73rem;height:0.73rem;margin-left:3%;margin-right:3%;margin-bottom:0.3rem;border-bottom:1px solid #ddd;}
.showProduct .pro_intro .tit1{float:left;font-weight:normal;width:25%;height:0.73rem;line-height:0.73rem;font-size:0.3rem;text-align:center;color:#061e21;border-bottom:none;}
.showProduct .pro_intro .tit1.hover{color:#e5322d;border-bottom: 2px solid #e5322d;}
.showProduct .main_cont{padding:0 3%;}
.showProduct .main_cont .contxt{display:none;font-size: .24rem;line-height:2; color: #333;}
.showProduct .main_cont .contxt img{max-width: 100%; display: block; height: auto !important;}

/* imgtog */
.showProduct .imgtog{width: 94%; margin: 0 auto; position: relative; overflow: hidden; height: 3.85rem;}
.showProduct .imgtog .list{float: left; width: 500%; height: 3.85rem;}
.showProduct .imgtog .list .item{float: left; width: 20%; height: 3.85rem;}
.showProduct .imgtog .list .item img{width: 100%;}
.showProduct .imgtog .prev,
.showProduct .imgtog .next{width: .3rem; height: .45rem; position: absolute; top: .9rem; z-index: 20;}
.showProduct .imgtog .prev{left: .1rem; background-position: -0.98rem 0;}
.showProduct .imgtog .next{right: .1rem; background-position: -1.4rem 0;}
.showProduct .imgtog .tip{height: .2rem; width: 100%; position: absolute; left: 0; bottom: .2rem; margin-left: 0; text-align: center; z-index: 10;}
.showProduct .imgtog .tip span{width: .3rem; height: .12rem; margin: 0 .08rem; border-radius: .2rem; display: inline-block; cursor: pointer; vertical-align: top; text-align: center; background: #c9c9c9;}
.showProduct .imgtog .tip span.cur{background: #e5322d;}
.showProduct .imgtog.banner{height: 5.0rem;width: 7.2rem;margin: 0 auto .3rem;padding-bottom: 0;}
.showProduct .imgtog.banner .list{height: 5.0rem;}
.showProduct .imgtog.banner .list .item{width: 6.2rem;height: 5.25rem;}
.showProduct .imgtog.banner .list .item a{width: 100%; display: block;}
.showProduct .imgtog.banner .list .item img{width: 7.02rem;height: 5.25rem;margin: 0 auto;display: block;border-radius: .08rem;box-shadow: 0 0.03rem 0.16rem rgba(4, 127, 204, 0.2);}
.showProduct .imgtog.banner .tip{bottom: .25rem;}
.showProduct .banner_main{padding: .3rem 0 0;}

/*产品中心*/
.productPage {padding: 0 0 .8rem;min-height:6rem;}
.prolist{padding: 0 3% .2rem;}
.prolist .item{width: 48.5%;float: left;margin-right: 3%;margin-bottom: .26rem;background: #fff; box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1); border-radius:0.1rem;}
.prolist .item a{width: 100%; display: block;}
.prolist .item:nth-child(2n){margin-right: 0;}
.prolist .item figure{width: 100%; padding-top: 75%; position: relative; border: 1px solid #eee; overflow: hidden;}
.prolist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;border-top-left-radius:0.1rem;border-top-right-radius:0.1rem;}
.prolist .item h3{width: 100%;height: 0.7rem;font-weight:normal;font-size:0.28rem;line-height: 0.7rem;overflow: hidden;text-align: center;border: 1px solid #eee;color: #333;border-top: none;}

.contactPage .conlist{width: 94%;margin: 0 auto;padding-bottom: .2rem;}
.contactPage .conlist .item{width: 100%;color: #333333;margin-bottom: .28rem;padding-left: .7rem;position: relative;}
.contactPage .conlist .item s{width: .7rem;height: .55rem;display: block;position: absolute;left: 0;top: 0;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAAA3CAMAAACGog6XAAAAP1BMVEUAAAD5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSeEdFdWAAAAFHRSTlMAwECAEPCgMGDQP1Agz3Cw4N+Qvx+xg24AAAO6SURBVGje7ZrtcqwgDIZBwocHFXW5/2s9NoUNdnU1dum0M/v+cqwGHpK8YFvx1ltvVRZ4pUJQyoP4KXm1KS8uqRv6eFc/dOIHZKe4o8kKtkDpdRCt6ifD6rgrzYZwKVorQ5BtiuJEZd1ikiyU790ETwbfCg5SUlzAG0ZUlY1ZolDMYlUz4HqY1TsdYt1AVFTznKHhplQ3DyPoj9RwLKaPp9X7FYMqdIlh/ugD2DCqj76YGavKkt9/g8/gCeGLoMWxTkqiD8gTGrGNE0MrN9TyGGBaRu7uvdwveb73dqcXowYOQ5zPeqBGhp2ZNjwGhU9TcNTkKJZiMURzxDykMV7HABrTughMLGQgT0zDWQaJEXo4tnHTvpLB3Y04YHUq71VLe0O3XLnTDMKlY8KBjSshX8eAMw/3mhqbFGLEgVIiwnkG4TX59IY6tF8nXsoAy7NDrqkWSkfSkKuXwSDsGPdTZ5HQilcx0MNdToMtRstsHQU7Zkj4i+ZdQ2o78WIGn5e5zR1Ardfnrd9zGHLXwrYhSRBshmNnbWmqO3CKxyCGTXsyySlqMMhcO81mkUk2Q+rsfmVPEKhPKjDQlEnUB3yG3Nm6gICe/KoCw4QXu3mY2AzU2W5lSCMx1fElnadKcJrtSw/lr6i2ynNlpf3B5NMdHUHClf2BNNx72KWrOgwYbMK31sOYHKPH22wG6mygjNRicNS7xc40x6LX/RUGmAdhESJ8/nqhMb4SAzbCLVdPnBwsV276GLZLn6mjYDGQDw2fnY0OheO4WgwKn07eQdI2x3I8BrLSAc/z+XihcZw6DKDzqaKThJCOBD2mgc/Qx7z/K51iOVyYOgyYiCE1R6IInqzFXWAwX62UIOowwFh8q0HjfQOrbzwOAyGMIL5qRogqDLhAYef7KFo+g8lzJdEPJqjCIOS2gXp0WyYDIexA9FCFodNUTetmH4HNMD8ZHlqEqMEghq1fM98wDJfBpbPeAQQxGLUhQwysahoe7WoWPIYDhLyTGmLYE4+BQtuv2WwFk4FOd7uyCLHFEJwLFxmofzWsobTlMhDCEcQjw4BFfZGBzLsXq43WcetR4w5/bOWokoFy3l5noHMrmaDhB1ik/b8jmTRpYqDRzFUGstJiqVoQPKnI0kwMRfrkRQYqVEf9rDv2IkgOgoSSITuKvdYPJOgyDIbkqxnUWTUPM56aJcBU3unEZcFE/VxZ8mmmvoHQP93cfvHf2Ek3Mon6suMewvgNhOGMJf3a/zn51IyH1b8t2y5ZfOutv6X/XEiMO7T9kdkAAAAASUVORK5CYII=) no-repeat 0.1rem 0;background-size: auto .55rem;}
.contactPage .conlist .item span{line-height: .26rem;color: #333333;margin-bottom: .07rem;font-size: .26rem;display: block;}
.contactPage .conlist .item strong{font-family: arial;font-weight: normal;color: #f95927;}
.contactPage .conlist .item strong a{font-size: .26rem;color: #f95927;font-weight: bold;}
.contactPage .conlist .item.address s{background-position: -0.65rem center;}
.contactPage .conlist .item.address strong{color: #666;font-size: .22rem;font-weight: normal;}

/*fenx start*/
#nativeShare{margin:0 auto;width:100%;padding-top:0.3rem;max-width:640px;min-width:320px}
#nativeShare .label{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem}
#nativeShare .list{width:4.6rem;float:right}
#nativeShare .list span{height:0.9rem;width:0.9rem;padding:0;display:inline-block}
#nativeShare .list span i{margin:0 auto;width:0.63rem;height:0.63rem;display:block}
#nativeShare .weibo i{background-image:url('../images/weibo.png');background-size:cover}
#nativeShare .weixin i{background-image:url('../images/weixin_friend.png');background-size:cover}
#nativeShare .weixin_timeline i{background-image:url('../images/weixin.png');background-size:cover}
#nativeShare .qq i{background-image:url('../images/qq.png');background-size:cover}
#nativeShare .qzone i{background-image:url('../images/qqzone.png');background-size:cover}
#nativeShare .more i{background-image:url('../images/more.png');background-size:cover}
#nativeShare .list span.qzone,#nativeShare .list span.more{width:0.73rem}
#fenxiang{display:none}
.fenx{height:1.0rem;width:100%}
.fenx .tt{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem}
.fenx .bdsharebuttonbox{width:80%;float:right}
.fenx .bdsharebuttonbox a{margin-left:0.2rem}
#bdfx a{height:0.6rem;width:0.6rem;margin:0;padding:0;margin:0px 0.08rem;display:inline-block}
#bdfx .d1{background:url(../images/weixin.png) no-repeat center;background-size:100% 100%}
#bdfx .d2{background:url(../images/weibo.png) no-repeat center;background-size:100% 100%}
/*fenx end*/
embed{width: 100% !important; height: auto !important;}
/*# sourceMappingURL=style.css.map */
