body{ font-size:100%;line-height:1.1; width:100%; min-width: 1200px; position:relative; font-family:"微软雅黑", sans-serif; font-size: 14px; overflow-x:hidden; background: #fff; }

*{ padding:0; margin:0;}

img{ max-width:100%;}

#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }

.j_tab{ display:table; width:100%; height:100%;}

.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}

*{ margin:0; padding:0; outline:none; box-sizing: border-box; }

a{ color:inherit;}

a:focus{ outline: none !important;}

h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}

h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

img{ max-width:100%; max-height:100%;}

.img img{ width:100%; height:100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }

li:hover .img img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); }

svg{ max-width:100%; max-height:100%;}

table{table-layout: fixed;}

.ovh{ overflow: hidden; width: 100%;}

.m{ max-width: 1300px; height:100%; margin: 0 auto; display: block; position:relative;}

.pad_top{ padding-top:70px;}

.pad_bot{ padding-bottom:70px;}

.pad_aside{ padding-left:45px; padding-right:45px;}

.draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; display:block; border-radius: 50%; text-align: center; position:relative;}

.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;}

svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}

svg.drawcircle circle {

	fill: none; box-sizing:border-box;

	stroke-width: 2;

	stroke: none;

	stroke-dasharray: 0 , 188.49;

	stroke-dashoffset:188.49;

	transition: all .3s linear 0s;	

}

.draw_h:hover svg.drawcircle circle { 

    stroke:#fff;

	stroke-dasharray:188.49 , 0;

	stroke-dashoffset:188.49;

	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);

	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);

}

