body{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#666;}
a{ transition:all 0.3s; text-decoration:none;}
a:hover{ text-decoration:none;}
.hong{ color:#c30d23 }
.yellow{ color:#fffc00 !important}
.bgf8{ background:#f8f8f8}
.bg222{ background:#222;}


.banner{ width:100%; position:relative; overflow:hidden;}
.bannerbg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.6)}
.bannerbgm{ width:1200px; height:300px; position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-160px; display:table}
.bannerbgmm{ display:table-cell; vertical-align:middle; text-align:center; width:100%; height:300px; color:#fff;}
.bannerbgmm h2{ font-size:30px; line-height:40px; color:#fff}
.bannerbgmm p{ color:#fff;  font-size:20px; padding-top:10px;}
.banner img{ max-width:100%; height:auto}
.bannerb{ left:0!important; z-index:10; position:absolute; bottom:50px!important;width:100%;text-align:center;}
.bannerb .swiper-pagination-bullet{ display:inline-block; width:12px; height:12px;  margin:0 5px !important; background:#fff; opacity:0.7; border-radius:6px}
.bannerb .swiper-pagination-bullet-active{ width:30px; opacity:1}
.bannerl{ display:inline-block; width:50px; height:50px; background:url(../images/icon1.png) no-repeat center center rgba(0,0,0,0.5); border-radius:50%; position:absolute; left:80px; top:50%; margin-top:-25px; z-index:10; cursor:pointer; opacity:0;transition:all 0.3s;}
.bannerl:hover{background:url(../images/icon1.png) no-repeat center center rgba(0,0,0,1);}
.bannerr{ display:inline-block; width:50px; height:50px; background:url(../images/icon1b.png) no-repeat center center rgba(0,0,0,0.5); border-radius:50%; position:absolute; right:80px; top:50%; margin-top:-25px; z-index:10;cursor:pointer; opacity:0;transition:all 0.3s;}
.bannerr:hover{background:url(../images/icon1b.png) no-repeat center center rgba(0,0,0,1);}
.banner:hover .bannerl,.banner:hover .bannerr{ opacity:1}
.icon12{ background:url(../images/icon12.png) no-repeat center top; width:100%; position:absolute; left:0; top:0; z-index:300; box-sizing:border-box; padding:0 40px;}
 .sxlink a{   font-size: 16px;
    line-height: 50px;
    margin: 0;
    color: #666;}
@media only screen and (min-width: 1921px) {
	.banner img {
		max-width: none;
		width: 100%;
	}
	.icon12 {
		background:url(../images/icon12.png) repeat-x center top;
	}
}
.subnav{ background:#fcfcfc;width:100%; position:absolute; left:0; top:0; z-index:300; box-sizing:border-box; padding:0 40px;}
a.logo2{ background:url(../images/logo2.png) no-repeat left center; display:inline-block; float:left; width:143px; height:90px;transition:all 0.3s;}
.subnav .logo2{background:url(../images/logo3.png) no-repeat left center;}
.navr{ float:right; display:inline-block; text-align:right; }
.navrl{ float:left; display:inline-block; position:relative}
.navr li{ display:inline-block; margin-right:40px; float:left;transition:all 0.3s;}
.navr li a.navtxt{ display:inline-block; border-top:2px solid rgba(0,0,0,0); line-height:88px; color:#fff; font-size:17px; cursor:pointer;transition:all 0s;}
.navr li:hover a.navtxt{ color:#ff0; border-top:2px solid #ff0;transition:all 0.3s;}
.navr li:nth-child(8){ margin-right:50px}
.subnav .navr li a.navtxt{ color:#333;}
.subnav .navr li:hover a.navtxt,.subnav .navr li.now a.navtxt{ color:#c30d23; border-top:2px solid #c30d23;}

.icon13{ background:url(../images/icon13.png) no-repeat left center; display:inline-block; line-height:90px; padding-left:35px; font-size:24px;  color:#fff;transition:all 0.3s; box-sizing:border-box; width:210px; white-space:nowrap}
.subnav .icon13{background:url(../images/icon13cc.png) no-repeat left center; color:#c30d23}

.icon12now{ background:rgba(0,0,0,0.5); position:fixed}
.icon12now .logo2{background:url(../images/logo2b.png) no-repeat left center; height:70px;}
.icon12now .navr li{ margin-right:35px;}
.icon12now .navr li a.navtxt{ font-size:15px; line-height:68px; color:#fff}
.icon12now .navr li:hover a.navtxt{ color:#ff0; border-top:2px solid #ff0;}
.icon12now .icon13{ line-height:70px;background:url(../images/icon13.png) no-repeat left center;color:#fff;}
.navb{ background:rgba(255,255,255,0.95);  position:absolute; top:90px; z-index:20; padding:30px 0; text-align:center;  box-sizing:border-box; display:none ; right:0; margin-right:-250px}
.icon12now .navb{ top:70px}
.navb ul{ display:block; width:1155px; margin:0 auto}
.navb li{ width:85px; margin:0 31px;  display:inline-block; vertical-align:top}
.navb li:nth-child(7){margin:0 31px; }
.navb li h2{ line-height:40px; color:#333; font-size:17px; padding-top:36px; padding-bottom:10px;}
.navb li h2 a{ line-height:40px; color:#333; font-size:17px;}

.navb li a{ display:block; width:100%; text-align:center; line-height:30px; color:#666; font-size:14px;}
.navb li.now2 h2,.navb li.now2 a{ color:#c30d23}
.navb li:hover a:hover{ font-weight:bold}
.icon5{ background:url(../images/icon5a.png) no-repeat center top}
.navb li.now2 .icon5{background:url(../images/icon5b.png) no-repeat center top}
.icon6{ background:url(../images/icon6a.png) no-repeat center top}
.navb li.now2 .icon6{background:url(../images/icon6b.png) no-repeat center top}
.icon7{ background:url(../images/icon7a.png) no-repeat center top}
.navb li.now2 .icon7{background:url(../images/icon7b.png) no-repeat center top}
.icon8{ background:url(../images/icon8a.png) no-repeat center top}
.navb li.now2 .icon8{background:url(../images/icon8b.png) no-repeat center top}
.icon9{ background:url(../images/icon9a.png) no-repeat center top}
.navb li.now2 .icon9{background:url(../images/icon9b.png) no-repeat center top}
.icon10{ background:url(../images/icon10a.png) no-repeat center top}
.navb li.now2 .icon10{background:url(../images/icon10b.png) no-repeat center top}
.icon11{ background:url(../images/icon11a.png) no-repeat center top}
.navb li.now2 .icon11{background:url(../images/icon11b.png) no-repeat center top}



.title{ text-align:center; color:#333; font-size:30px; line-height:35px;}
.title b{ font-weight:normal;color:#a22c26; text-transform:uppercase}
.about{ padding:75px 0; max-width:1200px; margin:0 auto}
.aboutm{ padding:30px 70px 40px; text-align:center; line-height:30px; color:#666; font-size:14px}
.aboutb{ position:relative; text-align:center}
.aboutb li{ display:inline-block; margin:0 36px; width:90px; cursor:pointer; position:relative; z-index:5}
.aboutb li span{ display:inline-block; width:88px; height:88px; border-radius:50%; border:1px dashed #c30d23;}
.aboutb li p{ line-height:30px; padding-top:15px; text-align:center; color:#666; font-size:16px;}
.aboutb li:hover p{ color:#c30d23; }
.aboutb li:hover span{ box-shadow:0 0 15px rgba(195,13,35,0.1)}
.icon14{ background:url(../images/icon14a.png) no-repeat center center #fff}
.aboutb li:hover .icon14{background:url(../images/icon14b.png) no-repeat center center #c30d23}
.icon15{ background:url(../images/icon15a.png) no-repeat center center #fff}
.aboutb li:hover .icon15{background:url(../images/icon15b.png) no-repeat center center #c30d23}
.icon16{ background:url(../images/icon16a.png) no-repeat center center #fff}
.aboutb li:hover .icon16{background:url(../images/icon16b.png) no-repeat center center #c30d23}
.icon17{ background:url(../images/icon17a.png) no-repeat center center #fff}
.aboutb li:hover .icon17{background:url(../images/icon17b.png) no-repeat center center #c30d23}
.icon18{ background:url(../images/icon18a.png) no-repeat center center #fff}
.aboutb li:hover .icon18{background:url(../images/icon18b.png) no-repeat center center #c30d23}
.icon19{ background:url(../images/icon19a.png) no-repeat center center #fff}
.aboutb li:hover .icon19{background:url(../images/icon19b.png) no-repeat center center #c30d23}
.aboutbline{ width:100%; height:0; border-bottom:1px dashed #edb6bd; position:absolute; left:0; top:44px; display:inline-block; z-index:2}
.aboutbl{ display:inline-block; width:7px; height:7px; border-radius:50%; left:0; top:41px; background:#edb6bd; position:absolute}
.aboutbr{ display:inline-block; width:7px; height:7px; border-radius:50%; right:0; top:41px; background:#edb6bd; position:absolute}
.cpfa{ background:#f8f8f8; padding:75px 0;}
.cpfatxt{ color:#666; font-size:14px; padding:30px 0 45px; line-height:30px; text-align:center}
.cpfamwrap{ position:relative;max-width:1200px; overflow:hidden}
.cpfaml{ display:inline-block; color:#333; font-size:50px; font-family:"\5FAE\8F6F\96C5\9ED1"; width:30px; height:50px; text-align:center; line-height:50px; position:absolute; left:-50px; top:50%; margin-top:-25px; cursor:pointer}
.cpfaml:hover{ color:#c30d23}
.cpfamr{ display:inline-block; color:#333; font-size:50px; font-family:"\5FAE\8F6F\96C5\9ED1"; width:30px; height:50px; text-align:center; line-height:50px; position:absolute; right:-50px; top:50%; margin-top:-25px; cursor:pointer}
.cpfamr:hover{ color:#c30d23}


.cpfam{ max-width:1200px; overflow:hidden; margin:0 auto; }
.cpfam .swiper-slide{ background:#fff; border-radius:10px; position:relative; height:340px; cursor:pointer; overflow:hidden}
.ctxlt{ text-align:center; width:100%; position:absolute; left:0; height:132px; top:0; box-sizing:border-box; padding-top:45px; z-index:2; transition:all 0.3s}
.ctxlt h2{ color:#333; font-size:22px; line-height:35px; padding-bottom:20px;}
.ctxlt a{ display:inline-block; color:#999; font-size:14px; border:1px solid #d2d2d2; line-height:30px; width:90px; text-align:center; border-radius:15px; text-transform:uppercase}
.ctxlb{ text-align:center; width:100%; position:absolute; left:0; bottom:0; height:190px; z-index:1;transition:all 0.3s}
.cpfam .swiper-slide:hover .ctxlt{ padding:0;  height:100%; background:rgba(195,13,35,0.9)}
.cpfam .swiper-slide:hover .ctxlt h2,.cpfam .swiper-slide:hover .ctxlt a{ color:#fff}
.cpfam .swiper-slide:hover .ctxlb{ height:100%}
.cpfab{ text-align:center; padding:40px 0 0}
.cpfab .swiper-pagination-bullet{ width:50px; height:4px; border-radius:4px; background:#202020 ; margin:0 5px; opacity:1}
.cpfab .swiper-pagination-bullet-active{ background:#c30d23}
.klgzwrap{ overflow:hidden; }
.bg1{ background:#e1b883}
.bg2{ background:#c0c0c0}
.bg3{ background:#b9e62e}
.bg4{ background:#ffde00}
.bg5{ background:#c30d23}
.bg6{ background:#222}

.div1,.div2,.div3,.div4,.div5,.div6,.div7{padding:140px 20px 120px; display:none}
.klgz,.klsh,.hpxx,.czzw,.sxwh,.gzyl{ max-width:1200px; margin:0 auto; }
.klgzl{ float:left; width:32%; cursor:pointer}
.klgzr{ float:right; width:48%}

.klgzline1{ display:inline-block; width:100px; height:4px; transition:all 0.3s;  position:absolute; left:0; bottom:0 }
.tbtop{ cursor:pointer; position:relative; display:inline-block}
.klgzl:hover .klgzline1{width:100%;}
.klgztxt1{ line-height:100px; margin-bottom:20px;  padding-left:100px; font-size:28px; display:inline-block; position:relative}
.icon21{background:url(../images/icon21.png) no-repeat left center;}
.icon22{background:url(../images/icon22.png) no-repeat left center;}
.icon23{background:url(../images/icon23.png) no-repeat left center;}
.klgztxt2{font-size:14px; line-height:24px; padding:40px 0; height:72px;}
.klgzl:hover .klgztxt2{ font-weight:bold}
.lefta{ display:inline-block; width:42px; height:42px;  cursor:pointer;background:url(../images/icon50a.png) no-repeat center center;cursor:pointer}
.lefta:hover{background:url(../images/icon50b.png) no-repeat center center;}
.righta{ display:inline-block; width:42px; height:42px;  cursor:pointer;background:url(../images/icon51a.png) no-repeat center center; cursor:pointer}
.righta:hover{ background:url(../images/icon51b.png) no-repeat center center;}
.leftb{ display:inline-block; width:42px; height:42px; border-radius:50%;    cursor:pointer;background:url(../images/icon76a.png) no-repeat center center;}
.leftb:hover{ background:url(../images/icon76b.png) no-repeat center center;}
.rightb{ display:inline-block; width:42px; height:42px; background:url(../images/icon77a.png) no-repeat center center; cursor:pointer}
.rightb:hover{ background:url(../images/icon77b.png) no-repeat center center;}



.klgzrm{}
.klgzrm li{ margin-bottom:40px; cursor:pointer}
.klgzrl{ float:left; padding-right:30px; text-align:left; display:inline-block }
.klgzrl p{color:#000; font-size:44px; font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:45px; margin-bottom:15px;}
.klgzrl span{display:inline-block; width:18px; height:2px; background:#222; transition:all 0.3s}
.klgzr li:hover .klgzrl span{ width:38px;}

.klgzrr{ float:left; display:inline-block; max-width:485px;}
.klgzrr h2{ color:#000; font-size:16px; height:30px; line-height:30px; padding-bottom:10px;}
.klgzrr p{ line-height:22px; color:#666; font-size:14px;}
.klgzr li:hover .klgzrr h2{ font-weight:bold}
.klgzr li:hover .klgzrr p{ color:#000}
.more{ display:inline-block; width:80px; height:30px; line-height:30px; border-radius:18px; text-align:center; border:1px solid #000; color:#000; font-size:12px; text-transform:uppercase}
.more:hover{ background:#000; color:#fff;}
.klsh .klgzrr p,.hpxx .klgzrr p{ color:#ccc;}
.hpxx .klgzr li:hover p,.klsh .klgzr li:hover p{ color:#fff}
.klsh .klgzrr h2,.hpxx .klgzrr h2{ color:#fff}
.klsh .klgzr li:hover .klgzrr h2,.hpxx .klgzr li:hover .klgzrr h2{ color:#fff700}
.klsh .klgzrl p,.hpxx .klgzrl p{ color:#fff}
.klsh .klgzrl span,.hpxx .klgzrl span{ background:#fff700}
.klsh .more,.hpxx .more{ border:1px solid #fff; color:#fff;}
.klsh .more:hover,.hpxx .more:hover{ color:#000;background:#fff700; border:1px solid #fff700}
.xwzx{ background:#f8f8f8; padding:75px 0 80px;}
.xwm{ padding:50px 0 20px; overflow:hidden; max-width:1200px; margin:0 auto; }
.xwm .swiper-slide{ background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.1); height:465px; position:relative; overflow:hidden}
.xwmt{ height:260px; width:100%; position:relative; z-index:1; background-position: center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}
.xwm .swiper-slide a:hover .xwmt{ }
.xwmb{ position:absolute; left:0; bottom:-50px; padding:35px 20px; height:255px; box-sizing:border-box; line-height:22px; color:#666; font-size:14px; background:#fff; z-index:10; transition:all 0.3s;width:100%;}
.xwmb h2{ border-bottom:1px solid #e8e8e8; color:#333; font-size:16px; line-height:25px; padding-bottom:15px; margin-bottom:10px; height:50px;}
.xwmb p span{ line-height:30px; font-size:16px; color:#c30d23; margin-top:25px; opacity:0;transition:all 0.3s}
.icon24{ background:url(../images/icon24a.png) no-repeat center center; display:inline-block; width:55px; height:55px; border-radius:50%; position:absolute; left:50%; margin-left:-22.5px; top:-22.5px; transform:rotate(-360deg); transition:all 0.3s}
.xwm .swiper-slide a:hover .xwmb{ bottom:0}
.xwm .swiper-slide a:hover .icon24{background:url(../images/icon24b.png) no-repeat center center;transform:rotate(0deg)}
.xwm .swiper-slide a:hover .xwmb p span{ opacity:1}
.xwb{ text-align:center; padding:40px 0 0}
.xwb .swiper-pagination-bullet{ width:50px; height:4px; border-radius:4px; background:#202020 ; margin:0 5px; opacity:1}
.xwb .swiper-pagination-bullet-active{ background:#c30d23}
.img4{ background:url(../images/img4.jpg) no-repeat center center; width:100%; height:760px; box-sizing:border-box; padding:75px 0 50px;}
.img5{ margin:50px auto 0; background:url(../images/img5.png) no-repeat center center; width:663px; height:548px; position:relative;}
.point{ position:absolute; width:80px; height:80px;}
.point a{ position:absolute; background:#c30d23; border:1px solid #c30d23; border-radius:3px; color:#fff; font-size:14px; line-height:30px; padding:0 10px; white-space:nowrap}
.point a:hover{ color:#c30d23; background:#fff;}
.pointm{ background:#c30d23; display:inline-block; width:10px; height:10px; border-radius:50%; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; }

.point div{ position:absolute; width:100%; height:100%; left:0; top:0}
.quan10:after{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #c30d23;opacity: 0;animation: ripple 4.5s ease-out 225ms infinite;}
.quan40:after{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #c30d23;opacity: 0;animation: ripple 4.5s ease-out 0.9s infinite;}
.quan80:after{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #c30d23;opacity: 0;animation: ripple 4.5s ease-out 1.8s infinite;box-shadow:inset 0 0 5em rgba(195,13,35,.16)}
.icon26{ background:url(../images/icon26.png) no-repeat center center; display:inline-block; width:32px; height:13px; position:absolute; left:5px; top:25px;}
.icon25{ background:url(../images/icon25.png) no-repeat center center; display:inline-block; width:32px; height:14px; position:absolute; left:40px; top:25px;}
.footert{ max-width:1200px; margin:0 auto; padding:70px 0 45px;}
.footertl{ float:left; width:460px;}
.footertl h2{ color:#fff; line-height:30px; font-size:16px; padding-bottom:45px}
.icon27a{ background:url(../images/icon27a.png) no-repeat left center; line-height:40px; padding-left:55px; color:#fff; font-size:16px; margin-right:22px; display:inline-block; height:40px;}
.icon27b{ background:url(../images/icon27b.png) no-repeat left center; line-height:40px; padding-left:55px; color:#fff; font-size:16px;display:inline-block; height:40px;}
.icon27c{ background:url(../images/icon27c.png) no-repeat left center; padding-left:55px; line-height:20px; font-size:16px; color:#fff;}
.icon27a span,.icon27b span,.icon27c span{ opacity:0.5}
.icon28a{ background:url(../images/icon28a.png) no-repeat center center !important; display:inline-block; padding:8px 20px; margin:0 5px!important; opacity:0.5}
.icon28a:hover{ opacity:1!important}
.icon28b{ background:url(../images/icon28b.png) no-repeat center center !important; display:inline-block; padding:8px 20px; margin:0 5px!important;opacity:0.5}
.icon28b:hover{ opacity:1!important}
.icon28c{ background:url(../images/icon28c.png) no-repeat center center !important; display:inline-block; padding:8px 20px; margin:0 5px!important;opacity:0.5}
.icon28c:hover{ opacity:1!important}
.icon28d{ background:url(../images/icon28d.png) no-repeat center center !important; display:inline-block; padding:8px 20px; margin:0 5px!important;opacity:0.5}
.icon28d:hover{ opacity:1!important}
.icon28e{ background:url(../images/icon28e.png) no-repeat center center !important; display:inline-block; padding:8px 20px; margin:0 5px!important;opacity:0.5}
.icon28e:hover{ opacity:1!important}
.footertr{ float:right; width:570px;}
.footertr_input100{ width:100%; height:40px; line-height:40px; box-sizing:border-box; background:rgba(255,255,255,0.05); border-radius:5px;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#666; font-size:14px; padding:0 10px; border:none}
.footertr_input49{ width:49%; height:40px; line-height:40px; box-sizing:border-box; background:rgba(255,255,255,0.05); border-radius:5px;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#666; font-size:14px; padding:0 10px; border:none}
.footertr_text{ width:100%; height:90px; line-height:40px; box-sizing:border-box; background:rgba(255,255,255,0.05); border-radius:5px;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#666; outline:none; font-size:14px; padding:0 10px; border:none}
.icon60a{background:url(../images/icon60a.png) no-repeat 10px center rgba(255,255,255,0.05) !important; padding-left:40px !important}
.icon60a:focus{ border:1px solid #666;}
.icon60b{background:url(../images/icon60b.png) no-repeat 10px center rgba(255,255,255,0.05) !important; padding-left:40px !important}
.icon60b:focus{ border:1px solid #666;}
.icon60c{background:url(../images/icon60c.png) no-repeat 10px center rgba(255,255,255,0.05) !important; padding-left:40px !important}
.icon60c:focus{ border:1px solid #666;}
.icon60d{background:url(../images/icon60d.png) no-repeat 10px center rgba(255,255,255,0.05) !important; padding-left:40px !important}
.icon60d:focus{ border:1px solid #666;}
.icon60e{background:url(../images/icon60e.png) no-repeat 10px center rgba(255,255,255,0.05) !important; padding-left:40px !important}
.icon60e:focus{ border:1px solid #666;}
.icon60f{background:url(../images/icon60f.png) no-repeat 10px 12px rgba(255,255,255,0.05) !important; padding-left:40px !important}
.icon60f:focus{ border:1px solid #666;}


.footertr_btn{ border:1px solid #666; height:40px; width:125px; border-radius:20px; color:#fff;  font-size:14px; text-align:center;font-family:"\5FAE\8F6F\96C5\9ED1"; cursor:pointer; background:none}
.footertr_btn:hover{ background:#666; }
.footerb{ border-top:1px solid rgba(255,255,255,0.06); max-width:1200px; margin:0 auto; padding:30px 0}
.footerbl{ float:left; width:650px; text-align:left; color:#666; font-size:10px; line-height:25px;}
.footerbl a{ color:#999; font-size:15px;}
.footerbl a:hover{ color:#fff;}
.footerbr{ float:right; width:205px;}
.footerbrl{ text-align:right; padding-right:25px; line-height:25px; font-size:14px; color:#666; float:right}
.float{ position:fixed; right:0; top:50%; margin-top:-160px; width:60px; z-index:200}
.icon29{ background:url(../images/icon29.png) no-repeat center center; width:60px; height:30px; display:none; cursor:pointer; position:fixed; right:0; top:50%; margin-top:-15px; z-index:200}
.icon30{ background:url(../images/icon30.png) no-repeat center center; width:60px; height:45px; display:inline-block; cursor:pointer}
.icon31a{ display:inline-block; width:60px; height:60px; position:relative; border-bottom:1px solid #535353; vertical-align:top}
.icon31am{ background:url(../images/icon31a.png) no-repeat 18px center #303030; padding-left:60px; height:60px; line-height:60px; color:#fff; font-size:16px; position:absolute; left:0; top:0; transition:all 0.3s; display:inline-block; width:200px;transition:all 0.3s}
.icon31a:hover .icon31am{ left:-80px;background-color:#da251c}
.icon31b{ display:inline-block; width:60px; height:60px; position:relative;border-bottom:1px solid #535353; vertical-align:top}
.icon31bm{ background:url(../images/icon31b.png) no-repeat 18px center #303030; padding-left:60px; height:60px; line-height:60px; color:#fff; font-size:16px; position:absolute; left:0; top:0;  display:inline-block; width:200px;transition:all 0.3s}
.icon31b:hover .icon31bm{ left:-150px;background:url(../images/icon31b.png) no-repeat 10px center #da251c; padding-left:40px}
.icon31d{ display:inline-block; width:60px; height:60px; position:relative; vertical-align:top }
.icon31dm{ background:url(../images/icon31d.png) no-repeat 18px center #303030; padding-left:60px; height:60px; line-height:60px; color:#fff; font-size:16px; position:absolute; left:0; top:0; transition:all 0.3s; display:inline-block; width:200px;transition:all 0.3s}
.icon31d:hover .icon31dm{ left:-80px; background-color:#da251c}
.icon31c{display:inline-block; width:60px; height:60px; position:relative; background:url(../images/icon31c.png) no-repeat center center #303030;border-bottom:1px solid #535353; vertical-align:top}
.icon31c img{ position:absolute; bottom:0; right:70px; border:1px solid #eee; display:none}
.icon31c:hover{background-color:#da251c}
.icon31c:hover img{ display:block}
.icon32{display:inline-block; width:60px; height:30px; position:relative;background:url(../images/icon32.png) no-repeat center center #da251c; vertical-align:top}
.subbanner{ width:100%; height:auto; position:relative; padding-top:90px; overflow: hidden;}
.subbanner img{ width:100%; vertical-align:top; height:auto}
.submenu{ background:rgba(195,13,35,0.7); width:100%; position:absolute; left:0; bottom:0; height:120px; z-index:200}
.submenum{ max-width:1200px; margin:0 auto; text-align:left}
.submenum a{ padding:40px 5px 50px; display:inline-block; min-width:120px; box-sizing:border-box; text-align:center; vertical-align:top}
.submenum a span{ background:url(../images/icon34a.png) no-repeat center top; padding-top:25px; line-height:30px; display:inline-block; color:#fff; font-size:16px;}
.submenum b{ display:inline-block; background:#fff; width:2px; height:15px; margin:74px 5px 0}
.cpfasub b{ width:15px !important}
.submenum a:hover,.submenum a.now{ background:url(../images/icon35.png) no-repeat center top #fff600; padding-top:60px}
.submenum a.now span,.submenum a:hover span{background:url(../images/icon34b.png) no-repeat center top; color:#000}
.chp{ max-width:1200px; margin:0 auto; padding:70px 0 0}
.chp li{ width:49%; background:#fff; box-sizing:border-box; box-shadow:0 0 10px rgba(0,0,0,0.1); float:left; cursor:pointer; margin-bottom:20px; overflow:hidden}
.chp li:nth-child(2n){ float:right}
.chpt{ width:100%; height:300px; text-align:center; position:relative; overflow:hidden; transition:all 0.3s}
.link{width:100%;position:absolute;top:34%;left:0px;margin:-32px 0 0 0;z-index:3;text-align: center;}
.link a{background:url(../images/logo4.png) no-repeat center center; display:inline-block; width:160px; height:160px; opacity:0; background-size:60px auto}
@media screen and (max-width:750px){
.subbanner img{ max-width:100%; vertical-align:top; height:188px;}
}
.chp li:hover .chpt img{ opacity:0.7}
.chp li:hover .link a{ opacity:1}
.chpt:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';opacity: 1;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%; transition:all 0.3s}
.chp li:hover .chpt::after {opacity: 1;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
.chp li:hover .chpt{ background:rgba(0,0,0,0.7);-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}


.chpt img{width:100%;height:100%; transition:all 0.3s}
.chp li:hover .chpt img{ transform:scale(1.1,1.1)}
.chpb{ padding:20px 35px 25px; color:#999; font-size:14px; line-height:28px; display:block}
.chpb h2{ line-height:40px; color:#333; font-size:24px;}
.chpb h2{ margin-bottom:5px;}
.chpb p{ height:56px; color:#999;}
.chp li:hover h2,.chp li:hover p{ color:#c30d23}
.page{ text-align:center; padding:20px 0}
.page a,.page span{ display:inline-block; background:#fff; border:1px solid #d9d9d9; height:38px; line-height:38px; color:#333; font-size:14px; margin:0 5px; padding:0 15px; border-radius:20px;}
.page a:hover,.page a.now{ color:#fff; background:#d72b18; border:1px solid #d72b18}
.pagem{ display:inline-block}
.cpxqwrap{ padding:70px 0 0; max-width:1200px; margin:0 auto}
.cpxq{ background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1); padding:40px 35px;}
.cpxql{ float:left; width:44%; text-align:center}
.cpxql img{ max-width:100%; height:auto}
.cpxqr{ float:right; width:52%}
.cpxqr h2{ color:#333; font-size:24px; line-height:35px; padding-bottom:10px;}
.cpxqrt{ padding-bottom:15px}
.cpxqrt span{ display:inline-block; background:#eaeaea; color:#333; width:100px; text-align:center; height:40px; line-height:40px; margin-right:10px; cursor:pointer;}
.cpxqrt span:hover,.cpxqrt span.now{ color:#fff; background:#d41d1e}
.cpxqrb{ display:none; color:#666; font-size:14px; line-height:28px;}
.xsqy{ padding:70px 0 0; max-width:1200px; margin:0 auto}
.xsqy li{ float:left; width:49%; margin-bottom:20px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:40px 45px 20px 90px; box-sizing:border-box; min-height:220px; color:#666; font-size:14px; line-height:26px; position:relative;}
.xsqy li:nth-child(2n){ float:right}
.xsqy li h2{ color:#333; font-size:16px; font-weight:bold; line-height:30px; padding-bottom:5px;}
.xsqy li span{ display:inline-block; background:url(../images/icon36.png) no-repeat center top; width:39px; height:49px; text-align:center; color:#fff; line-height:40px; font-size:18px; font-family:Arial; position:absolute; left:30px; top:35px;}
.rccn{ padding:70px 0 0}
.rccn li{ background:#fff;}
.rccn li img{ width:50%; height:auto;}
.rccnl{ float:left}
.rccnr{ float:right}
.rccntxt1{ height:100%; max-width:570px; float:left; color:#666; font-size:16px; line-height:30px; padding-left:55px; box-sizing:border-box }
.rccntxt2{ height:100%; max-width:570px; float:right; color:#666; font-size:16px; line-height:30px; padding-right:55px ; box-sizing:border-box }
.job{ padding:70px 0 0; max-width:1200px; margin:0 auto}
.job li{ background:#fff; padding:0 35px;box-shadow:0 0 10px rgba(0,0,0,0.1); margin-bottom:10px}
.job li h2{ line-height:70px; color:#333; font-size:18px;}
.job li h2 span{ background:url(../images/icon37a.png) no-repeat right center; display:inline-block; width:50px; height:70px; cursor:pointer; float:right}
.job li.now h2 span{background:url(../images/icon37b.png) no-repeat right center; }
.jobb{ border-top:1px solid #f2f2f2; padding:25px 0 50px; color:#666; font-size:14px; line-height:30px; display:none}
.jobb h3{ color:#333; font-size:14px; font-weight:bold;}
.jobb a{ background:#d41d1e; color:#fff; display:inline-block; width:140px; height:40px; line-height:40px; text-align:center; font-size:15px; margin-top:35px;}
.news{ padding:70px 0 0; max-width:1200px; margin:0 auto}
.news li{ background:#fff; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,0.1); box-sizing:border-box; padding-right:4%; cursor:pointer; height:350px;}
.news li img{ float:left; width:45%; height:auto}
.newsr{ float:right; width:47%}
.newstxt{ font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:30px; color:#666; line-height:40px; border-bottom:4px solid #e5e5e5; display:inline-block; width:90px; text-align:center}
.yeartxt{font-family: "华文中宋";text-align: center;line-height: 35px;color: #666;font-size: 18px; display:inline-block; text-align:center; width:90px;}
.newsr h2 a{ display:inline-block; line-height:30px; padding:15px 0 0; color:#333; font-size:26px; font-weight:100}
.newstxt2{ padding:25px 0 35px; color:#999; font-size:14px; line-height:25px; height:75px;}
.newsrb{ border-bottom:1px solid #eaeaea; padding-bottom:20px; text-align:left; position:relative}
.newsrb span{ display:inline-block; width:0; transition:all 0.3s; height:1px; position:absolute; left:0; bottom:0;background:#c30d23}
.newsrb a{ display:inline-block; line-height:35px; color:#c30d23; font-size:16px;}
.news li:hover .newsrb span{ width:100%;}
.news li:hover h2 a{ color:#c30d23}
.news li:nth-child(2n){ padding:0 0 0 4%}
.news li:nth-child(2n) img{ float:right}
.news li:nth-child(2n) .newsr{ float:left}
.sxhh{ padding:70px 0 0; max-width:1200px; margin:0 auto}
.sxhh li{ background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1); margin-bottom:20px; padding:0 0 30px 0; box-sizing:border-box; cursor:pointer}
.sxhhl{ float:left; width:13%; border-right:1px solid #e5e5e5; padding:25px 0 40px 40px; box-sizing:border-box}
.sxhhl h2{ text-align:center; line-height:50px; border-bottom:1px solid #e5e5e5;font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:30px; color:#666;}
.sxhhl p{ font-family:"\5FAE\8F6F\96C5\9ED1"; text-align:center; line-height:50px; color:#666; font-size:18px;}
.sxhhr{ float:left; width:82.5%; padding:25px 0 0 30px; color:#999; font-size:14px; line-height:22px;}
.sxhhr h2 a{ display:inline-block; line-height:50px; color:#333; font-size:26px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.yll{background:url(../images/icon64.png) no-repeat left center; padding-left:24px;}
.sxhh li:hover h2 a{ color:#c30d23}
.sxhh li:hover .yll{ color:#c30d23;background:url(../images/icon64b.png) no-repeat left center;}
.sxhhr img{ max-width:100%; height:auto; margin:20px 0 10px}
.gsry{ padding:70px 0 0; max-width:1200px; margin:0 auto}
.gsry li{ float:left; width:32%; margin:0 1.7% 20px 0; background:#fff;  overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.1); transition:all 0.3s}
.gsry li:nth-child(3n){ margin-right:0}
.gsryt{ width:100%;  text-align:center; position:relative; overflow:hidden}
.gsryt img{ max-width:100%; max-height:260px; position:relative; z-index:1; vertical-align:top}
.gsrytt{ background:rgba(195,13,35,0.7); position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; display:inline-block; opacity:0;transition:all 0.3s}
.icon61{ background:url(../images/icon61.png) no-repeat center center; display:inline-block; width:64px; height:64px; position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; z-index:12; opacity:0;transform:rotate(0deg);transition:all 0.3s}
.gsryb{ padding:10px 20px; line-height:24px; min-height:48px; color:#333; font-size:16px;transition:all 0.3s}
.gsry li:hover .gsryb{ color:#da251c}
.gsry li:hover .gsrytt{ opacity:1}
.gsry li:hover .icon61{ opacity:1; transform:rotate(360deg)}
.heart{ text-align:center; display:inline-block; width:70px; height:36px; background:#da251c; border-radius:18px; cursor:pointer}
.heart b{ display:inline-block; line-height:36px; color:#fff;background:url(../images/icon65a.png) no-repeat left center; padding-left:20px; font-size:12px; font-weight:normal}
.heart:hover b{background:url(../images/icon65b.png) no-repeat left center;}


.lxwm{ background:#fff; max-width:1200px; box-sizing:border-box; padding:0 30px 50px}
.lxwml{ float:left; width:35%}
.lxwml li{ border-bottom:1px solid #e5e5e5; padding:28px 0; line-height:25px; color:#999; font-size:15px;}
.lxwml li h2{ line-height:30px; color:#333; font-size:20px;}
.lxwmr{  float:right; }
.menu{ display:none}
.gsjj{ background:#fff; max-width:1200px; margin:0 auto; padding:30px 35px 40px; color:#666; font-size:14px; line-height:25px;}
.gsjjm{ overflow:hidden; padding:25px 0 0}
.gsjjb{ text-align:center; padding:25px 0 0}
.gsjjb .swiper-pagination-bullet{ width:50px; height:8px; border-radius:4px; background:#202020 ; margin:0 5px; opacity:1}
.gsjjb .swiper-pagination-bullet-active{ background:#c30d23}
.gsjj .swiper-slide{ text-align:center}
.gsjj .swiper-slide img,.gsjj img{ max-width:100%; height:auto}
.hhxq{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); max-width:1200px; margin:0 auto; padding:45px 40px 40px;}
.hhxqt{ border-bottom:4px solid #e5e5e5; color:#333; font-size:12px; padding-bottom:15px; line-height:25px;}
.hhxqt h2{ text-align:left;font-family:"\5FAE\8F6F\96C5\9ED1"; color:#333; font-size:32px; line-height:40px; padding-bottom:20px}
.hhxqtxt{font-family:"\5FAE\8F6F\96C5\9ED1"; color:#666; font-size:14px; vertical-align:middle}
.hhxqm{ color:#666; font-size:14px; line-height:28px; padding:20px 0; border-bottom:1px solid #ccc; margin-bottom:20px;}
.hhxqm img{ max-width:100%; height:auto}
.hhxqb{ position:relative}
.hhxqb a{ display:inline-block; line-height:30px; color:#999; font-size:14px; margin:5px 0}
.hhxqb a span{ display:inline-block; border:1px solid #eaeaea; line-height:30px; border-radius:16px; padding:0 15px; color:#999; margin-right:5px}
.hhxqb a:hover span{ background:#d81903; color:#fff;border:1px solid #d81903;}
.hhxqb a:hover{ color:#d81903}
a.fhlb{ color:#d81903; border:1px solid #d81903; display:inline-block; height:50px; line-height:50px; position:absolute; top:50%; right:0; font-size:16px; width:120px; text-align:center; border-radius:25px; transform: translateY(-50%);}
a.fhlb:hover{background:#d81903; color:#fff}
.rlzy{ background:url(../images/img21.jpg) no-repeat center top;  padding:60px 0 0; height:1353px; box-sizing:border-box; position:relative}
.ics{ width:415px; margin:0 auto; position:relative; z-index:10; height:390px; }
.ics span{ display:inline-block; width:119px; height:119px; border-radius:50%;position:absolute; z-index:2}
.ics span b{ display:inline-block; width:80px; height:80px; box-sizing:border-box;border:2px solid #fff100; margin:19.5px 0 0 19.5px; border-radius:50%; transition:all 0.3s; opacity:0}
.ics span:hover b{ opacity:1}
.icon39a{ background:url(../images/icon39a.png) no-repeat center center;  left:50%; margin-left:-60px; top:0;animation: dax 2s linear 0s;}
.icon39b{ background:url(../images/icon39b.png) no-repeat center center;right:0; top:105px;animation: dax 2s linear 0s;}
.icon39c{ background:url(../images/icon39c.png) no-repeat center center;right:55px; bottom:0;animation: dax 2s linear 0s;}
.icon39d{ background:url(../images/icon39d.png) no-repeat center center;left:55px; bottom:0;animation: dax 2s linear 0s;}
.icon39e{ background:url(../images/icon39e.png) no-repeat center center;left:0; top:105px;animation: dax 2s linear 0s;}
.icon40{ background:url(../images/icon40.png) no-repeat center center; left:50%; margin-left:-60px; top:153px;animation: dax 2s linear 0s;}
.icon41{ background:url(../images/icon41.png) no-repeat center center; display:inline-block; width:100%; height:390px; position:absolute; z-index:1; left:0; top:0;opacity:0; animation: toum2 2s linear 2s forwards;}
.icon38{ background:url(../images/icon38.png) no-repeat center center; width:212px; height:798px; position:relative; margin:0 auto; top:-265px; opacity:0; animation: toum 2s linear 0s forwards;}
.icon42{ background:url(../images/icon42.png) no-repeat center center; display:inline-block; width:116px; height:116px; position:absolute; left:50%; margin-left:-58px; top:525px;animation: dax 2s linear 0s;}
.cwb{ width:386px; height:428px; margin:0 auto; position:relative; z-index:10; top:-565px;}
.cwb span{ display:inline-block; width:131px; height:131px; position:absolute; z-index:2;}
.cwb span b{ display:inline-block; border:2px solid #fff; opacity:0; width:80px; height:80px;  box-sizing:border-box; margin:25.5px 0 0 25.5px; border-radius:50%; transition:all 0.3s}
.cwb span:hover b{ opacity:1}
.icon43a{ background:url(../images/icon43a.png) no-repeat center center; left:50%; margin-left:-67px; top:0;animation: dax 2s linear 0s;}
.icon43b{ background:url(../images/icon43b.png) no-repeat center center; right:0; top:75px;animation: dax 2s linear 0s;}
.icon43c{ background:url(../images/icon43c.png) no-repeat center center; right:0; bottom:70px;animation: dax 2s linear 0s;}
.icon43d{ background:url(../images/icon43d.png) no-repeat center center; left:50%; margin-left:-67px; bottom:0;animation: dax 2s linear 0s;}
.icon43e{ background:url(../images/icon43e.png) no-repeat center center; left:0; bottom:70px;animation: dax 2s linear 0s;}
.icon43f{ background:url(../images/icon43f.png) no-repeat center center; left:0; top:75px;animation: dax 2s linear 0s;}
.icon44{background:url(../images/icon44.png) no-repeat center center; left:50%; margin-left:-67px; top:148px;animation: dax 2s linear 0s;}
.icon45{ background:url(../images/icon45.png) no-repeat center center;width:100%; height:428px; display:inline-block; position:absolute; z-index:1; left:0; top:0;opacity:0; animation: toum2 2s linear 2s forwards;}
.bg{z-index: 201;position: fixed;width: 100%;height: 100%; display:none; background:rgba(0,0,0,0.6);-webkit-transition: .24s cubic-bezier(.8,0,.1,.81) .1s;transition: .24s cubic-bezier(.8,0,.1,.81) .1s;left: 0;top: 90px;right: 0;bottom: 0;}
.xiaos{ padding:70px 0 0;  margin:0 auto}
.xiaosl{ float:left; width:50%; background:url(../images/img30.jpg) no-repeat center bottom; height:760px}
.xiaosl .img5{ margin:105px auto 0}
.xiaosr{ float:left; width:50%; background:#fff; height:760px; padding:55px 20px 50px 45px; box-sizing:border-box;  }
.xiaosrm{ padding-right:20px }
.xiaosr li{ border-bottom:1px solid #eee; padding:20px 5px 20px 55px; position:relative}
.xiaosr li h2{ cursor:pointer; line-height:40px; font-weight:bold; color:#222; font-size:18px; background:url(../images/icon63a.png) no-repeat right center}
.xiaosrb{ border-top:1px solid #c30d23; padding:20px 0 0; line-height:30px; color:#333; font-size:14px;display:none}
.xiaosrb h3{ color:#c30d23; font-size:18px; padding-bottom:5px}
.xiaosr li.now h2{background:url(../images/icon63b.png) no-repeat right center}
.xiaosr li.now .xiaosrb{ display:block}
.icon62{ display:inline-block; width:40px; height:50px;background:url(../images/icon62a.png) no-repeat center top; color:#fff; font-size:18px; font-family:Arial; text-align:center; line-height:28px; position:absolute; left:0; top:20px}
.xiaosr li.now .icon62{background:url(../images/icon62b.png) no-repeat center top; line-height:40px}
.xiaosr .div_scroll {width: 100%;height: 100%;overflow: auto;}
.xiaosr .scroll_container {overflow: hidden;position: relative;}
.xiaosr .scroll_absolute {position: absolute;}
.xiaosr .scroll_vertical_bar {position: absolute;top: 0;right:3px; border-radius:2.5px; overflow:hidden;width: 5px;height: 100%;margin: 0;padding: 0;}
.xiaosr .scroll_track {position: relative; background:#eee}
.xiaosr .scroll_drag {	position: relative;	top: 0;	left: 0; border-radius:2.5px; overflow:hidden;cursor: pointer;background-color: #bebebe; opacity:0.38;}
.xiaosr .scroll_arrow {text-indent: -20000px;display: block;cursor: pointer;background-color:#D6B74B;}
.xiaosr .scroll_vertical_bar .scroll_arrow {height: 16px;}
.renc{ padding:70px 0 0}
.renc li{ margin-bottom:20px; position:relative; cursor:pointer}
.renclpic{ position:relative; display:inline-block;width:60%}
.renclpic img{width:100%}
.renclpic span{ background:#000; opacity:0.3; width:100%; height:100%; position:absolute; left:0; top:0}
.renclpic b{ display:none}
.rencl{ position:absolute; left:0; top:0; width:54%; height:100%;}
.renclm{display:table; vertical-align:middle; width:100%; height:100%;}
.renclmm{display:table-cell; vertical-align:middle;width:100%; height:100%; text-align:center}
.renclmm img{ opacity:0.4; transition:all 0.3s}
.rencr{  width:46%; height:100%; position:absolute; top:0; right:0; background:rgba(210,210,210,0.4); padding:16px 0 16px 16px; box-sizing:border-box; transition:all 0.3s}
.rencr2{  width:46%; height:100%; position:absolute; top:0;  background:rgba(210,210,210,0.4);  box-sizing:border-box; transition:all 0.3s;left:0; padding:16px 16px 16px 0; text-align:left}
.rencrm{ display:table; vertical-align:middle; width:100%; height:100%; padding:0 15%; box-sizing:border-box}
.rencrmm{ display:table-cell; vertical-align:middle;width:100%; height:100%; line-height:30px; font-size:14px;}
.rencrmm h2{ font-size:28px; line-height:40px; padding-bottom:20px; position:relative; margin-bottom:25px;}
.rencrmm h2 span{ display:inline-block; width:40px; height:3px; position:absolute; left:3px; bottom:0; transition:all 0.3s}
.renc li:hover .rencr,.renc li:hover .rencr2{background:rgba(210,210,210,1);}
.renc li:hover .renclmm img{ opacity:1}
.renc li:hover .renclpic span{ opacity:0}
.renc li:hover .rencrmm h2 span{ width:120px;}
.icon70{background:url(../images/icon70a.png) no-repeat left center; background-size:70px auto; transition:all 0.3s}
.tbtop:hover .icon70{background:url(../images/icon70b.png) no-repeat left center;background-size:70px auto}
.icon71{background:url(../images/icon71a.png) no-repeat left center; background-size:80px auto; transition:all 0.3s}
.tbtop:hover .icon71{background:url(../images/icon71b.png) no-repeat left center;background-size:80px auto}
.icon72{background:url(../images/icon72a.png) no-repeat left center; background-size:80px auto; transition:all 0.3s}
.tbtop:hover .icon72{background:url(../images/icon72b.png) no-repeat left center;background-size:80px auto}
.icon73{background:url(../images/icon73a.png) no-repeat left center; background-size:80px auto; transition:all 0.3s}
.tbtop:hover .icon73{background:url(../images/icon73b.png) no-repeat left center;background-size:80px auto}
.icon74{background:url(../images/icon74a.png) no-repeat left center; background-size:80px auto; transition:all 0.3s}
.tbtop:hover .icon74{background:url(../images/icon74b.png) no-repeat left center;background-size:80px auto}
.icon75{background:url(../images/icon75a.png) no-repeat left center; background-size:80px auto; transition:all 0.3s}
.tbtop:hover .icon75{background:url(../images/icon75b.png) no-repeat left center;background-size:80px auto}
.shfw{ padding:70px 0 0; max-width:1200px; margin:0 auto}
.shfwbox{ /*border-radius:10px;*/ background:#fff; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden}
.fwpic{ width:540px; height:366px; overflow:hidden; position:relative}
.fwpicb{ left:0; z-index:10; position:absolute; text-align:center; bottom:10px!important}
.fwpicb .swiper-pagination-bullet{ display:inline-block; width:10px; height:10px;  margin:0 5px !important; background:#fff; opacity:1; border-radius:50%}
.fwpicb .swiper-pagination-bullet-active{ background:#c30d23}
.fwtxt1{ float:right; padding:40px 20px 45px 0; width:590px;height:366px; box-sizing:border-box}
.fwtxt2{ float:left; padding:40px 20px 45px 50px; width:590px;height:366px; box-sizing:border-box}
.shfwbox h2{ line-height:35px; color:#333; font-size:26px;}
.fwtxt1:hover h2,.fwtxt2:hover h2{ color:#c30d23}
.shfwms{  line-height:28px; color:#999; font-size:14px; padding:0 20px 0 0; }
.shfwmsbox{ height:224px; padding:20px 0 0}
.shfwbox .div_scroll {width: 100%;height: 100%;overflow: auto;}
.shfwbox .scroll_container {overflow: hidden;position: relative;}
.shfwbox .scroll_absolute {position: absolute;}
.shfwbox .scroll_vertical_bar {position: absolute;top: 0;right:3px; border-radius:2.5px; overflow:hidden;width: 5px;height: 100%;margin: 0;padding: 0;}
.shfwbox .scroll_track {position: relative; background:#eee}
.shfwbox .scroll_drag {	position: relative;	top: 0;	left: 0; border-radius:2.5px; overflow:hidden;cursor: pointer;background-color: #bebebe; opacity:0.38;}
.shfwbox .scroll_arrow {text-indent: -20000px;display: block;cursor: pointer;background-color:#D6B74B;}
.shfwbox .scroll_vertical_bar .scroll_arrow {height: 16px;}
.icon78{background:url(../images/icon78.png) no-repeat left center; background-size:13px auto; padding-left:20px}
.sharebox{ display:none;}
.img50{ text-align:center; padding:0 0 70px}
.img50 img{ max-width:100%; height:auto}
.tcwxbg{ background:rgba(0%,0%,0%,0.8);  width:100%; height:100%; position:fixed; z-index:1000; left:0; top:0; display:none}
.tcwxbox{ background:#fff; width:300px; text-align:center; padding:30px 0; position:absolute; left:50%; margin-left:-150px; top:50%; margin-top:-91px;}
.close { cursor:pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, sans-serif;
  font-weight: 700;
  background-color: #c30d23;
  border: 4px solid #FFFFFF;
  color: #FFFFFF;
  padding: 5px;
  position: absolute;
  right: -15px;
  text-align: center;
  top: -15px;
  width: 14px;
}
@keyframes toum
{
from {opacity:0}
to {opacity:0.4}
}
@keyframes toum2
{
from {opacity:0}
to {opacity:1}
}
@keyframes dax
{
from { transform:scale(0.1,0.1); opacity:0}
to {transform:scale(1,1); opacity:1}
}


@keyframes ripple{
	0%{opacity:0;transform:scale(0.1)}
	5%{opacity:1}
	to{opacity:0;transform:scale(1)}
	}
.phno{ display:block}
.pcno{ display:none}

@media screen and (min-width: 1281px) and (max-width: 1500px) {
	.navr li {margin-right: 25px;}
}
@media screen and (max-width:1280px)and (min-width:1024px){
	.navr li{ margin-right:15px}
	.navr li:nth-child(8),.icon12now .navr li:nth-child(8){ margin-right: 15px;}
	.icon12now .navr li{ margin-right:15px;}
	}
@media screen and (min-width:1024px) and (max-width: 1150px) {
	.icon13{ display:none}
}
@media screen and (max-width:1023px)and (min-width:749px){
	.navr li{ margin-right:5px}
	.navr li:nth-child(8),.icon12now .navr li:nth-child(8){ margin-right:0}
	.icon12now .navr li{ margin-right:5px;}
	.icon13{ display:none}
	.aboutb li{ margin:0 15px}
	}
	.icon12 {
		padding: 0 30px;
	}
@media screen and (max-width:1040px)and (min-width:749px){
	.footertl,.footertr{ float:none; width:80%; padding-bottom:30px}
	}
	.navr li a.navtxt {
		font-size: 15px;
	}
@media screen and (max-width:1150px)and (min-width:749px){
	.rccn{ padding:30px 10px 0}
 .rccn li img{ width:100%;}
	.rccnl,.rccnr{ float:none}
 .rccntxt1,.rccntxt2{ float:none; max-width:100%; padding:0 10px;}
	}
@media screen and (max-width:920px){
	.submenu{ display:none}
	 .menu{ width:100%; background:rgba(195,13,35,0.7); overflow:auto; padding:0 15px; box-sizing:border-box; display:block}
 .menu ul{ }
 .menu li{ display:inline-block}
 .menu li a{ display:inline-block; height:50px; line-height:50px; color:#fff; font-size:14px; padding:0 10px;}
 .menu li a:hover,.menu li a.now{ background:#fff600; color:#c30d23}
 .img50{ text-align:center; padding:0 0 30px}
	}
@media screen and (max-width:1360px)and (min-width:749px){
	.xiaosl{ width:100%; float:none; height:auto; padding:25px 10px 20px; background-size:100% 100%; box-sizing:border-box}
  .xiaosr{width:100%; float:none; height:auto}
	}
@media screen and (max-width:750px){
 .pcno{ display:block}.phno{ display:none}
 .icon70,.icon71,.icon72,.icon73,.icon74,.icon75{ background-size:20px auto; }
  .renclpic{width:100%}
   .minheader{width: 100%; position: fixed;left: 0;top: 0; z-index: 10;height: 55px;}
  .minheader.now{background: rgba(0,0,0,0.5);}
  

 .shfw{ padding:30px 10px 0}
 .fwpic{ width:100%; height:auto}
 .fwtxt1,.fwtxt2{ width:100%; height:auto; padding:20px 10px}
 .shfwmsbox{ height:auto}
 .shfwms{ padding:0}
 .shfwbox{ overflow:hidden}
 .shfwbox img{ vertical-align:top}

  .renclpic img{ max-width:100%; height:auto; vertical-align:top}
 .renclpic b{ position:absolute; display:block; left:0; top:0; width:100%; height:100%; text-align:center}
 .renclpic b img{ max-width:25%; height:auto; opacity:1}
 .rencl{ display:none}
 .renclpic span{ display:none}

 .rencr,.rencr2{ width:100%; padding:0; position:relative}
 .rencrm{ padding:10px 10px 15px 10px}
 .rencrmm{ font-size:12px; line-height:20px;}
 .rencrmm h2{ font-size:20px; line-height:30px; padding-bottom:10px}
 .renc{ padding:30px 0 0}
 .xiaos{ padding:30px 10px 0}
 .xiaosl{ width:100%; float:none; height:auto; padding:25px 10px 20px; background-size:100% 100%; box-sizing:border-box}
  .xiaosr{width:100%; float:none; height:auto}

 .bannerbgm{ width:100%; height:150px;  left:0; top:50%; margin-top:-65px; margin-left:0; padding:0 10px; box-sizing:border-box }
.bannerbgmm{  width:100%; height:150px; }
.bannerbgmm h2{ font-size:16px; line-height:30px;}
.bannerbgmm p{  line-height:20px; font-size:12px; padding-top:5px;}

 #dituContent{ float:none !important; width:100% !important}

 .hhxq{ padding:20px 10px}
 .hhxqt{ padding-bottom:10px;}
 .hhxqt h2{ font-size:20px; line-height:30px; padding-bottom:5px;}
 .hhxqm{ font-size:12px; line-height:22px; padding:10px 0}
 .hhxqm img{ max-width:100%; height:auto}
 .hhxqtxt{ font-size:12px;}
 .heart{ height:30px;}
 .heart b{ line-height:30px;}
 .gsjj{ padding:15px 10px}
 .gsjj img{ max-width:100%;}
 .gsjjb{ padding:5px 0 0}
 .gsjjb .swiper-pagination-bullet{ width:25px; height:4px; border-radius:2px; margin:0 2px;}
 .lxwm{ padding:0 10px 20px}
 .lxwml{ float:none; width:100%}
 .lxwml li{ font-size:14px; line-height:20px; padding:10px 0}
 .lxwml li h2{ font-size:16px;}
 .lxwmr{ float:none; width:100%; padding:20px 0 0}
 .gsry{ padding:30px 10px 0}
 .gsry li{ float:left; margin:0 0 20px 0; width:100%}
 .sxhh{ padding:30px 10px 0}
 .sxhhl{ display:none}
 .sxhhr{ float:none; width:100%;padding:10px 15px 0; box-sizing:border-box; font-size:12px; line-height:20px;}
 .sxhhr h2 a{ font-size:20px; line-height:35px;}
 .news{ padding:30px 10px 0}
 .news li{ padding:0; height:auto}
 .news li img,.newsr{ float:none; width:100%}
 .newsr{ padding:0 10px 15px; box-sizing:border-box}
 .newstxt{ font-size:18px; line-height:30px;}
 .newsr h2 a{ padding:0; font-size:16px;}
 .newstxt2{ font-size:12px; line-height:20px; padding:15px 0 20px; height:auto}
 .newsrb{ padding-bottom:10px}
 .newsrb a{ font-size:14px; line-height:30px;}
 .pagem{ display:none}
 .job{ padding:30px 10px 0}
 .job li{ padding:0 15px}
 .job li h2{ line-height:50px;}
 .job li h2 span{ height:50px;}
 .jobb{ padding:15px 0 20px; font-size:12px; line-height:22px;}
 .jobb h3{ line-height:30px;}
 .jobb a{ margin-top:20px}
 .rccn{ padding:30px 10px 0}
 .rccn li img{ width:100%;}
 .rccnl,.rccnr{ float:none}
 .rccntxt1,.rccntxt2{ float:none; max-width:100%; padding:0 10px; font-size:13px; line-height:22px;}
 .subbanner{ padding:0}
 .xsqy li,.xsqy li:nth-child(2n){ float:none; width:100%; font-size:12px; line-height:20px; min-height:120px; padding:20px 15px 20px 50px}
 .xsqy li span{ left:5px; top:20px; line-height:30px; background-size:30px auto}
 .cpxqwrap,.xsqy{ padding:30px 10px 0}
 .cpxq{ padding:15px 10px}
 .cpxql{ float:none; width:100%}
 .cpxqr{ float:none; width:100%}
 .cpxqr h2{ font-size:18px; line-height:35px; padding:0}
 .cpxqrb{ font-size:12px; line-height:22px;}
 .page{ padding:10px 0 0}
 .chp{ padding:30px 10px 0}
 .chp li{ width:100%; float:none}
 .chp li:nth-child(2n){ float:none}
 .chpt{ height:auto}
 .chpt img{ max-width:100%; height:auto}
 .chpb{ padding:10px 10px 15px; font-size:12px; line-height:20px;}
 .chpb h2 a{ line-height:30px; font-size:16px;}
 .chpb h2{ padding:0}


 .minfooterb{ border-top:1px solid rgba(255,255,255,0.06); padding:20px}
 .minfooterbt{ margin:0 auto; width:205px; padding-bottom:25px;}
 .minfooterbtl{ float:right; text-align:right; padding-right:15px; display:inline-block; color:#666; font-size:16px; line-height:20px;}
 .minfooterbtl h2{ color:#999; font-size:19px; padding:10px 0;}
 .minfooterbb{ text-align:center; color:#666; font-size:12px; line-height:18px;}
 .minfooterbb a{ color:#999;  font-size:14px;}
 .footert{ padding:15px 10px}
 .footertr{ width:100%}
 .img4{ padding:35px 20px 25px; height:auto; background-position: center bottom}
 .img5{ display:none}
 .img6{ padding:25px 0 0}
 .img6 img{ max-width:100%; height:auto;}
 .xwzx{ padding:30px 30px 25px}
 .xwm{ padding:20px 0 0;overflow:hidden; border-radius:10px;}
 .xwm .swiper-slide{ height:auto}
 .xwmt{ height:215px;}
.xwmb{ font-size:12px; line-height:18px; padding:20px 15px; height:auto; position:relative; bottom:0}
.xwmb p span{ opacity:1; display:block}
.icon24{ background-size:30px auto; width:30px; height:30px; margin-left:-15px; top:-15px;}
.xwm .swiper-slide a:hover .icon24{background-size:30px auto;}
.xwm .swiper-slide a:hover .xwmb{ height:220px;}
.xwmb h2{ font-size:14px; line-height:20px; height:40px;}
 .xwb{ padding:15px 0 0}
 .xwb .swiper-pagination-bullet{ width:25px; height:4px; border-radius:2px; margin:0 2px;}
 .minklgz{ overflow:hidden}
 .kuai,.kuai2{ padding:30px 10px 0}
 .kuait{ position:relative}
 .kuait h2{ font-size:16px; line-height:38px; margin-bottom:15px; padding-left:25px;}
 .kuait span{ width:30px; height:2px; display:inline-block; background:#000; top:42px; bottom:inherit }
 .kuait p{ font-size:12px; line-height:20px; padding:15px 0 40px;}
 .kuaib li{ margin-bottom:30px;}
 .kuaibl{ display:inline-block; width:14%; float:left}
 .kuaibl p{ color:#000; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:30px; line-height:25px; padding-bottom:10px;}
 .kuaibl span{ width:10px; height:2px; display:inline-block; background:#000;}
 .kuaibr{ float:left; width:86%}
 .kuaibr h2{ color:#000; font-size:14px; line-height:20px; padding-bottom:6px;}
 .kuaibr p{ color:#000; font-size:12px; line-height:18px;}
 .icon21,.icon22,.icon23{ background-size:17px auto}
 .kuai2 .kuaibl p{ color:#fff;}
 .kuai2 .kuaibl span{ background:#ffde00}
 .kuai2 .kuaibr h2,.kuai2 .kuaibr p{ color:#fff;}


 .cpfa{ padding:35px 20px}
 .cpfatxt{ padding:20px 15px; font-size:12px; line-height:20px;}
 .cpfam .swiper-slide{ height:198px;}
 .ctxlt{ padding-top:20px; height:75px;}
 .ctxlt h2{ font-size:13px; line-height:20px; padding-bottom:10px;}
 .ctxlt a{ height:25px; line-height:25px; width:55px; font-size:12px;}
 .ctxlb{ height:115px;}
 .ctxlb img{ max-height:80px; max-width:100%}
 .cpfab{ padding:15px 0 0}
 .cpfab .swiper-pagination-bullet{ width:25px; height:4px; border-radius:2px; margin:0 2px;}
 .about{ padding:30px 10px; width:auto}
 .title{ font-size:16px; line-height:18px;}
 .aboutm{ font-size:12px; line-height:21px; padding:15px 0 20px}
 .minaboutb{ overflow:hidden; position:relative; padding:0 25px}
 .minaboutbline{ width:100%; height:0; border-bottom:1px dashed #edb6bd; position:absolute; left:0; top:25px; display:inline-block; z-index:2}
.minaboutbl{ display:inline-block; width:25px; height:25px; border-radius:50%; left:0; top:12.5px; background:url(../images/icon20.png) no-repeat center center; position:absolute; background-size:25px auto; cursor:pointer; z-index:20}
.minaboutbr{ display:inline-block; width:25px; height:25px; border-radius:50%; right:0; top:12.5px; background:url(../images/icon20.png) no-repeat center center; position:absolute; background-size:25px auto; transform:rotate(180deg); cursor:pointer; z-index:20}
.minaboutb .swiper-wrapper{ z-index:10; }
 .minaboutb .swiper-slide{ text-align:center}
 .minaboutb .swiper-slide span{ display:inline-block; width:50px; height:50px; border-radius:50%; border:1px dashed #c30d23;}
.minaboutb p{ line-height:18px; padding-top:10px; text-align:center; color:#666; font-size:13px;}
.minaboutb .swiper-slide:hover p{ color:#c30d23; }
.minaboutb .swiper-slide:hover span{ box-shadow:0 0 15px rgba(195,13,35,0.1)}
.icon14{ background:url(../images/icon14a.png) no-repeat center center #fff; background-size:50% auto}
.minaboutb .swiper-slide:hover .icon14{background:url(../images/icon14b.png) no-repeat center center #c30d23;background-size:50% auto}
.icon15{ background:url(../images/icon15a.png) no-repeat center center #fff;background-size:50% auto}
.minaboutb .swiper-slide:hover .icon15{background:url(../images/icon15b.png) no-repeat center center #c30d23;background-size:50% auto}
.icon16{ background:url(../images/icon16a.png) no-repeat center center #fff;background-size:50% auto}
.minaboutb .swiper-slide:hover .icon16{background:url(../images/icon16b.png) no-repeat center center #c30d23;background-size:50% auto}
.icon17{ background:url(../images/icon17a.png) no-repeat center center #fff;background-size:50% auto}
.minaboutb .swiper-slide:hover .icon17{background:url(../images/icon17b.png) no-repeat center center #c30d23;background-size:50% auto}
.icon18{ background:url(../images/icon18a.png) no-repeat center center #fff;background-size:50% auto}
.minaboutb .swiper-slide:hover .icon18{background:url(../images/icon18b.png) no-repeat center center #c30d23;background-size:50% auto}
.icon19{ background:url(../images/icon19a.png) no-repeat center center #fff;background-size:50% auto}
.minaboutb .swiper-slide:hover .icon19{background:url(../images/icon19b.png) no-repeat center center #c30d23;background-size:50% auto}



 .bannerl,.bannerr{ display:none}
 .bannerb{ left:10px!important; bottom:10px!important}
 .bannerb .swiper-pagination-bullet{ width:6px; height:6px; border-radius:3px; margin:0 3px !important}
 .bannerb .swiper-pagination-bullet-active{ width:15px}
 .logo{ background:url(../images/logo.png) no-repeat left center; display:inline-block; width:88px; height:35px; position:absolute; left:10px; top:10px; background-size:87px auto; z-index:20}
 .icon2{ background:url(../images/icon2.png) no-repeat right center; display:inline-block; width:25px; height:15px; position:absolute; right:10px; top:15px; z-index:20; background-size:auto 15px}
 .tcbg{ background:#fff; opacity:0.88; position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; padding:0 10px; box-sizing:border-box; display:none}
 .tcm{ height:100%; overflow:auto}
 .icon3{ background:url(../images/icon3.png) no-repeat right center; height:38px; width:100%; background-size:15px auto; display:inline-block}
 .icon3 b{ float:right; display:inline-block; height:38px; width:40px;}
 .tcm li{ border-bottom:1px solid rgba(0,0,0,0.1)}
 a.icon5{ background:url(../images/icon5a.png) no-repeat 0 center; background-size:16px auto; padding-left:25px; line-height:50px; display:inline-block; color:#333; font-size:16px;}
 a.icon5:hover{background:url(../images/icon5b.png) no-repeat 0 center; background-size:16px auto; color:#c30d23 }
 .tcm li h2{ background:url(../images/icon4.png) no-repeat right center; background-size:8px auto}
 .tcm li.now h2{background:url(../images/icon4b.png) no-repeat right center; background-size:auto 8px}
 .icon6{ background:url(../images/icon6a.png) no-repeat 0 center; background-size:14px auto; padding-left:25px; line-height:50px; display:inline-block; color:#333; font-size:16px;}
 .tcm li.now .icon6{background:url(../images/icon6b.png) no-repeat 0 center; background-size:14px auto; color:#c30d23 }
 .icon7{ background:url(../images/icon7a.png) no-repeat 0 center; background-size:13.5px auto; padding-left:25px; line-height:50px; display:inline-block; color:#333; font-size:16px;}
 .tcm li.now .icon7{background:url(../images/icon7b.png) no-repeat 0 center; background-size:13.5px auto; color:#c30d23 }
 .icon8{ background:url(../images/icon8a.png) no-repeat 0 center; background-size:14px auto; padding-left:25px; line-height:50px; display:inline-block; color:#333; font-size:16px;}
 .tcm li.now .icon8{background:url(../images/icon8b.png) no-repeat 0 center; background-size:14px auto; color:#c30d23 }
 .icon9{ background:url(../images/icon9a.png) no-repeat 0 center; background-size:14px auto; padding-left:25px; line-height:50px; display:inline-block; color:#333; font-size:16px;}
 .tcm li.now .icon9{background:url(../images/icon9b.png) no-repeat 0 center; background-size:14px auto; color:#c30d23 }
 .icon10{ background:url(../images/icon10a.png) no-repeat 0 center; background-size:14.5px auto; padding-left:25px; line-height:50px; display:inline-block; color:#333; font-size:16px;}
 .tcm li.now .icon10{background:url(../images/icon10b.png) no-repeat 0 center; background-size:14.5px auto; color:#c30d23 }
 .icon11{ background:url(../images/icon11a.png) no-repeat 0 center; background-size:13.5px auto; padding-left:25px; line-height:50px; display:inline-block; color:#333; font-size:16px;}
 .tcm li.now .icon11{background:url(../images/icon11b.png) no-repeat 0 center; background-size:13.5px auto; color:#c30d23 }
 .tcmb{ padding:0 0 20px 40px; display:none}
 .tcmb a{ display:block; width:100%; line-height:38px; color:#333; font-size:15px;}
 .tcmb a:hover{ color:#c30d23;}
 .rlzy{ padding:0; height:1200px}
 .ics{  width:auto }
 .icon38{}
 .cwb{width:auto }
 .icon42{ top:465px;}
 a.fhlb{ width:50%; height:40px; line-height:40px; font-size:12px;position: relative;top: 0;
    transform: none;
    margin: 15px 0 0;}
 .hhxqb p{ white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis;}
  .sxlink a{    font-size: 14px;    line-height: 40px;}
	}

.navdiv h2 {
    background: url(../images/icon4.png) no-repeat right center;
    background-size: 8px auto;
}

.navdiv.now h2 {
    background: url(../images/icon4b.png) no-repeat right center;
    background-size: auto 8px;
}

.logo2 {
    /*width: 32%;*/
    /*height: auto;*/
}