﻿@charset "utf-8";
BODY {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

DL {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

DT {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

DD {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

UL {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

OL {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

LI {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

TH {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

TR {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

TD {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

P {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

FORM {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

IMG {
    BORDER-RIGHT-WIDTH: 0px;
    BORDER-TOP-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
}

UL {
    LIST-STYLE-TYPE: none;
}

LI {
    LIST-STYLE-TYPE: none;
}


/*全局css*/

.clear {
    CLEAR: both;
}

.h5px {
    height: 5px;
    width: 100%;
    clear: both;
}

.h6px {
    height: 6px;
    width: 100%;
    clear: both;
}

.h10px {
    height: 10px;
    width: 100%;
    clear: both;
}

.h20px {
    height: 20px;
    width: 100%;
    clear: both;
}

.h30px {
    height: 30px;
    width: 100%;
    clear: both;
}

.h40px {
    height: 40px;
    width: 100%;
    clear: both;
}

.h50px {
    height: 50px;
    width: 100%;
    clear: both;
}

.h60px {
    height: 60px;
    width: 100%;
    clear: both;
}

BODY {
    font: 16px 'Microsoft YaHei', 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    COLOR: #000;
    line-height: 40px;
    background: url(bg.png) repeat-x top #fff;
}

A {
    COLOR: #000000;
    TEXT-DECORATION: none;
}

A:hover {
    COLOR: #2675de;
    TEXT-DECORATION: none;
}

select {
    width: 290px;
    height: 40px;
    line-height: 40px;
}


/*框架css*/

.indexbody {
    width: 100%;
    height: auto;
}

.greybox {
    background: #f9f9f9;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.indexbox {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.leftbox {
    float: left;
    width: 260px;
    background: url(left.png) repeat-y #fff;
    height: auto;
    box-sizing: border-box;
}

.rightbox {
    float: right;
    width: 920px;
    height: auto;
}

.cont {
    width: 880px;
    margin: 0 auto;
    height: auto;
}

.fl {
    float: left;
    width: auto;
    height: auto;
}

.titlebox>.boxcont>.fl {
    background: url(gang.png) center left no-repeat;
    padding-left: 10px;
}

.fr {
    float: right;
    width: auto;
    height: auto;
}

.black {
    font-size: 18px;
    color: #000;
}

.black2 {
    font-size: 16px;
    color: #000;
}

.grey {
    color: #666666;
    line-height: 30px;
}

.ge {
    width: 100%;
    height: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f3f3f3;
}

.cont_cont table {
    width: 100%;
    text-align: center;
	border: 1px solid #e5e5e5;
}

.cont_cont table td {
    
    line-height: inherit;
    text-align: center;
    background: none;
    border: 1px solid #e5e5e5;
}

.cont_cont table td a {
   
}

.cont_cont table td a:visted {
    
    TEXT-DECORATION: none;
}

.cont_cont table td a:hover {
    
    TEXT-DECORATION: underline;
}

.cont_cont tr:first-of-type td {
    
    font-weight: bold;
    line-height: inherit;
    
}

.contact {
    padding: 40px;
    box-shadow: 0px 0px 5px #e5e5e5;
    height: auto;
    background: #fff;
}

.contact .contact_title {
    box-sizing: border-box;
    padding-left: 60px;
    background: url(tel.png) left center no-repeat;
    line-height: 40px;
    font-size: 24px;
    color: #2675de;
    font-weight: bold;
}

.contact table {
    width: 100%;
	border-left: 1px solid #275389;
	border-top: 1px solid #275389;
}

.contact table td {
    width: 33%;
    padding: 20px;
    border-right: 1px solid #275389;
	 border-bottom: 1px solid #275389;
}

.contact table td:empty {
    border: none;
}

.contact table tr:nth-of-type(even) td{ background:#fff;}


/*顶部css*/

.logo {
    width: 400px;
    float: left;
    height: 100px;
}

.headerR {
    width: 400px;
    float: right;
	margin-top:35px;
    height: 60px;
}


/*搜索css*/

form {
    margin: 0;
}

.searchbox {
    width: 100%;
    height: 60px;
    border: 2px solid #bfbfbf;
}

.searchbox #SearchStr {
    float: left;
    padding: 0;
    margin: 15px 0 0 20px;
    border: 0;
    width: 760px;
    height: 30px;
    line-height: 30px;
    background: none;
    font-size: 18px;
}

.searchbox #button {
    float: right;
    width: 80px;
    height: 60px;
    margin: 0 auto;
}


.searchbox2 {
    width: 390px;
    height: 30px;
    border: 2px solid #bfbfbf;
}

.searchbox2 #SearchStr {
    float: left;
    padding: 0;
    margin-left: 10px;
    border: 0;
    width: 280px;
    height: 30px;
    line-height: 30px;
    background: none;
    font-size: 16px;
}

.searchbox2 #button {
    float: right;
    width: 40px;
    height: 30px;
    margin: 0 auto;
}



/*主导航css*/

.menu {
    width: 1200px;
    height: 90px;
    text-decoration: none;
    line-height: 90px;
    position: absolute;
    z-index: 100;
}

.menu a {
    display: block;
    width: 109px;
    height: 90px;
    text-align: center;
    font-size: 18px;
    line-height: 90px;
    font-weight: normal;
    color: #ffffff;
}

.menu a:visited {
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
}

.menu a:hover {
    color: #2675de;
    background: #ffffff;
    font-weight: bold;
}

.menu li {
    float: left;
    width: 109px;
    LINE-height: 90px;
    HEIGHT: 90px;
}

.menu li a {
    display: block;
    width: 109px;
    height: 90px;
    text-align: center;
    font-size: 18px;
    line-height: 90px;
    font-weight: normal;
    color: #ffffff;
}

.menu li a:visited {
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
}

.menu li a:hover {
    color: #2675de;
    background: #ffffff;
    font-weight: bold;
}

.menu li.on {
    float: left;
    width: 109px;
    LINE-height: 90px;
    HEIGHT: 90px;
}

.menu li.on a {
    display: block;
    width: 109px;
    height: 90px;
    text-align: center;
    font-size: 18px;
    line-height: 90px;
    color: #2675de;
    background: #ffffff;
    font-weight: bold;
}

.menu li.on a:visited {
    color: #2675de;
    background: #ffffff;
    font-weight: bold;
}

.menu li.on a:hover {
    color: #2675de;
    background: #ffffff;
    font-weight: bold;
}

.menu li ul {
    display: none;
    list-style-type: none;
    text-align: left;
    left: 0;
    top: 90px;
    width: 1200px;
    position: absolute;
    color: #333333;
    background: #e0e6ee;
}

.menu li ul a {
    color: #000;
    text-decoration: none;
    width: auto;
    text-align: center;
    height: 40px;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    line-height: 40px;
    padding: 0px 20px;
    background: none;
}

.menu li ul a:visited {
    color: #000;
    text-decoration: none;
    text-align: center;
    FONT-WEIGHT: normal;
}

.menu li ul a:hover {
    color: #2675de;
    text-decoration: none;
    FONT-WEIGHT: normal;
    background: none;
}

.menu li ul li {
    float: left;
    width: auto;
    height: 40px;
}

.menu li:hover ul {
    display: block;
}

.menu li.sfhover ul {
    display: block;
}

.menu .on ul {
    display: none;
}

.menu li.sfhover a {
    display: block;
    width: 109px;
    height: 90px;
    text-align: center;
    font-size: 18px;
    line-height: 90px;
    color: #2675de;
    background: #ffffff;
    font-weight: bold;
}

.menu li.sfhover a:visited {
    color: #2675de;
    background: #ffffff;
    font-weight: bold;
}

.menu li.sfhover a:hover {
    color: #2675de;
    background: #ffffff;
    font-weight: bold;
}

.menu li.on ul a {
    color: #000;
    text-decoration: none;
    width: auto;
    text-align: center;
    height: 40px;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    line-height: 40px;
    padding: 0px 20px;
    background: none;
}

.menu li.on ul a:visited {
    color: #000;
    text-decoration: none;
    text-align: center;
    FONT-WEIGHT: normal;
}

.menu li.on ul a:hover {
    color: #2675de;
    text-decoration: none;
    FONT-WEIGHT: normal;
    background: none;
}

.menu li.sfhover ul a {
    color: #000;
    text-decoration: none;
    width: auto;
    text-align: center;
    height: 40px;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    line-height: 40px;
    padding: 0px 20px;
    background: none;
}

.menu li.sfhover ul a:visited {
    color: #000;
    text-decoration: none;
    text-align: center;
    FONT-WEIGHT: normal;
}

.menu li.sfhover ul a:hover {
    color: #2675de;
    text-decoration: none;
    FONT-WEIGHT: normal;
    background: none;
}


/*内页子导航css*/

.submenu_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2675de;
}

.submenu_title a {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2675de;
    display: block;
}

.submenu_title a:visted {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2675de;
}

.submenu_title a:hover {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2675de;
}

.submenu {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    background: url(bottom.png) bottom center no-repeat;
    margin-bottom: 1px;
}

.submenu a {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    display: block;
    background: none;
}

.submenu a:visted {
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    background: none;
}

.submenu a:hover {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #2675de;
}

.submenu a.on {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    display: block;
    background: #2675de;
}

.submenu a.on:visted {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #2675de;
}

.submenu a.on:hover {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #2675de;
}


/*轮换css*/

.swiper-container0 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #fff;
    color: #fff;
}

.swiper-pagination0 {
    position: absolute;
    z-index: 10;
    right: 0px;
    bottom: -50px;
    text-align: center;
    color: #000;
}

.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #fff;
}

.newsimg img {
    height: 400px;
    width: 590px;
}

.newstit {
    position: absolute;
    bottom: 0px;
    background-color: rgba(00, 00, 00, 0.5);
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    text-align: left;
    z-index: 80;
}

.swiper-pagination {
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 10px;
    text-align: right;
    color: #fff;
}

.swiper-pagination-bullet {
    background-color: #ffffff;
}

.swiper-pagination-bullet-active {
    background-color: #ff0000;
}

.swiper-container2 {
    width: 100%;
    height: 250px;
}

.swiper-container2 .swiper-slide {
    height: auto;
    width: 90%;
    align-items: center;
    display: flex;
    border-radius: 20px;
    background: #2675de;
    padding-left: 30px;
    text-align: left;
}

.swiper-container2 .swiper-slide:hover {
    box-shadow: 0px 0px 10px #999;
    background: #65a3f5;
}

.swiper-container2 .swiper-slide a {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
}

.swiper-container2 .swiper-slide a:visted {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
}

.swiper-container2 .swiper-slide a:hover {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
}

.swiper-container3 {
    width: 100%;
    height: 343px;
}

.swiper-container3 .swiper-slide {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-align: center;
    overflow: visible;
}

.swiper-container3 .swiper-slide a {
    display: block;
    height: 333px;
    width: 250px;
}

.swiper-container4 .swiper-slide .pic {
    display: block;
    height: 200px;
    width: 340px;
    overflow: hidden;
}

.swiper-container3 img {
    box-shadow: 0px 0px 10px #e5e5e5;
}

.swiper-container3 img:hover {
    box-shadow: 0px 0px 10px #e5e5e5;
}

.swiper-container4 a img {
    transform: scale(1.0);
    transition: transform 0.2s;
}

.swiper-container4 a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    /*Safari 和 Chrome*/
    -moz-transform: scale(1.1);
    /*Firefox*/
    -ms-transform: scale(1.1);
    /*IE9*/
    -o-transform: scale(1.1);
}

.swiper-container4 a {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    width: 340px;
    height: 260px;
}

.swiper-container4 a:visited {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #f3f3f3;
}

.swiper-container4 a:hover {
    color: #2675de;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #2675de;
}


/*首页css*/

.box1_L {
    float: left;
    width: 590px;
    height: 400px;
}

.box1_R {
    float: right;
    width: 570px;
    height: 400px;
}

.hotnews {
    width: 100%;
    height: 100px;
}

.hotnews a {
    color: #000;
    font-weight: normal;
    width: 100%;
    font-size: 35px;
    text-align: center;
    line-height: 50px;
    height: auto;
}

.hotnews a:visited {
    color: #000;
}

.hotnews a:hover {
    color: #000;
}

.morelink a {
    color: #2386ee;
    float: left;
    border: 1px solid #2386ee;
    padding: 0px 40px;
    font-weight: normal;
    width: auto;
    text-align: center;
    line-height: 40px;
    height: 40px;
}

.morelink a:visited {
    color: #2386ee;
    margin-left: 20px;
    float: left;
    border: 1px solid #2386ee;
    padding: 0px 40px;
    font-weight: normal;
    width: auto;
    text-align: center;
    line-height: 40px;
    height: 40px;
}

.morelink a:hover {
    color: #fff;
    box-shadow: 0px 0px 5px #000;
    background: #2386ee;
    float: left;
    border: 1px solid #2386ee;
    padding: 0px 40px;
    font-weight: normal;
    width: auto;
    text-align: center;
    line-height: 40px;
    height: 40px;
}

.box2_L {
    float: left;
    width: 590px;
    height: auto;
    box-shadow: 0px 0px 15px #e5e5e5;
    letter-spacing: 1px;
}

.box2_R {
    float: right;
    width: 590px;
    height: auto;
    box-shadow: 0px 0px 15px #e5e5e5;
    letter-spacing: 1px;
}

.titlebox {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #eeeeee;
    border-top: 2px solid #2675de;
}

.titlebox a {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #2675de;
    line-height: 60px;
}

.titlebox .fr a:hover {
    color: #666666;
}

.boxcont {
    width: auto;
    margin: 0 auto;
    height: 100%;
    padding: 0 20px;
}

.titlebox i {
    font-size: 28px;
}

.newslist {}

.newnews {
    position: relative;
}

.newnews:after {
    position: absolute;
    width: 32px;
    height: 18px;
    content: "";
    background: url(new.png) no-repeat;
    top: 0px;
    right: -40px;
}

.box3_L {
    float: left;
    width: 790px;
    height: 600px;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.box3_R {
    float: right;
    width: 390px;
    height: 600px;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.box3_R img:hover {
    box-shadow: 0px 0px 15px #e5e5e5;
}

.box4_L {
    float: left;
    width: 386px;
    height: 350px;
    box-shadow: 0px 0px 15px #e5e5e5;
    margin-right: 20px;
}

.box4_R {
    float: right;
    width: 386px;
    height: 350px;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.box5 {
    display: block;
    width: 1200px;
    height: auto;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.box5_bg {
    background: url(school.jpg) top center no-repeat;
    width: 1200px;
    height: 330px;
}

.box5_L {
    width: 410px;
    float: left;
    margin-left: 115px;
    margin-top: 115px;
    color: #fff;
}

.box5_R {
    width: 590px;
    float: right;
    margin-right: 20px;
    height: 213px;
    margin-top: 60px;
    color: #000;
    font-size: 18px;
    text-align: center;
}

.box5_R i {
    margin-top: 10px;
}

.box5_R a {
    font-size: 18px;
    text-align: center;
    color: #275389;
    display: block;
    width: 100%;
    height: 100%;
}

.box5_R a:visited {
    font-size: 18px;
    text-align: center;
    color: #275389;
}

.box5_R a:hover {
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.box5_R_L {
    float: left;
    width: 140px;
    height: 210px;
    text-align: center;
    border-radius: 10px;
    background: #fff;
    position: relative;
}

.box5_R_L:hover:before {
    content: "";
    position: absolute;
    width: 61px;
    height: 57px;
    right: -3px;
    top: -3px;
    background-image: url(icon.png);
}

.box5_R_R {
    float: right;
    width: 440px;
    height: 210px;
    text-align: center;
}

.box5_R_R_small {
    float: left;
    width: 140px;
    height: 100px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    background: #fff;
}

.box5_R_R_big {
    float: left;
    width: 290px;
    height: 100px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    background: #fff;
}

.box5_R_L:hover {
    background-color: #2675de;
    color: #fff;
}

.box5_R_R_small:hover {
    background-color: #2675de;
    color: #fff;
}

.box5_R_R_big:hover {
    background-color: #2675de;
    color: #fff;
}

.box6 {
    width: 1200px;
    height: auto;
    box-shadow: 0px 0px 15px #e5e5e5;
    display: block;
}

.box9 {
    display: block;
    width: 1200px;
    height: auto;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.box9_L {
    float: left;
    width: 765px;
    height: 520px;
    background: url(fireprobg.png) bottom repeat-x #fff;
}

.box9_R {
    float: right;
    width: 375px;
    height: 520px;
}

.H_title {
    width: 70px;
    height: auto;
    float: left;
    background: #2675de;
    align-items: center;
    display: flex;
}

.H_title a {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    width: 70px;
    display: block;
}

.H_title a:visited {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
}

.H_title a:hover {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
}

.H_cont {
    float: left;
    margin-left: 20px;
    width: 1070px;
    height: auto;
    overflow: hidden;
}

.pro {
    float: left;
    width: 180px;
    height: 240px;
    display: block;
    position: relative;
    margin-right: 15px;
    margin-bottom: 25px;
	overflow:hidden;
    box-shadow: 0px 0px 10px #e5e5e5;
	
}

.pro img {
	transform:scale(1.0);
	transition:transform 0.2s;
}

.pro:hover {
    box-shadow: 0px 0px 10px #e5e5e5;
}

.pro:hover img{
	transform:scale(1.1);
}

.pro:hover .tit{
	bottom: 5px;
	opacity:1;
}


.pro .tit {
    position: absolute;
    width: 170px;
    left: 5px;
	opacity:0;
    text-align: center;
    height: 30px;
    bottom: 0px;
    border-radius: 15px;
    z-index: 80;
    line-height: 30px;
    background: rgba(51, 51, 51, 0.6);
    color: #fff;
	transition: all 0.6s;
}

.probig {
    float: left;
    width: 375px;
    height: 520px;
    display: block;
    position: relative;
	overflow:hidden;
    box-shadow: 0px 0px 10px #e5e5e5;
}

.probig:hover {
    box-shadow: 0px 0px 10px #e5e5e5;
}

.probig img {
	transform:scale(1.0);
	transition:transform 0.2s;
}

.probig:hover img{
	transform:scale(1.05);
}

.probig:hover .tit{
	bottom: 5px;
	opacity:1;
}

.probig .tit {
    position: absolute;
    width: 360px;
    left: 8px;
    text-align: center;
    height: 30px;
    bottom: 0px;
    border-radius: 15px;
    z-index: 80;
    line-height: 30px;
    background: rgba(51, 51, 51, 0.6);
    color: #fff;
	opacity:0;
	transition: all 0.6s;
}


/*新闻列表css*/

.newsbox_L {
    float: left;
    width: 900px;
    height: auto;
}

.newsbox_L_L {
    box-shadow: 0px 0px 10px #e5e5e5;
    overflow: hidden;
    width: 250px;
    height: 150px;
    float: left;
    background: url(law.png) center center no-repeat #f9f9f9;
}

.newsbox_L_R {
    width: 620px;
    height: 150px;
    float: right;
}

.newsbox_R {
    float: right;
    width: 262px;
}

.newsbox_R_box {
    border: 1px solid #c9c9c9;
    width: 260px;
}

.newsbox_R_Item {
    width: 100%;
    border-top: 1px solid #e8e5e5;
}

.newsbox_R_title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2675de;
}

.newsbox_R_title a {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2675de;
    display: block;
}

.newsbox_R_title a:visted {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2675de;
}

.newsbox_R_title a:hover {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2675de;
}

.newsbox li {
    text-align: right;
    line-height: 30px;
    color: #000;
}

.notelist {box-shadow: 5px 0px 8px -5px #c0c0c0, -5px 0px 8px -5px #c0c0c0;}

.newsbox li a {
    text-align: left;
    line-height: 30px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    width: auto;
    float: left;
}

.newsbox li a:visited {
    text-align: left;
    line-height: 30px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.newsbox li a:hover {
    text-align: left;
    line-height: 30px;
    color: #2675de;
    font-size: 18px;
    font-weight: bold;
}

.newstitle {
    text-align: center;
    line-height: 40px;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
}

.newsbox .head td {
    height: 50px;
    background: url(notebg.png) top repeat-x;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.newsbox .con td {
    height: auto;
    padding: 30px 20px;
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
}


/*下载列表css*/

.downbox {
    width: 100%;
    height: auto;
    border: 2px solid #eeeeee;
}

.downtitle {
    background: #e0e6ee;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.down_L {
    width: 560px;
    float: left;
    margin-left: 40px;
    height: auto;
    text-align: left;
}

.down_R {
    width: 150px;
    float: right;
    height: 100%;
    text-align: left;
}


/*产品列表css*/

.pro_outbox {
    width: 100%;
    height: auto;
    background: url(probg.png) repeat;
}

.probox {
    float: left;
    width: 280px;
    height: 373px;
    display: block;
    position: relative;
    margin-right: 20px;
    margin-bottom: 25px;
	overflow:hidden;
    box-shadow: 0px 0px 10px #e5e5e5;
}

.probox:hover {
    box-shadow: 0px 0px 10px #e5e5e5;
}

.probox:hover {
    box-shadow: 0px 0px 10px #e5e5e5;
}

.probox:hover img{
	transform:scale(1.05);
}

.probox:hover .tit{
	bottom: 5px;
	opacity:1;
}

.probox img{
	transform:scale(1.0);
	transition:transform 0.2s;
}

.probox .img {
    width: 280px;
    height: 370px;
    background: url(nopro.png) center center no-repeat #eee;
}

.probox .tit {
    position: absolute;
    width: 270px;
    left: 5px;
    text-align: center;
    height: 30px;
    border-radius: 15px;
    bottom: 0px;
    z-index: 80;
    line-height: 30px;
    background: rgba(51, 51, 51, 0.6);
    color: #fff;
	opacity:0;
	transition:all 0.6s;
}


/*视频列表css*/

.videobox {
    float: left;
    width: 430px;
    height: 370px;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.videobox .img {
    width: 430px;
    height: 250px;
    background: url(nopic.png) center center no-repeat #eee;
    position: relative;
    overflow: hidden;
}

.videobox .tit {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 190px;
    top: 100px;
    text-align: center;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    -moz-opacity: 0.8;
}

.videobox a {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    width: 430px;
    height: 305px;
}

.videobox a:visited {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #f3f3f3;
}

.videobox a:hover {
    color: #2675de;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #2675de;
}

.videobox a img {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    /*Safari 和 Chrome*/
    -moz-transform: scale(1.0);
    /*Firefox*/
    -ms-transform: scale(1.0);
    /*IE9*/
    -o-transform: scale(1.0);
    transition: transform 0.2s;
}

.videobox a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    /*Safari 和 Chrome*/
    -moz-transform: scale(1.1);
    /*Firefox*/
    -ms-transform: scale(1.1);
    /*IE9*/
    -o-transform: scale(1.1);
}

.videobox a:hover .tit img {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    /*Safari 和 Chrome*/
    -moz-transform: scale(1.0);
    /*Firefox*/
    -ms-transform: scale(1.0);
    /*IE9*/
    -o-transform: scale(1.0);
}

.video_R {
    width: 234px;
    height: 170px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
}

.video_R .img {
    width: 234px;
    height: 130px;
    background: url(nopic.png) center center no-repeat #eee;
    position: relative;
}

.video_R .tit {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 97px;
    top: 45px;
    text-align: center;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    -moz-opacity: 0.8;
}

#video {
    margin: 0 auto;
    position: relative;
    background: url(nopic.png) center center no-repeat;
}

.VideoBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    cursor: pointer;
    z-index: 10;
}


/*图文列表css*/


/*个人信息查询系统css*/

.SchoolContent .table {
    width: 80%;
    margin: 30px auto;
}

.SchoolContent .table thead {
    background: #2675de;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

.SchoolContent .table thead td {
    background: #2675de;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
}

.SchoolContent .table tbody tr {
    border-bottom: 1px dashed #dcdcdc;
}

.SchoolContent .table tbody tr.gray {
    background: #f5f5f5;
}

.SchoolContent .table td {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #000;
}

.SchoolInput {
    border: 1px solid #c0c0c0;
    height: 30px;
    line-height: 30px;
    width: 300px;
    color: #000;
}

.SchoolButton {
    width: 200px;
    height: 40px;
    background: linear-gradient(315deg, #2675de 0%, #0086F1 100%);
    border-radius: 4px;
    margin-top: 10px;
    border: none;
    color: #fff;
    transition: all .3s;
    cursor: pointer;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 1.14px;
    font-size: 16px;
}


/*留言页面css*/

.Gbookbox {
    width: 100%;
    height: auto;
}

.Input {
    border: 1px solid #c0c0c0;
    height: 30px;
    line-height: 30px;
    width: 250px;
    color: #000;
    padding-left: 20px;
}

.Textarea {
    border: 1px solid #c0c0c0;
    height: 250px;
    line-height: 30px;
    width: 680px;
    vertical-align: top;
    color: #000;
    padding: 5px 20px;
}

.Gbook_Item {
    margin-left: 20px;
    width: 100%;
    text-align: left;
    height: auto;
    margin-bottom: 40px;
    line-height: 30px;
    color: #000;
    font-weight: normal;
}

.Button {
    width: 350px;
    height: 52px;
    background: #2675de;
    border-radius: 4px;
    margin-top: 10px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 1.14px;
    font-size: 16px;
}

.guestbook {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
}

.tab {
    width: 430px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    float: left;
    margin-right: 20px;
    height: 50px;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.tab-s {
    width: 430px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    float: left;
    height: 50px;
    margin-right: 20px;
    background-color: #2675de;
    color: #ffffff;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.liuyan {
    width: 100%;
    border: 1px solid #e0e6ee;
    box-sizing: border-box;
}

.liuyan .liuyan_title {
    height: 50px;
    line-height: 50px;
    color: #000;
    font-weight: bold;
    width: 100%;
    padding-left: 20px;
    background: #e0e6ee;
    box-sizing: border-box;
}

.liuyan .liuyan_con {
    width: 100%;
    padding: 20px;
    line-height: 30px;
    border-bottom: 1px solid #e0e6ee;
    box-sizing: border-box;
}


/*消防学校css*/

.box7_L {
    float: left;
    width: 730px;
    height: auto;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.box7_R {
    float: right;
    width: 450px;
    height: auto;
    box-shadow: 0px 0px 15px #e5e5e5;
}

.box8 {
    width: 380px;
	margin-right:18px;
	margin-bottom:20px;
    height: 130px;
    float: left;
    border: 1px solid #e5e5e5;
    background: #fff;
    cursor: pointer;
    color: #c0c0c0;
	border-radius:20px;
}

.box8 img {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.box8:hover {
    width: 380px;
    margin-right:18px;
	margin-bottom:20px;
    float: left;
    border: 1px solid #e5e5e5;
    background: #2675de;
    cursor: pointer;
    color: #fff;
	border-radius:20px;
}

.box8 a {
    color: #275389;
}

.box8 a:visited {
    color: #275389;
}

.box8 a:hover {
    color: #fff;
}

.box8 .tit {
    font-size: 20px;
    font-weight: bold;
    height: 32px;
}

.box8:hover a {
    color: #fff;
}

.box8:hover a:visted {
    color: #fff;
}

.box8:hover a:hover {
    color: #fff;
}

.box8_con {
    width: 320px;
    margin: 25px auto 0 auto;
    height: auto;
}


/*学校联系我们css*/

.map {
    width: 100%;
    height: 615px;
    position: relative;
}

.map_map {
    width: 100%;
    height: 615px;
    z-index: 0;
    position: absolute;
}

.map_inner {
    width: 1000px;
    height: 315px;
    z-index: 1;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -500px
}

.mapbox:after {
    content: "";
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    background: #0761d1;
    left: 50%;
    margin-left: -8px;
    bottom: -8px;
    position: absolute;
}

.mapbox {
    margin: 0 auto;
    width: 1000px;
    height: 315px;
    background: url(mapbox.png) center top no-repeat;
}

.map_left {
    float: left;
    width: 400px;
    height: auto;
    margin-left: 100px;
    display: block;
    line-height: 30px;
    color: #fff;
}

.map_middle {
    float: left;
    margin-left: 50px;
    width: 250px;
    height: auto;
    display: block;
    line-height: 30px;
    color: #fff;
}

.map_right {
    float: right;
    width: 150px;
    height: auto;
    display: block;
    line-height: 30px;
    color: #fff;
}

.map_link {
    width: 455px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    border: 1px solid #333333;
    border-radius: 5px;
    text-align: center;
}


/*分页css*/

.pagelist {
    text-align: center;
}

.pagelist li {
    display: inline-block;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin-right: 5px;
    line-height: 30px;
}

.pagelist li {
    *display: inline;
}

.pagelist a {
    display: inline-block;
    padding: 4px 12px;
    color: #666;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
    line-height: 30px;
}

.pagelist li a:hover {
    background: #2386ee;
    color: #fff;
}

.pagelist li.on a {
    background: #2386ee;
    color: #fff;
}

.foot {
    color: #fff;
    line-height: 30px;
    text-align: left;
}

.foot_L {
    float: left;
    width: 150px;
    height: 110px;
    align-items: center;
    display: flex;
}

.foot_M {
    float: left;
    width: 650px;
    height: 110px;
}

.foot_R {
    float: right;
    width: 360px;
    height: auto;
}

.foot_R div {
    float: left;
    width: 100px;
    text-align: center;
    margin: 0 10px;
    height: auto;
    line-height: 35px;
}

.foot a {
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.foot a:visited {
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.foot a:hover {
    color: #fff;
    line-height: 30px;
    text-align: center;
}


/*Parallax Slider (Main)
------------------------------------*/

.da-slider {}

.da-slide.slide-v1 .da-text {
    display: block;
    position: absolute;
    left: 6%;
    padding-right: 0%;
    top: 10px;
}

.da-slide h2 {
    color: #000 !important;
}

.da-slide p {
    font-family: 'Helvetica', 'Microsoft YaHei', 'Lucida Grande', 'sans-serif';
    color: #3c4959 !important;
    line-height: 40px;
}

.da-slide a {
    display: block;
}

.da-slide a:hover {
    text-decoration: none;
}

.da-slide h2 a,
.da-slide p a {
    color: #000;
}

.da-slide i {
    color: #fff;
}

.da-slide.slide-v1 .da-text {
    display: block;
    width: 40%;
}

@media (min-width: 1381px) {
    .da-slide.slide-v1 .da-text .content {
        width: 88%;
        float: right;
    }
}

@media (max-width: 900px) {
    .da-slide.slide-v1 .da-text,
    .da-slide.slide-v1 .content {
        width: 100%;
    }
}

.da-slide.slide-v1 .content h2,
.da-slide .content h3,
.da-slide .content p {
    font-family: 'Helvetica', 'Microsoft YaHei', 'Lucida Grande', 'sans-serif';
    position: relative;
    top: 0;
}

.da-slide.slide-v1 .content h2,
.da-slide .content h3,
.da-slide .content p {
    z-index: 10;
    word-wrap: break-word;
    max-width: 90%;
}

.da-slide.slide-v1 .content h2,
.da-slide .content h3 {
    font-size: 36px;
    font-style: normal;
    margin-bottom: 30px;
    margin-top: 50px;
}

.da-slide.slide-v1 .da-img {
    top: 60px;
}

.da-slide.slide-v1 .da-img img {
    height: 400px;
    width: 590px;
    max-width: 600px;
    margin: 0 auto;
    -webkit-box-align: center;
}

.da-slide .btn-u {
    display: block;
    font-size: 18px;
    color: #fff;
    background: #2386ee;
    font-weight: normal;
    width: 180px;
    text-align: center;
    line-height: 50px;
    height: 50px;
}

.da-slide .btn-u:visited {
    display: block;
    color: #fff;
    font-size: 18px;
    background: #2386ee;
    font-weight: normal;
    width: 180px;
    text-align: center;
    line-height: 50px;
    height: 50px;
}

.da-slide .btn-u:hover {
    display: block;
    color: #fff;
    font-size: 18px;
    background: #2386ee;
    font-weight: normal;
    width: 180px;
    text-align: center;
    line-height: 50px;
    height: 50px;
}

.da-slide .btn-u i {
    text-indent: -10px;
    line-height: 50px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0);
    transition: all ease-out 0.3s;
}

.da-slide .btn-u:hover i {
    text-indent: 0px;
    font-size: 18px;
    line-height: 50px;
    color: rgba(255, 255, 255, 1);
}