@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", "微软雅黑", sans-serif; margin:0; padding:0;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color: inherit; 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;}
i, cite, em, var, address, dfn{font-style: normal;}
iframe, video{ max-width:100%;}

/*href*/
a:link,a:visited{color: inherit; text-decoration:none;}
a:hover,a:active{color: inherit; 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;}
.bgfa{ background-color: #fafafa;}
.bfff{ background-color: #ffffff;}
.bgf8{ background-color: #f8f8f8;}

@font-face{font-family:BarlowCondensed-Light;src:url(../fonts/BarlowCondensed-Light.ttf)}
@font-face{font-family:DINOT-BOLD;src:url(../fonts/DINOT-BOLD.OTF)}

/*common*/
.wrap{ width: 83.3%; min-width: 1050px; 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}
.ovh4{-webkit-line-clamp:4}
.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;}

.hide{ display: none !important;}
.show{ display: block !important;}

.section{ background-repeat: no-repeat; background-position: center; background-size: 100% 100%; align-items: center; justify-content: center;}

.sq_mouse {position: absolute;bottom: 10%;left: 50%;margin-left: -10px;z-index: 3;}
.sq_m_small {position: absolute;top: 5px;left: 50%;margin-left: -1px;width: 2px;height: 8px;border-radius: 6px;background: #fff;animation: smallDown 1.5s forwards infinite;-webkit-animation: smallDown 1.5s forwards infinite;transition: all 1s;-webkit-transition: all 1s;}
@keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}
@-webkit-keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}

.header{ background-color: #ffffff; width: 100%; height: 94px; position: fixed; top: 0; left: 0; z-index: 9; align-items: center; justify-content: space-between;}
.logo{ background: url(../images/logo.png) no-repeat right center; width: 242px; height: 100%;}
.nav{ line-height: 94px; border-right: 1px solid #EBEBEB; padding-right: 20px; margin-right: 162px;}
.nav li{ position: relative; margin: 0 30px;}
.nav li a{ font-size: 14px; color: #333333;}
.nav li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #034f9f; transform: translateX(-50%); transform-origin: center; transition: .3s ease-in-out;}
.nav li.active:after, .nav li:hover:after{ width: 100%; transform: translateX(-50%) scaleX(1);}

.top_nav {position: fixed;z-index: 1000;right: 50px;top: 0;height: 94px;display: flex;align-items: center;justify-content: center;}
#top_nav_btn { width: 62px; height: 20px;}
.menubtn {width: 62px;height: 20px;position: relative;cursor: pointer;display: flex;align-items: center;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.menubtn:after{ content: '导航'; margin-left: 10px; font-size: 14px; color: #666666;}
.menubtn span {display: block;width: 24px;height: 2px;background: #CC0000;position: relative;vertical-align: middle;-webkit-transition-duration: .3s,.3s;-moz-transition-duration: .3s,.3s;-ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s;transition-delay: .3s,0s;}
.menubtn span:after, .menubtn span:before {content: "";position: absolute;display: inline-block;width: 24px;height: 2px;left: 0;background-color: #CC0000;-webkit-transition-duration: .3s,.3s;-moz-transition-duration: .3s,.3s;-ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s;transition-delay: .3s,0s;}
.menubtn span:before {top: -7px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -7px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;transition-property: bottom,transform;}
.menubtn.active:after{ color: #ffffff;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.menubtn.active span:after, .menubtn.active span:before {width: 100%;background: #fff;-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s;-ms-transition-delay: 0s,.3s;-o-transition-delay: 0s,.3s;transition-delay: 0s,.3s;}
.menubtn.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.menubtn.active span:after {bottom: 0;left: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.site_page {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background: url(../images/top_nav_bg.jpg) center no-repeat;background-size: cover;color: #fff;}
#m_nav {width: 100%;height: 100vh;right: 0;top: 0;padding: 50px 0;overflow: hidden;pointer-events: none;transition: all 1s .5s cubic-bezier(0.445,0.145,0.355,1);visibility: hidden;transform-origin: left;clip-path: inset(0 0 100vh 0 round 0 0 50vw 50vw);}
.m {max-width: 1700px;width: 100%;padding: 0 100px;height: 100%;margin: 0 auto;display: block;position: relative;    box-sizing: border-box;}
.site_page .m {display: flex;align-items: center;}
.site_page .outbox {display: flex;width: 100%;}
.site_page .outbox {-webkit-transform: translateY(120px);transform: translateY(120px);opacity: 0;-webkit-transition: all 1.2s ease;transition: all 1.2s ease;}
.page_lianxi {width: 50%;flex-shrink: 0;padding-right: 3rem;}
.page_lianxi .tt h3 {font-size: 2.65rem;line-height: 3.375rem;}
.page_lianxi .tt span {font-size: 1.575rem;text-transform: uppercase;font-family: DINOT-BOLD;}
.page_lianxi ul {margin-top: 5rem;margin-bottom: 9rem;}
.page_lianxi ul li {display: flex;align-items: center;}
.page_lianxi ul li+li {margin-top: 1.125rem;}
.page_lianxi ul li .ico {width: 2.8125rem;height: 3.1875rem;flex-shrink: 0;margin-right: 1.25rem;background: url(../images/ico_bg.svg) center no-repeat;background-size: contain;display: flex;align-items: center;justify-content: center;}
.page_lianxi ul li .ico svg {width: 1.375rem;height: 1.375rem;}
.page_lianxi .copyright {text-transform: uppercase;}
.copyright p {display: inline-block;}
.site_page .line {width: 1px;height: auto;background: rgba(255,255,255,.25);}
.site_page .right {display: flex;}
.site_nav {margin-left: 10.5rem;height: 100%;}
.site_nav ul {height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.site_nav ul li {position: relative;}
.site_nav ul li a {display: block;position: relative;line-height: 1.1;}
.s_subnav {position: absolute;left: 18rem;top: 0;opacity: 0;visibility: hidden;transition: .5s;transform: translateY(20px);}
.s_subnav .li a {display: block;font-size: .9375rem;margin-bottom: 1.375rem;color: #fff;width: 150px!important;}
.site_nav ul li h3 {font-size: 1.625rem;color: #fff;margin-bottom: 0.625rem;font-weight: normal;}
.site_nav ul li span {font-size: 1rem;color: rgba(255,255,255,.4);letter-spacing: 1px;text-transform: uppercase;font-family: BarlowCondensed-Light;}
#m_nav.act {pointer-events: auto;top: 0;visibility: visible;clip-path: inset(0 0 0 0 round 0 0 0 0);opacity: 1;transition: all 1.2s cubic-bezier(0.445,0.145,0.355,1);}
.site_page.act .outbox {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
.site_nav ul li.on .s_subnav {opacity: 1;visibility: visible;transform: translateY(0px);}

.section2{ background-image: url(../images/bg1.jpg);}
.section2_left{ position: absolute; left: 6.3%; top: 140px; width: 34.3%;}
.section2_head{ padding-bottom: 13px; border-bottom: 1px solid #DCDCDC; position: relative; margin-bottom: 20px;}
.section2_en img{ display: block;}
.section2_ch{ font-size: 40px; font-weight: bold; line-height: 94px;}
.section2_head:after{ content: ''; width: 60px; height: 3px; background-color: #CC0000; position: absolute; bottom: -2px; left: 0;}
.section2_name{ font-size: 26px; line-height: 100px;}
.section2_text{ font-size: 16px; color: #666666; line-height: 30px; text-indent: 2em; text-align: justify;}
a.more{display: block;cursor: pointer;position: relative; width: 210px; text-indent: 34px; line-height: 58px;border-radius: 58px;background-color: #CC0000;border: 1px solid #CC0000;color: #ffffff; margin-top: 60px;}
.more:after{content: '';position: absolute;top: 0;right: 34px;width: 27px;height: 100%;background-image: url(../images/a8.png);background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.more:hover{ color: #CC0000; background-color: #ffffff;}
.more:hover:after{ background-image: url(../images/a8-b.png);}
.data{ position: absolute; left: 0; bottom: 0; background-color: #ffffff; width: 66.6%; height: 180px;}
.data li{ width: 25%; font-size: 16px; color: #82a1ea; text-align: center; justify-content: center; align-items: center; flex-direction: column;}
.data li.li2{ background-color: #CC0000;}
.data li.li3{ background-color: #B3B2B2;}
.data_top h1{ display: inline-block; line-height: 60px; font-size: 58px; color: #CC0000;}
.data_top span{ display: inline-block; color: #666666;}
.data li p{ line-height: 30px; color: #666666;}
.data li.li2 .data_top h1, .data li.li2 .data_top span, .data li.li2 p, .data li.li3 .data_top h1, .data li.li3 .data_top span, .data li.li3 p{ color: #ffffff;}

.section3{ background-image: url(../images/bg2.jpg); flex-direction: column;}
.section3_head{ background: url(../images/section3_en.png) no-repeat center center; font-size: 40px; color: #ffffff; font-weight: bold; line-height: 1; padding-top: 10px; width: 100%; text-align: center;}
.pro_ul{ margin: 190px 0 80px; justify-content: space-evenly; width: 100%;}
.pro_img{ position: relative; background: url(../images/pro_bg.png) no-repeat center center;}
.pro_icon{ height: 78px; width: 100%; background-repeat: no-repeat; background-position: center center; position: absolute; top: -65px;}
.pro_ul li.li1 .pro_icon{ background-image: url(../images/pro_icon1.png);}
.pro_ul li.li2 .pro_icon{ background-image: url(../images/pro_icon2.png);}
.pro_txt{ display: none; position: absolute; top: 0; left: 0; font-size: 15px; color: #333333; line-height: 33px; text-align: justify; padding: 60px 8.5%;}
.pro_ul li .p{ font-size: 30px; color: #ffffff; text-align: center; line-height: 90px;}
.pro_ul li.li1:hover .pro_icon{ background-image: url(../images/pro_icon1_hover.png);}
.pro_ul li.li2:hover .pro_icon{ background-image: url(../images/pro_icon2_hover.png);}
.pro_ul li:hover img{ opacity: .22;}
.pro_ul li:hover .pro_txt{ display: block;}
.pro_ul li:hover .p{ color: #FFCC00;}
a.pro_more{ display: block; margin: 0 auto; font-size: 20px; color: #ffffff; width: 208px; line-height: 58px; border: 1px solid #ffffff; border-radius: 58px;}

.section4{ background-image: url(../images/bg3.jpg);}
.d-a {}
.d-main {width: 91.6%;margin: 0 auto ;position: relative;}
.d-left {display: inline-block;vertical-align: top;padding: 190px 130px 30px;}
.d-en {color: #ffffff;line-height: 1.2;font-weight: bold;margin-bottom: 15px; text-transform: uppercase;}
.s50 {font-size: calc(12px + 38 * 100vw / 1920);}
.d-titles {color: #ffffff;line-height: 1.25;font-weight: bold;margin-bottom: 70px;}
.s40 {font-size: calc(12px + 28 * 100vw / 1920);}
.d-intro {color: #666666;margin-bottom: 50px;}
.d-intro a{ display: block; border-bottom: 1px solid #CCCCCC;line-height: 60px; padding-left: 30px;}
.s18 {font-size: calc(12px + 6 * 100vw / 1920);}
.d-right {display: inline-block;vertical-align: middle;width: 70.7%;position: relative; margin-top: 80px;}
.d-b {}
.d-item {width: 30.5%; margin-right: 4.25%;}
.d-link {display: block;cursor: pointer;width: 100%;overflow: hidden;}
.d-img {width: 100%;position: relative;overflow: hidden;padding-top: calc(285/382*100%);}
.d-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.d-text {position: relative;padding: 30px 30px 0;background-color: #ffffff;}
.d-text:after {content: '';opacity: 0;position: absolute;top: -30px;right: 40px;width: 60px;height: 60px;background-color: #E11212;background-image: url(../images/a8.png);background-size: 27px auto;background-position: center center;background-repeat: no-repeat;}
.d-name {color: #333333;line-height: 1.54;height: 68px;margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s22 {font-size: calc(12px + 10 * 100vw / 1920);}
.d-synopsis {color: #666666;line-height: 1.6;height: 52px;margin-bottom: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s16 {font-size: calc(12px + 4 * 100vw / 1920);}
.d-time {width: 100%;position: relative;padding: 25px 0;color: #eb6209;line-height: 1.28;}
.s14 {font-size: calc(12px + 2 * 100vw / 1920);}
.d-time:before {content: '';display: inline-block;vertical-align: top;margin-right: 10px;width: 18px;height: 18px;background-image: url(../images/a25.png);background-size: contain;background-position: center center;background-repeat: no-repeat;}
.d-time:after {content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: 200%;height: 2px;background-color: #f2f2f2;}
.d-buttom {width: 100%;font-size: 0;text-align: center;}
.d-prev {transform: rotate(-180deg);margin-right: 30px;display: inline-block;vertical-align: middle;position: relative;top: auto;left: 0;margin-top: 70px;width: 60px;height: 60px;border-radius: 30px;background-color: #fff;border: solid 1px #fff;background-image: url(../images/a8-b.png);background-size: 45% auto;background-position: center center;background-repeat: no-repeat;}
.d-next {display: inline-block;vertical-align: middle;position: relative;top: auto;left: 0;margin-top: 70px;width: 60px;height: 60px;border-radius: 30px;background-color: #fff;border: solid 1px #fff;background-image: url(../images/a8-b.png);background-size: 45% auto;background-position: center center;background-repeat: no-repeat;}
.d-prev:after, .d-next:after{ content: '';}
.d-scrollbar {display: none;width: 100%;margin-top: 55px;background-color: #e5e5e5;}
.d-scrollbar .swiper-scrollbar-drag {height: 6px;background-color: #eb6209;}
.d-link:hover .d-img img {transform: scale(1.05);}
.d-link:hover .d-text:after {opacity: 1;}
.d-prev:hover{background-color: #eb6209;border: 1px solid #eb6209;background-image: url('../images/a8.png');}
.d-next:hover{background-color: #eb6209;border: 1px solid #eb6209;background-image: url('../images/a8.png');}

.section5{ background-image: url(../images/map.jpg); background-size: 100%; background-position: center top; align-items: flex-end;}
.section5_foot{ width: 100%; background: url(../images/foot.jpg) no-repeat center center; background-size: cover;}
.footer{ width: 83.3%; margin: 0 auto;}
.foot_nr, .foot_center, .copy{ justify-content: space-between;}
.foot_nr{ align-items: center; padding: 28px 0;}
.f_nav{ font-size: 14px;}
.f_nav li{ margin-right: 30px;}
.foot_center{ padding: 28px 0; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.f_logo{ background: url(../images/f_logo.png) no-repeat left center; width: 192px; height: 117px;}
.foot_center p{ font-size: 15px; line-height: 30px;}
.copy{ line-height: 60px;}
.copy, .copy a{ font-size: 14px; color: #ffffff;}
.copy img{ vertical-align: middle;}

.n_banner{ margin-top: 74px;}

.er_foot{ background: url(../images/foot.jpg) no-repeat center center;}

.er_pro.pro_ul li .p{ color: #333333;}
.er_pro.pro_ul li.li1 .pro_icon{ background-image: url(../images/pro_e_icon1.png);}
.er_pro.pro_ul li.li2 .pro_icon{ background-image: url(../images/pro_e_icon2.png);}
.er_pro.pro_ul li.li1:hover .pro_icon{ background-image: url(../images/pro_icon1_hover.png);}
.er_pro.pro_ul li.li2:hover .pro_icon{ background-image: url(../images/pro_icon2_hover.png);}
.er_pro.pro_ul li:hover .p{ color: #CC0000;}
.er_pro1{ background: url(../images/pro_bg1.jpg) no-repeat center center; padding: 60px 0 80px;}
.pro_tit{ font-size: 30px; color: #303030; font-weight: bold; line-height: 1;}
.pro_imgs{ width: 83.3%; margin: 30px auto 0;}
.pro_imgs img{ max-width: 100%; display: block;}

.factory{ width: 83.1%; margin: 80px auto 0;}
.factory li{ float: left; width: 20.2%; margin: 0 1.6% 50px; padding: 17px 0.8%; text-align: center; background: url(../images/factory_bg.png) no-repeat center center; background-size: 100% 100%; position: relative;}
.factory_img{ position: relative;}
.factory_trans{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/factory_trans.png) no-repeat center center; background-size: 100% 100%; align-items: center; justify-content: center; flex-direction: column; transition: all ease .5s;}
.factory_trans p{ font-size: 18px; color: #ffffff; line-height: 50px;}
.factory li:hover .factory_trans{ opacity: 1;}

.aboutus{ padding: 50px 0 60px;}
.aboutus_txt, .aboutus_txt p{ font-size: 16px; color: #333333; line-height: 35px;}
.aboutus .data{ width: 100%; position: static; background-color: #B3B2B2; margin-top: 40px;}
.aboutus .data li{ width: 20%;}
.aboutus .data li .data_top h1, .aboutus .data li .data_top span, .aboutus .data li p{ color: #ffffff;}
.aboutus .data li:nth-child(2n){ background-color: #CC0000;}
.honor{ background-color: #EFEFEF; padding: 30px 0 80px;}
.honor .pro_tit{ line-height: 90px;}
.honor_nav{ border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; line-height: 60px;}
.honor_nav a{ font-size: 16px; color: #666666; margin: 0 30px;}
.honor_ul{ margin: 50px auto; width: 84.9%;}
.honor_ul li{ float: left; width: 18.1%; margin: 0 0.95%;}
a.honor_more{ background-color: #CC0000; width: 190px; line-height: 50px; border-radius: 50px; font-size: 16px; color: #FFFFFF; display: block; margin: 0 auto;}

.contact{ padding: 60px 0;}
.contact_ul{ justify-content: space-around; margin-bottom: 20px;}
.contact_ul li p{ line-height: 80px; font-size: 20px; color: #303030;}

.culture{ padding: 50px 0 60px;}
.culture_center{ justify-content: space-between;}
.culture_left{ margin-top: 30px;}
.culture_txt{ border-top: 1px solid #CCCCCC; padding-top: 20px; margin: 20px 0 40px;}
.culture_txt, .culture_txt p{ font-size: 18px; line-height: 40px;}

.newslists{ width: 76.5%; margin: 50px auto 0;}
.newslists li{ float: left; width: 33.3%; border-bottom: 1px dashed #CCCCCC; margin-bottom: 30px;}
.newslists li a{ margin: 0 3.1%; display: block;}
.news_tu{ position: relative;}
.news_black{ opacity: 0; background: url(../images/news_black.png) no-repeat center center; background-size: 100% 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all ease .5s;}
.news_text{ padding: 36px 0 25px;}
.news_time{ line-height: 20px;}
.news_tit{ line-height: 60px; font-size: 18px; color: #505050; font-weight: bold; height: 60px; overflow: hidden;}
.news_txt{ line-height: 25px; height: 50px; font-size: 14px; color: #505050; text-align: justify;}
.newslists li:hover .news_black{ opacity: 1;}

.classlist{ margin: 50px auto; width: 84.9%;}
.classlist li{ float: left; width: 15%; margin: 0 0.83% 30px;}

.n_nav{ justify-content: center; text-align: center;}
.n_nav li{ margin: 30px; width: 190px; line-height: 50px; border-radius: 50px; font-size: 16px; border: 1px solid #CC0000; color: #CC0000;}
.n_nav li.on{ background-color: #CC0000; color: #FFFFFF;}

.ar_title{ padding-bottom: 2.25rem; border-bottom: 1px solid #e5e5e5; margin: 2.25rem 0;}
.ar_title h2{ font-size: 1.5rem; color: #000000; font-weight: bold; margin-bottom: 1.75rem; position: relative; line-height: 1;}
.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; margin-bottom: 2.25rem;}
.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; }
.ar_article td *,.ar_article th *{ font-size:0.95rem !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; }
.ar_bot .a:hover a{ color: #ffffff;}
.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; vertical-align: middle; height: 20px;}
.fanhui a:hover {background: #9fca37;}

.pagelist{text-align: center;clear: both;padding: 30px 0;}
.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: #e13e00;color: #fff;}

@media (max-width: 1630px){
    .page_lianxi .tt h3{ font-size: 2rem;}
    .page_lianxi .tt span { font-size: 1rem;}

    .section2_left{ top: 105px;}
    .section2_head{ padding-bottom: 10px; margin-bottom: 15px;}
    .section2_ch{ font-size: 30px; line-height: 70px;}
    .section2_head:after{ width: 45px; height: 2px; bottom: -1px;}
    .section2_name{ font-size: 19px; line-height: 75px;}
    .section2_text{ font-size: 14px; line-height: 22px;}
    a.more{ width: 157px; text-indent: 25px; line-height: 43px;border-radius: 43px; margin-top: 45px;}
    .more:after{ right: 25px;width: 20px;}
    .data{ height: 135px;}

    .section3_head{ font-size: 30px; padding-top: 7px; background-size: auto 100%;}
    .pro_ul{ margin: 142px 0 60px;}
    .pro_icon{ height: 58px; top: -48px; background-size: auto 100%;}
    .pro_txt{ padding: 48px 8.5%;}
    .pro_ul li p{ font-size: 22px; line-height: 67px;}
    a.pro_more{ font-size: 15px; width: 156px; line-height: 43px; border-radius: 43px;}

    .s16 { font-size: calc(12px + 2 * 100vw / 1920);}
    .s22 { font-size: calc(12px + 6 * 100vw / 1920);}
    .d-left { padding: 142px 97px 22px;}
    .d-text { padding: 22px 22px 0;}
    .d-text:after { top: -22px;right: 30px;width: 45px;height: 45px;background-size: 20px auto;}
    .d-name {height: 51px;margin-bottom: 18px;}
    .d-synopsis {height: 39px;margin-bottom: 45px;}
    .d-time {padding: 18px 0;}
    .d-time:before {margin-right: 7px;width: 13px;height: 13px;}
    .d-time:after {height: 1px;}
    .d-prev {margin-right: 22px;margin-top: 52px;width: 45px;height: 45px;border-radius: 22px;}
    .d-next {margin-top: 52px;width: 45px;height: 45px;border-radius: 22px;}
    .d-scrollbar {margin-top: 41px;}
    .d-scrollbar .swiper-scrollbar-drag {height: 4px;}

	.culture_center img{ width: 43%;}
    .culture_left img{ width: 80%;}
}