@charset "utf-8";
/*=============================公共样式=====================================*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, th,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
html,body{width:100%;position:relative;height:auto;overflow:visible;font-size: 14px;color:var(--font-color);}
*[align="center"]{margin:0 auto;}


::-webkit-scrollbar {width:8px;height:8px;background:#f1f1f1;}
::-webkit-scrollbar-track {border-radius:10px; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:10px;background:#c1c1c1;}
::selection{background:#b01f24;color:#fff;}
::-moz-selection{background:#b01f24;color:#fff;}
::-webkit-selection{background:#b01f24;color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a,input,img,:focus{mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/}/*去除a标签带来的虚框*/
input, textarea {outline-style: none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul,li{list-style:none}
i, cite, em, var, address, dfn {font-style: normal;}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0; color:#333333;}
ins{background-color:#b01f24;color:#000;text-decoration:none}
mark{background-color:#b01f24;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle;border:0;}
input{padding: 0 5px;vertical-align: middle;line-height: normal;}
input[type="submit"]{background-image:none!important;border-radius: 0!important;}
img{max-width:100%;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.bold{font-weight: bold;}
.c-label{min-width: 44px;height: 22px;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;padding: 0 9px;float: left;box-sizing: border-box;border: 1px solid #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.c-label.onsell{color: #b01f24;border-color: #b01f24;}
.tc{width: 100%;text-align: center;transition: all ease 300ms;   position: fixed;   width: 100%;   height: 100%;   top: 0;   left: 0;   z-index: 9999;}
.pr{position: relative;}
.f12 {font-size: 12px;}
/*css定义超链接四个状态也有顺序的。*/
a:link, a:visited{text-decoration: none;cursor:pointer !important;}
a:hover, a:active{border: none;color:#b01f24;}

/*辅助样式*/
.fl,.left{float:left !important;}
.fr,.right{float:right !important;}
.no_bg{background:none !important;}
.no_border{border:0 !important;}
.no_padding{padding:0 !important;}
.no_margin{margin:0 !important;}
.no_bg_img{background-image:none !important;}
.fix{position:fixed;top:0;*padding-top:50px;}
.border{border:1px solid #dedede;}
.clear{clear:both;}
.clearfix:after,.main_box:after,.wrap:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.main_box,.wrap {width: 1400px;display: block; margin-left: auto; margin-right: auto; position: relative;*z-index:1;}
.h_x{color:#fe0505;font-weight:bold;padding-left:10px;padding-top:10px;}
.dd{background: #d6d7d9;border-radius:50%;height:7px;display:inline-block;width:7px;margin:0 10px;}
hr{display:block;height:1px;border:0;background:#e0dede;margin:10px 0 30px 0;padding:0}
@font-face {font-family: "iconfont"; /* Project id  */ src: url('../font/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*==============滚动条=====================*/
aside{display:block;position: absolute;}
.main-filter {width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100; display: none; background: rgba(0 0 0 /0.5);}
/*pc*/
#header{height:100px;background:#FFFFFF;}
#header .logo{height:100px;display:flex; align-items: center;justify-content: center;}
#header .logo a{display:block;}
#header .logo img{max-width:315px;}

#header .menu-btn{display:none; cursor:pointer;width: 50px;height: 50px;position: absolute;right: 0px;top: 10px;z-index: 130;background:#FFFFFF;}
#header .menu-btn span{width: 30px;height: 0.14em;background:#b01f24;border-radius: 3px;position: absolute;left: 10px;top: 26px;z-index: 2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
#header .menu-btn span.line1{top: 16px;}
#header .menu-btn span.line3{top: 36px;}
#header .menu-btn.on{top:10px;background:none;}
#header .menu-btn.on span{background: #b01f24;}
#header .menu-btn.on span.line1{top: 23px;transform: rotate(45deg);	-webkit-transform: rotate(45deg);	-ms-transform: rotate(45deg);	-o-transform: rotate(45deg);	-moz-transform: rotate(45deg);}
#header .menu-btn.on span.line2{opacity: 0;}
#header .menu-btn.on span.line3{top: 23px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
#header .search_btn{font-family: "iconfont"; font-size: 22px;height:100px;display:flex;align-items: center; color: #a0a0a0; cursor: pointer;float:right;}
#header .search_btn:after{content:"\e60c";}
#header .search_box .searchBar{float:left;margin-right:30px; position: relative;}
#header .search_box .searchBar .inpubox{display:none;}
#header .search_box .searchBar .tit{font-family: "iconfont";font-size:22px;color:#a0a0a0; cursor: pointer;}
#header .search_box .searchBar .tit:after{content:"\e60c";}
#header .search_box .searchBar .tit:hover{color:#b01f24;}
#header .search_box .searchBar .inpubox{width: 500px;position: absolute;right: -5px;top: 75px;z-index: 95;background: #fff;box-sizing: border-box;padding: 0;display: none;}
#header .search_box .searchBar .inpubox .closeBtn,#header .search_box .searchBar .inpubox .searchBtn{font-family: "iconfont";width: 55px;height: 55px;font-size:22px;color:#666666;cursor: pointer;float: left;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
#header .search_box .searchBar .inpubox .closeBtn{width: 50px;float: right;display:flex;align-items: center;justify-content: center;}
#header .search_box .searchBar .inpubox .closeBtn:after{content:"\e7df";}
#header .search_box .searchBar .inpubox input[type="text"]{padding: 0 36px 0 10px;box-sizing: border-box;width: calc(100% - 110px);float: left;}
#header .search_box .searchBar .inpubox input[type="text"]{*width: 100%;height: 55px;line-height: 55px;font-size: 14px;color: #666;padding-left: 10px;}
#header .search_box .searchBar .inpubox input[type="text"]::-webkit-input-placeholder{color: #999999;}
#header .search_box .searchBar .inpubox input[type="text"]:-moz-placeholder{color: #999999;}
#header .search_box .searchBar .inpubox input[type="text"]::-moz-placeholder{color: #999999;}
#header .search_box .searchBar .inpubox input[type="text"]:-ms-input-placeholder{color: #999999;}
#header .search_box .t_wx{float:right;background:#b01f24;border-radius:22px;width:44px;height:44px;}
#header .search_box .t_wx .btn{display:block;width:44px;height:44px;font-size:22px;font-family: "iconfont";color:#FFFFFF;display:flex; align-items: center;justify-content: center; cursor:pointer;}
#header .search_box .t_wx .btn:after{content:"\e61b";}
#header .fr:after,#header .top_nav>ul:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
#header .top_nav{margin-right:10px;height:100px;display:flex; align-items: center;justify-content: center;float:left;}
#header .top_nav>ul>li{float:left;position: relative;}
#header .top_nav>ul>li:after{content:'';position: absolute;width:0;height:2px;background:#b01f24;bottom:0;left:0;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
#header .top_nav>ul>li.on:after,#header .top_nav>ul>li:hover:after{width:100%;}
#header .top_nav>ul>li>a{padding:0 20px;font-size:16px;color:#5c5c5c;line-height:100px;height:100px;display:inline-block;}
#header .top_nav>ul>li>a h3{font-size:16px;}
#header .top_nav>ul>li>.sub{display:none;position: absolute;top:100px;z-index:2;width:100%;width:120px;left:calc(50% - 60px);}
#header .top_nav>ul>li>.sub a{display:block;font-size:15px;color:#666666;margin-bottom:1px;background:rgba(255 255 255 /0.8);line-height:32px;text-align:center;width:100%;}
#header .top_nav>ul>li>.sub a:hover{background:rgba(255 255 255 /1);}


.index-banner{height:850px;}
.index-banner .swiper-slide {background-size:cover;background-position: center;background-repeat:no-repeat;}
.index-banner .swiper-slide a{display:block;height:850px;}
.index-banner .swiper-button-next, .index-banner .swiper-button-prev{color:#FFFFFF;background:rgb(234 34 37 / 0.7);display:flex;align-items: center;justify-content: center; padding: 10px 5px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.index-banner .swiper-button-next:after{content:'>';}
 .index-banner .swiper-button-prev:after{content:'<';}
.index-banner .swiper-button-next:after, .index-banner .swiper-button-prev:after{font-size: 24px;font-family:宋体;}
.index-banner .swiper-button-next{right:-80px;}
.index-banner .swiper-button-prev{left:-80px;}
.index-banner:hover .swiper-button-next{right:20px;}
.index-banner:hover .swiper-button-prev{left:20px;}
.index-banner .swiper-pagination span.swiper-pagination-bullet-active{background:#b01f24;}

.i_tit{text-align:center;position: relative;padding-top:20px;height:180px; display: flex;justify-content: center;align-items: center;}
.i_tit h3{font-weight:600;font-size:30px;line-height:30px;color:#2e2e2e;margin-bottom:15px;}
.i_tit h5{color:#828282;font-size:12px;font-family:'Montserrat'; text-transform: uppercase;}
.i_tit .box{position: relative;}
.i_tit .box:before{content: "";   position: absolute;   background: url(../images/tit_left.png) center no-repeat;   width: 118px;   height: 27px;   top: 10px;   left: 50%;margin-left: -200px;}
.i_tit .box:after {  content: "";  position: absolute;  background: url(../images/tit_right.png) center no-repeat;  width: 118px;  height: 27px;  top: 10px;right: 50%;   margin-right: -200px;}



/*业务*/
.index_box1{background:url(../images/hnth.png)no-repeat center bottom;}
.index_box1 .list ul:after{content:'';display:block;overflow: hidden; clear: both;height:0;}
.index_box1 .list ul{ font-size:0; height:100%}
.index_box1 .list ul li{ display:inline-block; width:33%; height:100%}
.index_box1 .list ul li a{display:block;position:relative;overflow:hidden;height: 100%;width: 100%;}
.index_box1 .list ul li a .img{width:100%;height:100%;transition:1s ease;position: relative;z-index: 1;overflow:hidden;}
.index_box1 .list ul li a .img img{width:100%;height:100%;object-fit:cover;transition:1s ease;}
.index_box1 .list ul li a .box01{position: absolute;top:0;left:0;width:100% ;height:100%;text-align:right;z-index:99;  transition:0.9s}

.index_box1 .list ul li a .con{position: absolute;
    padding: 40px 35px 0 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
/*
 .box01:hover .con{
    background: rgba(52, 116, 201, .9);
}*/

.index_box1 .list ul li a .con .con01{display:inline;vertical-align:top;width: 18px;}
.index_box1 .list ul li a .con .con02{display:inline-block;vertical-align: top;width: 12px;}
.index_box1 .list ul li a .con h3{font-size:1.3rem;color:#fff;display: inline-block;vertical-align: top;line-height: 0.75rem;}
.index_box1 .list ul li a .con h6{font-size:18px;color:rgba(255,255,255,0.4);/* writing-mode: tb; */display: inline-block;white-space: nowrap;width: 12px;transform: rotate(90deg);margin-top: 0;}
.index_box1 .list ul li a .con span{ display:inline-block; margin-top:2rem; transition:0.6s; opacity:0; visibility:hidden;}

.index_box1 .list ul .miso-track,.container02 .miso-list{ height:100%}
.index_box1 .list ul li a:hover .con span{ transform:translateY(2rem); opacity:1; visibility:visible}
.index_box1 .list ul li a:hover .img img{ transform:scale(1.15)}
/*
.index_box1 .list ul li a:hover .box01{background: rgba(126, 29, 9, 0.8);}
*/
/*业务范围*/
.index_box2{background:#f7f7f7;position: relative;}
.index_box2 .i_tit{height:100px;padding-top:20px;}
.index_box2 .about_con{width:980px;margin:auto;text-align:center;font-size:14px;line-height:28px;*margin-bottom:10px;color:#787878;}
.s_shuzi{margin:auto;margin-top:60px;width:980px;}
.s_shuzi ul li{width:25%;text-align:center;}
.s_shuzi ul{display:flex;align-items: center ;}
.s_shuzi ul li h3 span{font-size:30px;color:#b01f24;}
.s_shuzi ul li h3 small{font-szie:12px;color:#797979;display:inline-block;margin-left:10px;}
.s_shuzi ul li h5{font-szie:12px;color:#797979;margin-top:15px;}

/*.index_box2 .more{width:30px;height:30px;margin:35px auto 0;border-radius: 15px;background:#b01f24;}
.index_box2 .more a:after{content:'>';display:block;font-size:16px;color:#FFFFFF;font-family:'宋体';transform:rotate(90deg);}
.index_box2 .more a{display:flex;width:30px;height:30px;align-items: center;justify-content: center;}*/
.index_box2 .video_box{width:720px;height:400px;margin:30px auto 0;position: relative;z-index: 1;}
.index_box2 .video_box video{width:720px;height:400px;}
.index_box2:after{content:'';display:block;background:#FFFFFF;height:200px;width:100%;position: absolute;bottom:0;}

/**/
.index_box3 .list .swiper-slide img,.index_box3 .list .swiper-slide .up_box,.index_box3 .list .swiper-slide .text_box{-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.index_box3{background:#FFFFFF;padding-bottom:30px;}
.index_box3 .wrap{width:1300px;}
.index_box3 .list{position: relative;}
.index_box3 .list .swiper-slide{background:#f3f3f3;}
.index_box3 .list .swiper-slide a{ display:block;}
.index_box3 .list .swiper-slide .up_box{  width:100%; height:235px; position:relative;}
.index_box3 .list .swiper-slide img{ display:block; width:100%;object-fit: cover; height:auto;  opacity:1; filter:alpha(opacity=0);}
.index_box3 .list .swiper-slide .text_box{ position:absolute; top:0; left:0; width:100%; height:280px; }
.index_box3 .list .swiper-slide .text_box .box{ padding:65px 40px;}
.index_box3 .list .swiper-slide .date_box strong{ font-size:24px; color:#4f4f50; padding-right:15px;}
.index_box3 .list .swiper-slide .date_box span{ font-size:17px; color:#4f4f50;font-weight: bold; }
.index_box3 .list .swiper-slide h1{ font-size:17px;font-weight: bold; color:#4f4f50; display:block; margin-bottom:10px;margin-top:10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.index_box3 .list .swiper-slide p{ font-size:12px; color:#8c8c8d; line-height:22px; height:44px; overflow:hidden; }
.index_box3 .list .swiper-slide:hover .text_box{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.4);}
.index_box3 .list .swiper-slide .un_box{ position:relative; display:block; padding:0 30px; padding-top:0; background:#f3f3f3; color:#a5a5a7; font-size:14px;  }
.index_box3 .list .swiper-slide .un_box i{ display:block; position:absolute; right:35px; top:30px; width:38px; height:38px; background:url(../images/bnt_more_s.png) center no-repeat;transition: all 0.5s ease;}
.index_box3 .list .swiper-slide .un_box span{ display:block; padding:4px 0; height:30px; line-height:30px;}
.index_box3 .list .swiper-slide:hover img{ opacity:.7; filter:alpha(opacity=70);}
.index_box3 .list .swiper-slide:hover .date_box strong{ color:#fff;}
.index_box3 .list .swiper-slide:hover .date_box span{ color:#fff;}
.index_box3 .list .swiper-slide:hover h1{ color:#fff;}
.index_box3 .list .swiper-slide:hover p{ color:#fff;}
.index_box3 .list .swiper-slide .un_box:hover i{ right:30px;background-image:url(../images/bnt_more_s2.png); }
.index_box3 .list .swiper-slide .un_box:hover span {color:#43536c}
.index_box3 .list .hd{ position:absolute; right:-79px; bottom:0;  width: 50px; }
.index_box3 .list .hd a{ display:block; width: 48px; height:48px; line-height:48px; margin-top:6px;  text-align:center; border:1px solid #e4e1e1; font-size: 22px; font-family: "SimSun";  color: rgb( 190, 190, 192 );}
.index_box3 .list .hd a:hover{ background:#32465a; color:#fff;}
#news_button-next,#news_button-prev{position: absolute;right: -79px;left:auto;top:auto;bottom: 0;width: 50px;display: block;width: 48px;height: 48px;line-height: 48px;margin-top: 6px;text-align: center;border: 1px solid #e4e1e1;font-size: 22px;font-family: "SimSun";color: rgb( 190, 190, 192 );background:none;}
#news_button-prev{bottom:54px;}
#news_button-next:after{content:'>';}
#news_button-prev:after{content:'<';}
#news_button-next:hover,#news_button-prev:hover{color:#FFFFFF;background:#b01f24;}
.index_box2 .more,.index_box3 .more{width:150px;height:40px;margin:30px auto 0;border-radius:20px ;background:#b01f24;text-align:center;line-height:40px;}
.index_box2 .more a,.index_box3 .more a{color:#FFFFFF;font-size:12px;}


/*foot*/
.foot{background: #3f4041;padding-top: 35px;position:relative;z-index:1; }
.foot_nav{margin-bottom:20px;}
.foot_nav ul li{float:left;margin-right: 8%; font-weight: 550;}
.foot_nav ul li:last-child{
    margin-right: 0;
}
.foot_nav ul li a{color: #f0f0f1;font-size: 15px; -webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.foot_nav ul li a h3{font-size: 15px;}
.foot_nav ul li a:hover h3{color: #fff;text-decoration: underline;}
.foot .fl p{ text-align:left;font-size: 13px;color: #9c9ca2;line-height:30px;}
.foot .fl p a{font-size: 13px;color: #9c9ca2; margin-left:0px;}
.foot .fl p a img{ position:relative; margin-right:6px;}
.foot a:hover{color: #fff;}
.s_map_ico{margin-left: 13px;}
.s_map_ico a{ text-decoration:underline;}
.s_map_ico img{margin-right: 6px;vertical-align: middle;margin-top: -2px;}
.foot .fr .txt{float:left;padding: 10px 0 0;}
.foot .fr .ewm{float:right;width: 121px;height: 121px;margin-left: 25px;}
.foot .ewm img{width: 121px;height: 121px;}
.foot .fr{ text-align:right;}
.foot .fl .txt .btn{display:block;width: 115px;height: 35px;background: #e93030;text-align:center;line-height: 35px;color:#fff;margin-top: 20px;position:relative;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; cursor:pointer;}
.foot .fl .txt .btn:hover{background: #f35353;}
.foot .fl .txt .btn img{margin-right:10px;position: relative;top:-1px;}
.foot .fr p{text-align:center;margin-top:10px; font-size:14px; color:#fff; line-height:1; clear:both; }
.foot .fr p span{font-size:22px;color: #fff;font-family:arial;margin-top: 8px;margin-left:10px;display: block;}
.foot_bot{height: 60px;line-height:60px;text-align: center; color:#717172; font-size:12px; background:#393a3b;}
.foot_bot *{ display:inline-block; color:#717172; font-size:13px;}
.foot a:hover{color: #fff !important; }

aside .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
aside .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display: none;}
aside .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform:scale(1);}
aside .close:hover{transform:rotate(180deg);}
aside .close,.tc{pointer-events: none; filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;transform: scale(1.1);display: none;transition:all ease 400ms;-moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;-webkit-transition:all ease 400ms;}
aside .tc_box{position:absolute;overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
aside .tc.act{display: block;}
aside .close{position: absolute;cursor:pointer;font-size: 20px;right: 30px;top: 30px;}
aside .tc_bg{height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
aside .tc_box h3 img{width:12rem;height:12rem;}
aside .tc_box h5{width:12rem;height:3rem;line-height:3rem;font-size:1rem;color:#fff;text-align:center}

#tc_search{width:calc(100% - 6rem);padding:3rem;background: #b01f24;position:relative;transform:translateY(-100%);transition:.5s .5s ease-out;z-index:1;overflow:  hidden;}
.act #tc_search{ transform:translateY(0);  transition:.5s ease-in;}
/*弹窗内容样式*/
#tc_search form{ height:5rem; position:relative; width:900px; max-width:90%; margin:0 auto;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_close svg{width:3rem;height:3rem;vertical-align: top;fill: #fff;}
#tc_search form:after{ content:""; width:0; height:1px; background:#fff; transition:.5s; display:block; position:absolute; bottom:0; left:0;}
.act #tc_search form:after{ width:100%; transition: ease-in-out .5s .5s;}
#tc_search #keyword{width: 90%;height:5rem; font-size:2rem; color:#fff;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:5rem; border:0; line-height:4.25rem;background:url(../images/seach_white.svg) center center no-repeat; background-size:1.8rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }
#tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
#tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
#tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
#tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
#tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
#tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
#tc_search .draw_h:before{ border:1px solid rgba(255,255,255,.3);}
#tc_search .draw_h:hover svg.drawcircle circle {/* stroke:#fff; */}
#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}
/***********************/

/**/
.nybanner{height:470px;background-repeat:no-repeat;background-position: center;display:flex; background-size:cover;align-items: center; justify-content: center;}
.nybanner h2{font-size:36px;color:#FFFFFF;margin-top:10px;}
.nybanner h3{font-size:24px;color:#FFFFFF;text-transform: uppercase;}
.n_nav_box{height:85px;line-height:85px; border-bottom:1px solid #e5e5e5;}
.n_nav_box .n_nav{display:flex;justify-content: center; position: relative; }
.n_nav_box .n_nav a{display:block;width:238px;text-align:center;position: relative;height:85px;font-size:16px;border-left:1px solid #e5e5e5;}
.n_nav_box .n_nav a:last-child{order-right:1px solid #e5e5e5;}
.n_nav_box .n_nav a.on,.n_nav_box .n_nav a:hover{border-bottom:2px solid #b01f24;}
.n_nav_box .n_nav a:after{content:'>';font-family:'宋体';display:none;transform: rotate(90deg);color:#b01f24;font-size:24px;line-height:20px;font-weight:600;position: absolute;text-align:center;bottom:-40px;left:50%;}
.n_nav_box .n_nav a.on:after,.n_nav_box .n_nav a:hover:after{display:block;}
#n_mian{padding:80px 0 60px;}
.n_nav_box .title{display:none;width:100%;height: 60px;line-height: 60px;background: #b01f24;}
.n_nav_box .title #bnt_back,.nav-two .title #bnt_sub_nav{display:none;}
.n_nav_box .title h2{	color:#f4f4f4;font-size: 18px;font-weight: 700;text-indent: 20px;}

.n_nav_box .title #bnt_back{ position:absolute;display:block; left: 1rem; top:0;display: block; display:flex;align-items: center; height: 50px;}
.n_nav_box #bnt_back img{ height: 15px;}
.n_nav_box .title #bnt_sub_nav{ position: absolute; display:block; right: 1.5rem; top: 17.5px; cursor: pointer; }
.n_nav_box #bnt_sub_nav img{ display: block; height: 20px; }
.n_nav_box h2{ font-size: 16px; color: #fff; text-align: center; text-indent:0;}
.n_nav_box #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

.jtjj_box{}
.jtjj_box .jtjj_tit{}
.jtjj_box .jtjj_tit h3{font-size: 22px;
    color: #222;}
.jtjj_box .jtjj_tit h4{font-size:24px;color: #d2d2d2;  font-family: Impact;text-transform: uppercase;}
.jtjj_box .jtjj_content{margin-top:20px;font-size:15px;line-height:32px;color: #666666;}



/**/
.n_content{}
/*.about_box{background:url(../images/hnth.png)no-repeat center bottom;padding:60px 0;}
.about_con{width:1200px;margin:auto;font-size:16px;line-height:36px;*margin-bottom:10px;}
.about_con h3{font-size:36px;color:#555555;margin-bottom:30px;}*/
/*.about_con p{font-size:16px;text-indent:30px;line-height:36px;margin-bottom:10px;}*/
/*.about_box .about-num{margin-top: 60px; padding-top: 0px; padding-bottom: 0px; background: none;}
.about_box .about-num ul:after{content:'';display:block;overflow: hidden; clear: both;height:0;}
.about_box .about-num ul li{float: left;width: calc(25% - 2vw); position: relative; padding-left: 2vw; margin-bottom: 25px; margin-top: 15px; text-align: center;}
.about_box .about-num ul li h2{font-family: 'Microsoft Yahei', sans-serif !important; font-size: 40px; color: #b01f24;line-height: 40px;font-weight: bold;display: inline-block;}
.about_box .about-num ul li .count-unit {font-size: 16px; color:#b01f24; text-align: right;display: inline-block; font-style: normal;}
.about_box .about-num ul li p {color: #333; font-size: 15px;line-height: 30px; margin-top: 10px;}*/
.tuwen_list ul:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.tuwen_list ul li{ float:left; width:calc(33.3% - (50px / 3) * 2) ; margin-right:25px; margin-bottom:40px;box-shadow:0 0 4px 6px rgb(0 0 0 /0.04);}
.tuwen_list ul li:nth-child(3n){margin-right:0;}
.tuwen_list ul li a{  display:block;}
.tuwen_list ul li .img{ width:100%; height:240px; overflow: hidden;position: relative;}
.tuwen_list ul li .img img{ transition:1s;}
.tuwen_list ul li:hover .img img{ transform:scale(1.05);}
.tuwen_list ul li .txt{ position:relative; z-index:99; padding:20px 30px;}
.tuwen_list ul li .txt .tt{  padding-bottom:18px; }
.tuwen_list ul li .txt h5{ font-size:18px; color:#404040;height:48px; margin-bottom:15px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.tuwen_list ul li .txt .time{ font-size:12px; color:#8f9091; background:url(../images/s_news_time.png) left center no-repeat; }
.tuwen_list ul li .view_more{ display:block; font-size:12px; color:#7c7b7b; transition:.3s;text-align: right}
.tuwen_list ul li .view_more:hover{ color:#059340;}

/**/
.news_box{}
.news_box .news_first{background:#f5f5f5;padding:60px 0;}
.news_box .news_first .wrap{background:#FFFFFF;}
.news_box .news_first .swiper-wrapper .swiper-slide a{display:block;padding:20px;background:#FFFFFF;}
.news_box .news_first .swiper-wrapper .swiper-slide a:after{content:'';display:block;overflow: hidden;clear: both;}
.news_box .news_first .swiper-wrapper .swiper-slide a .img{width:45%;float:left;height:300px;}
.news_box .news_first .swiper-wrapper .swiper-slide a .img img{height:300px;}
.news_box .news_first .swiper-wrapper .swiper-slide a .text{width:49%;float:left;padding:20px 3%;height:240px}
.news_box .news_first .swiper-wrapper .swiper-slide a .text h3{font-size:20px;color:#333333;margin-bottom:15px;}
.news_box .news_first .swiper-wrapper .swiper-slide a .text span{color:#888888;font-size:14px;}
.news_box .news_first .swiper-wrapper .swiper-slide a .text .con{font-size:16px;line-height:36px;color:#666666;margin-top:10px;}
.news_box .news_first .swiper-button-next,.news_box .news_first .swiper-button-prev{left:calc(50% - 20px); bottom: 50px;top:auto; right: auto; width: 33px; height: 33px; margin-right: 10px; transition: .5s;
    -webkit-transition: .5s; cursor: pointer;display: inline-block;}
.news_box .news_first .swiper-button-next:after,.news_box .news_first .swiper-button-prev:after{display:none;}
.news_box .news_first .swiper-button-next{background: url(../images/n_news_right.png) center no-repeat; transition: .5s; -webkit-transition: .5s; left: calc(50% + 30px);}
.news_box .news_first .swiper-button-prev{background: url(../images/n_news_left.png) center no-repeat; transition: .5s; -webkit-transition: .5s;}
.news_box .news_first .swiper-button-prev:hover{background:url(../images/n_news_left_on.png) center no-repeat;}
.news_box .news_first .swiper-button-next:hover{background:url(../images/n_news_right_on.png) center no-repeat;}
/**/
.news_list{padding:40px 0;}
.news_list ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom:3.125rem;}
.news_list ul li{padding: 2.5rem 0;border-bottom: #eaeaea 1px solid;position:relative;}
.news_list ul li .wrap{width:1200px;}
.news_list ul li:before{content:"";position:absolute;right:0;top:0;height:100%;width:0;background:#f8f8f8;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.news_list ul li .imgbox{width:180px;height:130px;overflow: hidden;}.news_list ul li .imgbox img{max-width:100%;}
.news_list ul li .box{width:calc(100% - 210px);margin-left:30px;}
.news_list ul li a{padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;}
.news_list ul li a h5,.news_list ul li a h5 a{font-size: 1.125rem;height: 1.5rem;line-height: 1.5rem;color: #383838;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;}
.news_list ul li a p{font-size: 0.9375rem;color: #6e6e6e;line-height:1.5rem;margin:0.75rem 0 1.5rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list ul li a h6{font-size: 1rem;color: #6e6e6e;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;}
.n_news_list ul li a h6 .icon{vertical-align:middle;overflow: hidden;height: 1rem;width: 1rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}
.news_list ul li a h4{font-size: 0.9375rem;color: #666666;line-height:20px;}
.news_list ul li a h4 span{margin-left: 12px;}
.news_list ul li:hover:before{left: 0;width: 100%;}

/**/
.n_news{padding:40px 0;}
.n_news ul li{border-bottom:#eaebef solid 1px;padding:30px 0;}
.n_news ul li:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.n_news ul li .time{width:108px;height:108px; float:left;border:#e5e5e5 solid 1px;text-align:center;display:flex;align-items: center;justify-content: center;}
.n_news ul li .time h3{font-size:30px;margin-bottom:5px;}
.n_news ul li .time h5{font-size:14px;}
.n_news ul li .con{width:calc(100% - 160px);float:right}
.n_news ul li .con h5 a{display:block;font-size:18px;color:#333333}
.n_news ul li .con .text{font-size:12px;color:#7c7c7d;margin-top:20px;line-height:24px;   overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


.n_recruitment{ padding-bottom:70px}
.n_recruitment .list .top1{height:70px;line-height:70px;background: #b01f24;padding:0 30px;color:#fff;}
.n_recruitment .list .top1 .top01{width: 50%;font-size: 16px;}
.n_recruitment .list .top1 .top02{ width:288px;}
.n_recruitment .list .top1 .top03{width: 20%;font-size: 16px;}
.n_recruitment .list .top1 .top04{font-size: 16px;}
.n_recruitment .list .top1 .top05{ float:right;font-size: 16px;}

.n_recruitment .list dl dd{line-height:70px;border-left: #dee0e2 1px solid;border-right: #dee0e2 1px solid;}
.n_recruitment .list dl dd h5{padding:0 30px;border-bottom: #dee0e2 1px solid;color:#676767;font-size:15px;}
.n_recruitment .list dl .top01{width: 50%;height: 70px;}
.n_recruitment .list dl .top02{ width:288px;}
.n_recruitment .list dl .top03{width: 20%;height: 70px;}
.n_recruitment .list dl .top05{float:right;background:url(../images/top1_bg.png) center no-repeat;width:38px;height: 70px;margin-right: 12px; cursor:pointer}
.n_recruitment .list dl .more a{display:inline-block;width:165px;height:45px;line-height:43px;border:#b01f24 1px solid;border-radius:22.5px;font-size:15px;color:#b01f24;text-align:center; transition:.6s}
.n_recruitment .list dl .ar_article p{ font-size:14px; line-height:28px; color:#868686; margin-bottom:28px}
.n_recruitment .list dl .ar_article{padding: 30px 30px 42px;border-bottom: #dee0e2 1px solid;}
.n_recruitment .list dl h5.on .top05{ background:url(../images/top1_on.png) center no-repeat}
.n_recruitment .list dl h5.on{background-color:#797979;color:#FFFFFF;}
.n_recruitment .list dl .more a:hover{ background:#b01f24; color:#fff}

/**/
.j_form { position:relative;   }
.j_form label{ width:calc(50% -  140px); border:1px solid #e5e5e5; overflow:hidden;  position:relative; display:block;  height:45px; line-height:43px; margin: 0 0 15px 0; font-size:12px; color:#bebebe; padding-left:120px;}
.j_form .label .h_x{ left: 395px; top: -8px;position: absolute;}
.j_form  input[type="text"]{  height:45px; background:none; color:#676767; width:100%; border:none; background:#fff;  border-radius:0px;   display:block;  padding:0 15px; line-height:40px; font-size:12px; font-family:microsoft yahei;}
.j_form  input[type="text"]:focus{   }
.j_form label strong{ font-weight:normal; display:block; background:#edeef0;border-right:1px solid #e5e5e5; color:#5e5f61; height:45px; line-height:45px;  position:absolute; width: 120px; left:0px; top:0; font-size:14px; text-align:center;  }
.j_form .textarea_box{ width:calc(100% -  120px); height:106px;}
.j_form .textarea_box strong{ height:106px; line-height:106px;}
.j_form textarea{  width: 100%; height: 106px; resize:none; color:#66656b; padding-right:10px; background:#fff; border: none;  line-height:24px; font-size:12px; padding: 6px 15px; font-family:microsoft yahei;  }
.j_form textarea:focus{ }
.yzm_box {  position:relative; border: none;  }
.yzm_box strong{ height:45px !important; line-height:45px !important;}
.yzm_box input[type="text"]{ height:45px; color:#666; width: 100% !important; line-height:40px;font-size:12px; font-family:microsoft yahei;}
.yzm{ position:absolute; right: 0; height:40px; top:0px;}
.yzm a{ position:absolute; color:#adada6; right:-90px; height:40px; line-height:40px; width:80px; top:0;}
.yzm_box input[type="submit"]{ position:absolute; right: 0; bottom: 0;}
.j_form  input[type="submit"]{  float: left;margin-left:30px; width:237px; cursor:pointer; height:45px; background:#b01f24; color:#fff; font-size:14px;  border:none;  transition:.3; -webkit-transition:.3s;}
.j_form input[type="submit"]:hover{ }

#n_right { float: left;width: calc(100% - 420px);}
#n_left { float: right;  width: 387px;}

@font-face{ font-family:ROBOTO-BLACK; src:url(../font/ROBOTO-BLACK-1_0.TTF);}
.n_culture{ padding:4.75rem 0rem; overflow:hidden}
.n_culture .left{width:calc(51.02% - 4.375rem);padding: 0 4.375rem 0 0;}
.n_culture .left .img{ position:relative; padding:0 0 10px 10px; z-index:1} 
.n_culture .left .img:before{ content:""; position:absolute; top:10px; right:10px; bottom:0; left:0; border:rgba(255,255,255,.1) 1px solid; z-index:-1}
.wz_jianbian{ color: transparent; background:#b01f24; *background: linear-gradient(to right, #b01f24, #d6791a); -webkit-background-clip: text; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.wz_jianbian{ color:#015190 !important; background:none !important}
}
.n_culture .right{ width:calc(100% - 51.02%); }
/*.n_title001{margin-bottom: 3rem;padding: 0;}
.n_title001 h2{font-size: 30px;color: #000000;font-weight:bold;line-height:1.5;margin-top: 0;}
.n_title001 h3{font-size: 28px;font-weight:600;line-height:1.5;font-family: ROBOTO-BLACK;font-style: italic;display: inline-block;padding-right: 1rem;}
*/
.n_culture .left .jtjj_tit h3{font-size:30px;color: #b01f24; font-weight: bold;}
.n_culture .left .jtjj_tit h4{font-size:24px;color: #d2d2d2;  font-family: Impact;text-transform: uppercase;}





/*====翻页效果====*/
.j_pages{margin-top:40px;text-align:center;}
.j_pages .box{display:inherit;width:100%;text-align: center;padding-top: 25px;}
.j_pages a{font-family:arial;text-align:center;width:32px;height: 32px;line-height: 32px;display:inline-block;margin:0 4px;border-radius:50%;color: #646466;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}
.j_pages a.on,.j_pages a:hover{background:#b01f24;color:#fff!important;}
.j_pages a.next,.j_pages a.pre{width:auto;height: 32px;line-height: 32px;display:inline-block;}
/*.j_pages a.pre,.j_pages a.next{font-family:SimSun;line-height: 32px; background:#bfbfbf; color:#fff;}*/
.j_pages a:hover{background:#b01f24 !important;color:#fff!important;text-decoration:none;}
.j_pages a:hover font{color:#fff}
.j_pages a.home:hover,.j_pages a.back:hover,.j_pages a.next:hover,.j_pages a.pre:hover{background:none!important;color:#b01f24!important;}
.j_pages a.home:hover font,.j_pages a.back:hover font{color:#b01f24!important;}
.j_pages a.u_bnt{transition: all 1s;-moz-transition: all 1s;/* Firefox 4*/-webkit-transition: all 1s;/* Safari 和 Chrome*/-o-transition: all 1s;/* Opera*/}
.j_pages a.next span:hover,.j_pages a.pre span:hover{background:#b01f24 !important;color:#fff!important;text-decoration:none;}




/**/
.history { padding:4.375rem 0 7.5rem; background:url(../images/fangzi.jpg) center bottom no-repeat}
.history .miso_bd{display: flex; align-items: center;}
.history .tu{width:375px;position:relative}
/*.history .tu:before{content:"";position:absolute;width: 150px;top:50%;height:3px;margin-top: -28.5px;background: #ab7e5d;right: -10px;}*/
/*.history .tu:after{position: absolute;z-index:-1;top: 50%;margin-top: -33px;left: 50%;margin-left: 40px;width: 8px;height: 8px;display: block;content: "";border: #ab7e5d 2px solid;-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;border-radius: 50%;background: #fff;z-index:10;}*/
.history .tu .table{ text-align:left}
.history .tu .img{display:inline-block;text-align:center;position: relative;z-index: 10;}
.history .tu h2{border:#ece7e6 solid 10px;border-radius: 50%}
.history .tu h2 img{width:220px;}
.history .tu h5{ font-size:2.25rem; color:#b01f24; font-weight:bold; margin-top:1.75rem}
.history .list{ width:100%; position:relative}

.nianf{width: 145px;height: 50px;line-height: 46px;position:relative;z-index:0;background:none !important;text-align: center;font-size:1rem;color: #b01f24;border-radius: 5px;margin-left: 15px;}
.nianf big{ font-weight:bold; font-size:1.875rem}
.history ul li.p_articles:hover .nianf{color: #44150c !important;}
.nianf:after {position: absolute;z-index:-1;top: 50%;left: -14px;margin-top: -13px;width: 14px;height: 14px;display: block;content: "";border: #b01f24 3px solid;-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;border-radius: 50%;background: #fff;}
.history ul li.p_articles:hover .nianf:after { border: #44150c 3px solid;}
.history ul li.p_articles:hover .right .box{ border:#44150c 1px solid}
.history ul li.p_articles:hover .right:before{ border:1px solid #44150c} 

.history .content_box{ position:relative; padding:50px 0}
.history .content_box:before{position: absolute;z-index:-1;top: 0;left: 0;width: 14px;height: 14px;display: block;content: "";border: #b01f24 3px solid;-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;border-radius: 50%;background: #fff;z-index: 10;}
.history .content_box:after{ position: absolute;z-index:-1; bottom:0;left: 0;width: 14px;height: 14px;display: block;content: "";border: #b01f24 3px solid;-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;border-radius: 50%;background: #fff; z-index:10}
.history .content{position: relative;width:calc(100% - 375px);}
.history .content:before{content:"";position:absolute;left: 9px;width: 3px;top:0;bottom:0;background: #b01f24;}
.history .content_box .bg{position:absolute;top:0;bottom:0;width:4px;left: 0;}
.history .content_box .bg:before{content:"";position:absolute;left: 0;width: 20px;height: 20px;border: #b01f24 3px solid;border-radius:50%;background: #ffffff;box-sizing:border-box;top: 0;}
.history .content_box .bg:after{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;bottom: 0;margin-left: -12px;}
.history ul{ overflow:hidden}
.history ul li.p_articles{position:relative;padding: 30px 0;display: flex; align-items: center;}
.history ul li.p_articles .left{top:0;bottom:0;z-index: 100;left: 0;}
.history ul li.p_articles .point{position:absolute;left: 205px;width:24px;height:24px;border:#ffffff 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;top: 50%;margin-top: -12px;}
.history ul li.p_articles .point b{position:absolute;left: -64px;width: 64px;background: #fff;height: 4px;top: 50%;margin-top: -2px;}
.history ul li.p_articles .right{width: calc(100% - 13rem);background:rgba(255,255,255,0.75);border-radius:8px;position:relative;}
.history ul li.p_articles .right .box{height:100%;padding: 23px 2.5rem;border: #ecddd2 1px solid;display:flex;align-items: center; border-radius:5px;position: relative;background: #fff;min-height: 100px;}
.history ul li.p_articles .right:before{content: "";position: absolute;top: 50%;left: 0;margin-left: -6px;margin-top: -10px;height: 20px;width: 20px;background-color: #FFFFFF;border: 1px solid #ecddd2;z-index: 1;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);}
.history ul li.p_articles .right:after{content: "";position: absolute;top: 50%;left: 1px;margin-left: 0;margin-top: -20px;height: 40px;width: 30px;background-color: #FFFFFF;z-index: 1;}
.history ul li.p_articles .right p{ font-size:15px; line-height:24px; color:#424242; padding-left:16px; position:relative}
.history ul li.p_articles .right p:before{content:"";position:absolute;left:0;top: 8px;width:6px;height:6px;border-radius:50%;background: #ebd3c1;}
.history ul li.p_articles .right p font{ width:50px;}
.history ul li.p_articles .right .box{padding: 10px 10px 10px 20px;}
.history ul li.p_articles .right p{}

/**/
.honor_box{}
.honor_box{ padding:30px 0 50px}
.honor_box ul{font-size: 0;margin:0 -1.25rem;margin-bottom: 0px;}
.honor_box ul li{background: #fff;box-sizing:  border-box;transition:0.6s;display:  inline-block;padding: 0 1.25rem;text-align:  center;margin-bottom: 1.5rem;width: 25%;}
.honor_box ul li a{ display:block}
.honor_box ul li .pic_box{width: 100%;position:relative;}
.honor_box ul li .pic_box>img{box-shadow: 0 10px 20px rgba(0,0,0,0.15);position: relative;z-index: 10;}
.honor_box ul li .pic_box .box{position: relative;}
.honor_box ul li .pic_box .box:after{content:'';display:block;overflow: hidden;position: absolute;width:100%;height:100%;top:0;background:url(../images/biankuang.png)no-repeat center;}
.honor_box ul li .pic_box .box img{max-height: 100%;vertical-align:middle;display:inline-block;height: 100%;width: 100%;}
.honor_box ul li img{display: inline-block;}
.honor_box ul li h5{font-size: 16px;color: #000000;line-height: 80px;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: 0.6s;}
.honor_box ul li:hover h5{color: #ab7e5d;}

/**/
.business{}
.business ul li{margin-bottom:20px;display:flex;align-items: center;}
.business ul li .textbox{width:450px;height:400px;position: relative; background:#f3f3f4;display:flex;align-items: center;justify-content: center;}
.business ul li .textbox:before{content:'';position: absolute; display:block;width:100%;top:0;left:0;height:0;background:#b01f24;    transition: 0.5s all;}
.business ul li .textbox .box{width:370px;position: relative;}.business ul li .textbox h3{font-size:18px;margin-bottom:36px;}
.business ul li .textbox .con{color:#757575;font-size:14px;line-height:28px;margin-bottom:40px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.business ul li .imgbox{float:right;width:calc(100% - 450px); height:400px;overflow: hidden;}
.business ul li .imgbox a{display:block;overflow: hidden;}
.business ul li .imgbox img{transition: all 0.5s ease;}
.business ul li:nth-child(2n) {flex-direction: row-reverse;}
.business ul li:hover .textbox:before{height:100%;}
.business ul li:hover .textbox .con,.business ul li:hover .textbox h3 a,.business ul li:hover .more a{color:#FFFFFF;}
.business ul li:hover .imgbox img{transform: scale(1.1);}
/**/
.n_contact{}
.n_contact .contact_top{padding: 40px 0 40px;border-bottom: #e3e4e9 1px solid;}
.n_contact .contact_top:after,.n_contact .contact_bot:after,.n_contact .contact_bot .right:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.n_contact .contact_top .tit00{ margin-bottom:30px;float:left;}
.n_contact .contact_top .tit00 h3{font-size:36px;color:#ab7e5d;font-weight: bold;margin-bottom:10px;}
.n_contact .contact_top .tit00 h6{font-size:24px;color:#d2d2d2;font-family:Impact;text-transform: uppercase;}
.n_contact .contact_top .right p {font-size: 15px;line-height: 30px;color: #6a6a6a;text-align: right;}
.n_contact .contact_top .right{float:right;}
.n_contact .contact_bot{padding:50px 0 30px}
.n_contact .contact_bot .left h2 { font-size: 36px;color: #424242;margin-bottom:20px;font-weight: bold;}
.n_contact .contact_bot .left  p{font-size:15px;color:#424242;line-height:24px;margin-bottom:8px;padding-left: 30px;background-position: 0 4px !important;}
.n_contact .contact_bot .right{}
.n_contact .contact_bot .right .con{ padding-top:30px; text-align:right; padding-right:15px}
.n_contact .contact_bot .right .con h4{ font-size:16px; color:#262626; margin-bottom:0.5rem}
.n_contact .contact_bot .right .con h5{ font-size:14px; color:#6a6a6a}
.contact_bot .right .img img{ border:#e5e5e5 1px solid; width:135px; height:135px}
.n_contact .n_map #map{width:100%;height:450px;border: #d7d7d7 1px solid;}
/**/

/*新闻详情*/
.show_box{padding: 30px 0 0;}
.show_box .content{display: flex;flex-wrap: wrap;justify-content: space-between;}
.show_box .left{width: calc(100% - 500px);padding: 20px 50px 80px 0;}
.show_box .left > video{ margin-bottom:2rem}
.show_box .ar_title{margin-bottom: 2rem;border-bottom: #e7eaed 1px solid;padding-bottom: 20px;}
.show_box .ar_title h3{font-size: 2rem;color: #3d3d3d;line-height: 1.5;margin-bottom: 1.5rem;}
.show_box .ar_title h6 span{position:relative;font-size: 15px;color: #717171;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right: 15px;vertical-align: top;}
.show_box .ar_title h6 span img{margin: -2px 0.5rem 0 0;}
.show_box .ar_title h6 span font{}
.show_box .ar_title h6{position:relative;display: flex;justify-content: space-between;align-items: center;} 
.show_box .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}
.show_box .ar_title h6 span svg{width: 18px;height: 18px;fill:#808080;margin-right: .5rem;display: inline-block;vertical-align: middle;margin-top: -3px;}
.show_box .ar_title h6 span.shart_box svg{ width:26px; height:26px; fill:#808080}
.show_box .ar_article p{ color:#757575}
/**/
.show_box .right{width: 430px;border-left: #e2e3e7 1px solid;}
.show_box .right .sticky{position:sticky;top: 120px;}
.show_box .right .right_box{background: #fff;padding: 30px 0 20px 50px;}
.show_box .right h3{font-size: 1.375rem;color: #393939;margin-bottom: 1.25rem;font-weight: 600;}
.show_box .right .fl01{margin-bottom: 0;}
.show_box .right .fl01 form{border: #e1e3e6 2px solid;height: 3.125rem;line-height: 3.125rem;background: none;}
.show_box .right .fl01 form .txt{width: calc(100% - 100px);height: 100%;border: none;float:left;padding: 0 20px;font-size: 15px;color: #777a7d;border-radius:4px 0 0 4px;font-family: PingFang;background: none;}
.show_box .right .fl01 form .txt input::-webkit-input-placeholder{ color:#777a7d;}
.show_box .right .fl01 form .txt input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#777a7d; }
.show_box .right .fl01 form .txt input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#777a7d;}
.show_box .right .fl01 form .txt input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#777a7d;}
.show_box .right .fl01 form .btn{width: 60px;float: right;border:0;background: none;color:#fff;height: 100%;font-size: 15px;border-radius:0 4px 4px 0;cursor:pointer;transition:.3s;}
.n_erji ul li{ border-bottom:#eeeeee 1px solid; height:60px; line-height:60px;}
.n_erji ul li a{font-size:18px;color:#777a7d;font-family: PingFang;display:block;position:relative;padding-left: 16px; transition:0.6s}
.n_erji ul li a:before{ content:""; width:4px; height:4px; background:#d7d8d9; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px; transition:0.6s}
.show_box .right .n_erji h3{ margin-bottom:1rem}
.n_erji ul li.on a{ color:#242930;}
.n_erji ul li.on a:before{ background:#242930}


.show_box .right .fl03{margin-top: 40px;}
.show_box .right .fl03 ul{ margin-top:-10px}
.show_box .right .fl03 ul li{border-bottom: #e7e7e7 1px solid;padding: 1.125rem 0;}
.show_box .right .fl03 ul li:last-child{border:none;margin-bottom: 0;}
.show_box .right .fl03 ul li a{ display:block; overflow:hidden}
.show_box .right .fl03 ul li a .img, .show_box .right .fl03 ul li a .img img{width: 120px;height: 78px;overflow:hidden;float:left;object-fit: cover;border-radius: 5px;}
.show_box .right .fl03 ul li a .con{width: calc(100% - 140px);overflow:hidden;float:right;padding-left: 15px;padding-top: 0.5rem;}
.show_box .right .fl03 ul li a .con .time img{display:inline-block;fill: #adadad;vertical-align:middle;margin: -1px 5px 0 0;}
.show_box .right .fl03 ul li a .con .time{font-size: 12px;color: #858789;margin-bottom: .625rem;}
.show_box .right .fl03 ul li a .con h4{font-size: 15px;color: #252525;height: 44px;line-height: 22px;overflow:hidden;transition:0.6s;}


.show_box .right .fl04 ul li a .img, .show_box .right .fl04 ul li a .img img{width: 144px;height: 95px;overflow:hidden;float:left;object-fit: cover;}
.show_box .right .fl04 ul li a h5{ font-size:15px; color:#3a3a3a; font-weight:bold; line-height:1.25; margin:.5rem 0; transition:.5s}
.show_box .right .fl04 ul li a .con h4{font-size: 15px;color: #8f8f8f;height: 40px;line-height: 20px;overflow:hidden;font-family:PingFang;transition:0.6s;}


.news_botom ul{ display:flex; margin:5rem 0 0}
.news_botom ul li{ width:50%;}
.news_botom ul li a{ display:flex; width:100%; height:7.1875rem; background:#fff; align-items:center; justify-content:center; font-size:1.125rem; color:#616364;  transition:.5s}
.news_botom ul li a svg{width: 1.875rem;height: 1.875rem;fill: #888;transition:.5s;margin: 0 1rem;}



.news_botom ul li a:hover{ background:#001f86; color:#fff}
.news_botom ul li a:hover svg{ fill:#fff}


.show_box .right .fl03 ul li a:hover .con h4{ color:#001f86}

/*内容样式*/
.ar_article td,
.ar_article th{padding: 12px 10px;border: 1px solid #dadbdd;vertical-align:middle;/* text-align: center; */font-size: 0.9rem;color: #303030;line-height: 1.25;}
.ar_article th{ font-family: OPENSANS-BOLD;}
.ar_article td p,
.ar_article th p{padding-bottom:0;margin-bottom: 0 !important;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed; width:100%}
.ar_article table tr:not(:first-child) td{}
.ar_article table td {border-left: 1px solid #dadbdd;border-top: 1px solid #dadbdd;}

.ar_article table th{ background:#333; color:#fff; text-align:left}

.ar_article{font-size: 15px;color: #707578;line-height: 30px;text-align:justify;}
.ar_article video{ width:100%; object-fit:cover; height:auto}
.ar_article p{font-size: 15px;color: #5b5b5b;line-height: 30px;margin-bottom: 30px;text-align:justify;}
.ar_article p:last-child{ margin-bottom:0}
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{padding-bottom:0 !important;margin-bottom:0 !important;padding-left: 1.5rem;list-style:inherit !important;font-size: 15px;position:relative;list-style: none !important;}
.ar_article ol li:before, .ar_article ul li:before{content:"";position:absolute;left:0;width: 5px;height: 5px;background: #001f86;border-radius:50%;top: 13px;}

.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{margin-bottom: 0;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article img{display:inline-block;margin: .5rem 0;}

.n_service{}
.n_service .wrap{width:1300px;}
.n_service .ser_top{}
.n_service .ser_top .ser_title{margin-bottom:15px;}
.n_service .ser_top .ser_title h3{font-size:20px;color:#333;}
.n_service .ser_top .ser_con{font-size:16px;color:#666666;line-height:30px;}
.n_service .ser_pic{margin:-60px auto 0;width:1000px;position: relative;}
.n_service .ser_pic .swiper-slide{height:500px;background-repeat:no-repeat;background-position: center;background-size: contain;}
.n_service .ser_tab{margin-top:90px;text-align:center;} 
.n_service .ser_tab ul{display:flex;justify-content: center;}
.n_service .ser_tab ul li{float:left;margin:0 15px;background:#dfdfdf;padding:10px 20px;border-radius: 20px;}
.n_service .ser_tab ul li.on{background:#b01f24;}.n_service .ser_tab ul li.on a{color:#FFFFFF;}
.n_service .ser_tab ul:after{content:'';display:block;height:0;clear: both}

.n_service .ser_pic .swiper-button-next, .n_service .ser_pic .swiper-button-prev{color:#FFFFFF;background:rgb(234 34 37 / 0.7);display:flex;align-items: center;justify-content: center; padding: 10px 5px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.n_service .ser_pic .swiper-button-next:after{content:'>';}
.n_service .ser_pic .swiper-button-prev:after{content:'<';}
.n_service .ser_pic .swiper-button-next:after, .n_service .ser_pic .swiper-button-prev:after{font-size: 24px;font-family:宋体;}
.n_service .ser_pic .swiper-button-next{right:20px;}
.n_service .ser_pic .swiper-button-prev{left:20px;}
.n_service .ser_pic .swiper-slide{position: relative;}
.n_service .ser_pic .swiper-slide h3{position: absolute;bottom:-70px;font-size:16px;width:100%;height:70px;background:rgb(255 255 255 /0.7);display:flex;align-items: center;justify-content: center;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.n_service .ser_pic .swiper-slide:hover h3{bottom:0px;}





/**/
.ny_hzhb_list{padding:60px 0;}
.ny_hzhb_list ul:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.ny_hzhb_list ul{margin-right:-40px;}
.ny_hzhb_list ul li{float:left;width:162px;height:62px; border:#d1d1d1 solid 1px;float:left;margin-right:40px;margin-bottom:30px;}

/**/
.ny_img_list{padding:60px 0;}
.ny_img_list ul:after{content:'';display:block;overflow: hidden;height:0;clear: both;}
.ny_img_list ul li{float:left;width:calc(33.33% - 45px);height: 335px;box-sizing:border-box;margin:0 45px 40px 0;position:relative;}
.ny_img_list ul li .img{*float:left;width: 100%;height: 245px;overflow:hidden;}
.ny_img_list ul li .img img{width:100%;height: auto!important;}
.ny_img_list ul li .con{*float: left;width: 100%;height: 90px;padding: 0 25px;box-sizing: border-box;background: #f1f3f5;}
.ny_img_list ul li .con .left{float:left;width: 100%;text-align: center;margin-top: 22px;}
.ny_img_list ul li .con .left h6{height:1.5rem;line-height:1.5rem}
.ny_img_list ul li .con .left h6 span{font-size:0.75rem;color:#737373;vertical-align:top}
.ny_img_list ul li .con .left h4{font-size: 15px;color: #595a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.ny_img_list ul li .con .right{float:right;width: 100%;text-align: center;}
.ny_img_list ul li .con .right span{margin-top: 10px;display:inline-block;width: 19px;height: 19px;line-height: 16px;*line-height:22px;line-height:22px;line-height: 19px;text-align:center;*font-family:simsun;font-size: 14px;color: #b6b6b6;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;border: #c1c4c6 1px solid;box-sizing: border-box;}
.ny_img_list ul li:hover .con .right span{background:#b01f24;border:#b01f24 1px solid;color:#fff;}
.ny_img_list ul li h6{position:absolute;width:100%;height: 2px;bottom:0;}
.ny_img_list ul li h6 span{float:left;display:inline-block;width:0;height: 2px;background:#b01f24;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.ny_img_list ul li:hover h6 span{width:100%;}

/*==============人才招聘=====================*/
.ny_zhaopin_list{padding:60px 0;}
.ny_zhaopin_list #list_slide{position:relative;}
.ny_zhaopin_list #list_slide dl{margin-bottom:15px;position: relative;background:#f3f5f8;}
.ny_zhaopin_list #list_slide dt{display:block;position:relative;padding: 0px 45px;background: #ebedf1;cursor:pointer;height:120px;background:url(../images/icon_hr_on.png) center right 50px no-repeat;overflow:hidden;}
.ny_zhaopin_list #list_slide dt .txt{margin-right:83px;border-right:1px solid #d1d1d1;height:100%;}
.ny_zhaopin_list #list_slide dt.on .txt{border-right:1px solid #f26f71;}
.ny_zhaopin_list #list_slide dt h1{font-size:18px;color:#616265;font-weight:600;padding-top:37px;padding-bottom:15px;display:block;}
.ny_zhaopin_list #list_slide dt p{margin-left:-60px;}
.ny_zhaopin_list #list_slide dt span{color:#9e9e9e;font-size:14px;padding:0 60px;border-left:1px solid #bfc0c2;}
.ny_zhaopin_list #list_slide dd{display:none;line-height:24px;padding: 0px 30px;padding-bottom:30px;background:#f4f5f7;}
.ny_zhaopin_list #list_slide dd p{margin-bottom:0;}
.ny_zhaopin_list #list_slide dd p:last-child{padding-bottom:0;}
.ny_zhaopin_list #list_slide dd .content{padding:14px 20px 15px 20px;}
.ny_zhaopin_list #list_slide dd .content{color:#929397;font-size:12px;line-height:24px;}
.ny_zhaopin_list #list_slide dt.on{background:url(../images/icon_hr_off.png) center right 50px no-repeat #b01f24;color:#fff;}
.ny_zhaopin_list #list_slide dt.on h1{color:#fff;}
.ny_zhaopin_list #list_slide dt.on span{color:#fff;border-left:1px solid #f26f71;}

/**/
/**/
.contact_box .contact{padding:80px 0;background:#f5f5f5;}
.contact_box .contact .publicTitle { text-align: center; font-size: 30px; color: #000;}
.contact_box .contact .map{margin-top:50px;width:100%;height:400px;overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;}
.contact_box .contact .address:after{content:'';display:block; overflow: hidden;height:0;clear: both;}
.contact_box .contact .address{text-align: center; background: #fff;}
.contact_box .contact .address .box {width: 33.333%; float: left; border-right:#f5f5f5 solid 1px;padding: 60px 20px 56px 20px; box-sizing: border-box;}
.contact_box .contact .address .box:first-child { borrder: 0;}
.contact_box .contact .address .box .icon {width: 160px;height: 160px;margin: 0 auto;}
.contact_box .contact .address .box .icon img {width: 100%;display: block;}
.contact_box .contact .address .box .tit {line-height: 30px;font-size: 18px;color: #666666;margin-top: 26px;}
.contact_box .contact .address .box .txt {line-height: 30px;font-size: 18px;color: #000000;}
.contact_box .contact .address .box .txt a { font-size: 18px; color: #000000;}

/*.contact_box .message {background: #fff; padding: 70px 0;}
.contact_box .message .wrap{width:1200px;}
.contact_box .message .title { text-align: center; font-size: 30px; color: #000000;}
.contact_box .message .content { margin-top: 56px;}
.contact_box .message .content:after { content: ""; height: 0; display: block; clear: both;}
.contact_box .message .content .r,.message .content .l { width: 48%;}
.contact_box .message .content textarea,.message .content input[type='text'] { width: 100%; float: left; height: 60px; line-height: 58px; border: solid 1px #e4e4e4; box-sizing: border-box; margin-bottom: 20px;  padding: 0 20px; font-size: 18px; color: #333;}
.contact_box .message .content textarea::-webkit-input-placeholder,.message .content input[type='text']::-webkit-input-placeholder { color: #666666;}
.contact_box .message .content textarea:-moz-placeholder,.message .content input[type='text']:-moz-placeholder { color: #666666;}
.contact_box .message .content textarea::-moz-placeholder,.message .content input[type='text']::-moz-placeholder { color: #666666;}
.contact_box .message .content textarea:-ms-input-placeholder,.message .content input[type='text']:-ms-input-placeholder { color: #666666;}
.contact_box .message .content textarea { height:219px; resize: none; line-height: 30px;  padding: 10px 20px;}
.contact_box .message .content .btn { width: 100%; height:60px; line-height: 60px;  text-align: center;  display: block; background: #0075c1; font-size: 18px; color: #fff; cursor: pointer;  border: none;  transition: 0.4s;  -webkit-transition: 0.4s;  -moz-transition: 0.4s;  -ms-transition: 0.4s;  -o-transition: 0.4s;}
.contact_box .message .content .btn:hover {background: #005a94;}*/

.n_message{padding-top:120px;padding-bottom:50px;background:#f5f5f5;}
.n_message .n_message_tit{margin-bottom:40px;}
.n_message .n_message_tit h3{font-size:30px;color: #b01f24; font-weight: bold;}
.n_message .n_message_tit h6{font-size:24px;color: #d2d2d2;  font-family: Impact;text-transform: uppercase;}


/*仅PC*/
@media screen  and (min-width: 760px) {
    .index_box1 .list ul{
        display: flex;
    }
    .foot_bot br{
    display: none;
  }

    .search_div{
    float: right;
    display: flex;
    height: 100px;
    align-items: center;
    }
	
}

/*1550*/
@media screen and (max-width: 1550px){

}
@media screen and (max-width: 1460px){
.main_box, .wrap{width:1300px;}
#header .tel_box{width:260px;}
#header .nav_box>ul>li>a{font-size:15px;padding: 0 12px;}
}
@media screen and (max-width: 1340px){
#header .tel_box{width:240px;font-size: 20px;}
#header .nav_box>ul>li>a{font-size:15px;padding: 0 12px;}
.main_box, .wrap{width:1200px;}
}
@media screen and (max-width: 760px){

    .search_div{
        display: none;
    }
#header{height:90px;}
#header .wrap{width:100%;}
#header .logo{margin-left:8px;}
#header .fr{margin-right:15px;}
#header .logo,#header .search_btn{height:90px;}
#header .logo img{max-width:250px;}
#header .tel_box,#header .top_nav{display:none;}
#header .search_btn{margin-right:60px;}
#header .menu-btn{display: block!important;right:15px;}
#header .top_nav{display:none;float: none; position: absolute; top: 90px;left:0; width: 100vw;padding-top:20px; background: #FFFFFF;z-index: 99; margin-right: 0; margin-left: 0;  transition: 0.4s; -webkit-transition: 0.4s;  -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;height:auto;}
#header .top_nav ul{padding:0 20px;}
#header .top_nav>ul>li.on, #header .top_nav>ul>li:hover{background:none;}
#header .top_nav>ul>li.on:after, #header .top_nav>ul>li:hover:after{display:none}
#header .top_nav > ul > li { border-bottom:1px solid #eee; position:relative; float:none;padding:0;}
#header .top_nav > ul > li.down>a{background-image:url(../images/arrow21.png) ;background-repeat:no-repeat;background-position:center right 10px;background-size:13px;}
#header .top_nav > ul > li a{ color:#333; display:block; font-size:16px; height:48px; line-height:48px;/* padding-left:10px;*/  padding-left:2%; background: no-repeat right 0 center;
    background-size: 10px auto;}
#header .top_nav > ul > li.now >a{background-image: url(../images/arrow22.png);}
#header .top_nav > ul > li span{height:48px; line-height:48px;}
#header .top_nav > ul > li:hover a, #header .top_nav > ul > li.on a{ background-color:#FFFFFF; color:#b01f24; }	
#header .top_nav > ul > li#header .nav > ul > li.tels a{ display:inline-block;}
#header .top_nav > ul > li.tels a:hover{ background:none; color:#b01f24;}
#header .top_nav > ul > li:hover > a span:first-child{color:#333;margin-top: 0px;}
#header .top_nav > ul > li.now > a span:first-child{margin-top: 0px;color:#b01f24; }
#header .top_nav:hover > ul > li > a:hover::after{width:0;}
#header .top_nav > ul > li i { position:absolute; top:14px;/* right:5px;*/ right:25px;  display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover!important; }
#header .top_nav > ul > li i.touch-arrow-down { background-image:url(../images/touch-arrow-d.png); }
#header .top_nav > ul > li.now i.touch-arrow-down { background-image:url(../images/touch-arrow-u.png); }
#header .top_nav > ul > li > .sub{width: 100%; padding:0px 0 15px; position: relative; background:#FFFFFF; top: 0; text-align: left; z-index: 110; left:0;}
#header .top_nav>ul>li>.sub a{line-height:32px;height: 32px;text-align:left;color:#333333;line-height: 32px;padding-left:15px;font-size:13px;}
#header .top_nav > ul > li > .sub > ul> li> a{color:#666666;border-bottom:0;text-align:left;padding-left:4%;line-height: 40px;height: 40px;}

.index-banner,.index-banner .swiper-slide a{height:50vw;background-size:cover;background-position: center;background-repeat:no-repeat;}


	
	
.i_tit{height:120px;}
.i_tit h3{font-size: 23px;margin-bottom: 10px;}
.i_tit p{font-size: 16px;}	
.index_box1{background-size:cover!important; }
.index_box1 .wrap,.main_box, .wrap,.index_box3 .wrap,.n_service .wrap{width:90%;}
.index_box1 .about_con{width:100%;font-size: 14px;line-height:26px;}
.index_box2 .about_con,.s_shuzi{width: 100%;}
.s_shuzi ul li{width:50%;float:left;margin-bottom:10px}
.s_shuzi ul{display:block;}
.s_shuzi ul:after{content:''; overflow: hidden;clear: both;height:0;display: block;}
.index_box2 .video_box,.index_box2 .video_box video{width:100%;height:52vw;}
.index_box3 .list{padding-bottom:80px;}
#news_button-next{right:calc(50% - 55px);}
#news_button-prev{right:auto;bottom:0;left:calc(50% - 55px);}
.foot .fl,.foot .fr,.foot .fr .ewm{float:none!important;margin:20px auto;}
.foot_bot{height:auto;line-height:24px;padding:10px 0;}
	
.nybanner{height:32vw; background-size:contain;}
#n_mian{padding: 0;padding-bottom: 10px;padding-top:25px;}
.n_nav_box{height:auto;border:0;box-shadow: 0 0 2px 4px rgba(0 0 0 /0.05);}
.n_nav_box .wrap{width:100%;}
	
.n_nav_box .title{display:block;width:100vw;}
.n_nav_box .n_nav{display:none;width:90vw;margin-left:3vw;padding:20px 0 ;}
.n_nav_box .title #bnt_back{height:60px;}
.n_nav_box .title #bnt_sub_nav{top:22.5px;}
.n_nav_box .n_nav a{width: 100%;text-align: left;height: 40px;line-height: 40px;font-size: 16px;border-left: 0;}
.n_nav_box .n_nav a.on:after, .n_nav_box .n_nav a:hover:after{display:none;}
.n_nav_box .n_nav a.on, .n_nav_box .n_nav a:hover{border:0;color:#b01f24;}
	
.history .tu{float:none!important;}
.history .content{width:98%;float:none!important;}
.history .miso_bd{display:block;}
.history ul li.p_articles{display:block;}
.history ul li.p_articles .right{float:none!important;width: calc(100% - 20px);margin-left: 30px;margin-top:20px;}
.history ul li.p_articles .right:before{top: 0%; left: 10%;    border-width: 0px 0 1px 1px;}
.history ul li.p_articles .left{float:none!important;}
.history ul li.p_articles .right:after{top: 0px;left: 7%;height: 20px;width: 40px;margin-top: 0px;display:none;}
.history ul li.p_articles .right .box{}
.honor_box ul li{width:100%;}
	
.tuwen_list ul li{width:100%;margin-right: 0px;}
.n_news{padding:0;}
.n_news ul li .time {width: 80px; height: 80px;}
.n_news ul li .con {width: calc(100% - 100px);}
.n_news ul li .con h5 a {font-size: 15px;}
.n_news ul li .con .text{margin-top: 5px;}
.n_service .ser_pic{width:100%;}
.n_service .ser_pic .swiper-slide{height:100vw;}
.n_service .ser_tab ul{display:block;}
.n_service .ser_tab ul li{margin: 0 5px 10px;padding: 10px 10px;}
.about_con{width:100%;}
.show_box{padding:20px 0; }
.show_box .show_con{width:calc(100% - 30px);padding: 20px 15px;}
.show_box .show_con .ar_article{min-height:300px;}
.show_box .show_con .ar_fot .btns{float:left;margin-top:20px;}
.show_box .n_right{width:100%!important;position: relative!important;right:0!important;top: 0px!important; margin-top:30px;background:#FFFFFF;}
.show_box .n_right .n_right_list{padding:0px 15px 20px;}
.show_box .show_con .ar_fot .left{width:100%;}
.show_box .right{display:none;}
.n_recruitment .list .top1{padding:0 15px;}
.n_recruitment .list .top1 .top01{width:calc(100% - 64px);}
.n_recruitment .list .top1 .top03,.n_recruitment .list .top1 .top04{width:0;display:none;}
.n_recruitment .list dl dd h5{padding: 0 15px;font-size: 14px;}
.n_recruitment .list dl .top01{width:calc(100% - 64px);height:70px;line-height: 24px;display:flex;align-items: center;}
.n_recruitment .list dl .top03,.n_recruitment .list dl .top04{display:none;}
	
#n_right,#n_left{float:none!important;width:100%;}
.j_form input[type="submit"]{float:none!important;width:100%;margin-left:0;}
.j_form label{width:calc(100% - 130px);float:none!important;}
#n_left	{margin-top:50px;}

.n_sousuo{margin-bottom:20px;}
.n_sousuo h5{font-size:16px;}	
	
.foot .fl .txt .btn{margin:20px auto 0;}
.foot{padding-top:1px;}
.foot_nav{margin-bottom:10px;}
.foot_nav ul li{margin-bottom:10px;}
	
	
.n_contact .contact_top .tit00 h3 {font-size: 30px;}
.n_contact .contact_top .right p{text-align:left;}
.n_contact .contact_bot .left h2{font-size:30px;}
.n_contact .contact_bot .right,.n_contact .contact_bot .left{float:none!important;}
.n_contact .contact_bot .right .img,.n_contact .contact_bot .right .con{float:none!important;}
.n_contact .contact_bot .right{margin-top:20px;}
.n_contact .contact_bot .right,.n_contact .contact_bot .right .con{text-align:center;	}
.n_contact .contact_bot .right .con	{padding-top:10px;}
	
.n_contact .n_map #map{height:420px;}
	
	
	
	
.ny_banner{background-size: cover !important;height:180px;}
.ny_banner h3{display:none;}
.ny_banner h2{font-size:24px;}
.show_box .left{width:calc(100% - 20px);padding:20px 10px 80px;}
.show_box .ar_title h3 {font-size: 24px;}
	
.ny_img_list ul li{width:100%;height: auto;margin:0 0px 40px 0;}
	
.ny_zhaopin_list #list_slide dt{padding: 0px 15px;background: url(../images/icon_hr_on.png) center right 25px no-repeat;height:90px;}
.ny_zhaopin_list #list_slide dt h1 {font-size: 16px;padding-top: 20px;padding-bottom:10px;}
.ny_zhaopin_list #list_slide dt .txt{margin-right:60px;}
.ny_zhaopin_list #list_slide dt.on {  background: url(../images/icon_hr_off.png) center right 25px no-repeat #b01f24;}
.ny_zhaopin_list #list_slide dd{padding:0 15px 20px;}
.ny_zhaopin_list #list_slide dd .content{padding: 14px 10px 15px 10px;}

.contact_box .contact{padding:60px 0;}
.contact_box .contact .publicTitle{font-size:24px;}
.contact_box .contact .map{margin-top:30px;height: 300px;}
.contact_box .contact .address{padding-bottom:30px;}
.contact_box .contact .address .box{width:100%;padding: 40px 20px 0px 20px;}
.contact_box .contact .address .box .icon{width:120px;height:120px;}
.contact_box .message{padding:40px 0;}
.contact_box .message .wrap{width:96%;}
.contact_box .message .title{font-size:18px;}
.contact_box .message .content textarea, .message .content input[type='text']{float: none; height: 45px; line-height: 42px;padding: 0 10px; font-size: 16px;margin-bottom: 15px;}

.contact_box .message .content .r, .message .content .l{width:98%;float:none!important;}
.contact_box .message .content .btn{height:45px;line-height:45px;font-size: 16px;}

	
.n_culture .left,.n_culture .right{width:100%;float:none!important;}
.n_title001 h2{font-size: 24px;}
.n_title001 h3{font-size: 20px;}
.n_title001{margin-bottom: 1rem;}

    .index_box1 .list ul li a .img img {

        height: 9.25rem;
    }


}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }

.childcat{
    margin-top: 12px;
}
.childcat a h3{
    font-size: 14px!important;
    color: #9c9ca2;
}