@charset "utf-8";

/* CSS Document */





.topbox{ width:1100px; height:80px; margin:0 auto;}

.topbox h1{ float:left; padding:15px 0; margin-right:50px;}



.menu{ float:left;}

.menu ul li{ font-size:16px; float:left; line-height:80px; margin:0 30px; position:relative;}

.menu ul li a{ color:#003399;}

.menu ul li a:hover{ text-decoration:none; color:#0074c0;}

.menu ul li:hover div{ display:block;}



.top_right{ float:right; width:280px;margin-top: 10px;    text-align: right;}

.top_right a{ color:#666; margin:0 20px;}

.search{ width:246px; border:1px solid #ccc; border-radius:20px; background:#fff; float:right; padding:3px 10px; margin:5px 0px 0 0;}

.search input{ border: 0 none; float:left; font-size:14px; color:#666;    outline: none;}

.search span input{ background: url(../images/search.jpg) center center no-repeat; border:0 none; width:30px; cursor: pointer; float:right;}



/* 二级菜单*/

.menu1{ width:160px; background:#fff; border-radius: 0 0 5px 5px; display:none; position:absolute; z-index:9999; padding-bottom:20px; left:-48px;}

.menu1 ul{ padding:0;}

.menu1 ul li{ border-bottom:1px dashed #666; font-size:14px; float:none; margin:0px; text-align:center; padding:0 10px; line-height:36px;}

.menu1 ul li a{ color:#666;}

.menu1 ul li a:hover{ color:#003399;}

/* 二级菜单*/



.kehu ul li { float:left; border:1px #ccc solid; margin:20px 10px; padding:6px;}

.kehu ul li img { display:block;}



.cp{ width:1144px; margin:50px auto; overflow:hidden;}

.cp h2{ font-size:24px; color:#1470a2; margin-bottom:30px; padding-left:18px;}

.cp ul li{ float:left; margin:0px 18px; width:250px; height:250px; text-align:center; position:relative;}

.cp ul li img{ margin-bottom:10px; width:250px;}

.cp ul li a{ width:100%; color:#fff; line-height:36px; background:url(../images/bg.png) repeat; display:block; position:absolute; bottom:0; font-size:14px;}

.cp .juli{ margin-right:0;}



.about{ width:1100px; margin:50px auto; overflow:hidden;}

.aboutcon{ float:left; width:736px;}

.aboutcon h2, .home_pro h2{ font-size:16px; line-height:36px; color:#1470a2; margin-bottom:20px; background:#eee; border-bottom:1px solid #1470a2; padding-left:10px;}

.aboutcon img {
    float: left;
    margin-right: 30px;
    display: block;
    height: 285px;
    object-fit: cover;
}
.aboutcon h2 a, .home_pro h2 a{ float:right; color:#666; font-size:12px; padding-right:10px;}

.aboutcon h2 a:hover, .home_pro h2 a:hover{ color:#1470a2;}

.jianjie h3{ font-size:14px; color:#1470a2;}

.home_pro ul li {
    float: left;
    width: 50%; margin-bottom:5px;    box-sizing: border-box;
}
.home_pro ul li:nth-child( odd )  { padding-right:10px}
.home_pro ul li span {
       float: left;
    margin-right: 10px;
    color: #888888;
}

.lianxi{ float:right; width:336px; background:url(../images/index_22.jpg) right bottom no-repeat; min-height:220px;}

.lianxi p{ font-size:14px; line-height:28px;}



.btm{ width:100%; background:#dcdcdc; overflow:hidden;}

.btmbox {
    width: 1100px;
    margin: 50px auto 30px;
    color: #333;
    overflow: hidden;
    border-bottom: 1px solid rgba(73,87,112,.2);
    padding-bottom: 30px;
}

.btm_left{ float:left;}

.btmnav{ float:left; margin-right:72px;}

.btmnav ul{ float:left; margin-right:20px;}

.btmnav ul li a{ color:#666;}

.btmnav ul li a:hover { color:#003696;}

.btmnav h2{ font-size:16px; margin-bottom:10px;}

.btm_left h6{ margin:20px 0;}
.btm_left h6 a img { float:left; margin-right:10px; width:20px; height:auto;}

.erweima {
    float: right;
    width: 450px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.erweima_whact {
    width: 30%;
    text-align: center;
}
.erweima img {
    width: 100%;
    height: 130px;
    object-fit: cover;
}



.banner{ width:100%; height:300px; margin-bottom:20px; background:url(../images/pinpai_03.jpg) top center no-repeat; background-color:#1470a2;}



.con{ width:1100px; margin:0 auto;}

.menu_1{ float:right; display:inline; margin-bottom:10px;}

.menu_1 ul li{ margin-right:5px; float:left; display:inline;}

.menu_1 ul li a{ color:#999;}

.menu_1 ul li a:hover{ color:#003399;} 



.con_left{ width:196px; float:left; text-align:center; border:1px solid #ccc; border-radius:10px; padding-bottom:30px;  background:#f3f3f3; margin-bottom:30px;}

.con_left h2{ font-size:24px; padding:25px 0; height:32px; margin-bottom:20px; color:#fff; background:#1470a2; border-radius:10px 10px 0 0;}

.con_left ul li{ border-bottom:1px dashed #1470a2;  text-align:left; }

.con_left ul li a {
    color: #666;
    font-size: 16px;
    padding-left: 30px;
    margin: 15px 0;
    display: block;
}
.con_left ul li a:hover{ color:#1470a2; text-decoration:none;}

.con_left ul li .hover { color:#24a2e6}



.con_right{ width:820px; float:right; margin-bottom:50px;}

.con_right h2{ font-size:24px; line-height:56px; color:#1470a2; margin-bottom:40px; border-bottom:1px solid #1470a2;}

.con_right h3{ width:174px; margin:0 auto 30px;}

.con_right h4 { font-size:16px; color:#1470a2; font-weight:bold; margin:10px 0;}

.daili{ margin:30px 0;}

.daili h4{ color:#fff; font-size:16px; line-height:40px; background:#5bbef4; border:1px solid #fff; text-align:center;}

.daili ul li{ font-size:14px; float:left; border:1px solid #fff; box-sizing:border-box; width:50%; background:#eccd9e; text-align:center; line-height:36px;}



.Program ul li{ width:350px; float:left; margin:0 25px 50px;}

.Program ul li h5{ font-size:16px; color:#1470a2; margin-bottom:10px;}

.Program ul li img {
    float: left;
    margin-right: 20px;
    width: 150px;
    border: 1px solid #ccc;
    padding: 5px;
    height: 120px;
    object-fit: cover;
}

.Program ul li p{ max-height:75px; overflow:hidden;}

.Program ul li span a{ color:#1470a2; float:right; display:block;}
.index {
    margin-top: 50px;
}
.btmnav:nth-child(1) {
    width: 180px;
    margin-right: 50px;
}

.btmnav:nth-child(1) ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.btmnav:nth-child(1) ul li {
    width: 50%;
}
.link {
    width: 1100px;
    margin: 30px auto 10px;
    overflow: hidden;
}

.link a {
    padding-right: 10px;
}
div#backUp {
    width: 50px;
    height: 50px;
    bottom: 10px;
    right: 15px;
    position: fixed;
    cursor: pointer;
    z-index: 999999;
}
.pls-footer-blogroll-text {
    width: 1100px;
    margin: 0px auto 30px;
}
.erweima_p h2 {
    margin-bottom: 15px;
}
.pls-footer-blogroll-text span {
    padding-right: 10px;
}
.banner_img img {
    width: 100%;
}
.con_right_content {
    padding-bottom: 40px;
}
.con_right_content img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}
img.con_img {
    width: 30%;
    max-width: 100%;
}
.con_content img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}
.Program .infogram {
    text-align: center;
    padding-bottom: 40px;
    font-size: 18px;
}
.dtxqcon .infogram {
    text-align: center;
    font-size: 18px;
}
.dtxqcon span {
    padding-right: 15px;
    margin-top: 5px;
}
.con_left ul li.hover .con_cat a {
    color: #555555;
    font-size: 14px !important;
    display: block;
    border-top: 1px dashed #ccc;
    line-height: 1;
    margin: unset;
    padding: 10px 0 10px 40px;
}
.con_cat {
    display: none;
}

.con_left ul li.hover .con_cat {
    display: block;
}
table {
    width: 100% !important;
}
.con_left ul li.hover a {
    color: #5cbef4;
}
.bannerimg img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}