@charset "utf-8";
/* *******************
Reset Css
********************** */
body{background-color: #fff;-webkit-touch-callout: none;/* -webkit-user-select: none; 禁止复制*/transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden;}
body, button, input, pre, select, textarea{font-size: 14px;font-family:'Microsoft YaHei','Arial';}
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
*:focus{outline:none;}
a, article, aside, b, audio, body, canvas, em, caption, div, footer, header, html, h1, h2, h3, h4, h5, h6, hr, iframe, img, mark, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video, dd, dl, dt, i, label, legend, li, ol, p, ul{margin: 0;padding: 0;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul,li{list-style: none;}
a,a:active{color:inherit;text-decoration:none;cursor:pointer;}
img{border:0;vertical-align:middle;}

/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.btn{display: inline-block;white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center;outline: none; margin: 0; transition: .1s;-moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px;}
.btn:hover{background-color:#FEDE3B;border-color:#FEDE3B;color:#fff;}
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
a{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-moz-transition: all 0.5s;}


.com-img img{transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -webkit-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
/*图片去色处理，IE兼容较差*/
.photo-gray img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.photo-gray img:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.fl{float:left;}
.fr{float:right;}
.show{display:block;}
.hide{display:none;}
.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}
.ttU{text-transform:uppercase;}
.ofH{overflow:hidden;}

/* CSS Document */
.contain{max-width:1400px;margin:0 auto;}

/* Map edit */
.bd_weixin_popup ,.bd_weixin_popup *{box-sizing:content-box!important;}
#dituContent img{max-width:none;}

/*限制行数 -- 一行*/
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line2{height:50px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}
.line3{height:75px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}

/* 指定文字禁止复制 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/*分页*/
.pages{width:100%;text-align:center;overflow:hidden;}
.pages a{display:inline-block;padding:0 20px;height:32px;line-height:32px;text-align:center;border:1px solid #bf2733;background:#bf2733;margin:0px 3px;color:#fff;vertical-align:middle;border-radius:3px;}
.pages a.on, .pages a:hover{background:#72272d;color:#fff;border-color:#72272d;}
.pages a:first-child span,.pages a:last-child span{font-size:24px;}
.pdtb60{padding:60px 0;}

.color1{color:#bf2733;}

/* 子元素文字居中 */
.vertical-center{display:-webkit-flex;display:flex;justify-content:center;align-items:center;}

/*阴影效果*/
.box-shadow{-webkit-transition:all .2s linear;transition:all .2s linear;}
.box-shadow:hover{-webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}

/*伪类标题效果*/
.pub-wl-tit{position:relative;}
.pub-wl-tit:after{content:"";position:absolute;left:0%;bottom:0px;width:0px;height:1px;background:#000;transition:all 0.4s;left:50%;}
.pub-wl-tit:hover:after{width:100%;left:0px;}

/* 背景图片滑动拉升效果 */
.bg-pic{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;text-align:center;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;object-fit: cover;}
.bg-pic.active{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}

/*btn效果*/
.show-more{width:130px;height:42px;line-height:42px;display: block;color:#fff;text-align: center;border: 1px solid #fff;position:relative;}
.show-more span{position:relative;z-index:3;}
.show-more{overflow:hidden;}
.show-more:after{content:"";display:block;width:100%;height:100%;background:#bf2733;position:absolute;top:0px;left:-100%;}
.show-more:hover{color:#fff;border-color:#bf2733 !important;}
.show-more:hover:after{left:0px;}
.show-more:after,.show-more{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

/* 小圆点扩散效果 */
@keyframes ani-warn{0%{transform: scale(0); opacity: 0.0;} 25%{transform: scale(0); opacity: 0.1;} 50%{transform: scale(0.1); opacity: 0.3;} 75%{transform: scale(0.5); opacity: 0.5;} 100%{transform: scale(1); opacity: 0.0;}}
@-webkit-keyframes ani-warn{0%{-webkit-transform: scale(0); opacity: 0.0;} 25%{-webkit-transform: scale(0); opacity: 0.1;} 50%{-webkit-transform: scale(0.1); opacity: 0.3;} 75%{-webkit-transform: scale(0.5); opacity: 0.5;} 100%{-webkit-transform: scale(1); opacity: 0.0;}}
.ani-spread{position: relative; width: 40px; height: 40px; display:block;}
/* 固定小圆圈 */
.ani-spread:after{content:""; position: absolute; width:8px; height:8px; left:16px; top: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background:#ffa200; border-radius:8px; z-index: 2;}
/* 产生动画扩散的圆圈 */
.ani-spread:before{content:""; position: absolute; width: 24px; height: 24px; left:8px; top:8px; background:#f8d392; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; z-index: 1; opacity: 0; -webkit-animation: ani-warn 3s ease-out; -moz-animation: ani-warn 3s ease-out; animation: ani-warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}

/* ****************
Public Css
**************** */

/*--- Header ---*/
.header-container{width:100%;position:fixed;top:0px;left:0px;z-index:90;}
.H-logo{height:100px;line-height:100px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;}
.H-logo img{max-height:60px;}

.H-action{float:right;margin:0;position:relative;}
.H-lang,.H-user,.H-srch{height:100px;float:left;position: relative;}

/*Hlang*/
.H-lang{position:relative;}
.H-lang .Hlang-menu{display:block;width:50px;text-align: center;height:100%;line-height:100px;transition:none;-webkit-transition:none;}
.H-lang .Hlang-menu span{color:#fff;font-size:22px;border:1px solid #fff;border-radius:50%;padding:5px;transition: all 0.5s;}
.H-lang .Hlang-menu:hover span{background-color:#bf2733!important;color:#fff!important;border-color:#bf2733!important;}


.Hlang-box{width:120px;box-shadow:1px 1px 9px #666;background:#fff;position:absolute;top:100px;left:-40px;display:none;}
.Hlang-box img{width:100%;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 9px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#e60012;}


/*Hsrch*/
.Hsrch-box{width:200px;margin-top:23px;float:right;z-index:2;}
.Hsrch-block{padding:10px;width:100%;position: relative;}
.Hsrch-block .text{width:100%;height:32px;font-size:12px;float:left;background:#f7f7f7;border:1px solid #760811;padding:0 5px;border-radius:20px;}
.Hsrch-block .btn-seach{background:#c91c24;width:32px;height:32px;color:#fff;font-size:18px;display:block;position:absolute;right:10px;top:10px;text-align:center;line-height:32px;border-top-right-radius:20px;border-bottom-right-radius:20px;transition: all 0.4s;}
.Hsrch-block .btn-seach:hover{background:#760811;}

/*Hnav*/
.H-nav{float:right;}
.H-nav li{padding:0 24px;float:left;position: relative;}
.H-nav .Hnav-menu{display:block;height:100px;line-height:100px;font-size:16px;color:#fff;position:relative;}
.Hnav-menu i{display:block;width:40px;height:50px;position:absolute;right:0px;top:0px;z-index:2;display:none;text-align:center;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.Hnav-menu.cur i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.Hnav-sub{width:100%;background:#bf2733;position:absolute;top:100px;left:0px;display:none;border-radius:3px;padding:10px 0;}
.Hnav-sub li{width:100%;padding:10px;text-align: center;color:#fff;}
.Hnav-sub li:hover{color:#ffbd3d;}
.Hnav-sub:after{position:absolute;content:"";width:16px;height:9px;background:url(../images/icon/icon_menu_top.png) no-repeat center;left:0px;top:-9px;left:50%;margin-left:-8px;}
@media all and (min-width:980px){.H-lang:hover .Hlang-box{display:block;animation:slideInUps .3s;-webkit-animation:slideInUps .3s;}.H-nav>li:hover .Hnav-sub{display:block;animation:slideInUps .3s;-webkit-animation:slideInUps .3s;}}
.H-nav .Hnav-menu:hover,.H-nav .Hnav-menu.cur{color:#e60012;}
.H-nav .Hnav-menu.cur:after{position:absolute;content:"";width:100%;left:0px;bottom:25px;background:#e60012;height:1px;}
.H-nav .Hnav-menu:after{width:0%;transition:all 0.5s;width:0%;left:0px;bottom:25px;background:#fff;height:1px;position:absolute;content:"";}
.H-nav .Hnav-menu:hover:after{width:100%;background:#e60012;}

#ind-banner img{max-width:100%;}

/*--- Banner ---*/
.index-bnr{height:800px;overflow:hidden;position:fixed;top:0px;left:0px;width:100%;}
.bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}
.index-bnr .bnr-img{height:800px;}
.index-bnr .swiper-container .swiper-pagination{left:auto!important;position:absolute;right:50px!important;bottom:50%!important;width:20px;}
.index-bnr .swiper-container .swiper-pagination-bullet{width:12px;height:12px;border-radius:12px;border:1px solid #92161a;position:relative;overflow:hidden;margin:10px 0;padding:0px;}
.index-bnr .swiper-pagination-bullet-active{background:#92161a;}
.index-bnr .bnr-bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;}
.iBnr1-box{text-align:center;color:#fff;z-index:2;position:absolute;left:50%;top:40%;width:1200px;margin-left:-600px;text-align:left;}
.iBnr1-box .t1{line-height:50px;font-size:50px;margin-bottom:30px;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s; -webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);opacity:0;}
.iBnr1-box .t2{font-size:24px;line-height:36px;text-transform:uppercase;opacity:0; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px);}
.swiper-slide.swiper-slide-active .iBnr1-box .t1,.swiper-slide.swiper-slide-active .iBnr1-box .t2{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}

.header-container.fixed-header{background:#fff;box-shadow:0 0 8px #999;transition:all 0.5s;}
.fixed-header .H-nav .Hnav-menu{color:#333;transition:all 0.5s;}
.fixed-header .H-lang .Hlang-menu span{border-color:#666;color:#666;}
.fixed-header .H-nav .Hnav-menu:hover,.fixed-header .H-nav .Hnav-menu.cur{color:#e60012;}

/*--- Footer ---*/
.footer-container{padding:60px 0;background:#2E3544;color:#fff;}
.F-logo{width:16%;float:left;margin-right:6%;}
.F-logo img{position:relative;top:-28px;}
.F-logo p{padding:6px 0;font-size:20px;text-align:center;color:#e5e5e5;background:#bf2733;border-bottom-left-radius:20px;border-top-right-radius:20px;}
.F-nav{width:8%;float:left;}
.F-nav dt,.F-ct .top{line-height:25px;font-size:16px;position:relative;}
.F-nav dt i{display:block;width:40px;height:50px;text-align:center;position:absolute;right:0px;top:0px;display:none;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.F-nav dt.cur i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.F-nav dd{margin:12px 0 0;}
.F-nav dd a{display:block;padding:2px 0;line-height:25px;color:#a5a5a5;font-size:12px;}
.F-nav dd a:hover{color:#bf2733;}

.F-ct{width:12%;float:right;}
.F-code{text-align:center;}
.F-code .qrcode{line-height:22px;font-size:13px;color:#b6b6b6;margin:9px 0 0;}
.F-coyright{padding:15px 0;line-height:20px;font-size:12px;color:rgba(255,255,255,.4);background:#2E3544;overflow: hidden;}
.F-link{background:#2E3544;font-size:12px;color:#717171;line-height:30px;}
.F-link .contain{padding-bottom:20px;}
.F-link a{margin-left:10px;}
.F-link a:hover{color:#bf2733;}

/* 内页全局通用banner */
.bann{margin-top:70px;color:#fff;}
.bann h2{font-size:42px;margin-bottom:9px;text-align:center;}
.bann h3{font-size:24px;text-transform:uppercase;text-align:center;}
.bann h2,.bann h3,.bann h4{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
@keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}
@-webkit-keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}

.pub-share a{width:40px;height:40px;background:#333;text-align:center;display:inline-block;color:#fff;line-height:40px;}
.pub-share a span{font-size:24px;}
.pub-share a:hover{background:#000;}

/*手机汉堡按钮*/
.Hmenu-btn{width:27px;height:27px;padding:13px 5px;cursor:pointer;display:none;float:right;margin:10px 0 0 10px;background:#333;}
.Hmenu-btn a{display:block;width:100%;height:2px;background-color:#fff;position:relative;}
.Hmenu-btn a:before{content:"";display:block;width:100%;height:2px;background-color:#fff;position:absolute;left:0px;}
.Hmenu-btn a:after{content:"";display:block;width:80%;height:2px;background-color:#fff;position:absolute;left:0px;}
.Hmenu-btn a:before{top:-6px;}
.Hmenu-btn a:after{bottom:-6px;}
.Hmenu-btn.cur a:after{width:100%;}
.Hmenu-btn.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Hmenu-btn.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Hmenu-btn.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(6px) rotate(0);transform: translateY(6px) rotate(0); }
	100% {-moz-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(6px) rotate(0);transform: translateY(6px) rotate(0); }
	100% {-webkit-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(6px) rotate(0);-ms-transform: translateY(6px) rotate(0);-webkit-transform: translateY(6px) rotate(0);transform: translateY(6px) rotate(0); }
	100% {-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-webkit-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
	100% {-moz-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
	100% {-webkit-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-6px) rotate(0);-ms-transform: translateY(-6px) rotate(0);-webkit-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
	100% {-moz-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);-webkit-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}









