.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.draw_h:hover .icon{ fill:#0081cc;}



svg{ display: inline-block; vertical-align: middle;}

#header{ position: absolute; z-index:999; width:100%; }

#header:after{ content: ""; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; bottom: 0; z-index: -1;}

#header>.m{ height:100%; position: static; }

#logo{ float: left;}

#logo a{ display: block; line-height: 116px; height: 116px;  }

#logo img{ display: inline-block; vertical-align: middle;}

#nav{ float: right;}

#nav ul{ }

#nav ul li{ float:left; position:relative; z-index:1; text-align: center;}

#nav ul li a{ display:block; text-transform:uppercase; padding: 0 30px;}

#nav ul li h3{ font-size:1rem; line-height: 116px; height: 116px; display: inline-block; white-space: nowrap; color:#fff; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

#nav ul li h3:before{ content: ""; display: block; width: 100%; height: 3px; background: #e2ab00; transform:scaleX(0); position: absolute; left: 0; bottom: 0; transition: .5s; visibility: hidden;}

#nav ul li i{ display: inline-block; width: 10px; height: 6px; background: url(../image/nav_ico.png) center no-repeat; margin-left: 5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

#nav ul li.on h3,#nav ul li:hover h3{ color:#fff;}

#nav ul li.on i,#nav ul li:hover i{ transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); }

#nav ul li.on h3:before,#nav ul li:hover h3:before{ width: 100%; visibility: visible; transform: scaleX(1);}

#nav ul li:hover{ z-index: 2;}

#nav ul li .sub{ position:absolute; top:100%; background:#ffffff; width:100%; left:0; z-index: 10000; display: none;  }

#nav ul li .sub .box{ text-align: center; }

#nav ul li .sub a{ padding:0; line-height:48px; color: #333; transition:.3s; font-size:15px;}

#nav ul li .sub a:hover{ color:#fff; background: #e2ab00; }

 







#banner .swiper-container {  }

#banner .swiper-slide{ overflow: hidden;}

#banner .slide-inner{ }

#banner .slide-inner img{ width: 100%;}

#banner .swiper-button-prev{ width: 48px; height: 48px; background:url(../image/banner_left.png) center no-repeat; background-size:48px;opacity:.8; left:5%;}

#banner .swiper-button-next{ width: 48px; height: 48px; background:url(../image/banner_right.png) center no-repeat; background-size:48px; opacity:.8; right:5%;}



.s_tt{ text-align: center; margin-bottom: 36px;}

.s_tt h3{ font-weight: bold; font-size: 24px; color: #222221; margin-bottom: 10px;}

.s_tt span{ font-size: 18px; color: #a9a9a9; font-family: arial; }

.s_about{ padding-top: 80px; font-size: 14px; color: #7a7a7a; line-height: 26px; text-align: center; padding-bottom: 90px; background: url(../image/s_about_bg.jpg) center bottom no-repeat; background-size: cover;}

.s_about .con{ width: 925px; margin: 0 auto;}

.btn_arr2{ display: block; margin: 0 auto; margin-top: 70px; width: 160px; height: 50px; line-height: 50px; text-align: center; background: #d5251c; color: #fff; font-size: 15px; letter-spacing:1px; border-radius: 1.875rem; -webkit-border-radius: 1.875rem; -moz-border-radius: 1.875rem; -ms-border-radius: 1.875rem; -o-border-radius: 1.875rem; }

.btn_arr2 font{ margin-left: .25rem; display: inline-block; vertical-align: middle; width: 2rem; height: 1.5rem; border-radius: 50%; position: relative;  overflow: hidden;}

.btn_arr2 font:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../image/btn_arr.png) center no-repeat; position: absolute; left: -100%; top: 0;  transition: .5s;}

.btn_arr2 font:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../image/btn_arr.png) center no-repeat; position: absolute; left: 0; top: 0;  transition: .5s;}

.btn_arr2:hover font:before{ left: 0;}

.btn_arr2:hover font:after{ left: 100%; opacity: 0;}



.s_pro{ width: 100%; overflow: hidden; height: 826px; background: url(../image/s_pro_bg.jpg) center no-repeat; background-size: cover; padding-top: 80px;}
.s_pro .s_tt{ margin-bottom: 50px;}
.s_pro .s_tt h3{ color: #fff; font-weight: normal;}

.s_pro .s_tt span{ color: #fff;}

.s_pro ul{}

.s_pro ul li{ padding: 0 10px;}

.s_pro ul li a{ display: block; border-radius: 10px; overflow: hidden;}

.s_pro ul li .img{}

.s_pro ul li .img img{}

.s_pro ul li .txt{ background: #fff; height: 180px; padding: 0 46px; padding-top: 60px; text-align: center; transition: .5s;}

.s_pro ul li .txt h5{ font-size: 18px; color: #292929; margin-bottom: 10px;}

.s_pro ul li .txt p{ font-size: 13px; color: #6d6d6d; line-height: 18px; height: 36px; overflow: hidden;}

.s_pro ul li .txt .ico{ margin: 0 auto; margin-top: 26px; width: 21px; height: 21px; background: url(../image/s_pro_more.png) center no-repeat; display: block; opacity: 0; visibility: hidden; transition: .5s;}

.s_pro ul li:hover .txt .ico{ opacity: 1; visibility: visible;}

.s_pro ul li:hover .txt{ padding-top: 30px}



.s_pro .slick-arrow{ width: 32px; height: 32px;}

.s_pro .slick-prev{ background: url(../image/s_pro_left.png) center no-repeat; left: -90px;}

.s_pro .slick-next{ background: url(../image/s_pro_right.png) center no-repeat; right: -90px;}



.slick-arrow:before{ display: none;}

.btn_arr4{ display: block; margin-top: 70px; padding-left: 1rem; width: 9.375rem; height: 3.125rem; line-height: 3.125rem; text-align: center; background:#d92118; background-size: contain; color: #fff; font-size:14px; font-family: arial;  border-radius: 1.875rem; -webkit-border-radius: 1.875rem; -moz-border-radius: 1.875rem; -ms-border-radius: 1.875rem; -o-border-radius: 1.875rem; }

.btn_arr4 font{ margin-left: 1.25rem; display: inline-block; vertical-align: middle; width: 1.625rem; height: 1.625rem; background:#fff; border-radius: 50%; position: relative;  overflow: hidden;}

.btn_arr4 font:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../image/btn_arr4.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 10px; transition: .5s;}

.btn_arr4 font:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../image/btn_arr4.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 10px; transition: .5s;}

.btn_arr4:hover font:before{ left: 0;}

.btn_arr4:hover font:after{ left: 100%; opacity: 0;}



.s_news{ background: url(../image/s_news_bg.jpg) center no-repeat; background-size: cover;}

.s_news .m{ display: flex;}

.s_news .left{ width: 194px; border-right: 1px solid #f0f0f0; padding-top: 95px; padding-bottom: 100px;}

.s_news .right{ flex-grow: 1; width: calc(100% - 194px); padding-left: 43px; padding-top: 95px;}

.s_news .s_tt{ text-align: left; margin-bottom: 70px;}

.s_news .s_tt i{ width: 12px; height: 12px; border: 2px solid #d92118; border-radius: 50%; display: block; margin-bottom: 12px;}

.s_news .left ul{}

.s_news .left ul li{ position: relative;}

.s_news .left ul li+li:before{ content: ""; display: block; position: absolute; width: calc(100% - 35px); background: #eeeeee; height: 1px; top: 0; right: 0;}

.s_news .left ul li a{ display: block; padding: 22px 0; line-height: 23px; font-size: 18px; color: #848484;}

.s_news .left ul li .ico{ display: inline-block; width: 23px; height: 23px; line-height: 23px; margin-right: 12px; vertical-align: middle; }

.s_news .left ul li .ico .img01{}

.s_news .left ul li .ico .img02{ display: none;}

.s_news .left ul li.slick-current a{ color: #d92118;}

.s_news .left ul li.slick-current .ico .img01{ display: none;}

.s_news .left ul li.slick-current .ico .img02{ display: block;}

.s_news .right ul li{ padding: 0 11px;}

.s_news .right ul li .time{ color: #000000; font-family: arial; margin-bottom: 34px;}

.s_news .right ul li .time span{ font-size: 48px;}

.s_news .right ul li .time p{ font-size: 14px;}

.s_news .right ul li .img{ margin-bottom: 45px; border-radius: 5px;}

.s_news .right ul li .img img{}

.s_news .right ul li .txt{}

.s_news .right ul li .txt h5{ font-size: 18px; margin-bottom: 15px;}

.s_news .right ul li .txt p{ font-size: 13px; line-height: 24px; height: 48px; overflow: hidden; color: #949494;}

.s_news .right ul li .txt .ico{ display: block; width: 30px; height: 30px; background: url(../image/s_news_more.png) center no-repeat; margin-top: 42px;}

.s_news .right ul li:hover .txt .ico{ background: url(../image/s_news_more_on.png) center no-repeat;}



#foot{ background: #2c2c2d; color: #fff; padding-bottom: 100px; padding-top: 86px;}



.foot_nav{ width: 580px; margin-top: 30px; padding-top: 40px; position: relative; overflow: hidden;}
.foot_nav:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #464748;}
.foot_nav:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 64px; height: 5px; background: #e2ab00;}
.foot_nav dl{ float: left;}

.foot_nav dl+dl{ margin-left: 102px;}

.foot_nav dl dt{ margin-bottom: 40px; font-size: 16px; color: #ffffff; font-weight: bold;}

.foot_nav dl dd{ font-size: 14px; line-height: 30px; color: #919191;}





.foot_link{ margin-bottom: 20px; margin-top: 40px; }

.foot_link .fr{ line-height: 45px; font-size: 14px; width: 138px; color: #fff; background: #e2ab00; text-align: center; border-radius: 5px 0 0 5px; display: flex; align-items: center; justify-content: center;}

.foot_link .fr img{ margin-right: 12px; width: 22px; height: 22px;}

.s_foot_link{cursor:pointer;overflow:visible;position: relative;text-align:left; width: calc(100% - 138px); height: 35px; float: right;}

.s_foot_link .tanchu{ box-sizing:border-box;position:absolute;bottom:35px;border-bottom:0;display: none;left:0;right:0;border-bottom: 1px solid #aaa; }

.s_foot_link .tanchu:before{content:"";width:0px;height:0px;position:absolute;bottom:1px;left:50%;margin-left:-10px;}

.s_foot_link .tanchu>div{max-height:200px;background: #eee; display:block;padding:10px 1.5rem;overflow:auto;border: 1px solid #bebdbd;}

.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}

.s_foot_link .tanchu a {color: #767575;line-height: 30px;display:block;font-size: .875rem;}

.s_foot_link .tanchu a:hover{ color: #666 !important; }

.s_foot_link .bnt_link.a {padding-left:1rem;color: #bebebe; border: 1px solid #e2ab00; border-radius: 0 5px 5px 0; font-size:14px; line-height:43px;width: 100%;height:45px;box-sizing:border-box;text-decoration:none;position: relative;z-index:1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 2rem;}

.s_foot_link .bnt_link.a>img{ width:11px; float: right; position: absolute; right: 15px; top: 17px;}

.s_foot_link .bnt_link.a.icon_un img{ transform: rotate(180deg);}

.s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height:31px;width:.9375rem;text-align:center;height:100%;margin-right:1rem;position: absolute;right: 0;top: 0;}

#foot .left{ float: left;}

#foot .right{ width: 472px; float: right;}

.foot_ewm{ display: block; width: 130px; height: 156px; background: #fff; border-radius: 5px; text-align: center; padding-top: 3px; float: left; margin-right: 30px;}

.foot_ewm p{ font-size: 14px; color: #575757; margin-top: 2px;}

.foot_tel{ width: 100%; margin-bottom: 22px; overflow: hidden;}

.foot_tel span{ float: left; font-size: 16px; line-height: 18px; color: #d0d0d0; margin-right: 8px;}

.foot_tel b{ float: left; font-size: 40px; color: #e2ab00; font-family: cursive,-webkit-pictograph,Arial, Helvetica, sans-serif;}

.foot_lianxi{ overflow: hidden;}

.foot_lianxi .txt{ width: calc(100% - 160px); float: right;}

.foot_lianxi dl{ display: flex; width: 100%; color: #d0d0d0; font-size: 14px; line-height: 24px;}

.foot_lianxi dl dt{ float: left; white-space: nowrap; flex-shrink: 0;}

.foot_lianxi dl dd{}



.copyright{ font-size: 14px; color: #979798; text-align: right;}

#foot a{ transition: .5s;}

#foot a:hover{ color: #e2ab00 !important;}



.n_title {padding: 0;position: relative; border-bottom: #e5e5e5 1px solid;}

.n_title .m { position: relative;}

.n_title .m {position: relative;height: 80px; }

.n_nav { position: relative; }

.n_nav a {display: inline-block;height: 80px;font-size: 18px; font-weight: normal; float: left;line-height: 80px;color: #252525;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-right: 2.875rem;}

.n_nav a strong {display: block; position: relative;z-index: 4;height: 80px;line-height: 80px; font-weight: normal;  }

.n_nav a:before {content: "";width: 0;height: 2px;position: absolute; bottom:0; left: 0; background: #e2ab00;transition: 0.3s ease-in-out; opacity: 0;}

.n_nav .on:before, .n_nav a:hover:before { width: 100%; opacity: 1;}

.n_nav .on strong, .n_nav a:hover strong{height: 80px;line-height: 80px;color: #e2ab00; }

.layui-col-md4 { height: 75px }

.position {line-height: 80px;left: 0;bottom: 0; font-size: .9375rem;color: #747679;}

.position img{ vertical-align: middle; margin-bottom: 3px; margin-right: 5px;}

.position span, .position a, .position i {font-size: .875rem;color: #626568;-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;}

.position i {margin: 0px 10px;font-style: normal; vertical-align: middle; display: inline-block; width: 4px; height: 6px; background: url(../image/xiaosanjiao.png) center no-repeat;}

.position i img { vertical-align: middle; margin-top: -2px; }

.position span{ color: #d92118;font-style: normal;}

.position a:hover {color: #d92118;}

.n_banner{ height: 520px; background-size: cover !important;}





.n_pro{ width: 100%; overflow: hidden; padding-top: 50px; padding-bottom: 60px;}

.n_pro .s_tt h3{ color: #fff; font-weight: normal;}

.n_pro .s_tt span{ color: #fff;}

.n_pro ul{ margin-top: -40px;}

.n_pro ul li{ padding: 0 10px; width: 25%; float: left; margin-top: 40px;}

.n_pro ul li a{ display: block; border-radius: 10px; overflow: hidden;}

.n_pro ul li .img{}

.n_pro ul li .img img{}

.n_pro ul li .txt{ background: #fff; border: 1px solid #e5e5e5; border-top: 0; border-radius: 0 0 10px 10px; overflow: hidden; height: 180px; padding: 0 46px; padding-top: 60px; text-align: center; transition: .5s;}

.n_pro ul li .txt h5{ font-size: 18px; color: #292929; margin-bottom: 10px; transition: .5s;}

.n_pro ul li .txt p{ font-size: 13px; color: #b0b0b0; line-height: 18px; height: 36px; overflow: hidden;}

.n_pro ul li .txt .ico{ margin: 0 auto; margin-top: 26px; width: 21px; height: 21px; background: url(../image/s_pro_more.png) center no-repeat; display: block; opacity: 0; visibility: hidden; transition: .5s;}

.n_pro ul li:hover .txt .ico{ opacity: 1; visibility: visible;}

.n_pro ul li:hover .txt{ padding-top: 30px}

.n_pro ul li:hover .txt h5{ color: #e2ab00;}

.n_pro .slick-arrow{ width: 32px; height: 32px;}

.n_pro .slick-prev{ background: url(../image/s_pro_left.png) center no-repeat; left: -90px;}

.n_pro .slick-next{ background: url(../image/s_pro_right.png) center no-repeat; right: -90px;}





.page { text-align:center; margin-top:60px; font-size: 0;}

.page li{ display:inline-block; list-style: none; }

.page a{ padding:0 10px; min-width: 35px; line-height: 33px; height: 35px; display:inline-block; background: #fefefe; border: 1px solid #dfdfdf; border-radius: 18px; margin:0 7px; color:#868686; text-transform: capitalize; font-size:14px; -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; }

.page .on{ background:#d92118;  color:#fff; border:1px solid #d92118; }

.page a:hover{ background:#d92118;  color:#fff; text-decoration:none; border:1px solid #d92118;}

.page span{  margin:0 .625rem; }



.n_news{ padding-top: 53px; padding-bottom: 60px;}

.n_news ul{ margin-top: -31px;}

.n_news ul li{ margin-top: 31px;}

.n_news ul li a{ display: block; overflow: hidden;}

.n_news ul li .img{ width: 340px; height: 180px; border-radius: 5px; overflow: hidden; float: left;}

.n_news ul li .img img{ display: block;}

.n_news ul li .txt{ width: calc(100% - 380px); float: right; height: 180px; border-bottom: 1px solid #e5e5e5; }

.n_news ul li .txt h5{ font-size: 18px; color: #000000; margin-top: 10px; margin-bottom: 16px; transition: .5s;}

.n_news ul li .txt p{ font-size: 13px; line-height: 24px; color: #949494; height: 48px; overflow: hidden; margin-bottom: 34px;}

.n_news ul li .txt span{ font-size: 14px; color: #000000; font-family: arial;}

.n_news ul li:hover .txt h5{ color: #e2ab00;}



.n_about{ padding-top: 60px; padding-bottom: 60px;}

.n_about .tt h3{ font-size: 26px; color: #272727; font-weight: bold; margin-top: 30px; margin-bottom: 28px;}

.n_about .box1{ overflow: hidden; margin-bottom: 30px; display: flex; justify-content: space-between;}

.n_about .box1 .left{ float: left;}

.n_about .box1 .right{ float: right;}

.n_about .box1 .left .txt{ font-size: 14px; line-height: 30px; color: #767676;}

.n_about .box1 .left .txt b{ color: #323232;}

.img img{ display: block; object-fit: cover;}

.n_pro_xq{ padding-top: 64px; padding-bottom: 74px; overflow: hidden;}

.n_pro_xq .left{ width: 407px; float: left;}

.n_pro_xq .left .img{}

.n_pro_xq .left .img img{}

.n_pro_xq .left .txt{ padding: 38px; border: 1px solid #e5e5e5; border-radius: 0 0 10px 10px; background: url(../image/pro_xq_bg.png) right bottom no-repeat;}

.n_pro_xq .left .txt h5{ font-size: 20px; color: #292929; font-weight: bold;}

.n_pro_xq .left .txt i{ display: block; width: 25px; height: 2px; background: #e2ab00; margin-top: 24px; margin-bottom: 20px;}

.n_pro_xq .left .txt .p{ font-size: 15px; line-height: 30px; color: #6d6d6d;}

.n_pro_xq .right{ width: calc(100% - 446px); float: right; min-height: 679px; border: 1px solid #e5e5e5; border-radius: 10px; padding: 20px; }





.ar_article td,

.ar_article th{ padding:15px 10px; border: 1px solid #ededed; vertical-align:middle;}

.ar_article td p,

.ar_article th p{ padding-bottom:0; margin-bottom:0;}

.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 #ededed;border-top: 1px solid #ededed; }

.ar_article{font-size:14px;color:#7d7c7c;line-height:30px; text-align: justify;}

.ar_article p+p{margin-top: 1rem;}

.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.125rem;margin-bottom:0.9375rem;color: #00a271;font-weight: bold;}

.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.375rem;list-style:inherit !important;position: relative;}

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }

.ar_article ul li:before{content:"";position:absolute;left:0;width: 0.4375rem;height: 0.4375rem;background:#707578;border-radius:50%;top: 0.75rem;}

.ar_article ul,

.ar_article ol{ margin-bottom:0.9375rem;}

.ar_article sub {vertical-align:sub; font-size: smaller;}

.ar_article sup { vertical-align:super; font-size: smaller;}

.ar_article img{ display:inline-block;}



.ar_title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 1.25rem; margin-bottom: 2.25rem; position: relative;}

.ar_title:before{ content: ""; display: block; width: 44px; height: 2px; background: #d92118; position: absolute; bottom: 0; left: 0;}

.ar_title h3{ font-size: 22px; line-height: 32px; color: #000000; font-weight: bold; margin-bottom: .5rem;}

.ar_title h4 span{ margin-right: 1.5rem; font-size: 15px; color: #b5b5b5; line-height: 2rem; display: inline-block;}

 

.ar_fot{ border: 2px solid #e5e5e5; overflow: hidden; margin-top: 3rem;}

.ar_fot ul{ width: 100%; display: flex; align-items: center; justify-content: space-between; float: left; position: relative;}

.ar_fot ul li{ float: left; height: 4.25rem; line-height: 4.25rem; padding: 0 2rem;}

.ar_fot ul li:nth-child(2){ text-align: right;}

.ar_fot ul li a{ display: flex; align-items: center; justify-content: space-between;}

.ar_fot ul li svg{ width: 1rem; height: 1rem; margin: 0 .5rem;}

.btn_golist{ width: 4.5rem; float: right;height: 4.25rem; line-height: 4rem; text-align: center; border-left: 2px solid #e5e5e5;}

.ar_fot ul:before{ content: ""; display: block; width: 2px; height: 15px; position: absolute; top: 50%; margin-top: -7.5px; left: 50%; background: #cccccc;}

svg{ display: inline-block; vertical-align: middle;}

.ar_fot a:hover{ color: #d92118;}

.ar_fot a:hover svg path{ fill: #d92118;}



.n_news_xq{ padding-top: 60px; padding-bottom: 60px;  }

.n_news_xq .left{ width: calc(100% - 340px); float: left; padding-right: 40px;}

.n_news_xq .right{ width: 340px; float: right; position: sticky; top: 30px;}

.n_news_xq .right .tt{ padding-bottom: 27px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}

.n_news_xq .right .tt b{ font-size: 24px; color: #2c2c2c;}

.n_news_xq .right .tt span{ font-size: 20px; color: #979797; text-transform: uppercase;}

.n_news_xq .right ul{}

.n_news_xq .right ul li{ margin-bottom: 10px;}

.n_news_xq .right ul li .img{ height: 180px; border-radius: 5px; overflow: hidden;}

.n_news_xq .right ul li .img img{}

.n_news_xq .right ul li h5{ font-size: 16px; color: #000000; padding: 20px 0; line-height: 24px; padding-right: 33px; background: url(../image/s_news_more.png) right center no-repeat; background-size: 15px !important;}

.n_news_xq .right ul li:hover h5{ background: url(../image/s_news_more_on.png) right center no-repeat; }



.n_lianxi{ padding-top: 60px; padding-bottom: 60px;}

#miso_map{ height: 474px; margin-top: 40px; border: 1px solid #dedede;}

.n_lianxi{}

.n_lianxi .box1{ overflow: hidden;}

.n_lianxi .box1 .left{ float: left;}

.n_lianxi .box1 .right{ float: right; width: 540px; background: url(../image/form_bg.jpg) center bottom no-repeat; padding: 48px 33px;}

.n_lianxi .box1 .left .tt{ margin-bottom: 53px;}

.n_lianxi .box1 .left .tt i{ display: block; width: 17px; height: 3px; background: #d92118;}

.n_lianxi .box1 .left .tt span{ font-size: 18px; color: #e2ab00; font-family: arial; text-transform: uppercase; letter-spacing: 3px; display: block; margin-top: 38px; margin-bottom: 15px;}

.n_lianxi .box1 .left .tt h3{ font-size: 26px; color:#d92118; font-weight: bold;}

.n_lianxi .box1 .left dl{ margin-bottom: 24px;}

.n_lianxi .box1 .left dl dt{ font-size: 15px; color: #e2ab00; margin-bottom: 11px; padding-left: 24px; position: relative;}

.n_lianxi .box1 .left dl dt img{ position: absolute; left: 0;}

.n_lianxi .box1 .left dl dd{ font-size: 16px; color: #6d6d6d; padding-left: 22px;}

.n_lianxi .box1 .left dl .tel{ font-size: 30px; color: #d92118; font-weight: bold;font-family: cursive,-webkit-pictograph,Arial, Helvetica, sans-serif;}

.n_lianxi .ewm{ display: inline-block;padding-left: 22px;}

.n_lianxi .ewm img{ border: 1px solid #ddd; width: 109px; height: 109px;}

.n_lianxi .ewm p{ text-align: center; margin-top: 5px; font-size: 14px; color: #666;  }

.n_lianxi form{}

.n_lianxi form .group{ margin-bottom: 22px; width: 230px;}

.n_lianxi form .group.textarea{ width: 100%;}

.n_lianxi form .group.yzm{ width: 290px;}

.n_lianxi form .group.btnbox{ width: auto;}

.n_lianxi form .span{ display: block; font-size: 16px; height: 17px; color: #3d3d3d; margin-bottom: 18px;}

.n_lianxi form .span i{ color: #e73728;}

.n_lianxi form .input{ height: 50px; border: 1px solid #d5d5d5; width: 100%; padding: 0 18px; font-size: 13px; color: #666;}

.n_lianxi form textarea{ border: 1px solid #d5d5d5; height: 153px; line-height: 1.7; width: 100%; padding: 10px 18px; font-size: 13px; color: #666; font-family: "微软雅黑";}

.n_lianxi form .btn_submit{ height: 50px; width: 155px; background: #d92118; color: #fff; border: 0; outline: 0; float: right;}
::-webkit-input-placeholder{color:#afafaf;}
::-moz-placeholder{   color:#afafaf;}
::-moz-placeholder{    color:#afafaf;}
::-ms-input-placeholder{   color:#afafaf;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus:-moz-placeholder { color: transparent;}
:focus::-moz-placeholder { color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}