@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: 0.14rem; 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: 1.16rem; }
.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 #00843c; 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: 2.5rem;  margin-top: 0.25rem; margin-left: 0.28rem; }
.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; }
.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: #00843c; 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.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 */

/*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: 0.22rem; color: #FFF; line-height: 0.35rem; background-color: #4C4C4C; }
/* footer end */



.index_about{ width: 90%; margin: 0px 5%;font-size: 14px; line-height: 2; }
.index_about img{ margin-top: 30px; }
.index_you{ width: 90%; margin: 20px 5%;overflow: hidden; }
.index_you ul{}
.index_you ul li{ width: 48%;text-align: center; float: left;margin: 0 1%; }
.index_you ul li img{ width: 100%; }
.index_you ul li h1{ font-size: 16px; }
.index_you ul li p{ font-size: 14px;margin-top: 10px; }


.index_news{ width: 90%; margin: 0px 5%;font-size: 14px; line-height: 2; }
.index_news ul{overflow: hidden; margin:20px 0;}
.index_news ul li{ width: 100%; float: left;margin-bottom: 5px; }
.index_news ul li a{float: left; display: block; font-size: 14px;}
.index_news ul li span{ float: right; display: block; font-size: 14px;}

/* 首面新闻 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: 0.14rem; width: 3.8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#scrolldiv div span { float: right; font-size: 0.11rem; 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: 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: 0.20rem; 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 */



.neirong h5{ font-size: 14px; line-height: 2; }
.neirong p{font-size: 12px; line-height: 2; }




.yangben { width: 90%; margin: 30px 5%; }
.yangben p a{ display: block; font-size: 16px; text-align: left;line-height: 2; }
.yangben span{ display: block; margin-top: 10px; }
.yangben span a{ display: block; text-align: left; font-size: 16px; float: left; line-height: 30px;
margin-left: 10px;}
.yangben span img{ width: 30px;float: left; }

