*{margin: 0px;padding: 0px;}
body,html { font-family: simhei,'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun; color:#4A4A4A;  }
body{ background:#ffffff; font-size:0.875rem; line-height:1.5;}
ul,li,p,h1,h2,h3,h4,h5,h6,img,video{ margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6{ line-height: 1.5;}
a{ text-decoration:none; color: #333333; cursor:pointer}
a:hover{ text-decoration:none; color: #034b9f; cursor:pointer}
img{ display: block; border:0px;}
.fl{ float:left}
.fr{ float:right;  }

.bgf8{ background: #f8f8f8;}
.bg_r{ background: url(../img/bg_r.jpg) right center; background-repeat: no-repeat; background-size: 50% 100%;}

.fix{ clear:both; height:1px; line-height:1px; overflow:hidden;}
.fullimg{  height: auto; width: auto;max-width: 100%; margin: 0px auto;}


.section1{  width: 100%; min-width: 1230px; }
.fillimg{ width: 100%; height: 100%; object-fit: cover; display: block;margin: 0;}
.section2{ width: 100%; height: auto;min-width: 1230px;}

@media (min-width: 1230px) {
	.section1{top: 0; left: 0;height: 100%; position: absolute; z-index: 3;}
	.section2{position: absolute; top: 100%;z-index: 1;}
}

.xfm{ width: 146px; position: fixed; right: 50px; top: 50%;transform: translateY(-50%); margin: 0px auto; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.mbig{ height: 24px; width: 100%; background: url(../img/nbg.png) repeat-x; color: #00ffff; border-radius: 12px; border: 1px solid #00ffff; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; box-sizing: border-box;}
.mbig img{ margin-right: 7px;}
.mbig a{ color: #ffffff; display: block; width: 100%; background: url(../img/ic_jt.png) no-repeat left 30px center; padding-left: 50px; box-sizing: border-box;}
.mbig a:hover{color: #00ffff;background: url(../img/ic_jt2.png) no-repeat left 30px center;}
.m1b{ width: 118px; box-sizing: border-box;background: #004992; padding: 0px 9px; border-left: 1px solid #00ffff; border-right: 1px solid #00ffff;}
.m1b a{ color: #FFFFFF; width: 100%; display: block; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; height: 41px; border-bottom: 1px dotted #7fa4c8; background-position: left 6px center; padding-left: 33px; box-sizing: border-box; background-repeat: no-repeat; background-size: 18px auto;}
.m1b a:hover{color: #00ffff;}
.m1b a:last-child{ border-bottom: none;}
.m1b a img{ margin-right: 8px;}
.zh1 a:first-child{ background-image: url(../img/i1.png);}
.zh1 a:hover:first-child{ background-image: url(../img/i1h.png); }
.zh1 a:nth-child(2){ background-image: url(../img/i2.png);}
.zh1 a:hover:nth-child(2){ background-image: url(../img/i2h.png);}
.zh1 a:nth-child(3){ background-image: url(../img/i3.png);}
.zh1 a:hover:nth-child(3){ background-image: url(../img/i3h.png);}
.zh1 a:nth-child(4){ background-image: url(../img/i4.png);}
.zh1 a:hover:nth-child(4){ background-image: url(../img/i4h.png);}
.zh1 a:nth-child(5){ background-image: url(../img/i5.png);}
.zh1 a:hover:nth-child(5){ background-image: url(../img/i5h.png);}
.zh1 a:last-child{ background-image: url(../img/i6.png);}
.zh1 a:hover:last-child{ background-image: url(../img/i6h.png);}

.zh2 a:first-child{ background-image: url(../img/i7.png);}
.zh2 a:hover:first-child{ background-image: url(../img/i7h.png); }
.zh2 a:nth-child(2){ background-image: url(../img/i8.png);}
.zh2 a:hover:nth-child(2){ background-image: url(../img/i8h.png);}

.lcbg{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; background: url(../img/lcbg.png) no-repeat bottom center; width: 100% auto; padding: 100px 0px 50px 0px;}
.wrap{ width: 1200px; margin: 0px auto;padding-left: 15px; padding-right: 15px;}
.mcon{ width: 100%; background: url(../img/cbg.jpg) no-repeat center top; background-size: 100% auto;}
.mcon2{ width: 100%; background: url(../img/cbg2.jpg) no-repeat center top; background-size: 100% 100%; padding-bottom: 100px;}
.pd-t50{padding-top: 50px;}
.pd-t30{padding-top: 30px;}

.sec1{ background-image: url(../img/s1bg.png); background-position: left bottom 20px; background-repeat: no-repeat;}
.sec1 .wrap{ display: flex; flex-direction: row; align-items:stretch; justify-content:space-between;}
.sec1 .text{ width: 600px; flex-grow: 1; margin-right: 50px; display: flex; flex-direction: column; align-items: center; justify-content:flex-start; background: url(../img/line.png) no-repeat left bottom;}
.sec1 .text h4{ font-size: 20px; font-style: italic; color: #000996;display: block; line-height: 1; margin-bottom: 40px; width: 100%; text-align: left;}
.sec1 .text p{ font-size: 16px; line-height: 2; width: 100%; text-align: left; text-indent: 2em;}
.sec1 .text a{ margin-top: 14px; line-height: 30px; height: 30px; text-align: right; display:inline-block; align-self: flex-end; font-size: 18px;}
.sec1 .img{ width: 506px;}
.sec1 .img img{ width: 100%; height: auto;}

.tbar{width: 100%; padding-top: 50px; text-align: center; font-size: 20px; font-weight: bold; color: #c4c4c4; display: block; line-height: 1; text-transform:uppercase; letter-spacing: 4px;}
.tbar p{ font-weight: normal; margin-top: 15px; letter-spacing: 1px;}
.tbar p span{font-weight: bold; color: #111111;}

.tbar2{ text-align: left;width: 100%;font-size: 20px;font-weight: bold; color: #c4c4c4; display: block; line-height: 1; text-transform:uppercase; letter-spacing: 4px; background: url(../img/line2.png) no-repeat left 20px center; padding-left: 42px; box-sizing: border-box;}
.tbar2 p{ color: #111111; margin-top: 15px; letter-spacing: 1px;}


.rwtimg{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end; width: 100%; padding-top: 30px;}
.rwtimg li{ width: 287px; position: relative; border: 1px solid #000996; box-sizing: border-box; background: url(../img/rbg.jpg) no-repeat top center; background-size: 100% auto; height: 360px; margin-top: 40px;  transition: all linear 0.3s;}
.rwtimg li img{ width: 100%; height: auto; margin-top: 20px;}
.rwtimg li .text{ position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; background: #edeef8; box-sizing: border-box; padding: 13px 10px;  color: #666666;line-height: 1.45;transition: all linear 0.2s;}
.rwtimg li .text h5{ font-size: 18px; color: #000996; margin-bottom: 4px; line-height: 1.5; letter-spacing: 2px;}
.rwtimg li .ftext{ position: absolute; top: 0;width: 100%; height: 100%; background:url(../img/fbg.png);opacity: 0;transition: all linear 0.2s; color: #ffffff; padding: 18px; box-sizing: border-box; line-height: 2; display: flex; flex-direction: column; align-items:flex-end; justify-content:space-between;}
.rwtimg li .ftext h6{ font-size: 16px; font-style: italic; font-weight: normal; line-height: 2; margin-bottom: 5px; width: 100%;}
.rwtimg li .ftext p{width: 100%;}
.rwtimg li .ftext a{ width: 80px; height: 30px; box-sizing: border-box; line-height: 28px; box-sizing: border-box; border: 1px solid #ffffff; color: #ffffff; text-align: center; border-radius: 4px;transition: all linear 0.3s;}
.rwtimg li:hover{height: 400px; margin-top: 0; background: none; border: none;}
.rwtimg li:hover img{ width: 100%; height: 80%; object-fit: cover; position: absolute; bottom: 0; left: 0;}
.rwtimg li:hover .text{ opacity: 0;}
.rwtimg li:hover .ftext{ opacity: 1;}
.rwtimg li .ftext a:hover{ background: #ffffff; color: #404040;}

.sec2{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.yfimgt{ position: relative; width: 50%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.yfimgt img{ position: absolute; bottom: 0px; left: 0px;}
.yfimgt .text{ width: 334px; height: 309px; background: url(../img/bk.png) no-repeat center bottom; background-size: 100% auto; box-sizing: border-box; padding: 30px 30px 0px 30px; display: flex; flex-direction: column; align-items:flex-end; justify-content: flex-end;}
.yfimgt .text .tx{ width: 100%; color: #666666; background: url(../img/line1.png) no-repeat left center; box-sizing: border-box; padding-left: 17px; margin-bottom: 24px;}
.yfimgt .text .tx b{ display: block; color: #000996; font-size: 18px; margin-bottom: 3px;}
.yfimgt .text h5{ font-size: 16px; color: #000996; width: 100%; font-style: italic; font-weight: normal; margin-bottom: 4px;}
.yfimgt .text p{ line-height: 2; text-indent: 2em; margin-bottom: 8px;}

.yfimgt .text a{ width: 80px; height: 30px; box-sizing: border-box; line-height: 28px; box-sizing: border-box; border: 1px solid #b4b4b4; color: #b4b4b4; text-align: center; border-radius: 4px;transition: all linear 0.3s;}
.yfimgt .text a:hover{ background: #000996; color: #ffffff; border: 1px solid #000996;}

.xmli{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.xmli li{ width: 210px; height: 340px;transition: all linear 0.3s; position: relative;}
.xmli li img{ height: 100%; object-fit: cover; width: 100%;}
.xmli li .xtit{ position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: rgba(64,64,64,0.8); display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 18px;transition: all linear 0.3s;}
.xmli li .xtit b{ color: #ffffff; font-weight: normal; }
.xmli li .text{ position: absolute; bottom: 0; left: 0; width: 100%; height: auto;background: linear-gradient(to top, rgba(0,9, 150, 1) 10%,rgba(255, 255, 255, 0.01) 70%); padding:65px 15px 15px 15px; box-sizing: border-box; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; opacity: 0;transition: all linear 0.3s;}

.xmli li .text .ctit{ width: 100px; flex-grow: 1; padding-right: 30px;}
.xmli li .text .ctit h6{ font-size: 16px; font-weight: normal; margin-bottom: 8px;}
.xmli li .text a{ width: 80px; height: 30px; box-sizing: border-box; line-height: 28px; box-sizing: border-box; border: 1px solid #ffffff; color: #ffffff; text-align: center; border-radius: 4px;transition: all linear 0.3s;}
.xmli li .text a:hover{ background: #ffffff; color: #404040;}

.xmli li.cur{ width: 510px;}
.xmli li.cur .xtit{opacity: 0;}
.xmli li.cur .text{ opacity: 1;}

.focus{ height: 380px;}
.focus .swiper-container {width: 100%;height:100%;}
.focus .swiper-slide {width:1160px;background-position: center;background-size: cover; position: relative; opacity: 0.4;}
.focus .swiper-slide  img{width: 100%;object-fit: cover;}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:''} 
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:''}

.swiper-button-next, .swiper-button-prev{position:absolute;top:50%;width:30px;height:30px;margin-top:-15px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 50%; right:auto; background-image: url(../img/jt_l.png); margin-left: -560px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:50%;left:auto;background-image: url(../img/jt_r.png); margin-right: -560px;}

.twimg{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.twimg li{ position: relative; width:570px; height: 380px;}
.twimg li img{ width: 100%; height: 100%; object-fit: cover;}
.twimg li .text{ position: absolute; bottom: 0; left: 0; width: 100%; height: auto;background: linear-gradient(to top, rgba(0,9, 150, 1) 10%,rgba(255, 255, 255, 0.01) 70%); padding:45px 15px 12px 15px; box-sizing: border-box; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; transition: all linear 0.3s;opacity: 0;}
.twimg li .text .ctit{ width: 100%}
.twimg li .text .ctit h6{ font-size: 16px; font-weight: normal; }
.focus .swiper-slide-active{opacity: 1;}
.focus .swiper-slide-active .twimg li .text{ opacity: 1;}

.wbjs{ width:100%; display: flex; flex-direction: column; align-items: center; justify-content:flex-start; padding: 0px 20px; box-sizing: border-box;}
.wbjs h4{ font-size: 20px; font-style: italic; color: #000996;display: block; line-height: 1; margin-bottom: 35px; width: 100%; text-align: left; margin-top: 15px;}
.wbjs p{ font-size: 16px; line-height: 2; width: 100%; text-align: left; text-indent: 2em;}
.wbjs a{ margin-top: 14px; line-height: 30px; height: 30px; text-align: right; display:inline-block; align-self: flex-end; font-size: 18px;}

.dibu{  padding: 55px 0px; background: #404040;}
.dibu ul{ display: flex; flex-direction: row; justify-content: space-between; align-items:center; flex-wrap: wrap; margin-top: 34px;}
.dibu ul li{ width: 48%; padding-left: 50px; color: #ffffff; box-sizing: border-box;}
.dibu ul li a{ color: #ffffff; height: 47px; line-height: 47px; overflow: hidden;}
.dibu ul li:hover{ background: url(../img/dot.png) left 30px center no-repeat;}
.dibu ul li:hover a{ color: #00ffff;}