@import "dincond-bold.css";
html {font-size:100px;font-family:Arial,Source Han Sans CN,Helvetica;}
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;min-width:1260px;line-height:1.5;}


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}
b{font-weight:bold; }

.footwordcon{ position: absolute; top: -878px; left: -967px; display: none;  }
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;}

.toTop{ position:fixed;bottom:10px; right:10px; display:block; width:42px; height:42px; border-radius:100%; background:url(../images/totop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/totophover.png) no-repeat;background-size:100% 100%;opacity:1.0}


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

		.picMarquee{ width:1260px;  overflow:hidden; position:relative;   margin:30px auto;  }
 
		.picMarquee  ul{ overflow:hidden; zoom:1; }
		.picMarquee  ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;  }
 		.picMarquee  ul li  img{ width:120px; height:85px; display:block; padding:2px;  }

.npage { width:60%!important; margin-left:auto; margin-right:auto;}
.npage .ml{ float:right;}
.npage .mr{ float:left; }
.wordtop b{font-size: .28rem!important;}

@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{  }
.boxNav li span i{height:100%; background:#c8161d;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{ color:#fff;}
.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}




.iform{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); text-align:center; z-index:1002; display:none}
.iform span{display:inline-block;  overflow:hidden; position:absolute; top:20%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.iform 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;}
.iform a:hover{ transform:rotateZ(180deg);}
 

