@import "rubik.css";
body,html{ margin:0; padding:0;font-size:0; line-height:0; width:100%; color:#666; font-family:/*'PingFang SC',*/'微软雅黑','Microsoft YaHei','STHeiti','Gotham'; background:#fcfcfc; overflow-x:hidden}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#666}
a:active,a:focus,a:hover{outline:none; color:#a4000b}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"]{-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:0; right:0; display:block; width:32px; height:32px; 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; background: url(../images/bgBody.png)}
.boxTop1{position:relative;box-sizing:border-box; width:100%; display:block; margin:0 auto; background:#a4000b;}


.box_t{background: url(../images/bgIndex01.png) no-repeat center top; height:49px; line-height:49px; font-size:14px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

.logo_n{width:100%; max-width:1400px; margin:0 auto; padding:24px 0;background:url(../images/grwhg.png) no-repeat right -208px; background-size: 800px auto; overflow:hidden;}
.logo_n a{display:block; width:20%; float:left;}
.logo{ height:69px; padding-right:100px;}

.bgTopWhite{background:url(../images/bgtop.png) no-repeat center/100% 100%; width:100%; height:150px; position:absolute; top:0; left:0; z-index:999; opacity:0.5}

@font-face {
  font-family: "DINCond";
  src: url("../fonts/dincond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../fonts/dincond.ttf") format("truetype"),
       url("../fonts/dincond.eot") format("embedded-opentype"),
       url("../fonts/dincond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:54px;/* text-align:center;display:inline-block;*/  vertical-align:middle;margin:0 60px 0 0;}
.boxNav li{display:inline-block;position:relative; padding:0; /*margin:0 0 0 70px;*/ width:10.5%; text-align:center; }
.boxNav li span a{display:block;font-size:16px;line-height:54px; height:54px; font-weight:bold; color:#fff;  }
.boxNav li span a:hover{color:#fff; background:#840009; transition:all 0.3s ease;}
.boxNav li span i{ height:4px; background:#840009; width:100%; position:absolute; bottom:0; left:0; display:none}
.boxNav li .on i{ /*display:block;animation:ANavI 0.3s*/}
.boxNav li .on a{color:#fff; background:#840009;}
.boxNav li div{position:absolute; top:50px; left:0px;width:100%;text-align:left;background:rgba(255,255,255,0.9); z-index:2; display:none; box-shadow:0 0 3px rgba(0,0,0,0.3); border-top:4px solid #840009}
.boxNav li:nth-child(5) div{/*left:-28px;*/}
.boxNav li div a{display:block;font-size:14px; padding:0 0px;color:#666;line-height:46px; text-align:center;}
.boxNav li div a:hover{ color:#fff; background:#a4000b;}


.icoTop{ float:right; padding-top:13px; width:80%; text-align:center;}
.icoTop li{ position:relative;display:inline-block; vertical-align:middle}
.icoTop li:first-of-type{ margin:0}
.icoTop li i{display:block; width:30px; height:80px;}
.icoTop li div{position:absolute; top:80px; right:-95px; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:10px 0 20px 0; z-index:3}
.icoTop li span{display:inline-block;}
.icoTop li div img{width:90px}
.icoTop li div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}



.topSearch i{background:url(../images/icotopsearch.png) center no-repeat; opacity:0.65}
.topSearch:hover i{background:url(../images/icotopsearchhover.png) center no-repeat; opacity:1.0; }
.topWx i{background:url(../images/icotopwx.png) center no-repeat;opacity:0.65}
.topWx:hover i{background:url(../images/icotopwxhover.png) center no-repeat; opacity:1.0;}

/*.topLng{ background:url(../images/bglngline.png) no-repeat left center; margin:0 0 0 10px;}
.topLng a{display:inline-block;font-size:12px; line-height:20px; margin:0 0 0 15px; color:#444; opacity:0.7}
.topLng a:hover{ border-bottom:1px solid #a4000b; opacity:1.0; color:#a4000b}
.topLng .on{border-bottom:1px solid #666}*/

/*.topLng{position:absolute;top:calc(26vw - 46px); right:50%; margin-right:-600px; z-index:100}
.topLng a{display:inline-block;font-size:14px; padding:0 10px;height:36px; line-height:36px; color:#fff; text-align:center; margin:0 0 0 3px}
.topLng a:hover{background:#a4000b;}
.topLng .on{background:#a4000b;}*/


.bgTop{background:#fff;box-shadow:0 0 8px 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; background:#fff; 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:13px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#a4000b; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#ca0010}


.banner{width:100vw;height:536px;overflow:hidden; position:relative; margin:0 0 0 calc((100% - 100vw)/2)}
.slogan {position:absolute;width:100%;left:0;top:50%;margin-top:-17vw; z-index:2}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.banner .swiper-pagination{bottom:20px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.banner .swiper-pagination-bullet-active{background:#a4000b; width:22px;}
.banner .swiper-button-prev{left:2%;margin-top:-23px; width:46px; height:46px; background:url(../images/bannerjtleft.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(../images/bannerjtleft.png) no-repeat center/cover;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:-23px;width:46px; height:46px; background:url(../images/bannerjtright.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(../images/bannerjtright.png) no-repeat center/cover;opacity:1.0}



.bannerM{width:100vw; 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:10px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#a4000b; width:20px;}


/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; display:none}
.logoM{ position:absolute;left:15px; top:15px; height:40px;}

.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; left:-60px;background:#fff url(../images/closemenu.png) center no-repeat; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 60px); height:100%;background:#a4000b url(../images/bgnavm.png) no-repeat right bottom/80% auto;overflow-y:auto; padding:70px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:130px;}
.boxNavM li span a{display:block;font-size:16px;line-height:50px; color:#f7cbcd; }
.boxNavM li span a:hover{ color:#fff}
/*.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 .on a{color:#fff}
.boxNavM li div{position:absolute; top:0; left:130px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:50px; font-size:15px; text-align:left; color:#f7cbcd;}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}

.lngM{ position:absolute; top:20px; left:30px;}
.lngM a{display:inline-block; width:70px; height:30px; line-height:30px; font-size:11px; text-align:center; color:#f7cbcd}
.lngM .on{ border:1px solid #fff; color:#fff!important}

/*.lngM{ position:absolute; top:104px; right:10px; z-index:100; display:none}
.lngM a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:11px; text-align:center; color:#fff}
.lngM .on{ border:1px solid #fff; }*/


.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;}

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

@keyframes arrowGo { 
0% {bottom:70px}
50% {bottom:50px}
100% {bottom:30px}
}
/*--------------------mTop------------------------*/



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

.scroll-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  width: 20px;
  font-size: 22px;
  color: rgba(255, 255, 255, 1.0);
  border-radius: 2em;
  border: solid 2px;
  transition: .4s;
  position:absolute;
  top:100vh;
  left:50%;
  margin:-80px 0 0 -15px; z-index:1000;
}

.scroll-icon:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.scroll-icon::after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
  animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}


@keyframes scroll-icon {
  0% {transform: translateY(-12px);opacity: 0;}
  30%, 70%{opacity: 1;}
  100% {transform: translateY(12px);opacity: 0;}
}



.indM{ width:100%; height:auto; display:none}
.indM img{width:100%}


.indexPc{width:100%; height:2395px; }
.indexM{ width:100%;display:none}
.indexM img{width:100%}




.boxFoot{background:#2b2d2f; color:#abacac;}
.boxFoot1 {width:96%; margin:0 auto;line-height:22px; font-size:12px; padding:30px 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; font-weight:bold}
.boxFoot span a{display:inline-block; margin:0 10px;}
.boxFoot span a:last-of-type{ background:url(../images/icowxfoot.png) right center no-repeat; display:inline-block;  padding-right:38px; 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:#abacac;}
.boxFoot a:hover{color:#fff}
.boxFoot span a:last-of-type:hover div{top:-115px; display:block;visibility:visible; opacity:1}



.boxMax{ width:100%; padding:0 2%;}


.indNews{width:100%; max-width:1400px; margin:30px auto 60px auto; vertical-align:top; overflow:hidden;}
.indNewsNav{border-bottom:1px solid #d1d1d1;height:84px; position:relative;}
.indNewsNav span a{display:inline-block;padding:0 30px 0 0; margin-right:15px;background:url(../images/bglinexx.png) no-repeat center right;}
.indNewsNav span a:last-child{ margin-right:0; padding-right:0; background:none}
.indNewsNav span a i{ display:inline-block;font-size:24px;text-align:center; line-height:80px; height:84px;color:#aaa; }
.indNewsNav span .on i{border-bottom:4px solid #a4000b;color:#666}

.indNewsList{display:none; padding:30px 0 0 0;}
.indNewsList a{display:inline-block; width:380px; margin-right:30px; vertical-align:top}
.indNewsList a:last-child{ margin-right:0}
.indNewsList a div{ width:100%; height:253px; overflow:hidden}
.indNewsList a div img{width:100%; height:100%; transition:transform 1s}
.indNewsList a span{display:block; border:1px solid #d1d1d1; padding:17px 20px;}
.indNewsList a h1{font-size:15px; line-height:26px; height:26px; overflow:hidden}
.indNewsList a h2{font-size:13px; line-height:26px;color:#aaa; font-weight:bold}
.indNewsList a:hover img{transform:scale(1.2);}


.btnMore{position:absolute; top:0; right:0; line-height:80px;background:url(../images/icomore1.png) no-repeat left center; color:#999; font-size:16px; padding:0 0 0 20px; font-weight:bold; color:#444;}
.btnMore:hover{background:url(../images/icomore1hover.png) no-repeat left center;}

.btnMoreWhite{position:absolute; top:0; right:0; line-height:80px;background:url(../images/icomore2.png) no-repeat left center; color:#fff; font-size:14px; padding:0 0 0 20px}
.btnMoreWhite:hover{background:url(../images/icomore1hover.png) no-repeat left center;}


.indNav{border-bottom:1px solid #fff;height:84px; position:relative; z-index:2}
.indNav i{display:inline-block;font-size:24px;line-height:84px;color:#fff; }

.indNav1{border-bottom:1px solid #fff;height:84px; position:relative;z-index:2}
.indNav1 i{display:inline-block;font-size:24px;line-height:84px;color:#666; }


.indInv{ width:100%; height:590px; padding:30px 0 0 0; background:url(../images/bgindinv1.jpg) no-repeat center}
.indInv1{width:1400px; margin:0 auto}

.indInvStock{ height:122px; padding:30px 0 0 0; }

/*---------------------股票-------------------*/
.invStock{position:relative;color:#fff}

.invStock1{float:left; margin-right:80px;}
.invStock1 span{display:inline-block; font-size:12px; line-height:30px; letter-spacing:12px;margin:0 0 0 40px; vertical-align:middle}
.invStock1 span i{ display:block; font-size:17px; font-weight:bold; letter-spacing:0}

#gpPrice{display:inline-block; font-family:'rubik'; font-weight:normal; padding-right:50px;vertical-align:middle; position:relative;}
#gpPrice h1{font-size:60px; line-height:60px; }
#gpPrice h2{position:absolute; right:0; top:5px; font-size:20px; line-height:20px;}
#gpPrice h3{position:absolute; right:24px; bottom:11px; width:16px; height:13px;}

.invStock2{float:left;font-size:0; }
.invStock2 li{display:inline-block; width:160px; vertical-align:top;line-height:30px;}
.invStock2 li h1{font-size:17px; color:#fff; font-weight:normal; font-weight:bold}
.invStock2 li span{ font-size:12px;}

.invStock3{ position:absolute; top:0; right:0;font-size:12px; color:#fff; line-height:18px; opacity:0.5}

.gpUp{color:#00ca2c;}
.gpDown{color:#a4000b;}
.gpUp h3{background:url(../images/icogpup.png) no-repeat;}
.gpDown h3{background:url(../images/icogpdown.png) no-repeat;}

/*---------------------股票-------------------*/

.indInv2{width:100%; overflow:hidden}
.indInvList{float:left; /*width:790px;*/border-top:1px dotted #c2c2c2; width:100%}
.indInvList a{display:block; width:100%; overflow:hidden; font-size:15px; line-height:50px; color:#fff; border-bottom:1px dotted rgba(255,255,255,0.5); background:url(../images/bglijt.png) no-repeat 10px 21px; padding:0 10px 0 25px;}
.indInvList i{float:right; font-size:13px;}
.indInvList a:hover{opacity:0.8}

.indInvM{display:none}
.indInvStockM{display:none}



.indInvCb{float:left;width:380px; overflow:hidden;position:relative; margin-left:30px; display:none}
.indInvCbList{width:186px;height:256px;overflow:hidden;position:relative; margin:0 auto}
.indInvCbList .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden;background:#a4000b}
.indInvCbList .swiper-slide img{width:100%;height:100%;}
.indInvCbList .swiper-slide span{position:absolute; left:0; top:80%; margin-top:-25px; width:100%; height:50px; background:url(../images/icopdf.png) no-repeat center;opacity:0; transition:all 0.3s; z-index:2}
.indInvCbList .swiper-slide i{position:absolute; bottom:0; left:0; width:100%;  color:#fff; font-size:15px; line-height:26px; padding:20px;opacity:0; z-index:2;}
.indInvCbList .swiper-slide a:hover img{opacity:0.1}
.indInvCbList .swiper-slide a:hover i{opacity:1}
.indInvCbList .swiper-slide a:hover span{ opacity:1; top:40%;}

.btnCbPre{ position:absolute; top:50%; left:40px; margin:-12px 0 0 0; width:13px; height:25px; background:url(../images/btnleft.png) no-repeat; opacity:0.5; cursor:pointer}
.btnCbPre:hover{opacity:1}
.btnCbNext{ position:absolute; top:50%; right:40px; margin:-12px 0 0 0;width:13px; height:25px; background:url(../images/btnright.png) no-repeat; opacity:0.5; cursor:pointer}
.btnCbNext:hover{opacity:1}


.indPro{display:none;}
.indPro,.indadd{width:100%; max-width:1400px; margin:30px auto 0px auto; }
.indadd .indNewsNav{ margin-bottom:30px;}
.picFocus{position:relative; padding:0 0 30px 0;width:100%; overflow:hidden; width:100%; max-width:1200px; margin:0 auto}
.picFocus .swiper-slide{width:800px; height:450px; position:relative; background:#000; overflow:hidden}
.picFocus .swiper-slide img{ width:100%; height:100%; opacity:0.6}
.picFocus .swiper-slide h1 { width:100%; position:absolute; left:0; bottom:0; background:url(../images/bgnewstitle.png) no-repeat; background-size:100% 100%;padding:40px 20px 20px 20px;text-align:center; font-size:15px; line-height:30px;color:#fff; display:none; z-index:2}
.picFocus .swiper-slide h1 strong{ font-weight:bold; display:block; font-size:18px;}
.picFocus .swiper-slide h2{ width:100%; height:100%; opacity:0.8; background-size:cover!important}
.picFocus .swiper-slide-active img{opacity:1}
.picFocus .swiper-slide-active h1{display:block}
.picFocus .swiper-slide-active h2{opacity:1.0;transition:all 1s}
.picFocus .swiper-slide-active:hover h2{transform:scale(1.1,1.1);}

.picFocus .swiper-pagination{bottom:0!important;z-index:1}
.picFocus .swiper-pagination-bullet{width:6px; height:6px; background:#bec0c2; border-radius:4px; opacity:1.0}
.picFocus .swiper-pagination-bullet-active{background:#e50012; width:24px;}
.picFocus .swiper-button-prev{left:calc((100% - 800px)/4); margin:-37px 0 0 -11px; }
.picFocus .swiper-button-next{right:calc((100% - 800px)/4); margin:-37px -11px 0 0; }



.indShzr{width:100%; height:760px; padding:30px 0 0 0; background:#000; overflow:hidden;position:relative}
.indShzr1{ width:100%; max-width:1400px; margin:0 auto}
.indShzrBg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:url(../images/cdbg_l.jpg) no-repeat center; opacity:0.8;transition:all 1s}
.indShzr:hover .indShzrBg{opacity:0.6}
.indShzr2{ background:url(../images/sloganshzr.png) no-repeat center bottom; height:230px; position:relative; z-index:2; text-align:center; margin-top:58px;color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.5)}
.indShzr2 h1{}
.indShzr2 h2{font-size:42px; line-height:42px; font-weight:bold; margin:50px 0 20px 0;}
.indShzr2 h3{ font-size:15px; line-height:26px;}




.subBanner{ width:100%; height:26vw;background-size:cover!important;  position:relative; margin-top:0px;}
.subBanner div{position:absolute; top:50%; left:0; margin:-40px 0 0 0; color:#fff; width:100%; text-align:center}
.subBanner div span{ display:inline-block; width:100%; padding:0 40px; max-width:1280px; margin:0 auto; text-align:left; box-sizing:border-box;}
.subBanner div h1{ font-size:36px; line-height:36px; font-weight:bold}
.subBanner div h2{ font-size:30px; line-height:30px; margin-top:15px;opacity:0.5; text-transform:uppercase}

.margin80{margin-top:-70px!important}

/*.subBanner1{ width:100%; height:31.25vw;background-size:cover!important;  position:relative; margin-top:90px;}
.subBanner1 div{position:absolute; top:50%; left:0; margin:-70px 0 0 0; color:#fff; width:100%; text-align:center}
.subBanner1 div span{ display:inline-block; width:100%; padding:0 40px; max-width:1280px; margin:0 auto; box-sizing:border-box;}
.subBanner1 div h1{ font-size:36px; line-height:36px; font-weight:bold}
.subBanner1 div h2{ font-size:22px; line-height:22px; margin-top:15px;opacity:0.5; text-transform:uppercase;}
.subBanner1 div h3{font-size:20px; line-height:20px; margin-top:15px; padding:15px 80px 0 80px;border-top:1px solid #fff; display:inline-block; min-width:500px}*/

.subBanner1{ width:100%; height:31.25vw;background-size:cover!important;  position:relative; margin-top:80px;}
.subBanner1 div{position:absolute; top:50%; left:0; margin:-40px 0 0 0; color:#fff; width:100%; text-align:center}
.subBanner1 div span{ display:inline-block; width:100%; padding:0 40px; max-width:1280px; margin:0 auto; text-align:left; box-sizing:border-box;}
.subBanner1 div h1{ font-size:36px; line-height:36px; font-weight:bold}
.subBanner1 div h2{ font-size:30px; line-height:30px; margin-top:15px;opacity:0.5; text-transform:uppercase}



.subNavBox{border-bottom:1px solid #d1d1d1}

.subNav{text-align:center; width:100%; max-width:1400px; margin:30px auto}
.subNav a{margin:0 10px 10px 0;height:40px; width:180px; line-height:40px; display:inline-block; color:#666; position:relative; overflow:hidden}
.subNav a i{font-size:14px; position:relative; z-index:2;transition:all 0.3s ease;}
.subNav a span{border:1px solid #d1d1d1;position:absolute; width:100%; height:100%; display:block; box-sizing:border-box}
.subNav a div{position:absolute; left:0; top:0; width:0; height:100%; background:#a4000b;z-index:1;transition:all 0.3s ease;}
.subNav a:hover i{color:#fff;}
.subNav a:hover div{width:100%;}
.subNav a:hover i{color:#fff;}
.subNav a:hover div{width:100%;}
.subNav .on i{color:#fff;}
.subNav .on div{width:100%;}


.subNav1{ width:1400px; display:block; margin:0 auto;}
.subNav1 a{ display:inline-block; width:33.333%; border-top:2px solid #d1d1d1;border-bottom:2px solid #d1d1d1;  font-size:17px; font-weight:bold; line-height:48px; text-align:center}
.subNav1 a:hover{ color:#122a69}
.subNav1 .on{border-top:2px solid #122a69;border-bottom:2px solid #122a69; color:#122a69}


.boxMaxMain{ width:100%; max-width:1240px; padding:0 20px; margin:0 auto; overflow:hidden}

.newsList{}
.newsList a{ border-bottom:1px solid #d1d1d1; padding:40px 0; display:block}
.newsTime{ display:inline-block; width:60px; vertical-align:top; font-family:'rubik'; text-align:center}
.newsTime h1{ font-size:48px; color:#a4000b; line-height:50px; letter-spacing:-1px; margin-bottom:5px}
.newsTime h2{ font-size:14px; color:#666; border-top:1px solid #666; border-bottom:1px solid #666; line-height:25px;}
.newsImg{ display:inline-block; width:270px; margin:0 40px; vertical-align:top}
.newsImg img{ width:100%;}
.newsTitle{display:inline-block; width:790px; vertical-align:top; text-align:right}
.newsTitle h1{ font-size:22px; line-height:30px; font-weight:bold; color:#555; margin:16px 0 14px 0; display:block; text-align:left}
.newsTitle h2{ font-size:14px; line-height:24px; color:#999; display:block;text-align:left}
.newsTitle h3{ position:relative; text-align:right; font-size:13px; color:#777; line-height:30px; padding:0 40px 0 0; margin-top:28px; display:inline-block}
.newsTitle h3 i{display:block;width:30px; height:30px; border:1px solid #d1d1d1; position:absolute; right:0; top:0; z-index:2}
.newsTitle h3 span{display:block;background:#a4000b; width:0; height:30px; position:absolute; right:30px; top:0; z-index:3; opacity:0;transition:all 0.3s ease;}
.newsTitle h3 div{width:30px; height:30px; background:url(../images/icojtnews.png) no-repeat center; position:absolute; right:0; top:0; z-index:4}
.newsList a:hover .newsTitle h1{color:#a4000b;}
.newsList a:hover .newsTitle h3 span{right:0; opacity:1; width:30px;}
.newsList a:hover .newsTitle h3 div{background:url(../images/icojtnewshover.png) no-repeat center;}

.boxMtcx{ background:url(../images/bgmtcx.jpg) no-repeat center/cover; height:420px; width:100%; overflow:hidden; margin:40px auto}
.boxMtcx span{ margin:135px 0 0 120px; display:inline-block; width:410px; color:#fff; opacity:0.8}
.boxMtcx span h1{ font-size:24px; font-weight:bold; line-height:44px; border-bottom:2px solid #fff; display:inline-block; margin-bottom:20px}
.boxMtcx span h2{ font-size:15px; line-height:30px; display:block}

.boxPage{width:100%; overflow:hidden; margin:40px auto 50px auto; font-size:0; max-width:1260px;}
.boxPage a{ display:inline-block;font-size:16px;color:#fff;background-color:#bfbfbf;width:40px; height:40px;text-align:center; line-height:40px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#a4000b;}
.curPage{color:#fff!important; background-color:#a4000b!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:12px;line-height:45px;margin:0 15px 0 7px;display:none; vertical-align:middle}


.boxShow{ padding:50px 0; width:100%; max-width:1400px; margin:0 auto}
.boxShoww{ max-width:1200px;}
.showLeft{display:inline-block; width:150px; padding:0 40px 0 0; vertical-align:top; }
.newsDate{ width:110px; height:110px; background:#eee; font-family:'rubik'; text-align:center}
.newsDate h1{line-height:74px; color:#a4000b; font-size:50px;}
.newsDate h2{line-height:36px; background:#a4000b; color:#fff; font-size:16px;}


.showCenter{display:inline-block; width:100%; max-width:1050px; 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;border-bottom:2px solid #d1d1d1; padding-bottom:20px;}
.showInfo i:last-child{display:none}
.showCon{width:100%; padding:20px 0 0 0; font-size:15px; line-height:26px; overflow:hidden; font-family:'微软雅黑'!important}
.showCon img{width:auto; max-width:100%;height:auto!important; /*display:block; margin:0 auto*/}
.showCon p,.showCon div{line-height:26px; text-align:justify}


.showRight{display:inline-block; width:260px; margin:0 0 0 40px;vertical-align:top; background:#ededed; padding:0 20px; width:100%;}
.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:#a4000b}


.showVideo{ width:100%; height:calc((100vw - 30px)/16*9);  max-height:416px; 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------------*/


/*----------------------------inv----------------------------*/
.boxStock{width:100%; height:100px; padding:20px 0 0 0; background:rgba(18,42,105,0.95); position:relative; z-index:100; margin-top:-100px;}
.boxStock1{width:100%; max-width:1400px; margin:0 auto}


.invListText{}
.invListText a{ display:block; width:100%; height:90px;}
.invListText a:nth-child(even){background:#f1f1f1}
.invListText a h1{width:160px; display:inline-block; vertical-align:middle; line-height:20px; font-size:17px; font-family:'rubik'; color:#999; border-right:1px solid #d1d1d1; text-align:center}
.invListText a h2{ width:950px; display:inline-block; vertical-align:middle; line-height:30px; font-size:17px; font-weight:bold; padding:0 0 0 30px;}
.invListText a h3{ width:90px; height:100%; display:inline-block; vertical-align:middle; background:url(../images/icopdf1.png) no-repeat center; opacity:0.15}
.invListText a:hover h3{background:url(../images/icopdf1hover.png) no-repeat center; opacity:1.0}

.cwbgList{ width:100%; overflow:hidden;}
.cwbgList a{width:240px; height:auto;overflow:hidden;display:inline-block; margin:40px 30px 5px 30px; vertical-align:top}
.cwbgList a div{width:100%; height:335px; border:1px solid #d1d1d1;position:relative; background:#a4000b; overflow:hidden}
.cwbgList a div img{width:100%; height:100%;}
.cwbgList a div span{position:absolute; left:0; top:80%; margin-top:-25px; width:100%; height:50px; background:url(../images/icopdf.png) center no-repeat; display:block;opacity:0; transition:all 0.3s; z-index:1}
.cwbgList a i{display:block;line-height:22px; font-size:15px; padding:15px 0 0 0;text-align:center;}
.cwbgList a:hover div img{ opacity:0.2}
.cwbgList a:hover div span{ opacity:1; top:50%;}

.boxQygz{ margin:40px auto;}
.boxQygz li{ background:#f1f1f1; margin-bottom:4px; width:100%; padding:40px 80px;}
.boxQygz li img{ border:1px solid #5b5b5b; border-radius:50%; display:inline-block; vertical-align:middle}
.boxQygz li h1{ font-size:28px; line-height:28px; letter-spacing:2px;display:inline-block; vertical-align:middle; width:265px; padding:0 0 0 25px;}
.boxQygz li h2{  border-left:1px solid #a4a3a3; padding:20px 0 20px 80px; width:490px; display:inline-block; vertical-align:middle; line-height:30px; font-size:16px;}
.boxQygz li h2 i{display:block}
.boxQygz li h2 i a{text-decoration:underline}
.btnGoInv { display:inline-block; vertical-align:middle; width:180px; border-radius:50px; overflow:hidden; position:relative}
.btnGoInv i{ position:relative; display:block;width:100%; line-height:16px; padding:12px 10px; font-size:12px; color:#fff; text-align:center; z-index:3}
.btnGoInv span{position:absolute; left:0; top:0; width:100%; height:100%; border-radius:21px;  background:#122a69; transition:all 1s ease;z-index:1}
.btnGoInv div{position:absolute; left:0; top:0; width:0; height:100%; opacity:0;background:#a4000b;transition:all 0.3s ease; z-index:2;}
.btnGoInv:hover div{width:100%; opacity:1; }
.btnGoInv:hover span{opacity:0; }

.boxZqfw{line-height:30px; font-size:16px; border-top:1px solid #a4a3a3; margin-top:30px; padding-top:20px; display:none} 
.boxZqfw h3{ font-weight:bold}
.boxZqfw p{}

.boxInvContact{margin:40px auto 50px auto; background:#f1f1f1}
.boxInvContact img{display:inline-block; vertical-align:top}
.boxInvContact span{display:inline-block;vertical-align:top; padding:80px 70px 0 70px; width:600px}
.boxInvContact span h1{font-size:30px; line-height:30px;}
.boxInvContact span h2{ border-bottom:1px solid #a4a3a3; width:100%; margin:20px 0 10px 0; height:30px;}
.boxInvContact span h2 a{display:inline-block; line-height:30px; padding:0 30px; font-size:12px; font-weight:bold}
.boxInvContact span h2 .on{ background:#a4000b; color:#fff}
.boxInvContact span h3{font-size:15px; line-height:26px}

.boxInvCon{ font-size:15px; line-height:26px; margin:30px 0 50px 0}
.boxInvCon p{}
.boxInvCon strong{display:block; margin-bottom:5px}
.boxInvCon img{width:100%}

.boxInvGltd{margin:40px auto 30px auto;}
.boxInvGltd li{background:#f1f1f1; margin-bottom:20px; width:100%;}
.boxInvGltd li img{display:inline-block; vertical-align:top}
.invGltdCon{display:inline-block; width:840px; vertical-align:top; padding:0 40px}
.invGltdCon h1{ font-size:28px; line-height:28px; color:#122a69; margin:50px 0 0 0; }
.invGltdCon h2{ font-size:14px; line-height:28px; color:#122a69}
.invGltdCon h3{ width:140px; height:4px; background:#122a69}
.invGltdText{font-size:14px; line-height:24px; width:100%; height:270px; overflow:auto; overflow-x:hidden; margin:30px 0 0 0}
.invGltdText p{margin-bottom:15px}
/*----------------------------inv----------------------------*/

.navTitle{ margin:12px 0 0 0; padding:48px 0; background:url(../images/bgnavline.png) no-repeat bottom center/100% 2px; font-size:28px; line-height:28px; color:#555;}
.navTitle i{ display:inline-block; width:12px; height:12px; background:#a4000b; border-radius:6px; margin:0 12px 0 0; vertical-align:middle}

.navTitle1{ margin:12px auto 0 auto; padding:48px 0; border-bottom:2px solid #a4000b; font-size:28px; line-height:28px; color:#555; display:block; width:100%; max-width:1400px;}
.navTitle1 i{ display:inline-block; width:12px; height:12px; background:#a4000b; border-radius:6px; margin:0 12px 0 0; vertical-align:middle}

.conText{ font-size:15px; line-height:26px;}
.conText h1{ font-size:26px; color:#a4000b; text-align:center; letter-spacing:10px; margin:40px 0}

.imgPcM{width:100%}
.imgPc{width:100%;}
.imgM{width:100%; display:none}

.conTextList{ background:#a4000b; padding:50px 100px; font-size:0; margin:0 0 60px 0}
.conTextList li{display:inline-block; width:33.3%; vertical-align:top}
.conTextList li  i{ display:block; line-height:30px; font-size:15px; color:#fff; background:url(../images/bgli1.png) no-repeat 0 10px; padding:0 0 0 15px;}


.conText1{ font-size:0; padding:40px 0}
.conTextImg{display:inline-block; width:370px; vertical-align:middle; padding:0 0 0 30px}
.conText2{display:inline-block; width:830px; font-size:15px; line-height:26px;vertical-align:middle}

.conText3{padding:40px 0;font-size:15px; line-height:26px;}
.conText3 img{ width:100%}

.gyjjList{font-size:0; width:100%; height:460px; padding:60px 0; text-align:center; background:url(../images/bggyjj.jpg) no-repeat center/cover;}
.gyjjList li{display:inline-block; margin:0 15px; background:rgba(255,255,255,0.7); line-height:26px; width:250px;}
.gyjjList li h1{ font-size:20px; font-weight:bold; letter-spacing:2px; margin:50px 0 10px 0}
.gyjjList li h2{ font-size:15px; margin:0 0 50px 0}
.gyjjList li img{width:100%}



.boxRcln{ width:100%;background:url(../images/bgrcln.jpg) no-repeat top center; overflow:hidden}
.boxRcln1{ width:100%; text-align:center; padding:7px 0 80px 0}
.boxRcln1 i{color:#999; font-size:22px; line-height:22px; display:block; letter-spacing:4.5px; margin-top:30px}

.rclnList{width:100%; overflow:hidden; text-align:center}
.rclnList li{background:#fff; width:280px; overflow:hidden;display:inline-block; margin:0 14px; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative}
.rclnList li h1{ position:absolute; top:20px; left:20px; width:20px; font-size:20px; font-weight:bold; line-height:24px;}
.rclnList li h1 i{ color:#a4000b; font-weight:bold}
.rclnList li div{ background:url(../images/bgrcln1.png) no-repeat bottom center; height:200px; position:relative; z-index:2}
.rclnList li div i{ width:1px; height:100%; display:inline-block; vertical-align:middle}
.rclnList li div span{width:279px; display:inline-block; vertical-align:middle; font-size:15px; line-height:30px}
.rclnList li img{margin-top:-23px; width:100%;}

.boxGzpp{ padding:0 0 80px 0}

.contactList{ padding:40px 0;}
.contactList li{display:inline-block; padding:0 100px 0 10px; vertical-align:middle}
.contactList li img{display:inline-block; vertical-align:middle; border:2px solid #ddd; border-radius:50%; width:60px; }
.contactList li i{display:inline-block; vertical-align:middle; font-size:15px; line-height:26px; padding:0 0 0 15px;}

.contactMap{ width:100%; height:400px; border:1px solid #d1d1d1; margin-bottom:50px;}


/*----------------------------dc----------------------------*/
/*.dcMap{ position:relative; width:1400px; height:670px; margin:0 auto}
.dcMapL{width:539px;}
.dcMapText{margin:55px 0 0 0}
.dcMapR{position:absolute; right:-20px; bottom:0}*/


.bgGray{ background:#f1f1f1; width:100%; overflow:hidden}
.boxSpace70{ height:70px;}
.boxSpace60{ height:60px;}
.boxSpace50{ height:50px;}
.proSortCon{ font-size:15px; line-height:30px; padding:30px 0 70px 0; width:100%; max-width:1060px; display:block; margin:0 auto}

.proSearch{margin:40px 0; position:relative; width:100%; height:50px; overflow:hidden}
.proSearchL{ float:left}
.selectPro{width:180px; height:50px; border:1px solid #d1d1d1; margin-right:10px; padding:0 0 0 5px; line-height:48px; color:#666}
.proSearchR{ float:right; width:370px; background:#f1f1f1; height:50px;}
.inputPro{ width:290px; height:50px; line-height:50px; border:0; background:none; text-indent:10px; font-size:15px;}
.submitPro{ width:80px;height:50px;border:0;background:#a4000b url(../images/icosearchpro.png) no-repeat center; cursor:pointer}
.submitPro:hover{background:#ff0014 url(../images/icosearchpro.png) no-repeat center;}

.proList{ width:100%; margin:40px 0 -30px 0}
.proList a{display:inline-block; width:370px; height:370px; vertical-align:top; margin:0 45px 0 0;}
.proList a:nth-child(3n+3){margin-right:0}
.proList a div{width:100%; height:246px; 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);}

/*----------------------------dc----------------------------*/


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

.proBanner{width:100%;height:36.45vw;overflow:hidden; position:relative;z-index:1; margin-top:80px;}
.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:-2%; text-align:right;z-index:1;}
.proBanner .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.proBanner .swiper-pagination-bullet-active{background:#a4000b; width:20px;}
.proBanner .swiper-button-prev{left:2%; opacity:0.5}
.proBanner .swiper-button-prev:hover{opacity:1}
.proBanner .swiper-button-next{right:2%;opacity:0.5}
.proBanner .swiper-button-next:hover{opacity:1}


.proInfo{margin:-75px auto 0 auto; width:100%;  position:relative;z-index:2; text-align:center}
.proInfo span{ width:150px; height:150px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);display:block; border-radius:50%;margin:0 auto; overflow:hidden}
.proInfo span img{ width:100%; height:100%; border-radius:50%}
.proInfo h1{ background:url(../images/bgprotitle.png) repeat-x center; display:inline-block; width:100%;margin:25px auto 0 0}
.proInfo h1 i{font-size:32px; line-height:32px;padding:0 20px; background:#fff; color:#444}
.proInfoList{ text-align:center; padding:40px 0 50px 0;}
.proInfoList li{ display:inline-block; text-align:left; margin:0 30px}
.proInfoList li img{ display:inline-block; width:40px; height:40px; border:1px solid #4f4f4f; border-radius:50%; margin-right:10px; vertical-align:middle}
.proInfoList li i{display:inline-block; vertical-align:middle; font-size:14px; color:#999; line-height:20px;}
.proInfoList li strong{display:block}


.proCon{ padding:0 5% 60px 5%; width:100%; overflow:hidden}
.proConImg{width:52%; float:left}
.proConImg img{width:100%; height:auto}
.proConText{width:52%; height:24vw; margin:3.4vw 0 0 -4%; float:left; background:#fff; position:relative; z-index:1; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:0 4%; text-align:center}
.proConText i{ display:inline-block; vertical-align:middle; width:1px; height:100%}
.proConText1{display:inline-block; vertical-align:middle; width:98%;}
.proConText1 h1{display:inline-block; border-top:2px solid #555; border-bottom:2px solid #555; line-height:46px; font-size:26px; color:#555; letter-spacing:5px; margin-bottom:20px;}
.proConText2{ text-align:left; font-size:16px; line-height:28px; max-height:calc(26vw - 160px); overflow:hidden; overflow-y:auto; text-align:justify}

.proNav{text-align:center; padding:60px 0 50px 0;}
.proNav i{display:inline-block; border-top:2px solid #555; border-bottom:2px solid #555; line-height:46px; font-size:26px; color:#555; letter-spacing:5px}


.proImgList1{position:relative; padding:0 0 40px 0;  width:100%; overflow:hidden; margin-bottom:60px}
.proImgList{width:100%; height:500px; overflow:hidden;}
.proImgList img{width:auto; height:500px}
.proImgList .swiper-slide{width:auto; z-index:1}
.proImgList .swiper-pagination{bottom:0!important;z-index:1}
.proImgList .swiper-pagination-bullet{width:6px; height:6px; background:#c1c1c1; opacity:1.0; box-sizing:border-box; border-radius:3px;}
.proImgList .swiper-pagination-bullet-active{width:20px; background:#a4000b;}
.proImgList .swiper-button-prev{left:2%; margin-top:-40px; opacity:0.5;pointer-events:auto!important}
.proImgList .swiper-button-prev:hover{ opacity:1}
.proImgList .swiper-button-next{right:2%;margin-top:-40px;opacity:0.5;pointer-events:auto!important}
.proImgList .swiper-button-next:hover{ opacity:1}


.proMap{height:500px; width:100%; padding:0 5% 60px 5%}

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



/*----------------------------service----------------------------*/
.navTitle2{}
.navTitle2 a{display:inline-block; width:50%; text-align:center;font-size:26px; line-height:40px; letter-spacing:10px; border-bottom:2px solid #d1d1d1;padding:50px 0 40px 0;}
.navTitle2 .on{color:#a4000b;border-bottom:2px solid #a4000b!important}

.boxXfi{ width:100%; overflow:hidden;  position:relative; padding:0 0 60px 0}
.boxXfi h1{width:100%; font-size:15px; line-height:30px; text-align:justify; display:block; margin:40px auto}
.boxXfi span{ display:block; padding:0 0 40px 0}
.boxXfi span h2{ display:inline-block; width:20%; text-align:center}
.boxXfi span h2 i{ display:inline-block; background:url(../images/bgi.png) no-repeat left center; font-size:22px; font-weight:bold; line-height:28px; padding:0 0 0 20px}
.boxXfi span h2 img{display:block; margin:10px auto 0 auto}


/*.boxXfp{border-top:2px solid #a4000b;border-bottom:2px solid #a4000b; padding:30px 0; text-align:center; font-size:18px; font-weight:bold; line-height:36px;}*/
.boxXfp{padding:40px 0 0 0; text-align:center;  font-size:15px; line-height:30px;}

.titleXfp{ padding:0 0 0 20px; margin:60px 0 30px 0}
.titleXfp i{font-size:22px; font-weight:bold; line-height:22px;}
.titleXfp span{display:block; font-size:15px; line-height:15px; margin-top:10px; color:#666}
.titleXfp span{color:#666}
.titleXfp1{ border-left:4px solid #f97a74; color:#f97a74}
.titleXfp2{ border-left:4px solid #eeb438; color:#eeb438}
.titleXfp3{ border-left:4px solid #4eadde; color:#4eadde}

.boxXfp1{}
.boxXfp1 img{ margin-right:24px;}
.boxXfp1 img:last-child{ margin:0}


.boxXsfw{ padding:0 100px; width:100%; overflow:hidden}
.boxXsfw img{ width:138px; display:block; margin:60px auto 30px auto}
.boxXsfw p{ font-size:15px; line-height:26px; text-align:justify}

.navXsfw{}
.navXsfw a{display:inline-block; width:50%; text-align:center; border-bottom:2px solid #d1d1d1;padding:50px 0 22px 0;}
.navXsfw a img{ height:40px;}
.navXsfw .on{border-bottom:2px solid #a4000b!important}

.boxXsfwCon{ padding:55px 100px;background:#A4000B; color:#fff; margin:40px 0 0 0}
.boxXsfwCon p{font-size:15px; line-height:26px;text-align:justify}

.boxXsfwList{}
.boxXsfwList li{ width:100%; border-bottom:1px solid #d1d1d1; padding:0 100px;}
.boxXsfwList li i{display:inline-block; width:1px; height:205px; vertical-align:middle}
.boxXsfwList li img{ display:inline-block; width:164px; vertical-align:middle}
.boxXsfwList li span{display:inline-block; width:835px; vertical-align:middle; padding:0 0 0 90px;}
.boxXsfwList li span strong{ font-size:18px; line-height:18px; font-weight:bold; margin-bottom:15px; display:block}
.boxXsfwList li span p{font-size:15px; line-height:26px;text-align:justify}
/*----------------------------service----------------------------*/

/*----------------------------honor----------------------------*/
.boxHonor{background:url(../images/bgqyry.jpg) center no-repeat; width:100%; height:670px;}
.honor{ width:100%; max-width:1400px; height:100%; position:relative; margin:0 auto; display:block;}
.honor a{ position:absolute;display:block; width:230px; height:230px; border-radius:50%; text-align:center; padding:20px;box-shadow:0 0 30px rgba(255,209,158,0.5)}
.honor a{transition:transform 1s;}
.honor a:hover{transform:scale(1.0)!important; opacity:1.0!important; z-index:5; }
.honor .big:hover{transform:scale(1.4)!important; opacity:1.0!important; z-index:5; }
.honor div{width:100%; height:35px;margin:20px 0 10px 0;}
.honor a span{ font-size:26px; line-height:30px;}
.honor a i{ font-size:16px; line-height:16px; display:block; padding-top:10px; margin-top:10px;}
.honor a strong{display:block}

.honorWhite{background:#fff; color:#e42f35!important}
.honorWhite div{ background:url(../images/icohonor1.png) center no-repeat;}
.honorWhite i{border-top:2px solid #e42f35}

.honorRed{background:#e42f35; color:#fff!important}
.honorRed div{background:url(../images/icohonor.png) center no-repeat;}
.honorRed i{border-top:2px solid #fff}

.icoHonor1{top:280px; left:10px;transform:scale(0.8)}
.icoHonor2{top:120px; left:130px;transform:scale(0.7); opacity:0.8;}
.icoHonor3{top:360px; left:250px;transform:scale(0.75)}
.icoHonor4{top:140px; left:370px}
.icoHonor5{top:120px; left:630px;transform:scale(0.8); opacity:0.9}
.icoHonor6{top:360px; left:530px;transform:scale(0.8); opacity:0.8}
.icoHonor7{top:120px; left:860px;transform:scale(0.8); opacity:0.75}
.icoHonor8{top:340px; left:770px;transform:scale(0.7)}
.icoHonor9{top:290px; left:980px;transform:scale(0.7);}
/*----------------------------honor----------------------------*/


/*----------------------------fzlc----------------------------*/
.bgFzlc{background:url(../images/bgfzlc.jpg) no-repeat center; width:100%; height:670px; padding:54px 0 0 0; }
.boxFzlc{ width:100%; max-width:1500px; padding:0 100px; display:block; margin:0 auto;position:relative}
.fzlcList{width:100%; height:564px;overflow:hidden; position:relative; margin:0 auto; background:url(../images/bgfzlcline.png) no-repeat center/100% 2px}
.fzlcList .swiper-slide{width:26%;height:282px; padding:0 0 0 35px; position:relative; overflow:hidden; background:url(../images/imgfzlc1.png) no-repeat left top; margin:10px 0 0 0;}
.fzlcList .swiper-slide:nth-child(even){background:url(../images/imgfzlc2.png) no-repeat left bottom; padding:0 0 0 35px; margin-top:272px}
.boxFzlc .swiper-button-prev{left:10px;margin:-23px 0 0 0; width:46px; height:46px; background:url(../images/bannerjtleft1.png) no-repeat center/cover;opacity:0.5; z-index:101}
.boxFzlc .swiper-button-prev:hover{background:url(../images/bannerjtleft1.png) no-repeat center/cover;opacity:1.0}
.boxFzlc .swiper-button-next{right:10px;margin:-23px 0 0 0;width:46px; height:46px; background:url(../images/bannerjtright1.png) no-repeat center/cover;opacity:0.5; z-index:101}
.boxFzlc .swiper-button-next:hover{background:url(../images/bannerjtright1.png) no-repeat center/cover;opacity:1.0}

.fzlcList .swiper-slide h1{width:1px; height:100%; display:inline-block; vertical-align:middle}
.fzlcList .swiper-slide div{width:calc(100% - 36px);display:inline-block; vertical-align:middle}
.fzlcList .swiper-slide h2{ font-size:28px; line-height:28px; color:#a4000b; font-family:'rubik'}
.fzlcList .swiper-slide span{display:block; margin-top:15px}
.fzlcList .swiper-slide h4{ width:100%; overflow:hidden; font-size:15px; line-height:22px; padding:0 0 0 20px; background:url(../images/icoxiang.png) no-repeat 0 4px/14px 14px}

/*----------------------------fzlc----------------------------*/


/*----------------------------gsjj----------------------------*/
.qyjjCon{font-size:15px; line-height:26px;}
.qyjjCon strong{display:block}
.qyjjList{padding:60px 0; width:100%;}
.qyjjList li{width:380px; height:270px; display:inline-block; margin-right:30px;  position:relative; z-index:1;}
.qyjjList li:last-child{ margin:0}
.qyjjList li div{position:absolute; top:0; left:0; width:100%; min-height:270px;padding:0 40px 40px 40px; background:#ddd; color:#444}
.qyjjList li h1{ padding:30px 0 20px 0}
.qyjjList li h1 .icoQyjj{}
.qyjjList li h1 .icoQyjj_on{ display:none}
.qyjjList li h2{font-size:20px; line-height:30px; font-weight:bold; text-transform:uppercase}
.qyjjList li h3{background:#a4000b; height:2px; width:40px; margin:20px 0}
.qyjjList li h4{font-size:15px; line-height:24px; color:#555; height:24px; overflow:hidden;transition:all 0.6s ease-out;}


.indadd .qyjjList{ padding-top:0px;padding-bottom:0;}
.indadd .qyjjList li{width:32%; height:234px; margin-right:2%;}
.indadd .qyjjList li:nth-child(3n){ margin-right:0; }
.indadd .qyjjList li div{padding-top:40px; min-height:150px;}
.indadd .qyjjList li h1{ position:absolute; right:20px; top:12px;}

.qyjjList1 li{z-index:999;}
.qyjjList2 li{z-index:1001;}



.qyjjList li a{color:#a4000b;}
.qyjjList li:hover div{background:#a4000b; color:#fff;}
.qyjjList li:hover h1 .icoQyjj{display:none}
.qyjjList li:hover h1 .icoQyjj_on{ display:block}
.qyjjList li:hover h3{background:#fff}
.qyjjList li:hover h4{height:auto; color:#fff}
.qyjjList li:hover a{color:#fff;}
.qyjjList li:hover a:hover{ opacity:.8;}
/*----------------------------gsjj----------------------------*/


/*----------------------------ywbj----------------------------*/
.navQxcp{ width:100%; position:relative; z-index:2; margin:0 0 0 0}
.navQxcp li{ width:50%; display:inline-block; text-align:center}
.navQxcp li a{ display:inline-block;width:100%; line-height:48px; font-size:17px; font-weight:bold; text-align:center; background:#fff}
.navQxcp li .on{ background:#a4000b!important; color:#fff}

.boxQxcp{ padding:30px 0 60px 0; display:none}
.qxcpTitle{position:relative; text-align:center}
.qxcpTitle h1{font-size:80px; line-height:100px; color:#f2f2f2; text-shadow:0 0 2px rgba(0,0,0,0.4); text-transform:uppercase; letter-spacing:-4px}
.qxcpTitle h2{position:absolute; width:100%; height:100%; font-size:26px; line-height:100px; left:0; top:0}

/*.qxcpNum{border-left:1px solid #c2c2c2; margin:30px 0 0  0}
.qxcpNum li{ display:inline-block; width:20%; border-right:1px solid #c2c2c2; height:120px; padding:0 30px; vertical-align:top}
.qxcpNum li h1{font-size:18px; line-height:40px}
.qxcpNum li h1 i{ font-size:32px;color:#a4000b; font-family:'rubik'}
.qxcpNum li h1 font{ font-size:30px;color:#a4000b}
.qxcpNum li h2{ font-size:12px; line-height:20px; padding:10px 0 0 0}*/

.qxcpNum{border-left:1px solid #c2c2c2; margin:30px 0 0  0}
.qxcpNum li{ display:inline-block; width:20%; border-right:1px solid #c2c2c2; height:120px; padding:0 20px; vertical-align:top}
.qxcpNum li h1{font-size:18px; line-height:40px}
.qxcpNum li h1 i{ font-size:32px;color:#a4000b; font-family:'rubik'}
.qxcpNum li h1 font{ font-size:30px;color:#a4000b}
.qxcpNum li h2{ font-size:12px; line-height:20px; padding:10px 0 0 0}

.qxcpCon{ width:100%;/* max-height:180px; overflow:hidden; overflow-y:auto; */font-size:15px; line-height:26px; margin:0;}
.qxcpCon strong{display:block; margin-bottom:7px}

.dcMap{ position:relative; width:100%; height:455px; }
.dcMapL{ padding:40px 0 0 0}
.dcMapR{position:absolute; right:0; top:-50px}
.dcMapR img{ width:600px;}
/*----------------------------ywbj----------------------------*/



/*----------------------------zzwh----------------------------*/
.zzwhList{width:100%;height:420px; margin-bottom:60px;}
.zzwhList li{width:8%; height:420px; display:inline-block;margin-right:2px; position:relative; vertical-align:top; background:#000;transition:width .3s;}
.zzwhList li:last-child{margin:0}
.zzwhList li h1{width:50px; height:130px; border:2px solid #fff; padding:13px 13px 0 13px; font-size:20px; line-height:26px; font-weight:bold; color:#fff;position:absolute; left:50%; top:25px; margin:0 0 0 -25px; z-index:2}
.zzwhList li h2{ position:absolute; left:0;bottom:0; width:100%;  background:url(../images/bgblacktitle.png) no-repeat center/cover; z-index:2; font-size:15px; line-height:26px; padding:30px; color:#fff; display:none}
.zzwhList li h3{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;transition:opacity .1s; }

.zzwhList .bg1{background:url(../images/imgzzwh1.jpg) no-repeat -80px center/cover}
.zzwhList .bg2{background:url(../images/imgzzwh2.jpg) no-repeat center/cover}
.zzwhList .bg3{background:url(../images/imgzzwh3.jpg) no-repeat center/cover}
.zzwhList .bg4{background:url(../images/imgzzwh4.jpg) no-repeat 0 center/cover}
.zzwhList .bg5{background:url(../images/imgzzwh5.jpg) no-repeat center/cover}
.zzwhList .bg6{background:url(../images/imgzzwh6.jpg) no-repeat center/cover}
.zzwhList .bg7{background:url(../images/imgzzwh7.jpg) no-repeat center/cover}
.zzwhList .bg8{background:url(../images/imgzzwh8.jpg) no-repeat center/cover}
.zzwhList .bg9{background:url(../images/imgzzwh9.jpg) no-repeat center/cover}
.zzwhList .bg10{background:url(../images/imgzzwh10.jpg) no-repeat center/cover}


.zzwhList .onDiv{width:26%;}
.zzwhList .onDiv h1{ left:62px!important;}
.zzwhList .onDiv h2{display:block}
.zzwhList .onDiv h3{background-position:center center!important;}

.zzwhList li:hover h3{opacity:0.7}

/*----------------------------zzwh----------------------------*/


.shzrCon{ width:100%; background:#fff url(../images/bgshzr.png) no-repeat center; border-top:4px solid #a4000b; padding:80px 70px 70px; font-size:15px; line-height:24px;}
.shzrCon h1{ font-size:26px; line-height:30px; color:#a4000b;text-align:center; padding:80px 0 50px 0}
.sycCon{padding:50px 0;}
.sycCon img{display:inline-block;margin:0 67px 0 67px; vertical-align:middle}
.sycCon span{display:inline-block;font-size:15px; line-height:24px; width:720px;vertical-align:middle}
.sycCon span h1{ font-size:20px; font-weight:bold; margin-bottom:15px}



.boxSpace90{height:90px;}

/*--------------------------------search--------------------------------*/
.bgBox{width:100%; overflow:hidden}
.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:'rubik'; color:#d23928; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{ display:block; line-height:26px; padding:28px 25px 28px 30px; font-size:16px; background:url(../images/bgli.png) 15px 40px no-repeat;}
.searchList a i{float:right; color:#888}
.searchList a:nth-child(even){ background:url(../images/bgli.png) 15px 40px no-repeat;background-color:rgba(0,0,0,0.05);}
/*--------------------------------search--------------------------------*/


.markCn{}
.markFt{display:none}


.in-serv {
	padding-top: 30px;
	background:#F8F8F8;
	background: url(../images/in-serv.jpg) no-repeat center top;
}
.in-serv .hd {
	overflow: hidden;
}

.in-serv .hd .w1400{ position:relative;}
.in-serv .lt {
	float: left;
	color: #fff;
	/*opacity: 0.3;*/
	padding-bottom: 30px;
}
.in-serv .hd .en {
	font-size: 26px;
	font-weight:bold;
	line-height: 36px;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.in-serv .hd .cn {
	font-size: 15px;
	width:550px;
	line-height: 26px;
}
.in-serv .hd .rg {
	float: right;
	position:absolute;
	right:0px;
}
.in-serv .hd .rg li {
	width: 110px;
	text-align: center;
	float: left;
	cursor: pointer;
	opacity: 0.5;
	transition: all ease .3s 0s;
	-moz-transition: all ease .3s 0s;
	-webkit-transition: all ease .3s 0s;
}
.in-serv .hd .rg .on {
	opacity: 1;
}
.in-serv .hd .rg .icon {
	/*height: 50px;
	line-height: 50px;*/
	margin-bottom: 10px;
	transition: all ease .3s 0s;
	-moz-transition: all ease .3s 0s;
	-webkit-transition: all ease .3s 0s;
}
.in-serv .hd .rg .icon img{width:50px;}
.in-serv .rg .tex {
	font-size: 13px;
	line-height: 18px;
	color: #fff;
}
.in-serv .content {
	position: relative;
	height: 360px;
	overflow: hidden;
}
.in-serv .pic-container {
	position: absolute;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	z-index: 1;
	width: 850px;
	height: 450px;
}

.in-serv .tex-container {
	width: 810px;
	height: 360px;
	background: #fff;
	float: right;
	padding: 0px 60px 0 60px;
	position: relative;
  background:#f4f4f4 url(../images/group_txt.jpg) no-repeat center top;
  background-size:cover;
}

.in-serv .tex-container .it {
	text-align: left;
}
.in-serv .tex-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing:border-box;
}

.in-serv .tex-container .swiper-slide {
}
.in-serv .tex-container .tex-hd {
	margin-bottom: 35px;
	overflow: hidden;
}
.in-serv .tex-container .icon {
	float: left;
	height: 61px;
	line-height: 61px;
	width: 61px;
}
.in-serv .tex-container .rg {
	margin-left: 70px;
}
.in-serv .tex-container .cn {
	font-size: 26px;
	line-height: 36px;
	color: #A4000B;
	padding: 14px 0; 
	font-weight:bold;
}
.in-serv .tex-container .en {
	font-size: 15px;
	line-height: 24px;
	color: #535353;
}
.in-serv .tex-container .tex {
	line-height: 30px;
	font-size: 16px;
	color: #999;
	margin-bottom: 50px;
	-webkit-line-clamp: 5;
}
.in-serv .more {
	font-size: 15px;
	font-weight:bold;
	color: #e62129;
	line-height:36px;
}
.in-serv .more:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 8px;
	margin-left: 20px;
	background: url(../images/icon-arr7.png) no-repeat center right;
	transition: all .5s 0s;
	-moz-transition: all .5s 0s;
	-webkit-transition: all .5s 0s;
}
.in-serv .tex-container .it:hover .more:after {
	width: 40px;
}
.in-serv .button {
	width: 70px;
	height: 70px;
	cursor: pointer;
	background: #444;
	position: absolute;
	top: 200px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease .3s 0s;
	-moz-transition: all ease .3s 0s;
	-webkit-transition: all ease .3s 0s;
}
.in-serv .button:hover {
	background-color: #333;
}
.in-serv .prev {
	right: 70px;
	background-image: url(../images/icon-prev1-w.png);
}
.in-serv .next {
	right: 0px;
	background-image: url(../images/icon-next1-w.png);
}
.w1400{ width: 100%; max-width: 1400px; margin:0 auto;}


.banner1{width:1400px;height:430px;overflow:hidden; position:relative; margin:30px auto 0 auto;/* background:#ebebeb*/ padding-bottom:20px;}
.banner1 .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden;}
.banner1 .swiper-slide h1{ display:inline-block; width:62%; height:90%; background-size:cover!important; vertical-align:top;border:0px solid rgba(255, 255, 255, 0.3); margin-left:20px;box-shadow:0 0 20px rgba(0,0,0,.35); }
.banner1 .swiper-slide h1 img{display:block; width:100%; min-height:100%;}
.banner1 .swiper-slide div{ display:inline-block; width:46%; height:280px; padding:0 40px;vertical-align:top; box-sizing:border-box; text-align:justify; position:absolute; right:0; top:45px; background:#a4000b; color:#fff;}
.banner1 .swiper-slide div i{ display:inline-block;  width:1px; height:100%;vertical-align:middle;}
.banner1 .swiper-slide div span{display:inline-block; width:99%; vertical-align:middle;/* max-width:400px;*/}
.banner1 .swiper-slide div span h2{ font-size:17px; line-height:17px; color:#000; opacity:0.7;}
.banner1 .swiper-slide div span h3{ position:relative; padding-left:50px; box-sizing:border-box; padding-bottom:20px; }
.banner1 .swiper-slide div span h3 a{ font-size:22px; font-weight:bold; line-height:30px; color:#fff; text-align:justify;
    display:block; width:100%; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.banner1 .swiper-slide div span h3::before{ content:''; position:absolute; top:15px; left:0px; display:block; width:30px; height:1px; background:#fff; }
.banner1 .swiper-slide div span h4{ font-size:13px; line-height:22px; color:#fff;}
.banner1 .swiper-slide div span h5{ margin-top:20px;}

.banner1 .swiper-pagination{bottom:0px!important;z-index:101; text-align:center;}
.banner1 .swiper-pagination-bullet{width:14px; height:15px; background:url(../images/icobanner.png) no-repeat; background:#000; opacity:..2; border-radius:50px; margin:0 5px!important}
.banner1 .swiper-pagination-bullet-active{background:url(../images/icobanner1.png) no-repeat; background:#A4000B;}
.banner1 .swiper-button-prev{left:1%;margin-top:-45px; width:50px; height:50px; background:url(../images/bannerjtleft.png) no-repeat center left;opacity:0.5; z-index:101}
.banner1 .swiper-button-prev:hover{background:url(../images/bannerjtleft.png) no-repeat center left;opacity:1.0}
.banner1 .swiper-button-next{right:1%;margin-top:-45px;width:50px; height:50px; background:url(../images/bannerjtright.png) no-repeat center right;opacity:0.5; z-index:101}
.banner1 .swiper-button-next:hover{background:url(../images/bannerjtright.png) no-repeat center right;opacity:1.0}


.btnMore_{height:40px; line-height:36px; border:2px solid #ffe8ea; border-radius:20px; width:140px; display:block; position:relative; overflow:hidden;  text-align:center; box-sizing:border-box}
.btnMore_ strong{display:inline-block; padding:0 30px 0 0; font-size:14px; color:#ffe8ea; background:url(../images/icojtmore1.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMore_ font{ position:absolute; left:0; top:0; width:0; height:100%; background:#ffe8ea;z-index:1; display:inline-block; transition:all 0.3s ease;}
.btnMore_:hover strong{color:#A4000B; background:url(../images/icojtmore.png) no-repeat right center;}
.btnMore_:hover font{width:100%;}
.more11 .btnMore_{  border: 2px solid #a4000b;}
.more11 .btnMore_ strong{color:#a4000b; background:url(../images/icojtmore.png) no-repeat right center;}


.btnMore_1{height:40px; line-height:36px; border:2px solid #A4000B; border-radius:20px; width:140px; display:block; position:relative; overflow:hidden;  text-align:center; box-sizing:border-box; margin:0 auto;}
.btnMore_1 strong{display:inline-block; padding:0 30px 0 0; font-size:14px; color:#A4000B; background:url(../images/icojtmore.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMore_1 font{ position:absolute; left:0; top:0; width:0; height:100%; background:#A4000B;z-index:1; display:inline-block; transition:all 0.3s ease;}
.btnMore_1:hover strong{color:#ff9ea5; background:url(../images/icojtmore1.png) no-repeat right center;}
.btnMore_1:hover font{width:100%;}

.







.indPro1{position:relative; width:1400px; margin:0 auto 0 auto; overflow:hidden; z-index:2;}
.indPro1 li{float:left; width:50%; height:280px; position:relative; overflow:hidden}
.indPro1 li h3{ position:absolute}
.indPro1 li h1{font-size:24px; line-height:18px; font-weight:bold; color:#fff; position:absolute; left:40px; top:40px;  z-index:4;transition:all 1s ease}
.indPro1 li h1 i{display:block; font-size:14px; line-height:14px; margin-top:8px; font-weight:bold}
.indPro1 li h2{ position:absolute; width:100%; height:40px; background:url(../images/logosyc1.png) no-repeat center/auto 100%; top:40px;}


.indPro1 li:nth-child(1){background:url(../images/imgindpro1.jpg) no-repeat center/cover;height:560px;}
.indPro1 li:nth-child(1) h3{ width:160px; height:160px; background:rgba(164,0,11,0.9); right:-80px; top:50%; margin:-80px 0 0 0; border-radius:100%; z-index:2;transition:all 1s ease}
.indPro1 li:nth-child(1):hover h1{color:#fff}
.indPro1 li:nth-child(1):hover h3{width:110vw; height:110vw; right:-55vw; margin:-55vw 0 0 0;}

.indPro1 li:nth-child(2){background:url(../images/imgindpro2.jpg) no-repeat center/cover;}
.indPro1 li:nth-child(2) h1{left:auto; right:40px; text-align:right;}
.indPro1 li:nth-child(2) h3{width:160px; height:160px; background:rgba(164,0,11,0.9); left:-80px; bottom:-80px;  border-radius:100%; z-index:2;transition:all 1s ease}
.indPro1 li:nth-child(2):hover h1{color:#fff}
.indPro1 li:nth-child(2):hover h3{width:110vw; height:110vw; left:-55vw;bottom:-55vw;}


.indPro1 li:nth-child(3){background:url(../images/imgindpro3.jpg) no-repeat center/cover;}
.indPro1 li:nth-child(1) h1{ color:#666}
.indPro1 li:nth-child(3) h1{left:auto; top:auto;bottom:40px; right:40px; text-align:right; color:#fff}
.indPro1 li:nth-child(3) h3{width:160px; height:160px; background:rgba(164,0,11,0.9); left:-80px; top:-80px;  border-radius:100%; z-index:2;transition:all 1s ease}
.indPro1 li:nth-child(3):hover h1{color:#fff}
.indPro1 li:nth-child(3):hover h3{width:110vw; height:110vw; left:-55vw;top:-55vw;}

.indPro1 li:nth-child(1) .quan{ position:absolute;top:50%; right:0; margin:-208px -208px 0 0; z-index:3}
.indPro1 li:nth-child(2) .quan{ position:absolute;bottom:0; left:0; margin:0 0 -208px -208px; z-index:3}
.indPro1 li:nth-child(3) .quan{ position:absolute;top:0; left:0; margin:-208px 0 0 -208px; z-index:3}

.indProText{width:100%; text-align:center; position:absolute; left:0; top:70px; text-align:center; color:#fff; z-index:4; opacity:0;transition:all 1s ease}
.indPro1 li:nth-child(2) .indProText{top:50px;}
.indPro1 li:nth-child(3) .indProText{top:50px;}

.indProList{ width:100%;}
.indProList a{border-radius:21px; line-height:40px; border:1px solid rgba(255,255,255,0.3); font-size:15px;display:block; width:380px; margin:0 auto 10px auto; color:#fff}
.indProList a:hover{border:1px solid rgba(255,255,255,1);}

.indPro1 li:hover .indProText{opacity:1;}





.btnMore1{line-height:42px; height:42px; background:#fff; border-radius:21px; width:200px; display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center}
.btnMore1 i{display:inline-block; padding:0 30px 0 0; font-size:14px; color:#A4000B; background:url(../images/icojtmore.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMore1 div{ position:absolute; left:0; top:0; width:0; height:100%; background:#ff7d7d;z-index:1;transition:all 0.3s ease;}
.btnMore1:hover i{color:#fff; background:url(../images/icojtmore1.png) no-repeat right center;}
.btnMore1:hover div{width:100%;}

.aboutNum{padding:50px 0 0;}
.aboutNum li{width:25%; height:160px; background:#ffe8ea; position:relative; display:inline-block; vertical-align:middle; line-height:26px; font-size:15px; font-weight:bold; color:rgba(0,0,0,0.4); padding:22px 0 0 30px}
.aboutNum li:nth-child(2){ background:#ffc5c9}
.aboutNum li:nth-child(3){ background:#ffaab0}
.aboutNum li:nth-child(4){ background:#ff7b84}
.aboutNum li img{position:absolute; right:20px; top:40px; opacity:0.3}
.aboutNum li h1{ font-size:50px; line-height:50px; font-family:'rubik'; /*color:#555;*/ margin:8px 0 5px 0; color:rgba(0,0,0,0.6)}


.indAbout{ width:100%; max-width:1400px; margin:0 auto; padding:80px 0; position:relative; vertical-align:top;}
.indAbout .id_z{ display:inline-block; width:42%; vertical-align:middle; ;}
.indAbout h1{ display:inline-block; width:5px; height:100px; background:#A4000B; border-top-right-radius:5px;border-bottom-right-radius:5px;vertical-align:middle}
.indAbout h2{ text-align:center;}
.indAbout h2 i{color:#a2010d; font-size:14px; font-family:'rubik'; text-transform:uppercase}
.indAbout h2 font{color:#595959; font-size:26px; line-height:26px; margin-bottom:6px;font-weight:bold; display:block}
.indAbout .id_y{ display:inline-block; width:55%; font-size:15px; line-height:26px; text-align:justify; vertical-align:middle;margin-left:3%}
.indAbout .id_y .btnMore_{margin:0px auto;}
.indAbout .id_y p{padding-bottom:20px;}
.indAbout img{ width:100%;}


.foot_t{background:#f2f5f8 url(../images/ft_d.jpg) no-repeat center bottom; padding:60px 0;color:#808080}
.foot_t dl{display:inline-block; font-size:14px; line-height:30px; vertical-align:top; padding-right:100px;}
.foot_t dl:last-child{padding-right:0;}
.foot_t dt{font-size:18px; color:#808080; font-weight:bold; padding-bottom:20px;}
.foot_t dl dd{margin:0; padding:0;}
.foot_t dl dd.dih{font-size:36px; color:#97212b; font-weight:bold; padding-bottom:20px;}
.foot_t a{color:#808080}
.foot_t a:hover{ color:#a4000b;}

.xp_f{padding-top:50px;}
.xp_f li{display:inline-block; font-size:14px; width:24.25%; background:#fff;line-height:24px; padding:30px 0; vertical-align:top; margin-right:1%;}
.xp_f li:last-child{ margin-right:0;}
.xp_f li:hover{background:#a4000b; color:#fff; transition:all 0.6s ease;}
.xp_f li h3{font-size:15px; font-weight:bold; color:595959; padding:0 40px 10px; height:30px; line-height:30px; overflow:hidden;}
.xp_f li:hover h3{color:#fff}
.xp_f li p{padding:0 40px;margin:20px 0; }
.xp_f li p.p1{ height:120px; overflow:hidden; }
.xp_f li p.more {
	font-size: 16px;
	color: #e62129;
	line-height:36px;
}
.xp_f li p.more:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 8px;
	margin-left: 0px;
	background: url(../images/icon-arr7.png) no-repeat center right;
	transition: all .5s 0s;
	-moz-transition: all .5s 0s;
	-webkit-transition: all .5s 0s;
}
.xp_f li:hover p.more:after {
	width: 40px;
}

.xp_f li:hover .more11 .btnMore_{border:2px solid #fff;}
.xp_f li:hover .more11 .btnMore_ strong{color:#fff;}
.xp_f li:hover .more11 .btnMore_:hover strong{ color:#a4000b;}
.ditu{width:100%; height:400px;}