@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%;}

}