body{ margin:0; padding:0;font-size:0; line-height:0; width:100%; color:#222; font-family:/*'PingFang SC',*/'微软雅黑','Microsoft JhengHei','STHeiti','Gotham'; background:#fff;}
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:#222}
a:active,a:focus,a:hover{outline:none; color:#d70c19}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
.boxImg img{ width:100%}

@font-face {   
   font-family: 'fontAnt';   
   src: url('../css/font/Antoniobold/Antoniobold.eot');   
   src: url('../css/font/Antoniobold/Antoniobold.eot?#iefix') format('embedded-opentype'),         
		url('../css/font/Antoniobold/Antoniobold.woff') format('woff'),         
	    url('../css/font/Antoniobold/Antoniobold.ttf') format('truetype'),         
		url('../css/font/Antoniobold/Antoniobold.svg#NeuesBauenDemo') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}

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



.toTop{ position:fixed;bottom:10px; right:20px; 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}

.boxMax{width:100%;padding:0 40px; box-sizing:border-box;}
.boxMax1{width:100%;max-width:1220px; margin:0 auto;padding:0 10px; box-sizing:border-box}

.boxTop{ position:absolute; top:0; left:0;width:100%;height:80px; z-index:1000;}
.boxTop1{position:relative; height:80px;text-align:right;}
.logo{ position:absolute; left:40px; top:17px;height:47px; margin:0!important}




.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle}
.boxNav li{display:inline-block;position:relative;}
.boxNav li span a{display:block;padding:0 15px;font-size:17px;line-height:80px;color:#fff;}
.boxNav li span a:hover{color:#d70c19;}
.boxNav li span i{ height:6px; background:#d70c19; width:100%; position:absolute; top:0; left:0; display:none}
.boxNav li .on i{display:block}
.boxNav li div{ position:absolute; top:80px; left:0;width:200px; background:#d70c19; padding:10px 0; box-sizing:border-box;z-index:2; display:none;box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
.boxNav li div a{display:block; line-height:40px; font-size:16px; text-align:left; color:#fff; padding:0 15px;}
.boxNav li div a:hover{ background:#f21022}

.topWx{display:inline-block;height:80px; padding:0 0 0 10px;vertical-align:middle}
.topWx i{display:block; width:40px; height:40px; background:url(../images/icoWxTop.png) center no-repeat; border-radius:50%; margin:21px 0 0 0}
.topWx:hover i{background-color:#3cab2a}

.boxTopWx{ position:absolute; top:70px; right:0; display:none}



.bgTop{background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.1)}
.bgTop .boxNav li span a{color:#222!important;}
.bgTop .boxNav li span a:hover{color:#d70c19!important;}
.bgTop .topWx i{ background-color:#3cab2a}






/*--------------------mTop------------------------*/

.boxTopM{ width:100%; height:60px; position:fixed;top:0; left:0; background:#fff; display:none; z-index:100; box-shadow:0 0 3px rgba(0,0,0,0.2)}
.logoM{ position:absolute;left:15px; top:15px; height:30px;}


.openMenu{width:60px; height:60px; position:absolute; top:0; right:0;background:url(../images/openMenu.png) center no-repeat; background-size:cover}
.closeMenu{width:60px; height:60px; position:absolute; top:0; right:0;background:url(../images/closeMenu.png) center no-repeat; background-size:cover; background-color:#c30d23}


.navTopBlack{position:fixed; top:60px; left:0; width:100%;height:calc(100vh - 60px); overflow-y:auto; border-top:2px solid #c30d23;z-index:100;display:none}
.closeMenuBlack{ width:100%; height:100%;background:url(../images/bgBlack.png); position:absolute; top:0; left:0; z-index:1}


.navTopM{background:#fff; width:100%; overflow:hidden; position:relative; z-index:2}

.boxNavM{}
.boxNavM li{border-bottom:1px solid #dcdcdc;}
.boxNavM li span{display:block; position:relative}
.boxNavM li span a{display:block;font-size:17px;line-height:50px; text-indent:15px}
.boxNavM li span a:hover{}
.boxNavM li span i{ width:60px; height:50px; position:absolute; top:0; right:0; background:url(../images/icoNavM.png) center no-repeat; background-size:20px 20px; z-index:2}
.boxNavM li span .on{ background:url(../images/icoNavM1.png) center no-repeat!important;background-size:20px 20px!important;}
.boxNavM li div{background:#c9c9ca; display:none}
.boxNavM li div a{display:block; line-height:50px; font-size:17px; text-align:center;}
.boxNavM li div a:hover{ }

.boxTopSearchM{ margin:15px; padding:8px 0;background:#e6e6e8}
.boxTopSearchM .inputTopSearch{ width:calc(100vw - 96px); height:30px; line-height:30px; background:none; border:none; font-size:14px; font-style:italic; color:#999; text-indent:10px; font-family:'PingFang SC'}
.boxTopSearchM .submitTopSearch{ width:65px; height:30px; line-height:30px; background:none; border:none; font-size:15px; font-style:italic; color:#777; font-weight:bold; border-left:1px solid #888; font-family:'PingFang SC'; cursor:pointer}
.boxTopSearchM .submitTopSearch:hover{color:#c30e23;}

.topTelM{display:block; line-height:22px; padding:15px 15px 30px 15px;}
.topTelM i{font-size:11px; display:inline-block;vertical-align:middle; margin-right:5px;}
.topTelM span{ font-size:22px; font-weight:bold;display:inline-block;vertical-align:middle;}

/*--------------------mTop------------------------*/






.banner{width:100%;height:100vh;overflow:hidden; position:relative;color:#fff; background:#000; text-align:center}
.banner .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden}
.banner .swiper-pagination{bottom:110px!important;}
.banner .swiper-pagination-bullet{width:6px; height:6px; background:#fff; border:2px solid #fff; opacity:1.0}
.banner .swiper-pagination-bullet-active{ background:#d70c19}
.banner .swiper-button-prev{left:30px; top:50%; margin-top:-18px; width:24px; height:36px; background:url(../images/bannerJtLeft.png) no-repeat;opacity:1.0}
.banner .swiper-button-prev:hover{background:url(../images/bannerJtLeftHover.png) no-repeat;opacity:1.0}
.banner .swiper-button-next{right:30px;top:50%;margin-top:-18px;width:30px;width:24px; height:36px; background:url(../images/bannerJtRight.png) no-repeat;opacity:1.0}
.banner .swiper-button-next:hover{background:url(../images/bannerJtRightHover.png) no-repeat;opacity:1.0}

.bannerVideo{position:absolute;z-index:1;left:50%;top:-10%;height:120%; width:auto;transform: translateX(-50%)}


.bannerM{width:100%;height:50vw;overflow:hidden; position:relative; display:none}
.bannerM .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-pagination{bottom:20px!important;}
.bannerM .swiper-pagination-bullet{width:4px; height:4px; background:#fff; border:2px solid #fff; opacity:0.5}
.bannerM .swiper-pagination-bullet-active{ background:#d70c19}

.slogan{position:absolute; width:100%; left:0; top:50%; margin-top:-14vw;}
.sloganM{position:absolute; width:100%; left:0; top:50%; margin-top:-9vw; display:none}

.btnBannerVideo{ display:block; width:100%; height:30vw; background:url(../images/btnSlogan.png?v=1.1) center no-repeat; background-size:100% auto; position:absolute; top:50%; left:0; margin-top:-14vw; z-index:2}

.btnGo{position:absolute; left:50%; margin-left:-40px; bottom:30px;animation:arrowGo 1s linear 0s infinite alternate;background:url(../images/icoArrow.png) center no-repeat; background-size:100% 100%; display:block; width:85px; height:44px; opacity:0.5; z-index:100;}
.btnGo:hover{opacity:1.0}

@keyframes arrowGo { 
0% {bottom:45px}
50% {bottom:30px}
100% {bottom:15px}
}



.indNews{width:100%; }
.indNews2{width:100%; padding:50px 0; max-width:1440px; margin:0 auto;}

.indNav{ text-align:center;}
.indNav h1{ font-size:40px; display:inline-block; border-bottom:4px solid #d70c19; padding-bottom:10px; line-height:40px;}
.indNav h2{ font-size:20px; font-weight:bold; color:#b8b8b8; line-height:20px; padding:10px 0 20px 0;}
.indNavLeft {text-align:left}
.indNavLeft h2{ background:url(../images/bgLine2.png) top repeat-x; margin:-4px 0 0 0;padding:14px 0 20px 0;}

.indNewsNav{ text-align:center; background:url(../images/bgLine.png) center repeat-x}
.indNewsNav span{ display:inline-block; margin:0 auto; background:#fff; padding:0 30px;}
.indNewsNav span a{display:inline-block; width:114px; line-height:40px; font-size:16px;}
.indNewsNav span .on{ background:url(../images/bgIndNav.png) center no-repeat; color:#fff}


.indNewsList{ display:none}

.indNewsList1{width:100%;margin:40px auto; font-size:0;}
.indNewsList1 a{display:inline-block; width:calc((100% - 61px)/3); margin-right:30px;position:relative; vertical-align:top}
.indNewsList1 a:last-child{margin:0}
.indNewsList1 a div{ width:100%; overflow:hidden; background:#fff; border:1px solid #e5e5e5;}
.indNewsList1 a div img{width:100%;transition:transform 1s;}
.indNewsList1 a span{ height:100px; position:relative; background:#fff; z-index:2; display:block; padding:15px 0; box-sizing:border-box}
.indNewsList1 a h1{ width:1px; height:100%; vertical-align:middle;display:none}
.indNewsList1 a h2{ text-align:justify; line-height:22px;font-size:16px; display:block;}
.indNewsList1 a strong{display:block; font-family:fontAnt; color:#c7c7c7; font-size:20px; margin-bottom:5px;}
.indNewsList1 a:hover img{transform:scale(1.2);}
.indNewsList1 a:hover span{ background:#d70c19; color:#fff; padding:15px;}
.indNewsList1 a:hover strong{color:#fff}

.btnMore{ display:block; text-align:center}
.btnMore a{ display:inline-block; line-height:41px; border:2px solid #666; padding:0 70px; opacity:0.4}
.btnMore a i{ display:block; background:url(../images/icoJt1.png) right center no-repeat; padding-right:32px; font-size:16px;color:#000; }
.btnMore a:hover{border:2px solid #d70c19; opacity:1.0}
.btnMore a:hover i{background:url(../images/icoJt1Hover.png) right center no-repeat; color:#d70c19}


.indInv{background:url(../images/bgIndInv.jpg) center no-repeat; background-size:cover}
.indInv1{width:100%; padding:70px 0; max-width:1440px; margin:0 auto;}
.indInvLeft{width:50%; height:380px;display:inline-block; vertical-align:middle;}

.indGp{ width:100%;overflow:hidden;height:100px; position:relative; background:url(../images/bgLine3.png) bottom repeat-x}
.gpPrice{float:left; display:inline-block;margin:15px 20px 0 0;font-size:45px; line-height:45px; font-family:'fontAnt'; font-weight:normal; padding-right:16px;}
.gpInfo{float:left; display:inline-block;margin-top:15px; line-height:24px; color:#666}
.gpInfo strong{font-size:24px}
.gpInfo span{display:block;font-size:16px;}
.gpMore{display:inline-block; font-size:16px; font-weight:bold; color:#666; position:absolute; top:0; right:0; line-height:74px; background:url(../images/icoJt2.png) right center no-repeat; padding-right:10px;}
.gpMore:hover{background:url(../images/icoJt2Hover.png) right center no-repeat; color:#d70c19}
.gpUp{ color:#d70c19;background:url(../images/icoGpUp.png) right 27px no-repeat;}
.gpDown{ color:#258841;background:url(../images/icoGpDown.png) right 27px no-repeat;}

.indInvList{ padding:20px 0 32px 0;}
.indInvList a{position:relative; display:block; padding:0 0 0 100px; font-size:16px; line-height:30px;}
.indInvList i{ position:absolute; top:0; left:0; background:url(../images/bgLine4.png) right center no-repeat; display:inline-block; padding:0 8px 0 0;}
.indInvList a:hover i{background:url(../images/bgLine4Hover.png) right center no-repeat;}
.indInvLeft .btnMore{text-align:left!important}


.indInvRight{width:50%;display:inline-block; vertical-align:middle; text-align:right}
.indInvRight a{ display:inline-block; margin-left:calc((100% - 588px)/2);width:289px; height:400px; position:relative; overflow:hidden; vertical-align:top}
.indInvRight a div{box-sizing:border-box; border:1px solid #dedede;width:100%; height:100%; background:#d70c19; }
.indInvRight a img{width:100%; height:100%;transition:transform 1s;}
.indInvRight a i{display:none; position:absolute; left:0; top:50%; margin-top:-30px;  line-height:30px;font-size:16px; color:#fff;padding:0 20px; z-index:10; text-align:left}
.indInvRight a:hover img{transform:scale(1.2);opacity:0.1}
.indInvRight a:hover i{ display:block}


.indVideo{width:100%; height:calc(100vh - 80px); max-height:700px;background:url(../images/imgVideo.jpg) center no-repeat; background-size:cover; position:relative; text-align:center}
.indVideo span{width:1px; display:inline-block; height:100%; vertical-align:middle}
.btnVideo{display:inline-block; vertical-align:middle}
.btnVideo i{height:97px; background:url(../images/icoVideo.png) center no-repeat; background-size:auto 100%; display:block; margin-bottom:20px;}
.btnVideo h1{ font-size:40px; display:inline-block; border-bottom:4px solid #d70c19; padding-bottom:10px; line-height:40px; color:#fff}
.btnVideo h2{ font-size:20px; font-weight:bold; color:#fff; line-height:20px; padding:10px 0 0 0;}
.btnVideo:hover i{background:url(../images/icoVideoHover.png) center no-repeat;background-size:auto 100%;}

.myVideo{ background:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.myVideo video{width:100%; height:100%;}
.closeVideo{ display:block;width:60px; height:60px; border-radius:50%; background:url(../images/closeMenu.png) center no-repeat; background-size:100% 100%; background-color:#d70c19;position:absolute; top:20px; right:20px;transition:transform 0.4s ease-out;z-index:1000;}
.closeVideo:hover{transform:rotateZ(180deg)}


.boxFoot{background:#262626; width:100%; padding:30px 0;}
.boxFoot1{padding:0 40px; box-sizing:border-box; font-size:14px; line-height:24px; color:#aaa}
.boxFoot1 img{float:right; margin-top:3px; width:172px;}
.boxFoot1 a{color:#aaa}
.boxFoot1 a:hover{color:#d70c19}

.subBanner{ width:100%; height:24vw; min-height:130px; max-height:500px; background-size:cover!important; position:relative;}
.subBanner span{color:#fff; width:100%; position:absolute; top:50%; left:0; margin:-10px 0 0 0; text-align:center;text-shadow:0 0 10px rgba(0,0,0,0.1);}
.subBanner span h1{font-size:40px; /*font-weight:bold; */line-height:40px; margin-bottom:10px; text-transform:uppercase;}




.subNav{border-bottom:1px solid #d9d9d9;text-align:center; width:100%; background:#fff; z-index:1000}
.subNav a{background:url(../images/bgSubNavLine.jpg) right center no-repeat; padding:0 30px; display:inline-block; font-size:17px; line-height:69px;}
.subNav a:last-of-type{ background:none}
.subNav .on{color:#d70c19!important}
.enText a{font-size:16px;padding:0 15px!important;}

.navTitle{ font-size:40px; line-height:40px; text-align:center; padding:60px 0 40px 0;}
.navTitleM{ font-size:40px; line-height:40px; text-align:center; padding:60px 0 40px 0; display:none}

.navTitle1{ font-size:30px; line-height:40px; text-align:center; padding:60px 0 40px 0;}
.navTitleM1{ font-size:30px; line-height:40px; text-align:center; padding:60px 0 40px 0; display:none}


/*@keyframes AaboutNum{0%{top:90px;}100%{top:70px;}}
@keyframes AaboutNum1{0%{top:270px;}100%{top:145px;}}
.aboutNum{font-size:0; text-align:center; background:#efefef}
.aboutNum a{width:33.3%; height:240px; display:inline-block; border-right:2px solid #fff; box-sizing:border-box; position:relative; overflow:hidden; z-index:1}
.aboutNum a:last-child{ border:none}
.aboutNum a span{ display:block; width:100%; font-size:60px; line-height:60px; position:absolute; top:90px; left:0; }
.aboutNum a span strong{color:#d70c19; font-family:'fontAnt';}
.aboutNum a i{ display:block; width:100%; font-size:30px; font-weight:bold;  position:absolute; top:270px; line-height:30px;}
.aboutNum a:hover{ background:#d70c19; color:#fff}
.aboutNum a:hover span{animation:AaboutNum 1s; top:70px;}
.aboutNum a:hover strong{color:#fff}
.aboutNum a:hover i{animation:AaboutNum1 1s;top:145px;}

.boxAbout{ padding:30px 0 60px 0; border-bottom:1px solid #d9d9d9}
.boxAbout p{font-size:16px; line-height:26px; padding-bottom:10px}*/


@keyframes AaboutNum{0%{top:95px;}100%{top:75px;}}
@keyframes AaboutNum1{0%{top:270px;}100%{top:140px;}}
.aboutNum{font-size:0; text-align:center; background:#efefef}
.aboutNum a{width:33.3%; height:240px; display:inline-block; border-right:2px solid #fff; box-sizing:border-box; position:relative; overflow:hidden; z-index:1}
.aboutNum a:last-child{ border:none}
.aboutNum a span{display:block; width:100%; font-size:40px; line-height:40px; position:absolute; top:95px; left:0; }
.aboutNum a span strong{color:#d70c19; font-family:'fontAnt';}
.aboutNum a i{display:block; width:100%; font-size:18px; font-weight:bold;  position:absolute; top:270px; line-height:26px;}
.aboutNum .on{ background:#d70c19; color:#fff}
.aboutNum .on span{animation:AaboutNum 1s; top:75px;}
.aboutNum .on strong{color:#fff}
.aboutNum .on i{animation:AaboutNum1 1s;top:140px;}

.boxAbout{ padding:30px 0 60px 0; border-bottom:1px solid #d9d9d9; display:none}
.boxAbout p{font-size:16px; line-height:26px; padding-bottom:15px}
.boxAbout strong{display:block; font-size:22px; margin-bottom:5px;}
.boxAbout i{display:block; font-weight:bold; margin:10px 0 5px 0; font-style:italic}




.boxDsz{ border:1px solid #d9d9d9; border-top:4px solid #d70c19; padding:30px 30px 100px 30px; position:relative; margin-bottom:60px;}
.boxDsz1{ height:280px; overflow:hidden; overflow-y:auto; padding-right:10px;}
.boxDsz1 i{display:block; font-size:21px; line-height:21px; padding-bottom:10px;}
.boxDsz1 p{font-size:16px; line-height:26px; padding-bottom:10px}
.boxDsz img{position:absolute; right:35px; bottom:15px}

.boxMark{width:100%; overflow:hidden;}
.bgGray{ background:#efefef; width:100%; overflow:hidden}
.bgGreen{ background:#2c974f; width:100%; overflow:hidden}
.bgBlue{ background:#ecf2f7; width:100%; overflow:hidden}
.bgRed{ background:#dd2b2a; width:100%; overflow:hidden}

.boxFzlc{width:100%; height:630px;overflow:hidden; position:relative; margin-bottom:60px;}
.boxFzlc .swiper-slide{width:400px;height:560px; position:relative; overflow:hidden; display:inline-block; padding:140px 35px 0 25px; box-sizing:border-box; text-align:center; }
.boxFzlc .swiper-slide:nth-child(odd){ background:url(../images/bgFzlc2.png?v=1.0) center no-repeat; background-size:100% 100%;}
.boxFzlc .swiper-slide:nth-child(even){ background:url(../images/bgFzlc1.png?v=1.0) center no-repeat;background-size:100% 100%}
.boxFzlc .swiper-pagination{bottom:16px!important;}
.boxFzlc .swiper-pagination-bullet{width:8px; height:8px; background:#000; opacity:0.2}
.boxFzlc .swiper-pagination-bullet-active{ background:#d70c19; opacity:1.0}
.boxFzlc .swiper-button-prev{left:50%; margin:-40px 0 0 -100px; top:100%!important; width:40px; height:40px; background:url(../images/btnLeft.png) no-repeat;opacity:0.2}
.boxFzlc .swiper-button-prev:hover{background:url(../images/btnLeftHover.png) no-repeat;opacity:1.0}
.boxFzlc .swiper-button-next{right:50%; margin:-40px -100px 0 0;top:100%!important; width:40px;width:40px; background:url(../images/btnRight.png) no-repeat;opacity:0.2}
.boxFzlc .swiper-button-next:hover{background:url(../images/btnRightHover.png) no-repeat;opacity:1.0}
.boxFzlc h1{font-size:30px; line-height:30px; color:#d70c19; font-family:'fontAnt'}
.boxFzlc h2{font-size:16px; line-height:26px; font-weight:bold; text-align:left; background:url(../images/icoFzlc.png) 0 8px no-repeat; padding:0 0 10px 15px;}
.boxFzlc h3{ height:4px; width:60px; display:inline-block; background:#d70c19; margin:15px 0 70px 0}
.boxFzlc i{line-height:26px; display:block; font-size:16px; text-align:justify; padding:0 0 15px 15px; color:#777}

.bgYear{ background:url(../images/bgYear.png) repeat-x; height:120px;}
.yearQyry{width:100%; max-width:1200px; height:100%;overflow:hidden; position:relative; margin:0 auto; background:#fff}
.yearQyry .swiper-slide{width:200px;height:100%; float:left}
.yearQyry .swiper-slide a{width:100%;height:100%;display:block;text-align:center; font-size:24px; line-height:24px; color:#777; font-family:'fontAnt';}
.yearQyry .swiper-slide a:hover{color:#d70c19}
.yearQyry .swiper-slide:nth-child(odd)  a{ background:url(../images/bgYear1.png) center no-repeat; background-size:100% 100%}
.yearQyry .swiper-slide:nth-child(even) a{ background:url(../images/bgYear2.png) center no-repeat; background-size:100% 100%}
.yearQyry .swiper-slide:nth-child(odd) .on{ background:url(../images/bgYear1Hover.png) center no-repeat!important; background-size:100% 100%!important; color:#d70c19}
.yearQyry .swiper-slide:nth-child(even) .on{ background:url(../images/bgYear2Hover.png) center no-repeat!important; background-size:100% 100%!important;color:#d70c19}

.boxQyry{width:100%; height:300px;overflow:hidden; position:relative; margin:30px 0 60px 0}
.boxQyry .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; display:inline-block; padding:0 110px; box-sizing:border-box; text-align:center}
.boxQyry .swiper-slide h2{ width:1px; height:100%; display:inline-block; vertical-align:middle}
.boxQyry .swiper-slide h1{display:inline-block; width:190px; height:190px; border-radius:50%; background:#d70c19; color:#fff; line-height:190px; text-align:center; font-size:40px;; font-family:'fontAnt'; vertical-align:middle}
.boxQyry .swiper-slide div{display:inline-block; width:789px; height:auto;max-height:100%; padding:0 0 0 50px; box-sizing:border-box; vertical-align:middle; overflow:auto; overflow-x:hidden; text-align:left}
.boxQyry .swiper-slide div p{font-size:16px; line-height:30px; display:block}
.boxQyry .swiper-slide div p i{display:inline-block; width:76px; vertical-align:top}
.boxQyry .swiper-slide div p span{ display:inline-block; width:calc(100% - 76px); vertical-align:top}

.boxQyry .swiper-button-prev{left:40px; margin:-18px 0 0 0;width:24px; height:36px; background:url(../images/bannerJtLeft1.png) no-repeat;background-size:100% 100%;opacity:1}
.boxQyry .swiper-button-prev:hover{background:url(../images/bannerJtLeftHover.png) no-repeat;background-size:100% 100%;opacity:1.0}
.boxQyry .swiper-button-next{right:40px; margin:-18px 0 0 0;width:24px;height:36px; background:url(../images/bannerJtRight1.png) no-repeat;background-size:100% 100%;opacity:1}
.boxQyry .swiper-button-next:hover{background:url(../images/bannerJtRightHover.png) no-repeat;background-size:100% 100%;opacity:1.0}

.boxConatct{ background:#fff}
.boxConatct img{ display:inline-block; width:50%; vertical-align:middle; min-height:300px;}
.boxConatct span{ display:inline-block; width:50%; padding:0 30px;box-sizing:border-box;vertical-align:middle}
.boxConatct h1{ font-size:30px; line-height:30px; border-bottom:4px solid #d70c19; padding-bottom:5px; display:inline-block}
.boxConatct h2{ display:block; font-size:16px; line-height:26px; padding:25px 0}
.boxConatct h3{ font-size:24px; line-height:24px;}


.contactList{}
.contactList li{ display:inline-block;border-bottom:1px solid #cbcbcb; width:50%; box-sizing:border-box; font-size:16px; line-height:26px; vertical-align:top; padding:40px 0}
.contactList li:nth-child(even){padding-left:30px;}
.contactList li:nth-last-child(1),.contactList li:nth-last-child(2){border:0}
.contactList li i{display:block; font-size:24px; padding-bottom:13px;}


.boxLeft{ display:inline-block; width:230px; vertical-align:top; background:#fff; border-top:4px solid #d70c19; padding:0 20px; box-sizing:border-box; margin-top:40px;}
.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:#222}
.boxDate li span .on:hover{color:#d70c19}
.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:#d70c19; color:#fff}
.boxDate li div a:nth-child(4n+4){margin-right:0}
.boxDate li div .on{ background:#d70c19; 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}

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

.newsList{}
.newsList a{display:inline-block;width:290px; height:310px; background:#fff; vertical-align:top; margin:0 30px 30px 0; position:relative}
.newsList a:nth-child(3n+3){margin-right:0}
.newsList a div{ width:100%; height:193px; overflow:hidden}
.newsList a div img{ width:100%; height:100%;transition:transform 1s;}
.newsList a span{ display:block;padding:15px 15px 0 15px;}
.newsList a h1{font-size:16px; line-height:16px; padding-bottom:8px; font-family:'fontAnt'; color:#aaa}
.newsList a h2{font-size:16px; line-height:22px; text-align:justify}
.newsList a h3{ position:absolute; right:15px; bottom:15px; font-size:11px; color:#aaa; line-height:11px;}
.newsList a:hover{ background:#d70c19}
.newsList a:hover h1{color:#fff}
.newsList a:hover h2{color:#fff}
.newsList a:hover h3{color:#fff}
.newsList a:hover div img{transform:scale(1.2)}

.boxPage{width:100%; overflow:hidden; margin:0 auto 40px auto; font-size:0; max-width:1200px;}
.boxPage a{ display:inline-block;font-size:16px;color:#fff;background-color:#c4c3c8;width:42px; height:42px;text-align:center; line-height:42px; margin-right:8px; border-radius:50%}
.boxPage a:hover{ color:#fff; background-color:#d70c19;}
.curPage{color:#fff!important; background-color:#d70c19!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}

.loadMore{display:none; text-align:center; padding:0 0 20px 0}
.loadMore a{ display:inline-block; width:130px; line-height:50px; background:#d70c19; font-size:16px; margin:0 auto; color:#fff}
.loadMore a:hover{ background:#f00}
.loadMore1{text-align:center; padding:10px 0 40px 0}
.loadMore1 a{display:inline-block; width:130px; line-height:50px; background:#d70c19; font-size:16px; margin:0 auto; color:#fff}
.loadMore1 a:hover{ background:#f00}


.boxShow{ width:800px; padding:0 40px 40px 40px; box-sizing:border-box; background:#fff;position:relative; left:50%;margin:40px 0 40px -520px; overflow:hidden;}
.showTitle{font-size:26px; line-height:36px; margin-top:30px;  font-weight:bold;}
.showInfo{border-bottom:2px solid #ececec; font-size:14px; line-height:14px; color:#999; padding:10px 0 20px 0; margin: 0 0 10px 0;}
.showCon{font-size:16px; line-height:30px; padding:10px 0 0 0;}
.showCon p{ text-align:justify;/* padding-bottom:15px;*/}
.showCon img{width:auto;max-width:100%; height:auto!important;;/* display:block; margin:0 auto*/}



.showVideo,.video_iframe,.iframeVideo{width:100%; height:calc((100vw - 40px)*0.5625); max-height:405px;display:block; margin:10px auto 0 auto}


.btnShare1{position:absolute;top:calc(24vw + 120px); left:50%;margin-left:320px;width:200px;font-size:0; z-index:100; color:#9e9e9e}
.btnShare1 i{font-size:12px; display:block; border-bottom:2px solid #cccccc; color:#999; text-indent:5px; line-height:30px; margin-bottom:15px}
.btnShare1 a{display:block; margin-bottom:10px; font-size:14px; color:#9e9e9e; line-height:40px; height:40px; overflow:hidden;}
.btnShare1 div{width:40px; height:40px; line-height:0; font-size:0; text-align:center;display:inline-block; margin-right:10px; border-radius:50%; vertical-align:top;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:#ff4444}
.btnShare1 .shareQz:hover div{background-color:#f1a718}
.btnShare1 .shareQq:hover div{background-color:#27a0f5}

.btnShare1Fixed{position:fixed!important;top:120px!important;left:50%;margin-left:320px;}

.boxEwm{ position:fixed; width:222px; height:248px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1000; 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:url(../images/bgBlack.png); width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; display:none}


.boxLng{ position:absolute; bottom:0; right:50%; margin-right:-600px;}
.boxLng a{ display:inline-block; padding:0 13px; line-height:40px; color:#fff; font-size:14px;}
.boxLng .on{ background:#172a62}

.invStock{ background:#172a62; height:130px;}
.invStocka{width:1200px; margin:0 auto; overflow:hidden; position:relative; color:#fff; padding:40px 0 0 0}
.invStock1{float:left; width:400px;}
.invStock1 span{display:inline-block; font-size:14px; line-height:25px;margin-left:22px; vertical-align:middle}
.invStock1 span i{ display:block; font-size:20px; font-weight:bold}
#gpPrice{display:inline-block; width:110px; font-size:50px; line-height:50px; font-family:'fontAnt'; font-weight:normal; padding-right:35px;vertical-align:middle}

.invStock2{float:left;font-size:0; width:800px; }
.invStock2 li{display:inline-block; width:180px; vertical-align:top}
.invStock2 li h1{font-size:30px; color:#fff; font-weight:normal; font-family:'fontAnt'; height:30px; line-height:30px;}
.invStock2 li span{ font-size:14px;line-height:24px;}
.invStock3{ position:absolute; top:40px; right:0;font-size:12px; color:#a7abbb; line-height:18px;}

.gpUp1{color:#d70c19;background:url(../images/icoGpUp.png) right 32px no-repeat;}
.gpDown1{color:#2fb756;background:url(../images/icoGpDown.png) right 32px no-repeat;}


.invSearch{position:absolute; top:45px; right:0; font-size:0}
.selectInv{ width:70px; border:1px solid #ccc; height:30px; display:inline-block;color:#7a7d84}
.inputInv{ width:150px; border:1px solid #ccc; height:30px; line-height:30px; display:inline-block; margin:0 5px; text-indent:5px; color:#7a7d84; box-sizing:border-box}
.submitInv{ width:60px; height:30px; border:none; background:url(../images/icoSearchInv.png) center no-repeat; background-color:#7a7d84; display:inline-block; cursor:pointer; color:#7a7d84; font-size:0}
.submitInv:hover{opacity:0.7}

.invList{border-top:1px solid #cbcbcb; padding-bottom:30px;}
.invList a{ display:block; border-bottom:1px solid #cbcbcb; padding:25px 0;}
.invList a div{display:inline-block; width:90px; height:90px; background:#d8d8da; vertical-align:middle; font-family:'fontAnt'; text-align:center}
.invList a div h1{ font-size:36px; line-height:36px;color:#d70c19; border-bottom:1px solid #b1b1b3; width:50px; display:inline-block; margin:0 auto; padding:12px 0 8px 0; margin-bottom:8px;}
.invList a div h2{ font-size:14px; line-height:14px;color:#999}
.invList a span{display:inline-block; width:calc(100% - 110px); padding:0 54px 0 20px; box-sizing:border-box; background:url(../images/icoPdf.png) right center no-repeat; vertical-align:middle}
.invList a span h3{ font-size:22px; font-weight:bold; line-height:30px; padding:0 0 10px 0;}
.invList a span h4{ font-size:14px; line-height:14px; color:#aaa}
.invList a:hover div{background:#d70c19}
.invList a:hover div h1{color:#fff; border-bottom:1px solid #fff; }
.invList a:hover div h2{ color:#fff}
.invList a:hover span{background:url(../images/icoPdfHover.png) right center no-repeat;}

.tzzTable{ border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; color:#555; background:#fff; margin-bottom:40px;}
.tzzTable td{ border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding:12px 10px; line-height:26px; font-size:16px;}
.tzzT{ font-weight:bold; background:#dfdfdf; text-align:right; width:20%; }

.invTableList{text-align:left; font-size:16px; margin-bottom:40px}
.invTableList td{ padding:10px; line-height:26px; border-bottom:1px solid #cbcbcb; box-sizing:border-box;}
.invTableList tr td:first-of-type{ width:30%;}
.invTableList tr td:last-of-type{ width:45%;}
.invTableList thead{background:#172a62; color:#fff; font-weight:bold;}
.invTableList thead th{padding:10px; line-height:26px;}
.invTableList thead th:first-of-type{padding-left:25px;}
.invTableList tr td:first-of-type{padding-left:25px;}

.boxFxs{ padding-bottom:20px;}
.boxFxs li{ display:inline-block; width:calc((100% - 40px)/3); background:#fff; margin:0 20px 20px 0; padding:20px; box-sizing:border-box}
.boxFxs li:nth-child(3n+3){margin-right:0}
.boxFxs span{display:block; line-height:26px;font-size:16px;}

.invContact{ padding-bottom:20px;}
.invContact li{ display:inline-block; width:calc((100% - 20px)/2); background:#fff; margin:0 0 20px 0; padding:20px; box-sizing:border-box;line-height:26px;font-size:16px;}
.invContact li i{font-size: 24px;padding-bottom: 13px; display:block}
.invContact li:nth-child(odd){margin-right:20px;}

.boxMap{ /*width:100%;width:1220px; padding:0 0 0 10px; box-sizing:border-box; margin:0 auto; overflow:hidden*/} 
.mapLeft{ display:inline-block; width:400px; vertical-align:middle} 
.mapLeft i{display:block; font-size:45px; line-height:45px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #d70c19; color:#d70c19}
.mapLeft span{font-size:16px;line-height:30px;}
.mapLeft span p{padding-bottom:10px;}
.boxMap img{ display:inline-block; vertical-align:middle; margin:40px 0 40px 56px; width:calc(100% - 456px)}

.proXl{position:relative; width:100%; height:500px; overflow:hidden; margin-bottom:60px; background:#000}
.proXlText{position:absolute; top:0; left:0; width:100%; height:100%; color:#fff;z-index:1;}
.proXlText li{ display:inline-block;width:15%;height:500px; border-right:1px solid #cfcdcc; box-sizing:border-box; vertical-align:top}
.proXlText li:last-child{border:none}
.proXlText li div{ display:inline-block; width:99%; vertical-align:middle}
.proXlText li i{ display:inline-block; width:1px; height:100%; vertical-align:middle}
.proXlText li span{ display:block; text-align:center;}
.proXlText li span h1{ font-size:20px; line-height:20px;  border-bottom:1px solid #fff; opacity:0.5; padding-bottom:20px; margin-bottom:20px; display:inline-block; font-family:'fontAnt'}
.proXlText li span h2{ display:block; font-size:22px; font-weight:bold; line-height:22px; }
.proXlText li p{font-size:16px; line-height:26px; display:none; padding:0 50px; margin-top:30px; text-align:justify}
.proXlText .on{background:url(../images/bgBlack1.png)}
.proXlText .on p{display:block}
.proXlImg{}
.proXlImg img{display:none; opacity:0.8} 

.proSearch{}
.proSearch li{ width:25%; display:inline-block; padding:0 10px 0 0; box-sizing:border-box}
.proSearch li:last-child{ padding:0 0 0 10px}
.proSearch li select{ width:100%; border:1px solid #ccc; height:50px; line-height:50px; font-size:16px; padding:0 0 0 10px}
.proSearch1{ height:50px; border-bottom:1px solid #ccc; width:100%;}
.inputPro{ width:calc(100% - 50px); background:none; border:none; line-height:50px; font-size:16px;}
.submitPro{ width:50px; height:50px; border:none; background:url(../images/icoSearch.png) center no-repeat}

.proList{ padding:30px 0 0 0}
.proList a{display:inline-block;width:calc((100% - 60px)/3);  background:#fff; vertical-align:top; margin:0 30px 30px 0; position:relative}
.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 span{ display:block;padding:15px; border:1px solid #ccc; box-sizing:border-box; height:150px;}
.proList a h1{font-size:26px; line-height:26px; padding:5px 0 10px 0; /*font-weight:bold*/}
.proList a p{font-size:14px; line-height:22px; text-align:justify; color:#777}
.proList a i{font-family:'fontAnt'; color:#d70c19; font-size:18px;}
.proList a:hover{ background:#d70c19}
.proList a:hover h1{color:#fff}
.proList a:hover p{color:#fff}
.proList a:hover i{color:#fff}
.proList a:hover div img{transform:scale(1.2)}


@keyframes ABannerBtnPre{0%{left:-60px;}100%{left:0;}}
@keyframes ABannerBtnNext{0%{right:-60px;}100%{right:0;}}
.proBanner{width:100%; height:25.5vw;overflow:hidden; position:relative;color:#fff; background:#666; margin-top:80px;}
.proBanner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.proBanner .swiper-pagination{ text-align:right;bottom:30px!important; left:-30px;}
.proBanner .swiper-pagination-bullet{width:10px; height:10px; background:#fff;  opacity:1.0}
.proBanner .swiper-pagination-bullet-active{background:#d70c19}
.proBanner .swiper-button-prev{left:20px; top:50%; margin-top:-20px; width:24x; height:40px; background:url(../images/bannerJtLeft.png) no-repeat;opacity:1.0; z-index:101; display:none; opacity:0.5}
.proBanner .swiper-button-prev:hover{background:url(../images/bannerJtLeftHover.png) no-repeat;opacity:1.0}
.proBanner .swiper-button-next{right:20px;top:50%;margin-top:-20px;width:24x; height:40px; background:url(../images/bannerJtRight.png) no-repeat;opacity:1.0; z-index:101; display:none; opacity:0.5}
.proBanner .swiper-button-next:hover{background:url(../images/bannerJtRightHover.png) no-repeat;opacity:1.0}
.proBanner:hover .swiper-button-prev{display:block;animation:ABannerBtnPre 0.3s;}
.proBanner:hover .swiper-button-next{display:block;animation:ABannerBtnNext 0.3s;}

.proTop{margin:-80px 0 50px 0; position:relative; z-index:2; text-align:center}
.proLogo{ width:160px; height:160px; padding:10px; box-sizing:border-box; border-radius:50%; overflow:hidden; background:url(../images/bgProLogo.png) center no-repeat; background-size:cover; margin:0 auto}
.proLogo img{width:100%; height:100%; border-radius:50%;}
.proTitle{ font-size:46px; line-height:46px;/* font-weight:bold; */padding:10px 0 20px 0}
.proContact{ font-size:20px; line-height:30px; color:#777}

.proCon{background:#fff; width:100%;}
.proNav{display:inline-block; width:230px; vertical-align:middle}
.proNav a{display:block; line-height:100px;border-bottom:1px solid #fff; box-sizing:border-box;font-size:24px; background:#e0e0e0; text-align:center}
.proNav a:last-child{ border:none}
.proNav .on{ background:#fff!important; font-weight:bold}

.proCon1{display:inline-block;width:calc(100% - 230px); padding:40px; box-sizing:border-box; vertical-align:middle;}
.proConText{font-size:16px; line-height:26px; max-height:220px; overflow:auto; overflow-x:hidden;display:none; }

.proImg{width:100%;height:300px; position:relative; padding-bottom:40px; overflow:hidden;}
.proImg .swiper-slide{width:auto;}
.proImg .swiper-pagination{bottom:0!important; }
.proImg .swiper-pagination-bullet{width:10px; height:10px; background:#000; opacity:0.2}
.proImg .swiper-pagination-bullet-active{background:#d70c19; opacity:1.0}
.proImg .swiper-button-prev{left:15px; top:50%; margin-top:-40px; width:24x; height:40px; background:url(../images/bannerJtLeft.png) no-repeat;opacity:1.0; z-index:1; opacity:0.7}
.proImg .swiper-button-prev:hover{background:url(../images/bannerJtLeftHover.png) no-repeat;opacity:1.0}
.proImg .swiper-button-next{right:15px;top:50%;margin-top:-40px;width:24x; height:40px; background:url(../images/bannerJtRight.png) no-repeat;opacity:1.0; z-index:1;  opacity:0.7}
.proImg .swiper-button-next:hover{background:url(../images/bannerJtRightHover.png) no-repeat;opacity:1.0}
.proImg img{height:300px; width:auto;}

.proNews{}
.proNews a{display:block; background:#fff; width:100%; margin-bottom:5px;}
.proNews a i{display:inline-block;width:20%; font-size:24px; line-height:80px; color:#b8b8b8; font-family:'fontAnt'; text-align:center; background:#f9f9f9; vertical-align:middle;}
.proNews a span{display:inline-block; font-size:18px; line-height:30px; width:78%; padding:0 5%; box-sizing:border-box; background:url(../images/icoJt3.png) right center no-repeat;vertical-align:middle; }
.proNews a:hover i{background:#d70c19;color:#fff; }
.proNews a:hover span{background:url(../images/icoJt3Hover.png) right center no-repeat;}

.proMap{ width:100%; height:380px; border:1px solid #ccc; box-sizing:border-box; margin-bottom:50px;}


.navTitle1{font-size:40px; line-height:40px; font-weight:bold; color:#fff; padding:100px 0 0 40px;position:relative; z-index:1}
.navTitleColor{font-size:40px; line-height:40px; padding:60px 0 40px 0;background:url(../images/bgLineColor.png) bottom no-repeat; background-size:100% 2px; text-align:center}
.navtitleColor i{position:relative;
background-image:-webkit-linear-gradient(left,#d70c19,#42baa9); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent;
}

.boxWy{margin:-80px 0 60px 0;}
.boxWy div{padding-top:10px; font-size:16px; line-height:26px;}
.boxWy div p{padding-top:10px;}
.imgPc{width:100%;display:block}
.imgM{width:100%;display:none}

.boxWy1{ padding:0 0 60px 0;}
.boxWy1 div{display:block; width:100%; max-width:780px; margin:0 auto 40px auto;font-size:16px; line-height:26px; color:#fff; text-align:center}

.boxWy2{ width:100%; height:500px;background:url(../images/bgWyContact.jpg) center no-repeat; background-size:cover; text-align:center}
.boxWy2 img{ margin:0 0 40px 0; width:60%; max-width:298px;}
.boxWy2 span{width:99%; display:inline-block; vertical-align:middle}
.iMark{display:inline-block; width:1px; height:100%; vertical-align:middle}

.boxSnzg{border-bottom:1px solid #e0e0e0; background:url(../images/bgSnzgR.jpg) right bottom no-repeat;}
.boxSnzg1{background:url(../images/bgSnzgL.jpg) left bottom no-repeat; min-height:320px; padding:65px 0; box-sizing:border-box}
.boxSnzg1 img{display:inline-block; vertical-align:middle; margin:0 70px 0 125px;}
.boxSnzg1 div{display:inline-block;max-width:560px;font-size:16px; line-height:26px; text-align:justify; vertical-align:middle; overflow:hidden}
.boxSnzg1 div p{ padding:10px 0}

.navSnzg{ width:100%;}
.navSnzg a{display:inline-block; width:20%; text-align:center; padding:60px 0 50px 0;}
.navSnzg a img{width:80px; height:80px; border-radius:50%; border:2px solid #666; padding:13px; box-sizing:border-box}
.navSnzg a i{display:block; text-align:center; font-size:17px; line-height:17px; margin:20px 0 0 0; font-weight:bold; color:#666}
.navSnzg .imgNavOn{display:none}
.navSnzg .on{background:url(../images/bgNavTab.jpg) bottom center no-repeat;}
.navSnzg .on i{ color:#63c0b3}
.navSnzg .on img{ border:2px solid #63c0b3}
.navSnzg .on .imgNav{display:none}
.navSnzg .on .imgNavOn{display:inline-block}

.boxSnzg2{background:#63c0b3; height:200px;}
.boxSnzg2 li{display:none;height:100%;}
.boxSnzg2 li i{ display:inline-block; width:1px; height:200px; vertical-align:middle}
.boxSnzg2 li span{ display:inline-block; width:calc(100% - 1px); padding:0 50px; box-sizing:border-box; color:#fff;vertical-align:middle}
.boxSnzg2 li span p{line-height:26px; font-size:16px; padding-bottom:10px; text-align:justify}

.conText{ padding:20px 0 50px 0}
.conText p{line-height:26px; font-size:16px; padding-bottom:10px;}


.newsList1{}
.newsList1 a{display:inline-block;width:calc((100% - 60px)/3); height:370px; background:#fff; vertical-align:top; margin:0 30px 30px 0; position:relative}
.newsList1 a:nth-child(3n+3){margin-right:0}
.newsList1 a div{ width:100%; height:253px; overflow:hidden}
.newsList1 a div img{ width:100%; height:100%;transition:transform 1s;}
.newsList1 a span{ display:block;padding:15px 15px 0 15px;}
.newsList1 a h1{font-size:16px; line-height:16px; padding-bottom:8px; font-family:'fontAnt'; color:#aaa}
.newsList1 a h2{font-size:16px; line-height:22px; text-align:justify}
.newsList1 a h3{ position:absolute; right:15px; bottom:15px; font-size:11px; color:#aaa; line-height:11px;}
.newsList1 a:hover{ background:#d70c19}
.newsList1 a:hover h1{color:#fff}
.newsList1 a:hover h2{color:#fff}
.newsList1 a:hover h3{color:#fff}
.newsList1 a:hover div img{transform:scale(1.2)}


.navJoin{}
.navJoin a{display:inline-block; width:50%; border-bottom:2px solid #bfbfbf; text-align:center; padding:30px 0 20px 0}
.navJoin .on{border-bottom:2px solid #d70c19}

.boxJoin{ text-align:center; padding:40px 0;}
.boxJoin i{display:block; font-size:40px; line-height:40px; padding-bottom:10px;}
.boxJoin p{font-size:16px; line-height:26px}
.boxJoin1{font-size:16px; line-height:26px; text-align:center; padding:40px 0 60px 0} 

.boxParty{width:100%; padding:0 0 60px 0}
.boxPartyImg{width:100%; box-shadow:0 0 20px rgba(0,0,0,0.1); background:#e34a3c; overflow:hidden}
.boxPartyImg div{display:inline-block; width:50%; vertical-align:middle}
.boxPartyImg div img{width:100%}
.boxPartyImg span{display:inline-block;width:50%; vertical-align:middle; }
.boxPartyImg span a{ display:inline-block; width:50%; box-sizing:border-box; text-align:center; font-size:18px; font-weight:bold; line-height:18px; color:#ff0; padding:40px 0}
.boxPartyImg span a i{display:block; margin-bottom:25px;}
.boxPartyImg span a:first-child{ border-right:1px solid #eb8177}
.boxPartyText{ padding:20px 0 0 0;}
.boxPartyText p{line-height:26px; font-size:16px; color:#fff; padding-top:10px}


.bgYearDj{ background:url(../images/bgYearDj.jpg) bottom repeat-x; height:65px;}
.yearDj{width:100%; max-width:1200px; height:100%;overflow:hidden; position:relative; margin:0 auto;}
.yearDj .swiper-slide{width:240px;height:100%; float:left;background:url(../images/bgYearDj1.jpg) bottom center no-repeat; background-size:100% 27px;}
.yearDj .swiper-slide a{width:100%;height:100%;display:block;text-align:center; font-size:24px; line-height:24px; color:#777; font-family:'fontAnt'; position:relative}
.yearDj .swiper-slide a:hover{color:#d70c19}
.yearDj .swiper-slide a i{ position:absolute; bottom:0; left:50%; margin-left:-6px; display:block; width:11px; height:11px; border:2px solid #9d9d9d; border-radius:50%; background:#fff; box-sizing:border-box;}
.yearDj .swiper-slide .on{color:#d70c19}
.yearDj .swiper-slide .on i{ border:2px solid #d70c19;}


.boxDjdsj{width:100%; height:370px; padding-top:20px;overflow:hidden; position:relative; margin:30px 0 60px 0; background:url(../images/bgDjDsj.jpg) center no-repeat; background-size:100% 100%; border:1px solid #d9d9d9; box-sizing:border-box}
.boxDjdsj .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden;text-align:center}
.boxDjdsj .swiper-slide i{display:inline-block; height:100%; width:1px; vertical-align:middle}
.boxDjdsj .swiper-slide span{display:inline-block; width:99%; max-width:750px; padding:0 30px; box-sizing:border-box; vertical-align:middle}
.boxDjdsj .swiper-slide span h1{ color:#d70c19; font-size:30px; line-height:36px; font-weight:bold; }
.boxDjdsj .swiper-slide span h2{ line-height:26px; font-size:16px; text-align:left; margin:20px 0; text-align:justify}
.boxDjdsj .swiper-slide span a{display:inline-block; width:130px; line-height:50px; background:#d70c19; font-size:16px; margin:0 auto; color:#fff}
.boxDjdsj .swiper-slide span a:hover{background:#f00;}

.boxDjdsj .swiper-button-prev{left:60px; margin:-18px 0 0 0;width:24px; height:36px; background:url(../images/bannerJtLeft1.png) no-repeat;background-size:100% 100%;opacity:1}
.boxDjdsj .swiper-button-prev:hover{background:url(../images/bannerJtLeftHover.png) no-repeat;background-size:100% 100%;opacity:1.0}
.boxDjdsj .swiper-button-next{right:60px; margin:-18px 0 0 0;width:24px;height:36px; background:url(../images/bannerJtRight1.png) no-repeat;background-size:100% 100%;opacity:1}
.boxDjdsj .swiper-button-next:hover{background:url(../images/bannerJtRightHover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.zbggList{border-top:1px solid #cbcbcb;padding-bottom:30px;}
.zbggList a{display:block;width:100%; border-bottom:1px solid #cbcbcb; padding:30px 0}
.zbggList a i{display:inline-block;width:120px; font-size:24px; line-height:24px; color:#b8b8b8; font-family:'fontAnt';  vertical-align:middle; text-align:center}
.zbggList a span{display:inline-block; font-size:18px; line-height:30px; width:calc(100% - 130px); padding:0 0 0 20px; box-sizing:border-box; background:url(../images/icoJt3.png) right center no-repeat;vertical-align:middle; }
.zbggList a:hover i{ color:#d70c19}
.zbggList a:hover span{background:url(../images/icoJt3Hover.png) right center no-repeat;}


.boxZblc{}
.boxZblc li{border-top:1px solid #cbcbcb; padding:50px 0 50px 150px; position:relative; box-sizing:border-box}
.boxZblc li i{position:absolute; top:29px; left:30px;}
.boxZblc li h1{ font-size:22px; line-height:22px; font-weight:bold}
.boxZblc li p{font-size:16px; line-height:26px;padding:10px 0 0 0; }
.boxZblc li span div{ padding-top:20px;}
.boxZblc li:first-child{padding-right:176px; }
.boxZblc li:first-child span div{position:absolute; top:5px; right:20px}
.boxZblc li img{max-width:100%}


.boxIndVideo{width:100%; height:calc(100vh - 80px); max-height:700px; padding:70px 0; background:url(../images/bgVideo.jpg) center no-repeat; background-size:cover; }
.indVideoList{width:100%; max-width:1520px;height:100%;text-align:center; margin:0 auto;overflow:hidden; padding:0 40px; box-sizing:border-box}
.indVideoList ul{display:block; width:100%; height:100%;}
.indVideoList li{position:relative; width:calc((100% - 20px)*0.4); height:calc(50% - 10px); float:left; background-size:cover!important}
.indVideoList li:first-child{width:calc((100% - 20px)*0.6);height:100%; margin-right:20px;}
.indVideoList li:last-child{ margin-top:20px;}
.indVideoList li span{width:1px; display:inline-block; height:100%; vertical-align:middle}
.indVideoList li a{display:inline-block; vertical-align:middle}
.indVideoList li a i{height:60px; background:url(../images/icoVideo.png) center no-repeat; background-size:auto 100%; display:block; margin-bottom:10px;}
.indVideoList li a h1{ font-size:36px; display:inline-block; border-bottom:4px solid #d70c19; padding-bottom:5px; line-height:40px; color:#fff}
.indVideoList li a h2{ font-size:22px; font-weight:bold; color:#fff; line-height:20px; padding:5px 0 0 0; letter-spacing:4px}
.indVideoList li a:hover i{background:url(../images/icoVideoHover.png) center no-repeat;background-size:auto 100%;}