﻿

.dyspq{ margin-top: 80px;}
.dyspq .tybt{ text-align: center;}
.dyspq .tybt h4{ height: 68px; background: url(../image/btx.png) bottom no-repeat; font-size: 46px; font-weight: bold; line-height: 46px;}
.dyspq .tybt b{ color: #296dde;}
.dyspq .tybt p{ font-size: 18px; margin-top: 20px;}
.dyspq1 .nr{ width: 1240px; margin-top: 50px;}
.dyspq1 .nr li{ width: 270px; text-align: center; float: left; margin-right: 40px;}
.dyspq1 .nr li img{ width: 270px; height: 160px;}
.dyspq1 .nr li p{ width: 270px; font-size: 22px; margin-top: 20px;}
.dyspq1 .nr li p b{ color: #296dde;}


.dyspq2{ padding: 80px 0;}
.dyspq2 .cpul{ margin-top: 50px; width: 880px; margin: 50px auto 0 auto;}
.dyspq2 .cpul li{ font-size: 18px; width: 200px; height: 60px; background: #ededed; margin: 0 10px; float: left; line-height: 60px; text-align: center; cursor: pointer;}
.dyspq2 .cpul li.on{ background: #296dde; color: #fff;}
.dyspq2 .cpt ul.qh{ width:1200px;}
.dyspq2 ul.list{ width: 1230px; margin-top: 50px;}
.dyspq2 ul.list li{ float:left; width:380px; height:320px; position:relative; margin-right: 30px;}
.dyspq2 ul.list li img{ width: 378px; height: 258px; border: 1px solid #ddd;}
.dyspq2 ul.list li p{ width: 380px; font-size: 18px; text-align: center; margin-top: 20px;}
.dyspq2 ul.list li:hover img{ border: 1px solid #296dde;}
.dyspq2 ul.list li:hover p{ color: #296dde;}
.dyspq2 ul.qh .more{ width: 196px; height: 56px; border: 2px solid #296dde; display: block; font-size: 18px; color: #296dde; border-radius: 30px; text-align: center; line-height: 56px; margin: 50px auto 0 auto;}
.dyspq2 ul.qh .more:hover{ background: #296dde; color: #fff; width: 200px; height: 60px; border: none; line-height: 60px;}


#subNav{ width: 100%; height: 80px; margin-bottom: 50px;}
#subNav .wrap li{float:left;position:relative; border-right: none; width: 298px; height:76px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; line-height: 76px; background: #fff;}
#subNav .wrap{width:1200px;height:80px; margin: 0 auto; line-height: 80px;}
#subNav a{display:block; width: 298px; height:78px;text-align:center; font-size: 20px; font-weight: bold; }
#subNav li.adv_active{ width: 300px; height: 80px; line-height: 80px; border: none; background: #296dde;}
#subNav li.adv_active a{ color: #fff;}

/*.fixedSubNav{position:fixed;top:60px;left:0;z-index:1000;}*/


.dyspq3{ height: 675px; background: url(../image/1bg.jpg) center no-repeat; padding: 80px 0;}
.dyspq .tybt2{ text-align: center;}
.dyspq .tybt2 h4{ height: 68px; background: url(../image/btx2.png) bottom no-repeat; font-size: 46px; font-weight: bold; line-height: 46px; color: #fff;}
.dyspq .tybt2 b{ color: #ffc600;}
.dyspq .tybt2 p{ font-size: 18px; margin-top: 20px; color: #fff;}
.dyspq3 .lct{ height: 520px; background: url(../image/1tp.png) no-repeat; margin-top: 30px;}


.dyspq4{ padding: 80px 0;}
.dyspq4 .nr{ width: 1200px; background: url(../image/7bg.png) center no-repeat; margin-top: 50px;}
.dyspq4 .nr .sj{ width: 1350px; height: 300px;}
.dyspq4 .nr dl{ width: 300px; height: 300px; background: url(../image/7yq.png) no-repeat; float: left; margin-right: 150px; text-align: center;}
.dyspq4 .nr dl dt{ font-size: 88px; font-weight: bold; color: #2563db; font-family: 'Geometr415'; padding-top: 45px; line-height: 88px;}
.dyspq4 .nr dl .dd1{ font-size: 20px; color: #2563db; margin-top: 10px;}
.dyspq4 .nr dl .dd2{ font-size: 24px; margin-top: 40px;}
.dyspq4 .nr .ggy{ background: url(../image/7jt.png) top center no-repeat; margin-top: 50px; text-align: center; padding-top: 50px; height: 80px;}
.dyspq4 .nr .ggy .bold{ font-size: 30px; font-weight: bold; color: #2563db;}
.dyspq4 .nr .ggy p{ font-size: 16px; margin-top: 10px;}


.dyspq5{ height: 532px; padding: 80px 0; background: url(../image/9bg.jpg) center no-repeat;}
.dyspq5 ul{ width: 1210px; margin-top: 50px;}
.dyspq5 ul li{ width: 232px; height: 180px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative;}
.dyspq5 ul li img{ width: 228px; height: 176px; border: 2px solid #296dde;}
.dyspq5 ul li p{ width: 140px; height: 40px; background: #296dde; font-size: 18px; color: #fff; text-align: center; line-height: 40px; position: absolute; right: 0; bottom: 0;}
.dyspq5 ul .li1{ width: 152px; height: 70px; background: #296dde; font-size: 24px; font-weight: bold; color: #fff; padding: 55px 40px; text-align: center; line-height: 36px;}


.dyspq6{ padding: 80px 0;}
.dyspq6 .nr{ margin-top: 50px;}
.dyspq6 .nr .jt{ height: 26px; background: url(../image/6jt.png) center no-repeat;}
.dyspq6 .nr .wz{ height: 102px; border: 1px dashed #ccc; margin-top: 50px; font-size: 16px; line-height: 36px; text-align: center; padding: 49px 0; border-radius: 102px;}
.dyspq6 .nr .wz span{ color: #296dde;}
.dyspq6 .nr .tp{ margin-top: 50px;}
.dyspq6 .nr .tp .t1{ width: 580px; text-align: center;}
.dyspq6 .nr .tp .t1 dt{ font-size: 36px; color: #296dde;}
.dyspq6 .nr .tp .t1 .dd1{ width: 180px; height: 45px; background:#296dde; margin: 20px auto 30px auto; border-radius: 28px; text-align: center; line-height: 45px; font-size: 20px; color: #fff;}
.dyspq6 .nr .tp .t1 .dd2 img{ width: 580px; height: 286px;}
.dyspq6 .nr .tp .t2{ width: 580px; text-align: center;}
.dyspq6 .nr .tp .t2 dt{ font-size: 18px; margin-top: 28px;}
.dyspq6 .nr .tp .t2 .dd1{ font-size: 26px; font-weight: bold; color: #296dde; margin-top: 25px;}
.dyspq6 .nr .tp .t2 .dd2{ margin-top: 30px;}
.dyspq6 .nr .tp .t2 .dd2 img{ width: 580px; height: 286px;}


.dyspq7{ width: 100%; height: 320px; position: relative;}
.dyspq7 .xgg{ width: 1920px; height: 320px; position: absolute; left: 50%; margin-left: -960px;}

.dyspq8{ padding: 80px 0;}
.dyspq8 .nr{ margin-top: 50px;}
.dyspq8 .nr dl{ width: 300px; height: 480px; float: left; position: relative}
.dyspq8 .nr .dl1 dt{ width: 300px; height: 240px; position: absolute; left: 0; top: 240px;}
.dyspq8 .nr .dl1 dd{ width: 300px; height: 102px; background: url(../image/slk1.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 1; text-align: center; font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; padding: 80px 0;}
.dyspq8 .nr .dl2 dt{ width: 300px; height: 240px; position: absolute; left: 0; top:0px;}
.dyspq8 .nr .dl2 dd{ width: 300px; height: 152px; background: url(../image/slk2.png) no-repeat; position: absolute; left: 0; top: 218px; z-index: 1; text-align: center; font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; padding-top: 110px;}
.dyspq8 .nr2 dl{ width: 600px; height: 240px; float: left; position: relative;}
.dyspq8 .nr2 dl dt{ width: 300px; height: 240px; position: absolute; left: 300px; top: 0;}
.dyspq8 .nr2 dl dd{ width: 300px; height: 170px; background: url(../image/slk3.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 1; text-align: center; padding-right: 22px; font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; padding-top:70px;}

.dyspq9{ padding-bottom: 100px;}
.dyspq9 .bt{ height: 68px; background: url(../image/btx.png) bottom no-repeat; text-align: center; font-size: 46px; font-weight: bold; line-height: 46px;}
.dyspq9 .bt b{ color: #296dde;}
.dyspq9 .nr{ width: 1200px; height: 410px; margin-top: 50px;}
.dyspq9 .nr li{ width: 300px; height: 205px; float: left; position: relative;}
.dyspq9 .nr li img{ width: 300px; height: 205px;}
.dyspq9 .nr li .bg{ width: 300px; height: 205px; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.80); display: none;}
.dyspq9 .nr li .bg p{ font-size: 18px; width: 180px; height: 50px; background: #296dde; border-radius: 25px; text-align: center; line-height: 50px; color: #fff; margin: 77px auto;}
.dyspq9 .nr li:hover .bg{ display: block;}
.dyspq9 .nr .li1 .more{ width: 300px; height: 150px; background: url(../image/hygd1.png) no-repeat; display: block; text-align: center; font-size: 20px; font-weight: bold; color: #fff; padding-top: 55px;}
.dyspq9 .nr .li1:hover .more{ background:url(../image/hygd2.png) no-repeat; color: #ffc600;}




















