﻿/* 轮播图 */
.slideBox{ width: 100%; height:600px; overflow:hidden; position:relative; border:1px solid #ddd;margin-top: 40px; }
.slideBox .hd ul{ position: absolute;right: 30px; bottom: 20px;z-index: 2;}
.slideBox .hd ul li { width: 10px; height: 10px; overflow: hidden; border-radius: 5px; background-color: #fff;float: left;margin-left: 10px;}
.slideBox .hd ul li.on{ background:#fcff00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a { display: block;position: relative;}
.slideBox .bd li span {display: block; line-height: 50px;padding-left: 25px; height:50px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1;width: 100%;background-color: rgb(0,0,0,0.5);color: #fff; }
.slideBox .bd li span em{display:inline-block; width: 25px;}
.slideBox .bd li img{ width:100%; height:600px; display:block; position: relative; }
.slideBox .pn{ position: absolute;left: 50%; top: 50%; margin-left: -320px;margin-top: -30px; width: 100%; height: 60px;}
.slideBox .pn i{ display: inline-block;position: absolute; width: 40px; height: 100%;background-repeat: no-repeat; background-size: contain;}
.slideBox .pn i.prev{ background-image: url(./2022_jhsyxh_prev.png);left: 0px;}
.slideBox .pn i.next{ background-image: url(./2022_jhsyxh_next.png);right: 0px;}


.container{position: relative;}
.header_bg{background: url(2022_xxyhhj_banner2.png) no-repeat center;height: 640px;}
.logo{padding: 40px 0px 0px 5px;}
.nav{background-color: rgb(74, 69, 129,0.8);width: 100%;line-height: 100px;position: absolute;bottom: 0px;left: 0px;}
.nav ul{overflow: hidden;}
.nav li{margin-right: 8%;font-size: 30px;font-weight: 600;float: left;}
.nav li:last-child{margin-right: unset;}
.nav li a{color: #fff;}

.main{width: 1200px;margin: 0px auto;}
.headline{margin-top: 20px;}
.headline h3{width: 100%;text-align: center;font-size: 26px;line-height: 80px;}
.headline h3 a{color: #3c3473;}
.headline p{color: #655fa1;font-size: 14px;line-height:26px;text-indent: 2em;font-weight: 500;}

.title{background: url(2022_xxyhhj_title1.png) no-repeat left bottom ;width: 100%;height: 45px;}
.title1{background-image: url(2022_xxyhhj_title2.png);}

.part01{width: 100%;padding-top: 20px;clear: both;}
.part02{width: 100%;margin-top: 20px;}
.list ul{overflow: hidden;margin-top: 10px;}
.list li{line-height: 60px;position: relative;float: left;width: 48.8%;margin-right: 2%;}
.list ul li:nth-child(2n){margin-right: unset;}
.list li h3{padding-left: 20px;background: url(2022_xxyhhj_dian.png) no-repeat left 5px center / 4px;width: 90%;font-size: 18px;font-weight: normal;line-height:50px;}
.list li span{position: absolute;right: 0px;bottom:0px;color: #999;line-height:50px}

.list1 ul{overflow: hidden;padding-top: 10px;}
.list1 li{width: 48.8%;margin-right: 2%;float: left;border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
.list1 ul li:nth-child(2n){margin-right: unset;}
.list1 h3{font-size: 18px;line-height: 60px;color: #333;padding-left: 15px;background: url(2022_xxyhhj_dian1.png) no-repeat left center ;}
.list1 p{color: #626262;font-size: 14px;line-height: 30px;text-indent: 2em;}
.list1 p span{ color: #a81616;}

.part03{margin-top: 20px;overflow: hidden;margin-bottom: 20px;padding-bottom: 10px;}
.part03_b{box-shadow: 0px 0px 10px 0px #e2e2e2 ;padding: 30px 0px 30px 0px;width: 100%;overflow: hidden;margin-top: 20px;}
.part03_b_t li{float: left;width: 30%;height: 74px;border: 1px solid #ccc;font-size: 18px;color: #333;text-align: center;line-height: 74px;margin-right: 4%;}
.part03_b_t ul {overflow: hidden;width: 90%;margin:0px auto 0px;}
.part03_b_t ul li:nth-child(3){margin-right: unset;}
.part03_b_t ul li.on{background-color: #3c3473;color: #fff;}
.part03_b_b{width: 96%;margin:20px auto 0px;}
.part03_b_b ul li{line-height:60px;font-size: 18px;position: relative;border-bottom: 1px dashed #e3e3e3;}
.part03_b_b ul li a{color: #000;}
.part03_b_b ul li span{position: absolute;right: 0px;bottom: 0px;color: #999;}
.part03_b_b ul p{width: 100%;margin: 20px auto 0px;height: 60px;line-height: 60px;background-color: #efefef;text-align: center;font-size: 14px;color: #999;}

li a:hover{color:#655fa1 ;}
.part03_b_b ul li a:hover{color: #655fa1;}


@media screen and (max-width:1200px) {
    .main{width: 98%;margin: 0px auto;}
    .w1200{width: 100%;}
    .nav li{margin-right: 2%;margin-left: 2%;}
}

@media screen and (max-width:800px) {
    .nav li{font-size: 24px;}
    .headline h3{font-size: 20px;}
    .list li{width: 100%;}
    .list1 h3{line-height: 46px;}
}

@media screen and (max-width:600px) {
    .nav{line-height: 60px;}
    .headline h3{line-height: 50px;}
    .list1 li{width: 100%;}
    .header_bg{height: 520px;}
    .slideBox{height: 400px;margin-top: 20px;}
    .list li h3{font-size: 16px;}
    .list1 h3{font-size: 16px;}
    .part03_b_b ul li{font-size: 16px;}
    .logo img{width: 80%;}
}