@import "font/DINCond-Bold/DINCond-Bold.css";
body{ margin:0; padding:0;font-size:0; line-height:0; width:100%; color:#555; font-family:/*'PingFang SC',*/'微软雅黑','Microsoft YaHei','STHeiti','Gotham'; background:#fff; overflow-x:hidden}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#555}
a:active,a:focus,a:hover{outline:none; color:#c8161d}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;}


.rightEwm{ position:fixed; right:0; bottom:65px; background:#fff; padding:10px; width:110px; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:1000; text-align:center}
.rightEwm img{ width:100%;}
.rightEwm i{ display:block; font-size:12px; line-height:20px; margin:0 0 10px 0}
.rightEwm a{width:16px; height:16px; background:#c9151e; font-size:8px; line-height:16px; text-align:center; color:#fff; font-family:'arial'; display:block; margin:0 auto 8px auto}
#ewmRight{left:auto; right:0}

.boxRightIco{position:fixed;bottom:10px; right:10px;z-index:1000; }
.boxRightIco div{width:42px; height:42px; border-radius:100%; margin:10px 0 0 0}
.toTop{position:fixed;bottom:10px; right:10px;z-index:1000;width:42px; height:42px; border-radius:100%; background:url(../images/toTop.png) no-repeat center/cover;opacity:0.7; display:block}
.toTop:hover{background:url(../images/toTopHover.png) no-repeat center/cover;opacity:1.0}

.topWx{ position:absolute; right:60px; top:20px;width:30px; height:30px; border-radius:50%; display:inline-block;background:url(../images/rightWx.png) no-repeat center/cover; display:none}

.ewmSj{position:fixed;top:0;left:0;width:100vw; height:100vh; background:rgba(0,0,0,0.8); z-index:1000; text-align:center; display:none}
.ewmSj div{margin:80px 0 0 0;}
.ewmSj i{ font-size:14px; line-height:30px; color:#fff; display:block}
.ewmSj img{ width:160px;}
.ewmSj a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.ewmSj a:hover{ transform:rotateZ(180deg);}

@media(max-width:767px){
.rightEwm{display:none}
.topWx{display:block}
.toTop{width:30px; height:30px;}
}



.boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:80px; background:#fff }
.boxTop1{position:relative;box-sizing:border-box; width:100%; margin:0 auto; text-align:right; box-sizing:border-box}
.logo{position:absolute; left:20px; top:17px; width:170px;}




@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle; text-align:right;}
.boxNav li{display:inline-block;position:relative; padding:0 30px; }
.boxNav li span a{display:block;font-size:15px; color:#444;line-height:80px; position:relative; z-index:1; font-weight:bold}
.boxNav li span a:hover{ color:#c8161d}
.boxNav li span i{height:100%; background:#f4f4f4;width:100%; position:absolute; bottom:0; left:0; display:none; z-index:0; box-sizing:border-box; border-top:4px solid #c8161d}
.boxNav li .on i{display:block;animation:ANavI 0.3s}
.boxNav li .on a{}
.boxNav li div{position:absolute; top:80px; left:0;width:100vw;text-align:left;background:rgba(66,66,66,0.9); z-index:2; display:none; box-sizing:border-box; padding:0 0 0 15px}
.boxNav li div a{display:inline-block;font-size:14px; padding:0 13px;color:#fff;line-height:60px; opacity:0.8}
.boxNav li div a:hover{/*color:#dc1e1e;*/ opacity:1}

.icoTop{display:inline-block;height:80px;vertical-align:middle; float:right;}
.icoTop a{ position:relative;display:inline-block; border-left:1px solid #dcdcdc}
.icoTop a:first-of-type{ margin:0}
.icoTop a i{display:block; width:80px; height:80px;}
.icoTop a div{position:absolute; top:80px; right:0; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:20px 0}
.icoTop a span{display:inline-block; width:120px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}



.topSearch i{background:url(../images/icoSearchTop1.png) center no-repeat;transition:background 0.3s ease}
.topSearch:hover i{background:#c8161d url(../images/icoSearchTop1Hover.png) center no-repeat;}




.bgTop{ box-shadow:0 0 3px rgba(0,0,0,0.2);}



.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:15px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#c8161d; font-size:17px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#ff1922}

/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; background:#fff; display:none;  box-shadow:0 0 3px rgba(0,0,0,0.2);z-index:1000;}
.logoM{ position:absolute;left:15px; top:18px; height:34px;}

.openMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(../images/openMenu.png?v=1.0) center no-repeat; background-size:cover}
.closeMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(../images/closeMenu.png?v=1.0) center no-repeat; background-size:cover;}


.navTopM{position:fixed; top:0; left:100%; width:75vw;height:100vh; padding:0 30px; z-index:1001; background:#464c57;overflow-y:auto;}
.boxNavM{padding-top:20px}
.boxNavM li{border-bottom:1px solid rgba(255,255,255,0.1);}
.boxNavM li span{display:block; position:relative}
.boxNavM li span a{display:block;font-size:14px;line-height:50px; color:#fff}
.boxNavM li span a:hover{}
.boxNavM li span i{width:80px; height:50px; position:absolute; top:0; right:0; background:url(../images/icoNavM.png?v=1.0) right center no-repeat; background-size:20px 20px; z-index:2;}
.boxNavM li span .on{background:url(../images/icoNavM1.png?v=1.0) right center no-repeat!important;background-size:20px 20px!important;}
.boxNavM li div{background:#c8161d; display:none}
.boxNavM li div a{display:block; line-height:50px; font-size:14px; text-align:center; color:#fff}
.boxNavM li div a:hover{background:#fc1e26;color:#fff}
.boxNavM li div .on{background:#fc1e26;}

.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icoSearchTopM.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}
/*--------------------mTop------------------------*/


.banner{width:100vw;height:28.125vw;overflow:hidden; position:relative; margin:0 0 0 calc((100% - 100vw)/2); margin-top:80px;}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{bottom:20px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:9px; height:9px; background:#fff;  opacity:1.0; border-radius:50%; box-sizing:border-box;}
.banner .swiper-pagination-bullet-active{ background:#c8161d;width:22px; border-radius:5px;}
/*.banner .swiper-button-prev{left:30px;margin-top:-25px; width:27px; height:50px; background:url(../images/bannerJtLeft.png) center no-repeat;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(../images/bannerJtLeftHover.png?v=1.0) center no-repeat;opacity:1.0}
.banner .swiper-button-next{right:30px;margin-top:-25px;width:27px; height:50px; background:url(../images/bannerJtRight.png) center no-repeat;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(../images/bannerJtRightHover.png?v=1.2) center no-repeat;opacity:1.0}*/

.swiper-button-prev{left:30px;opacity:0.5;}
.swiper-button-prev:hover{opacity:1.0}
.swiper-button-next{right:30px;opacity:0.5;}
.swiper-button-next:hover{opacity:1.0}


.bannerM{width:100%;height:67vw;overflow:hidden; position:relative;margin-top:70px; display:none;}
.bannerM img{ width:100%; height:100%}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; }
.bannerM .swiper-pagination{bottom:8px!important;z-index:1; text-align:center; }
.bannerM .swiper-pagination-bullet{width:4px; height:4px;background:#fff;opacity:1.0; border-radius:2px;  box-sizing:border-box; margin:0 2px!important;}
.bannerM .swiper-pagination-bullet-active{ width:16px;background:#c8161d; }

/*------------------------foot------------------------*/
.boxFoot{ background:#373737; color:#acafb1;}
.boxFoot1 { width:100%; max-width:1260px; margin:0 auto;line-height:22px; font-size:13px;font-weight:bold; padding:35px 0; position:relative}
.boxFoot i{display:inline-block; font-weight:bold;}
.boxFoot span{ position:absolute; top:35px; right:0;line-height:33px; z-index:10}
.boxFoot span a:last-of-type{ background:url(../images/icoWxFoot.png) right center no-repeat; display:inline-block;  padding-right:36px; position:relative;}
.boxFoot span a:last-of-type div{ position:absolute; top:-90px; right:0; padding-bottom:7px; background:url(../images/boxJt.png) center bottom no-repeat; visibility:hidden; opacity:0;transition:all .3s;}
.boxFoot span a:last-of-type div img{ width:100px; height:100px; border:4px solid #c7161e;}
.boxFoot a{color:#acafb1}
.boxFoot a:hover{color:#fff}
.boxFoot span a:last-of-type:hover div{top:-115px; display:block;visibility:visible; opacity:1}
/*------------------------foot------------------------*/

/*------------------------zhezhao------------------------*/
.boxZhezhao{ background:rgba(0,0,0,1); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.boxZhezhao video{width:100%; height:100%;}
.closeZhezhao{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.closeZhezhao:hover{ transform:rotateZ(180deg);}
/*------------------------zhezhao------------------------*/

.boxMax{ width:100%; max-width:1260px; margin:0 auto;position:relative; z-index:1; overflow:hidden}

/*------------------------indNews------------------------*/
.indNews{ display:inline-block; width:560px; position:relative; margin:40px 15px 40px 0; vertical-align:top}
.indNewsNav{ height:34px; border-bottom:1px solid #ccc;}
.indNewsNav a{ display:inline-block; width:100px; height:34px; line-height:34px; background:#7f7f7f; font-size:15px; font-weight:bold; text-align:center;color:#fff; margin-right:1px;}
.indNewsNav .on{background:#c8161d!important;color:#fff}

.indNewsList{ width:100%;display:none}
.indNewsList div a{ display:block; border-bottom:1px solid #e5e5e5; line-height:30px; height:30px;}
.indNewsList div a i{ display:inline-block; width:100px; font-size:14px; font-weight:bold; color:#c0c0c0; padding:0 0 0 7px;}
.indNewsList div a span{ display:inline-block; width:460px; }
.indNewsList div h1{ font-size:18px; font-weight:bold; line-height:20px; height:20px; overflow:hidden; margin:12px 0 4px 0}
.indNewsList div h2{ font-size:13px; line-height:20px; color:#888}
.indNewsList div h3{ font-size:15px; background:url(../images/icoJt1.png) no-repeat 448px center;}

.indNewsList div a:first-child{ height:86px;}
.indNewsList div a:first-child i{ font-family:'DINCond-Bold'; color:#dc1e1e; font-size:26px; line-height:26px; vertical-align:top; letter-spacing:-1px; margin-top:10px; padding:0 0 0 3px}
.indNewsList div a:first-child span{vertical-align:top}

.moreNews{ position:absolute; top:0; line-height:34px; right:5px; font-size:12px; color:#999; display:inline-block; padding:0 10px 0 0; background:url(../images/icoJt.png) no-repeat right center;}
.moreNews:hover{background:url(../images/icoJtHover.png) no-repeat right center;}
/*------------------------indNews------------------------*/

/*------------------------indVideo------------------------*/
.indVideo{display:inline-block; width:398px; height:240px; position:relative; margin:40px 15px 40px 0; overflow:hidden; vertical-align:top;}
.indVideo .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.indVideo .swiper-slide img{ width:100%;}
.indVideo .swiper-slide i{ width:38px; height:38px; position:absolute; left:50%; top:50%; margin:-19px 0 0 -19px; background:url(../images/icoVideo.png) no-repeat center/100% 100%; z-index:100;}
.indVideo .swiper-slide i:hover{background:url(../images/icoVideoHover.png) no-repeat center/100% 100%;}
.indVideo .swiper-slide span{ background:url(../images/bgBlackTitle.png); display:block; width:100%; height:66px; position:absolute; left:0; bottom:0; z-index:99}
.indVideo .swiper-slide h1{ position:absolute; bottom:18px; left:0; width:100%; padding:0 20px; line-height:22px; color:#fff; font-size:15px; text-align:center; z-index:100}
.indVideo .swiper-button-prev{left:30px;margin-top:-11px; width:10px; height:22px; background:url(../images/icoJt3.png) center no-repeat;opacity:0.5; z-index:101}
.indVideo .swiper-button-prev:hover{background:url(../images/icoJt3.png) center no-repeat;opacity:1.0}
.indVideo .swiper-button-next{right:30px;margin-top:-11px;width:10px; height:22px; background:url(../images/icoJt2.png) center no-repeat;opacity:0.5; z-index:101}
.indVideo .swiper-button-next:hover{background:url(../images/icoJt2.png) center no-repeat;opacity:1.0}

.indVideoNav{ position:absolute; top:10px; left:10px; z-index:100}
/*------------------------indVideo------------------------*/

/*------------------------indInv------------------------*/
.indInv{display:inline-block; width:272px; height:240px;margin:40px 0 40px 0; padding:15px 15px 0 15px; vertical-align:top; background:#0c5296}

.gpTitle{display:inline-block; width:84px; height:75px;background:#0091e4; vertical-align:top; color:#fff; text-align:center; overflow:hidden}
.gpTitle i{font-family:'DINCond-Bold'; font-size:24px; display:block; line-height:24px; margin:15px 0 5px 0}
.gpTitle span{font-size:14px; line-height:14px; font-weight:bold; display:block}

.gpInfo{display:inline-block; width:158px;  height:75px;padding:12px 0 0 20px; background:#fff; vertical-align:top}

.gpInfo h1{display:inline-block;font-size:30px;line-height:30px; font-weight:normal;font-family:'DINCond-Bold'; vertical-align:bottom}
.gpInfo i{display:inline-block; width:30px; height:13px; margin:0 0 5px 0;vertical-align:bottom}
.gpInfo h2{display:inline-block; font-size:22px;line-height:22px; font-weight:normal;font-family:'DINCond-Bold';vertical-align:bottom}
.gpInfo span{ display:block; color:#999; font-size:12px; line-height:12px; margin-top:5px;}

.gpUp{ color:#e40808}
.gpUp i{ background:url(../images/icoGpUp.png) bottom center no-repeat;}
.gpDown{ color:#258841}
.gpDown i{background:url(../images/icoGpDown.png) bottom center no-repeat;}


.indNotice{}
.indNoticeNav{ border-bottom:1px solid #3d75ab; color:#fff; position:relative; height:38px; margin-top:10px;}
.indNoticeNav i{ font-size:15px; display:inline-block;  padding:0 10px; height:38px; line-height:35px; border-bottom:3px solid #0091e4; font-weight:bold}
.indNoticeNav a{ font-size:12px; display:inline-block; position:absolute; right:0; line-height:35px;color:#fff; opacity:0.5; background:url(../images/icoJt4.png) no-repeat right center; padding:0 10px 0 0}
.indNoticeNav a:hover{opacity:1.0}


.indNoticeList{width:100%;height:100px;position:relative;overflow:hidden; }
.indNoticeList .swiper-slide{width:100%;height:100%; position:relative; padding:17px 0 0 0; overflow:hidden; }
.indNoticeList .swiper-slide i{ font-size:14px; line-height:22px;color:#fff; text-align:justify; display:block}
.indNoticeList .swiper-slide span{ position:absolute; right:0; bottom:18px;font-size:12px; line-height:20px;  color:#fff; opacity:0.5}
/*------------------------indInv------------------------*/



/*------------------------indCenter------------------------*/
.boxInd{ background:#eae7e2; padding:40px 0;}
.boxInd1 {width:100%; max-width:1260px; margin:0 auto}
.boxInd1 ul{}
.boxInd1 ul li{display:inline-block; width:410px; height:200px; margin-right:15px; position:relative; vertical-align:top; padding:36px 0 0 40px;}
.boxInd1 ul li img{ position:absolute; right:10px; bottom:0}
.boxInd1 h1{ font-size:19px; line-height:25px; font-weight:bold;}
.boxInd1 h2{ line-height:26px; font-size:15px; color:#666; margin:16px 0 20px 0}
.boxInd1 h3 a{ display:inline-block; padding:0 0 0 21px; line-height:21px; background:url(../images/icoHe.png) no-repeat left/14px 21px; font-size:12px; color:#999}
.boxInd1 h3 a:hover{ color:#c8161d}

.boxInd1 ul li:nth-child(1){ background:url(../images/bgInd1.png) no-repeat center/cover}
.boxInd1 ul li:nth-child(2){ background:url(../images/bgInd2.png) no-repeat center/cover}
.boxInd1 ul li:nth-child(3){ background:url(../images/bgInd3.png) no-repeat center/cover; margin-right:0}
.boxInd1 ul li:nth-child(3) img{bottom:10px; width:133px; height:180px;}

/*------------------------indCenter------------------------*/


/*------------------------indXl------------------------*/
.boxIndXl{ width:100%; max-width:1260px; margin:40px auto}
.boxIndXl li{ width:134px; height:290px;display:inline-block;margin-right:4px; position:relative; vertical-align:top;background:#000;transition:width .3s; }
.boxIndXl li:last-child{ margin:0}
.boxIndXl li img{ width:44px;position:absolute; left:50%; top:25px; margin:0 0 0 -22px; z-index:2}
.boxIndXl li div{ position:absolute; left:0;bottom:0; width:100%; height:100%; background:url(../images/bgBlackTitle.png) no-repeat bottom / 100% 140px; z-index:2; display:none}
.boxIndXl li span{ width:100%; height:78px; position:absolute; left:0; bottom:0;padding:0 100px 0 40px;overflow:hidden; z-index:2; opacity:0;transition:all .5s ease-out .3s;}
.boxIndXl li span i{height:78px; width:1px;display:inline-block; vertical-align:middle}
.boxIndXl li span p{ width:429px;display:inline-block; vertical-align:middle;font-size:14px; line-height:22px; color:#fff; }
.boxIndXl li h1{ width:31px; height:18px; display:block; background:url(../images/icoJt5.png) no-repeat;position:absolute; right:60px; bottom:30px; opacity:0;z-index:2;transition:all .3s ease-out .3s;}
.boxIndXl li h2{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;transition:width .3s;transition:opacity .1s}

.boxIndXl li:nth-child(1) h2{background:url(../images/imgXl1.jpg) no-repeat center/cover}
.boxIndXl li:nth-child(2) h2{background:url(../images/imgXl2.jpg) no-repeat -130px center/cover}
.boxIndXl li:nth-child(3) h2{background:url(../images/imgXl3.jpg) no-repeat center/cover}
.boxIndXl li:nth-child(4) h2{background:url(../images/imgXl4.jpg) no-repeat -390px center/cover}
.boxIndXl li:nth-child(5) h2{background:url(../images/imgXl5.jpg) no-repeat center/cover}
.boxIndXl li:nth-child(6) h2{background:url(../images/imgXl6.jpg) no-repeat -360px center/cover}


.boxIndXl .on{ width:570px;}
.boxIndXl .on img{ left:62px!important;}
.boxIndXl .on div{display:block}
.boxIndXl .on span{opacity:1.0;}
.boxIndXl .on h1{right:40px; opacity:0.7;}
.boxIndXl .on h2{background-position:center center!important;}

.boxIndXl li:hover h2{ opacity:0.7}


/*------------------------indXl------------------------*/

/*------------------------indXlList------------------------*/
.indXlList{width:100%; max-width:1260px; margin:40px auto;position:relative; overflow:hidden}
.indXlList .swiper-slide{ width:134px; height:290px;display:inline-block;margin-right:4px; position:relative; vertical-align:top;background:#000;transition:width .3s; }
.indXlList .swiper-slide:last-child{ margin:0}
.indXlList .swiper-slide img{ width:44px;position:absolute; left:50%; top:25px; margin:0 0 0 -22px; z-index:2}
.indXlList .swiper-slide div{ position:absolute; left:0;bottom:0; width:100%; height:100%; background:url(../images/bgBlackTitle.png) no-repeat bottom / 100% 140px; z-index:2; display:none}
.indXlList .swiper-slide span{ width:100%; height:78px; position:absolute; left:0; bottom:0;padding:0 100px 0 40px;overflow:hidden; z-index:2; opacity:0;transition:all .5s ease-out .3s;}
.indXlList .swiper-slide span i{height:78px; width:1px;display:inline-block; vertical-align:middle}
.indXlList .swiper-slide span p{ width:429px;display:inline-block; vertical-align:middle;font-size:14px; line-height:22px; color:#fff; }
.indXlList .swiper-slide h1{ width:31px; height:18px; display:block; background:url(../images/icoJt5.png) no-repeat;position:absolute; right:60px; bottom:30px; opacity:0;z-index:2;transition:all .3s ease-out .3s;}
.indXlList .swiper-slide h2{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;transition:width .3s;transition:opacity .1s; }

.indXlList .bg1{background:url(../images/imgXl1.jpg) no-repeat center/cover}
.indXlList .bg2{background:url(../images/imgXl2.jpg) no-repeat -130px center/cover}
.indXlList .bg3{background:url(../images/imgXl3.jpg) no-repeat center/cover}
.indXlList .bg4{background:url(../images/imgXl4.jpg) no-repeat -390px center/cover}
.indXlList .bg5{background:url(../images/imgXl5.jpg) no-repeat center/cover}
.indXlList .bg6{background:url(../images/imgXl6.jpg) no-repeat -360px center/cover}


.indXlList .onDiv{width:570px;}
.indXlList .onDiv img{ left:62px!important;}
.indXlList .onDiv div{display:block}
.indXlList .onDiv span{opacity:1.0;}
.indXlList .onDiv h1{right:40px; opacity:0.7;}
.indXlList .onDiv h2{background-position:center center!important;}

.indXlList .swiper-slide:hover h2{ opacity:0.7}

.indXlList .swiper-pagination{bottom:90px!important;z-index:1;}
.indXlList .swiper-pagination-bullet{width:6px; height:6px;background:#fff;opacity:1.0; border-radius:3px;  box-sizing:border-box; margin:0 3px!important;}
.indXlList .swiper-pagination-bullet-active{ width:18px;background:#c8161d; }
/*------------------------indXlList------------------------*/


.subBanner{ width:100%; height:19.48vw; max-height:360px;background-size:cover!important;  position:relative; margin-top:80px;}
.subBanner div{position:absolute; top:50%; left:0; margin:-50px 0 0 0; color:#fff; width:100%; text-align:center;}
.subBanner div span{ display:inline-block; width:100%; max-width:1300px; margin:0 auto; text-align:right; box-sizing:border-box;text-shadow:0 0 10px rgba(0,0,0,0.5); padding:0 20px;}
.subBanner div h1{ font-size:30px; line-height:30px;}
.subBanner div h2{ font-size:20px; line-height:20px; margin-top:15px; font-weight:bold; opacity:0.5;text-transform:uppercase}

.subBannerBig{ width:100%; height:28.125vw; min-height:400px;background-size:cover!important;  position:relative; margin-top:80px; text-align:center; color:#fff}
.subBannerBig i{ width:1px; height:100%; display:inline-block; vertical-align:middle}
.subBannerBig span{ display:inline-block; width:99.9%; max-width:1260px; margin:0 auto; box-sizing:border-box;  vertical-align:middle;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.subBannerBig h1{ font-size:40px; line-height:40px; font-weight:bold;}
.subBannerBig h2{ font-size:20px; line-height:20px; margin:15px 0 30px 0; font-weight:bold; opacity:0.5;text-transform:uppercase}
.subBannerBig h3{ background:url(../images/bgTitle.png) top center no-repeat; font-size:24px; line-height:40px; padding:30px 0 0 0;}
.subBannerBig h4{ background:url(../images/bgTitle.png) top center no-repeat; font-size:24px; line-height:40px; padding:30px 0 0 0;}


.subNavBox{background:rgba(0,0,0,0.5); height:70px;position:relative; z-index:1; margin-top:-70px}
.subNav{text-align:right; width:1260px; margin:0 auto}
.subNav a{ padding:0 20px; margin:0 5px;font-size:15px; height:70px; line-height:70px;display:inline-block; text-align:center; font-weight:bold; color:#fff; position:relative}
.subNav a i{ height:38px; background:#c8161d; width:100%;position:absolute; bottom:15px; left:0; display:none;  border-radius:3px;z-index:-1;}
.subNav .on{color:#fff;}
.subNav .on i{ display:block;animation:ANavI 0.5s}

.curNav{ position:absolute; top:0; left:50%; margin:0 0 0 -630px}
.curNav a{display:inline-block; background:url(../images/icoCurJt.png) center left no-repeat; padding-left:15px; margin-right:10px; vertical-align:middle; font-size:15px;  color:#444;line-height:70px; height:70px; color:#fff;}
.curNav a:hover{color:#c8161d}
.curNav a:first-of-type{background:url(../images/icoCurHome.png) center left no-repeat; padding-left:28px;}
.curNav a:last-of-type{ font-weight:bold;}



.navTitle{ font-size:40px; line-height:40px; color:#bbb; background:url(../images/bgTitle1.png) no-repeat bottom center; padding:0 0 36px 0; text-align:center}
.titleM{display:none}

.navTabTitle{ text-align:center}
.navTabTitle a{ font-size:15px; font-weight:bold; height:70px; line-height:70px;display:inline-block; padding:0 25px; background:url(../images/bgTabLine.png) no-repeat right center}
.navTabTitle a:last-child{ background:none}
.navTabTitle .on{ color:#c8161d}


.boxMax1{ width:100%;max-width:1260px; margin:60px auto; overflow:hidden}
.boxMax2{ width:100%;margin:60px 0 0 0; overflow:hidden}


.dszCon{}
.dszImg{width:360px;display:inline-block; vertical-align:top}
.dszText{ width:750px; margin:0 0 0 80px;display:inline-block; vertical-align:top}
.dszText h1{ font-size:40px; line-height:40px; color:#bbb; padding:36px 0 30px 0}
.dszText h1 i{ font-size:26px; line-height:26px; color:#dedede; vertical-align:bottom; display:inline-block; margin:0 0 0 10px}
.dszText p{ font-size:15px; line-height:26px; padding-bottom:15px;}

.pQm{text-align:right; margin-top:20px}
.pQm i{width:70%; max-width:270px; height:1px; display:inline-block; background:#ccc; margin:5px 10px 0 0; vertical-align:middle}
.pQm img{vertical-align:middle}


.pWeb p{font-size:15px; line-height:26px; padding-bottom:15px;}
.imgPc{width:100%;}
.imgM{width:100%; display:none}
.imgPcM{width:100%;}
.boxSpace10{height:10px;}
.boxSpace20{height:20px;}
.boxSpace40{height:40px;}

.boxCon{}
.conHead{ display:block; background:url(../images/bgColor.png) no-repeat; background-size:100% 100%; font-size:18px; line-height:30px; font-weight:bold; color:#fff; text-align:justify; padding:25px 50px; margin:0 0 25px 0}


.btnLink{text-align:center;}
.btnLink a{display:inline-block}
.btnLink div{border-right:1px solid #ccc;padding:10px 20px 10px 0; margin:0 20px 0 0;display:inline-block; vertical-align:middle}
.btnLink img{ }
.btnLink span{display:inline-block; vertical-align:middle; font-size:14px; line-height:16px;}
.btnLink span i{ display:inline-block; width:20px; height:20px; background:url(../images/icoJtLink.png) center no-repeat; background-size:6px 10px;border-radius:50%; vertical-align:middle; margin:0 0 0 10px;}
.linkRed i{background-color:#999!important;}
.linkRed:hover i{background-color:#c8161d!important;}

.linkBlue i{background-color:#0236a4!important;}
.linkBlue:hover i{background-color:#0236a4!important;}
.linkBlue:hover span{color:#0236a4}

.linkGreen i{background-color:#007571!important;}
.linkGreen:hover i{background-color:#007571!important;}
.linkGreen:hover span{color:#007571}

.linkYellow i{background-color:#c8a063!important;}
.linkYellow:hover i{background-color:#c8a063!important;}
.linkYellow:hover span{color:#c8a063}


.picFocus{position:relative; padding:0 0 70px 0;width:100%; overflow:hidden; }
.picFocus .swiper-slide{width:700px; height:420px; position:relative}
.picFocus .swiper-slide img{ width:100%; height:100%}
.picFocus .swiper-slide div { width:100%; position:absolute; left:0; bottom:0; background:url(../images/bgBlackTitle.png) no-repeat; background-size:100% 100%;padding:0 0 20px 0;display:none; }
.picFocus .swiper-slide i{display:block; text-align:center; font-size:18px; line-height:30px; font-weight:bold; color:#fff; text-align:center; width:100%;}
.picFocus .swiper-slide-active div{display:block}
.picFocus .swiper-pagination{bottom:16px!important;z-index:1}
.picFocus .swiper-pagination-bullet{width:8px; height:8px; background:#bec0c2; border-radius:4px; opacity:1.0}
.picFocus .swiper-pagination-bullet-active{background:#c8161d; width:20px;}
.picFocus .swiper-button-prev{left:50%;top:auto; bottom:0;margin:0 0 0 -500px;width:60px; height:60px; background:url(../images/jtLeft.png) center no-repeat; opacity:1;z-index:99;}
.picFocus .swiper-button-prev:hover{background:url(../images/jtLeftHover.png) center no-repeat;}
.picFocus .swiper-button-next{right:50%;top:auto;bottom:0; margin:0 -500px 0 0;width:60px; height:60px; background:url(../images/jtRight.png) center no-repeat;opacity:1;z-index:99}
.picFocus .swiper-button-next:hover{background:url(../images/jtRightHover.png) center no-repeat;}


.boxVi{}
.boxVi li{ width:100%; padding:60px 0;background:#eeece8; text-align:center; overflow:hidden}
.boxVi li div{ width:835px; text-align:left; display:inline-block; vertical-align:middle}
.boxVi li span{ width:425px; text-align:center; margin:0 0 0 59px;display:inline-block; vertical-align:middle} 
.boxVi li h1{ font-size:20px; line-height:20px; font-weight:bold;}
.boxVi li h1 i{ display:block; width:140px;height:2px; background:#c8161d; margin:12px 0 10px 0}
.boxVi li p{}
.boxVi li strong{ display:block}

.boxVi li:nth-child(2){ padding:80px 0;background:#f7f5f3}


.boxJyln{ text-align:center; color:#fff;}
.boxJyln li{width:100%; height:540px;overflow:hidden; position:relative; margin-bottom:1px; background:#000}
.boxJyln li h1{ position:relative; margin-top:80px; z-index:2}
.boxJyln li h2{ position:relative; margin-top:140px; font-size:19px; line-height:36px;transition:all .7s; font-weight:bold;z-index:2}
.boxJyln li div{ position:relative; width:100%; max-width:1220px; padding:0 20px; margin-top:40px; display:inline-block; opacity:0;transition:all .7s;z-index:2}
.boxJyln li div span{ display:inline-block; width:28%; vertical-align:top;font-size:13px; line-height:20px; text-align:justify; padding:0 30px}
.boxJyln li div span strong{display:block; font-size:15px; margin-bottom:5px; padding-bottom:5px;border-bottom:2px solid #fff}
.boxJyln li h6{ position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover!important; opacity:0.9;transition:opacity .3s; z-index:0;}


.boxJyln li:hover h2{margin-top:110px;}
.boxJyln li:hover div{opacity:1.0}

.boxJyln li:nth-child(1):hover h2{ margin-top:60px;} 
.boxJyln li:hover h6{ opacity:0.5}

.boxYear{width:100%; max-width:1000px; margin:0 auto;padding:0 50px;position:relative; overflow:hidden;}
.listYear{width:100%; height:50px;overflow:hidden}
.listYear .swiper-slide{width:14.285%;height:100%; text-align:center;}
.listYear .swiper-slide a{display:block; font-size:17px; line-height:50px; font-weight:bold; color:#aaa; background:url(../images/bgYearLine.png) right center no-repeat; padding:0 5px 0 0}
.listYear .swiper-slide a:hover{color:#e60012;}
.listYear .swiper-button-prev{left:0; top:50%; margin-top:-10px; width:12px; height:20px; background:url(../images/jtLeft.png) no-repeat; background-size:100% 100%; opacity:1}
.listYear .swiper-button-prev:hover{background:url(../images/jtLeftHover.png) no-repeat; background-size:100% 100%; opacity:1}
.listYear .swiper-button-next{right:0;top:50%; margin-top:-10px; width:12px; height:20px; background:url(../images/jtRight.png) no-repeat; background-size:100% 100%; opacity:1}
.listYear .swiper-button-next:hover{background:url(../images/jtRightHover.png) no-repeat;background-size:100% 100%; opacity:1}
.listYear .on{background:#c7161e!important; color:#fff!important; padding:0!important}


.qyryList{background:url(../images/bgLineQyry.png) 150px 0 no-repeat; background-size:2px 100%; margin:40px auto 0 auto; width:100%; max-width:1060px; overflow:hidden}
.qyryList li{ padding:40px 0 0 212px; position:relative;}
.qyryList li i{display:block; width:60px; height:60px; background:url(../images/icoQyry.png); background-size:100% 100%;position:absolute; left:121px; top:0;}
.qyryList li span{display:block;font-size:36px;line-height:100%;position:absolute; left:0; top:12px;font-family:'DINCond-Bold'; color:#aaa}
.qyryList li div{ border-bottom:1px dashed #b2b2b2; padding:0 0 40px 0; margin:-30px 0 30px 0;}
.qyryList li div p{line-height:30px; font-size:15px; padding:0 0 0 15px;background:url(../images/icoP.png) 0 12px no-repeat;}

.myScroll{transform:translateY(100px);
	transition:transform 0.5s, opacity 0.5s;
	opacity:0;}
.myScroll.on{transform:none;opacity:1;}


.imgText{text-align:center; padding:0 0 60px 0; text-align:center}
.imgText img{}

.boxZrgy{ width:100%; overflow:hidden; margin-top:-20px;}
.boxZrgy li{ width:100%; margin-bottom:50px;}
.boxZrgy h1{ background:url(../images/bgLine.png) center repeat-x; text-align:center; margin-bottom:20px;}
.boxZrgy h1 img{border:1px solid #ccc;border-radius:50%; }
.boxZrgy1{width:100%; min-height:380px; overflow:hidden}
.boxZrgy1 img{ float:left;border-top-right-radius:80px;border-bottom-left-radius:80px;}
.zrgyText{ float:left; width:630px; padding:0 0 0 50px;}
.zrgyText h2{ font-size:26px; line-height:26px; font-weight:bold; margin:30px 0 20px 0}
.zrgyList p{line-height:30px; font-size:15px; padding:0 0 0 15px;background:url(../images/icoP.png) 0 12px no-repeat;}
.zrgyCon  p{line-height:26px; font-size:15px; padding:0 0 10px 0;}


.boxZrgy li:nth-child(2n+2) .zrgyText{padding:0 50px 0 0;}
.boxZrgy li:nth-child(2n+2) .boxZrgy1 img{float:right;border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:80px;border-bottom-right-radius:80px;}
.boxZrgy li:last-child{ margin:0}

.boxZrgy li:nth-child(2) .zrgyList{ height:240px; overflow:hidden}

.boxZrgy a{display:inline-block; padding:0 0 0 21px; line-height:21px; background:url(../images/icoHe.png) no-repeat left/14px 21px; font-size:12px; color:#999; margin-top:10px;}
.boxZrgy a:hover{ color:#c8161d}


.boxRcln{border-top:2px solid #ccc; text-align:center}
.boxRcln ul{display:inline-block; width:100%; max-width:960px; text-align:left}
.boxRcln li{width:100%; padding:40px 0 0 0;}
.boxRcln img{display:inline-block; vertical-align:middle}
.boxRcln p{line-height:26px; font-size:15px;display:inline-block; vertical-align:middle; margin:0 0 0 50px;}


/*----------------------------news----------------------------*/
.boxLeft{ display:inline-block; width:230px; vertical-align:top; background:#fff; border-top:4px solid #c8161d; padding:0 20px; box-sizing:border-box; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.boxDate{}
.boxDate li{}
.boxDate li span{display:block;}
.boxDate li span a{display:block;border-bottom:1px solid #ebebeb; background:url(../images/icoJtDate.png) right center no-repeat; font-size:17px; line-height:50px;}
.boxDate li span .on{background:url(../images/icoJtDateHover.png) right center no-repeat!important; color:#555}
.boxDate li span .on:hover{color:#c8161d}
.boxDate li div{display:none;border-bottom:1px solid #ebebeb; padding-top:15px;}
.boxDate li div a{ display:inline-block; width:36px; height:36px; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:50%; margin:0 15px 15px 0; font-size:14px; line-height:36px; color:#777; text-align:center; }
.boxDate li div a:hover{ background:#c8161d; color:#fff}
.boxDate li div a:nth-child(4n+4){margin-right:0}
.boxDate li div .on{ background:#c8161d; color:#fff!important}

.searchNews{ margin:20px 0; background:#f5f5f5; height:40px; overflow:hidden}
.inputSearchNews{border:none; background:none; width:156px; line-height:40px; text-indent:8px}
.submitSearchNews{border:none; background:none; width:34px; height:40px; background:url(../images/icoSearch.png) center no-repeat; cursor:pointer}
.submitSearchNews:hover{background:url(../images/icoSearchHover.png) center no-repeat}

.boxDateList{}
.boxDateList a{display:block;border-bottom:1px solid #ebebeb; background:url(../images/icoJtDate1.png) right center no-repeat; font-size:17px; line-height:50px;}
.boxDateList .on{background:url(../images/icoJtDate1Hover.png) right center no-repeat!important;}
.boxDateList .on:hover{color:#c8161d}

.boxRight{ display:inline-block; width:990px; padding:0 0 0 40px; vertical-align:top;}

.newsList{ margin-top:-30px;}
.newsList a{display:block; border-bottom:2px solid #e6e6e6; padding:30px 0; overflow:hidden}
.newsList a div{float:right; width:200px; overflow:hidden}
.newsList a div img{width:100%; height:auto; transition:transform 1s;}
.newsList a i{display:inline-block; width:110px; font-size:28px; line-height:28px;color:#c8161d;font-family:'DINCond-Bold';letter-spacing:-1px; margin-top:10px;vertical-align:top; }
.newsList a span{display:inline-block; width:610px;  vertical-align:top; text-align:justify}
.newsList a h1{font-size:21px; line-height:28px; margin:10px 0; font-weight:bold; color:#555;overflow:hidden; }
.newsList a h2{font-size:14px; line-height:22px; color:#999}
.newsList a h3{background:url(../images/icoJt6.png) right center no-repeat; display:inline-block; padding-right:26px; line-height:22px; font-size:14px;color:#999; font-weight:bold; margin:10px 0 0 0}
.newsList a:hover{border-bottom:2px solid #c8161d;}
.newsList a:hover h1{color:#c8161d;}
.newsList a:hover h3{background:url(../images/icoJt6Hover.png) right center no-repeat; color:#c8161d;}
.newsList a:hover div img{transform:scale(1.2);}

.boxPage{width:100%; overflow:hidden; margin:30px auto 0 auto; font-size:0; max-width:1260px;}
.boxPage a{ display:inline-block;font-size:16px;color:#fff;background-color:#bfbfbf;width:42px; height:42px;text-align:center; line-height:42px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#c8161d;}
.curPage{color:#fff!important; background-color:#c8161d!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(../images/pagePre.png) center no-repeat; }
.nextPage{background:url(../images/pageNext.png) center no-repeat; margin-right:0!important}
.boxPage span{font-size:16px;line-height:45px;margin:0 15px 0 7px;display:none; vertical-align:middle}


.boxShow{ padding:0;}
.showLeft{display:inline-block; width:150px; padding:0 40px 0 0; vertical-align:top; }
.newsDate{ width:110px; height:110px; background:#eee; font-family:'DINCond-Bold'; font-weight:bold; text-align:center}
.newsDate h1{line-height:74px; color:#c8161d; font-size:50px;}
.newsDate h2{line-height:36px; background:#c8161d; color:#fff; font-size:18px;}


.showCenter{display:inline-block; width:100%; max-width:800px; vertical-align:top}
.showTitle{padding:0 0 10px 0;font-size:26px;line-height:35px; font-weight:bold}
.showInfo{color:#999; font-size:14px; line-height:20px;}
.showInfo i:last-child{display:none}
.showCon{width:100%; padding:20px 0 0 0; font-size:15px; line-height:26px; overflow:hidden;border-top:1px solid #d8d8d8; margin-top:20px; font-family:'微软雅黑'!important}
.showCon img{width:auto; max-width:100%;height:auto!important; /*display:block; margin:0 auto*/}
.showCon p,.showCon div{line-height:26px; text-align:justify}


.showRight{display:inline-block; width:270px; margin:0 0 0 40px;vertical-align:top; background:#ededed; padding:0 20px;}
.showRight a{ display:block; font-size:13px; line-height:26px; color:#999; padding:15px 0; border-bottom:1px solid #ddd}
.showRight a:last-of-type{ border:none}
.showRight a strong{ display:block; color:#555}
.showRight a:hover i{ color:#c8161d}


.showVideo{ width:100%; height:calc((100vw - 30px)/16*9); max-height:500px; display:block; margin:10px 0 0 0}

/*------------share------------*/
.btnShare1{ text-align:center; padding:40px 0 0 0}
.btnShare1 i{font-size:14px; display:block; color:#999; line-height:14px; margin-bottom:15px;}
.btnShare1 a{display:block; margin-bottom:10px;  overflow:hidden;}
.btnShare1 div{width:40px; height:40px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.btnShare1 a img{ margin-top:4px;}
.btnShare1 .shareWx div{background-color:#c5c5c6}
.btnShare1 .shareWb div{background-color:#c5c5c6}
.btnShare1 .shareQz div{background-color:#c5c5c6}
.btnShare1 .shareQq div{background-color:#c5c5c6}
.btnShare1 .shareWx:hover div{background-color:#6ac334}
.btnShare1 .shareWb:hover div{background-color:#c8161d}
.btnShare1 .shareQz:hover div{background-color:#f1a718}
.btnShare1 .shareQq:hover div{background-color:#27a0f5}

.btnShare1Fixed{}

.boxEwm{ position:fixed; width:222px; height:248px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(../images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none; box-sizing:content-box}
.boxEwm a{display:block;height:26px; width:100%;}
.boxEwm img{ width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}
/*------------share------------*/



.tvList{ width:100%; overflow:hidden; margin-top:-30px;}
.tvList a{display:inline-block; width:calc((100% - 60px)/3); margin:30px 30px 0 0; position:relative}
.tvList a:nth-child(3n+3){margin-right:0}
.tvList h1{ position:absolute; top:20px; left:20px; z-index:2; background:url(../images/logoTv.png) no-repeat; width:87px; height:24px;}
.tvList a div{ width:100%; height:240px;/* height:calc((100% - 60px)/3*2);*/ position:relative; overflow:hidden; background:#000}
.tvList a div i{ width:100%; height:100%; background:url(../images/icoVideo.png) no-repeat center center/40px 40px; position:absolute; top:0; left:0; display:block; z-index:2;}
.tvList a div img{width:100%; height:100%; transition:transform 1s}
.tvList a span{display:block; height:70px; padding:0 20px; border:2px solid #e6e6e6; border-top:none}
.tvList a span i{height:68px; width:1px; display:inline-block; vertical-align:middle}
.tvList a span font{ width:calc(100% - 1px);display:inline-block; vertical-align:middle;line-height:22px; font-size:15px;}
.tvList a:hover div img{ transform:scale(1.2); opacity:0.7}
.tvList a:hover div i{display:block}
.tvList a:hover{ background:#c8161d;color:#fff}


/*----------------------------news----------------------------*/


/*----------------------------inv----------------------------*/
.textList{ margin:-25px 0 0 0}
.textList a{ display:block; padding:25px 10px; border-bottom:1px dotted #b2b2b2;}
.textList a i{display:inline-block; width:120px; height:40px; line-height:40px; font-size:20px; background:#d8d8da; color:#c8161d; font-family:'DINCond-Bold'; text-align:center; vertical-align:middle}
.textList a span{ display:inline-block; width:810px; padding:0 30px 0 20px; font-size:17px; line-height:28px; vertical-align:middle; background:url(../images/icoJt7.png) no-repeat right center; text-align:justify}
.textList a:hover span{background:url(../images/icoJt7Hover.png) no-repeat right center}


.navTab{}
.navTab a{ width:50%; border-bottom:2px solid #ccc; font-size:24px; line-height:26px; padding:0 0 25px 0; display:inline-block; text-align:center}
.navTab .on{border-bottom:2px solid #c8161d!important; font-weight:bold; color:#c8161d}

.dsList{ padding:20px 0 0 0}
.dsList li{ background:#f4f4f4; margin-bottom:20px; padding:40px;}
.dsList li h1{ display:inline-block; width:180px; vertical-align:top; font-size:26px; line-height:40px; background:url(../images/icoJtDate1Hover.png) no-repeat right center;}
.dsList li div{ display:inline-block; width:1000px; vertical-align:top; padding:0 0 0 40px; font-size:15px; line-height:26px;}


.icoMail{ padding:20px 0; background:#c8161d; text-align:center}
.icoMail i{ display:inline-block; width:60px; height:60px; background:#fff url(../images/icoMail.png) no-repeat center center/30px 24px; border-radius:50%; vertical-align:middle}
.icoMail span{display:inline-block; font-size:15px; line-height:26px; font-weight:bold; color:#fff; margin:0 0 0 20px; vertical-align:middle}

.contactIcoInv{ padding:10px 0 50px 0; }
.contactIcoInv li{display:inline-block; margin:0 70px 0 10px; font-size:15px; line-height:26px;}
.contactIcoInv li img{display:inline-block; vertical-align:middle;}
.contactIcoInv li i{display:inline-block;vertical-align:middle;}

.btnLinkA{ display:inline-block; width:280px; height:50px; padding:0 30px 0 0; border:2px solid #e6e6e6; line-height:46px; font-size:15px; text-align:center; position:relative; border-radius:25px; margin:0 0 0 100px;}
.btnLinkA h1{ width:31px; height:18px; background:url(../images/icoJt5Hover.png) no-repeat; position:absolute; top:50%; margin:-9px 0 0 0; right:50px; transition:all .3s}
.btnLinkA:hover{border:2px solid #c8161d;}
.btnLinkA:hover h1{right:30px;}

.contactMapInv{ width:100%; height:400px;}

/*----------------------------inv----------------------------*/

/*----------------------------contact----------------------------*/
.boxContactJt{}
.contactIco{padding:40px 0}
.contactIco li{display:inline-block;width:26%;font-size:15px; line-height:26px;}
.contactIco li:first-child{ width:44%;}
.contactIco li:last-child{ margin-right:0;width:20%;}
.contactIco li img{display:inline-block; vertical-align:middle;}
.contactIco li i{display:inline-block;vertical-align:middle;}


.boxContactJt1{ display:none}

.contactMap{width:100%; height:400px; border:10px solid #fff;}

.imgMap{border:1px solid #ccc; padding:10px; width:100%; height:400px; cursor:pointer}
.imgMap .bj{width:100%; height:100%; background:url(../images/mapBj.jpg?v=1.0) no-repeat center}
.imgMap .fz{width:100%; height:100%; background:url(../images/mapFz.jpg) no-repeat center}

.contactList{}
.contactList li{width:50%; border-bottom:2px solid #ccc; display:inline-block; padding:45px 0;  vertical-align:top}
.contactList li h1{ font-size:24px; line-height:24px; padding:0 0 0 5px}
.contactList li span{ display:block; padding:15px 0 0 0}
.contactList li span p{ font-size:15px;line-height:22px; padding:4px 0 0 35px; background:url(../images/icoContactList1.png) no-repeat left center; display:block}
.contactList li span p:nth-child(2){background:url(../images/icoContactList2.png) no-repeat left center;}
.contactList li span p:nth-child(3){background:url(../images/icoContactList3.png) no-repeat left center;}
.contactList li span p:nth-child(4){background:url(../images/icoContactList4.png) no-repeat left center;}
.contactList li:nth-last-child(2){border-bottom:none;padding-bottom:0}
.contactList li:last-child{border-bottom:none;padding-bottom:0}
/*----------------------------contact----------------------------*/


.navTitle1{}
.navTitle1 h1{ margin-bottom:10px; position:relative}
.navTitle1 h1 i{width:100%; height:1px; position:absolute; top:50%; left:0;}
.navTitle1 h1 font{font-size:36px;line-height:36px;display:inline-block; background:#fff; padding-right:30px; position:relative; z-index:2}
.navTitle1 h2{ font-size:46px; line-height:46px; opacity:0.15; text-transform:uppercase}


.gray i{background:#c8161d}
.red{color:#c8161d}
.red i{background:#c8161d}
.blue{color:#0736a2}
.blue i{background:#0736a2}
.green{color:#00736a}
.green i{background:#00736a}
.yellow{color:#c99f63}
.yellow i{background:#c99f63}


.dcMap{width:100%; max-width:1260px; height:640px; margin:0 auto; position:relative; overflow:hidden}
.dcMapL{width:390px; padding:80px 0 0 0}
.dcMapText{ padding:100px 0 0 0}
.dcMapText p{ font-size:15px; line-height:26px; text-align:justify; margin-bottom:10px;}

.dcMapR{position:absolute; right:75px; top:24px; width:704px; height:616px; background:url(../images/imgMap.png) no-repeat top;}

.bgGray{ background:#f2f2f2; width:100%; overflow:hidden}

.navTitle2{ width:100%; max-width:1260px;text-align:center; background:url(../images/bgLine.png) center repeat-x; margin:60px auto 40px auto; display:block}
.navTitle2 span{ display:inline-block; background:#f2f2f2}
.navTitle2 h1{background:url(../images/bgTitle2.png) no-repeat left center}
.navTitle2 i{ font-size:36px; line-height:36px; display:inline-block; padding:0 30px;background:url(../images/bgTitle2.png) no-repeat right center}
.white span{ background:#fff!important}

.dcXl{ margin:0 0 60px 0!important}
.dcXl .swiper-slide{ height:380px!important;}
.dcXl .bg1{background:url(../images/imgXl1_1.jpg) no-repeat center/cover!important;}
.dcXl .bg2{background:url(../images/imgXl2_1.jpg) no-repeat -130px center/cover!important}
.dcXl .bg3{background:url(../images/imgXl3_1.jpg) no-repeat center/cover!important}
.dcXl .bg4{background:url(../images/imgXl4_1.jpg) no-repeat -390px center/cover!important}
.dcXl .bg5{background:url(../images/imgXl5_1.jpg) no-repeat center/cover!important}
.dcXl .bg6{background:url(../images/imgXl6_1.jpg) no-repeat -360px center/cover!important}



.proSearch{position:relative; padding:0 0 30px 0; }
.searchClass{}
.searchClass li{position:relative; font-size:0; padding:0 0 10px 50px;line-height:28px; }
.searchClass i{position:absolute; left:0; top:0; font-size:14px;font-weight:bold}
.searchClass a{font-size:14px; display:inline-block; padding:0 12px; margin:0 2px;border-radius:3px;}
.searchClass a:hover{color:#c8161d}
.searchClass .on{background:#c8161d;color:#fff}
.searchClass .on:hover{color:#fff}

.proSearch1{position:absolute; bottom:45px; right:0; width:390px; border-bottom:1px solid #c2c2c2}
.inputPro{ width:calc(100% - 40px); height:40px; line-height:40px; overflow:hidden; border:none; background:none; font-size:14px; text-indent:5px}
.submitPro{ width:40px; height:40px; background:url(../images/icoSearchPro.png) center no-repeat; border:none;}


.proList{ width:100%; margin:0 0 -30px 0}
.proList a{display:inline-block; width:calc((100% - 70px)/3); height:370px; vertical-align:top; margin:0 30px 0 0;}
.proList a:nth-child(3n+3){margin-right:0}
.proList a div{width:100%; height:253px; overflow:hidden}
.proList a div img{ width:100%; height:100%;transition:transform 1s;}
.proList a h1{ font-size:18px;line-height:100%;font-weight:bold; padding:20px 0 10px 0;}
.proList a h2{ font-size:13px; line-height:22px; color:#666; font-weight:normal}
.proList a:hover div img{transform:scale(1.2);}


/*--------------------------------项目展示--------------------------------*/


.proEwm{ position:fixed; right:0; bottom:100px;}

.proCur{ width:1240px; margin:80px auto 0 auto;}
.proCur a{display:inline-block; background:url(../images/icoCurJt1.png) center left no-repeat; padding-left:15px; margin-right:10px; vertical-align:middle; font-size:15px;  color:#444;line-height:70px; height:70px;}
.proCur a:first-of-type{background:url(../images/icoCurHome.png) center left no-repeat; padding-left:28px;}
.proCur a:last-of-type{ font-weight:bold;}

.proShow{width:100%; max-width:1260px; margin:0 auto; background:#fff}

.proBanner{width:100%;height:515px;overflow:hidden; position:relative;z-index:1}
.proBanner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important;}
.proBanner .swiper-slide img{ width:100%;}
.proBanner .swiper-pagination{bottom:30px!important; left:-10px; text-align:right;z-index:1;}
.proBanner .swiper-pagination-bullet{width:8px; height:8px; background:#fff; opacity:1.0; box-sizing:border-box; border-radius:4px;}
.proBanner .swiper-pagination-bullet-active{width:20px; background:#c8161d;}


.proInfo{margin:-80px auto 0 auto; width:100%; max-width:1260px; position:relative;z-index:2; text-align:center}
.proInfo span{ width:160px; height:160px; padding:11px;background:url(../images/bgProLogo.png) no-repeat center center/cover;display:block; margin:0 auto;}
.proInfo span img{ width:100%; height:100%; border-radius:50%}
.proInfo h1{ background:url(../images/bgLine.png) repeat-x center; display:inline-block; width:100%; max-width:800px; margin:10px auto 20px 0}
.proInfo h1 i{font-size:30px; line-height:30px; font-weight:bold; padding:0 20px; background:#fff}
.proInfo h2{}
.proInfo h2 i{ display:inline-block; font-size:14px; line-height:26px;padding:0 0 0 15px; text-align:left}
.proInfo h2 i:first-child{ padding:0 20px 0 0;  background:url(../images/bgLine1.jpg) no-repeat right center; background-size:6px 11px; text-align:right}


.proShow1{ width:100%;padding:0 100px; overflow:hidden}


.proNavTab{ border-bottom:1px solid #ccc; height:36px; margin:30px 0 20px 0}
.proNavTab a{display:inline-block; width:140px; line-height:36px; font-size:17px; text-align:center;}
.proNavTab .on{background:#c7161e; color:#fff; font-weight:bold}
.conTab{display:none}

.proNav{border-bottom:1px solid #ccc; height:36px; margin:30px 0 20px 0}
.proNav i{display:inline-block;width:140px; line-height:36px; font-size:17px; text-align:center;background:#c7161e; color:#fff; font-weight:bold}
.proCon{font-size:15px; line-height:26px; text-align:justify}

.proImgList1{position:relative; padding:0 0 40px 0;  width:100%; overflow:hidden;}
.proImgList{width:100%; height:260px; overflow:hidden;}
.proImgList img{width:auto; height:260px}
.proImgList .swiper-slide{width:auto; z-index:1}
.proImgList .swiper-pagination{bottom:0!important;z-index:1}
.proImgList .swiper-pagination-bullet{width:8px; height:8px; background:#ccc; opacity:1.0; box-sizing:border-box; border-radius:4px;}
.proImgList .swiper-pagination-bullet-active{width:20px; background:#c8161d;}
.proImgList .swiper-button-prev{left:10px; margin-top:-40px; opacity:0.5;pointer-events:auto!important}
.proImgList .swiper-button-next{right:10px;margin-top:-40px;opacity:0.5;pointer-events:auto!important}



.proMap{ margin-bottom:50px; height:400px; width:100%;}

/*--------------------------------项目展示--------------------------------*/


/*--------------------------------hotel--------------------------------*/
/*.hotelCon{ width:100%; max-width:1260px; margin:0 auto}
.hotelCon p{ font-size:15px; line-height:26px}*/


.hotelNews{ width:100%; overflow:hidden}
.hotelNews a{ display:block; background:#fff; margin-bottom:20px;}
.hotelNews a div{ display:inline-block; width:210px; height:140px;vertical-align:middle}
.hotelNews a div img{width:100%; height:100%}
.hotelNews a span{ display:inline-block; width:1050px; padding:0 35px 0 35px; position:relative; vertical-align:middle}
.hotelNews a h1{ position:absolute; right:35px; top:3px; font-size:22px; line-height:22px; color:#999; font-family:'DINCond-Bold'}
.hotelNews a h2{ font-size:21px; font-weight:bold; line-height:30px; margin:0 0 10px 0}
.hotelNews a h3{ font-size:14px; line-height:22px; color:#999}

.btnMore{text-align:center; margin:30px 0 60px 0;}
.btnMore a{display:inline-block; line-height:60px; width:180px; padding:0 40px 0 0; background:#0236a4; color:#fff; font-size:15px; font-weight:bold; position:relative}
.btnMore a i{ display:inline-block; position:absolute; top:50%; margin:-9px 0 0 0; right:40px; width:31px; height:18px; background:url(../images/icoJt5.png) no-repeat; transition:all .3s}
.btnMore a:hover i{ right:30px}


.hotelProList{width:100%;overflow:hidden; position:relative; padding-bottom:90px;}
.hotelProList .swiper-slide{ position:relative; overflow:hidden; display:inline-block; width:60%; height:32.4vw; max-width:1000px; max-height:540px;background:#000}
.hotelProList .swiper-slide div{position:absolute; bottom:15px; left:0; width:100%; height:130px; background:url(../images/bgBlackHotel.png) center repeat-x; color:#fff;display:none; overflow:hidden}
.hotelProList .swiper-slide div h1{width:130px; height:130px; border:8px solid rgba(255,255,255,.3); border-radius:50%; display:inline-block; vertical-align:middle; margin:0 20px 0 30px}
.hotelProList .swiper-slide div h1 img{width:100%; height:100%; background:#fff;border-radius:50%;}
.hotelProList .swiper-slide div h2{font-size:21px; line-height:21px; font-weight:bold;display:inline-block; vertical-align:middle; margin:0 10px 0 0 }
.hotelProList .swiper-slide div h3{ width:90px; height:26px;font-size:12px; line-height:24px; border:1px solid #fff; opacity:0.5; text-align:center; border-radius:4px;display:inline-block; vertical-align:middle}
.hotelProList .swiper-slide div h4{ display:inline-block; float:right; width:140px; margin:30px 0 0 0; line-height:70px; background:url(../images/icoJt5.png) no-repeat 70px center; font-size:15px; font-weight:bold; color:#fff; transition:all .3s; }
.hotelProList .swiper-slide div h4:hover{background:url(../images/icoJt5.png) no-repeat 80px center;color:#fff}

.hotelProList .swiper-slide span{width:100%; height:100%; display:block; background-size:cover!important; opacity:0.5}
.hotelProList .swiper-slide-active div{display:block;}
.hotelProList .swiper-slide-active span{opacity:1.0}

.hotelProList .swiper-pagination{bottom:41px!important;z-index:1; text-align:center;}
.hotelProList .swiper-pagination-bullet{width:8px; height:8px; background:#ccc; opacity:1.0; box-sizing:border-box; border-radius:4px;}
.hotelProList .swiper-pagination-bullet-active{width:20px; background:#c8161d;}
.hotelProList .swiper-button-prev{left:calc((100% - 1000px)/4 - 20px); margin:-105px 0 0 0;width:40px; height:120px; background-size:100% 100%}
.hotelProList .swiper-button-next{right:calc((100% - 1000px)/4 - 20px);margin:-105px 0 0 0;width:40px; height:120px; background-size:100% 100%}


.hotelContct{ padding:40px 0;}
.hotelContct li{display:inline-block; width:33.3%; height:270px; border-right:1px solid #ccc; vertical-align:top; padding:0 40px;}
.hotelContct li:first-child{padding:0 40px 0 0;}
.hotelContct li:last-child{border:none}

.hotelContct li h1{ font-size:17px;line-height:17px;font-weight:bold; }
.hotelContct li h2{ width:34px; height:2px; background:#0236a4; margin:15px 0;}
.hotelContct li span{ font-size:15px; line-height:26px;}
.hotelContct li span p{ padding-bottom:10px;}

.hotelTips{font-size:15px; line-height:26px; font-weight:bold; color:#0236a4; margin:0 0 50px 0} 

/*--------------------------------hotel--------------------------------*/


/*--------------------------------sy--------------------------------*/

.syCon{ text-align:center; padding:60px 0}
.navSy{}
.navSy h1{ font-size:36px; line-height:36px;}
.navSy h2{ display:block; max-width:600px; width:100%; border:1px solid #ccc; color:#b6b6b6; text-transform:uppercase; letter-spacing:10px; padding-left:20px; line-height:36px; font-size:20px; margin:15px auto 30px auto}
.syCon i{ display:block;height:33px; background:url(../images/icoJt8.png) no-repeat center center/auto 100%; margin:30px 0 0 0}

.syProList{ padding:0 0 50px 0}
.syProList li{ width:100%;background:#666; margin-bottom:10px; color:#fff; overflow:hidden; text-align:justify}
.syProList li div{display:inline-block; width:360px; height:240px; vertical-align:middle}
.syProList li div img{width:100%; height:100%}
.syProList li span{display:inline-block; width:900px; padding:0 30px;vertical-align:middle; position:relative}
.syProList li h1{ line-height:22px;}
.syProList li h1 strong{font-size:22px; font-weight:bold; display:inline-block; min-width:210px;}
.syProList li h1 i{ font-size:18px;display:inline-block; background:url(../images/bgLine2.png) no-repeat left center; padding:0 0 0 20px;}
.syProList li h2{ width:44px; background:#fff; height:2px; margin:15px 0 15px 0}
.syProList li h3{ font-size:15px; line-height:22px;}
.syProList li h4{  width:100%;margin:10px 0 0 0}
.syProList li h4 i{ display:inline-block; padding-right:25px;font-size:15px; line-height:22px; opacity:0.5}
.syProList li h5{ background:url(../images/icoClock.png) no-repeat left center; padding:0 0 0 25px; font-size:14px; font-weight:bold; line-height:22px; position:absolute; right:30px; top:0;}



/*--------------------------------sy--------------------------------*/


/*--------------------------------service--------------------------------*/
.serviceCon{ width:100%; padding:80px 0;background:url(../images/bgService.png) left repeat-y;}
.serviceCon img{ display:inline-block; width:510px;}
.serviceConR {display:inline-block; width:750px; padding:40px 0 0 80px; vertical-align:middle;text-align:left; float:right} 
.serviceConText{text-align:justify; padding:30px 0 0 0}
.serviceConText p{ font-size:15px; line-height:26px; margin-top:10px;}

.serviceTs{ width:100%; max-width:1260px; margin:0 auto; padding:60px 0}
.navTs{ font-size:36px; line-height:36px; margin:0 0 25px 0}

.serviceTsList{position:relative; padding:0 0 80px 0;width:100%; overflow:hidden; margin:30px 0 0 0;}
.serviceTsList .swiper-slide{width:700px; height:540px; position:relative;}
.serviceTsList .swiper-slide h2{background:#000;margin:-16px 0 0 0;}
.serviceTsList .swiper-slide img{ width:100%;opacity:0.7}
.serviceTsList .swiper-slide div{width:100%; height:120px; border-bottom:1px solid #ccc; font-size:14px; line-height:24px; display:block; opacity:0}
.serviceTsList .swiper-slide div i{ height:100%; width:1px; display:inline-block; vertical-align:middle}
.serviceTsList .swiper-slide div span{width:99%; display:inline-block; vertical-align:middle}
.serviceTsList .swiper-slide div span h1{ font-weight:bold; font-size:19px; color:#c8161d; line-height:19px; margin:0 0 10px 0; display:block;}
.serviceTsList .swiper-slide-active h2{margin:0;}
.serviceTsList .swiper-slide-active img{ opacity:1}
.serviceTsList .swiper-slide-active div{opacity:1.0}

.serviceTsList .swiper-pagination{bottom:16px!important;z-index:1}
.serviceTsList .swiper-pagination-bullet{width:8px; height:8px; background:#ccc; opacity:1.0; box-sizing:border-box; border-radius:4px;}
.serviceTsList .swiper-pagination-bullet-active{width:20px; background:#c8161d;}

.serviceTsList .swiper-button-prev{left:120px; top:auto;bottom:0;margin:0;width:18px; height:41px; background:url(../images/jtLeft.png) no-repeat center/cover; opacity:1;z-index:99;}
.serviceTsList .swiper-button-prev:hover{background:url(../images/jtLeftHover.png) no-repeat center/cover;opacity:1.0}
.serviceTsList .swiper-button-next{right:120px;top:auto;bottom:0; margin:0;width:18px; height:41px; background:url(../images/jtRight.png) no-repeat center/cover; opacity:1;z-index:99}
.serviceTsList .swiper-button-next:hover{background:url(../images/jtRightHover.png) no-repeat center/cover;opacity:1.0}

/*--------------------------------service--------------------------------*/


/*--------------------------------layout--------------------------------*/

.dybjList{}
.dybjList li{background:#f2f2f2; padding:80px 0;}
.dybjList li:nth-child(odd){ background:url(../images/bgService.png) right repeat-y}


.dybjBox{width:1260px; margin:0 auto; overflow:hidden}
.dybjBoxL{float:left; width:750px; height:430px; padding:0 70px 0 0;}
.dybjBoxR{float:left; width:510px;}
.dybjBoxR img{width:100%;}
.dybjBoxL1{height:100%; width:1px; display:inline-block; vertical-align:middle}
.dybjBoxL2{width:99.5%; display:inline-block;vertical-align:middle}
.dybjText{ font-size:15px; line-height:26px; padding:40px 0 40px 70px;}

.dybjList li:nth-child(even) .dybjBoxL{ float:right;padding:0 0 0 70px;}
.dybjList li:nth-child(even) .dybjText{ padding:40px 70px 40px 0;}

.dybjList .btnLink{ text-align:left!important}
/*--------------------------------layout--------------------------------*/

/*--------------------------------search--------------------------------*/
.bgBox{ background:#f4f4f4; width:100%; overflow:hidden}
.marginTop{ margin-top:80px;}
.searchNav{ font-size:16px; color:#666; padding:40px 0 20px 0; border-bottom:1px solid #aaa}
.searchNav i{ font-size:40px; line-height:40px; font-family:'DINCond-Bold'; color:#c8161d; margin:0 5px}
.searchList{}
.searchList a{ display:block; line-height:26px; padding:28px 25px 28px 30px; font-size:16px; background:url(../images/bgLi1.png) 15px 40px no-repeat;}
.searchList a i{float:right; color:#888}
.searchList a:nth-child(even){ background:url(../images/bgLi1.png) 15px 40px no-repeat;background-color:rgba(0,0,0,0.05);}
/*--------------------------------search--------------------------------*/


/*--------------------------------thzl--------------------------------*/

.boxThzl{ width:100%;background:url(../images/bgLine.png) no-repeat 0 150px/100% 2px; margin-bottom:60px;}
.boxThzl ul{ display:block; width:1260px; margin:0 auto;background:url(../images/bgLineThzl.jpg) no-repeat bottom left}
.boxThzl ul li{ width:160px; height:600px; display:inline-block; text-align:center; vertical-align:top; background:url(../images/bgLineThzl.jpg) no-repeat bottom right; position:relative; padding:200px 0 0 0; transition:width .3s }
.boxThzl ul li h1{ font-size:26px; line-height:26px; font-family:'DINCond-Bold'; position:absolute; top:85px; width:100%;}
.boxThzl ul li h2{ width:20px; height:20px; border:4px solid #c8161d; border-radius:50%;  background:#fff; position:absolute; top:140px; left:50%; margin:0 0 0 -10px;transition:all 1s ease}
.boxThzl ul li h2 img{width:100%; height:100%;display:none; }
.boxThzl ul li h3{ width:100%; padding:50px 69px 0 69px;font-size:21px; font-weight:bold; line-height:30px;}
.boxThzl ul li h4{ width:40px; height:2px; background:#c8161d; display:block; margin:20px auto; opacity:0}
.boxThzl ul li span{ width:100%;display:block; opacity:0; text-align:left; padding:0 40px}
.boxThzl ul li span i{ display:block; position:relative; padding:0 0 0 60px; font-size:15px; line-height:24px;}
.boxThzl ul li span i strong{ position:absolute; left:0; top:0}


.boxThzl ul li:last-child h3{padding-top:40px;}

.boxThzl .on{ width:620px;}
.boxThzl .on h1{ top:330px; color:#c8161d}
.boxThzl .on h2{ width:300px; height:300px; border:2px solid #ccc;top:0; margin:0 0 0 -150px;}
.boxThzl .on h2 img{ border:4px solid #fff; border-radius:50%; display:block}
.boxThzl .on h3{ width:100%; padding:0!important;margin-top:165px;font-size:21px; font-weight:bold; line-height:30px; }
.boxThzl .on h4{ opacity:1}
.boxThzl .on span{ opacity:1}



/*--------------------------------thzl--------------------------------*/


.magList{ width:100%; margin:60px 0 -30px 0; overflow:hidden}
.magList a{width:245px;height:340px;border:2px solid #d9d9d9; position:relative; overflow:hidden; background:#c7161e; display:inline-block; margin:0 35px 50px 35px;}
.magList a img{width:241px; height:336px;}
.magList a i{position:absolute; left:0; top:80%; margin-top:-13px; width:100%; display:block; line-height:26px; font-size:15px; color:#fff; text-align:center; opacity:0; transition:all 0.3s}
.magList a:hover img{ opacity:0.2}
.magList a:hover i{opacity:1; top:50%;}

.xlNav{background:rgba(0,0,0,0.5); display:none;  position:relative; z-index:1}
.xlNav a{ display:inline-block; font-size:12px; line-height:46px; width:16.6%; text-align:center; color:#fff}
.xlNav .on{ background:#c8161d}
.xlText{ padding:0 100px 50px 100px; font-size:15px; line-height:26px;}



.indPc{}
.indM{display:none}