body{color: #2a2a2a;  font-family: 'PingFang_Medium';}
a{color:#2a2a2a;}
a:hover{}
a:visited{}
a:active,a:focus,a:hover{}
.my-auto {display: flex; align-items: center;}
.flex{ display: flex; align-items: flex-start; justify-content: flex-start;}
.header{ height: 70px; top: 0; left: 0; width: 100%; z-index: 10000; position: fixed; background: #ffffff;}
.header .wrap{ max-width: 96%;}
.m_top{ margin-top: 70px;}
/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative; height: 70px; text-align: left; margin: 0; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items: start;}
.logo img{vertical-align: middle;max-height:100%; }

.header .flex{ justify-content: flex-end;}
.header .span-2{ width: 10.666667%;}
.header .span-7{ width: 59.333333%;}

.nav_box{display: block;  line-height: 70px; height: 70px;  font-size: 2rem; z-index: 100; position: absolute; right: 7%; top: 0; cursor: pointer;  color: #ffffff; font-size: 18px;}
.search{  width: 100%; max-width: 160px; margin-left: auto; position: relative; margin-top: 10%; }
.search .text1{display: block; height:30px; font-size: 12px; line-height: 30px; border: 0; border: 1px solid #CCCCCC; color: rgba(117,117,117,0.75); width: 94%; padding-right: 6%;}
.search button{ right: 5px; top: 0; width: 20px; position: absolute; text-align: center; line-height: 30px; background: none; border: 0;}
.search button i{ font-size: 16px; color: #9D9D9D;}


.fix-head{ background-color: #fff;  border-bottom: 1px solid #dcdcdc; height: 70px;}

.fix-head .htool{ color: #666; line-height: 70px !important;}
.fix-head .sdot i,.nhead .sdot i{color: #666;}

.fix-head .logo{ height: 70px;}
.fix-head .lang{ height: 70px; line-height: 70px;}

.wapNavBtn{display:block;line-height: 70px; height:70px; width:25px;font-size: 2rem; z-index:1000000; position: absolute; right: 5%; top: 0; cursor: pointer;}
.wapNavBtn::after{ content: ""; width: 42px; height: 42px; border-radius: 42px; background-color: #e02020; display: block; position: absolute; top: 41px; right: -8px; display: none;}

.wapNavBtn span{ display:block; right:0; width:100%; height:2px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; border-radius: 3px; background: #000000; z-index: 10;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); width: 75%; }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0);  width: 60%;}

.wapNavBtn.on::after{ display: block;}
.wapNavBtn.on span{ background:#fff; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg);width: 100%; }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);width: 100%;}

.fix-head .wapNavBtn span,.nhead .wapNavBtn span{ background-color: #333333;}
.fix-head .wapNavBtn.on span,.nhead .wapNavBtn.on span,.Hhover .wapNavBtn.on span{ background: #fff;}
.fix-head .nav_box{ color: #333333; height: 90px; line-height: 90px; transition: all 0.1s;}

.fix-head .wapNavBtn{     height: 70px; transition: all 0.1s;}
.fix-head .wapNavBtn.on{ height: 70px;}
/* 导航-1 */
.navBox{width:100%; max-width: 1000px; margin-left: auto;}
.navBox ul.navCont{position: relative; z-index: 1;}
.navBox ul.navCont li.child{float:left; width: 12.5%; text-align:center; position: relative; display: block;}
.navBox ul.navCont li.child a{display: block;color:#333333; font-size: 16px; line-height:70px; position: relative; transition: all 0.1s; }
.navBox ul.navCont li.child a span{ position: relative; z-index: 2;}
.navBox ul.navCont li.child a:hover{ background: #E02020 url(../img/nav_hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; color: #ffffff;}
.navBox ul.navCont li.child.cur a{background: #E02020 url(../img/nav_hover.png); background-repeat: no-repeat; background-size: contain; background-position: center; color: #ffffff;}
.navBox ul.navCont li:nth-child(4) .psub a{ width:50%; float:left;}



.fix-head .navBox ul.navCont li.child a:hover{ color: #ffffff;}
/*二级*/
.navBox ul.navCont li:nth-child(3) .pro-cate .psub a{ width: 50%; float: left;}
.navBox ul.navCont li.child .childcont{position:absolute;top:70px; left: 0; right: 0; z-index:999;display:none;width:100%; text-align: left; margin: 0 auto;}
.navBox ul.navCont li.child .childcont li{ width: 100%; display: block; background:rgba(255,255,255,0.8); margin-bottom: 1px;}
.navBox ul.navCont li.child .childcont a{ height: auto;}
.navBox ul.navCont li.child .childcont a:hover{}
.navBox ul.navCont li.child .pro-cate{ position: fixed; background:none; width: 100%; top: 70px; left: 0; box-sizing: border-box; padding: 0;}
.pro-cate .nav_w{ background-color: #fff; width: 100%; margin: 0 auto; box-sizing: border-box;}
.pro-cate .nav_w .span-4{ background-color: #f1f1f1;  min-height: 400px;}
.nav_tit{ text-align: right; position: relative; margin: 4rem 8rem; padding-right: 20px;}
.nav_tit:after{ width: 5px; height: 100%; background: #E02020; opacity: 0.5; content: ""; position: absolute; right: 0; top: 0;}
.nav_tit span{ color: #757575; font-size: 3rem; font-weight: bold;}
.nav_tit p{ font-family: 'BarlowCondensed-Light'; font-size: 4.8rem; color: #C7C7C7;}
.pro-cate .nav_contact{     max-width: 800px; width: 90%; margin-left: 5%; margin-top: 2%;}
.pro-cate .nav_contact .row{ display: flex; justify-content:flex-start; align-items: center;}
.pro-cate .psub{ line-height: 50px; text-align: right; min-height: 225px;}
.pro-cate .nav_img{text-align: left; align-items: start; height: 100%; position: relative;}
.navBox ul.navCont li.child .pro-cate .psub a{     background: none; display: block; color: #333; font-size: 16px; line-height: 40px; text-align: left; height: auto;}
.navBox ul.navCont li.child .pro-cate .psub a:hover{color:#e02020; background: none; }



.fix-head .navBox ul.navCont li.child .childcont,.fix-head .navBox ul.navCont li.child .pro-cate{ top:70px;}
.fix-head .pro-cate .psub a{ line-height: 40px !important;}


.nav_tel{ padding-top: 100px; text-align: right; font-family: "barlow"; }
.nav_tel span{ display: block; color: #00a497; font-size: 36px; font-weight: bold;line-height: 36px;}
.nav_tel i{ font-size: 18px; color: #555; display: inline-block; position: relative;     white-space: normal;}

/*底部*/
.footer{ background: #1E1E1E;  padding: 6rem 0 0;  color:#828a8f; line-height: 2; position: relative; font-size: 14px; }

.dot_f1{ text-align: left; position: relative; padding-left: 2rem;}
.dot_f1:before{ width: 2px; height: 100%; content: ""; background: #E5171F; position: absolute; left: 0; top: 0; display: block;}
.dot_f1 span{ font-size: 18px; color: #ffffff; line-height: 1;}
.dot_f1 h2{ font-size: 3rem; font-weight: bold; line-height: 2; color: #E5171F;}
.dot_f1 h2 a{ color: #E5171F;}
.dot_f1 p{ font-size: 14px; color: rgba(255,255,255,0.5); margin: 2rem 0 0;}
.dot_f1 p a{ color: rgba(255,255,255,0.5);}


.dot_f2{ text-align: left; margin: 2rem 0; position: relative; }
.dot_f2 p{ font-size: 14px; color: rgba(255,255,255,0.5); line-height: 2;}
.dot_f2 a{color: rgba(255,255,255,0.5);  }
.dot_f2 a:hover{ color: #E5171F;}

.foot_nav{ list-style: none; clear: both; overflow: hidden;}
.foot_nav li{ width: 12.5%; float: left;}
.foot_nav li a:hover{ color: #E5171F;}
.foot_nav li span a{ font-size: 16px; color: #ffffff; position: relative; line-height: 2; }
.foot_nav li span a:hover{ color: #E5171F; border-bottom: 1px solid #E5171F;}


.foot_con span a{ font-size: 16px; color: #ffffff;}
.foot_con h4{ font-size: 3rem; font-weight: bold; color: #fafdff;}
.foot_con h4 i{ font-size: 3rem; margin-right: 1rem;}
.foot_con h4 a{ color: #ffffff;}
.foot_img{ margin:0 0 0 3rem;}


.foot_con{ border-top: 1px solid rgba(255,255,255,0.1); padding: 2rem 0; margin-top: 2rem; }
.foot{color: rgba(255,255,255,0.6); font-size: 14px;  line-height: 2; text-align: left;}
.foot_1{ text-align: right;}
.foot_1 a{ color: rgba(255,255,255,0.6);}
/*媒体盒子模型*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #efefef; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}

/*翻页*/
.pager{text-align: center; color: #333333; margin-bottom: 30px; margin-top: 3rem; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #333333;}
.pager a,.pager span{ width: 42px; height: 42px; line-height: 42px;  display: inline-block; margin:0 2px; color: #333333; text-align: center; font-size: 18px; border: 1px solid #DDDDDD; background: #ffffff; border-radius: 5px; }
.pager span.active,.pager a:hover{ background: #E02020; color: #ffffff;}
.pager .active a{ background: #E02020; color: #ffffff;}


.video-box{ margin-bottom: 4rem; color: #323232; background: #ffffff; position: relative;}
.video-box:hover{ -moz-box-shadow:0px 1px 8px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.2); box-shadow:0px 1px 8px rgba(0,0,0,0.2);}
.video-box .icon img{ width: 100%; height: 100%;  object-fit: cover;}
.video-box .icon i{ background: rgba(0,0,0,0.2); position: absolute; left: 0; right: 0; margin: 0 auto; color: #ffffff; font-size: 3rem; width: 5rem; height: 5rem; border: 1px solid rgba(255,255,255,0.5); display: block; border-radius: 100%; top: 25%; line-height: 5rem;}
.video-box .ntit { padding: 2rem; text-align: left; background: #ffffff;}
.video-box .ntit h3{ font-size: 16px; color: #333333; text-align: left; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0;}
.video-box .ntit p{ font-size: 14px; font-weight: bold; color: #737B92; line-height: 1.8;  }

.hidden{display:none}
.msKeimgBox{margin:4rem auto 0;}
.mskeLayBg{background:#000;width:100%;position:absolute;left:0px;top:20%;z-index:1000;opacity:0.7;filter:alpha(opacity=70);display:none;_display:none!important }
.mskelayBox{width: 50%; position:fixed;left: 0; right: 0; top:15%; z-index:1001;display:none;_display:none!important; text-align: center;  margin: 0 auto; padding: 15px; }
.mskelayBox .mske_html{ display: flex; justify-content: center; align-items: center; }
.mskelayBox .mske_html video{ width: 100%;     max-height: 80vh;}
.mskelayBox i{ font-size: 18px; color: #ffffff; background: #000000;  width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center;display: inline-block;}
.mskeImgBg{height:57px;width:100%;position:absolute;left:0px;bottom:0px;}
.mskeClaose{position:absolute; top:0; right:-17px; top:-3%; margin:0 auto; cursor:pointer;}




.box_a2{ width: 94%; overflow: hidden;  margin-left: 0;}
.box_a3{ max-width: 1270px; margin-left: auto;}

.img-box1{ position: relative; margin-bottom: 0; overflow: hidden; }
.img-box1 .icon img{ width: 100%; height: 100%; overflow: hidden;}
.img-box1 a{position: relative; transition: all 0.8s;}
.img-box1:hover .ntit p{ color: #ffffff;}
.img-box1 a:hover .icon img{transform:scale(1.1);}
.img-box1 .pimg{ width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.2); position: absolute; left: 0; right: 0; z-index: 2;     top: 0;}
.img-box1 .ntit{ margin: 0 auto; text-align: left; width: 100%; color: #ffffff; position: absolute; z-index: 3; left: 12%; bottom: 12%;}
.img-box1 .ntit em{ text-transform: uppercase; font-size: 18px; line-height: 1; font-style: normal;}
.img-box1 .ntit h3{ font-size: 4rem; line-height: 1.5; text-align:  left; color: #ffffff;}
.img-box1 .ntit p{ color: #ffffff; font-size: 18px; max-width: 570px; width: 94%; line-height: 2; margin: 2rem 0;}
.img-box1 .ntit b{ width: 79px; height: 1px; display: block; background: #ffffff; margin: 1rem 0;}
.qiehuan{ border: 1px solid #ffffff; position: absolute; left: 11%; top: 23%; width: 11rem; height: 11rem; border-radius: 100%; z-index: 10;}
.inext_h{ background: none; top: auto; bottom: 18.8%; right: 32%;} 
.iprev_h{ background: none; top: auto; bottom: 37.5%;  left: 27%; transform: rotate(180deg);}
.inext_h i,.iprev_h i{ color: #ffffff; font-size: 24px;}