@charset "utf-8";
.band{ width:100%; height:600px; background:url(../img/dyband.jpg) no-repeat center top;}
.index1{ width:1128px; height:310px; margin:0 auto; margin-top:-85px;box-shadow:0 0 20px rgba(0, 0, 0, .3);-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .3);border-radius:6px; overflow:hidden;}
.index1 h2{ width:100%; height:85px; line-height:85px; font-size:24px; color:#4f4f4f; text-align:center; background-color:#f6f8f7;}
.index1 ul{ margin-top:-85px;}
.index1 ul li{ width:282px; height:310px; background-color:#fff; float:left; background:url(../img/dyg11.jpg) no-repeat right center; cursor:pointer;}
.index1 ul li i{ display:block; width:100%; height:78px; margin-top:125px;}
.index1 ul li i.ico1{ background:url(../img/dy1.png) no-repeat center;}
.index1 ul li i.ico2{ background:url(../img/dy2.png) no-repeat center;}
.index1 ul li i.ico3{ background:url(../img/dy3.png) no-repeat center;}
.index1 ul li i.ico4{ background:url(../img/dy4.png) no-repeat center;}
.index1 ul li p{ color:#f39d9f; font-size:18px; font-weight:bold; text-align:center; margin-top:30px;}
.index1 ul li:hover i{ background-size:20%;}
.index1 ul li:nth-child(4){ background:none;}

.index2{ width:100%; background-color:#f1f1f1; padding:40px 0; margin-top:60px;}
.index2 .cons{ width:1200px; margin:0 auto; }
.index2 .cons h2{ text-align:center;}
.index2 .cons h2 i{background:#f29c9f;display:inline-block; width:30px; height:5px;}
.index2 .cons h2 span{ font-size:24px; color:#4f4f4f; margin:0 20px;}
.index2 .cons ul{ margin-top:40px;}
.index2 .cons ul li{ width:380px; height:320px; float:left; margin-right:30px; margin-bottom:30px;}
.index2 .cons ul li.dyg1{ background:url(../img/dyg1.jpg) no-repeat center;}
.index2 .cons ul li.dyg2{ background:url(../img/dyg2.jpg) no-repeat center;}
.index2 .cons ul li.dyg3{ background:url(../img/dyg3.jpg) no-repeat center;}
.index2 .cons ul li.dyg4{ background:url(../img/dyg4.jpg) no-repeat center;}
.index2 .cons ul li.dyg5{ background:url(../img/dyg5.jpg) no-repeat center;}
.index2 .cons ul li.dyg6{ background:url(../img/dyg6.jpg) no-repeat center;}
.index2 .cons ul li p{ width:100%; line-height:320px; text-align:center; font-size:30px; color:#fff;}
.index2 .cons ul li:nth-child(3n){ margin-right:0;}

.index3{ width:100%; padding:40px 0;}
.index3 .cons{ width:1220px; margin:0 auto; }
.index3 .cons h2{ text-align:center;}
.index3 .cons h2 i{background:#f29c9f;display:inline-block; width:30px; height:5px;}
.index3 .cons h2 span{ font-size:24px; color:#4f4f4f; margin:0 20px;}
.index3 .cons ul{ margin-top:40px;}
.index3 .cons ul li{ width:305px; float:left;}
.index3 .cons ul li img{ width:305px; height:202px;}
.index3 .cons ul li .memo{height:202px; background-color:#f1f1f1; padding:20px;}
.index3 .cons ul li .memo h3{ color:#3178b4; font-size:18px; font-weight:bold; margin-top:10px;}
.index3 .cons ul li .memo p{ color:#333333; font-size:14px; margin-top:15px; line-height:24px;}

.index4{ width:100%; padding:80px 0; background-color:#F4F6F8; margin-top:40px;}
.index4 .cont{ width:1200px; margin:0 auto;}
.index4 .title{ text-align:center;}
.index4 .title h2{ font-size:30px;}
.index4 .title p{ font-size:16px; line-height:30px; margin-top:30px; width:}
.index4 .lists{ margin-top:30px;}
.index4 .lists ul li{ width:277px; float:left; background-color:#fff; overflow: hidden;border-radius:10px; margin-right:30px; margin-bottom:30px;}
.index4 .lists ul li:nth-child(4n){ margin-right:0;}
.index4 .lists ul li a{ display:block; height:340px;}
.index4 .lists ul li .img{ width:100%;max-height:160px; overflow:hidden; position:relative;}
.index4 .lists ul li .img img{width:100%; height:160px;}
.index4 .lists ul li .img i{ position:absolute; top:0; left:0; background:rgba(59,106,137,0.6) url(../img/ico2.png) no-repeat center;; width:100%; height:160px; display:block; z-index:99; display:none;}
.index4 .lists ul li .memo{ padding:10px 15px 20px;}
.index4 .lists ul li .memo .name{ font-size:20px; font-weight:400px; color:#3c4d6b; line-height:32px;}
.index4 .lists ul li .memo .desc{ font-size:14px; line-height:22px; margin-top:5px;}
.index4 .lists ul li a:hover .name{ color:#f29c9f;}
.index4 .lists ul li a:hover i{ display:block;}