@charset "utf-8";
/*首页m1*/
.m1{ height: 260px; background: url("../images/sybg1.png"); background-position: center top; background-repeat: repeat-y; border-bottom: 1px solid #029688;}
.m1 .m1l{width: 260px; height: 260px;}
.m1 .m1r{ width: 880px; height: 260px; overflow:hidden; }
.m1 .m1r ul{ float: left;}
.m1 .m1r ul li{ width: 340px; height:220px; padding:10px; float: left; margin:10px; background: #f8f8f8;}
.m1 .m1r ul li img{ float: left; width: 220px; height: 220px;}
.m1 .m1r .m1pic{ width:6080px;}
.m1 .m1r ul li .r{ width: 100px;}
.m1 .m1r ul li .r h3{line-height:22px; font-size: 14px; color: #555555;}
.m1 .m1r ul li .r h4{ color: #ff0000; line-height: 30px;}

/*首页m2*/
.m2{ background: #fafafa; padding: 30px 0; min-width: 1200px;}
.m2l,.m2m,.m2r{ width: 385px; height: 180px; overflow: hidden; background: #fff;}
.m2m{ margin-left: 22px;}
.m21{ margin-top: 40px; margin-left: 82px; }
.m2tit{ color: #029688; font-size: 18px; margin-left: 20px; line-height: 40px; }
.m22{ margin-left: 82px; margin-top: 20px; margin-right: 82px;}
.m2t1{ margin: 20px 0;}
.m2t1 h4{ color: #029688; line-height: 40px;}
.m2t1 p{line-height: 28px;}

/*首页m3*/
.m3{ text-align: center; padding: 30px 0;}
.m3 .more{width: 134px; text-align: center; margin: 10px auto;transition: all .35s ease;}
.m3 .more a{ display: block; height: 40px; width: 134px; background:url("../images/more1.png")}
.m3 .more a:hover{background: url("../images/more2.png"); }
.m3 .bt{ height: 80px;}
.m3 h3{ display: inline-block; font-size: 30px; font-weight: bold;  line-height: 80px;}
.m3 .mu a{ font-size: 16px; display: inline-block; background: #f5f5f5; color: #666666; padding: 13px 20px; margin: 10px;}
.m3 .mu a:hover{background: #029688; color: #fff; transition-duration: .5s;}
.m3 .cp ul li{ width: 280px; height: 300px; margin: 8px; border: 1px solid #f5f5f5; float: left; overflow: hidden;}
.m3 .cp ul li:hover{border: 1px solid #029688;transition-duration: .5s;}
.m3 .cp ul li img{ height: 240px;}
.m3 .cp ul li p{ line-height: 30px; color:#EF0003;}

/*首页m4*/
.m4{ background: url("../images/sybg2.png");background-position: center top;background-repeat: repeat-y; padding: 30px 0; position: relative; min-width: 1200px;}
.m4 .m4l{ width: 528px;}
.m4 .m4r{ width: 528px;}
.m4 .m4l h3{ font-size: 24px; height: 40px; line-height: 40px; color: #333333;}
.m4 .m4l h3 span{ display: inline-block; width: 5px; height: 31px; background: #029688; margin-right: 10px;}
.m4 .m4l h3 a{ display: inline-block; float: right; width: 134px; height: 40px; background: url("../images/more1.png");}
.m4 .m4l h3 a:hover{background: url("../images/more2.png");}
.m4 .m4l ul li{ border-bottom: 1px solid #efefef; padding: 10px 0 20px; margin: 15px 0;}
.m4 .m4l ul li .l{ width: 80px; height: 80px; color: #ffffff;background: #029688; text-align: center;}
.m4 .m4l ul li .l h4{ font-size: 24px; padding-top: 15px; }
.m4 .m4l ul li .r{ width: 418px;}
.m4 .m4l ul li .r h4{ font-size: 16px; line-height: 35px;}
.m4 .m4r{ text-align: center;}
.m4 .m4r h3{ font-size: 24px; color: #fff; text-align: center; position: relative;}
.m4 .m4r h3 a.h3l{ position: absolute; border-top: 1px solid #fff; width: 80px;left: 90px; top:18px; }
.m4 .m4r h3 a.h3r{ position: absolute; border-top: 1px solid #fff; width: 80px;right: 90px; top:18px; }
.m4 .m4r ul{ padding: 24px 0;}
.m4 .m4r ul li{ color: #efefef; font-size: 16px; line-height: 55px; border-bottom: 1px dotted #fff; text-align: left;}
.m4 .m4r ul li img{ margin-top: 23px; margin-right: 10px;}
.m4 .m4r ul li a{ color: #fff;}
.m4 .m4r ul li span{ float: right;}
.m4 .m4r .more{margin-top: 10px;}
.m4 .m4r .more a{display: inline-block; width: 120px; height: 38px; background: url("../images/more3.png");}
.m4 .m4r .more a:hover{background: url("../images/more4.png");}