@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
html, body{ overflow-x:hidden;}
body{color:#333; background-color:#ffffff;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei"; margin:0; padding:0;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe, video{ max-width:100%;}

/*href*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#a00; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#a00}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#a00}
.c3f,.c3f a:link,.c3f a:visited{ color: #3F3F3F;}

/*common*/
.wrap{ max-width:1440px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display: -moz-flex; display:flex;}
.flex1{ flex: 1;}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}
.table{display: table;table-layout: fixed;text-align: center;width: 100%;height: 100%}
.table_cell{display: table-cell;vertical-align: middle}

#header{ position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 90px; background-color: #ffffff;}
.logo{ display: block; width: 352px; height: 90px; background: url(../images/logo.png) no-repeat center center;}
.nav{ padding-top: 6px;}
.nav li{ float: left; line-height: 80px; text-align: center;}
.nav li a{ font-size: 16px; color: #333333;}
.nav li.line{ width: 70px; height: 80px; background: url(../images/line.jpg) no-repeat center center;}
.nav li.active{ border-bottom: 4px solid #CA0E2A;}

.picScroll-left{ position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.picScroll-left .hd{position: absolute;bottom: 20px;right: 0;height: 12px;z-index: 2;text-align: center;}
.picScroll-left .hd ul li{float:left;width: 40px;height: 6px;background: #e0e0e0;margin: 0 5px;cursor: pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; font-size: 0;}
.picScroll-left .hd ul li.on{background: #c52c2b;}
.picScroll-left .bd ul li{ position: relative; width: 100%; height: 100%;}
.picScroll-left .bd, .picScroll-left .bd div, .picScroll-left .bd ul, .picScroll-left .bd ul li .img{ height: 100%;}
#video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: fill;}
.ban_tu{width: 899px;height: 837px; z-index:1;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}

.index{ position: absolute; top: 100%; left: 0; width: 100%; background-color: #ffffff; z-index: 1;}

.index-about{ padding: 66px 0;}
.title{ background: url(../images/title1.png) no-repeat center center; width: 100%; height: 62px;}
.about_txt{ margin: 30px 0;}
.about_txt, .about_txt p{ font-size: 16px; color: #333333; line-height: 38px;}
.more_about{ display: block; width: 50px; height: 106px; margin: 0 auto;}
.about_ul{ border-top: 1px solid #CCCCCC; justify-content: center; padding-top: 40px;}
.about_ul li{ margin: 0 50px;}
.about_ul li h1{ position: relative; height: 70px;}
.num{ font-size: 70px; color: #D81417; font-family: "Impact";}
.sup{ font-size: 14px; color: #ffffff; width: 34px; height: 34px; border-radius: 100%; line-height: 34px; border: 1px dashed #666666; font-weight: normal; position: relative; margin-left: 10px;}
.sup:before{ content: ''; position: absolute; left: 4px; top: 4px; width: 26px; height: 26px; background-color: #666666; border-radius: 100%; z-index: -1;}
.about_ul li p{ font-size: 16px; color: #333333; line-height: 44px;}

.index-pro{ background-color: #F5F5F5;}
.pro_left{ width: 50%;}
.pro_right{ width: 43.7%; margin: 60px 3% 0 0;}
.index-pro .title{ height: 54px; background-image: url(../images/title2.png); background-position: left top; position: relative; padding-bottom: 35px;}
.index-pro .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 70px; height: 5px; background-color: #D81417;}
.proSwiper{ height: 420px;}
.proSwiper .swiper-slide{}
.proSwiper .swiper-slide h1{ font-size: 42px; color: #333333; line-height: 100px; margin-top: 20px;}
.pro_nav{ background-color: #ffffff; color: #CCCCCC; font-size: 16px; line-height: 50px;}
.pro_nav a{ color: #333333; padding: 0 20px;}
.pro_nav a:hover{ color: #D81317;}
.pro_txt{ font-size: 14px; color: #535151; line-height: 31px; margin-top: 20px;}
.proSwiper .swiper-button-next, .proSwiper .swiper-button-prev{ bottom: 0; top: auto; margin-top: 0; color: #D81417; width: 58px; height: 58px; border-radius: 100%; background-color: #ffffff; border: 1px solid #CCCCCC;}
.proSwiper .swiper-button-prev{ left: 0;}
.proSwiper .swiper-button-next{ left: 80px; right: auto;}
.proSwiper .swiper-button-next:after, .proSwiper .swiper-button-prev:after{ font-size: 30px;}
.proSwiper .swiper-button-next.swiper-button-disabled, .proSwiper .swiper-button-prev.swiper-button-disabled{ color: #CCCCCC; opacity: 1;}

.index-news{ padding: 66px 0;}
.index-news .title{ background-image: url(../images/title3.png);}
.newslist{ width: 76.5%; margin: 30px auto 0;}
.newslist li{ float: left; width: 31.2%; margin: 0 1.06%;}
.news_text{ margin: 16px 0;}
.news_time{ line-height: 40px; font-size: 14px; color: #999999;}
.news_tit{ line-height: 30px; font-size: 18px; color: #333333;}
.news_txt{ line-height: 28px; font-size: 14px; color: #666666;}
a.more{ display: block; width: 140px; line-height: 40px; border-radius: 40px; background-color: #D81417; font-size: 14px; color: #ffffff; margin: 40px auto 0;}

.index-talent{ background-color: #F5F5F5; padding: 66px 0 80px;}
.index-talent .title{ background-image: url(../images/title4.png); background-position: center top; text-align: center; font-size: 16px; color: #666666; line-height: 1; padding-top: 92px;}
.talent_ul{ margin-top: 30px;}
.talent1{ background-color: #ffffff; width: 56.9%;}
.talent1_nr{ padding: 15px 35px 60px 40px;}
.talent1_tit{ font-size: 18px; color: #333333; line-height: 70px;}
.talent1_o{}
.talent_img{ width: 29.3%;}
.talent1_txt{ width: 68%; font-size: 14px; color: #333333; line-height: 30px; text-align: justify;}
.talent_ul li{ width: 20.8%; text-align: center; position: relative; margin-left: 0.6%;}
.talent_ul li p{ background: url(../images/black.png) no-repeat center center; width: 100%; line-height: 40px; position: absolute; bottom: 0; left: 0; font-size: 18px; color: #ffffff;}

#footer{ background-color: #201F1F; padding: 40px 0 60px;}
#footer .wrap{ justify-content: space-between;}
.f_con{ flex: 0.75;}
.f_tit{ font-size: 18px; line-height: 60px;}
.fp{ flex-wrap: wrap; justify-content: space-between;}
.fp p{ font-size: 14px; line-height: 40px;}
.fp img{ vertical-align: middle; margin-right: 15px;}
.f_nav{ border-left: 1px solid #373636; border-right: 1px solid #373636; padding: 0 60px 0 90px;}
.f_navbar{ width: 330px; flex-wrap: wrap;}
.f_navbar li{ font-size: 14px; line-height: 40px; width: 110px;}
.code{ margin-top: 36px; height: 93px;}
.code p{ font-size: 14px; line-height: 31px; margin-left: 20px;}

.copy{ line-height: 50px; background-color: #000000;}
.copy, .copy a{ font-size: 13px; color: #7F7F7F;}
.copy img{ vertical-align: middle; height: 40px;}

.n_title{ line-height: 65px; background-color: #F8F9FA; border-bottom: 1px solid #EDEDED;}
.n_title .wrap{justify-content: space-between;}
.er_nav li{ padding: 0 5px; margin-left: 70px;}
.er_nav li a{ font-size: 16px; color: #333333;}
.er_nav li.active{ border-bottom: 2px solid #E62C1E;}
.er_nav li.active a{ color: #E72C1E;}
.location{ background: url(../images/location.png) no-repeat left center; padding-left:30px;}
.location, .location a{ font-size: 14px; color: #999999;}

.classlist{ width: 81.2%; margin: 50px auto 0;}
.classlist li{ float: left; width: 30.7%; margin: 0 1.3% 45px; text-align: center;}
.classlist li .news_time, .classlist li .news_txt{ display: none;}
.classlist li .news_tit{ text-align: center;}

.pad_top{ padding-top:4.375rem;}
.pad_bot{ padding-bottom:4.375rem;}

#n_lianxi{}
#n_lianxi ul{ margin: 0 -1.25rem; overflow: hidden; margin-bottom: 2.5rem;}
#n_lianxi ul li{ float: left; width: 33.333%; text-align: center;}
#n_lianxi ul li .box{ padding: 0 1.25rem;}
#n_lianxi ul li .ico{ width: 7rem; height: 7rem; position: relative; z-index: 1; margin: 0 auto; border: 1px solid #e6e6e6; background: #fff; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#n_lianxi ul li .ico h5{ width: 100%; font-size: .9375rem; position: relative; z-index: 3; color: #202c5c; font-weight: bold; margin-top: .5rem;}
#n_lianxi ul li .txt{ position: relative; z-index: 0; border: 1px solid #e6e6e6;  display: flex; flex-wrap: wrap; align-content: center; justify-content: center; background: #fff;  height: 9.875rem; margin-top: -3.5rem; padding: 1.5rem 1rem 0;}
#n_lianxi ul li .ico:before{ content: ""; display: block; height: 50%; position: absolute;  z-index: 2; left: -1px; bottom: -1px; right: -1px; background: #fff;}
#n_lianxi ul li .txt p{ font-size: 1rem; line-height: 1.75rem; color: #171616; font-weight: bold;}
#n_lianxi ul li .txt p b{ font-weight: normal; font-size: 1.5rem;  font-family: BarlowCondensed-SemiBold;}
#n_lianxi ul li:hover .ico{ border: 1px solid #202c5c; background: #202c5c;}
#n_lianxi ul li:hover .ico svg path{ fill: #fff;}
#n_lianxi ul li:hover .ico svg{ animation: jello 1s; -webkit-animation: jello 1s; }
#n_lianxi ul li:hover .ico h5{ color: #fff;}
#n_lianxi ul li:hover .ico:before{ display: none;}

#miso_map{ height:35rem; border:#d4d4d4 1px solid; }
#miso_map img{max-width: inherit; max-height: inherit;}

.article{ padding: 40px 0;}
.article, .article p{ font-size: 16px; color: #333333; line-height: 40px; text-align: justify;}
.article p{ margin-bottom: 20px;}
.article img{ max-width: 100%;}

.ar_title{ padding-bottom: 2.25rem; border-bottom: 1px solid #e5e5e5; margin-bottom: 2.25rem;}
.ar_title h2{ font-size: 1.5rem; color: #000000; font-weight: bold; margin-bottom: 1.75rem; position: relative;}
.ar_title h2:before{ content: ""; display: block; width: 5px; height: 1.25rem; background: #e81f18; position: absolute; left: -1.25rem; top: 4px;}
.ar_title div span{ font-size: .875rem; color: #8d8d8d; margin-right: 1rem;}
.ar_article{ font-size:.9375rem; color:#5e5e5e; line-height:1.875rem; text-align:justify; }
.ar_article h4{ font-size: 1.125rem;}
.ar_article p{font-size:.9375rem;color:#5e5e5e;line-height:1.875rem; padding-bottom:.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;    font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:0.95rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6,.ar_article b{ font-weight:bold; color:#232323;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.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:15px;}
.ar_bot{padding:1.875rem 0 0;border-top: #e5e5e5 1px solid;margin:2rem 0 2rem;}
.ar_bot .a{ display:inline-block; line-height:2.5rem; font-size:.875rem; color: #999; transition:.5s; border-radius:1.25rem; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.ar_bot .a svg{ width: 12px; height: 12px; vertical-align: middle; }
.ar_bot .a svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.ar_bot .a:hover{  background:#3f4583; padding:0 1.5rem; color: #fff;}
.ar_bot .a:hover svg path{ fill:#fff; }
.fanhui a {display: inline-block;width: 9.6875rem;height: 2.5rem;line-height: 2.5rem;background: #1e3685;border-radius: 1.25rem;text-align: center;font-size: 15px;color: #fff;transition: 0.36s;}
.fanhui a img {margin: -3px 0.5rem 0 0}
.fanhui a:hover {background: #9fca37;}

.pagelist{text-align: center;clear: both;padding-top: 30px;}
.pagelist span, .pagelist strong, .pagelist a{display: inline-block;border: 1px solid #ddd;padding: 2px 6px;margin-right: 2px;line-height: 16px;text-decoration: none;color: #666;}
.pagelist span{background: #1e3685;color: #fff;}

@media (max-width: 1630px){
	.wrap{ width: 1200px;}
	.about_txt, .about_txt p {font-size: 13px; line-height: 28px;}
	.pro_nav{ font-size: 13px; line-height: 37px;}
	.pro_nav a{ padding: 0 15px;}
	.talent_img{ width: 25%;}
	.talent1_txt{font-size: 13px;line-height: 24px; width: 72%;}
	.er_nav li{ margin-left: 50px;}
}