@charset "utf-8";
.container { position: relative; width: 100%; }

.aArea { position:relative; margin-top:-20px; box-shadow: #eee 0px 5px 10px; padding:15px; margin-bottom:30px; background:#fff; z-index:5; }
.aArea01 { margin-bottom:15px; border-bottom:1px solid #9f9f9f; padding-bottom:15px; }
.aArea01 .p1 { float:left; height:35px; line-height:35px; font-size:14px; }
.aArea01 .p1 i { color:#000; font-weight:bold; }
.aArea01 .p1 a { color:#7d7d7d; padding-right:10px; }
.aArea01 .p1 a:hover { color:#cb190f; }
.aArea01 form { float:right; width:300px; border-radius:25px; border:1px solid #ddd; overflow:hidden; }
.aArea01 form .txt { float:left; display:block; width:230px; padding-left:15px; height:35px; line-height:35px; }
.aArea01 form .btn { float:right; display:block; width:50px; height:35px; background:url(form01.png) no-repeat center; cursor:pointer; }

.aArea02 { position:relative; float:left; width:245px; box-shadow: #eee 0px 5px 10px; min-height:280px; }
.aArea02 .p1 { padding-top:20px; height:70px; background:#0094de; text-align:center; color:#fff; margin-bottom:25px; }
.aArea02 .p1 p { font-size:26px; font-weight:bold; line-height:26px; }
.aArea02 .p1 span { display:block; font-size:12px; text-transform:uppercase; font-weight:bold; margin-top:10px; }
.aArea02 ul { margin:0 5px!important; }
.aArea02 ul li { width:175px; height:42px; text-align:center; line-height:42px; padding:0 30px; background:url(a01.jpg) no-repeat center; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea02 .prev,.aArea02 .next { position:absolute; display:block; width:17px; height:9px; left:115px; z-index:5;}
.aArea02 .prev { background:url(prev.png) no-repeat center; top:100px; }
.aArea02 .next { background:url(next.png) no-repeat center; bottom:5px; }

.aArea03 { position:relative; float:left; width:1146px; min-height:222px; }
.aArea03 .tempWrap { width:1146px!important; }
.aArea03 ul li {  }
.aArea03 ul li .pic { float:left; width:200px; margin-right:36px; }
.aArea03 ul li .pic:nth-child(5n) { margin-right:0; }
.aArea03 ul li .pic:nth-child(1) { margin-bottom:25px; }
.aArea03 ul li .pic:nth-child(2) { margin-bottom:25px; }
.aArea03 ul li .pic:nth-child(3) { margin-bottom:25px; }
.aArea03 ul li .pic:nth-child(4) { margin-bottom:25px; }
.aArea03 ul li .pic:nth-child(5) { margin-bottom:25px; }
.aArea03 ul li .p1 { border:1px solid #ddd; }
.aArea03 ul li .p2 { text-align:center; height:35px; line-height:35px; font-size:14px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea03 ul li .p3 a { float:left; display:block; width:95px; height:30px; line-height:30px; text-align:center; background:#434343; color:#fff; font-size:14px; }
.aArea03 ul li .p3 a:nth-child(2) { float:right; background:#00a0e9; }
.aArea03 .prev,.aArea03 .next { position:absolute; display:block; width:26px; height:26px; bottom:0; z-index:5;}
.aArea03 .prev { background:url(prev11.png) no-repeat center; right:30px; }
.aArea03 .next { background:url(next11.png) no-repeat center; right:0; }
.aArea03 .prev:hover { background:url(prev12.png) no-repeat center; }
.aArea03 .next:hover { background:url(next12.png) no-repeat center; }

.bArea { width:1920px; position:relative; left:50%; margin-left:-960px; }

.Area-hd { padding:45px 0 20px; margin-bottom:35px; text-align:center; background:url(hd.png) no-repeat center bottom; }
.Area-hd .p1 { font-size:30px; line-height:32px; color:#e5e5e5; font-weight:bold; font-family:"Arial"; text-transform:uppercase; }
.Area-hd .p2 { font-size:30px; line-height:32px; color:#00a0e9; font-weight:bold; position:relative; margin-top:-20px; z-index:5; }

.cArea01 { position:relative; margin-bottom:35px; }
.cArea01 .tempWrap { width:1200px!important; }
.cArea01 ul li { float:left; width:285px; text-align:center; margin-right:20px; }
.cArea01 ul li p { font-size:18px; color:#000; line-height:20px; height:20px; margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.cArea01 .prev,.cArea01 .next { position:absolute; display:block; width:43px; height:109px; top:50%; margin-top:-54px; z-index:5;}
.cArea01 .prev { background:url(preva.png) no-repeat center; left:-60px; }
.cArea01 .next { background:url(nexta.png) no-repeat center; right:-60px; }
 
.more { display:block; width:150px; height:40px; text-align:center; line-height:40px; background:#da2016; margin:0 auto; }
.more i { color:#fff; display:inline-block; font-size:18px; padding-right:35px; background:url(c01.png) no-repeat center right; }

.dArea { margin-top:35px; margin-bottom:10px; }
.dArea01 { float:left; width:435px; }
.dArea01 ul li { width:435px; height:150px; padding:35px 0 0 25px; margin-bottom:2px; background:url(http://www.xzqcjs.com/image/li01.jpg) no-repeat right; box-sizing: border-box; }
.dArea01 ul li .pic { float:left; width:120px; }
.dArea01 ul li .pic .img02 { display:none; }
.dArea01 ul li .txt { float:left; width:265px; }
.dArea01 ul li .txt .p1 { font-size:20px; line-height:22px; color:#000; font-weight:bold; margin-bottom:15px; }
.dArea01 ul li .txt .p2 { font-size:12px; line-height:20px; color:#434343; height:40px; overflow:hidden; }
.dArea01 ul li:hover { background:url(li02.jpg) no-repeat center; }
.dArea01 ul li:hover .pic .img01 { display:none; }
.dArea01 ul li:hover .pic .img02 { display:block; }
.dArea01 ul li:hover .txt .p1 { color:#fff; }
.dArea01 ul li:hover .txt .p2 { color:#fff; }

.dArea02 { float:right; width:700px; padding-top:75px; }
.dArea02 .p1 { font-size:24px; color:#404040; line-height:25px; font-weight:bold; margin-bottom:15px; }
.dArea02 .p2 { font-size:36px; color:#000; line-height:40px; font-weight:bold; }
.dArea02 .p3 { margin-top:30px; font-size:12px; line-height:30px; color:#434343; min-height:130px; }
.dArea02 .p4 a { display:inline-block; padding-left:60px; color:#000; font-size:16px; margin-right:40px; height:45px; line-height:45px; }
.dArea02 .p4 a:nth-child(1) { background:url(d01.png) no-repeat center left; }
.dArea02 .p4 a:nth-child(2) { background:url(d02.png) no-repeat center left; }
.dArea02 .p4 a:nth-child(3) { background:url(d03.png) no-repeat center left; }
.dArea02 .p4 a:nth-child(4) { background:url(d04.png) no-repeat center left; }

.eArea01 { position:relative; float:left; width:310px; }
.eArea01 .pic { position:relative; }
.eArea01 .pic p { position:absolute; top:0; left:0; background:#007ad8; padding:25px 30px; color:#fff; font-size:24px; line-height:30px; font-weight:bold; z-index:5; }
.eArea01 .pic p i { display:block; width:55px; letter-spacing:3px; }


.eArea01 .txt { position:absolute; left:310px; bottom:0; width:500px; height:135px; border-bottom:1px solid #dcdcdc; background:#f8f8f8; padding:30px 60px 0 35px; box-sizing: border-box; z-index:5; }
.eArea01 .txt .p1 { width:70px; height:4px; background:#007ad8; }
.eArea01 .txt .p2 { font-size:16px; color:#000; line-height:30px; margin-top:15px; }

.eArea02 { float:left; padding:45px 20px 0 20px; width:460px; border-top:1px solid #dcdcdc; }
.eArea02 .hd { margin-top:15px; text-align:center; }
.eArea02 .hd li { display:inline-block; width:10px; height:10px; margin:0 5px; text-indent:-9999em; border-radius:100%; background:#d1d1d1; cursor:pointer; }
.eArea02 .hd li.on { background:#007ad8; }

.eArea03 { float:right; width:390px; background:#56abec; min-height:520px; }
.eArea03 .pic { border-top:1px solid #79bae2; }
.eArea03 .txt { padding:45px 35px 0 35px; color:#fff; }
.eArea03 .txt .p1 { font-size:24px; font-weight:bold; line-height:25px;  }
.eArea03 .txt .p2 { font-size:16px; line-height:26px; margin-top:15px; min-height:78px;  }
.eArea03 .txt .p3 a { display:block; width:100px; height:30px; text-align:center; line-height:30px; border:1px solid #fff; font-size:16px; color:#fff; }

.fArea01 .bd { float:left; width:715px; }
.fArea01 .bd .txt { padding:35px 45px 0 35px; min-height:135px; background:#eee; }
.fArea01 .bd .txt .p1 { font-size:18px; color:#000; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fArea01 .bd .txt .p2 { margin-top:10px; font-size:14px; color:#818080; line-height:25px; }

.fArea01 .hd { float:right; width:470px; }
.fArea01 .hd ul li { padding:23px 25px; background:#eee; margin-bottom:11px; }
.fArea01 .hd ul li:last-child { margin-bottom:0; }
.fArea01 .hd ul li .pic { float:left; width:155px; }
.fArea01 .hd ul li .txt { float:right; width:250px; color:#000; }
.fArea01 .hd ul li .txt .p1 { font-size:14px; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fArea01 .hd ul li .txt .p2 { font-size:12px; height:40px; line-height:20px; margin-top:10px; }

.fArea01 .hd ul li:hover { background:#161697; }
.fArea01 .hd ul li:hover .txt { color:#fff; }

.gArea { margin-bottom:50px; }
.gArea01 { position:relative; width:1160px; margin:0 auto; }
.gArea01 .tempWrap { width:1160px!important; }
.gArea01 ul li { float:left; width:128px; border:1px solid #fff; margin-right:15px; }
.gArea01 ul li:hover { border:1px solid #ddd; }
.gArea01 .prev,.gArea01 .next { position:absolute; display:block; width:12px; height:20px; top:50%; margin-top:-10px; z-index:5;}
.gArea01 .prev { background:url(prev3.jpg) no-repeat center; left:-20px; }
.gArea01 .next { background:url(next3.jpg) no-repeat center; right:-20px; }

.link { padding:20px 0; font-size:16px; }
.link .p1 { float:left; width:85px; font-weight:bold; }
.link .p2 { float:right; width:calc(100% - 85px); }
.link .p2 a { margin-right:15px; }
.link .p2 a:hover { color:#009ad6; }