
.navbar-static-top {margin-bottom: 0; border:0; background:url(../images/header.jpg) center no-repeat; height:110px;}
.navbar-nav{ margin-left:60px; margin-top:60px;}
.navbar-default .navbar-nav > li{ padding:10px 20px 20px 20px}
.navbar-default .navbar-nav > li > a{ font-size:20px; color:#fff; padding:0}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#16273a}
.ev{ position:absolute; top:20px; right:0; color:#fff}
.ev a{ color:#fff; font-size:15px;}
.navbar-brand img{ width:90px;}

.carousel {
  height: 800px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 800px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 800px;
}

.carousel-caption img{ width:550px;}
.bg{ background:url(../images/bg.jpg) bottom no-repeat;}
.bg1{ background:url(../images/bg1.jpg) center fixed; height:900px}
.bg2{ background:url(../images/bg2.jpg) center fixed; height:700px;}
.bg3{ background:url(../images/bg3-1.jpg) center fixed; height:700px}
.rel{ position:relative}
.main{ padding:50px 0; width:990px; margin:auto}
.main p{ font-size:18px; line-height:30px;}
.p20{ padding:20px 30px}
.c_title1{ background:url(../images/title1.png) no-repeat; width:287px; height:34px; line-height:38px; color:#fff; font-size:18px; text-indent:80px; font-weight:bold;}
.c_title2{ background:url(../images/title2.png) no-repeat; width:287px; height:34px; line-height:38px; color:#fff; font-size:18px; text-indent:80px; font-weight:bold;}
.c_title3{ background:url(../images/title3.png) no-repeat; width:287px; height:34px; line-height:38px; color:#fff; font-size:18px; text-indent:80px; font-weight:bold;}
.c_title4{ background:url(../images/title4.png) no-repeat; width:287px; height:34px; line-height:38px; color:#fff; font-size:18px; text-indent:80px; font-weight:bold;}
.c_title5{ background:url(../images/title5.png) no-repeat; width:287px; height:34px; line-height:38px; color:#fff; font-size:18px; text-indent:80px; font-weight:bold;}
.c_title6{ background:url(../images/title6.png) no-repeat; width:287px; height:34px; line-height:38px; color:#fff; font-size:18px; text-indent:80px; font-weight:bold;}
.c_title7{ background:url(../images/title7.png) no-repeat; width:287px; height:34px; line-height:38px; color:#fff; font-size:18px; text-indent:80px; font-weight:bold;}
.tc{ text-align:center}

.a1{ background:url(../images/a1.png) center no-repeat; height:807px; margin-top:40px; position:relative;}
.a1_font{ position:absolute; text-align:center; color:#fff}
.a1_font p{ font-size:15px}
.a1_font a{ color:#fff}
.a1_font a:hover{ color:#16273a; text-decoration:none}
.a1_font1{ top:240px; left:120px;}
.a1_font2{ top:240px; left:505px;}
.a1_font3{ top:240px; right:130px;}
.a1_font4{ top:380px; left:350px;}
.a1_font5{ top:380px; right:260px;}
.a2{ position:absolute; top:100px; left:0;}
.a2 .title1{ background:url(../images/a2.png) no-repeat; width:713px; height:81px; line-height:84px; color:#fff; font-size:26px; text-indent:150px; font-weight:bold;}
.a2 p{ color:#357ba9; font-size:20px; width:420px; padding-left:40px; line-height:36px; padding-top:40px}
.a3{ position:absolute; top:100px; right:0;}
.a3 .title1{ background:url(../images/a3.png) no-repeat; width:713px; height:81px; line-height:84px; color:#fff; font-size:28px; text-align:left; font-weight:bold; text-indent:80px;}
.a3 p{ color:#357ba9; font-size:20px; width:650px; line-height:32px; padding-top:50px;float:right; padding-right:60px;}

.footer{ background:url(../images/footer.jpg) center; padding:40px 0}
.footer_1{ color:#fff; text-align:center; font-size:16px; margin-top:10px;}
.footer_1 a{ color:#FF0; text-decoration:underline}
.footer_1 .col-md-3{ }
.footer_2{ color:#fff; text-align:center; margin-top:30px; font-size:14px; border-top:1px solid #fff; padding-top:20px; line-height:26px}
.footer_2 a{ color:#fff}
.footer_1_ico{ position:relative; padding-left:50px;}
.footer_1_ico span{position: absolute;left: 0px;top:0;color: #ffffff;font-size: 36px;line-height: 1em;font-weight: 300;}

.c_banner{ position:relative;}
.c_banner_font{ position:absolute; bottom:100px; left:50%; margin-left:-250px;}
.c_banner_font img{ width:500px;}
.c_hide{ display:none !important}
.navbar-default .navbar-toggle{ background:#fff}
p img.c_img{ float:left; margin-right:40px;}
p img.c_img3{ float:right; margin-left:40px;}

.news_ul{ margin-bottom:50px;}
.news_ul2{ width:800px; margin:0 auto 50px}
.news_title{ height:34px;}
.news_t1{ background:url(../images/news_t1.png) no-repeat; width:64px; height:34px; float:left; display:inline;}
.news_ts{ height:28px; float:left; padding-top:6px;}
.news_t2{ background:url(../images/news_t2.png) no-repeat #0b5993; height:28px; float:left; display:inline; color:#fff; line-height:28px; font-size:16px; padding:0 20px; min-width:320px;}
.news_t3{ background:url(../images/news_t3.png) no-repeat; width:41px; height:28px; float:left; display:inline;}
.news_main{ margin-top:20px;}
.news_main_l{ width:330px; float:left; display:inline}
.news_main_l img{ width:300px; height:200px;}
.news_main_r{ width:650px; float:left; display:inline; font-size:14px; line-height:22px;}
.news_main_r a{ color:#333}
.news_main_r a:hover{ color:#1e8caf; text-decoration:none}

.news_t0{ background:url(../images/news_t0.png) left top no-repeat; padding-left:70px; font-size:18px; line-height:26px; padding-top:4px; padding-bottom:4px; font-weight:bold}
.news_t0 a{ color:#105691}

.news_ul_top{ margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:30px}
.news_ul_title{ font-size:22px; line-height:32px; color:#105691; font-weight:bold; text-align:center}
.news_ul_date{ font-size:15px; color:#666; margin-top:10px; text-align:center}

.c_more{ margin-top:10px;}
.c_more a{ background:#009dc5; color:#fff; float:left; padding:5px 15px;}
.c_more a:hover{ background:#105691; color:#fff}

.footer_1 span{ padding-left:20px;}

.js_nav{ position:relative;}
.js_nav .js_nav_ul{ display:none; width:200px; top:50px; left:20px; position:absolute; background:#249fbd; padding:0; margin:0}
.js_nav .js_nav_ul li{ list-style:none; text-align:left; border-bottom:1px solid #fff}
.js_nav .js_nav_ul li a{ color:#fff; display:block; padding:10px 15px; font-size:16px; line-height:30px;}
.js_nav:hover .js_nav_ul{ display:block;}

.js_nav2{ position:relative;}
.js_nav2 .js_nav2_ul{ display:none; width:250px; top:0; left:200px; position:absolute; background:#1284a0; padding:0; margin:0; border-left:1px solid #fff}
.js_nav2 .js_nav2_ul li{ list-style:none; text-align:left; border-bottom:1px solid #fff}
.js_nav2 .js_nav2_ul li a{ color:#fff; display:block; padding:10px 20px; font-size:15px; line-height:30px;}
.js_nav2:hover .js_nav2_ul{ display:block;}
.js_nav2:hover .js_nav2_a{ background:#1284a0; text-decoration:none}

.ch_zs{ background:#1284a0; color:#fff; padding:10px; text-align:center; font-size:16px;}
.c_textarea{ padding:0 15px;}
.c_textarea textarea{font-size:16px}

.footer_share{ border-right:1px solid #fff; text-align:center;}
.footer_share a{ margin:0 10px}
.footer_share a img{ height:40px;}
.hz_2{ text-align:center; padding-top:10px;}

.bbs_box{ border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgb(136 136 136 / 10%); margin-bottom: 20px; padding:20px; border-left:2px solid #105691}
.bbs_name{ font-size:24px; color:#0e2c53; line-height:32px; text-align:center; font-weight:bold; margin-bottom:5px; }
.bbs_time{ font-size:14px; color:#777; line-height:24px; margin-bottom:5px; text-align:center; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:20px;}
.bbs_info{ line-height:24px; font-size:14px;}
.bbs_info p{ line-height:24px; font-size:14px;}
.bbs_btn{ margin-right:50px;}
.bbs_box_s{ margin-bottom:40px; text-align:center}
.bbs_box_s .bbs_btn{ font-size:16px !important}
.bbs_box_s .bbs_btn2{ font-size:16px !important}
.bbs_p1{ padding-left:15px; padding-right:15px;}

.c_list_main{ margin-bottom:50px; background:#fff; padding:20px; border:1px solid #ccc; border-radius:10px; }
.c_list_img{ padding-bottom:10px;}
.c_list_img img{ width:100%; height:200px;}
.c_list_date{ color:#777; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.c_list_title{ font-size:20px; line-height:30px; margin-bottom:10px; color:#000}
.c_list_info{ color:#333; font-size:15px; line-height:22px; overflow:hidden; }
.c_list_other{ text-align:center}
.c_list_main .bbs_btn{ margin-right:10px;}
.c_list_main .c_list_other .btn-sm{ font-size:13px}
.c_list_date_l{ float:left; line-height:30px;}
.c_list_date_r{ float:right;}

@media (max-width: 1200px) {
.a1{ background:url(../images/a1.png); background-size:100% 100%; height:807px;}
.a1_font1{ top:240px; left:90px;}
.a1_font2{ top:240px; left:395px;}
.a1_font3{ top:240px; right:100px;}
.a1_font4{ top:390px; left:280px;}
.a1_font5{ top:390px; right:200px;}
.navbar-default .navbar-nav > li{ padding:10px 20px}
.navbar-default .navbar-nav > li > a{ font-size:20px;}
.carousel, .carousel .item, .carousel-inner > .item > img {height: 600px;}
}

@media (max-width: 990px) {
.a1{ background:url(../images/a1.png); background-size:100% 100%; height:700px; margin-top:100px;}
.a1_font1{ top:200px; left:60px;}
.a1_font2{ top:180px; left:290px;}
.a1_font3{ top:200px; right:70px;}
.a1_font4{ top:340px; left:205px;}
.a1_font5{ top:300px; right:130px;}
.carousel, .carousel .item, .carousel-inner > .item > img {height: 500px;}
.c_banner_font{ margin-left:-200px;}
.c_banner_font img{ width:400px;}
.main{ width:100%}
.tc img{ width:100%}
.navbar-default .navbar-nav > li{ padding:10px 15px}
.navbar-default .navbar-nav > li > a{ font-size:18px;}
}

@media (max-width: 768px) {
.hz_2{ padding-bottom:30px;}	
.footer_share{ border-right:0; border-bottom:1px solid #fff; padding-bottom:20px;}	
.contact_us .p20 .col-md-6{ padding-bottom:20px;}	
.contact_us .p20 .col-md-12{ padding-bottom:20px;}	
.contact_us .p20{ padding:0}
.contact_us .p20 .c_textarea{ padding-bottom:20px;}
.js_nav:hover .js_nav_ul{ display:none;}
.js_nav2:hover .js_nav2_ul{ display:none;}	
.c_hide{ display:block !important}
.ev{ display:none}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#2cb3d3; z-index:999; position:relative}
.navbar-brand > img{ width:50px;}
.navbar-static-top{ height:70px}
.navbar-nav{ margin:0;}
.navbar-default .navbar-nav > li > a{ font-size:16px; padding:10px;}
.navbar-default .navbar-nav > li{ padding:0; }
.carousel, .carousel .item, .carousel-inner > .item > img {height: 400px;}
.carousel-caption img{ width:100%;}
.c_banner_font{ bottom:20px; margin-left:-150px;}
.c_banner_font img{ width:300px;}
p img.c_img{ margin-bottom:20px; display:block; float:none; margin-right:0}
p img.c_img2{ width:250px;}
p img.c_img3{ display:block; float:none; width:100%; margin-left:0; margin-bottom:20px;}
.c_img1{ width:100%}
.footer_1 .col-md-3{ margin-bottom:20px;}
.bg1{ background:none; height:auto}
.a1{ background:none; margin:20px 0; overflow:hidden; height:auto;}
.a1_font{ position:relative; background:#2bb2d2; padding:20px; margin-bottom:1px;}
.a1_font1{ top:auto; left:auto;}
.a1_font2{ top:auto; left:auto;}
.a1_font3{ top:auto; right:auto;}
.a1_font4{ top:auto; left:auto;}
.a1_font5{ top:auto; right:auto;}
.a2{ position:relative; overflow:hidden; top:0; padding:20px 0}
.a2 .title1{ width:auto; background:none; background-color:#006f8c; font-size:24px; line-height:30px; height:auto; text-indent:0; letter-spacing:0; padding:10px; margin:0 10px; text-align:center}
.a2 p{ width:auto; padding:20px 10px; font-size:18px; line-height:24px; letter-spacing:0}
.a3{ position:relative; overflow:hidden; top:0; padding:20px 0}
.a3 .title1{ width:auto; background:none; background-color:#006f8c; font-size:24px; line-height:30px; height:auto; text-indent:0; letter-spacing:0; padding:10px; margin:0 10px; text-align:center}
.a3 p{ width:auto; padding:20px 10px; font-size:18px; line-height:24px;}
.bg2{ height:auto; background-position:left}
.bg3{ height:auto; background-position:right}
.news_ul2{ width:auto}
.cop{ margin-top:30px;}
.bbs_btn{ margin-right:5px; font-size:15px !important}
.bbs_btn2{ font-size:15px !important}

.c_list_main .bbs_btn{ font-size:13px !important}
.c_list_main .bbs_btn2{ font-size:13px !important}
.c_list_main{ height:auto !important}
}

@media (max-width: 600px) {
.news_title{ height:auto}	
.news_t1{ display:none}
.news_ts{ height:auto; float:none; padding-top:0;}
.news_t2{ background:url(../images/news_t2.png) repeat-y #0b5993; height:auto; float:left; display:inline; color:#fff; line-height:28px; font-size:15px; padding:0 20px; min-width:auto;}
.news_t3{ background:url(../images/news_t3.png) no-repeat; width:41px; height:28px; float:left; display:inline;}
.news_main_l{ width:auto; float:none; display: block; text-align:center; margin-bottom:20px;}
.news_main_r{ width:auto; float:none; display:block; font-size:14px; line-height:22px;}	
}	

@media (max-width: 400px) {
.carousel, .carousel .item, .carousel-inner > .item > img {height: 300px;}	
.c_banner_font{ bottom:20px; margin-left:-100px;}
.c_banner_font img{ width:200px;}
}

@media (max-width: 320px) {
.news_main_l img{ width:100%; height:auto}
}	