@charset "utf-8";
/* CSS Document */
/* CSS Document */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family:"微软雅黑"; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) {display: none;}
header{ display:grid}
[hidden] {display: none;}
a:link{ text-decoration:none}
.fl{ float:left}
.fr{ float:right;}
.img{width:100%}
img{ max-width:100% !important}
.header_1{ overflow:hidden; background:url(../images/bj.jpg) top; background-size:100% 100%;}
.logo_l{ margin-top:40px;}
.logo_r{ text-align:right; margin-top:25px;}
.header_2{ height:60px; background:#0e5ead; width:100%;}
.nav_sub li{ width:11.5%; float:left; text-align:center; line-height:60px; font-size:16px; color:#FFF; position:relative;}
.nav_sub li:last-child{ width:8%;}
.nav_sub li a{ color:#FFF; display:block}
.nav_sub li:last-child a{ color:#FFF; display:-webkit-inline-box; font-size:14px;}
.nav_sub li a:hover{ background:#0a6bcd}
.nav_sub li:last-child a:hover{ background:none; color:#F00}
.nav_sub .sub-nav{ width:100%; display:none; position:absolute}
.nav_sub .sub-nav li{display:block; color:#FFF;width:100%;float:none;height:50px; font-size:15px;position:relative;line-height:50px;border-bottom:1px solid rgba(255,255,255,1);font-size:15px;overflow:hidden; background:rgba(38,64,90,1); z-index:999;}
.nav_sub .sub-nav li:last-child a{ color:#FFF; display:block}
.nav_sub .sub-nav li:last-child a:hover{ background:#0a6bcd; color:#FFF}
.main_h3{ text-align:center; font-size:24px; color:#0055a2; margin:40px auto}
.main1_1{ text-indent:2em; line-height:35px; font-size:15px; letter-spacing:2px;}
.main1_1 p:nth-child(1){ margin-bottom:15px;}
.main1_3 ul{ overflow:hidden; margin:0 auto; width:88%; margin-top:50px;}
.main1_3 ul li{ float:left; width:19%;padding:1%; margin-right:1%; background:#26405a; text-align:center;}
.main1_3 ul li div:nth-child(2){ color:#FFF; margin:10px auto; font-size:18px;}
.main1_3 ul li div:nth-child(3){ color:#5d87b2;}
.main1_3 ul li:last-child{ margin-right:0;}
.main2{ background:#f5fbfe; overflow:hidden; margin-top:40px;}
.main2_1 ul { overflow:hidden; margin-bottom:20px;}
.main2_1 ul li{ width:20%; float:left; text-align:center; font-size:17px;}
.main2_2 div{ width:250px; float:left;  margin:20px 56px 30px 0px;}
.main2_2 div p{ text-align:center; line-height:40px; background:#f0f1f1;}
.main2_2 div:nth-child(4n){margin-right:0}
.main2_2 div img{ width:100%; height:190px;}
.main3{ margin-top:30px;}
.main3 h2{ border-bottom:1px #0055a2 solid;font-size:24px; color:#0055a2; line-height:50px;}
.main3_s li{ overflow:hidden; margin:30px 0;}
.main3_s li div{ text-align:center;}
.main3_s li .main3_s1{ border-right:1px #CCCCCC solid; line-height:36px}
.main3_s li .main3_s1 p{ font-size:30px; color:#F00; margin-bottom:10px;}
.main3_s li .main3_s1 span{ color:#ccc; font-size:16px; color:#0E5EAD}
.main3_s li .main3_s2{ text-align:left}
.main3_s li .main3_s2 h3{ color:#203864; font-size:17px;  overflow:hidden; line-height:36px; height:36px;}
.main3_s li .main3_s2 p{ font-size:12px; line-height:18px; color:#666}
#links {overflow:hidden;}
#links ul li,#links ul li div{ float:left;overflow:hidden}
#links ul li div{ float:left;overflow:hidden;}
#links ul li div img{display:block; height:40px;}
#links ul li div span{ display:block;}
footer{ margin-top:20px; color:#FFF}
.footer1{ background:#162636; overflow:hidden; padding:30px 0; font-size:13px; letter-spacing:2px;}
.footer1 h2{ font-size:16px; margin-bottom:20px;}
.footer1 p{ line-height:30px;}
.footer1 a{ color:#FFF}
.footer1 .container div:nth-child(1){ width:400px; float:left}
.footer1 .container div:nth-child(2){ width:100px; float:right}
.footer1 .container div:nth-child(3){ width:180px; float:right}
.footer1 .container div:nth-child(4){ width:230px; float:right}
.footer1 .container div:nth-child(5){ width:180px; float:right}
.footer2{ background:#000; line-height:30px; overflow:hidden;}
.footer2 .container div{ width:50%; float:left}
.footer2 div:nth-child(2){ text-align:right}
.footer2 div a{ color:#FFF}
.logo_nav,.mains_b{ display:none;}
header{ position:fixed; top:0; margin:0 auto; z-index:9999999; width:100%; background:#FFF}
.carousel{ margin-top:188px;}
.body_left{ width:310px; float:left; overflow:hidden;margin-top:20px; background:url(../images/bj1.jpg);}
.body_right{ width:850px; float:right; overflow:hidden; margin-top:20px;}
.body_r_mao div:nth-child(1){ width:50%; float:left; color:#0E5EAD; font-weight:bold; font-size:16px;}
.body_r_mao div:nth-child(2){ width:50%; float:right; text-align:right}
.bodyle_top{ border:1px #0E5EAD solid;}
.bodyle_top h2{ text-align:center; background:#0E5EAD; height:60px; line-height:60px; text-align:center; color:#FFF; font-size:20px; font-weight:bold; letter-spacing:2px;}
.bodyle_top ul li{ text-align:left; padding-left:0px;  line-height:50px;}
.bodyle_top ul li a{ display:block; position:relative; padding-left:20px; font-size:16px; font-weight:bold}
.bodyle_top ul li ul li a{ font-weight:normal; padding-left:30px; font-size:14px;}
.bodyle_top ul li a:hover{ background:#CCC}
.bodyle_top ul li a.hover{ background:#CCC}
.bodyle_top ul li a i{right:10px; line-height:50px;position:absolute;}
.t10{ margin-top:20px;}
.body_right{ border:1px #CCCCCC solid;}
.body_r_mao{ height:40px; line-height:40px; border-bottom:1px #CCCCCC dotted; padding:0 10px; background:url(../images/bj.jpg);}
.body_con{ padding:15px;line-height:30px; font-size:15px;}
.body_con p,.body_con div{line-height:30px; margin-bottom:20px; letter-spacing:2px;}
.banner{ height:344px;background-position:center center; background-size:cover;background-repeat: no-repeat;}
.carousels{ display:none}
.body_tulist{ overflow:hidden;}
.body_tulist ul li {-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear; margin:2% 0; width:30%; float:left; overflow:hidden; margin-left:2.5%;}
.body_tulist ul li:hover{z-index:2;-webkit-transform:scaleX(1.1) scaleY(1.1);-ms-transform:scaleX(1.1) scaleY(1.1);transform:scaleX(1.1) scaleY(1.1)}
.body_tulistdiv{ overflow:hidden; padding:10px; border-bottom:1px #CCCCCC dotted; padding-bottom:20px; margin-top:20px;}
.body_tulistdiv div:nth-child(1){ width:30%; float:left;}
.body_tulistdiv div:nth-child(2) h2{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.body_tulistdiv div:nth-child(2) p{ line-height:28px;}.body_tulistdiv div:nth-child(2){ width:68%; float:right;}
.main2_2 div {-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;}
.main2_2 div:hover{z-index:2;-webkit-transform:scaleX(1.1) scaleY(1.1);-ms-transform:scaleX(1.1) scaleY(1.1);transform:scaleX(1.1) scaleY(1.1)}
.body_tulist ul li p{ text-align:center; line-height:40px; height:40px; overflow:hidden; background:#CCC}
  /* 分页 */
.pages {text-align: center;margin:20px auto;}
.pages .prev {background: #555555;}
.pages .prev i {color: #fff;}
.pages a,.pages span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 35px; height: 35px;line-height: 35px;text-align: center;background: #f8f8f8;color: black;font-size: 14px;font-weight: 400; margin-left:5px;}
.pages span {background:#0E5EAD; color:#FFF;}
.pages a:hover {background: #999;color: #fff !important;}
.news_list{ padding:10px; }
.news_list ul li{ margin-top:20px; border-bottom:1px #CCCCCC dotted; padding-bottom:10px;}
.news_list ul li div{ font-size:16px; margin-bottom:10px; font-weight:bold}
.news_list ul li div span{ float:right; font-size:14px; color:#666; font-weight:normal;}
.news_list ul li p{ font-size:14px; color:#666}
.news_cont{padding:10px;}
.news_conth2{ text-align:center; padding:20px 0 10px 0; font-size:20px; color:#0E5EAD}
.news_div{ text-align:center; color:#333; font-size:13px; border-bottom:1px #CCCCCC dotted; padding-bottom:10px;}
.news_cont_c{ margin:10px 0; font-size:14px;}
.news_cont_c p,.news_cont_c div{ line-height:26px; margin-top:5px;}
.page_s{ width:100%; overflow:hidden; margin:15px auto; position:relative;}
.page_s li{ float:left; width:35px; height:35px; color:#fff; line-height:35px; background:#666; font-size:14px; text-align:center; margin-left:10px;}
.page_s li a{ display:block; color:#fff}
.page_s .thisclass{ background:#4AB7ED; color:#FFF}
.page_s ul{ width:fit-content; margin:0 auto}
.conttn_2{ margin:10px 0; border-top:1px #CCCCCC dotted; padding-top:10px;}
.conttn_2 li{ line-height:30px;}
.news_cont_t{ padding:20px 0; text-align:center}
.news_cont_t img{ max-width:60% !important}
.joblist{ padding:15px; font-size:14px;}
.joblist_1{ margin-top:20px;}
.joblist_1 li{ margin-top:20px; border-bottom:1px #CCCCCC dotted; padding-bottom:15px;}
.joblist_1 li h2{ color:#0E5EAD; font-size:17px; margin-bottom:5px;}
.joblist_1 li span{ line-height:30px;}
.joblist_1 li p{ line-height:22px; color:#666;}
.mess ul{ overflow:hidden; padding:3% 10%;}
.mess ul li { margin-top:20px;}
.mess ul li input{ border:1px #005BAA solid; height:35px; padding-left:5px; width:100%;border-radius:5px; margin-top:10px; outline:none}
.mess ul li textarea{ border:1px #005BAA solid; padding-left:5px; width:100%;border-radius:5px; margin-top:10px;outline:none}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.body_tulist li img{ height:190px;}
@media (max-width: 1200px) {
.main1_1 p:nth-child(2){ display:none}
.main1_3 ul li{ width:32%; margin-bottom:1%}
.footer1 .container div:nth-child(1){ width:300px; float:left}
.footer1 .container div:nth-child(2){ width:100px; float:right}
.footer1 .container div:nth-child(3){ width:140px; float:right}
.footer1 .container div:nth-child(4){ width:200px; float:right}
.footer1 .container div:nth-child(5){ width:140px; float:right}
.carousel{ margin-top:174px;}
.body_left{ width:240px; float:left; overflow:hidden;margin-top:20px;}
.body_right{ width:680px; float:right; overflow:hidden; margin-top:20px;}
.body_r_mao div:nth-child(1){ width:200px; float:left; color:#0E5EAD; font-weight:bold; font-size:16px;}
.body_r_mao div:nth-child(2){ width:420px; float:right; text-align:right}
}
@media (max-width: 992px) {
.main1_1 p:nth-child(2){ display:none}
.main1_3 ul li{ width:48%; margin-bottom:1%}
.header_2{ display:none; z-index:99999999; background:none}
.logo_l{ z-index:9999999}
.body_left{ display:none}
.body_right{ width:100%; float:right; overflow:hidden; margin-top:20px;}
.body_r_mao div:nth-child(1){ width:20%; float:left; color:#0E5EAD; font-weight:bold; font-size:16px;}
.body_r_mao div:nth-child(2){ width:80%; float:right; text-align:right}
.nav_sub li{ width:33%; float:left; text-align:center; line-height:60px; font-size:16px; color:#FFF; position:relative;}
.nav_sub li:last-child{ width:8%;}
.nav_sub li a{ color:#FFF; display:block}
.nav_sub li:last-child a{ color:#FFF; display:-webkit-inline-box; font-size:14px;}
.nav_sub li a:hover{ background:none}
.nav_sub li:last-child a:hover{ background:none; color:#F00}
.nav_sub li:nth-child(5),.nav_sub li:nth-child(6),.nav_sub li:nth-child(7),.nav_sub li:nth-child(8){ width:25%; margin-top:5%}
.nav_sub li:last-child{ width:100%; text-align:center; margin-top:5%}
.nav_sub .sub-nav{ width:100%;position:inherit; display:block}
.nav_sub .sub-nav li{display:block; color:#FFF;width:100%;float:none;height:40px; font-size:13px;position:relative;line-height:40px;border-bottom:0 solid rgba(255,255,255,0.4);font-size:13px;overflow:hidden; background:none; z-index:999;}
.nav_sub .sub-nav li:last-child a{ color:#FFF; display:block}
.nav_sub .sub-nav li:last-child a:hover{ background:none; color:#FFF}
.nav_sub li:first-child{ display:none}
.nav_sub .sub-nav li:first-child{ display:block}
.main1_1 p:nth-child(2){ display:block}
.main2_1 ul{ display:none}
.main2_2 div{ width:48%; float:left;  margin:1% 1% 2% 0px;}
.main2_2 div p{ text-align:center; line-height:40px; background:#f0f1f1; height:40px}
.main2_2 div:nth-child(4n){margin-right:1%}
.main2_2 div:nth-child(2n){margin-right:0}
.main2_2 div img{ width:100%;}
.footer1 .container div:nth-child(1){ width:100%; float:left; text-align:center; margin-bottom:20px;}
.footer1 .container div:nth-child(2){ width:25%; text-align:center; float:right}
.footer1 .container div:nth-child(3){ width:25%;text-align:center; float:right}
.footer1 .container div:nth-child(4){ width:25%;text-align:center; float:right}
.footer1 .container div:nth-child(5){ width:25%;text-align:center; float:right}
.main3_s li .main3_s2 h3{ color:#203864; font-size:15px; margin-bottom:0px; overflow:hidden; line-height:30px; height:30px;}
.main3_s li .main3_s1 p{ font-size:25px;}
.carousel{ margin-top:76px;}
.logo_r{ display:none}
.logo_l{ margin:10px auto;}
.logo_nav{ display:block}
.logo_nav {
    font-size: 25px;
    margin-top: 25px;
    cursor: pointer;
    text-align: right;
    z-index: 999;
}
.mains_b{ width:100%; background:rgba(0,0,0,0.9);position:absolute; z-index:999}
.news_list ul li div span{ display:none}
.body_tulist li img{ height:190px;}
}
@media (max-width: 768px) {
.body_r_mao div:nth-child(1){ width:100%; float:left; color:#0E5EAD; font-weight:bold; font-size:16px;}
.body_r_mao div:nth-child(2){ width:80%; display:none; float:right; text-align:right}
.news_cont_t img{ max-width:90% !important}
.carousels{ display:block}
.carouselss{ display:none}
.logo_nav{ margin-top:25px;}
.carousel{ margin-top:52px;}
.footer1{ padding:15px 0;}
.main1_3 ul li{ width:100%; margin:1% 0;}
.footer1 .container div:nth-child(2){ width:50%; display:none; text-align:center; float:right}
.footer1 .container div:nth-child(3){ width:50%; display:none;text-align:center; float:right}
.footer1 .container div:nth-child(4){ width:50%; display:none;text-align:center; float:right}
.footer1 .container div:nth-child(5){ width:50%; display:none;text-align:center; float:right}
.footer2 .container div{ width:100%; text-align:center;}
.footer2 div:nth-child(2){ text-align:center}
.main1_1{ text-indent:2em; line-height:28px; font-size:14px; letter-spacing:2px;}
.body_tulist ul li{ width:47%}
.body_tulist li img{ height:130px;}
.main2_2 div img{ width:100%; height:130px;}
}
@media (max-width: 500px) {
.logo_nav{ margin-top:15px;}
.carousel{ margin-top:52px;}
.mess ul{ overflow:hidden; padding:5%;}
}