@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#ffffff; font:14px/1.5 Microsoft YaHei; }
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe{ width:100%; height:220px;}
pre {white-space: pre-wrap;word-wrap: break-word; font-family:inherit;}
.clear{clear:both}
/*href*/
a:link,a:visited{color:#333}
a:hover,a:active{color:#a00}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#a00}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#a00}

/*common*/
.wrap{ width:95.4%; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

.top{ width:100%; margin:0 auto;}

.nav{ background:url(../images/nav_bg.jpg) no-repeat center center; background-size:100% 100%; width:100%; height:2.14rem;}
.nav li{ width:33.3%; float:left; text-align:center; line-height:1.07rem;}
.nav li a{ display:block; font-size:0.4rem; color:#ffffff;}

.box1{ width:100%; position:relative; margin:0 auto; background:url(../images/jjbj.png) no-repeat right center; background-size:contain; margin-bottom:0.5rem;}
.cpfl{ width:94%; margin:0 auto; }
.cpfl li {float: left;text-align: center;font-size:0.4rem;}
.ej_nav11 {width:19%;overflow: hidden; height:1rem;}
.ej_nav11 a { font-size:0.4rem;}



.sycp li{ width:46%; margin:2%; float:left;position: relative;}
.sycp li p {display: block; width: 94%; margin: 1% 3%;position: absolute;bottom: 0; height:0.8rem;    text-indent: 0.4rem;
    line-height: 0.8rem; background: url(../images/bg_01.png) repeat;color: #fff;}
.sycp li p span { float:right; margin-right:0.4rem;}

.cfsbt{ background:url(../images/cfbj.png) no-repeat center top; width:100%}
.cfsbt1{ width:90%; margin:0 auto; overflow:hidden; padding-top:5%; margin-bottom:0.5rem;}




.class_list{ width:92%; margin:0 auto; }
.class_list li{float:left;width:47.1%;margin: 1.4%;}
.xwzi{background-color:#f3f3f3; padding-bottom:0.1rem;}
.xwm{ width:96%; margin:0 auto; font-size:0.35rem; color:#000000; line-height:0.6rem; font-weight:normal;}
.xwjj{width:96%; margin:0 auto; font-size:0.26rem; color:#000000; line-height:0.5rem; font-weight:normal; margin-bottom:0.5rem;}
.xwjj span{ font-size:0.26rem; color:#04912c; float:right;}



.box1_left{ margin-left:0.26rem;}
.jjwenzi{ width:60%;}
.jjwenzi h1{ font-size:0.42rem; color:#333333; line-height:1; font-weight:normal;}
.jjwenzi h2{ font-size:0.11rem; color:#333333; line-height:0.73rem;}

.box1_left h1{ font-size:0.42rem; color:#333333; line-height:1; font-weight:normal;}
.box1_left h2{ font-size:0.11rem; color:#333333; line-height:0.73rem;}
.box1_zi{ font-size:0.34rem; color:#666666; line-height:0.61rem; width:4.74rem;}
.box1_tb{ width:3.6rem;}
.box1_tb li{ background:url(../images/box1_bg.png) no-repeat center center; background-size:100% 100%; height:0.66rem; margin-top:0.32rem;}
.box1_tb li p{ font-size:0.34rem; color:#ffffff; line-height:0.66rem;}
.box1_icon{ background-repeat:no-repeat; background-position:right center; background-size:auto 0.42rem; width:1.02rem; height:0.66rem; margin-right:0.26rem;}
.box1_icon1{ background-image:url(../images/box1_icon1.png);}
.box1_icon2{ background-image:url(../images/box1_icon2.png);}
.box1_icon3{ background-image:url(../images/box1_icon3.png);}

.box2{ background:url(../images/box2_bg.jpg) no-repeat center top; background-size:100% 6.13rem; height:7.6rem;}
.box2_slide{ width:94.5%; margin:0 auto; position:relative;}
.box2_slide .prev, .box2_slide .next{ display:block; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; width:0.66rem; height:0.66rem; position:absolute; top:2.28rem;}
.box2_slide .prev{ background-image:url(../images/prev.png); left:0;}
.box2_slide .next{ background-image:url(../images/next.png); right:0;}
.box2_slide .bd{ width:78.4%; margin:0.53rem auto 0.34rem;}
.box2_tu{ width:4.04rem;}
.box2_zi{ width:2.69rem;}
.box2_zi h1{ font-weight:normal; font-size:0.42rem; color:#ffffff; line-height:0.64rem; margin-top:0.9rem;}
.box2_more{ margin-top:0.42rem; width:1.7rem; height:0.53rem; text-align:center; line-height:0.53rem; background-color:#ffffff; font-size:0.32rem; color:#27A14D;}
.box2_nav{ font-size:0;}
.box2_nav li{ display:inline-block; width:1.3rem; height:1.3rem; border:1px solid #BFD5BF; border-radius:1.3rem; line-height:1.3rem; background-color:#ffffff; margin:0 0.26rem;}
.box2_nav li.on{ border:1px solid #2FA34D;}
.box2_nav li img{ height:1rem; vertical-align:middle;}

.box3{ position:relative; width:100%; overflow:hidden;}
.box3 .swiper-slide{ position:relative; width:93.2%; margin:0 3.4%;box-shadow:2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.05);}
.box3_zi{ position:absolute; right:0; top:0; height:100%; background:url(../images/box3_bg.png) no-repeat center center; background-size:100% 100%; width:3.73rem; padding:0 0.53rem 0 1.46rem;}
.box3_zi h1{font-style: italic; font-size:0.53rem; color:#27A14D; border-bottom:1px solid #CCCCCC; line-height:1.06rem; padding-top:0.12rem;}
.box3_zi h2{ padding-top:0.26rem; font-size:0.34rem; color:#333333; line-height:0.61rem;}
.box3_zi p{ font-size:0.32rem; color:#666666; line-height:0.57rem;}
.box3_more{ margin-top:0.13rem; width:1.97rem; height:0.53rem; border:1px solid #B2B2B2; border-radius:0.53rem; text-align:center; line-height:0.53rem; font-size:0.32rem; color:#999999;}
.box3 .swiper-button-prev, .box3 .swiper-button-next{ width:0.66rem; height:0.66rem; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; margin-top:-0.33rem; top:50%;}
.box3 .swiper-button-prev{ background-image:url(../images/box3_prev.png); left:0;}
.box3 .swiper-button-next{ background-image:url(../images/box3_next.png); right:0;}

.box4{ background:url(../images/box4_bg.jpg) no-repeat center center; background-size:cover; padding:1.2rem 0 0.7rem; margin-top:0.6rem;}
.box4_tit{ font-size:0.42rem; color:#ffffff; line-height:1;}
.box4_ul{ margin-top:0.4rem;}
.box4_ul li{ float:left; width:46.6%; margin:0 1.7%; text-align:center;}
.box4_ul li p{ line-height:0.34rem; color:#ffffff; line-height:0.52rem; padding:0.09rem 0;}

.box5{ padding:0.3rem 0 0.2rem;}
.box5_tit{ line-height:1.13rem; background:url(../images/box5_x.jpg) no-repeat center bottom; background-size:100% 1px;}
.box5_ul{ background-color:#04912C; padding-bottom:0.8rem;}
.box5_ul li{ background:url(../images/box5_line.png) no-repeat center bottom; background-size:100% 2px; padding-top:0.33rem; padding-bottom:0.37rem;}
.box5_ul li:nth-child(1){ animation-delay: 0.2s;}
.box5_ul li:nth-child(2){ animation-delay: 0.4s;}
.box5_ul li:nth-child(3){ animation-delay: 0.6s;}
.box5_ul li:nth-child(4){ animation-delay: 0.8s;}
.box5_ul li:nth-child(5){ animation-delay: 1.0s;}
.box5_ul li .box5_icon{ background-repeat:no-repeat; background-position:0.4rem center; background-size:0.64rem auto; font-size:0.37rem; color:#ffffff; padding-left:1.4rem;}
.box5_ul li .box5_icon1{ background-image:url(../images/box5_icon1.jpg);}
.box5_ul li .box5_icon2{ background-image:url(../images/box5_icon2.jpg);}
.box5_ul li .box5_icon3{ background-image:url(../images/box5_icon3.jpg);}
.box5_ul li .box5_icon4{ background-image:url(../images/box5_icon4.jpg);}
.box5_ul li .box5_icon5{ background-image:url(../images/box5_icon5.jpg);}

.footer{ position:fixed; bottom:0; width:100%; z-index:9999;}
.footer a{ display:block; float:left; width:20%;}

.ej_nav{color: #fff; font-size:0.4rem;width: 100%;text-align: center;background-color:#04912c;line-height: 1rem;}
.ej_nav li {float: left;text-align: center;}
.ej_nav li.ej_nav1 {width:31%;overflow: hidden; height:1rem;}
.ej_nav a { color: #fff; display:block; font-size:0.4rem;}

.ej_y{padding:0.4rem 0;}

.article, .article p{line-height: 0.9rem; color: #434343;font-size: 0.41rem;}
.article img{ max-width:100%;}

.newslist{ margin-top:0.4rem;}
.newslist li{border-bottom: 1px dashed #CCCCCC;padding:0 0.2rem 0.2rem; margin-bottom: 0.3rem;}
.newslist li h1{font-size: 0.4rem;}
.newslist li p{color: #999999; padding-top: 0.2rem;}

.classlist{ margin-top:0.4rem;}
.classlist li{ float:left; width:49.2%; margin-bottom:1.6%;}
.classlist li:nth-child(2n){ float:right;}
.class_zi{font-size: 0.24rem;color: #333333;line-height: 1.04rem;text-align:center;}

.caselist{ box-shadow:2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.05);}
.caselist li{ position:relative; margin-bottom:0.3rem;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #04912c; color: #fff;}