.mobile_nei{width: 94%;margin-left: 3%;padding-top: 20px; padding-bottom: 20px;}
.mobile_nei h1{text-align:center;font-size: 0.4rem; color: #00843c;margin-bottom:10px;}
/* 表单 */
.biaodan{ width:100%; height: auto;margin-top: 30px;}
.biaodan h1{text-align: center; font-size: 24px;}
.biaodan_1{ width:100%;float: left;margin-bottom: 10px;margin-top: 10px;}
.biaodan_1 p{ float: left; width: 20%;text-align: right;margin-left: 3%;line-height: 30px;}
.biaodan_1 span{ color: red;float: left;padding-top: 10px;padding-left: 5px; }
.biaodan_1 input{ width: 70%; height: 30px;line-height: 30px;padding-left: 10px;float: left; 
border:solid 1px #ccc;}
.biaodan_1 textarea{width: 70%; height: 150px;line-height: 30px;padding-left: 10px;
	float: left;border:solid 1px #ccc;}
.biaodan_2{ width:100%;float: left;margin-bottom: 10px;margin-top: 10px;}
.biaodan_2 p{ float: left; width: 20%;text-align: right;margin-left: 3%;}
.biaodan_2 span{ color: red;float: left;padding-top: 10px;padding-left: 5px; }
.biaodan_2 input{ width: 40%; height: 30px;line-height: 30px;padding-left: 10px;float: left;
border:solid 1px #ccc; }
.biaodan_2 img{padding-top: 0px;}
.biaodan_3{ width:100%;float: left;margin-bottom: 10px;margin-top: 10px;}
.biaodan_3 input{ width: 40%; height: 30px;background-color: #00843c;border:none;color: #fff;line-height: 30px;
margin-left: 30%;}

/* 首页资讯 start */
.hot h1 { font-size: 0.3rem; color: #00843c; 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: 0.2rem; color: #7F7F7F; padding: 0.5rem 0.3rem 0 0.3rem; }
.hot a.more { display: inline-block; font-size: 0.2rem; 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: #00843c; font-size: 0.3rem; 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%; }
.prolist li { float: left; width: 44%; margin: 0 3%; background-color: #E5E5E5; }
.prolist li a .img { width: 90%; height: 2rem; margin: 0.2rem 5%; position: relative; }
.prolist li a .con { width: 100%; line-height: 30px; color: #333; background-color: #FFF; font-size: 0.13rem; 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:#00843c; color:#FFF !important; border-radius:0.3rem; padding:0.05rem 0.5rem; font-size:0.14rem; }
/* 首页产品 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: #00843c; color: #ffffff; font-weight: bold; border-color: #00843c; }
.twosub li { width: 3.75rem; float: left; background-color: #FFF; }
.manu td { text-align: center; background: url(../images/twosubg.gif); }
.manu td a { display: block; box-sizing: border-box; width: 100%; text-align: center;
	line-height: 0.8rem; font-size: 0.32rem; 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: #00843c; color: #ffffff; font-weight: bold; border-color: #00843c; }
/*  start */
.aboutcon,
.courses,
.hometeacher,
.homenews { width: 6.7rem; margin: 0.5rem auto; }
.aboutcon p { font-size: 0.24rem; color: #212121; line-height: 0.4rem; width: 100%; padding-bottom: 0.2rem; }
.aboutcon h2 { width: 100%; }
.aboutcon h3 { width: 100%; font-weight: normal; }
/*  end */




.honor{ width: 100%;  }
.honor ul{}
.honor ul li{ width: 48%; margin: 20px 1%; float: left; text-align: center;height: 230px;
line-height: 200px; }
.honor ul li a img{ max-width: 100%; max-height: 200px; }
.honor ul li a p{ text-align: center; font-size: 14px; height: 30px; line-height: 30px; }



.cases{ width: 100%;overflow: hidden; margin: 30px 0;  }
.cases ul{margin-top: 30px;}
.cases ul li{ width:80%; margin: 10px 10%; float: left; text-align: left;height: 30px;
line-height: 30px;  border-bottom: dashed 1px #ccc;}
.cases ul li a h1{ text-align: left; font-size: 14px; height: 30px; line-height: 30px;
float: left; }
.cases ul li a p{text-align: right;float: right;}

.job{ width: 90%;margin: 0 5%; }
.job ul{}
.job ul li{ width: 47%;margin: 20px 1%; float: left;text-align: left;border: solid 1px #ccc;
padding: 20px;}
.job ul li h1{ font-size: 18px; }
.job ul li span{background: #ccc; width: 80%; height: 1px; display:block;margin-top: 10px;}
.job ul li p{ font-size: 14px; line-height: 2; }
.job ul li a{ color:#00843c ; font-size: 16px; margin-top: 10px;display: block;cursor: pointer; }


/*  图片 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:0.2rem; }
/* news list start */


.newslist1 ul li{border-bottom:1px solid #EEE;}
.newslist1 ul li a{display:-webkit-box; -webkit-box-orient:horizontal; height:auto; padding:15px;}
.newslist1 ul li a p.time{width:50px; height:50px; border:1px solid #E6E6E6; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.08);}
.newslist1 ul li a p.time .day{display:block; text-align:center; font-size:16px; color:#333; padding-top:8px;}
.newslist1 ul li a p.time .date{font-size:10px; color:#999; display:block; text-align:center;}
.newslist1 ul li a p.con{-webkit-box-flex:1; padding-left:12px; padding-top:2px;}
.newslist1 ul li a p.con .tit{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist1 ul li a p.con .cons{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:5px; color:#999; font-size:11px;}


/*
	产品详情
*/
#pro_tags {  width: 6.7rem; margin: 0.3rem auto;line-height: 2;font-size: 14px; }
#pro_tags .tags_title { border-bottom: 0px none !important; border-top: 2px solid #00843c; padding: 20px 20px 0 20px !important; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-size: 16px !important; font-weight: bold !important; color: #00843c !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; }

.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 */