#signup-modal,#login-modal,#forgetform,.modal{display:none;width:300px;padding:0 40px 20px;background:white;border:5px solid rgba(0,0,0,0.2);margin-left:-190px;border-radius:10px;overflow:hidden;margin-bottom:40px;box-shadow:0 1px 0 white inset;margin-top:-267px;}
#signup-modal a:hover,#login-modal a:hover,#forgetform a:hover,.modal a:hover{text-decoration:none}
.modal h1,#forgetform h1,#signup-modal h1,#login-modal h1{margin:0 -40px;background:#EEE;border-bottom:1px solid #CCC;border-top:1px solid #CCC;font-size:16px;padding:13px 40px;border-top-left-radius:6px;border-top-right-radius:6px;text-align:center;margin-bottom:30px}
.modal .close,#signup-modal .close,#login-modal .close,#forgetform .close{position:absolute;top:0;right:0;padding:12px 18px 16px 18px;height:16px;overflow:hidden;opacity:.8;border-left:1px solid #BBB}
.forgot-btn,.login-btn{display:inline-block;*display:inline;*zoom:1;margin-top:14px;color:#ffffff}



/*--------------------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) center no-repeat; background-size:cover}
.closeMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(../images/closemenu.png) 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:15px;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) right center no-repeat; background-size:20px 20px; z-index:2;}
.boxNavM li span .on{background:url(../images/iconavm1.png) 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:15px; 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:100vh;overflow:hidden;position:relative;margin:0 0 0 calc((100% - 100vw)/2);}
.banner .swiper-slide {width:100%;height:100%;position:relative;overflow:hidden;padding-top:3rem;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-bullet11 {width:9px;height:9px;background:#fff;opacity:1.0;border-radius:50%;box-sizing:border-box;}
.banner .swiper-pagination-bullet-active {opacity:1!important;}
 

.banner .swiper-pagination-bullet {box-sizing:content-box;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;-webkit-transition:opacity .6s ease;transition:opacity .6s ease;border-radius:5px;}
.banner .swiper-slide .text {width:1440px;margin:0 auto;color:#fff;z-index:1005;font-size:1rem;font-weight:400;line-height:1.5;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}
.banner .swiper-slide .text .textitle {font-size:.6rem;margin-bottom:.58rem;}
.banner .swiper-slide .text .textitle b {font-weight:bold;}



.topdemo {width:100vw;height:100vh;overflow:hidden;position:relative;margin:0 0 0 calc((100% - 100vw)/2);}
.topdemo .swiper-slide {width:100%;height:100%;position:relative;overflow:hidden;padding-top:3rem;background-size:cover!important}
.topdemo .swiper-slide img {width:100%;}
.topdemo .swiper-pagination {bottom:20px!important;z-index:1;text-align:center;}
.topdemo .swiper-pagination-bullet11 {width:9px;height:9px;background:#fff;opacity:1.0;border-radius:50%;box-sizing:border-box;}
.topdemo .swiper-pagination-bullet-active {opacity:1!important;}
.topdemo .swiper-pagination-bullet {box-sizing:content-box;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;-webkit-transition:opacity .6s ease;transition:opacity .6s ease;border-radius:5px;}
.topdemo .swiper-slide .text {position:relative;width:1440px;margin:0 auto;color:#fff;z-index:20;font-size:1rem;font-weight:400;line-height:1.5;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}
.topdemo .swiper-slide .text .textitle {font-size:.6rem;margin-bottom:.58rem;}
.topdemo .swiper-slide .text .textitle b {font-weight:bold;}
.topdemo .swiper-slide .text .textimg {width:1.8rem;height:.46rem;margin-top:1.5rem;}
.topdemo .swiper-slide .blackcover {position:absolute;width:100%;height:100%;top:0;background-color:rgba(49,50,51,.5);}





.diyoushi {width:1920px; height:720px; overflow:hidden;position:relative;margin:0 0 0 calc((100% - 100vw)/2);}
.diyoushi .swiper-slide {width:1920px;height:720px;position:relative;overflow:hidden;padding-top:2rem;background-size:cover!important}
.diyoushi .swiper-slide img {width:1920px;}
.diyoushi .swiper-pagination {bottom:20px!important;z-index:1;text-align:center;}
.diyoushi .swiper-pagination-bullet11 {width:9px;height:9px;background:#fff;opacity:1.0;border-radius:50%;box-sizing:border-box;}
.diyoushi .swiper-pagination-bullet-active {opacity:1!important;}
.diyoushi .swiper-pagination-bullet {box-sizing:content-box;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;-webkit-transition:opacity .6s ease;transition:opacity .6s ease;border-radius:5px;}

.diyoushi .swiper-slide .text {position:relative;width:1440px;margin:0px auto;color:#fff;z-index:20;font-size:1rem;font-weight:400;line-height:1.5;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;


 }


.diyoushi .swiper-slide .text .textitle {
	 
    width: 3rem;
    font-weight: 600;
    font-size: .3rem;
    color: #fa4616;
    margin-bottom: .3rem;
	}
.diyoushi .swiper-slide .text .textinfo {
	
	font-size: .25rem;
    width: 6rem;
    text-indent: 2em;
    line-height: .6rem;
	color:#000;
}


.diyoushi .swiper-slide .text .textitle b {font-weight:bold;}
.diyoushi .swiper-slide .text .textimg {width:1.8rem;height:.46rem;margin-top:1.5rem;}
.diyoushi .swiper-slide .blackcover {position:absolute;width:100%;height:100%;top:0;background-color:rgba(49,50,51,.5);}

.diyoushi .swiper-button-prev{left:80px!important; background-image:url(/static/左-浅.png)!important; }
.diyoushi .swiper-button-prev:hover{opacity:1.0;background-image:url(/static/左-深.png)!important;}

.diyoushi .swiper-button-next{right:80px!important;opacity:0.8;background-image:url(/static/右-浅.png)!important;}
.diyoushi .swiper-button-next:hover{opacity:1.0;background-image:url(/static/右-深.png)!important;}


.diyoushi .ourtitle[data-v-fcfd4fca] {
    width: 3rem;
    font-weight: 600;
    font-size: .4rem;
    color: #fa4616;
    margin-bottom: .3rem;
}

 

.swiper-button-prev{left:80px!important;;opacity:0.8;}
.swiper-button-prev:hover{opacity:1.0}

.swiper-button-next{right:80px!important;;opacity:0.8;}
.swiper-button-next:hover{opacity:1.0}





.fadeInUp {
    -webkit-animation-name: fadeInUp-data-v-3d017154;
    animation-name: fadeInUp-data-v-3d017154;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
 




.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:15px!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:730px; position:relative; margin:0px 0px 0px 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:45px; height:45px;}
.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:600px; }
.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 595px 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:500px; height:300px; position:relative; margin:0px 30px 0px 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:50px; height:50px; 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.9; 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.9; 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/ad01.jpg) no-repeat center/cover}
.boxIndXl li:nth-child(2) h2{background:url(../images/ad02.jpg) no-repeat -130px center/cover}
.boxIndXl li:nth-child(3) h2{background:url(../images/ad03.jpg) no-repeat center/cover}
.boxIndXl li:nth-child(4) h2{background:url(../images/ad04.jpg) no-repeat -390px 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:1680px; margin:40px auto;position:relative; overflow:hidden; padding:0px 210px; background-color:#e0e2e4;}

.indXlList .swiper-slide{ width:228px; height:164px;display:inline-block;margin-right:0px; 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/ad01.jpg) no-repeat 0px center/cover}
.indXlList .bg2{background:url(../images/ad02.jpg) no-repeat 0px center/cover}
.indXlList .bg3{background:url(../images/ad03.jpg) no-repeat 0px center/cover}
.indXlList .bg4{background:url(../images/ad04.jpg) no-repeat 0px center/cover}
 

.indXlList .qc1{background:url(../images/bh.jpg) no-repeat 0px center/cover}
.indXlList .qc2{background:url(../images/df.jpg) no-repeat 0px center/cover}
.indXlList .qc3{background:url(../images/nj.jpg) no-repeat 0px center/cover}
.indXlList .qc4{background:url(../images/yc.jpg) no-repeat 0px 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:1}

.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------------------------*/


/*------------------------indXlList------------------------*/
.QccList{width:100%; max-width:1680px; margin:40px auto;position:relative; overflow:hidden;  }

.QccList .swiper-slide{ width:172px; height:164px;display:inline-block;margin-right:0px; position:relative; vertical-align:top;background:#000;transition:width .3s; }
.QccList .swiper-slide:last-child{ margin:0}

.QccList .swiper-slide img{ width:44px;position:absolute; left:50%; top:25px; margin:0 0 0 -22px; z-index:2}
.QccList .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}
.QccList .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;}
.QccList .swiper-slide span i{height:78px; width:1px;display:inline-block; vertical-align:middle}
.QccList .swiper-slide span p{ width:429px;display:inline-block; vertical-align:middle;font-size:14px; line-height:22px; color:#fff; }
.QccList .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;}
.QccList .swiper-slide h2{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;transition:width .3s;transition:opacity .1s; }
 
 
 
 
 
