@charset "utf-8";
/* Common style */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }
*,
*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
div,
ul,
li,
p,
dl,
dt,
dd,
figure,
figcaption,
ol { margin: 0; padding: 0; }
body { font: menu; font-size: 14px!important; color: #333; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }
ul,
li { margin: 0; padding: 0; list-style: none; }
a img,
input,
button,
textarea,
a { border: none; }
input,
button,
textarea { display: inline-block; font: menu; font-size: 0.14rem; }
input[type="submit"],
input[type="button"] { -webkit-appearance: none; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
img { max-width: 100%; display: block; }
/*清楚浮动*/
.clearfix:after { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block; }
/*图片垂直水平居中*/
.vcenter { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; text-align: center; margin: auto; }
.vcenter2 { position: absolute; right: 0; bottom: 0; left: 0; top: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; margin: auto; }
/* Link Style */
a { text-decoration: none; }
a:link { color: #333; }
a:visited { color: #333; }
a:active { color: #ff7268; }
/* Body Style */
body { background: #f9f9f9; }
.backa2 { background-color: #a2a2a2; }
.backe14e4c { background-color: #e14e4c; }
.back5793bd { background-color: #5793bd; }
.backfff { background-color: #ffffff; }
.backf9f9 { background-color: #f9f9f9; }
.back1065a1 { background-color: #1065a1; }
.back4084b4 { background-color: #4084b4; }
.bdd3533 { background-color: #dd3533; }
.b959595 { background-color: #959595; }
.baccca3f { background-color: #ccca3f; }
.bacd40300 { background-color: #d40300; }
.bacc6bc1a { background-color: #c6bc1a; }
.modularbg { background: url("../images/modularbg.jpg"); background-size: 100% 100%; }
.bluebg { background: url("../images/bluebg.png") repeat; }
.redbg { background: url("../images/redbg.png") repeat; }
.graybg { background: url("../images/graybg.png") repeat; }
.azure { background: url("../images/azure.png") repeat; }
.prolongationbg { background: url("../images/prolongationbg.png"); background-size: 100% 100%; }
.con { width: 7.5rem; margin: 0 auto; }
.hiden { overflow: hidden; }
.wrap { width: 7.5rem; margin: 0.77rem auto 1rem; position: relative; z-index: 99; }
.n { font-weight: normal; }
.b { font-weight: bolder; }
.cfff { color: #ffffff; }
.ca2 { color: #a2a2a2; }
.c9 { color: #999999; }
.c0 { color: #000000; }
.red { color: #d40300; }
.c87b7d9 { color: #87b7d9; }
.s2 { font-size: 0.2rem; }
.s22 { font-size: 0.22rem; }
.s24 { font-size: 0.24rem; }
.s26 { font-size: 0.26rem; }
.s28 { font-size: 0.28rem; }
.s3 { font-size: 0.3rem; }
.tc { text-align: center; }
.tr { text-align: right; }
.mt-05 { margin-top: 0.05rem; }
.mt-3 { margin-top: 0.3rem; }
.mb-1 { margin-bottom: 0.1rem; }
.mlr-1 { margin-left: 1rem; margin-right: 1rem; }
.pt-3 { padding-top: 0.3rem; }
.pd-3 { padding-bottom: 0.3rem; }
.ptd-4 { padding: 0.4rem 0rem; }
.ptd-42 { padding: 0.42rem 0rem; }
.ptd-55 { padding: 0.55rem 0rem; }
.t_hide { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.two_hide { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.three_hide { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.fl { float: left; }
.fr { float: right; }
.line4 { line-height: 0.4rem; }
.line10 { line-height: 1rem; }
.text-c { text-align: center; }
.dsbnone { display: none; }
.dsblock { display: block; }
.clear { clear: both; }
.cleaerbx { width: 7.5rem; height: 40px; }
.pagecon,
.ban-page,
.footer,
.newslist,
.photolist,
.projectbg,
.conwap,
.prolongation { width: 7.5rem; margin: 0rem auto; }
.pagecon { overflow: hidden;
}
/* header start */
header { width: 100%; height: 1.16rem; border-top: 3px solid #2da75e; position: fixed; top: 0; z-index: 223; box-sizing: border-box; background-color: #ffffff; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; box-shadow: 0 2px 10px rgba(0,0,0,.13); }
header a,
header h1 { text-indent: -9999px; }
header a.logo { width: 130px;  margin-top: 10px;  margin-bottom: 20px;margin-left:20px; }
header a.logo img { height: 40px;  }
.top-menu { width: 1.14rem; height: 1.16rem; background: url(../images/top-menu.png) center no-repeat; background-size: 1.14rem 1.16rem; margin-top: -3px; }
.cd-main-content { min-height: 100%; position: relative; background-color: #f9f9f9; z-index: 222; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; margin-top: 17px;}
.cd-main-content.lateral-menu-is-open { -webkit-transform: translateX(-4.86rem); -moz-transform: translateX(-4.86rem); -ms-transform: translateX(-4.86rem); -o-transform: translateX(-4.86rem); transform: translateX(-4.86rem);
 }
header.lateral-menu-is-open { -webkit-transform: translateX(-4.86rem); -moz-transform: translateX(-4.86rem); -ms-transform: translateX(-4.86rem); -o-transform: translateX(-4.86rem); transform: translateX(-4.86rem); }
header.is-fixed { position: fixed; }
.overflow-hidden { overflow: hidden; }
#cd-menu-trigger { position: absolute; right: 0rem; top: 0rem; height: 1.16rem; width: 1.14rem; }
#cd-lateral-nav { position: fixed; height: 100%; right: 0; top: 0; z-index: 1; width: 4.25rem; box-sizing: content-box; padding: 0rem 0.3rem; background-color: #2da75e; overflow-y: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transform: translateX(0.8rem); -moz-transform: translateX(0.8rem); -ms-transform: translateX(0.8rem); -o-transform: translateX(0.8rem); transform: translateX(0.8rem); }
#cd-lateral-nav .cd-navigation { }
#cd-lateral-nav .sub-menu { display: none; }
#cd-lateral-nav a { display: block; text-align: center; font-size: 0.28rem; border-bottom: 1px solid #ffffff; box-sizing: border-box; line-height: 0.9rem; height: 0.9rem; color: #ffffff; }
#cd-lateral-nav a.c{
    font-size: 12px;
    background: #fff;
    color: #2da75e;
    border-bottom: 1px solid #2da75e;
    line-height: 0.7rem; height: 0.7rem;
}
#cd-lateral-nav a.current { color: #ffffff; }
.no-touch #cd-lateral-nav a:hover { color: #ffffff; }
#cd-lateral-nav.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-overflow-scrolling: touch; }
#cd-lateral-nav .item-has-children > a { position: relative; text-transform: uppercase; font-weight: 600; }
#cd-lateral-nav .item-has-children > a::after { content: ''; fill: #ffffff; display: block; height: 0.32rem; width: 0.26rem; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0.2rem; background: url("../images/cd-arrow.svg") no-repeat center center; background-size: 8px 11px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
#cd-lateral-nav .item-has-children > a.submenu-open::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }
/* header end */



.indexpro{ width: 100%;margin: 30px 0;min-height:  }
.indexpro ul{}
.indexpro ul li{ width:40%;margin: 10px 5%; float: left; text-align: center;line-height: 30px;height: 210px; }
.indexpro ul li a div{width: 150px; height: 150px;line-height:150px;text-align: center;}
.indexpro ul li a div img{ max-height:150px;max-width: 150px;display: inline-block; vertical-align: middle;  }
/*home banner start */
.focus { width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden; }
.focus .hd { width: 100%; height: 5px; position: absolute; z-index: 1; bottom: 0; text-align: center; }
.focus .hd ul { overflow: hidden; display: -moz-box; display: -webkit-box; height: 5px; background-color: rgba(0, 0, 0, 0.5); }
.focus .hd ul li { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; }
.focus .hd ul .on { background: #ffffff; color:#FFF; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%; height: auto; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); /* 取消链接高亮 */ }
/*banner end*/

/* footer start */
.footer { padding: 0.5rem 0rem; text-align: center; font-size: 14px; color: #FFF; line-height: 0.35rem; background-color: #4C4C4C; }
/* footer end */


/* 首面新闻 start */
.i_news { width: 7.5rem; height: 0.9rem; }
.i_news_title { width: 1.7rem; padding-top: 0.3rem; padding-left: 0.2rem; }
#scrolldiv { width: 5.5rem; float: right; height: 0.42rem; overflow: hidden; margin-top: 0.35rem; }
#scrolldiv div { float: left; width: 5.5rem; height: 0.42rem; list-style-type: none; }
#scrolldiv div a { float: left; font-size: 14px; width: 3.8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#scrolldiv div span { float: right; font-size: 12px; width: 1.7rem; }
/* 首面新闻 end */

/* 底部电话 start */
.foot_tel { width: 7.5rem; min-height: 2.2rem; background: url(../images/foot_tel.jpg) #F2F2F2 no-repeat left top; background-size: 100% 100%; }
.foot_tel div { width: 4.5rem; float: right; margin-top: 0.4rem; }
.foot_tel div p { background-repeat: no-repeat; background-position: left 0.05rem; background-size: 0.17rem 0.17rem; padding-left: 0.24rem; margin-top: 10px; font-size: 12px; line-height: 0.24rem; }
.foot_tel div p.icon1 { background-image: url(../images/foot_tel_icon1.png); }
.foot_tel div p.icon2 { background-image: url(../images/foot_tel_icon2.png); }
.foot_tel div p.icon3 { background-image: url(../images/foot_tel_icon3.png); }
/* 底部电话 end */


/* 首页资讯 start */
.hot h1 { font-size: 0.3rem; color: #2da75e; height: 0.3rem; line-height: 0.28rem; padding: 0.5rem 0 0 0.2rem; }
.hot h1 img { float: left; height: 0.28rem; margin-right: 0.1rem; }
.hot p { font-size: 14px; color: #7F7F7F; padding: 0.5rem 0.3rem 0 0.3rem; }
.hot a.more { display: inline-block; font-size: 12px; color: #333333; height: 0.4rem; line-height: 0.4rem; position: absolute; left: 0.2rem; bottom: 0.5rem; }
.hot a.more img { float: left; height: 0.4rem; margin-right: 0.1rem; }
.hot_video { width: 100%; background-color: #F2F2F2; }
.hot_video_title { width: 50%; height: 3.21rem; position: relative; }
.hot_video_img { width: 50%; }
.hot_about { width: 100%; background-color: #F2F2F2; }
.hot_about_title { width: 50%; height: 3.21rem; position: relative; }
.hot_about_img { width: 50%; }
.hot_concept { width: 100%; background-color: #F2F2F2; }
.hot_concept_title { width: 50%; height: 3.21rem; position: relative; }
.hot_concept_img { width: 50%; }
/* 首页资讯 end */

/* 首页产品 start */
h1.hot_pro { width: 100%; text-align: center; color: #000000; font-size:16px; padding: 0.25rem 0; }
h1.hot_pro span { display: block; font-size: 0.18rem; text-transform: uppercase; font-weight: normal; color: #7F7F7F; }
.prolist { width: 100%;
    margin-bottom: 50px; }
.prolist li { float: left; width: 44%; margin: 0 3% 15px; background-color: #fff; border:1px solid #bfbfbf;}
.prolist li a .img { width: 90%; height: 2rem; margin: 0.2rem 5%; position: relative; }
.prolist li a .con { width: 100%; line-height: 30px; color: #7d7d7d; background-color: #FFF; font-size: 14px; padding-bottom: 0.13rem; transition: all 0.3s; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.hot_pro_more { margin:20px auto; display:inline-block; background-color:#fff; color:#656565 !important; border:1px solid #656565;border-radius:0.3rem; padding:0.05rem 0.5rem; font-size:14px; }
/* 首页产品 end */


/*公司简介 两子导航 start */
.twosub,
.onesub,
.threesub { width: 7.5rem; margin: 0rem auto; display: none; }
.twosub li a,
.onesub li a,
.threesub li a { display: block; box-sizing: border-box; width: 100%; text-align: center; line-height: 1.18rem; font-size: 0.28rem; color: #999999; border: 1px solid #999999; }
.twosub li a:hover,
.twosub li a.twosubactive,
.onesub li a:hover,
.onesub li a.twosubactive,
.threesub li a:hover,
.threesub li a.twosubactive { background-color: #2da75e; color: #ffffff; font-weight: bold; border-color: #2da75e; }
.twosub li { width: 3.75rem; float: left; background-color: #FFF; }
.manu td { text-align: center; background: url(../images/twosubg.gif);
    width: 33%;
    float: left;height: 0.8rem;}
.manu td a { display: block; box-sizing: border-box; width: 100%; text-align: center; line-height: 0.8rem; font-size: 0.28rem; color: #999999; border: 1px solid #DDD; border-right: 0px none; }
.manu td:last-child a { border-right: 1px solid #DDD; }
.manu td a.A { background-color: #2da75e; color: #ffffff; font-weight: bold; border-color: #2da75e; }
/*  start */
.aboutcon,
.courses,
.hometeacher,
.homenews { width: 6.7rem; margin: 0.5rem auto; }
.aboutcon p { font-size: 0.26rem; color: #212121; line-height: 0.4rem; width: 100%; padding-bottom: 0.2rem; }
.aboutcon h2 { width: 100%;
    font-size: 14px!important; }
.aboutcon h3 { width: 100%; font-weight: normal; }
/*  end */





/*  图片 start */
.img-scroll { position: relative; margin: 0 auto; width: 7.5rem; height: 4.54rem; margin-bottom: 0.4rem; }
.img-scroll .prev1,
.img-scroll .next1 { position: absolute; display: block; width: 0.47rem; height: 0.75rem; top: 1.7rem }
.img-scroll .prev1 { left: 3px; background: url("../images/imgs_left2.png") no-repeat; background-size: 0.47rem 0.75rem; }
.img-scroll .next1 { right: 3px; background: url("../images/imgs_right2.png") no-repeat; background-size: 0.47rem 0.75rem; }
.img-list { position: relative; width: 6.02rem; height: 4.54rem; overflow: hidden; margin: 0 auto; }
.img-list ul { width: 9999rem; }
.img-list div { float: left; display: inline; width: 6.02rem; height: 4.54rem; }
.img-list div { width: 6.02rem; height: 4.54rem; text-align: center; }
.img-list div img { display: inline; max-height: 100%; }
/*  图片 end */


/* news list start  */
.newslist,
.photolist { overflow: hidden; }
.newslist figure { width: 6.7rem; margin: 0rem auto; margin-top: 0.4rem; margin-bottom: 0.1rem; }
.newslist figure figcaption { width: 6.7rem; border: 1px solid #b2b2b2; box-sizing: border-box; position: relative; z-index: 9; }
.newslist figure figcaption a img { box-sizing: border-box; width: 100%; padding: 2%; }
.newslist figure a.newlistit { box-sizing: border-box; padding: 0rem 0.2rem; width: 6.3rem; margin: 0rem auto; display: block; margin-top: 0.25rem; text-align: center; }
.return { text-align: center; }
.return a { display: block; padding: 0.2rem 0.15rem; background-color: #fff; color: #999; border-top: 1px solid #eee; margin-top: 0.8rem; cursor: pointer; font-size:14px; }
/* news list start */


/*
	产品详情
*/
#pro_tags {  width: 6.7rem; margin: 0.3rem auto; }
#pro_tags .tags_title { border-bottom: 0px none !important; border-top: 2px solid #2da75e; padding: 20px 20px 0 20px !important; background: #fff; font-size: 16px !important; font-weight: bold !important; color: #2da75e !important; }
#pro_tags .tags_content { margin-top: 0 !important; padding: 20px 30px 25px 30px !important; background: #fff; border: 1px solid #e6e6e6; border-top: 0px none; }
#pro_tags table { border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
#pro_tags table td,
#pro_tags table th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; }
#pro_tags table th { background: #E1F1F9; }
#pro_tags table { border: 0px none; margin: auto; border-left: 1px solid #ccc !important; border-top: 1px solid #ccc !important; }
#pro_tags table td { border: 0px none !important; border-right: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; padding: 6px !important; font-family: '微软雅黑' !important; font-size: 13px !important; }
#pro_tags table tr { transition: all 0.3s; }
#pro_tags table tr:hover { background: #eee; }
#pro_tags p>span>img,#pro_tags p>img{max-width: 100%;}
.tags_title{border-bottom:1px solid #DDD; padding:8px 0px 8px 10px; background:url(../images/title_bg_1.png) repeat-x left top; color:#FF6600; font-weight:bold;}.tags_content{margin-top:10px; margin-bottom:20px; line-height:200%;}

/*  start */

/*  end */