body{color: #333;}
a{color:#333}
a:hover{color:#333}
a:visited{color:#333}
a:active,a:hover{color:#333}
a:focus{ outline: none;}
.swiper-button-next:focus,.swiper-button-prev:focus{ outline: none;}

.header{ top: 0; left: 0; width: 100%; z-index: 10000; position: fixed; height: 90px;}
.header .wh{ padding: 0 2.5%;}
/* LOGO */
.logo{ vertical-align: middle; z-index: 20000; position: relative; height: 90px; 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%;}
.logo .active{ display: none;}

.fix-head .logo .show,.nhead .logo .show{ display: none;}
.fix-head .logo .hide,.nhead .logo .hide{ display: block;}

.htool{ text-align: right; line-height: 90px; color: rgba(255,255,255,0.5);}

.sdot{ display: inline-block; text-align: right; margin-right: 5%; vertical-align: middle; cursor: pointer;}
.sdot i{ color: #3d3d3d; font-size: 24px;}

.lang{ display: inline-block; margin-right: 20%; margin-left: 5%; color: #fff; font-size: 16px; vertical-align: middle; position: relative; cursor: pointer;}
.lang .lang-list{ position: absolute; top: 65px; width: 60px; left: -20px; background-color: #fff; padding: 10px; display: none;}
.lang .lang-list a{ display: block; line-height: 36px; text-align: center; color: #333;}
.lang .lang-list a:hover{ color: #c6004e;}
.lang:hover .lang-list{ display: block;}

.search{ position: fixed; background-color: #fff; width: 100%; padding: 15px 0 15px; top: 90px; left: 0; z-index: 10000000; display: none;}
.search .text1{display: block; height: 60px; line-height: 60px; border: 0; border-bottom: 1px solid #d3d2d2; color: #999; width: 94%; padding-right: 6%;}
.search button{ position: absolute; right: 0; top: 0; width: 5%; text-align: center; line-height: 60px; background: none; border: 0;}
.search button i{ font-size: 26px; color: #000;}
.search .sclose{ position: absolute; top: 10px; right: 5%; background-color: #d5d4d4; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; z-index: 2;}
.search .sclose i{ font-size: 20px; color: #fff; font-weight: bold; cursor: pointer;}

.fix-head,.nhead{ background-color: #ffffff; }

.wapNavBtn{display:none;line-height: 60px; height:90px; width:80px;font-size: 2rem; z-index:1000000; position: absolute; right: 0; top: 0; cursor: pointer; background: #226da7;}
.wapNavBtn.on{ background: #226da7 !important;}

.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: #efeeec; z-index: 10;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); width: 60%; left: 0; margin: 0 auto; }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); width: 40%; left: 0; margin: 0 auto;}
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0);  width: 60%; eft: 0; margin: 0 auto;}

.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: 80%; }
.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: 80%;}

.fix-head .wapNavBtn span,.nhead .wapNavBtn span{ background-color: #fff;}
.fix-head .wapNavBtn.on span,.nhead .wapNavBtn.on span,.Hhover .wapNavBtn.on span{ background: #fff;}


/* 导航-1 */
.nav_bg{position:absolute;height: 90px; background-color: #f2f2f2; left: 0; width: 100%; display: block;}
.navBox{width:100%;}
.navBox ul.navCont{ z-index: 1;}
.navBox ul.navCont li.child{float:left; width: 14.2%; text-align:center;  display: block;}
.navBox ul.navCont li.child a{color:#292929; font-size: 18px; line-height: 90px; position: relative; transition: all 0.1s; }
.navBox ul.navCont li.child a:before{ width: 0; height: 7px; bottom: -36px; background: #226da7; content: ""; display: block; position: absolute; left: 0; right: 0; margin: 0 auto;}
.navBox ul.navCont li.child i{ margin-left: 10px;}
.navBox ul.navCont li.child a span{ position: relative; z-index: 2;}
.navBox ul.navCont li.child a:hover::before{ width: 180%; left: -29%;}
.navBox ul.navCont li.child a:hover,.navBox ul.navCont li.child:hover a{ color: #226da7;}
.navBox ul.navCont li.child.cur a{color: #226da7!important;}
.navBox ul.navCont li.child.cur a:before{ width: 180%; left: -29%;}

.fix-head .navBox ul.navCont li.child a,.nhead .navBox ul.navCont li.child a{ color: #292929;}
.fix-head .navBox ul.navCont li.child a:hover,.fix-head .navBox ul.navCont li.child:hover a,.nhead .navBox ul.navCont li.child a:hover,.nhead .navBox ul.navCont li.child:hover a{ color: #226da7;}
/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute;top:90px; left: 0; right: 0; z-index:999;display:none;width:100%; text-align: left; margin: 0 auto; background: #f4f4f4;}
.navBox ul.navCont li.child .childcont .wrap{ max-width: 1600px;}
.navBox ul.navCont li.child .childcont .nav_box{  display: flex; justify-content: flex-start; align-items: center; padding: 5.5rem 0;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left{     width: 51%; float: left;     margin-left: 12%;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div{ max-width: 400px; margin-top: 4rem;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a{ width: calc((100% - 40px)/2); margin-right: 0; float: left; border-bottom: 1px solid #dedede; margin-right: 40px; line-height: 45px; color: #5b5b5b !important; font-size: 18px;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a:hover{ color: #226da7 !important;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a:hover i{ color: #226da7;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a i{ float: right;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a:before{ display: none;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a:nth-child(2n){ margin-right: 0;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left span{ font-size: 2.8rem;}
.navBox ul.navCont li.child .childcont .nav_box .nav_right{ width:35%; float: left;}
.navBox ul.navCont li.child .childcont .nav_box .nav_right img{ max-width: 322px; width: 100%; height: 100%; max-height: 217px; object-fit: cover;}
.navBox ul.navCont li.child .childcont .nav_box1{ text-align: left; position: relative; z-index: 1;}

.navBox ul.navCont li.child .childcont .nav_box1 span{ font-size: 3rem; color: #313131; line-height: 2;}
.navBox ul.navCont li.child .childcont .nav_box1 p{ color: #5b5b5b; line-height: 2; font-size: 18px; max-width: 350px;}
.navBox ul.navCont li.child .childcont .nimg{ position: absolute; right: 0; top: 0; z-index: 0;}

.fix-head .navBox ul.navCont li.child .childcont,.fix-head .navBox ul.navCont li.child .pro-cate{ top: 90px;}


.menu .wrap,.menu .wrap .row{ height: 100%;}
.menu{ position: fixed; width: 100%; left: 0; top: 0; height: 100%; box-sizing: border-box; overflow-y: scroll; z-index: 1000; background: url(../img/nav_bg.jpg) no-repeat right bottom #fff; visibility: hidden; opacity: 0;}
.menu ul{ position: relative; height: 100%; border-right: 1px solid #e9e9e9;}
.menu li{ border-left: 1px solid #ecebeb; padding: 100px 30px 0; float: left; width: 33.1%; height: 400px; box-sizing: border-box; position: relative;}
.menu li:nth-child(4),.menu li:nth-child(5),.menu li:nth-child(6){ }
.menu a{ font-size: 24px; line-height: 60px;}
.menu a span{ font-size: 16px; color: #777; margin-right: 5px;}
.menu .childm{ padding-left: 30px;}
.menu .childm a{ font-size: 15px; color: #666; line-height: 42px; display: inline-block;}
.menu .childm a:hover{ color: #c6004e;}

.navBox.in{ display: block; opacity: 1; transition: all 0.6s;}
.navBox.out{ display: none; opacity: 0; transition: all 0.6s;}

.nav_tel{ padding-top: 100px; text-align: right; font-family: "barlow"; }
.nav_tel span{ display: block; color: #c52d2f; font-size: 36px; font-weight: bold;line-height: 36px;}
.nav_tel i{ font-size: 18px; color: #555; display: inline-block; position: relative;}
.nav_tel i::after{ content: ""; width: 35px; height: 2px; background-color: #c52d2f; display: block; position: absolute; right: 0; bottom: -10px;}

/*底部*/
.footer{ background:url(../img/foot_bg.jpg) no-repeat center top; background-size: cover; color: #565a5a; padding: 6rem 0 0; line-height: 2; position: relative; font-size: 14px;}
.footer a{ color: #565a5a; display: inline-block;}
.footer a:hover{ color: #226da7;}
.footer span{ display: inline-block;}
.footer .search1{ max-width: 320px; margin-left: 0; position: relative;}
.footer .search1 .text1{display: inline-block; background: rgba(255,255,255,0); height: 40px; float: left; line-height: 40px; border: 1px solid #d5e1e2; color: #bcbebe; width: 80%; padding:0 2%;}
.footer .search1 button{ background: #3ba2cf; padding: 0 10px; text-align: center; border: none; line-height: 42px; height: 42px; display: inline-block;}
.footer .search1 button i{ font-size: 26px; color: #ffffff;}


.flogo{ text-align: left;}

.fcoy{ padding: 15px 0; border-top: 1px solid #dce2e2; background: #f2f8f8;}
.fcoy p{ display: flex; justify-content: space-between;}
.fcoy p span{ display: inline-block; margin: 0 10px;}

.flink{ border-left: 1px solid #565555; padding-left: 5rem;}
.flink span{ display: block; font-size: 18px;}
.flink a{ font-family: "Arial";}

.fcont{ padding: 4rem 0;}
.fcont p{ color: #565a5a; font-size: 14px;}
.fcont p i{ font-size: 20px; margin-right: 10px; vertical-align: middle;}
.fcont span{ display: block; font-size: 18px;}

.fwx{ float: right; position: relative;}

.fnav{clear: both; overflow: hidden;}
.fnav .fw{ float: left; width: 25%; min-height: 220px;}
.fnav span{ display: block; font-size: 16px; color: #292929; line-height: 2;}
.fnav span i{ margin-right: 10px;}
.fnav p{ padding: 3rem 0 0 15px;}
.fnav a{ font-size: 14px; color: #7c7c7c; line-height: 2.5;}

.fixedTop{ position: fixed; width: 68px; height: 68px; box-sizing: border-box;  border-radius: 15px; background-color: #226da7; right: 20px; bottom: 10%; z-index: 10; cursor: pointer; display: none; font-size: 12px; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.fixedTop i{ display: block; color: #fff;  text-align: center;}

/*标题样式

.box-title2{ position: relative; line-height: 5rem; position: relative; text-align: center;}
.box-title2 i{ font-size: 12px; text-transform: uppercase; color: #908c95; letter-spacing: 2px; display: block;}
.box-title2 span{ font-size: 4rem; display:inline-block; position: relative; z-index: 2; font-weight: bold; }
.box-title2 span::before{ content: ""; width: 16px; height: 16px; border-radius: 16px; display: block; position: absolute; top: 0; left: -30px; border: 1px solid #c80b56;}
.box-title2 p{ font-size: 2rem; color: #3e3e3e; margin-top: 1rem;}
.box-title2 .p-style{ font-size: 16px; color: #8a8a8a; margin-top: 1rem;}*/

/*媒体盒子模型*/
.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: #333; font-size: 14px; padding-top: 6rem;}
.pager a,.pager span{ width: 35px; height: 35px; line-height:35px; display: inline-block;margin:0 2px; color: #333; text-align: center; border:1px solid #dbdbdb; color: #333; position: relative;}
.pager a.on,.pager a:hover{ border-color:#226da7 ; color:#fff; background-color: #226da7;}
.pager a:nth-child(1),.pager a:nth-child(2),.pager a:nth-last-child(1),.pager a:nth-last-child(2){ width: auto; padding: 0 10px; }


/*文章列表*/
.ul-news li{ line-height: 48px; clear: both; overflow: hidden;}
.ul-news li a{ font-size: 16px; color: #2d2d2d; display: block; width: 70%; font-weight: bold; float: left;}
.ul-news li span{ float: right;}
.ul-news li a:hover{ color: #2481e1;}

a.more{display: inline-block; color: #c52d2f; font-size: 16px; border: 1px solid #c52d2f; padding: 0 30px; line-height: 55px;}
a.more i{ font-size: 22px; line-height: 55px; margin-left: 5px;  vertical-align: middle;}
a.more:hover{ background-color: #c52d2f; color: #fff;}


/*选项卡*/
.tablist { margin-bottom: 0.4rem;}
.tablist .tlist{ display:none; position: relative; clear: both; overflow: hidden; padding: 0 4%; text-align: center;}
.tablist .active{ display:block;}

.tabs{line-height:26px;}
.tabs a{color: #333; }
.tabs a:hover,.tabs .active a{ }
.tabs a:hover span,.tabs .active a span{}

/*导航展开*/
.head-zm.active {opacity: 1;visibility: visible;}
.head-zm {opacity: 0;visibility: hidden;transition: 0.45s; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 600; width: 100%; height: 100vh; background: url(../img/pic27.jpg) no-repeat; background-size: cover; overflow: hidden;}
.hzmlist {width: 1400px; margin: 0 auto; display: -webkit-flex; display: flex;}
.hzmlist li {position: relative; -webkit-flex: 1; flex: 1; height: 100vh; text-align: center; padding-top: 24%; z-index: 3;}
.hzmlist li:before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 0; transition: 0.85s; background: -webkit-linear-gradient(#226da7, #226da7); background: -o-linear-gradient(#226da7, #226da7); background: -moz-linear-gradient(#226da7, #226da7); background: linear-gradient(#226da7, #226da7);z-index: -3;}
.hmltxt1 {display: block; color: #333333; font-size: 26px; margin-bottom: 30px; font-weight: normal;}
.hmltxt2 {display: block; color: #808080 !important; font-size: 16px; margin-top: 10px;}

.hmltxt2:hover {text-decoration: underline;}
.hzmlist li:hover .hmltxt1 a,.hzmlist li:hover .hmltxt2 {color: #fff !important;}
.hzmlist li:hover:before {height: 100%;bottom: 0;}

.hrmenu {  width: 90px; height: 90px; text-align: center; position: relative; position: fixed; right: 0; top: 0; background: #226da7; z-index: 10000;}

.hrmenu.active:before {top: 41px;  left: 8px; background: #ffffff; -webkit-transform: rotate( 45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate( 45deg);}

.hrmenu.active:after {bottom: 45px;     left: 8px; background: #ffffff; -webkit-transform: rotate( -45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate( -45deg);}

.hrmenu.active i {display: none;}
.hrmenu i {display: block; width: 15px; height: 3px; border-radius: 50px; background: #fff; margin-top: 43px; margin-left: 30%;}

.hrmenu:before {width: 25px;left: 0;  margin-left: 30%;top: 33px;}
.hrmenu:after {width: 25px;left: 0;  margin-left: 30%;bottom: 33px}

.hrmenu:before,.hrmenu:after {content: "";position: absolute; display: inline-block; height: 3px; left: 0; border-radius: 50px; background-color: #fff; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s;}