﻿
.container{ width:80%; margin:0px auto auto auto;}
.wrap{ width:100%; margin:0px auto auto auto; min-width:1300px; background:url(../images/bg.png) bottom center no-repeat;}

.p-head{ position:relative; height:62px;}
.p-head span{ position:relative; width:145px; height:62px;  line-height:62px; padding-left:62px; display:inline-block; font-size:20px; font-weight:bold; color:#fff; }
.p-head a{ position:absolute; top:0px; right:0px; width:84px; height:62px; line-height:62px; text-align:center; color:#fff; font-size:14px;}
.p-head a:hover{ text-decoration:underline;}

.aqsc-head{ background-color:#dc282c;}
.aqsc-head .aqsc{ background:url(../images/icon3.png) 15px 15px no-repeat;}
.other-head{ background-color:#e95d60;}
.other-head .notice{ background:url(../images/icon4.png) 15px 15px no-repeat;}
.other-head .ddjs{ background:url(../images/icon5.png) 15px 15px no-repeat;}

.left-news{ float:left; width:640px;}
.right-news{ float:right; width:calc(100% - 660px);}

.news-wrap{ width:100%; height:395px; padding-top:20px; }
.img-news{ float:left; display:inline-block; width:640px; height:395px;}
.img-news .swiper-wrapper{ width:100%;}
.img-news .swiper-slide{ position:relative; width:100%; height:100%;}
.img-news .swiper-slide a{ display:block; width:100%; height:100%;}
.img-news .swiper-slide img{ width:640px; height:395px;}
.img-news .swiper-slide .title{ position:absolute; left:0px; bottom:0px; width:100%; height:48px; line-height:48px; background:rgba(0,0,0,0.5)}
.img-news .swiper-slide .title a{ display:block; width:80%; padding:0px 2%; font-size:18px; color:#ffffff;}
.img-news.swiper-container .news-page{ position:absolute; bottom:13px; left:auto; right:2%; width:24%; height:18px; text-align:right; color:#ffffff; z-index:99999;}
.img-news.swiper-container .news-page span{ width:14px; height:14px; border:solid 0px #9a9696; background-color:#fff; opacity:1; cursor:pointer;}
.img-news.swiper-container .news-page span.swiper-pagination-bullet-active{ background-color:#dc282c; border:solid 0px #dc282c;}

.img-news.swiper-container .btn-news{ position:absolute; top:156px; width:46px; height:83px; z-index:9999; cursor:pointer;  }
.img-news.swiper-container .news-left-btn{ left:0px; border-radius:0px 4px 4px 0px; background:url(../images/icon14.png) 13px 30px no-repeat rgba(0,0,0,0.5);}
.img-news.swiper-container .news-right-btn{ right:0px; border-radius:4px 0px 0px 4px; background:url(../images/icon15.png) 13px 30px no-repeat rgba(0,0,0,0.5);}

.news-con{ margin-top:0px;}
.news-list{ float:right; display:inline; width:100%; padding-top:13px;}
.news-list li{ float:left; display:inline; width:100%; height:45px; line-height:45px;}
.news-list li a{ position:relative; display:inline-block; width:calc(100% - 130px); padding-left:38px;  font-size:16px; color:#000000;}
.news-list li a:hover{ color:#e02a1f; text-decoration:none;}
.news-list li a:after{ position:absolute; left:20px; top:20px; width:6px; height:6px; background-color:#014eae;border-radius:50%; content:"";}
.news-list li span{ float:right; font-size:14px; color:#b5b5b6;}
.news-list li:hover span{ color:#e02a1f;}

.notice-list{ float:right; display:inline; width:100%; padding-top:13px;}
.notice-list li{ float:left; display:inline; width:100%; height:45px; line-height:45px;}
.notice-list li a{ position:relative; float:right; display:inline-block; width:510px;  font-size:16px; color:#000000;}
.notice-list li a:hover{ color:#e02a1f; text-decoration:none;}
.notice-list li div{ float:left; padding-left:22px; font-size:12px; color:#000000;}
.notice-list li span{font-size:15px; font-weight:bold; color:#444444;}
.notice-list li:hover div{ color:#e02a1f;}
.notice-list li:hover span{ color:#e02a1f;}

.pro-head{ background-color:#1365ab;}
.pro-head .pro{ background:url(../images/icon8.png) 15px 15px no-repeat;}

.pro-wrap{ position:relative; width:100%; height:338px; padding-top:30px; }
.pro-wrap .left-btn{ position:absolute; left:0px; top:108px; width:19px; height:38px; background:url(../images/icon6.jpg); cursor:pointer;}
.pro-wrap .right-btn{ position:absolute; right:0px; top:108px; width:19px; height:38px; background:url(../images/icon7.jpg); cursor:pointer;}
.pro-wrap .zt-list{ position:relative; width:calc(100% - 40px); margin:0px auto auto auto; overflow:hidden;}
.pro-wrap .zt-list .swiper-slide{ width:25%;height:338px; text-align:center; }
.pro-wrap .zt-list .swiper-slide .img{ display:block; /*width:305px;*/ height:220px; max-width:calc(100% - 10px); margin:0px auto auto auto;}
.pro-wrap .zt-list .swiper-slide .img img{ /*width:305px; height:220px;*/ max-width:calc(100% - 10px); max-height:220px;}
.pro-wrap .zt-list .swiper-slide .title{ padding:20px 35px 0px; line-height:24px; text-align:center; font-size:16px; color:#1365ab;}
.pro-wrap .zt-list .swiper-slide a{ color:#1365ab; text-decoration:none;}
.pro-wrap .zt-list .swiper-slide a:hover{ color:#1365ab; text-decoration:underline;}

.other-wrap{ height:210px; padding-bottom:60px;}
.other-wrap .left{ float:left; width:calc(100% - 920px); height:210px;}
.zxpx-list{ float:right; display:inline; width:100%; height:148px; padding-top:0px; background-color:#fff;}
.zxpx-list li{ float:left; display:inline; width:100%; height:37px; line-height:37px;}
.zxpx-list li a{ position:relative; display:inline-block; width:calc(100% - 120px); padding-left:20px;  font-size:14px; color:#000000;}
.zxpx-list li a:hover{ color:#e02a1f; text-decoration:none;}
.zxpx-list li span{ float:right; width:100px; text-align:center; font-size:14px; color:#b5b5b6;}
.zxpx-list li:hover span{ color:#e02a1f;}

.other-wrap .right{ float:right; width:900px; height:210px;}
.other-wrap .right a{ position:relative; float:left; display:block; width:290px; height:75px; padding-top:135px; font-size:24px; text-align:center; color:#fff; }
.other-wrap .right a:hover{ font-weight:bold; text-decoration:none;}
.other-wrap .right a::after{ position:absolute; top:50px; left:117px; width:56px; height:56px; background:url(../images/icon10.png) no-repeat; content:'';}
.other-wrap .right a.day{ background:url(../images/icon11.jpg) repeat-x;}
.other-wrap .right a.day:hover{  }
.other-wrap .right a.week{ background:url(../images/icon12.jpg) repeat-x; margin-left:15px;}
.other-wrap .right a.month{ background:url(../images/icon13.jpg) repeat-x; float:right;}






