@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	overflow-x: hidden;
	margin: 0;
font-family:"思源黑体CN" ,"微软雅黑","BB","BEB", arial,"arial black",sans-serif;

}


*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {font-family: "微软雅黑";}
body { line-height: 1.5}
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 


a, a:hover, a:focus {text-decoration: none; color: #000;}
* { outline: none;}
img{display: block;width: 100%;height: auto;}

/*公共部分*/
.td-space{padding: 100px 0;}
.t-space{padding-top: 100px;}
.d-space{padding-bottom: 100px;}
.margin-t{margin-top: 65px;}

.txt-c{width: 100%;height: auto;}
.txt-c p{font-size: 16px;color: #000000;}
.title h3{display: inline-block; z-index: 0; color: #043961;font-size: 35px;line-height: 1; position: relative;}
.title h3:before{content: "";z-index: -1; position: absolute;width: 100%;left: 0;bottom: -3px;background: #F8B100;height: 8px}
.w90{width:85%;max-width: 1420px;margin: 0 auto;height: auto;}

@media only screen and (max-width:1680px) {
	.td-space{padding:85px 0;}
	.t-space{padding-top: 85px;}
	.margin-t{margin-top: 60px;}
	.d-space{padding-bottom: 85px;}
}
@media only screen and (max-width:1440px) {
	.td-space{padding: 75px 0;}
	.t-space{padding-top: 75px;}
	.d-space{padding-bottom: 75px;}
	.margin-t{margin-top: 55px;}
	.title h3{font-size: 30px;}
	.txt-c p{font-size: 15px;}
}

@media only screen and (max-width:1280px) {
	.td-space{padding:65px 0;}
	.t-space{padding-top:65px;}
	.d-space{padding-bottom: 65px;}
	.margin-t{margin-top: 45px;}
	.title h3{font-size: 26px;}
}
@media only screen and (max-width:1024px) {
	.w90{width: 90%;}
	.td-space{padding: 55px 0;}
	.t-space{padding-top:55px;}
	.d-space{padding-bottom:55px;}
	.margin-t{margin-top: 40px;}
	.title h3{font-size: 24px;}
	.txt-c p{font-size: 14px;}
	
}
@media only screen and (max-width:720px) {
	.margin-t{margin-top: 35px;}
}




.header{background: rgba(4,57,97,0.6); width: 100%;height: auto;border-bottom: 5px solid #f8b100;z-index: 999;position: fixed;top: 0;left: 0;}

.header .logo{width: 280px;height: auto;display: block;float: left;margin-top: 8px;}
.header .logo img{display: block;width: 100%;}
.header .menu{width: calc(100% - 280px);float: right;}
.header .menu ul{width: calc(100% - 200px);font-size: 0;text-align: right;float: left;}
.header .menu ul li{display: inline-block;position: relative; font-size: 18px;color: #FFFFFF;margin: 0 3%;line-height: 90px;}
.header .menu ul li a{color: #FFFFFF;}
.header .menu ul li .downs{display: none;left: calc(50% - 70px);top: 100%; width: 140px;text-align: center;  position: absolute;line-height: 35px;}
.header .menu ul li .downs a{color: #FFFFFF; background: rgba(4,57,97,0.9);display: block;line-height: 38px;}
.header .menu ul li .downs a:hover{background: #F8B100;}
.header .menu ul li:hover .downs{display: block;}
.header .menu ul li.cut>a{color: #F8B100;font-weight: bolder;}
.header .menu ul li:hover>a{color: #F8B100;font-weight: bolder;}
.header .menu .buy{font-size: 0; max-width: 200px;float: right;display: block;margin-top:22.5px; background:#F8B100;color: #FFFFFF;padding-left:45px;position: relative;}
.header .menu .buy i{width:45px;height: auto;display:inline-block;position: absolute;left: 0;top: 0; background: #FFFFFF;}
.header .menu .buy i:before{content: "";position: absolute;right: -8px;top: calc(50% - 8px); border-bottom: 8px solid rgba(0,0,0,0);border-top: 8px solid rgba(0,0,0,0);border-left: 8px solid #FFFFFF;border-right: 8px rgba(0,0,0,0);}
.header .menu .buy i img{display: block;width: 100%;height: auto;}
.header .menu .buy span{display: inline-block;font-size: 18px; padding: 0 20px;line-height:45px;}
.header .menu .buy .ewm{display: none; position: absolute;background: #fff; width: 100%;padding: 5px;background: #fff;top: 100%;left: 0;height: auto;}
.header .menu .buy .ewm img{display: block;width: 100%;height: auto;}

.header .menu .buy:hover .ewm{display: block;}


.header  .toggle{z-index: 999; display: none; width: 25px;position: absolute;right: 5%;top: 20px; height:20px;vertical-align: middle;}
.header  .toggle:after{content:"";position: absolute;left: 0;width:25px;top: 0px;height: 2px;background:#F8B100;}
.header  .toggle:before{content:"";position: absolute;left: 0;width: 25px;top: 14px;height: 2px;background:#F8B100;}
body.body-bks{width:100%;height:100%;overflow: hidden;}
.header  .toggle span{width: 100%;height: 2px;background: #F8B100; display: block;margin-top: 7px;}

@media only screen and (max-width:1680px) {
	.header .menu ul li{margin: 0 2%;}
}
@media only screen and (max-width:1440px) {
	.header .menu ul{width: calc(100% - 180px);}
	.header .menu ul li{margin: 0 2%;font-size: 16px;}
	.header .menu .buy{max-width: 180px;}
	.header .menu .buy span{font-size: 16px;}
	.header .logo{width: 260px;}
	.header .menu{width: calc(100% - 260px);}
}
@media only screen and (max-width:1280px) {
	.header .menu ul{width: calc(100% - 150px);}
	.header .menu ul li{margin: 0 1%;font-size: 15px;}
	.header .menu .buy{max-width: 150px;padding-left: 40px;}
	.header .menu .buy i{width: 40px;}
	.header .menu .buy span{line-height: 40px; font-size: 15px;}
	.header .logo{width: 240px;margin-top: 12px;}
	.header .menu{width: calc(100% - 240px);}
}
@media only screen and (max-width:1024px) {
	.header{height: 60px;background: rgba(4,57,97,0.95);}
	.header .logo{width: 165px;margin-top: 6px;}
	.header .menu{display: none; position:fixed;left: 0;width: 100%;max-height: calc(100% - 60px);overflow-x: hidden;overflow-y: auto;  top: 60px;background: rgba(4,57,97,0.95);padding:20px;}
	.header .menu ul{float: none;width: 100%;text-align: left;}
	.header .menu .buy{display: block;width: 150px;float: none;}
	.header .toggle{display: block;}
	.header .menu ul li .downs a{background:none;border-bottom: 1px solid rgba(255,255,255,0.1);}
	.header .menu ul li{font-size: 15px;width: 100%;display: block;padding: 10px 5% 10px 10px;line-height:30px; border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0;}
	.header .menu ul li:hover .downs{display: none;}
	.header .menu ul li .downs a{font-size: 15px;}
	.header .menu ul li.twosub:after{position: absolute;content: "";right: 10px;top: 25px;border-top: 6px solid #FFFFFF;border-left: 6px solid rgba(255,255,255,0);border-right: 6px solid rgba(255,255,255,0);border-bottom: 6px solid rgba(255,255,255,0);}
	.header .menu ul li.twosub .downs{position: static;width: 100%;height: auto;background: none;}
	.header .menu ul li.twosub .downs a:last-child{border-bottom: none;}
	.header .menu ul li.show .downs{display: block;}
	.header .menu .buy{padding-bottom: 150px;}
	.header .menu .buy .ewm{display: block;position: absolute;bottom: 0;top:auto; width: 150px;}
}


.banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.banner .banner-js{width: 100%;height: auto;z-index: 88;}
.banner .banner-js .pic{width: 100%;height: auto;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner .banner-js .pic img{width: 100%;height: auto;display: block;}
.banner .banner-js .pic .bks{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.banner .banner-js .con {overflow: hidden; width: 100%;height:auto;position: absolute;top: 50%;transform: translateY(-50%); left: 0;}
.banner .banner-js .con h3{line-height: 1.3; width: 100%;height: auto;padding-right: 5%;color: #FFFFFF;font-size: 72px;transform: translateX(-100%);}
.banner  .mouse1{text-align: left; position:absolute;width: 90%;max-width: 1500px;left: 50%;transform: translateX(-50%);bottom: -20px;height: auto;z-index: 889;}
.banner  .mouse1 img{display: block;width: 30px;height: auto;transform: translateY(100%);}
.banner .banner-js  .swiper-pagination-bullet {margin:25px 0px;}
.banner-js .swiper-slide-active   img, .banner-js .swiper-slide-duplicate-active  img{transition:4s linear;transform:scale(1.1,1.1);}
.banner-js .swiper-slide-active  .con h3{transform: translateX(0);transition: all 0.8s ease;}
.banner-js .swiper-slide-active .pic .mouse1 img{transform: translateY(0%);transition: all 0.8s ease;}

.banner  .mouse1 img{display: block; z-index: 889;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite;animation-name:rotate ;}
@keyframes rotate{
      0%{transform: translateY(-10px);}
    50%{transform: translateY(10px);}
  100%{transform: translateY(-10px);}
}



 .banner .banner-js   .swiper-pagination-bullets {
  bottom:auto;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: calc(50% - 750px);
  width: 35px;
  text-align: center;
  height: auto;
}

.banner .banner-js .swiper-pagination-bullet {
    display:block;
  
    height: auto;
    width: 35px;
    border-radius: 100%;
    background: none;
    opacity: 1;
    font-size: 0px;
    color: #FFFFFF;
    font-family:arial;
    padding-top: 10px;
    line-height: 1;
     position: relative;
}

.banner .banner-js .swiper-pagination-bullet:before{content: "";position: absolute;left: 50%;transform: translateX(-50%); top: 0;width: 10px;height: 10px;border:2px solid #FFFFFF;border-radius: 100%;}

.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    font-size: 30px;
    padding-top:70px;
    border-radius: 0;
    position: relative;
    border:none;
    
}
.banner .banner-js .swiper-pagination-bullet-active:before{content: "";position: absolute; border-radius: 0;border: none; width: 2px;height: 65px;background: #FFFFFF;top: 0;left: 50%;transform: translateX(-50%);}


@media only screen and (max-width:1680px) {
	.banner .banner-js   .swiper-pagination-bullets {right: 5%;}
	.banner .banner-js .con h3{font-size: 70px;}
}

@media only screen and (max-width:1440px) {
	.banner .banner-js .con h3{font-size:65px;}
	.banner .banner-js .swiper-pagination-bullet-active {font-size: 26px;}
}

@media only screen and (max-width:1280px ) {
	.banner .banner-js .con h3{font-size:48px;}
	.banner  .mouse1 img{width: 24px;}
	.banner .banner-js  .swiper-pagination-bullet {margin:15px 0px;}
	.banner .banner-js .swiper-pagination-bullet-active:before{height: 50px;}
	.banner .banner-js .swiper-pagination-bullet-active {font-size: 24px;padding-top: 55px;}
}

@media only screen and (max-width:1024px ) {
	.banner .banner-js .con h3{font-size:40px;}
	.banner .banner-js .pic img{display:none}
	.banner .banner-js .pic {height:400px;}
	.banner .banner-js .pic .mouse1 img{width: 20px;}
	.banner .banner-js  .swiper-pagination-bullet {margin:10px 0px;}
	.banner .banner-js .swiper-pagination-bullet:before{border: 1px solid #FFFFFF;width: 8px;height: 8px;}
	.banner .banner-js .swiper-pagination-bullet-active:before{height:35px;width: 1px;border: none;}
	.banner .banner-js .swiper-pagination-bullet-active {font-size: 20px;padding-top: 40px;}
}


@media only screen and (max-width:720px ) {
	.banner .banner-js .con h3{font-size:20px;font-weight: normal;}
	.banner  .mouse1{bottom: -15px;}
	.banner  .mouse1 img{width: 16px;}
	.banner .banner-js   .swiper-pagination-bullets{right:5%;}
}


.inab{width: 100%;height: auto;background: #fafafa;}
.inab .inab-con{width: 100%;height: auto;position:relative}
.inab .inab-l{position: absolute; left: 0;top: 0; width: 180px;background: #043961; height:100%;border-right: 1px solid rgba(255,255,255,0.2);}
.inab .inab-l a{position: absolute;top: 0;font-size: 18px;font-weight: bolder; left: 0; text-align: center; height: 33.3%; color:#FFFFFF; display: block;width: 100%;padding:20% 5% 0 5%; border-bottom: 1px solid  rgba(255,255,255,0.2);}
.inab .inab-l a:nth-child(2){top: 33.3%;}
.inab .inab-l a:nth-child(3){top: 66.6%;border-bottom: none;}
.inab .inab-l a i{width: 40px;display: inline-block;margin-right: 10px; vertical-align: middle;height: auto;}
.inab .inab-l a i img{display: block;width: 100%;height: auto;}
.inab .inab-l a:hover{background: #F8B100;}
.inab .inab-c{margin-left: 180px; padding:45px 5%; background:#043961;height: auto;position: relative;width: calc(66% - 180px);}
.inab .inab-c .bks{position: absolute;bottom: 0;right: 0;width: 45%;height: auto;}
.inab .tl{width: 100%;margin-bottom: 35px; height: auto;}
.inab .tl h3{color: #FFFFFF;font-size: 22px;}
.inab .tl .line{display:block; width:55px;height: 3px;background: #FFFFFF;margin-top: 10px;}
.inab .inab-c .txt-c{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.inab .inab-c .txt-c p{color: #FFFFFF;}
.inab .inab-c .more{display: block; margin-top: 45px; color: #FFFFFF;font-size: 18px;font-weight: bolder;}
.inab .inab-c .more i{display: inline-block;width: 30px;height: auto;vertical-align: middle;margin-left: 10px;}
.inab .inab-r{width:35%;height: 100%;position: absolute;left: auto; right: 0;top: 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.inab .inab-r {padding: 45px 5%;}
.inab .inab-r .tl p{width: 100%;height: auto;margin-top: 20px; font-size: 16px;color: #FFFFFF;}
.inab .inab-r .lx p{font-size: 18px;color: #FFFFFF;margin-top: 10px; font-weight: bolder;background-size: 20px 20px;background-repeat: no-repeat;background-position: center left;padding-left: 25px;}
.inab .inab-r .lx{width: 100%;margin-top: 13%;}

@media only screen and (max-width:1680px) {
.inab  .tl h3{font-size: 20px;}
.inab .tl .line{width: 50px;}
}
@media only screen and (max-width:1440px) {
.inab  .tl h3{font-size: 18px;}
.inab .inab-l a{font-size: 16px;}
.inab .tl .line{width: 45px;}
.inab .inab-c .txt-c{height:67px;}
.inab .inab-c .more{font-size: 16px;}
.inab .inab-c .more i{width: 28px;}
.inab .inab-l{width: 160px;}
.inab .inab-c{width: calc(66% - 160px);margin-left: 160px;}
.inab .inab-l a i{width: 35px;}
.inab .inab-r .lx p{font-size: 16px;}

}
@media only screen and (max-width:1280px) {
.inab  .tl h3{font-size: 16px;}
.inab .tl .line{width: 40px;}
.inab .inab-l a{padding: 25% 5% 0 5%;}
}



@media only screen and (max-width:1024px) {
.inab .tl .line{width: 35px;}
.inab .inab-c .txt-c{height: 63px;}
.inab .inab-c .more{font-size: 15px;}
.inab .inab-c .more i{font-size: 25px;}
.inab .inab-l{width: 140px;}
.inab .inab-c{width: calc(66% - 140px);margin-left: 140px;}
.inab .inab-l a i{width: 30px;}
.inab .inab-l a{font-size: 15px;}
.inab .inab-c .more{margin-top: 35px;}
}
@media only screen and (max-width:720px) {
.inab .inab-l{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1); position:static;height: auto;font-size: 0;}
.inab .inab-l a{border-bottom: none;border-right: 1px solid rgba(255,255,255,0.1); position: static;text-align: center; height: auto;display: inline-block;width: 33.3%;padding: 20px 3%;}
.inab .inab-l a:last-child{border-right: none;}
.inab .inab-l a i{ display: block;margin: 0 auto;margin-bottom: 10px;}
.inab .inab-c{width: 100%;height: auto;margin-left: 0;}
.inab .inab-r{width: 100%;position:static;}

}

.notice{width: 100%;height: auto;}
.notice .notice-l{ width: 60%;float: left;height: auto;padding-right: 6%;}
.notice .notice-r{width:40%;float: right;padding-left: 6%;height: auto;}
.notice .not-top{overflow: hidden; margin-bottom: 45px; width: 100%;height: auto;}
.notice .not-top .title{float: left;width: calc(100% - 120px);}
.notice .not-top .more{float: right; font-size: 18px;color: #043961;display: inline-block;vertical-align: middle;}
.notice .not-top .more i{width: 30px;height: auto;display:inline-block;vertical-align: middle;margin-left: 10px;}
.notice .not-top .more i img{display: block;width: 100%;height: auto;}
.notice .not-top .refresh{float: right;height: auto;font-size: 18px;color: #043961;}
.notice .not-top .refresh i{width: 15px;height: auto;display: inline-block;margin-left: 10px;}
.notice .notice-l .innews1{font-size: 0; width: 100%;height: auto;margin-bottom: 20px;}
.notice .notice-l .innews1 li{display: inline-block;vertical-align: top; width: calc(50% - 10px);margin-right: 20px;}
.notice .notice-l .innews1 li:nth-child(2){margin-right: 0;}
.notice .notice-l .innews1 li  img{display: block;width: 100%;height: auto;}
.notice .notice-l .innews1 li a{position:relative;width: 100%;height: auto;display: block;}
.notice .notice-l .innews1 li a h3{color: #FFFFFF;font-size: 22px;position: absolute;width: 100%;padding: 0 5%;bottom: 5%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.notice .notice-l .innews2{width: 100%;height: auto;}
.notice .notice-l .innews2 li{width: 100%;height: auto;overflow: hidden; padding: 35px 0; border-bottom: 1px solid #efefef; overflow: hidden;}
.notice .notice-l .innews2 li .time{text-align: center;float: left;width: 100px;}
.notice .notice-l .innews2 li .time b{line-height: 1; display: block; font-size: 65px;color: #333;font-weight:normal}
.notice .notice-l .innews2 li .time span{font-size:16px;line-height: 1; display: block;color: #333333;}
.notice .notice-l .innews2 li .con{width: calc(100% - 100px);padding-left: 3%;height: auto;float: right;}
.notice .notice-l .innews2 li .con h3{width: 100%;height: auto;font-size: 22px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice .notice-l .innews2 li .con .txt-c{width: 100%;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 10px;}
.notice .notice-l .innews2 li:hover h3{color: #F8B100;}
.notice .notice-l .innews2 li:hover .time b,.notice .notice-l .innews2 li:hover .time span{color: #F8B100;}



.notice .notice-r ul{width: 100%;height: auto;}
.notice .notice-r ul li{margin-bottom: 20px;width: 100%;padding: 20px 5%;background: #fafafa;}
.notice .notice-r ul li .time{margin-bottom: 15px; width: 100%;height: auto;font-size: 16px;color: #666;}
.notice .notice-r ul li .time i{width: 20px;display: inline-block;margin-right: 10px;vertical-align: middle;}
.notice .notice-r ul li h3{font-size: 22px;height: 66px; color: #333333;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.notice .notice-r ul li:hover{background: #FFFFFF;box-shadow: 0 8px 10px rgba(0,0,0,0.2);}
.notice .notice-r ul li:hover h3{color: #F8B100;}

@media only screen and (max-width:1680px) {
	.notice .notice-r ul li h3{font-size: 20px;height: 60px;}
	.notice .notice-l .innews2 li .con h3{font-size: 20px;}
	.notice .notice-l .innews1 li a h3{font-size: 20px;}
}
@media only screen and (max-width:1440px) {
	.notice .notice-r ul li h3{font-size: 18px;height: 54px;}
	.notice .notice-l .innews1 li{width: calc(50% - 5px);margin-right: 10px;}
	.notice .notice-l .innews2 li .con .txt-c{height: 45px;}
	.notice .notice-l .innews2 li .con h3{font-size: 18px;}
	.notice .notice-l .innews1 li a h3{font-size: 18px;}

	.notice .notice-l{ width: 60%;padding-right: 5%;}
.notice .notice-r{width:40%;padding-left: 5%;}
.notice .not-top{margin-bottom: 40px;}
.notice .not-top .more{font-size: 16px;}
.notice .not-top .more i{width: 28px;}
.notice .not-top .refresh{font-size: 16px;}
.notice .notice-l .innews2 li .time{width: 90px;}
.notice .notice-l .innews2 li .time b{font-size: 60px;}
.notice .notice-l .innews2 li .con{width: calc(100% - 90px);}
}
@media only screen and (max-width:1280px) {
	.notice .notice-l .innews2 li .time{width: 85px;}
.notice .notice-l .innews2 li .time b{font-size:55px;}
.notice .notice-l{padding-right: 0;}
.notice .notice-r ul li{padding: 15px 5%;margin-bottom: 15px;}
}
@media only screen and (max-width:1024px) {
	.notice .notice-r ul li h3{font-size: 16px;height: 48px;}
	.notice .notice-l .innews2 li .con .txt-c{height: 42px;}
	.notice .notice-l .innews2 li .con h3{font-size: 16px;}
	.notice .notice-l .innews1 li a h3{font-size: 15px;}
	.notice .notice-l{ width: 60%;padding-right: 3%;}
.notice .notice-r{width:40%;padding-left: 3%;}
.notice .not-top{margin-bottom: 35px;}
.notice .not-top .more{font-size: 15px;}
.notice .not-top .more i{width: 25px;}
.notice .not-top .refresh{font-size: 15px;}
.notice .notice-l .innews2 li .time{width: 80px;}
.notice .notice-l .innews2 li .time b{font-size:45px;}
.notice .notice-l .innews2 li .time span{margin-top: 10px; font-size: 15px;}
.notice .notice-l .innews2 li .con{width:calc(100% - 80px);}
.notice .notice-l .innews1 li{width: calc(50% - 5px);margin-right: 10px;}
}
@media only screen and (max-width:720px) {
	.notice .notice-l{width: 100%;height: auto;}
	.notice .notice-r{width: 100%;height: auto;padding-left: 0;margin-top: 35px;}
		.notice .notice-r ul li{margin-bottom: 10px;}
		.notice .notice-l .innews2 li{padding: 25px 0;}
}


.shows{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.shows .title {text-align: center;}
.shows .title h3{color: #FFFFFF;}
.shows .show-c{text-align: center; position: relative; width: 100%;height: auto;padding-bottom: 45px;}
.shows .show-c .show-js{padding: 0 8%; width: 100%;height: auto;}
.shows .show-c .show-js .pic{width: 100%;height: auto;position: relative;}
.shows .show-c .show-js .pic img{display: block;width: 100%;height: auto;}
.shows .show-c .show-js .bks{width: 0%;height:0%; position: absolute;top: 50%;left: 50%; background-size: cover;background-repeat: no-repeat;background-position: center;transform: translateY(-50%)translateX(-50%);-webkit-transform: translateY(-50%)translateX(-50%);-moz-transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%);-o-transform: translateY(-50%)translateX(-50%);}
.shows .show-c .show-js .con{width: 100%;height: auto;background: #FFFFFF;text-align: center;padding: 15px 5%;}
.shows .show-c .show-js .con h3{width: 100%;height: auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 22px;color:#000;}
.shows .show-c .show-js a:hover .bks{width: 100%;height: 100%; transition: all 0.2s ease;}
.shows .show-c .show-js a:hover .con{background: #F8B100;}
.shows .show-c .show-js a:hover .con h3{color: #FFFFFF;}

.shows .show-c .swiper-pagination{text-align: center;width: 100%;bottom: 0;}
.shows .show-c .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #FFFFFF;
    opacity:1;
    margin: 0 10px;
}
.shows .show-c .swiper-pagination-bullet-active {
    opacity: 1;
    background:#F8B100;
}


@media only screen and (max-width:1680px) {
.shows .show-c .show-js .con h3{font-size: 20px;}
	
}
@media only screen and (max-width:1440px) {
.shows .show-c .show-js .con h3{font-size: 18px;}
	
}
@media only screen and (max-width:1280px) {
.shows .show-c .show-js .con h3{font-size: 16px;}	
}
@media only screen and (max-width:1024px) {
.shows .show-c .show-js .con h3{font-size: 15px;}	
}

.in-partner{ width: 100%;height: auto;}
.in-partner .in-partner-sort{text-align: center;font-size: 0;}
.in-partner .in-partner-sort li{cursor: pointer; display: inline-block;font-size: 22px;font-weight: bolder; vertical-align: top; color: #222222;line-height: 50px;padding: 0 20px;background: #f3f3f3; } 
.in-partner .in-partner-sort li.cut{background: #f8b100;color: #FFFFFF;}
.in-partner .in-partner-sort li:hover{background: #f8b100;color: #FFFFFF;}
.in-partner .in-partner-c{width: 100%;height: auto;}
.in-partner  .in-partner-js{display: none; width: 100%;height: auto;}
.in-partner  .in-partner-js .partner-logo{text-align: center;width: 100%;}
.in-partner  .in-partner-js .partner-logo .ico{ width: 90%;margin: 0 auto; height: auto;}
.in-partner  .in-partner-js .partner-logo .ico img{display: block;width: 100%;height: auto;}


@media only screen and (max-width:1600px) {
	.in-partner .in-partner-sort li{padding: 0 15px;line-height: 45px;font-size: 20px;}

}
@media only screen and (max-width:1440px) {
		.in-partner .in-partner-sort li{padding: 0 15px;line-height: 40px;font-size: 18px;}
}

@media only screen and (max-width:1200px) {
		.in-partner .in-partner-sort li{padding: 0 15px;line-height: 35px;font-size: 16px;}
}
@media only screen and (max-width:1024px) {
	.in-partner .in-partner-sort li{padding: 0 15px;line-height: 35px;}
	.in-partner  .in-partner-js .partner-logo .ico{width: 100%;height: auto;}
}












.footer{width: 100%;height: auto; padding: 45px 0; background-size: cover;background-repeat: no-repeat;background-position: center;}
.footer .footer-l{width: calc(100% - 240px);float: left;text-align:left ;padding-right: 5%;}
.footer .footer-l .cont{font-size:18px;color: #FFFFFF;}
.footer .footer-l .cont p{margin-bottom: 10px;}
.footer .footer-l .cont .tel{font-size: 36px;font-family: arial;color:#f8b100;font-weight: bold;padding-left: 50px;background:url(../img/a003.png)left center no-repeat;background-size: 40px 40px;}
.footer .footer-l .pricy{margin-top: 10px; width: 100%;height: auto;font-size: 16px;color: #FFFFFF;}
.footer .footer-l .pricy p{color: #FFFFFF;}
.footer .footer-l .pricy p a{color: #FFFFFF;}
.footer .wx{width: 240px;float: right;text-align: center;font-size: 0;}
.footer .wx .wx1,.footer .wx2{display: inline-block;width: 110px;margin-right: 20px;}
.footer .wx .wx2{margin-right: 0;}
.footer .wx .ewm{width: 100%;height: auto;margin-bottom: 10px;}
.footer .wx .ewm img{display: block;width: 100%;height: auto;}
.footer .wx p{font-size:16px;color: #FFFFFF;}
@media only screen and (max-width:1440px) {
	.footer .wx{width: 220px;}
	.footer .wx .wx1,.footer .wx2{display: inline-block;width: 100px;margin-right: 20px;}
	.footer .footer-l{width: calc(100% - 220px);}
.footer .footer-l .cont{font-size: 16px;}
.footer .footer-l .cont .tel{font-size: 30px;padding-left: 40px;background-size: 35px 35px;}
.footer .footer-l .pricy{font-size: 15px;}
.footer .wx p{font-size: 15px;}
}
@media only screen and (max-width:1200px) {
	.footer .wx{width: 200px;}
	.footer .wx .wx1,.footer .wx2{display: inline-block;width: 90px;margin-right: 20px;}
	.footer .footer-l{width: calc(100% - 200px);}
	.footer .footer-l .cont{font-size: 15px;}
	.footer .footer-l .cont .tel{font-size: 28px;padding-left: 40px;background-size: 35px 35px;}
.footer .footer-l .pricy{font-size: 15px;}
.footer .wx p{font-size: 15px;}
}
	
@media only screen and (max-width:1024px) {
	.footer .wx{width:180px;}
	.footer .wx .wx1,.footer .wx2{display: inline-block;width:80px;margin-right: 20px;}
	.footer .footer-l{width: calc(100% - 180px);}
.footer .footer-l .cont .tel{font-size: 26px;padding-left: 40px;background-size: 30px 30px;}
.footer .footer-l .pricy{font-size: 14px;}
.footer .wx p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.footer{padding: 35px 0 25px 0;}
	.footer .footer-l{text-align: center; width: 100%;height: auto;float: none;padding-right: 0;}
	.footer .footer-l .cont .tel{display: inline-block;}
	.footer .wx{width: 100%;margin-top: 30px;}
	.footer .wx .wx1,.footer .wx2{display: inline-block;width: 100px;margin-right: 20px;}
}



.bread{width: 100%;height: auto;font-size: 16px;color: #043961;padding-top: 35px;}
.bread a{color: #043961;padding: 0 10px;}
.bread a.home{padding-left: 30px;background-size: 25px 25px;background-position: center left;background-repeat: no-repeat;}


.in-banner{position: relative; width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-banner  img{display: block;width: 100%;height: auto;}
.in-banner  .con{position: absolute;top: 55%;left: 0;width: 100%;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.in-banner .bks{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;}
.in-banner .caption{width: 100%;height: auto;}
.in-banner .caption h2{color: #FFFFFF;line-height: 1; font-size: 70px;}
.in-banner .caption h4{font-size:30px;margin-top: 10px;color: #FFFFFF;}





.group{width: 100%;height: auto;background-repeat: no-repeat;background-position:center;background-size: cover;}
.group .title {text-align: center;}
.group .title h3{color: #FFFFFF;}
.group .group-c{width: 100%;margin-top: 25px; height: auto;}




.ab{width: 100%;height: auto;}
.ab .txt-c{width: 100%;height: auto;}
.ab .ab-c{position: relative;overflow: hidden; padding-left: calc(50% - 710px);height: auto;margin-top: 45px;}
.ab .ab-js{width: 100%;height: auto;padding-bottom: 25px;}

.ab .ab-c .swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	height: 2px;
	width: 100%;
	position: absolute;
	top: auto;
	bottom: 0;
}
.ab .ab-c .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #F8B100;
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}



@media only screen and (max-width:1680px) {
	.ab .ab-c{padding-left: 7.5%;}
	.in-banner .caption h2{font-size: 65px;}
	.in-banner .caption h4{font-size: 28px;}
}
@media only screen and (max-width:1440px) {
		.in-banner .caption h2{font-size: 60px;}
	.in-banner .caption h4{font-size: 28px;}
	.bread{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.in-banner .caption h2{font-size:55px;}
	.in-banner .caption h4{font-size: 24px;}
}

@media only screen and (max-width:1024px) {
	.ab .ab-c{padding-left:5%;}
	.in-banner img{display: none;}
	.in-banner{height: 360px;}
	.in-banner .caption h2{font-size:35px;}
	.in-banner .caption h4{font-size: 22px;}
	.bread{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.in-banner .caption h2{font-size:30px;}
	.in-banner .caption h4{font-size: 16px;}
	.in-banner{height: 300px;}
}


.honor{width: 100%;height: auto;}
.honor .honor-top{position: relative;width: 100%;height: auto;}
.honor .honor-js{width: 100%;height: auto;text-align: center;padding-bottom: 20px;}
.honor .honor-js  .swiper-slide{background: #FFFFFF;padding: 0 2%;padding-bottom: 25px;}
.honor .honor-js  .swiper-slide:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.honor .honor-js .pic{width: 100%;height: auto;}
.honor .honor-js .pic img{display: block;width: 100%;height: auto;}
.honor .honor-js h6{font-size:18px;color: #043961;margin-top: 20px;}
.honor .honor-top .swiper-button-next{
    background-image: url(../img/a022.png);
   right: 0px;
    left: auto;
}
.honor .honor-top .swiper-button-prev{
 background-image: url(../img/a023.png);
  right: 60px;
    left: auto;
}
.honor .honor-top .swiper-button-prev:before{content:"";position: absolute;right: -10px;width: 1px;height: 20px;top: calc(50% - 10px);background: #efefef;}
.honor .honor-top  .swiper-button-next,.honor .honor-top .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 30px;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer;
    background-size: 40px 30px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {	
	
}
@media only screen and (max-width:1440px) {	
.honor .honor-js h6{font-size: 16px;}
.honor .honor-top  .swiper-button-next,.honor .honor-top .swiper-button-prev {
    width:36px;
    height:27px;
    margin-top: -13.5px;
    background-size:36px 27px;
    }
    .honor .honor-top .swiper-button-prev{right: 56px;}
}
@media only screen and (max-width:1280px) {	
.honor .honor-js h6{font-size: 16px;}
}
@media only screen and (max-width:1024px) {	
.honor .honor-js h6{font-size: 15px;}
.honor .honor-top  .swiper-button-next,.honor .honor-top .swiper-button-prev {
    width:32px;
    height:24px;
    margin-top: -12px;
    background-size:32px 24px;
    }
 .honor .honor-top .swiper-button-prev{right: 52px;}
}
@media only screen and (max-width:720px) {	
.honor{padding-bottom:20px;}
}




.course-bks{background: #f3f3f3;}
.course{width: 100%;height: auto;text-align: center;}
.course .title{text-align: center;}
.course .course-sort{width: 100%;height: auto;text-align: center;margin-top: 35px; }
.course .course-sort a{margin: 0 2%; display: inline-block;  font-size: 18px;font-weight: bolder;color: #043961;}
.course .course-sort a:hover{color: #F8B100;}
.course .course-sort a.cut{color:#F8B100;}

.course .course-list{width: 100%;height: auto;font-size: 0;}
.course .course-list li{ width: calc(25% - 15px);display: inline-block; vertical-align: top; margin-right:20px;margin-bottom: 20px;}
.course .course-list  li:nth-child(4n){margin-right: 0;}
.course .course-list li .pic{width: 100%;height: auto;position: relative;}
.course .course-list li .pic img{display: block;width: 100%;height: auto;}
.course .course-list li .pic .bks{display: none; width: 100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(4,57,97,0.6);}
.course .course-list li .pic .bks .con{width:100%;text-align: center;top: 50%;left: 0; position: absolute; color: #FFFFFF;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.course .course-list li .pic .bks .con i{width: 40px;height: auto;display: block;margin: 0 auto;}
.course .course-list li .pic .bks .con span{display: block;text-align: center;margin-top: 10px;color: #FFFFFF;font-size: 16px;}

.course .course-list li  h3{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;font-size: 18px;color: #000000; background: #FFFFFF;padding: 15px 5%;}
.course .course-list li:hover h3{color: #FFFFFF;background: #F8B100;}
.course .more{display: inline-block;font-size: 18px;font-weight: bolder; color: #FFFFFF;background: #043961;padding: 10px 35px;margin-top: 25px;}
.course .more:hover{background:#F8B100;}
.course .course-list li:hover .pic .bks{display: block;}
@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1440px) {
.course .course-list li  h3{font-size: 16px;}

.course .course-list li{width: calc(25% - 7.5px);margin-right: 10px;margin-bottom: 10px;}
.course .more{font-size: 16px;}
.course .course-sort a{font-size: 16px;}
.course .course-list li .pic .bks .con i{width: 36px;}
.course .course-list li .pic .bks .con span{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
.course .course-list li  h3{font-size: 15px;}
.course .course-list li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
.course .course-list li:nth-child(4n){margin-right: 15px;}
.course .course-list li:nth-child(3n){margin-right: 0;}
.course .more{font-size: 15px;}
.course .course-sort a{font-size: 15px;}
.course .course-list li .pic .bks .con i{width: 30px;}
.course .course-list li .pic .bks .con span{font-size: 14px;}
}
@media only screen and (max-width:720px) {
.course .course-list li{width: calc(50% - 5px);margin-right: 10px;margin-bottom:10px;}
.course .course-list li:nth-child(4n){margin-right: 10px;}
.course .course-list li:nth-child(3n){margin-right: 10px;}
.course .course-list li:nth-child(2n){margin-right:0;}
}


.course-d{width: 100%;height: auto;}
.course-d .course-dl{width: 45%;float:left;}
.course-d .course-dl .course-js{width: 100%;height: auto;}
.course-d .course-dl .course-js .pic{width: 100%;height: auto;}
.course-d .course-dl .course-js .pic img{display: block;width: 100%;height: auto;}

.course-d .course-dl .course-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius:8px;
    background: #043961;
    opacity: 1;
}
.course-d .course-dl .course-js .swiper-pagination-bullet-active {
    opacity: 1;
    width: 35px;
    background: #043961;
}

.course-d .course-dr{width: 55%;float: right;padding-left: 5%;}
.course-d .course-dr h1{font-size: 40px;color: #000000;}
.course-d .course-dr .txt-c{width: 100%;height: auto;margin-top: 45px;}
.course-d .course-dr  .price{font-size: 30px;color:#043961;font-weight: bold;padding:25px 0;}
.course-d .course-dr .con{width: 100%;height: auto;padding: 35px 0;border-top: 1px solid #dcdcdc;}
.course-d .course-dr .con>p{font-size: 22px;color: #043961;margin-bottom: 5px;font-weight: bolder;}
.course-d .course-dr .ct{font-size: 18px;display: inline-block;position: relative; color: #FFFFFF;font-weight: bolder;background: #043961;padding: 10px 45px;}
.course-d .course-dr .ct .ewm{display: none; left: 0; width: 100%;height: auto;z-index: 99;padding: 5px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute;bottom: 100%;}
.course-d .course-dr .ct .ewm img{display: block;width: 100%;height: auto;}
.course-d .course-dr .ct:hover .ewm{display: block;}




.course-d .course-dr .con .txt-c p>b{font-size: 22px;color: #043961;margin-bottom: 10px;display: block; font-weight: bolder;}
.course-d .course-dr .con .txt-c:first-child{margin-top: 0;}
@media only screen and (max-width:1680px) {
	.course-d .course-dr h1{font-size: 36px;}
	.course-d .course-dr  .price{font-size: 28px;}
	.course-d .course-dr .con> p{font-size: 20px;}
	.course-d .course-dr .con .txt-c p>b{font-size: 20px;}
}
@media only screen and (max-width:1440px) {
	.course-d .course-dr h1{font-size: 34px;}
	.course-d .course-dr  .price{font-size: 26px;}
	.course-d .course-dr .con >p{font-size: 18px;}
	.course-d .course-dr .con .txt-c p>b{font-size: 18px;}
	.course-d .course-dr .ct{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
	.course-d .course-dr h1{font-size: 30px;}
	.course-d .course-dr  .price{font-size: 24px;}
}
@media only screen and (max-width:1024px) {
	.course-d .course-dr h1{font-size: 28px;}
	.course-d .course-dr  .price{font-size: 22px;}
	.course-d .course-dr .con >p{font-size: 16px;}
	.course-d .course-dr .con .txt-c p>b{font-size: 16px;}
	.course-d .course-dr .ct{font-size: 15px;}
}
@media only screen and (max-width:720px) {
	.course-d .course-dl{width: 100%;padding-right: 0;}
	.course-d .course-dr {width: 100%;padding-left: 0;margin-top: 35px;}
	.course-d .course-dr h1{font-size: 25px;}.course-d .course-dr .txt-c{margin-top: 30px;}
	.course-d .course-dr  .price{font-size: 20px;}
	.course-d .course-dr .con> p{font-size: 15px;}
	.course-d .course-dr .con .txt-c p>b{font-size: 15px;}
	
	.course-d .course-dr .ct{padding: 10px;text-align: center;}
	.course-d .course-dr .ct .ewm{width: 120px; display: block; margin-top:10px;position: static;}
}

.detail{width: 100%;height: auto;position: relative;z-index: 0;}
.detail .bks{position: absolute;z-index: -1; top: 0;left: 0;width: 100%;height:18%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.detail .title h3{color: #FFFFFF;}.detail .title{text-align: center;}
.detail .title h3:before{display: none;}
.detail .video{width: 100%;height: auto;position: relative;}
.detail .play{width: 80px;height:auto;position: absolute;left: calc(50% - 40px);top: calc(50% - 40px);}


.detail .txt-c{width: 100%;height: auto;margin-top: 25px;}
.detail .txt-c img{display:block;width: 100%;height: auto;}
.detail .video .video-dl{width: 100%;height: auto;}
.detail .video .video-dl iframe{width: 100%;height:500px}

@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1440px) {
	.detail .video .video-dl iframe{width: 100%;height:450px}
}
@media only screen and (max-width:1280px) {
		.detail .video .video-dl iframe{width: 100%;height:450px}
}
@media only screen and (max-width:1024px) {
		.detail .video .video-dl iframe{width: 100%;height:350px}
}
@media only screen and (max-width:720px) {
		.detail .video .video-dl iframe{width: 100%;height:250px}
	
}




.news{text-align: center;width: 100%;height: auto;}
.news .news-sort{width: 100%;height: auto;text-align: center;margin-top: 35px; }
.news .news-sort a{margin: 0 2%; display: inline-block;  font-size: 18px;font-weight: bolder;color: #043961;}
.news .news-sort a:hover{color: #F8B100;}
.news .news-sort a.cut{color:#F8B100;}




.news .allnews{text-align: left; width: 100%;height: auto;font-size: 0; margin-top: 55px;}
.news .allnews li{display: inline-block;vertical-align: top; width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;}
.news .allnews li:nth-child(3n){margin-right: 0;}
.news .allnews li a{width: 100%;height: auto;display: block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.news .allnews li a .bks{width: 100%;height: auto;padding: 5% 5% 0 5%;background: #FFFFFF;}
.news .allnews li a .bks .topc{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.news .allnews li a .bks .topc .item{width:80px;float: left;}
.news .allnews li a .bks .topc .item .ico{width: 50px;padding: 10px;background:#043961; height: auto;}
.news .allnews li a .bks .topc .item .ico img{display: block;width: 100%;height: auto;}
.news .allnews li a .bks .topc .item h6{font-size: 16px;font-weight: normal;margin-top: 10px;}
.news .allnews li a .bks .topc .con{width: calc(92% - 80px);float:right;padding-left: 8%;padding-bottom: 5%;  border-left: 1px solid #e5e5e5;}
.news .allnews li a .bks .topc .con h3{margin-bottom: 20px; color: #000000;font-size: 20px;height: 60px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;}
.news .allnews li a .bks .topc .con .txt{width: 100%;height: 48px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .allnews li a .bks .topc .con .txt p{font-size: 16px;color: #000000;}
.news .allnews li a .bks .topc .con .time{color:#666;font-size: 20px;margin-top: 35px;}
.news .allnews li a .bks .con-d{font-size: 16px;font-weight:bolder;color: #043961; padding:25px 25px 30px 0;position: relative; width: 100%;height: auto;}
.news .allnews li a .bks .con-d i{display: block; width: 30px;height:auto;background: #FFFFFF;position: absolute;right: 0;top: calc(45% - 15px);padding:5px;}
.news .allnews li a .bks .con-d i img{display: block;width: 100%;height: auto;}
.news .allnews li a .bks .con-d i .img2{display: none;}


.news .allnews li a:hover .bks{background:rgba(4,57,97,0.9);}
.news .allnews li a:hover .bks .topc .item h6{color: #FFFFFF;}
.news .allnews li a:hover .bks .topc .item  .ico{background: #f8b100;}
.news .allnews li a:hover .bks .topc .con h3{color: #FFFFFF;}
.news .allnews li a:hover .bks .topc .con .txt p{color: #FFFFFF;}
.news .allnews li a:hover .bks .topc .con .time{color: rgba(255,255,255,0.3);}
.news .allnews li a:hover .bks .topc{border-bottom: 1px solid rgba(255,255,255,0.1);}
.news .allnews li a:hover .bks .topc .con{border-left: 1px solid rgba(255,255,255,0.1);}
.news .allnews li a:hover .bks{width: 100%;height: auto;}
.news .allnews li a:hover .bks .con-d{color: #FFFFFF;}
.news .allnews li a:hover .bks .con-d i{background: #f8b100;}
.news .allnews li a:hover .bks .con-d i .img2{display: block;}
.news .allnews li a:hover .bks .con-d i .img1{display: none;}
.news .more{font-size: 18px;color:#FFFFFF;font-weight: bolder;background:#043961;padding: 10px 35px;display: inline-block;}
.news .more:hover{background:#F8B100;}


@media only screen and (max-width:1680px) {
.news .allnews li{width: calc(33.3% - 24px);margin-right: 36px;margin-bottom: 36px;}
.news .allnews li:nth-child(3n){margin-right: 0;}	
.news .allnews li a .bks .topc .item{width: 70px;}
.news .allnews li a .bks .topc .item .ico{width: 50px;padding: 10px;}
.news .allnews li a .bks .topc .item h6{font-size: 15px;}
.news .allnews li a .bks .topc .con {width: calc(92% - 70px);}
.news .allnews li a .bks .topc .con h3{font-size: 18px;height: 54px;}
.news .allnews li a .bks .topc .con .time{font-size: 18px;margin-top: 45px;}
}
@media only screen and (max-width:1440px) {
.news .allnews li{width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;}
.news .allnews li:nth-child(3n){margin-right: 0;}
.news .allnews li a .bks .topc .item{width: 60px;}
.news .allnews li a .bks .topc .item .ico{width: 45px;padding: 10px;}
.news .allnews li a .bks .topc .item h6{font-size: 15px;}
.news .allnews li a .bks .topc .con {width: calc(92% - 60px);}
.news .allnews li a .bks .topc .con h3{font-size: 16px;margin-bottom: 15px;height: 48px;}
.news .allnews li a .bks .topc .con .time{font-size: 16px;margin-top: 35px;}
.news .allnews li a .bks .topc .con .txt{height: 44px;}
.news .allnews li a .bks .topc .con .txt p{font-size: 15px;}
.news .allnews li a .bks .con-d{font-size: 15px;}
.news .allnews li a .bks .con-d i{width: 26px;top: calc(45% - 13px);}
.news .allnews{margin-top: 40px;}
.news .news-sort a{font-size: 15px;}
.news .more{font-size: 16px;}

}
@media only screen and (max-width:1280px) {
.news .allnews li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
.news .allnews li:nth-child(3n){margin-right: 0;}
.news .allnews li a .bks .topc .item{width: 60px;}
.news .allnews li a .bks .topc .item .ico{width: 40px;padding:8px;}
.news .allnews li a .bks .topc .item h6{font-size: 14px;}
.news .allnews li a .bks .topc .con {width: calc(92% - 60px);}
.news .allnews li a .bks .topc .con h3{font-size: 15px;margin-bottom: 10px;height: 44px;}
.news .allnews li a .bks .topc .con .time{font-size: 15px;margin-top: 25px;}
.news .allnews li a .bks .topc .con .txt{height: 42px;}
.news .allnews li a .bks .topc .con .txt p{font-size: 14px;}
.news .allnews li a .bks .con-d{font-size: 14px;padding:20px 30px 25px 0;}
.news .allnews li a .bks .con-d i{width: 24px;top: calc(45% - 12px);padding: 6px;}	
}
@media only screen and (max-width:1024px) {
.news .allnews li{width: calc(50% - 5px);margin-right:10px;margin-bottom: 10px;}
.news .allnews li:nth-child(3n){margin-right: 10px;}
.news .allnews li:nth-child(2n){margin-right: 0;}
.news .allnews li a .bks .con-d{font-size: 14px;padding:15px 30px 20px 0;}
.news .allnews li a .bks .con-d i{width: 24px;top: calc(45% - 12px);padding: 6px;}	
.news .allnews li a .bks .topc .con .time{font-size: 15px;margin-top: 15px;}
.news .news-sort a{font-size: 14px;}
.news .more{font-size: 15px;}
}

@media only screen and (max-width:720px) {
.news .allnews li{width: 100%;}
.news .allnews li:nth-child(3n){margin-right:0;}
.news .allnews li a .bks .topc .item{width: 50px;}
.news .allnews li a .bks .topc .item .ico{width: 35px;padding:6px;}
.news .allnews li a .bks .topc .item h6{font-size: 12px;}
.news .allnews li a .bks .topc .con {width: calc(92% - 50px);}
.news .allnews li a .bks .topc .con h3{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;height: 22px;}
.news .more{font-size: 14px;padding: 10px 30px;}
}

.blog{width: 100%;height: auto;}
.blog .blog-l{width:60%;float: left;padding-right: 5%;height: auto;}
.blog .blog-l .blog-js{width: 100%;height: auto;}
.blog .blog-l .blog-js  .pic{width: 100%;height: auto;position: relative;}
.blog .blog-l .blog-js  .pic  .bks{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: rgba(0,0,0,0.3);}
.blog .blog-l .blog-js  .pic .bks .con{position: absolute;width: calc(95% - 84px);position: absolute;left: 0;padding: 0 5%;bottom: 5%;}
.blog .blog-l .blog-js  .pic .bks .con .time{vertical-align: middle; font-size: 16px;color: #FFFFFF; width: 100%;height: auto;}
.blog .blog-l .blog-js  .pic .bks .con .time i{display: inline-block;width: 20px;vertical-align: middle; height: auto;margin-right: 10px;}
.blog .blog-l .blog-js  .pic .bks .con .time i img{display: block;width: 100%;height: auto;}
.blog .blog-l .blog-js  .pic .bks .con h3{margin-top: 10px; font-size: 22px;color: #FFFFFF;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.blog .blog-l .blog-js  .pic .bks .con:after{content: "";position: absolute;right: 0;width: 1px;height: 25px;top: calc(65% - 12.5px);background: rgba(255,255,255,0.1);}

.blog .blog-r{width: 40%;float: right;height: auto;}
.blog .blog-r ul{width: 100%;height: auto;}
.blog .blog-r ul li{margin-bottom: 15px;width: 100%;padding: 20px 5%;background: #fafafa;}
.blog .blog-r ul li .time{margin-bottom: 10px; width: 100%;height: auto;font-size: 16px;color: #666;}
.blog .blog-r ul li .time i{width: 20px;display: inline-block;margin-right: 10px;vertical-align: middle;}
.blog .blog-r ul li h3{ font-size: 22px;height: 66px; color: #333333;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.blog .blog-r ul li:hover{background: #FFFFFF;box-shadow: 0 8px 10px rgba(0,0,0,0.2);}
.blog .blog-r ul li:hover h3{color: #F8B100;}

.blog .blog-l .blog-js .swiper-button-next{
    background-image: url(../img/a022s.png);
    right: 5%;
    left: auto;
}

.blog .blog-l .blog-js .swiper-button-prev{
    background-image: url(../img/a023s.png);
    right:calc(5% + 42px);
    left: auto;
}
.blog .blog-l .blog-js .swiper-button-next,.blog .blog-l .blog-js .swiper-button-prev {
    position: absolute;
    top:91.5%;
    width:32px;
    height:24px;
    margin-top: -12px;
    z-index: 10;
    cursor: pointer;
    background-size:32px 24px;
    background-position: center;
    background-repeat: no-repeat;
}





@media only screen and (max-width:1680px) {
	.blog .blog-l .blog-js  .pic .bks .con h3{font-size: 20px;}
	.blog .blog-r ul li h3{font-size: 20px;height: 60px;}
	
}
@media only screen and (max-width:1440px) {
	.blog .blog-l .blog-js  .pic .bks .con h3{font-size:18px;}
	.blog .blog-r ul li h3{font-size: 18px;height: 54px;}
	.blog .blog-l .blog-js  .pic .bks .con .time{font-size: 15px;}
	.blog .blog-r ul li .time{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
.blog .blog-l .blog-js .swiper-button-next,.blog .blog-l .blog-js .swiper-button-prev {
    width:28px;
    height:21px;
    margin-top: -10.5px;
    background-size:28px 21px;
}

.blog .blog-r ul li:nth-child(4){display: none;}
}
@media only screen and (max-width:1024px) {
		.blog .blog-l .blog-js  .pic .bks .con h3{font-size: 16px;}
		.blog .blog-r{width: 35%;}
		.blog .blog-l{width: 65%;}
		.blog .blog-r ul li h3{font-size: 16px;height: 48px;}
		.blog .blog-l .blog-js .pic .bks .con .time{font-size: 14px;}
		.blog .blog-r ul li .time{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.blog .blog-r ul li{width: 100%;height: auto;margin-bottom: 10px;}
	.blog .blog-r ul li h3{font-size: 15px;height: 45px;}
	.blog .blog-r{width: 100%;margin-top: 35px;}
		.blog .blog-l{width:100%;padding-right: 0;}
		.blog .blog-r ul li:nth-child(4){display: block;}	
}




.news-d{width: 100%;height: auto;}
.news-d .news-dl{width:65%;height: auto;float: left;padding-right: 5%;}
.news-d .news-dl h1{font-size:35px;color:#043961;line-height: 1.1;}
.news-d .news-dl .txt-c{width: 100%;height: auto;padding: 35px 0;border-top:1px solid #ececec;}
.news-d .news-dl .vt{padding:25px 0;width: 100%;height: auto;}
.news-d .news-dl .vt span{font-size: 16px;color: #666;padding-left: 30px; display: inline-block;margin-right: 3%;background-size:20px 20px;background-repeat: no-repeat;background-position: center left;}
.news-d .news-dl .keyword{width: 100%;font-size: 16px;color: #000; height: auto;}
.news-d .news-dl .keyword span{display: inline-block;}
.news-d .news-dl .keyword a{display: inline-block;margin:5px 10px;padding: 10px 15px;background: #f3f3f3;}
.news-d .news-dl .keyword a:hover{background: #043961;color: #FFFFFF;}
.news-d .news-dl .pn{overflow: hidden; padding-top: 35px;margin-top: 35px;border-top: 1px solid #ececec; width: 100%;height: auto;}
.news-d .news-dl .pn .pn-l{width:calc(100% - 200px);float: left;}
.news-d .news-dl .pn .pn-l a{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  margin-bottom: 10px; display: block;width: 100%;height: auto;font-size: 16px;color: #000000;}
.news-d .news-dl .pn .pn-l a:hover{color: #F8B100;}
.news-d .news-dl .pn .return{display: inline-block;float: right;padding: 10px 35px;font-size: 18px;background: #043961;color: #FFFFFF;}
.news-d .news-dl .pn .return:hover{background: #F8B100;}


.news-d .news-dr{width: 35%;height: auto;float: right;}
.news-d .news-dr ul{width: 100%;height: auto;}
.news-d .news-dr ul li{margin-bottom: 15px; width: 100%;padding: 20px 5%;background: #fafafa;}
.news-d .news-dr ul li .time{margin-bottom: 10px; width: 100%;height: auto;font-size: 16px;color: #666;}
.news-d .news-dr ul li .time i{width: 20px;display: inline-block;margin-right: 10px;vertical-align: middle;}
.news-d .news-dr ul li h3{ font-size: 22px;height: 66px; color: #333333;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-d .news-dr ul li:hover{background: #FFFFFF;box-shadow: 0 8px 10px rgba(0,0,0,0.2);}
.news-d .news-dr ul li:hover h3{color: #F8B100;}


@media only screen and (max-width:1680px) {
.news-d .news-dl h1{font-size: 32px;}
.news-d .news-dr ul li h3{font-size: 20px;height: 60px;}
}

@media only screen and (max-width:1440px) {
.news-d .news-dl h1{font-size: 30px;}
.news-d .news-dr ul li h3{font-size: 18px;height: 54px;}
.news-d .news-dr ul li .time{font-size: 15px;}
.news-d .news-dl .pn .return{font-size: 16px;}
.news-d .news-dl .vt span{font-size: 15px;}
.news-d .news-dl .pn .pn-l a{font-size: 15px;}
.news-d .news-dl .keyword{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
.news-d .news-dl h1{font-size: 28px;}
}
@media only screen and (max-width:1024px) {
.news-d .news-dl h1{font-size: 24px;}
.news-d .news-dr ul li h3{font-size: 16px;height: 48px;}
.news-d .news-dl .pn .pn-l{width: 100%;float: none;}
.news-d .news-dl .pn .return{float: none;margin-top: 25px;}
.news-d .news-dl .vt span{font-size: 14px;}
.news-d .news-dl .pn .pn-l a{font-size: 14px;}
.news-d .news-dl .keyword{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.news-d .news-dl{width: 100%;padding-right: 0;}
	.news-d .news-dr{width: 100%;height: auto;margin-top: 45px;}
.news-d .news-dl h1{font-size: 20px;}
.news-d .news-dr ul li h3{font-size: 15px;height: 45px;}
.news-d .news-dl .pn .return{font-size: 15px;}

}

.contbox{width:100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.contact{position: relative;z-index: 1; width: 100%;height: auto;}
.contact .contact-c{position: relative;}
.contact .cont-infor{width: 40%;padding-right: 5%;height:auto;float:left}
.contact ul{width: 100%;height: auto;}
.contact ul li{width: 100%;height: auto;margin-bottom: 20px;}
.contact ul  li span{display: block;font-size: 18px; font-weight: bolder;color: #043961; padding-left: 35px;background-size: 25px 25px;background-repeat: no-repeat;background-position: center left;}
.contact ul li p{color: #043961;font-weight: bolder; font-size: 22px;color: #000000;margin-top: 10px;display:block;}
.contact .form-bks{z-index: 33; position: absolute;right: 0;top:2%;  padding: 5%; box-shadow: 0 5px 10px rgba(0,0,0,0.2); z-index: 0; width: 55%;float: right;height: auto;background: #FFFFFF;}
.contact .form-bks .bks{position: absolute;width:35%;top:5%;right: 5%;height: auto;z-index: -1;}
.contact .form-bks h6{width:45%; font-size: 24px;margin-bottom: 35px; color: #000000;}
.contact .form-bks  form .c1{font-size: 16px; width: 100%;height: auto;line-height: 20px;padding: 10px;background: none;border: 1px solid #ececec;margin-bottom: 25px;}
.contact .form-bks  form .c2{width: 100%;height: 160px;}
.contact .form-bks form  .label{width: 100%;height: auto;overflow: hidden;}
.contact .form-bks form .label .yzm{width: calc(50% - 10px);float: left;margin-right: 20px;position: relative;}
.contact .form-bks form .label .yzm .yzm-pic{width: 90px;height: 35px;position: absolute;right: 0;top: 3px;background: #EFEFEF;}
.contact .form-bks form .send {border: none; width: calc(50% - 10px);float: right;line-height: 20px;padding: 10px;color: #FFFFFF;background: #043961;}
.contact .form-bks form .send:hover{background: #F8B100;}
.contact-down{ width: 100%; height: auto;clear: both;z-index: 0;position: relative; border-bottom:10px solid #F8B100;}
.contact-down img{display: block;width: 100%;height: auto;}
.cont-share{ font-size: 18px; width: 100%;height:auto;padding: 25px 0;background: #F8B100;color: #043961;}
.cont-share span{color: #043961;vertical-align: middle;}
.cont-share a{margin-right: 2%; position: relative;vertical-align: middle; width: 45px;height: auto;display: inline-block;}
.cont-share a img{display: block;width: 100%;height: auto;}
.cont-share a .ewm{box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 120px;height: auto;bottom: 100%;display:none; position: absolute;left: calc(50% - 60px);}
.cont-share a .ewm img{display: block;width: 100%;height: auto;}
.cont-share a:hover .ewm{display: block;}

@media only screen and (max-width:1680px) {	
.contact ul  li span{font-size: 16px;}	
.contact ul  li p{font-size: 20px;}
.contact .form-bks h6{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.contact ul  li span{font-size: 15px;}	
.contact ul  li p{font-size:18px;}
.contact .form-bks h6{font-size: 20px;}
.contact .form-bks  form .c2{height: 140px;}
.contact .form-bks  form .c1{margin-bottom: 15px;}
.contact .form-bks form .c1{font-size: 15px;}
.cont-share{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.contact ul  li p{font-size:16px;}
.cont-share a{width: 40px;}
}

@media only screen and (max-width:1024px) {
	.contact ul  li span{font-size: 14px;}	
	.contact ul  li p{font-size:15px;}	
	.contact .form-bks  form .c2{height: 120px;}
	.contact .form-bks h6{width: 100%;}
	.contact .form-bks  form .c1{margin-bottom: 10px;}
	.cont-share a{width: 35px;}
	.contact .form-bks form .c1{font-size: 14px;line-height: 20px;padding: 8px;}
.contact .form-bks form .label .yzm{width: 100%;margin-right: 0;}
.contact .form-bks form .label .yzm .yzm-pic{width: 85px;height: 30px;}
	.contact .form-bks form .send{width: 100%;height: auto;padding: 8px;}
	.cont-share{font-size: 14px;}
}
@media only screen and (max-width:720px) {
		.contact .cont-infor{width: 100%;padding-right: 0;}
	.contact ul{width: 100%;height: auto;}
.contact .form-bks{position: static;width: 100%;z-index: 0;position: relative;}
.contact .contact-c{padding-bottom: 0;}
.contact ul{padding-bottom: 0;}
	.cont-share a{width: 30px;}
		.cont-share{padding: 15px 0;}
	.contact .cont-infor{padding-bottom: 35px;}
	.contact .form-bks h6{width: 100%;}
	.contact-down{z-index: 22;}
	.contact .form-bks:after{display: none;}.contact .form-bks  form .c2{height: 80px;}
	.contact-down  .map img{display: none}
	.contact-down .map{width: 100%;height:180px;background-size: cover;background-repeat: no-repeat;background-position: right center;}
}