body{color: #444444;  font-family: 'Roboto-Regular';}
a{color:#212121;}
a:hover{ color: rgba(245, 137, 11, 1);}
a:visited{}
a:active,a:focus,a:hover{}
.my-auto {display: flex;}
.flex{ display: flex; align-items: center;}
.header{ background:url(../img/bg_i1.png) no-repeat left top rgba(241, 121, 48, 1); position: relative;}
.header:before{ background:url(../img/bg_i2.png) no-repeat right bottom; content: ""; right: 0; bottom: 0; width: 10.8rem; height: 8.4rem; position: absolute;}
.pad{ padding: 2rem 0;}
.fix-head{  position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background:rgba(241, 121, 48, 1); transition: all 0.4s;  animation: sticky 1s;}
@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.fix-head .pad{ display: none;}
/* LOGO */

.logo{ vertical-align: middle; z-index: 2;  text-align: left; margin: 0; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items:flex-start; }
.logo img{vertical-align: middle;max-height:100%; }


.search{ position: relative; max-width: 293px; width: 100%; margin-top: 1rem;    margin-left: auto;}
.search .text1{display: block; height: 40px; font-size: 16px; line-height: 40px; border: 0; border-radius: 25px;  color: #ffffff; width: 100%;     background: rgba(255, 255, 255, 0.2); padding-left: 10px;}
.search button{ position: absolute; right: 5%; top: 0; width: 5%; text-align: center; line-height: 40px; background: none; border: 0;}
.search button i{ font-size: 20px; color: #ffffff;}
.search input::placeholder { color: #ffffff; opacity: 1; /* Firefox 浏览器需要 */}

.sdot{ display: flex; text-align: center; font-size: 14px;  color: #ffffff;     justify-content: flex-end;}
.sdot a{ color: #ffffff; margin: 0 10px;}

.language{ line-height: 98px; height: 98px;  position: relative;}
.language:before{ width: 1px; background: rgba(255,255,255,1); content: ""; position: absolute; top:35px; right: 12%; height: 24px;}
.lang-1{ display: flex; justify-content: center; align-items: center;}
.lang{  display: inline-block; color: #ffffff; font-size: 16px; vertical-align: middle; position: relative; cursor: pointer;display: flex; justify-content: center; align-items: center;     padding: 0 4rem;}
.lang i{ font-size: 2rem; margin-right: 10px; color: #ffffff;}
.lang .lang-list{ position: absolute; top: 98px; width: 100%; background-color: #fff;  display: none;}
.lang .lang-list a{ display: block; line-height: 4rem; text-align: center; color: #212121;}
.lang .lang-list a:hover{ color: #ffffff; background: #009748;}
.lang:hover .lang-list{ display: block;}


.wapNavBtn{display:none;line-height: 60px; margin-left: auto;  width:40px;font-size: 2rem; z-index:1000000; cursor: pointer;}
.wapNavBtn span{ display:block; right:0; width:100%; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; border-radius: 3px; background: #ffffff; z-index: 10;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); }
.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);}
.wapNavBtn.on span{ background:#ffffff; 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{  transition: all 0.1s;}
.fix-head .wapNavBtn.on{ }

/* 导航-1 */
.navBox{width:100%; }
.navBox ul.navCont{ z-index: 1; display: flex; justify-content: space-between;}
.navBox ul.navCont li.child{float:left;  text-align:center; position: relative; display: block;}
.navBox ul.navCont li.child a{display: block;color:#ffffff; font-size: 16px; line-height:55px; position: relative; transition: all 0.1s; }
.navBox ul.navCont li.child a span{ position: relative; z-index: 2;}
.navBox ul.navCont li.child a:before{ width: 0; height: 2px; content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block; background: #FFE09F;}
.navBox ul.navCont li.child a:hover{ color:rgba(255, 224, 159, 1);} 
.navBox ul.navCont li.child:hover a::before{ width: 100%;}
.navBox ul.navCont li.child.cur a{ color:rgba(255, 224, 159, 1);}
.navBox ul.navCont li.child.cur a:before{ width: 100%; height: 2px; content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block; background: #FFE09F;}
.navBox ul.navCont li.child:hover a{ color:rgba(255, 224, 159, 1);}

.navBox ul.navCont li:last-child .childn{ display: flex; justify-content: center; align-items: center;}
.navBox ul.navCont li:last-child .childn a{ color: #ffffff;}
.navBox ul.navCont li.child i{ display: none;}


/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute; top:55px; background: #ffffff; left: 0; right: 0; z-index:999;display:none; width:160%; text-align: left; margin: 0 auto;     left: -30%;}

.navBox ul.navCont li.child .childcont li{  text-align: center; display: block; background:rgba(255,255,255,0.8); }
.navBox ul.navCont li.child .childcont a{ height: auto; color: rgba(102, 102, 102, 1); height: 35px; line-height: 35px; text-align: center; font-size: 14px;}
.navBox ul.navCont li.child .childcont a:before{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color: rgba(241, 121, 48, 1); }
.childn{  width: 100%;}
.childn i{ display: none; font-size: 24px;     font-weight: bold;}

/*底部*/
.footer{ background:rgba(43, 44, 46, 1);  padding: 5rem 0 0 0; position: relative; color:rgba(255,255,255,0.6); line-height: 2; position: relative; font-size: 16px; }

.foot_1{ }
.foot_1 a{ color: rgba(255,255,255,0.6);}
.foot_1 p{ margin-top: 2rem; font-size:14px; color: rgba(255,255,255,0.6); text-align: left; line-height: 2; max-width: 380px;}
.foot_2{  margin-top: 2rem;}
.foot_2 li{ width: 50%; float: left; text-align: center; font-size: 14px;}
.foot_2 li p{ margin: 10px 0;}

.foot_nav{ margin-top: 2rem; list-style: none; display: flex; justify-content:flex-start; align-items:flex-start;}
.foot_nav a{ display: block; font-size: 16px; color: #ffffff; position: relative; line-height: 2; margin: 0 8px; }
.foot_nav a:hover{ color: rgba(245, 137, 11, 1);}


.foot_contact{ list-style: none;   position: relative; margin-top: 3rem;}
.foot_contact li{ margin-bottom: 2rem; display: flex; justify-content: flex-start; align-items: flex-start; }
.foot_contact li i{ color: rgba(255, 255, 255, 0.5); font-size: 16px; line-height: 1; margin-right: 10px;}
.foot_contact li p{ font-size: 14px;  color: rgba(255, 255, 255, 0.5); line-height: 1;}
.foot_contact li p a{ color: rgba(255, 255, 255, 0.5);}

.foot{ margin-top: 5rem; border-top: 1px solid rgba(255,255,255,0.1); text-align: center; line-height: 2; padding: 2rem 0;  color:rgba(255,255,255,0.7); font-size: 14px;}
.foot a{  color:rgba(255,255,255,0.7); }



.fixedTop{  position: fixed;text-align: center;  bottom: 4%; right: 0;  color: #ffffff; cursor: pointer; z-index: 100000;}
.fixedTop ul{ list-style: none;}
.fixedTop ul li{ text-align: center; font-size: 15px;  width: 115px;     position: relative;}
.fixedTop ul li a{ border-bottom: 1px solid #66ade0; background: #087bcd; padding: 2rem 0; color: #ffffff; display: block; border-radius: 10px 0 0 10px; line-height: 1;}
.fixedTop ul li:nth-child(3):hover img{ display: block;}
.fixedTop ul li:nth-child(3) img{ display: none; position: absolute; right: 102%; top: 0;}
.fixedTop ul li a i{ font-size: 3rem; color: #ffffff; display: block; margin-bottom: 1rem;}
.fixedTop ul li:nth-child(4) a{ padding:0.5rem 0; font-size: 18px; background: #c7f910; color: #333333; display: flex; justify-content: center; align-items: center; border-bottom: none;}
.fixedTop ul li:nth-child(4) i{ font-size: 3rem; color: #333333; transform: rotate(180deg) translateY(-6px);}


/*媒体盒子模型*/
.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;}
.pager a,.pager span{padding:0 18px; height: 42px; border: 1px solid #DDDDDD; line-height: 42px;  display: inline-block;  color: #606266; text-align: center; font-size: 14px; margin: 0 5px;  }
.pager span.current,.pager a:hover{ background: rgba(245, 137, 11, 1); border: 1px solid rgba(245, 137, 11, 1); color: #ffffff;}
.pager a.on{ background: rgba(245, 137, 11, 1); color: #ffffff;}
.pager a i{ font-size:16px;}


.hidden{display:none}
.msKeimgBox{margin:0px auto;}
.mskeLayBg{background:#000;width:100%;position:absolute;left:0px;top:0px;z-index:10;opacity:0.7;filter:alpha(opacity=70);display:none;_display:none!important }
.mskelayBox{min-height: 488px; width: 50%; position:fixed;left: 0; right: 0; top: 30%;z-index:20;background:#FFF;display:none;_display:none!important; text-align: center;  margin: 0 auto; padding: 15px; }
.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:-17px;right:-17px;cursor:pointer;}