index-bnr@charset "utf-8";
/* *******************
Reset Css
Author: Corey 
QQ: 735701122
version:1.0 <2021.01.27>
********************** */

/*reset Css*/
body{
	background-color: #fff;/*整体背景颜色*/
	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/
}
/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
body, button, input, pre, select, textarea{font-size: 14px;font-family:PingFangSC-Regular,PingFang SC,'Microsoft YaHei','Arial';}
article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video{margin: 0;padding: 0;border: 0;}
a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul{border: 0;vertical-align: baseline;margin: 0;padding: 0;}
article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video{display: block;}
/* 默认合并表格边框 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}
.mt10{margin-top:10px;}
.color-red{color:#ff0000;}
/*End reset*/

/*public Css*/
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
*:focus{outline:none;}
/* 阻止windows Phone 的默认触摸事件 html{touch-action:none;-ms-touch-action:none;}*/
/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*图片默认样式*/
img{border:0;vertical-align:middle;}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img img{transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 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);}

.pdtb70{padding:70px 0px;}
.pdtb80{padding:80px 0;}
.bg1{background:#f6f9ff;}
.bg2{background:#f7f7f7;}
.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;}

.ml30{margin-left:30px;}
.mb70{margin-bottom:70px;}

.bd_weixin_popup ,.bd_weixin_popup *{box-sizing:content-box!important;}
#dituContent img{max-width:none;}
.line{height:1px;background:#eee;margin:30px auto 40px;}

/*限制行数 -- 一行*/
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/
.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;}

/* 圆点缓冲动画 */
@keyframes ani-warn{0%{transform: scale(0); opacity: 0.0;} 25%{transform: scale(0); opacity: 0.3;} 50%{transform: scale(0.1); opacity: 0.6;} 75%{transform: scale(0.5); opacity: 0.9;} 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.3;} 50%{-webkit-transform: scale(0.1); opacity: 0.6;} 75%{-webkit-transform: scale(0.5); opacity: 0.9;} 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;}

