@charset "utf-8";


*{ margin: 0; padding: 0; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;  }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;
}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#fff;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#fff; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#fff;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din_blackregular';
    src: url('din-black-webfont.eot');
    src: url('din-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('din-black-webfont.woff2') format('woff2'),
         url('din-black-webfont.woff') format('woff'),
         url('din-black-webfont.ttf') format('truetype'),
         url('din-black-webfont.svg#din_blackregular') format('svg');
}




@font-face {
    font-family: 'dinbold';
    src: url('din-bold-webfont.eot');
    src: url('din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('din-bold-webfont.woff2') format('woff2'),
         url('din-bold-webfont.woff') format('woff'),
         url('din-bold-webfont.ttf') format('truetype'),
         url('din-bold-webfont.svg#dinbold') format('svg');
}




@font-face {
    font-family: 'din_lightregular';
    src: url('din-light-webfont.eot');
    src: url('din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('din-light-webfont.woff2') format('woff2'),
         url('din-light-webfont.woff') format('woff'),
         url('din-light-webfont.ttf') format('truetype'),
         url('din-light-webfont.svg#din_lightregular') format('svg');
}


@font-face {
    font-family: 'dinmedium';
    src: url('din-medium-webfont.eot');
    src: url('din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('din-medium-webfont.woff2') format('woff2'),
         url('din-medium-webfont.woff') format('woff'),
         url('din-medium-webfont.ttf') format('truetype'),
         url('din-medium-webfont.svg#dinmedium') format('svg');
}


.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}
.bgff{ background: #fff;}
.border-box{ box-sizing: border-box;}

.pad45{ padding: 45px 0;}




/******header*********/

.top{ width: 100%; height: 80px; line-height: 80px; z-index: 5; border-bottom: 1px solid rgba(255,255,255,.3); }
.logo{ width: 202px; height: 44px;}

.nav{ position: relative; z-index: 1;}
.nav li{ position: relative;  float: left;  margin-left: 40px; }
.nav li a{ font-size: 14px; color: #666; display: inline-block;  border-bottom: 3px solid transparent; font-weight: bold; line-height: 42px;}
.nav li a:hover,
.nav li.active a{  color: #1c305f; border-color: #1C305F; }







/* banner*/
.banner{ position: relative; }
.banner,.banner .flexslider,.banner .slides li{ width: 100%; }
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.banner .flexslider{position:relative;overflow:hidden; z-index:1;}
.banner .slides{position:relative;z-index:1;}

/* 圆点切换 */
.banner .flex-control-nav{ position: absolute; bottom: 28px; z-index: 11111; padding-left: 0; width: 1200px; left: 0; right: 0; height: 16px; line-height: 16px; margin: 0 auto;  text-align: center;  }
.banner .flex-control-nav li{ width:16px; height:16px; margin:0 18px;display:inline; zoom:1; text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:16px;height:16px; line-height:80px;cursor:pointer; color:#fff; font-family:Arial; overflow:hidden; background:url(../images/ban_iconbg.png) no-repeat center; border-radius: 50%;}
.banner .flex-control-nav .flex-active{ background-image:url(../images/ban_iconbg1.png); }
/* 左右按钮切换 */
.banner .flex-direction-nav a{width:34px;height:61px;line-height:99em;overflow:hidden;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease; outline: none; margin-top: -16px; z-index: 99; }
.banner .flex-direction-nav .flex-next{ width: 34px;  height: 61px;  background:url(../images/ban_right.png) no-repeat center; right: 16%;
opacity:1; filter:alpha(opacity=10); }
.banner .flex-direction-nav .flex-prev{ width: 34px;  height: 61px;  background:url(../images/ban_rigle.png) no-repeat center; left: 16%;
opacity:1; filter:alpha(opacity=10)}
.banner .flex-direction-nav .flex-next:hover{background:url(../images/ban_right1.png) no-repeat center;}
.banner .flex-direction-nav .flex-prev:hover{background:url(../images/ban_rigle1.png) no-repeat center;}



.banlist{ position: absolute; bottom: 0; width: 100%; left: 0; background: rgba(0,0,0,0.6); z-index: 2; }
.banlist li{ position: relative; float: left; width: 25%; height: 140px; border-right: 1px solid rgba(255,255,255,0.16); box-sizing: border-box; transition: 100ms;}
.bobo{ position: absolute; left: 0; top: 0; padding: 20px 25px; box-sizing: border-box; width: 100%;}
.bobo div{  color: #828282; font-size: 24px; font-family:'dinbold'; text-transform: uppercase; line-height: 26px; }
.bobo dt{ font-size: 18px; color: #fff; margin-top: 3px;   transition: 0s;}
.bobo dt p{  transition: 0s;}
.bobo dt i{ display: block; width: 17px; height: 3px; background: rgba(255,255,255,0.2); margin: 10px 0 8px;}
.bobo dd{ line-height: 20px; color: #b9caf3; display: none;}
.banlist li:after{ content: '';position: absolute; right: 0; bottom: -10px;width: 100px; height: 100px; background: url(../images/libg.png) no-repeat center ;opacity: 0; transition: 0.3s;}

.banlist li:hover{ background: #35539c; }
.banlist li:hover:after{ opacity: 1;bottom: 0; }
.banlist li:hover .bobo{ background: #35539C ; height: 100%; top: -25px;  }
.banlist li:hover .bobo div{ display: none;}
.banlist li:hover dt{ font-weight: bold; font-size: 20px;}
.banlist li:hover dd{ display: block;}




.nbanner{ position: relative; width: 100%;overflow: hidden; height: 280px;}
.nbanner .imgg{ height: 100%; width: 100%; }


/* about  */
.iAbout{ position: relative; background: #f6f6f6; }
.iAbout .left{ width: 50%; padding: 45px 30px 0;}
.iAbout .right{ width: 50%; padding: 45px 0 0 30px;height:290px;overflow:hidden;}

.title{ line-height: 40px; border-bottom: 1px solid #e5e5e5; }
.tit-left{ font-size: 24px; color: #333; font-weight: bold;}
.tit-left i{ font-weight: normal; font-size: 14px; color: #ccc; font-family: arial; margin-left: 7px;}
.more{ display: block; padding-right: 21px; background: url(../images/more.png) no-repeat center right; color: #999; font-family: arial; margin-top: 7px; width: 32px;}
.more:hover{ color: #1C305F; background: url(../images/more1.png) no-repeat center right 3px;}

.tobok{ margin-top: 28px;}
.tobok img{ width: 268px; height: 183px;}
.tobok .towz{ width: 240px; line-height: 24px; color: #666; max-height: 192px; overflow: hidden; margin-top: -3px;}

.tit-right .toplist li{ float: left; margin-left: 28px; line-height: 40px; border-bottom: 2px solid transparent; margin-top: 2px;}
.tit-right .toplist li a{ color: #666; }
.tit-right .toplist li.active{ border-color: #e62129;}
.tit-right .toplist li.active a{ font-weight: bold; color: #e62129;}


.lvlist{ margin-top: 20px;position:relative;height:180px;overflow:hidden;}
.lvlist ul{ transition: 0s;}
.lvlist ul li{ height: 35px; line-height: 36px; border-bottom: 1px dashed #ddd; }
.lvlist ul li a{ color: #999; transition: 150ms;}
.lvlist ul li p{ float: left; max-width: 440px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lvlist ul li i{ float: right; }
.lvlist ul li:hover a{ color: #204275;}





/* anli */
.anlist{ padding: 34px 0; margin-top: 34px; border-top: 1px solid #e5e5e5; }
.anlist .left{ width: 50%;}
.anlist .left img{ width: 100%; height: 358px;}
.anlist .right{ width: 50%; padding-left: 30px; margin-top: -10px;}
.anlist .right .title{ border: none;}


.anliul{ transition: 0s;}

.tolist{color: #666; margin-top: 22px; line-height: 22px;}
.tolist>div{ max-height: 123px; overflow: hidden;}
.tolist a{ margin-top: 22px;}


.toimg { margin-top: 26px;}
.toimg{ width: 608px;}
.toimg li{ position: relative; float: left; width: 185px; height: 110px; overflow: hidden; margin-right: 7px;}
.toimg li img{ width: 100%; height: 100%;}
.toimg li p{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.toimg li.active p{ opacity: 1; }




.footer{ padding: 30px 0; border-top: 3px solid #204275;}
.footer .wrapper{ position: relative;}
.footer .wrapper:before{ content: ''; position: absolute; top: -33px; width: 30px; height: 3px; left: 0; background: #e62129; }
.sele{ position: relative;}
.sele select{  width: 280px; height: 55px; line-height: 54px; border: 1px solid #ebebeb; box-sizing: border-box; padding: 0 20px; background: url(../images/right.png) no-repeat center right 20px; cursor: pointer; color: #999; padding-left: 30px;}
.sele:after{ content: ''; position: absolute; left: 20px; top: 20px;  width: 1px; height: 15px; background: #a9a9a9;}


.fotli{ margin-left: 24px;}
.fotop{  height: 14px; line-height: 14px; }
.fotop em{ color: #999; cursor: pointer;}
.fotop a{ color: #999; padding-left: 12px; border-left: 1px solid #a9a9a9; margin-left: 12px;}
.fool{ width: 320px; font-size: 12px; color: #ccc; text-transform: uppercase; margin-top: 8px;}


#share{ position: relative;}
#share a{display: block; width: 38px; height: 38px; border-radius: 50%;  padding: 0; margin: 10px 0 0 20px;}
#share .bds_weixin{ background:#204275 url(../images/fenx02.png) no-repeat center  ; opacity: 1;}
#share .bds_tsina{  background:#204275 url(../images/fenx03.png) no-repeat center  ;}
#share .bds_sqq{    background:#204275 url(../images/fenx01.png) no-repeat center ;}

.mmmm{  display: none;  position: absolute; left: 35px; bottom: 45px; z-index: 22;}
/*.mmmm:after{ content: ''; position: absolute; left: 0; right: 0; bottom: -12px; border-width: 6px;  border-style: solid; border-color:#fff transparent transparent  transparent; width: 0; height: 0; margin: auto;}*/
.mmmm img{ width: 120px; height: 120px;  background: #fff;}
.bds_weixin:hover .mmmm{ display: block;}












.main{ min-height: 330px;}

.left-nav{ height: 52px; line-height: 52px; background: #fff;  overflow: hidden; border-bottom: 1px dashed #e5e5e5;}
.left-nav li{ float: left; margin-right: 45px;}
.left-nav li a{ display: block; text-align: center; height: 52px; color: #666;  border-bottom: 2px solid transparent; box-sizing: border-box;}
.left-nav li.active a,
.left-nav li:hover a{ color: #204275; border-color: #204275 ; font-weight: bold;}

.left-nav .fr{ color: #ccc; background: url(../images/home.png) no-repeat center left; padding-left: 30px;}
.left-nav .fr a{ display: inline-block; color: #ccc;}


.nAbout .left{ width: 550px; }
.nAbout .left h5{ font-size: 60px; color: #ececec; font-family:'dinbold' ; text-transform: uppercase; line-height: 54px;}
.nAbout .left dt{ font-size: 24px; color: #333; font-weight: bold; margin-top: 10px;}
.nAbout .left dd{ font-size: 18px; color: #204275; }


.prct{ margin-top: 20px;}
.prct em{ width: 40px; height: 4px; background: #204275; display: block;}
.prct ul{ width: 580px;}
.prct ul li{ float: left; margin-top: 20px; margin-right: 28px; margin-bottom: 25px;}
.prct ul li p{ font-size: 60px; color: #204275; font-family: 'dinbold';}
.prct ul li div{ color: #999;}


.headli{ width: 100%; overflow: hidden;}
.headli ul{ width: 555px;}
.headli li{ float: left; width: 97px; height: 238px; border-right: 2px solid #fff; overflow: hidden; cursor: pointer; transition: 0.3s;}
.headli li img{ width: 350px; height: 100%; max-width: 350px;}
.headli li.active{ width: 350px;}


.nAbout .right{ width: 580px; text-align: justify; line-height: 26px; color: #666;}




/* 荣誉  */
.ryli-top{ background: #204275 url(../images/rybg.jpg) no-repeat bottom right;}
.ryli-top .left{ width: 515px;  }
.ryli-top .right{ width: 600px; margin-right: 40px; padding-top: 62px; line-height: 22px; color: #a6b9d5;}

.ry-ulli{ width: 1220px;}
.ry-ulli li{ float: left; width: 285px; height: 225px; box-sizing: border-box; border: 1px solid #f3f3f3; background: #fcfcfc; padding: 9px 9px 0; text-align: center; margin:20px 20px 0 0 ;}
.ry-ulli li div{ width: 270px; height: 185px; overflow: hidden;}
.ry-ulli li img{ max-height:100%; object-fit: contain; transition: 1s;}
.ry-ulli li p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; margin-top: 3px;}

.ry-ulli li:hover{ background: #fff; box-shadow: 0px 6px 18px rgba(35,75,107,0.1);}
.ry-ulli li:hover p{ color: #204275; font-weight: bold;}

.ry-ulli li:hover img{ transform: scale(1.1);}



/* page  */
.m-page{ text-align: center;  line-height: 40px; color: #999; font-family: arial; margin-top: 50px; margin-bottom: 10px;}
.m-page a{  display: inline-block; width: 40px; height: 40px; border: 1px solid #d2d2d2; border-radius: 4px; margin: 0 5px; box-sizing: border-box;  vertical-align: middle;}
.m-page a.z-crt{ background: #204275; color: #fff; border-color: #204275;}
.m-page a.page-nxt,
.m-page a.page-prv{ width: 100px; }





/* news */
.news{}
.news ul{ width: 1255px;}
.news li{ float: left; width: 572px; height: 233px; background: #f3f3f3; text-align: justify; margin: 0 55px 30px 0;}
.news li .img{ width: 233px; height: 233px; overflow: hidden;}
.news li img{ transition: 1s;}
.news li dl{ float: right; width: 338px; box-sizing: border-box; padding: 32px 25px;}
.news li dt{ font-size: 20px; color: #666; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px;}
.news li .p{ line-height: 24px; max-height: 96px; overflow: hidden; margin-bottom: 12px;}
.news li em{ color: #999999;}

.news li:hover{ background: #fff; box-shadow: 0 0 18px rgba(0,0,0,0.2);}
.news li:hover img{ transform: scale(1.1);}
.news li:hover dt{ color: #204275;}
.articletxt{ width:1000px; margin:0 auto; font-size:14px; line-height:24px;}



/*gcal*/
.gcal ul{ width: 1217px;}
.gcal li{ position: relative; float: left; width: 288px; height: 232px; background: #f3f3f3; text-align: center; margin: 20px 16px 0 0; -webkit-transition: all .2s linear;  transition: all .2s linear;}
.gcal li div{ height: 190px; overflow: hidden;}
.gcal li p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; color: #666; line-height: 42px;}
.gcal li:hover{ background: #fff; box-shadow: 0 2px 18px  rgba(35,75,101,0.2) ; transform: translate3d(0, -6px, 0);}
.gcal li:hover p{ color: #204275; font-weight: bold;}




/*3-1 */

.ntit{ text-align: center; margin-bottom: 35px; margin-top: 35px;}
.ntit dt{ font-weight: bold; font-size: 30px; color: #204275;}
.ntit dd{ letter-spacing: 6px; color: rgba(32,66,117,0.2); font-size: 20px; text-transform: uppercase;}


.wh-list ul{ width: 1210px;}
.wh-list li{ position: relative; float: left; width: 232px; height: 430px; padding: 35px 25px; box-sizing: border-box; margin-right: 10px;
 -webkit-transition: all .2s linear;  transition: all .2s linear;}
.wh-list li:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 90%; background: url(../images/whimgbg.png) no-repeat bottom center / cover; opacity: 0; z-index: -1; transition: 0.5s;}
.wh-list li:last-child{ margin-right: 0;}
.wh-list .litop{ height: 245px; }
.litop span{ float: left; width: 50%; height:100%;}
.litop em{ float: right; width: 10px; height: 4px; background: rgba(255,255,255,0.4);}

.wh-list li dt{ color: #fff; font-weight: bold; font-size: 24px; line-height: 40px;}
.wh-list li dd{color: #fff;}

.wh-list li.li1{ background: url(../images/whli1.jpg) no-repeat center ;}
.wh-list li.li2{ background: url(../images/whli2.jpg) no-repeat center ;}
.wh-list li.li3{ background: url(../images/whli3.jpg) no-repeat center ;}
.wh-list li.li4{ background: url(../images/whli4.jpg) no-repeat center ;}
.wh-list li.li5{ background: url(../images/whli5.jpg) no-repeat center ;}

.wh-list li.li1 span{ background: url(../images/whimg1.png) no-repeat left top;}
.wh-list li.li2 span{ background: url(../images/whimg2.png) no-repeat left top;}
.wh-list li.li3 span{ background: url(../images/whimg3.png) no-repeat left top;}
.wh-list li.li4 span{ background: url(../images/whimg4.png) no-repeat left top;}
.wh-list li.li5 span{ background: url(../images/whimg5.png) no-repeat left top;}




.wh-list li:hover{ transform: translate3d(0, -6px, 0);}
.wh-list li:hover:after{ opacity: 1; height: 100%;  box-shadow: 0 2px 18px  rgba(35,75,101,0.3) ;}

.wh-list li.li1:hover span{ background: url(../images/whimg01.png) no-repeat left top;}
.wh-list li.li2:hover span{ background: url(../images/whimg02.png) no-repeat left top;}
.wh-list li.li3:hover span{ background: url(../images/whimg03.png) no-repeat left top;}
.wh-list li.li4:hover span{ background: url(../images/whimg04.png) no-repeat left top;}
.wh-list li.li5:hover span{ background: url(../images/whimg05.png) no-repeat left top;}

.wh-list li:hover dt,
.wh-list li:hover dd{ color: #204275;}





.whbgli{ background: #f7f7f7; margin-top: 40px; padding: 1px 0 40px;}

.whbgli ul{ width: 1367px;}
.whbgli li{ float: left; width: 175px; text-align: center; margin-right: 166px;}
.whbgli li img { width: 160px; height: 160px;}
.whbgli li dt div{ font-weight: bold; color: #333; font-size: 20px; margin-top: 5px;}
.whbgli li dt em{ font-size: 12px; font-family: arial; color: #ccc;}
.whbgli li dd{ line-height: 22px; color: #666;}




/*  3-2  */


.titlelist{text-align: center; margin-bottom: 30px;}
.titlelist ul{ display: inline-block;}
.titlelist li{ float: left; width: 108px; height: 38px; line-height: 38px; border: 1px solid #e5e5e5; margin: 0 10px; text-align: center;}
.titlelist li a{ display: block; color: #666;}
.titlelist li.active,
.titlelist li:hover{ background: #204275; border-color: #204275;}
.titlelist li.active a,
.titlelist li:hover a{ color: #fff;}



.bylist{ display: block; transition: 0s;}
.gallery-top{ width: 935px; height: 600px; overflow: hidden;}
.gallery-thumbs.swiper-container{ position: relative; width: 255px; height:512px; padding: 44px 0; overflow: hidden;}
.gallery-thumbs.swiper-container .swiper-slide:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url(../images/bzlis00.png) no-repeat center; display: none; }
.gallery-thumbs.swiper-container .swiper-slide img{ width: 100%; height: 100%;}
.gallery-thumbs.swiper-container .swiper-slide-thumb-active:before{ display: block;}

.sxkz{ position: relative; padding: 50px 0;}
.sxkz .swiper-button-white.btt{ left: 50px; top: auto; width: 60px; height: 28px; bottom: 90px;z-index: 9999; background:url(../images/aale1.png) no-repeat center; outline: none;  opacity: 1 !important;}
.sxkz .swiper-button-white.tpp{ left: 110px; top: auto; width: 60px; height: 28px; bottom:90px; z-index: 9999; background: url(../images/aari1.png) no-repeat center; outline: none;  opacity: 1 !important;;}
.sxkz .swiper-button-white.btt:hover{ background-color: #fff; background-image: url(../images/aale.png);}
.sxkz .swiper-button-white.tpp:hover{ background-color: #fff; background-image: url(../images/aari.png); }


.swip{ position: relative; height: 600px;}
.gallery-thumbs .nxt{  top: auto; bottom: 0; left: auto; right: 0; width: 255px; height: 35px; background:#fff url(../images/zzb.png) no-repeat center; margin: 0; border: 1px solid #e7e7e7; opacity: 1 !important; ; outline: none;  box-sizing: border-box;}
.gallery-thumbs .pre{ top: 0; left: auto; right: 0; width: 255px; height: 35px; background:#fff url(../images/zzt.png) no-repeat center  ; margin: 0; border: 1px solid #e7e7e7; opacity: 1 !important;; outline: none; box-sizing: border-box; }

.gallery-thumbs .pre:hover{ background-color: #204275; background-image: url(../images/zzt1.png);}
.gallery-thumbs .nxt:hover{ background-color: #204275; background-image: url(../images/zzb1.png); }

.gallery-top dl{ position: absolute; left: 0; bottom: 0; z-index: 999; width: 358px; height: 158px; background: rgba(32,66,117,0.89); padding:0 50px; color: #fff;}
.gallery-top dl dd{ position: relative; border-bottom: 1px solid rgba(255,255,255,.23); padding-bottom: 10px;  font-size: 24px; margin-top: 32px;}
.gallery-top dl dd:before{content: ''; position: absolute; left: 0; bottom: -1px; width: 35px; height: 1px; background: #fff;}

.gallery-top.swiper-container .swiper-slide img{ width: 100%; height: 100%;}




/*   5-1   */
.shzp{ }
.shzp .shetop ul { display: flex; justify-content: space-between;}
.shzp .shetop ul li { width: 240px; text-align: center; padding: 15px 0; color: #fff; font-size: 20px; margin-top: 3px; box-sizing: border-box; border-right: 1px solid #fff; line-height: 40px;}
.shzp .shetop ul li.li1{ background: #5773a0;}
.shzp .shetop ul li.li2{ background: #416296;}
.shzp .shetop ul li.li3{ background: #345588;}
.shzp .shetop ul li.li4{ background: #204275;}
.shzp .shetop ul li.li5{ background: #1a3a6b;}
.shzp .shetop ul li span{ display: inline-block; width: 40px; height: 40px; text-align: center; margin-right: 5px;}

.dtlist dl{ margin-top: 5px; border: 1px solid #eee; }
.dtlist dl dt ul { display: flex; }
.dtlist dl dt ul li{ width: 20%; text-align: center; padding: 0 2%; overflow: hidden; line-height: 55px; font-size: 16px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal;}	
.dtlist dl dd{ padding: 0 5%;  line-height: 55px; border-top: 1px dashed #eee; font-size: 16px; color: #666;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}	

.dtlist dl:hover dt ul li:nth-child(1){ font-weight: bold; color: #204275;}	





/*6-1*/
.newlist {border-top: 1px dashed #e5e5e5; }
.newlist li{ line-height: 48px; border-bottom: 1px dashed #e5e5e5;}
.newlist li p{ float: left; width: 85%; color: #666; white-space: nowrap;; overflow: hidden; text-overflow: ellipsis;}
.newlist li em{ float: right; font-size: 12px; color: #cccccc; }
.newlist li:hover p{ font-weight: bold; color: #204275;}



/* 7-1 */
.address .left{ width: 445px;}
.address .left dt p{ font-size: 60px; color: #ececec; font-family: 'dinbold'; height: 60px; line-height: 60px;}
.address .left dt em{ display: block; width: 25px; height: 3px; background: #204275; margin-top: 20px;}
.address .left dd{ line-height: 20px; color: #999999; margin-top: 20px;}

.address .right{ width: 745px; height: 395px;}
.address .right img{ width: 100%; height: 100%;}

.addad{ margin-top: 32px;}
.addad p{ line-height: 26px; margin-top:10px; font-size: 16px; color: #666;}
.addad img{ width: 25px; height: 25px;}
.addad b{ color: #204275;}

.adulli ul { width: 460px;}
.adulli li{ float: left; width: 217px; height: 134px; text-align: center; background: #f5f5f5; box-sizing: border-box; padding-top: 18px; margin-right: 10px; margin-top: 20px;}
.adulli p{ font-weight: bold; color: #204275; font-size: 16px; margin-top: 6px;}
.adulli i{ display: block; font-size: 12px; color: #cccccc; font-family: arial;}
.adulli em{ display: block; width: 12px; height: 2px; background: #204275; margin: 5px auto;}
.adulli span{ font-size: 16px; color: #204275; font-family: arial;}





/*  1-3 */
.fzlc-list { position: relative;  padding-top: 465px; background: url(../images/fzlcbg.jpg) no-repeat center top / cover; margin-bottom: 60px;}
.popotop{ position: absolute; top: 40px; left: 0; right: 0; width: 171px; height: 376px; margin: auto; }
.popotop img{margin-left: 26px;}
.fzlc-list:after{ content: ''; position: absolute; left: 0; right: 0; top: 40px; background: #aeb9cb; margin: auto; height: 93%; width: 1px; }


.lc-list{}
.lc-list li{  margin-bottom: 40px; }
.lee{ position: relative; width: 50%; z-index: 2;}
.lee:after{ content: ''; position: absolute;  width: 28px; height: 28px; background: url(../images/bbbg.png) no-repeat center; top: 0; }
.lee .ttt{ font-size: 30px; color: #d8d8d8; line-height: 34px;}
.lee em{ display: inline-block; width: 18px; height: 3px; background: #d8d8d8;}
.lee p{ font-size: 16px; color: #666; line-height: 26px; margin-top: 5px;}

.lc-list li.li1 .lee{ float: right; padding: 0 0 0 80px; box-sizing: border-box; }
.lc-list li.li1 .lee:after{ left: -14px;}

.lc-list li.li2 .lee{ text-align: right;padding: 0 80px 0 0; box-sizing: border-box; }
.lc-list li.li2 .lee:after{ right: -14px;}


.momore{ position: relative; text-align: center; z-index: 2; background: #fff; padding-top: 50px; cursor: pointer;}
.momore:before{ content: ''; position: absolute; left: 0; right: 0; top: 10px; background: #aeb9cb; margin: auto; height: 15px; width: 1px; }
.momore:after{ content: ''; position: absolute; left: 0; right: 0; top: 35px; background: #aeb9cb; margin: auto; height: 15px; width: 1px; }


.momore.active img{ transition: 0.5s;   animation: rotate 2s linear infinite;  /*开始动画后无限循环，用来控制rotate*/ }
@keyframes rotate{
	0%{
	    transform: rotate(0);
	  }
	100%{
		transform:rotate(360deg);
	}
}
 


.ry-list{ background: url(../images/bbbbb.jpg) no-repeat center top -1px ; height: 538px;  box-sizing: border-box; padding: 40px 0;}
.bigmas{ position: relative; width: 580px;}
.ry-list .gallery-top{ width: 100%; height: 350px; margin-bottom: 10px;}
.ry-list .gallery-top ul li p{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 54px; height: 54px; background: rgba(0,0,0,0.6); box-sizing: border-box; padding: 0 30px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ry-list .gallery-thumbs{  height: 97px; width: 500px; margin: 0 auto; padding: 0 ; box-sizing: border-box;}
.ry-list  .nxt{  top: auto; bottom:0; left: auto; right: 0; width: 30px; height: 97px; background:#fff url(../images/zzt22.png) no-repeat center; margin: 0; border: 0; outline: none; }
.ry-list  .pre{ top: auto; left: 0;  bottom:0;  width: 35px; height: 97px; background:#fff url(../images/zzb22.png) no-repeat center  ; margin: 0; border: 0; outline: none; }

.ry-list .pre:hover{ background-color: #204275; background-image: url(../images/zzb2.png);}
.ry-list  .nxt:hover{ background-color: #204275; background-image: url(../images/zzt2.png);}


.ry-list .gallery-thumbs.swiper-container .swiper-slide:before{ background: url(../images/bzlis001.png) no-repeat center;}










.wztobok{ width: 525px; }

#showContent{ line-height: 26px; color: #666; margin-top: 15px; height: 300px; overflow: auto;}


#showContent::-webkit-scrollbar {
            width: 5px; /*对垂直流动条有效*/
            height: 5px; /*对水平流动条有效*/
        }
        /*定义滚动条的轨道颜色、内阴影及圆角*/
#showContent::-webkit-scrollbar-track{
            -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
            background-color: rgba(32,66,178,.3);
            border-radius: 3px;
        }
       /*定义滑块颜色、内阴影及圆角*/
#showContent::-webkit-scrollbar-thumb{
            border-radius: 7px;
            -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
            background-color: #E8E8E8;
        }
        /*定义两端按钮的样式*/
/*#showContent::-webkit-scrollbar-button {
            background-color:#254678;
        }*/
        /*定义右下角汇合处的样式*/
/*#showContent::-webkit-scrollbar-corner {
            background:;
        }*/










#showContent p{ margin-top: 5px;}


#articlePages{ display: none; margin-top: 25px; font-size: 20px; color: #999; height: 20px; line-height: 20px; vertical-align: middle;}
#articlePages em{ }
#prev{ display: inline-block; width: 32px; height: 20px; background: url(../images/lee1.png) no-repeat center left; vertical-align: top; cursor: pointer;}
#next{ display: inline-block; width: 32px; height: 20px; background: url(../images/htt1.png) no-repeat center right; vertical-align: top; cursor: pointer;}

#prev:hover{ background-image: url(../images/lee01.png);}
#next:hover{ background-image: url(../images/htt01.png);}



.nhots{position:relative;background:#eef1f6;height:300px;}
.nhots .swiper-pagination{text-align:right;bottom:60px;padding-right:60px;box-sizing:border-box;}
.nhots .swiper-pagination-bullet{width:10px;height:10px;border:solid 1px #14295a;position:relative;opacity:1;background:none;border-radius:0;}
.nhots .swiper-pagination-bullet:after{width:8px;height:8px;display:inline-block;content:'';background:#14295a;position:absolute;left:1px;top:1px;opacity:0;}
.nhots .swiper-pagination-bullet.swiper-pagination-bullet-active:after{opacity:1;}

.nhots dl dt{float:left;width:600px;}
.nhots dl dt img{width:600px;height: 300px;display:block;}
.nhots dl dd{float:right;width:600px;padding-top:54px;box-sizing:border-box;height:300px;}
.nhots .time{width:73px;height:73px;background:#d0bf95;text-align:center;color:#fff;position:absolute;left:0;top:0;}
.nhots .time strong{font-weight:lighter;display:block;font-size:44px;line-height:1em;padding-top:5px;}

.nhots dl dd{box-sizing:border-box;padding-right:60px;padding-left: 60px;}
.nhots dl dd strong{font-size:20px;color:#112451;display:block;width:100%;font-weight:normal;overflow:hidden;height:24px;text-overflow:ellipsis;white-space:nowrap;}
.nhots dl dd .desc{font-size:14px;line-height:24px;color:#999;margin-top:30px;height:48px;overflow:hidden;}
.nhots .rmore{color:#112451;font-size:16px;font-weight:bold;margin-top:37px;}
.nhots .rmore i{display:inline-block;width:7px;height:10px;background:url(../images/nmore.png) no-repeat left top;margin-left:8px;}

.newslist{margin-top:48px;border-top:solid 1px #dadada; }
.newslist ul li{ border-bottom:solid 1px #dadada;}
.newslist ul li a{display:block;overflow:hidden;padding-top:15px; padding-bottom:15px;	}
.newslist ul li .time{color:#d0bf95;text-align:center;width:65px;float:left;}
.newslist ul li .time strong{font-weight:lighter;display:block;font-size:50px;line-height:1em;padding-top:5px;margin-top:-5px;}
.newslist ul li .time span{display:block;font-size:16px;}
.newslist ul li .txt{float:right;width:1075px;background:url(../images/nm.png) no-repeat right center;padding-right:45px;}
.newslist ul li .txt strong{font-size:20px;color:#14295a;font-weight:normal;display:block;width:100%;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newslist ul li .txt p{font-size:14px;line-height:20px;color:#bebebe;margin-top:10px;width:830px;height:40px;overflow:hidden;}
.newslist ul li a:hover .txt strong{font-weight:bold;}
.newslist ul li a:hover .txt p{color:#666;}