.QccList .onDiv{width:570px;}
.QccList .onDiv img{ left:62px!important;}
.QccList .onDiv div{display:block}
.QccList .onDiv span{opacity:1.0;}
.QccList .onDiv h1{right:40px; opacity:0.7;}
.QccList .onDiv h2{background-position:center center!important;}

.QccList .swiper-slide:hover h2{ opacity:1}

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



.subBanner{ width:100%; height:280px; max-height:360px;background-size:cover!important;  position:relative; margin-top:0px;}
.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: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;}

.pWeb p img { width:100%;}
.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}

.conHeadtitle{
    display: block;
   
    background-size: 100% 100%;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #a9a9a9;
    text-align: center;
    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:16.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;}
/*----------------------------about start ----------------------------*/

.tline { border-top:1px solid #eee;  }

.mt20 {   margin-top:20px}
.pt20 {   padding-top:20px}

.aboxLeft{ display:inline-block; width:920px; padding:0 20px 0 0;border-right: 1px solid #eee; vertical-align:top;}

.aboxRight{ display:inline-block; width:300px;   background:#fff;  padding:0 0 0 20px;   background:#fff; }

.aboxRight a { display:block; margin:10px auto;}

/*----------------------------about end ----------------------------*/


/*----------------------------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; margin:20px auto; /*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}


.showRighthr {display:inline-block; width:270px; margin:0 0 0 40px;vertical-align:top;   padding:0 20px;}
.showRighthr a{ display:block; line-height:26px; color:#999; padding:15px 0; border-bottom:1px solid #ddd ; text-align:center; 

 
    background: #c8161d;
    color: #fff;
    font-size: 18px;
	
}
 



.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) 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; min-height:500px;}

.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:410px; margin-top:50px;}
.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}

/******************************************预约看车        开始****************************************/

.reservation_war {
  width: 100%;
  background: #f2f2f2;
}

.reservation {
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
  overflow: hidden;
  background: #FFFFFF;
}

.reservation .reservation_serive {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.reservation_serive .active {
  background: #b91e23!important;
}
 .reservation .reservation_serive ul li {
    width: 25%;
    padding: 20px 0;
    text-align: center;
	float: left;
	 background: #f2f2f2;
}

.reservation .serive_column1 p {
  background: url(../images/serive_01.png) 50% 22% no-repeat;
}

.reservation .serive_column2 p {
  background: url(../images/serive_02.png) 50% 22% no-repeat;
}

.reservation .serive_column3 p {
  background: url(../images/serive_03.png) 50% 22% no-repeat;
}

.reservation .serive_column4 p {
  background: url(../images/serive_04.png) 50% 22% no-repeat;
}

.reservation .serive_column5 p {
  background: url(../images/serive_05.png) 50% 22% no-repeat;
}

.reservation .serive_column6 p {
  background: url(../images/serive_06.png) 50% 22% no-repeat;
}

.reservation .serive_column7 p {
  background: url(../images/serive_07.png) 50% 22% no-repeat;
}

.reservation .serive_column8 p {
  background: url(../images/serive_08.png) 50% 22% no-repeat;
}

.reservation .serive_column9 p {
  background: url(../images/serive_09.png) 50% 22% no-repeat;
}

.reservation .serive_column10 p {
  background: url(../images/serive_010.png) 50% 22% no-repeat;
}

.reservation .serive_column1.active p {
  background: url(../images/serive_1.png) 50% 22% no-repeat;
}

.reservation .serive_column2.active p {
  background: url(../images/serive_2.png) 50% 22% no-repeat;
}

.reservation .serive_column3.active p {
  background: url(../images/serive_3.png) 50% 22% no-repeat;
}

.reservation .serive_column4.active p {
  background: url(../images/serive_4.png) 50% 22% no-repeat;
}

.reservation .serive_column5.active p {
  background: url(../images/serive_5.png) 50% 22% no-repeat;
}

.reservation .serive_column6.active p {
  background: url(../images/serive_6.png) 50% 22% no-repeat;
}

.reservation .serive_column7.active p {
  background: url(../images/serive_7.png) 50% 22% no-repeat;
}

.reservation .serive_column8.active p {
  background: url(../images/serive_8.png) 50% 22% no-repeat;
}

.reservation .serive_column9.active p {
  background: url(../images/serive_9.png) 50% 22% no-repeat;
}

.reservation .serive_column10.active p {
  background: url(../images/serive_10.png) 50% 22% no-repeat;
}

.reservation .serive_column1:hover p {
  background: url(../images/serive_1.png) 50% 22% no-repeat;
}

.reservation .serive_column2:hover p {
  background: url(../images/serive_2.png) 50% 22% no-repeat;
}

.reservation .serive_column3:hover p {
  background: url(../images/serive_3.png) 50% 22% no-repeat;
}

.reservation .serive_column4:hover p {
  background: url(../images/serive_4.png) 50% 22% no-repeat;
}

.reservation .serive_column5:hover p {
  background: url(../images/serive_5.png) 50% 22% no-repeat;
}

.reservation .serive_column6:hover p {
  background: url(../images/serive_6.png) 50% 22% no-repeat;
}

.reservation .serive_column7:hover p {
  background: url(../images/serive_7.png) 50% 22% no-repeat;
}

.reservation .serive_column8:hover p {
  background: url(../images/serive_8.png) 50% 22% no-repeat;
}

.reservation .serive_column9:hover p {
  background: url(../images/serive_9.png) 50% 22% no-repeat;
}

.reservation .serive_column10:hover p {
  background: url(../images/serive_10.png) 50% 22% no-repeat;
}

.reservation .serive_column:hover
{
	  background: #b91e23;
	}
.reservation .serive_column:hover p
{
	  color:#fff;
	}

.reservation .serive_column p,
.reservation .serive_column.active p,
.reservation .serive_column:hover p {
  padding-top: 6rem;
  -webkit-background-size: 22%;
  background-size: 22%;
 
 
}



.reservation_serive .active p {
  color: #FFFFFF;
}

.reservation_form {
  width: 490px;
  margin: 60px auto;
}

.reservation_form .contact_name_box {
  margin: 30px auto;
}

.reservation .title {
  text-align: center;
  padding-left: 19%;
  font-weight: bold;
}

.reservation .title .line {
  display: block;
  background-color: #b91e23;
  width: 170px;
  height: 1px;
  margin: 12px auto 50px;
}

/******************************************预约看车        结束****************************************/

 .contact-items {   width:90%; margin:10px auto; padding-top:30px;}
 
 
 
 .contact-items p {display: block;
    line-height: 30px;
    
    padding: 15px 0;
    
    
   
    color: #bbb;
    font-size: 22px;
	 
	 }
 .contact-items .contact-items-l{ float:left; width:740px; }
 .contact-items .contact-items-r{ float:right;  width:390px; }
 
 
.publication ul{clear:both;}
.publication ul li{float:left;width:258px;height:394px;padding:1px;text-align:right;background:#fff;box-shadow:1px 1px 2px 1px #ccc;margin:30px 65px 30px 0;}
.publication ul li:nth-child(4n+4) {  margin-right: 0; }

.publication ul li .cul_img{width:258px;height:340px;}
.publication ul li a{display:inline-block;color:#666;width:45px;height:50px;line-height:50px;margin-right:25px; font-size:12px;}
.publication ul li a.read{background:url(../images/culture_img_014.png) left center no-repeat;}
.publication ul li a.read:hover{background:url(../images/culture_img_15.png) left center no-repeat;color:#ff7d01;}
.publication ul li a.download{background:url(../images/culture_img_20.png) left center no-repeat;}
.publication ul li a.download:hover{background:url(../images/culture_img_017.png) left center no-repeat;color:#ff7d01;}
.publication ul li a img{position:relative;top:2px;margin-right:5px;}
.culture_one{margin-bottom:20px;}