/*分页*/
.pages{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;margin-top:50px;}/*分页*/
.pages a{display:inline-block;min-width:40px;height:40px;line-height:40px;text-align:center;border:1px solid rgba(238,238,238,1);margin:0px 3px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:rgba(51,51,51,1);border-radius:2px;background:#fff;}
.pages a.on, .pages a:hover{background-color:#1a86f2;color:#fff;border-color:#1a86f2;}
.pages a:first-child,.pages a:last-child{font-family:"Microsoft yahei";padding:0 20px;}

/* 内页全局通用banner */
.pub-bann{margin-top:130px;color:#fff;}
.pub-bann img{max-width:100%;min-height:220px;object-fit:cover;}

.pub-sub-nav{width:100%;margin:0px auto;border-bottom:1px solid #e5e5e5;background:#fff;height:68px;}
.pub-sub-nav-contain{max-width:1280px;margin:0px auto;line-height:67px;position:relative;height:67px;background:#fff;}
.sub-nav-list{float:left;}
.sub-nav-list a{display:block;height:67px;line-height:67px;text-align:center;float:left;font-size:16px;color:#333;transition: none;position: relative;margin-right:40px;}
.sub-nav-list a:after{position: absolute;content: '';width:0%;height:2px;background:#ee1d23;left:0px;bottom:-1px;z-index: 2;transition: all 0.5s;}
.sub-nav-list a:hover,.sub-nav-list a.active{color:#ee1d23;}
.sub-nav-list a:hover:after,.sub-nav-list a.active:after{width:100%;}
.pub-sub-nav .crumbs{float:right;color:#888888;/* margin-right:30px; */}
.pub-sub-nav .crumbs span{font-size:20px;margin-right:5px;position:relative;top:2px;}
.pub-sub-nav .crumbs a:hover{color:#ee1d23;}

/* CSS Document */
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;position:relative;/* overflow-x:hidden; */min-width: 1400px;}
.contain{width:1280px;margin:0 auto;}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}

/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{position:relative;}
.header-container{width:100%;background:#fff;position:fixed;top:40px;left:0px;z-index:999;box-shadow:0 2px 0px #ee1d23;padding:0 4%;min-width: 1360px;}

/*logo*/
.H-logo{height:90px;line-height:90px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;}
.H-logo img.rollover{display:none;}

.H-action{float:right;}

/*Hsrch*/
.H-srch{position:relative;margin-right:35px;padding-right:35px;border-right:1px solid #eee;}
.H-srch .Hsrch-menu{display:block;width:30px;height:100%;height:90px;line-height:90px;}
.H-srch .Hsrch-menu span{color:#666;font-size:30px;}
.Hsrch-box{width:240px;background:#fff;position:absolute;top:90px;right:0px;display:none;position:absolute;z-index:2;box-shadow: 0 -1px 0 #ee1d23;}
.Hsrch-block{padding:10px;width:100%;position: relative;}
.Hsrch-block .text{width:100%;height:32px;font-size:12px;float:left;background:#f7f7f7;border:0px;padding:0 5px;}
.Hsrch-block .btn-seach{background:#ee1d23;width:32px;height:32px;color:#fff;font-size:18px;display:block;position:absolute;right:10px;top:10px;text-align:center;line-height:32px;}

.H-tel{float:right;padding:20px 0;height:90px;position: relative;padding-left: 40px;}
.H-tel i{position:absolute;left:0px;top:30px;}
.H-tel span{font-size:16px;color:#333666;}
.H-tel h2{font-size: 20px;color:#ee1d23;font-weight:bold;}

/*Hnav*/
.H-nav{float:right;margin-right:15px;}
.H-nav>li{padding:0px;float:left;position:relative;margin:0 10px;}


.H-nav .Hnav-menu{display:block;height:90px;line-height:90px;font-size:16px;color:#333;position:relative;box-shadow:0px 0px 10px #fff;transition:all 0.5s;padding:0 5px;}
.H-nav .Hnav-menu:hover,.H-nav .cur .Hnav-menu{box-shadow:0px 0px 10px #eee;background:#f7f7f7;}
.Hnav-menu i{display:inline-block;width:9px;height:6px;background:url(../images/icon/icon_nav.png) no-repeat center;z-index:2;margin-top:-3px;margin-left:5px;}
.Hnav-menu.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.Hnav-sub{padding:10px 0;width:100%;background:rgba(255,255,255,1);box-shadow:0px 2px 10px 0px rgba(0,67,201,0.08);border-radius:0px 0px 20px 0px;position:absolute;top:90px;left:0px;display:none;}
.HnavSub-list li a{display:block;height:40px;line-height:40px;text-align:center;color:#ee1d23;font-size:16px;}
.H-nav>li.cur .Hnav-menu,.H-nav li .Hnav-menu:hover{color:#ee1d23;font-weight:bold;}
.HnavSub-list li.cur a,.HnavSub-list li a:hover{background:rgba(246,249,255,1);}
@media all and (min-width:1500px){
.H-nav .Hnav-menu{padding:0 15px;}
}
@media all and (min-width:980px){
	
	.H-lang:hover .Hlang-box{display:block;animation:fadeInUps .3s ease-in-out;-webkit-animation:fadeInUps .3s ease-in-out;}
	.H-nav>li:hover .Hnav-sub{display:block;animation:fadeInDowns .3s ease-in-out;-webkit-animation:fadeInDowns .3s ease-in-out;}
}
@keyframes fadeInUps{0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}}
@keyframes fadeInDowns{0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}}

/*--- Footer ---*/
.Footer-wrapper{color:#fff;}
.footer-container{padding:90px 0 70px;background:#101010;}
.F-address{width:44%;float:left;}
.F-addr dl{font-size:16px;margin-top:30px;line-height:30px;}

.F-message{width:54%;float:right;}
.F-message h2{font-size:24px;margin-bottom:50px;}
.F-form{width:60%;float:left;}
.F-form li{margin-bottom:20px;overflow: hidden;}
.F-form li input[type="text"]{width:48%;float:left;padding:0 5px;}
.F-form li input[type="text"]:nth-child(2){float:right;}
.F-form li input{width:100%;height:48px;background:#fff;border:0px;}
.F-form li input[type="submit"]{width:30%;font-size:16px;background:#ad0005;color:#fff;margin-left:0px;cursor:pointer;}
.F-form li textarea{padding:5px;border:0px;outline:none;resize:none;width:100%;height:68px;}
.F-form li input.input-code{width:30%;}
.F-code{width:35%;float:right;text-align: center;font-weight: bold;font-size: 16px;}
#canvas{background:#fff;cursor: pointer;float:left;}
.copyright{background:#ad0005;height:80px;line-height:80px;}

/*--- Banner ---*/
.index-bnr{margin-top:130px;}
.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 img{max-width:100%;}
.index-bnr .swiper-pagination{font-size:0px;bottom:5% !important;opacity:.75;}
.index-bnr .swiper-pagination-bullet{width:8px;height:8px;border-radius:8px;background:#fff;position:relative;overflow:hidden;margin:0 10px;opacity:0.5;padding:0px;}
.index-bnr .swiper-pagination-bullet-active{opacity:1;width:44px;height:8px;}

/*手机端*/
.Hmenu-btn{width:27px;height:27px;padding:13px 5px;cursor:pointer;display:none;float:right;margin:17px 0 0 10px;background:rgba(25,102,255,0.1);}
.Hmenu-btn a{display:block;width:100%;height:2px;background-color:rgba(0,67,201,1);position:relative;}
.Hmenu-btn a:before{content:"";display:block;width:100%;height:2px;background-color:rgba(0,67,201,1);position:absolute;left:0px;}
.Hmenu-btn a:after{content:"";display:block;width:80%;height:2px;background-color:rgba(0,67,201,1);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); } 
}