﻿/* CSS Document */



.ban{position: relative;}
.ban2{position: absolute;width: 1000px;left: 50%;top: 0;margin-left: -500px;}
.ban2 h1{font-size: 38px;font-weight: normal;color: #179fab;margin: 150px 0 40px 50px;}
.ban2 h1 span{font-size: 24px;margin-left: 15px;}
.ban2 p{width: 420px;margin-left: 50px;text-indent: 28px;}

.m1{height: 750px;background: #f1f1f1;}
.tong h1{text-align: center;font-size: 44px;color: #515151;padding-top: 95px;font-weight: normal;}
.tong h3{text-align: center;font-size: 30px;color: #5d6465;margin: 25px 0 35px 0;font-weight: normal;font-family: "宋体";}
.tong p{width: 30px;height: 4px;margin: 0 auto;background: #179fab;}

.m1b{width: 1000px;margin: 0 auto;overflow: hidden;}
.m1b li{float: left;width: 200px;margin-top: 100px;}
.m1b li img{margin: 0 auto;}
.m1b li p{margin:30px auto 0;text-align: center;font-size: 20px;color: #646464;}

.m2{height: 750px;background: #0fa1a8;overflow: hidden;}
.m2 .tong h1{color: #fff;}
.m2 .tong h3{color: #fff;}
.m2 .tong p{background: #f39800;}
.m2b{margin: 85px auto 0;width: 895px;position: relative;height: 334px;}
.m2b li{width: 285px;height: 339px;background: #0fa1a8;float: left;overflow: hidden;padding:0 10px;}
.m2b li .m2bl1{width: 285px;height: 334px;background: #fff;border-bottom: solid 5px #c3c3c3;}
.m2b li h5{font-size: 12px;font-weight: normal;margin: 15px 0 0 20px;color: #a3a3a3;}
.m2b li h4{font-size: 15px;font-weight: normal;margin: 5px 0 0 20px;color: #0d8c92;}
.m2b li h6{font-size: 14px;font-weight: normal;margin: 35px 0 0 20px;color: #666;background: url(/images/jrwm40.jpg) left no-repeat;height: 26px;padding-left: 38px;line-height: 28px;}
.m2b .pre1{position: absolute;top:140px;left: -75px;z-index: 999;}
.m2b .next1{position: absolute;top:140px;right: -75px;z-index: 999;}

.m3{height: 750px;background: #f1f1f1;overflow: hidden;}
.m3b{margin: 85px auto 0;width: 895px;position: relative;}
.m3b ul{position: relative;z-index: 99;}
.m3b li{width: 285px;height: 334px;background: ;float: left;padding: 0 10px;}
.m3b li h5{font-size: 22px;font-weight: normal;margin: 55px 0 30px 50px;color: #515151;}
.m3b li h4{font-size: 15px;font-weight: normal;margin-left:10px;color: #515151;}
.m3b li h6{font-size: 14px;font-weight: normal;margin: 50px 0 0 50px;color: #fff;background: #179fab;height: 36px;line-height: 28px;width: 185px;text-align: center;line-height: 35px;}
.m3b .pre2{position: absolute;top:140px;left: -75px;z-index: 999;}
.m3b .next2{position: absolute;top:140px;right: -75px;z-index: 999;}
.m3b .m3b_2{width: 285px;height: 334px;background: #fff;position: absolute;top: 0;z-index: 9;left: 305px;}

.m4{height: 660px;background: ;overflow: hidden;}
.m5b{width: 1000px;margin: 60px auto 0;}
.m5b li{float: left;}
.m5b .m5b_2{
	height: 200px;
	width: 320px;
	margin:25px 0 0 40px;
	padding-left: 35px;
	background-image: url(/images/atr_37.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.m5b .m5b_2 p{margin-top: 9px;}
.m5b .m5b_2 p span{font-size: 22px;}


.book{position: fixed;left: auto;right: 25px;top: 50%;z-index: 999;width: 100px;height: 150px;margin-top: -60px;}
    .book li{height: 30px;background:url(/images/jj2.png) no-repeat center right; padding-right: 20px;text-align: right;line-height: 28px;overflow: hidden;}
    .book li a{display: block;width: 80px;margin-left: 100px;color: #333;}
    .book li:hover a{margin-left: 0;animation:book1 1s;-webkit-animation:book1 1s;-moz-animation:book1 1s;}
    .book li:hover{background:url(/images/jj1.png) no-repeat center right;}
    .book li.on a{margin-left: 0;}
    .book li.on{background:url(/images/jj1.png) no-repeat center right;}

@keyframes book1{
    0%{}
    100%{transform:scale(1.3);}
}
@-webkit-keyframes book1{
    0%{}
    100%{transform:scale(1.3);}
}
@-moz-keyframes book1{
    0%{}
    100%{transform:scale(1.3);}
}