@charset 'UTF-8'; * { margin: 0; padding: 0; outline: none; zoom: 1; }

ul, li { list-style-type: none;}
h1, h2, h3, h4, h5, b, strong { font-family: 'harmonyos_sansbold', Helvetica, Arial, sans-serif;}
html, body { font-family: 'HarmonyOS Sans SC';}
a { text-decoration: none; color: #333;}
a:hover, a:focus { text-decoration: none; color: #333; -webkit-tap-highlight-color: transparent;}
p { margin: 0; /*! font-size: 16px; */ line-height: 1.95em; color: #000;}
h1 { font-size: 2.5em; line-height: 1.5em; color: #333;}
/* CSS Document */
* { word-wrap: break-word; /* box-sizing: border-box; */}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset { margin: 0; padding: 0; font-family: 'harmonyos_sansbold', Helvetica, Arial, sans-serif,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";}
ul,ol,dl { list-style-type: none}
html,body { *position: static; height: 100%; /* background-color:#1b1b1b;*/}
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 400}
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit}
input,button { overflow: visible; vertical-align: middle; outline: none}
body,th,td,button,input,select,textarea { font-family: 'harmonyos_sansbold', Helvetica, Arial, sans-serif,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; font-size: 12px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
body { line-height: 1.6;background: #fff;}
h1,h2,h3,h4,h5,h6 { font-size: 100%}
a,area { outline: none; blr: expression(this.onFocus=this.blur())}
a { text-decoration: none; cursor: pointer; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
a:hover { text-decoration: none; outline: none}
a.ie6:hover { zoom:1}

a:focus { outline: none}
a:hover,a:active { outline: none}
:focus { outline: none}
a:link { text-decoration: none;}
sub,sup { vertical-align: baseline}
button,input[type="button"], input[type="submit"] { line-height: normal !important;}
/*img*/
img { border: 0; vertical-align: middle}
a img,img { -ms-interpolation-mode: bicubic}
.img-responsive { max-width: 100%; height: auto}
*html { overflow: -moz-scrollbars-vertical; zoom:expression(function(ele) {     ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}
 (this))}

body[aos-delay='5000'] [aos], [aos][aos][aos-delay='5000'] { transition-delay: 5000ms;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend { display: block; margin: 0; padding: 0}
time { display: inline}
audio,canvas,video { display: inline-block; *display: inline; *zoom:1; max-width: 100%;}
audio:not([controls]) { display: none}
legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5}
legend small { font-size: 15px; color: #999}
svg:not(:root) { overflow: hidden}
fieldset { border-width: 0; padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none}
.cl:after,.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}
.cl,.clearfix { zoom:1}

.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.clearboth { clear: both;}
.bigzm { text-transform: uppercase;}
.container { width: 100%!important; max-width: 1200px; max-width: 1170px\9;}
.clearpadding { padding: 0px; margin: 0px;}
.w1400 {width: 100%;max-width: 1580px;margin: 0px auto;}
/* PAGE-MENU */
.fullnavr { position: fixed; top: 50%; right: 30px; z-index: 1; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%);}
#pagemenu { list-style: none; padding: 0; margin: 0; text-align: center; position: relative; z-index: 1005; padding: 10px 0px;}
#pagemenu li { position: relative; width: 10px; margin: 5px 0px;}
#pagemenu li a { width: 10px; height: 10px; color: #fff; font-size: 14px; display: inline-block; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; position: relative;}
#pagemenu li a:after { width: 10px; height: 10px; border: 1px solid #ffffff; position: absolute; left: 0px; top: 5px; content: ""; -moz-border-radius: 100%; /* Gecko browsers */ -webkit-border-radius: 100%; /* Webkit browsers */ border-radius: 100%; /* W3C syntax */ -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.fullnavr #pagemenu li.active a:after { background-color: #ffffff;}
#pagemenu li a.disnone { display: none;}
.fullnavr #pagemenu li.active a .disnone,.fullnavr #pagemenu li.active a:hover .disnone,.fullnavr #pagemenu li a:hover .disnone { display: block; text-decoration: none;}
.mousehover { width: 19px; height: 228px; background: url(../images/y26.png) no-repeat; background-size: 14px; position: absolute; left: 5%; margin-left: -25.5px; bottom: 5%; z-index: 1000;}
.section.y6 { height: auto !important}
/*shade*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888888;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888888;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #888888;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888;}
.layer { position: fixed; z-index: 1001011; width: 100%; height: 100%; overflow: hidden;}
.layer .layer-top, .layer .layer-bottom { position: absolute; width: 100%; height: 50%; /* background: #da1515;*/ top: 0%; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; z-index: 1;}
.layer .layer-top { background-color: #fff;}
.layer .layer-bottom { top: auto; bottom: 0%; background-color: #fff;}
.layer .loading { width: 254px; height: 47px; position: absolute; top: 50%; left: 50%; margin-left: -127px; margin-top: -23.5px; /*-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */ display: block; z-index: 2; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out;}
.layer.show { visibility: hidden;}
.layer.show .loading { display: none;}
.layer.show .layer-top { top: -50%;}
.layer.show .layer-bottom { bottom: -50%;}
@-webkit-keyframes rotateplane { 0% {     filter: alpha(opacity=0);     -webkit-transform: scale(0.5, 0.5);     transform: scale(0.5, 0.5); }
 50% {     opacity: 1;     filter: alpha(opacity=100);     -webkit-transform: scale(1, 1);     transform: scale(1, 1); }
 100% {     opacity: 1;     filter: alpha(opacity=100);     -webkit-transform: scale(1, 1);     transform: scale(1, 1); }}
@keyframes rotateplane { 0% {     filter: alpha(opacity=0);     -webkit-transform: scale(0.5, 0.5);     transform: scale(0.5, 0.5); }
 50% {     opacity: 1;     filter: alpha(opacity=100);     -webkit-transform: scale(1, 1);     transform: scale(1, 1); }
 100% {     opacity: 1;     filter: alpha(opacity=100);     -webkit-transform: scale(1, 1);     transform: scale(1, 1); }}
/*Index*/
.section { background-size: cover; background-position: center center; overflow: hidden;/*opacity:0;*/}
/* .section.active { opacity: 1; } */

.slide { background-size: cover; position: relative;}
.section .sec-scale { width: 100%; height: 100%; background-color: #fff; /*transform: scale(0.8);opacity: 0.5;transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/}
/*.active .sec-scale {transform: translate(0px,0px) scale(1);transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }*/
.bg { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden;}
.bgs { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; display: none;}
.home-swiper { width: 100%; height: 100%; background: #000;}
.home-swiper .swiper-slide { text-align: center; font-size: 18px; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; width: 100%; position: relative;}
.home-swiper .swiper-slide .text_c { width: 100%; max-width: 640px; padding: 0px 10%; color: #fff; line-height: 1.5; text-align: left; position: absolute; left: 0px; top: 32%; webkit-transform: translate(0%, -40%); -moz-transform: translate(0%, -40%); transform: translate(0%, -40%); opacity: 0; filter: alpha(opacity=0); transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.home-swiper .swiper-slide .text_c h1 { font-size: 50px; color: #fff;}
.home-swiper .swiper-slide .text_c .text_en { font-size: 25.5px; font-weight: bold;}
.home-swiper .swiper-slide.swiper-slide-active .text_c { opacity: 1; filter: alpha(opacity=100); webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%);}
.home-swiper .swiper-slide .s1 { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: block;}
.home-swiper .swiper-slide .s1 img { width: 100%; height: auto !important; display: none;}
.home-swiper .swiper-slide .s2 { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: none;}
.home-swiper .swiper-slide .s2 img { width: 100%; height: auto !important; display: none;}
.home-swiper .swiper-slide .s3 { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: none;}
.home-swiper .swiper-slide .s3 img { width: 100%; height: auto !important; display: none;}
.home-swiper .home_next { width: 42px; height: 42px; background: url(../images/banner_right.png) no-repeat; background-size: 42px; right: 4%; margin-top: 21px;}
.home-swiper .home_prev { width: 42px; height: 42px; background: url(../images/banner_left.png) no-repeat; background-size: 42px; left: 4%; margin-top: 21px;}

/*.home-swiper .home-pagination .swiper-pagination-bullet{width:30px !important; border:2px solid #fff; background-color:transparent;-moz-border-radius: 5px; 
-webkit-border-radius: 5px;  
border-radius:5px;    -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; margin:0px 8px !important;}
.home-swiper .home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px !important; background-color:#da0000; border:2px solid #da0000;}*/
.home-pagination .swiper-pagination-bullet { width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; margin: 0px 20px 0px 0px !important; text-align: center; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 1; position: relative; background-color: transparent !important;}
.home-pagination .swiper-pagination-bullet:after { width: 12px; height: 1px; background-color: #fff; position: absolute; right: 10px; bottom: 17px; content: ""; display: none;}
.home-pagination .swiper-pagination-bullet-active { width: 60px; text-align: left; padding: 0px 9px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.home-pagination .swiper-pagination-bullet-active:after { display: block;}
.home-swiper.swiper-container-horizontal>.home-pagination.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 1440px; left: 50%; margin-left: -720px; text-align: left; bottom: 40px;display: none;}
/*.home-swiper .swiper-slide.swiper-slide-active{-webkit-animation: hvr-bob 7s ease infinite;animation: hvr-bob 7s ease infinite;}*/
.header_div { width: 100%; /*! padding-left:3.4%; */ height: 80px; background-color: #fff; left: 0px; top: 0px; position: fixed; z-index: 10000; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.header_div .i_logo { width: 13%; padding-top: 20px;}
.header_div .i_logo img { width: auto; height: 36px;margin-top: 3px;}
.header_div.fixedmenu,.header_div.fixedmenu1.fixedmenu { position: fixed; -moz-box-shadow: 0px 0px 10px #c7c5bf; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #c7c5bf; /*webkit*/ box-shadow: 0px 0px 10px #c7c5bf;}
.header_div.fixedmenu1 { position: relative;}
.menu_nav { width: 72%; margin-left: 4%;}
.menu_nav ul { width: 100%; display: flex;}
.menu_nav ul li { flex: 1; float: left; text-align: center; position: relative; z-index: 1;}
.menu_nav ul li .nav_a { width: 100%; height: 80px; line-height: 80px; color: #000000; display: inline-block; font-size: 16px; position: relative;}
.menu_nav ul li .nav_a:hover, .menu_nav ul li .nav_a.activetopm, .menu_nav ul li .nav_a.activetopm1 { color: #da0000; text-decoration: none; /*! background-color: #f4f4f4; */}
.menu_nav ul li .nav_a:after { width: 0%; height: 3px; background-color: #da0000; position: absolute; left: 80%; margin-left: -40%; bottom: 0px; z-index: 1; content: ""; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.menu_nav ul li .nav_a:hover:after,.menu_nav ul li .nav_a.activetopm:after,.menu_nav ul li .nav_a.activetopm1:after { width: 20%;}
.menu_nav ul li .dlone { width: 100%; position: absolute; left: 0px; top: 100%; background-color: #ffffff; display: none; padding: 10px 0px;}
.menu_nav ul li .dlone .ddone { width: 100%; height: 40px; line-height: 40px; float: left; position: relative;}
.menu_nav ul li .dlone .ddone .aone { width: 100%; height: 40px; line-height: 40px; display: inline-block; overflow: hidden; text-align: center; color: #222222; font-size: 16px;}
.menu_nav ul li .dlone .ddone .aone:hover,.menu_nav ul li .dlone .ddone .aone.activetwo { text-decoration: none; color: #fff; background-color: #df777d;}
.menu_nav ul li .dlone .ddone .dltwo { width: 170px; background-color: #fff; position: absolute; left: 100%; top: 0px; display: none;}
/*.menu_nav ul li .dlone .ddone .dltwo dd{width:100%; float:left; border-bottom:1px solid #4dd8b7;}
.menu_nav ul li .dlone .ddone .dltwo dd a{width:100%; height:40px; line-height:40px; overflow:hidden; text-align:center; color:#fff; font-size:16px; display:inline-block; float:left;}
.menu_nav ul li .dlone .ddone .dltwo dd a:hover{ color:#fff; text-decoration:none; background-color:#50ecc7;}*/
.menu_nav ul li .dlone .ddone .dltwo { position: absolute; left: 100%; width: 100%; top: 0; display: none;}
.menu_nav ul li .dlone .ddone .dltwo a { display: block; color: #333; padding: 10px; line-height: 20px;}
.menu_nav ul li .dlone .ddone .dltwo a:hover { background-color: #df777d; color: #fff;}
.i_morebtn { width: 80px; height: 80px; position: relative;}
.left_but { width: 30px; height: 30px; cursor: pointer; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; z-index: 100;}
.left_but_btn { display: inline-block; position: relative; width: 22px; height: 2px; z-index: 2; margin: 14px 0 0 0px; background: #fff; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius: 2px; /* W3C syntax */}
.left_but_btn:before,.left_but_btn:after { content: ''; display: block; width: 30px; height: 2px; position: absolute; background: #fff; transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; transition-duration: 300ms; -webkit-transition-duration: 300ms; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius: 2px; /* W3C syntax */}
.left_but_btn:before { margin-top: -10px;}
.left_but_btn:after { margin-top: 10px;}
.phone_nav_one .left_but_btn { background: rgba(0, 0, 0, 0);}
.phone_nav_one .left_but_btn:before { margin-top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.phone_nav_one .left_but_btn:after { margin-top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.phone_nav_one { transition-delay: 0s; -webkit-transition-delay: 0s;}
.yc_box1 { width: 100%; position: fixed; top: 100%; background-color: #fff; left: 0px; z-index: 12; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.yc_box1.leftbutton { top: 80px;}
.yc_box1_c { width: 100%; padding: 150px 10% 0px 10%}
.yc_box1_c_ul { width: 100%;}
.yc_box1_c_ul li { width: 14.285%; float: left; border-right: 1px solid #d2d2d2; min-height: 319px;}
.yc_box1_c_ul li .a1 { width: 100%; height: 33px; line-height: 33px; overflow: hidden; display: inline-block; text-align: center; float: left; color: #333333; font-size: 16px; margin-bottom: 25px;}
.yc_box1_c_ul li .a1:hover { text-decoration: none; color: #2a3bcb;}
.yc_box1_c_ul li .a2 { width: 100%; height: 29px; line-height: 29px; overflow: hidden; display: inline-block; text-align: center; float: left; color: #333333; font-size: 14px;}
.yc_box1_c_ul li .a2:hover { text-decoration: none; color: #bd3736;}
.i_zhbox1 { width: 5%; font-size: 16px;}
.i_ss { width: 100%; position: relative;}
.i_ss_t { width: 100%; height: 80px; /*! padding-left: 14%; */ cursor: pointer; position: relative;}
.i_ss_t .s1 { width: 100%; height: 80px; line-height: 80px; color: #000000; font-size: 14px; background: url(../images/tb_01.png) center center no-repeat; /*! padding-left: 25px; */ display: inline-block;}
.i_ss_c { width: 210px; height: 40px; position: absolute; right: 70px; top: 106%; display: none; -moz-box-shadow: 0px 0px 10px #e5e5e5; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #e5e5e5; /*webkit*/ box-shadow: 0px 0px 10px #e5e5e5; }
.i_ss_c .ipt1 { width: 170px; height: 40px; line-height: 40px; border: 0px; color: #333; font-size: 14px; text-indent: 10px;  }
.i_ss_c .ipt2 { width: 40px; height: 40px; background: url(../images/tb_01s.png) center no-repeat; border: 0px; background-color: #da0000;}
.i_banben { width: 100%; height: 80px; line-height: 80px; position: relative; z-index: 11; color: #bbb;}
.i_banben_t { width: 100%; height: 80px; background: url(../images/tb_4.png) right 24% center no-repeat; cursor: pointer; line-height: 40px; padding-left: 8%;}
.i_banben_t .s1 { width: 100%; height: 80px; line-height: 80px; display: inline-block; text-indent: 25px; color: #000000; font-size: 14px; background: url(../images/tb_2.png) left center no-repeat;}
.i_banben_c { width: 100%; background-color: #fff; position: absolute; right: 0px; top: 100%; padding: 10px 11px; display: none; -moz-box-shadow: 0px 0px 10px #e5e5e5; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #e5e5e5; /*webkit*/ box-shadow: 0px 0px 10px #e5e5e5; }
.i_banben_c .div1 { width: 100%; float: left; padding: 10px 0px; cursor: pointer; display: inline-block; overflow: hidden; text-align: center; color: #da0000; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_banben_c .div1:hover { color: #fff; background-color: #da0000; text-decoration: none;}
.i_banben a { color: #bbb;}
.i_banben a.on { color: #303673;}
.i_picchange { width: 100%; height: 100%; overflow: hidden; display: block;}
/* CSS Document */
.phone_nav { display: none;}
.phone_logo { /* height:50px;*/ /* padding:10px 0px;*/ /* background-color:#fff;*/}
.phone_logo .p1 img { /*! width: auto; */ /*! height: 30px; */}
@media screen and (max-width: 1200px) { 

	.phone_logo .p1 {     /*padding-top: 10px;*//* height: 29px;*/ display: block;     width: 27%;     display: inline-block; }
 .header_div {     display: none; }
 .phone_logo {     width: 100%;     padding: 10px 15px;     box-sizing: border-box; }
 .phone_nav {     display: block;     position: fixed;     background-color: #fff;     width: 100%;     top: 0;     left: 0;     display: block;     z-index: 100000; }
 .phone_nav.fixedmenu {     position: fixed;     -moz-box-shadow: 0px 0px 10px #c7c5bf;     /*firefox*/     -webkit-box-shadow: 0px 0px 10px #c7c5bf;     /*webkit*/     box-shadow: 0px 0px 10px #c7c5bf; }
 .phone_nav .nav_but_box {     display: block;     position: absolute;     width: 30px;     height: 30px;     right: 10px;     top: 50%;     margin-top: -15px;     z-index: 1;     transition: all 0.7s;     -webkit-transition: all 0.7s; }
 .phone_nav .nav_but {     display: inline-block;     position: relative;     width: 20px;     height: 2px;     z-index: 2;     margin: 13px 0 0 5px;     background: #da0000;     -webkit-transition-property: background-color, -webkit-transform;     transition-property: background-color, -webkit-transform;     transition-property: background-color, transform;     transition-property: background-color, transform, -webkit-transform;     -webkit-transition-duration: 300ms;     transition-duration: 300ms; }
 .phone_nav .nav_but:before,.nav_but:after {     content: '';     display: block;     width: 20px;     height: 2px;     position: absolute;     background: #da0000;     transition-property: margin, -webkit-transform;     -webkit-transition-property: margin, -webkit-transform;     transition-property: margin, transform;     transition-property: margin, transform, -webkit-transform;     transition-duration: 300ms;     -webkit-transition-duration: 300ms; }
 .phone_nav .nav_but:before {     margin-top: -5px; }
 .phone_nav .nav_but:after {     margin-top: 5px; }
 .phone_nav .nav_main {     height: 100%;     position: fixed;     left: 0;     opacity: 0;     width: 0;     transition: all 0.4s ease 0.3s;     -webkit-transition: all 0.4s ease 0.3s;     background-color: #fff;     overflow: hidden; }
 .phone_nav .nav_main ul {     padding: 0 20px;     margin-top: 40px; }
 .phone_nav .nav_main li a {     background-position: left;     color: #333;     height: 46px;     line-height: 46px;     display: inline-block;     background-size: 32px;     background-repeat: no-repeat;     font-size: 14px; }
 .phone_nav .nav_main .ss {     border: 1px solid #ccc;     margin-top: 20px; }
 .phone_nav .nav_main .ss .p2 {     float: right; }
 .phone_nav .nav_main .ss .p2 input {     border: 0;     /*background:url("../images/app_ss1.png") center no-repeat;*/     width: 34px;     height: 34px; }
 .phone_nav .nav_main .ss .p1 {     display: block;     margin: 0 34px 0 5px; }
 .phone_nav .nav_main .ss .p1 input {     width: 100%;     height: 34px;     line-height: 34px;     background: none;     border: 0;     font-family: "Microsoft YaHei";     font-size: 14px;     color: #fff; }
 .phone_nav .nav_main li b {     display: inline-block;     position: absolute;     right: 10px;     top: 0px;     width: 50%;     height: 50px;     background: url("../images/lmfooter_bottom.png") center right no-repeat;     z-index: 99; }
 .phone_nav .nav_main .ul {     padding: 0 0 0px 20px;     margin: 0;     max-height: 0;     overflow: hidden;     transition: max-height 0.4s;     -webkit-transition: max-height 0.4s; }
 .phone_nav .nav_main .ul li {     padding: 0;     border-bottom: 0;     transform: translateX(0px);     -webkit-transform: translateX(0px); }
 .phone_nav .nav_main .ul li a {     padding: 0;     height: auto;     line-height: 30px;     font-weight: normal }
 .phone_nav .nav_main .b_one .ul {     max-height: 300px;     padding: 0 0 0px 20px;     margin-bottom: 10px; }
 .phone_nav .nav_main li {     transform: translateX(100px);     -webkit-transform: translateX(100px);     transition: all 0.8s ease;     -webkit-transition: all 0.8s ease;     border-bottom: 1px solid rgba(225,225,225,0.5);     padding: 0 20px;     position: relative; }
 .phone_nav .nav_main li:nth-of-type(1) {     transition-delay: 0.1s;     -webkit-transition-delay: 0.1s; }
 .phone_nav .nav_main li:nth-of-type(2) {     transition-delay: 0.2s;     -webkit-transition-delay: 0.2s; }
 .phone_nav .nav_main li:nth-of-type(3) {     transition-delay: 0.3s;     -webkit-transition-delay: 0.3s; }
 .phone_nav .nav_main li:nth-of-type(4) {     transition-delay: 0.4s;     -webkit-transition-delay: 0.4s; }
 .phone_nav .nav_main li:nth-of-type(5) {     transition-delay: 0.5s;     -webkit-transition-delay: 0.5s; }
 .phone_nav .nav_main li:nth-of-type(6) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav .nav_main li:nth-of-type(7) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav .nav_main li:nth-of-type(8) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav .nav_main li:nth-of-type(9) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav .nav_main li:nth-of-type(10) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav_one {     transition-delay: 0s;     -webkit-transition-delay: 0s; }
 .phone_nav_one .nav_main {     opacity: 1;     width: 100%;     overflow: inherit; }
 .phone_nav_one .nav_but {     background: rgba(0, 0, 0, 0); }
 .phone_nav_one .nav_but:before {     margin-top: 0;     transform: rotate(45deg);     -webkit-transform: rotate(45deg); }
 .phone_nav_one .nav_but:after {     margin-top: 0;     transform: rotate(-45deg);     -webkit-transform: rotate(-45deg); }
 .phone_nav_one .nav_but_box {     opacity: 0.8; }
 .phone_nav_one .nav_main li {     transform: translateX(0);     -webkit-transform: translateX(0); }}
@media screen and (max-width: 758px) { /*--768-0--*/ .phone_nav .nav_but_box {     right:10px; }
 .phone_nav .nav_main ul {     margin-top: 20px;     height: 550px;     overflow-y: auto;     box-sizing: border-box; }
 .phone_nav .nav_main .b_one .ul {     height: auto; }}
@media screen and (max-width: 470px) { /*--768-0--*/ .phone_logo {     padding: 8px 10px; }
 .phone_nav .nav_main ul {     height: 550px; }
 .phone_nav .nav_main .b_one .ul {     height: auto; }}
.i_ssbn { width: 40px; height: 100%; background: url(../images/tb_01.png) center no-repeat; background-size: 20px; position: absolute; top: 0px; right: 85px; z-index: 10000;}
.i_ssbn span { width: 100%; height: 100%; display: inline-block;}
.i_ssbn_div { width: 200px; display: none; background-color: #da0000; z-index: 10000; position: absolute; right: 0px; top: 100%;}
.i_ssbn_div .ipt1 { width: 80%; height: 40px; line-height: 40px; text-indent: 15px; border: 0px;   background-color: #fff; color: #b9b9b9; font-size: 0.16rem;}
.i_ssbn_div .ipt2 { width: 20%; height: 40px; background: url(../images/tb_01s.png) center no-repeat; border: 0px; background-size: 15px;}
.i_ssbn_div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b9b9b9;}
.i_ssbn_div input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b9b9b9;}
.i_ssbn_div input:-ms-input-placeholder { color: #b9b9b9;}
.i_ssbn_div input::-webkit-input-placeholder { color: #b9b9b9;}
.i_bbwap { width: 30px; height: 100%; background-size: 14px; position: absolute; top: 0px; right: 50px; z-index: 10000;}
.i_bbwap span { width: 100%; height: 46px; line-height: 46px; font-size: 14px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: 28px;}
.i_bbwap_ul { width: 110px; display: none; padding: 10px 10px; background-color: #fff; z-index: 10000; border: 1px solid #fff; position: absolute; right: 0px; top: 100%;}
.i_bbwap_ul li { width: 100%; height: 35px; float: left;}
.i_bbwap_ul li a,.i_bbwap_ul li a:hover { width: 100%; height: 35px; text-align: center; line-height: 35px; display: inline-block; overflow: hidden; text-align: center; color: #333; font-size: 14px;}
.i_bbwap_ul li a img { width: 28px; height: auto !important;}
.i_content { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; padding-top: 3%;}
.i_content_c { width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.i_con { max-width: 1400px; margin: 0px auto; width: 100%; box-sizing: border-box; display: block; overflow: hidden;}
.i_con1 { max-width: 1660px;width: 94%; margin: 0px auto;}
/*.i_con1s{width:1400px; margin:0px auto; height:100%;}
.i_con2{width:1200px; margin:0px auto;}*/
.i_content1 { width: 100%; height: 82%; position: absolute; left: 0px; bottom: 0px;}
.ui_div { width: 100%;}
.ui_div1 { width: 100%; overflow: hidden;}
.ui_div_center { width: 65%; margin: 0px auto;}
.ui_div_center1 { width: 75%; margin: 0px auto;}
.wx_top { width: 60px; height: 60px; position: fixed; right: 15px; bottom: 60px; z-index: 100; display: none;}
.wx_top img { width: 100%;}
.i_box1 { width: 100%;}
.i_box1_l { width: 45.8%; padding: 5% 14% 5% 0%; opacity: 1;float: right;}
.i_box1_l_t { width: 100%;line-height: 1.4; color: #da0000; font-size: 30px; /*! letter-spacing: 2px; */ opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;/*! background-size: 50%; */}
.active .i_box1_l_t { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.i_box1_l_t .s1 { font-size: 24px; font-weight: bold; color: #da0000;}
.i_box1_l_t .s1_en{font-size: 16px; color: #999999; padding-left: .5%;}

.i_box1_l_c { width: 100%;  opacity: 0; filter: alpha(opacity=0); transform: translateY(100%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;/*! background-size: 50%; */}
.active .i_box1_l_c  { opacity: 1; filter: alpha(opacity=100); transform: translateY(-10%); transition-delay: 0.7s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.company_name{font-size: 30px;font-size: 30px;}


.cus_icon {position: relative; float: left; margin: 9px 20px 0px 0;}
.cus_icon .custom_icon{width: 20px; height: 20px; background: #da0000; z-index: 1; border-radius: 50%;border: 3px solid #fff; display: block; float: left;position: relative;}
.cus_icon .custom_icon1{position:absolute;width: 12px; top: 4px; height: 12px;z-index: 0;  border-radius: 50%;border: 4px solid rgba(218, 0, 0, 0.5); display: block; left: 18px;}

/*滚动数字start*/
.i_introduction_b{width:100%;}
.i_introduction_b.about { padding-left: 10%;}
.i_introduction_b{padding:4% 0;display: block;overflow: hidden;}
.i_introduction_b li{ width:21.8%; float: left; border-right: 1px solid #e8e8e8; margin-right: 3%;}
.i_introduction_b li:last-child{border: none;}
.i_introduction_b.about li{ width:20%;}
/*.i_introduction_b li .a_img{ max-width:54px; display:inline-block; width: 14%;}
.i_introduction_b li .a_img img{ max-width:100%;}*/
.i_introduction_b li .a_number{ display:inline-block; font-size:16px; color:#da0000; text-align: left; width: 100%;}
.i_introduction_b li .a_number span{ font-size:24px;font-family: "OsRegular";font-weight: bold;}
.i_introduction_b li .a_text{display:inline-block; color:#999999; font-size:16px; line-height:1.5; width: 100%;text-align: left;}
.i_introduction_b li .a_text span{ color:#333333; font-size:18px;font-family: "OsRegular"; }
.i_introduction_b li .a_number span.ysj{font-size: 14px; font-family: verdana;transform: translateY(-20px);  position: relative; /* 或者 absolute, fixed, sticky 等 */
  top: -12px;}

.y3 .cus_icon .custom_icon { border: 3px solid #efefef;}

/*首页优启新闻start*/
.news-wrap {
  width: 100%;
  margin: 0 auto;
  font-family: "Microsoft Yahei", sans-serif;
}

/* 顶部导航 */
.news-tab {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px; width: 100%;justify-content: space-between; /* 平均分布 */
  gap: 20px; /* 中间间隔 20px */
 
}
.news-tab-item {
  flex: 1;
  text-align: center;
  padding: 20px 10px;
  border: 1px solid #d0ae88;
  background: #fff;
  color: #d0ae88;
  font-size: 22px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;

}
.news-tab-item .i_bg{width: 20%; max-width: 40px; margin-right: 10px;}
.news-tab-item .i_bg img{width: 100%;}
.news-tab-item .i_bg .img1{display: block;}
.news-tab-item .i_bg .img2{display: none;}
.news-tab-item.active .i_bg .img1{display: none;}
.news-tab-item.active .i_bg .img2{display: block;}

.news-tab-item.active {
  background: #d0ae88;
  color: #fff;
}
.news-tab-item:hover {
  background: #d0ae88;
  color: #fff;
}

/* 内容区域 */
.news-content-wrap {
  position: relative;
  height: 460px;
  overflow: hidden;
  /*! border: 2px solid #000; */
  box-shadow: 0px 0px 10px #f4f4f4;
  background: #fff;
}
.news-content {
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.news-content.active {
  display: flex;
  opacity: 1;
}

/* 左侧 */
.news-left {
  width: 20%;
  background: #da0000;
  color: #fff;
  padding: 4% 20px 30px 30px;
  position: relative;
  height: 401px;
}

.news-left::after {
  content: "";
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  border: 15px solid transparent;
  border-left-color: #da0000;
  width: 20px;
}
.news-left .tag {
  display: inline-block;
  border: 1px solid #fff;
  padding: 6px 20px;
  margin-bottom: 20px;
  color: #fff;
}
.news-left h3 {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #fff;
}
.news-left p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px; color: #fff;
}
.news-left a{display: block; overflow: hidden; cursor: pointer;}
.news-left .date {  font-size: 16px;  margin-bottom: 40px;  display: flex;  align-items: center;  gap: 10px;
  color: #fff;}
.news-right-text .date span{ background: url(../images/tb_5z.png) no-repeat left center; width: 25px; height: 10px;}
.news-right-text:hover .date span{ background: url(../images/more-r1.png) no-repeat left center;}
.news-left .date span{ background: url(../images/tb_5z1.png) no-repeat left center; width: 25px; height: 10px;}
.news-left .more {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #fff;
}

/* 中间 */
.news-center {
  width: 40%;
  /*! display: flex; */
  /*! align-items: center; */
  /*! justify-content: center; */
  /*! padding: 20px; */
  padding: 0%;
  border-right: 1px solid #e8e8e8;
  text-align: center; padding: 2% 4%; 
  height: 430px;
}
.y4 .news-center{height:400px;}
.news-center a{display: block; overflow: hidden;transition: all ease-in-out .3s; height:100%;}

.news-center img {
  width: 100%; height:100%;
  display: block; max-height:100%;
 transform: scale(1);transition: all ease-in-out .3s;
}
.news-center:hover a img { height:100%;
transform: scale(1.1);transition: all ease-in-out .3s;
}
/* 右侧 */
.news-right {
  width: 37%;
  padding: 2%;
  height: 430px;
}
.news-right-item {
  margin-bottom: 25px;
  display: flex;
  gap: 15px;
  position: relative;
}
.news-right-text{width: calc(100% - 160px); float: left; padding-right: 20px;}
.news-right-text h4 {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.5;
  font-weight: normal;
}
.news-right-text .date {
  font-size: 16px;
  color: #999;
  display: flex;
  align-items: center;
  gap: 8px;
}
.news-right-item img {
  width: 160px;
  height: 110px;
  object-fit: cover;
  flex-shrink: 0;
  float: right;border: 2px solid #fff;
}
.news-right-item:hover img {
  border: 2px solid #d0ae88;
}
.news-right-item:hover .news-right-text h4{color: #da0000; font-size: 16px;}
.news-right-text .date,.news-left .date{0px; transition: all ease-in-out 0.5s;}
.news-right-item:hover .news-right-text .date,.news-left:hover .date{padding-left: 10px; transition: all ease-in-out 0.5s; }
.news-right-text:hover .date{color: #da0000;}
.news-right-item .icon_play{width: 20%; max-width: 30px; height: 30px; background: url(../images/play.png) no-repeat left center;position: absolute;right: 127px;top: 2%;background-size: 80%;}
/* 手机端响应式 */
@media (max-width: 1080px) {
  .news-tab {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .news-tab-item .i_bg{display: none;}
  .news-tab-item {
    flex: 1 1 33.33%;
    font-size: 18px;
    padding: 6px 1px;
  }
 
 
  .news-left,
  .news-center,
  .news-right {
    width: 94%;
    height: auto;
    border: none;
    padding: 3%;
  }
  .news-left::after {
    display: none;
  }
  .news-center {
    order: -1;
    padding: 10px;
  }
  .news-right {
    padding: 10px;
  }
  .news-right-text {
  width: calc(100% - 119px);
  float: left;
  padding-right: 20px;
}
.news-tab{gap: 6px;}
  .news-tab-item {
    flex: 1; 
    font-size: 12px;
  }
}
@media (max-width: 480px) {
	.news-content-wrap{height: auto;}
	.news-left{display: none;}
}

/*优启新闻END*/
/*首页实力见证start*/
.sljz{display: block;  width: 100%; height: auto; overflow:visible !important;}
.sljz .date span{ background: url(../images/tb_5z.png) no-repeat left center; width: 25px; height: 10px;}
.sljz a:hover .date span{ background: url(../images/more-r1.png) no-repeat left center;}
.sljz .date span{ background: url(../images/tb_5z1.png) no-repeat left center; width: 25px; height: 10px;}
.sljz a .sljz_img{width: 100%; overflow: hidden; height: 260px;justify-content: center;display: flex;
  align-items: center;}
.sljz a .sljz_img img{width: 100%; height: auto; min-height: 100%;transform: scale(1);
  transition: all ease-in-out .3s;}
.sljz .swiper-slide{background: #fff;}
.sljz .swiper-slide a{width: 100%;}
.sljz_content{padding: 6%;}
.sljz_content .sl_custom{width: 100px; height: 30px; border: 1px solid #E8E8E8; text-align: center; line-height: 28px; font-size: 14px;}
.sljz_content .con_p{font-size: 16px; color: #333; height: 60px; line-height: 30px; overflow: hidden; margin: 20px 0;}
.sljz_content .date{color: #999;font-size: 16px; }
.sljz_content .date span{background: url(../images/tb_5z.png) no-repeat left center;
  width: 25px;
  height: 10px;
  display: inline-block;}
.sljz .swiper-slide:hover .sljz_content .con_p{ color: #da0000;}
.sljz .swiper-slide:hover .sljz_content .date{color: #da0000; font-size: 16px; }
.sljz .swiper-slide:hover .sljz_content .sl_custom{background: #da0000; color: #fff;}
.sljz .swiper-slide:hover{} 
.sljz .swiper-slide:after{content: ''; bottom: 0; left: 0; width: 0%; height: 8px; background: #d0ae88; position: absolute; transition: all ease-in-out .5s;}
.sljz .swiper-slide:hover:after{content: ''; bottom: 0; left: 0; width: 100%; height: 8px; background: #d0ae88; position: absolute; transition: all ease-in-out .5s;}
.sljz .swiper-slide:hover .sljz_img img{transform: scale(1.1);
  transition: all ease-in-out .3s;}
  .sljz .swiper-slide:hover{box-shadow: 0px 0px 10px #c7c5bf;}
.sljz1 .swiper-button-next, .sljz1 .swiper-button-prev{bottom: 10%; top:auto;}
.sljz1 .swiper-button-prev{ width: 100px; height: 44px; left: calc(50% + 50px); background: url(../images/g2.png) no-repeat center center; transition: all ease-in-out .5s;}
.sljz1 .swiper-button-next{ width: 100px; height: 44px; left: calc(44% - 50px); background: url(../images/g1.png) no-repeat center center; transition: all ease-in-out .5s;}
.sljz1 .sljz_more{position: absolute; bottom: 10%;font-size: 16px; top:auto; width: 100px; height: 44px; left: calc(50% - 50px); background: url(../images/p_more.png) no-repeat left center; height: 44px; line-height: 44px; padding-left: 30px;}
.sljz1 .sljz_more:hover{ background: url(../images/p_more1.png) no-repeat left center; color: #da0000; }
.sljz1 .swiper-button-next:hover{ background: url(../images/g1-1.png) no-repeat center center;transition: all ease-in-out .5s;  left: calc(44% - 60px); }
.sljz1 .swiper-button-prev:hover{ background: url(../images/g2-1.png) no-repeat center center; transition: all ease-in-out .5s;left: calc(50% + 60px);}
.new_wap{display: none !important;}
.ny_sljz_con32{display: block;}

/* 实力见证手机端适配 */
@media screen and (max-width: 767px) {
  .sljz .swiper-slide { width: 100% !important; box-sizing: border-box; }
  .sljz a .sljz_img { height: 200px; }
  .sljz_content { padding: 4% 5%; }
  .sljz_content .con_p { font-size: 14px; height: 21px; line-height: 25px; margin: 3px 0; }
  .sljz_content .sl_custom { height: 26px; line-height: 24px; font-size: 13px; }
  .sljz1 .swiper-button-next, .sljz1 .swiper-button-prev { display: none; }
  .sljz1 .sljz_more { position: static; display: block; margin: 15px auto 0; left: auto; bottom: auto; }
}

/*首页实力见证end*/


.i_box1_l_t.activetwo { text-align: center;}
.i_box1_l_t.nactive { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.i_box1_l_c { font-family: HarmonyOS Sans SC; width: 100%; margin: 30px 0px -1px 0; line-height: 30px; overflow: hidden; color: #000000; font-size: 18px; text-align: justify;}
.i_box1_l_c img { max-width: 100%; height: auto !important;}
.home_about{display: block; overflow: hidden; line-height: 30px; height: 180px; clear: both;font-size: 18px;}

.i_box1_l_b {border-radius: 40px; color: #fff;  background: #d0ae88; width: 158px; height: 60px; line-height: 60px; /*! padding:0px 35px 0px 50px; */ display: inline-block; /*! background-color:#da0000; */ color:#da0000; font-size: 16px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_l_b:hover { text-decoration: none; }
.i_box1_l_b .s1{ transition: all ease-in-out .3s;position: relative; color: #fff;  text-align: center; width: 100%; display: block; font-size: 14px;}
.i_box1_l_b .s1:after {transition: all ease-in-out .3s;position: absolute; content: ''; background: url(../images/tb_5z1.png) right center no-repeat;  height: 60px; line-height: 60px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_l_b:hover .s1:after {width: 30px;opacity: 1;transition: all ease-in-out .3s;}
.i_box1_l_b:hover .s1{ text-indent: -20%; transition: all ease-in-out .3s; }

.i_box1_r { float: left; width: 34.5%;  margin-top: 1.5%; position: relative;}
.i_box1_r .video-cover  { width: 100%; border-top-right-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden; display: block;}
.blue_sk { background-color: #da0000; width: 86px; border-radius: 50%; height: 86px; position: absolute; bottom: -28px; left: -52px;}


.i_box1_r .video-cover img{width: 100%;}
.i_box1_r .z_arr_more{position: absolute; z-index: 3;}
.i_box2 { width: 100%;}
.i_box2_t { width: 100%; padding-top: 80px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .i_box2_t { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.i_box2_t li { width: 25%; padding: 0px 1%; float: left;}
.i_box2_t li .div { width: 100%; display: inline-block; float: left; font-size: 24px; color: #19b8b4; position: relative; height: 340px; padding-top: 40px; letter-spacing: 2px;}
.i_box2_t li .div:hover { text-decoration: none; color: #19b8b4;}
.i_box2_t li .div .s1 { width: 25px; height: 25px; position: absolute; left: 0px; top: 0px; border-left: 1px solid #40b2ad; border-top: 1px solid #40b2ad; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.i_box2_t li .div .s2 { width: 25px; height: 25px; position: absolute; right: 0px; top: 0px; border-right: 1px solid #40b2ad; border-top: 1px solid #40b2ad; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.i_box2_t li .div .s3 { width: 25px; height: 25px; position: absolute; left: 0px; bottom: 0px; border-left: 1px solid #40b2ad; border-bottom: 1px solid #40b2ad; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.i_box2_t li .div .s4 { width: 25px; height: 25px; position: absolute; right: 0px; bottom: 0px; border-right: 1px solid #40b2ad; border-bottom: 1px solid #40b2ad; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.i_box2_t li .div:hover .s1,.i_box2_t li .div:hover .s2,.i_box2_t li .div:hover .s3,.i_box2_t li .div:hover .s4 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
.i_box2_t li .div .a_img_bg { width: 100%; height: 120px; text-align: center; margin-top: 0px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box2_t li .div .a_img { width: 100%; height: 120px; text-align: center; position: absolute; left: 0px; top: 40px; padding-top: 31.5px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box2_t li .div .a_img img { width: 57px; height: 57px;}
.i_box2_t li .div .a_text { width: 100%; height: 47px; line-height: 47px; text-align: center; margin-top: 20px; overflow: hidden; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box2_t li .div:hover .a_text { margin-top: 55px; color: #333;}
.i_box2_t li .div:hover .a_img_bg { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); margin-top: 24px;}
.i_box2_t li .div:hover .a_img { top: 64px;}
.i_box1 { width: 100%; padding: 150px 0px 100px 0px;}
.i_box1_t { width: 100%; padding: 5px 0px; line-height: 1.4; color: #333333; font-size: 30px; font-weight: bold; letter-spacing: 2px; text-align: center;}
.i_box1_t.active { text-align: left; font-size: 36px;}
.i_box1_t.active1 { text-align: left; font-size: 36px; color: #fff;}
.i_box1_c { width: 100%; padding: 75px 0px 60px 0px;}
.i_box1_c li { width: 25%; float: left; color: #666666; font-size: 16px; line-height: 1.4; text-align: center; letter-spacing: 2px;}
.i_box1_c li .s1 { color: #333333;}
.i_box1_c li .s1 span { font-size: 38px; font-weight: bold;}
.i_box1_ul { width: 100%; padding-top: 40px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_box1_ul li { width: 11.4%; overflow: hidden; float: left; margin: 0px 1px 0px 0px; overflow: hidden; cursor: pointer; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_ul li.active { width: 42%; background-color: #fff; overflow: hidden;}
.i_box1_ul li .pro_lb { background-color: rgb(0,0,0,0.62); position: absolute; z-index: 999; width: 100%; height: 100%; color: #fff;}
.i_box1_ul li .pro_lb .pro_lb_name { background: url(../images/line.jpg) no-repeat 14px top; padding-top: 30px; top: 20px; writing-mode: tb-rl; word-wrap: break-word; left: 20px; position: absolute; font-size: 18px;}
.i_box1_ul li.active .pro_lb { display: none;}
.i_box1_ul li .img { height: 300px; padding: 35px 0px;}
.i_box1_ul li .div { width: 100%; height: 370px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.i_box1_ul li .img img { transition: all ease-in-out 0.3s; max-height: 370px; max-width: 280px;}
.i_box1_ul li .div:after { width: 100%; height: 100%; /*background:url(../images/tb_2z.png) top repeat-x;*/ position: absolute; left: 0px; top: 0px; z-index: 1; content: "";}
.i_box1_ul li .div .a_text { width: 100%; display: none; padding: 0px 15px; color: #333; position: absolute; left: 0px; top: 20px; z-index: 2; font-size: 20px; letter-spacing: 1px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_ul li.active .div:after { /*background:url(../images/tb_3.png) repeat;*/}
.i_box1_ul li .div .a_text_c { width: 40%; padding: 0px 7%; position: absolute; right: 0px; top: 50%; z-index: 2; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); color: #fff; font-size: 14px; display: none;}
.i_box1_ul li .div .a_text_c_t { width: 100%; line-height: 1.2; margin-bottom: 10px; overflow: hidden; font-size: 24px; letter-spacing: 1px; color: #da0000;}
.i_box1_ul li .div .a_text_c_c { width: 100%; margin-bottom: 30px; line-height: 1.8; overflow: hidden; height: 175px; color: #333;}
.i_box1_ul li .div .a_text_c_b { padding: 0px 30px; height: 40px; line-height: 40px; background-color: #fff; border: 1px solid #0064B9; display: inline-block; color: #024381; font-size: 14px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_ul li .div .a_text_c_b:hover { text-decoration: none; color: #fff; background-color: #024381;}
.i_box1_ul li.active .div .a_text { top: -100px; display: block;}
.i_box1_ul li.active .div .a_text_c { display: block;}
.i_box1_ul :hoverer .img img { transition: all 0.2s ease-in-outransform: scale(0.88); t;}

.active .i_box1_ul { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;}
.i_box3 { width: 100%;}
.i_box3_t { width: 100%; padding: 125px 10% 0px 10%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .i_box3_t { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.i_box3_t li { width: 33.33%; float: left;}
.i_box3_t li .div { width: 100%; color: #19b8b4; font-size: 16px; display: inline-block; float: left; letter-spacing: 2px;}
.i_box3_t li .div:hover { text-decoration: none; color: #19b8b4;}
.i_box3_t li .div .a_img { width: 100%; padding-bottom: 20px; text-align: center; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box3_t li .div .a_img img { width: 68px; height: 68px;}
.i_box3_t li .div .a_text { width: 100%; line-height: 1.5; text-align: center;}
.i_box3_t li .div .a_text .s1 { font-size: 24px;}
.i_box3_t li .div:hover .a_img { padding-bottom: 15px;}
.i_fbg1 { border-top: 1px solid #f2f2f2;}
.i_fbg { background-color: #22a3a0;}
.i_footer_b { width: 100%; padding: 10px 0px; line-height: 1.8; color: #ffffff;}
.i_footer_b a,.i_footer_b a:hover { color: #fff;}
.video_div { width: 100%; height: 100%; background-color: #000; position: fixed; z-index: 100011111111111; left: 0px; top: -100%;}
.video_div_closebtv { width: 30px; height: 30px; position: absolute; right: 30px; top: 30px; cursor: pointer; z-index: 100;}
.video_div_center { width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.n_banner { width: 100%; /*! height: 535px; */ margin-top: 80px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.n_banner img { width: 100%; height: 100%}
.n_banner .n_banner_text { font-size: 60px; width: 100%; position: absolute; left: 0px; top: 50%; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); color: #fff; font-size: 24px; letter-spacing: 2px; text-align: left;}
.n_banner .n_banner_text .s1 { font-size: 24px;}
.n_banner .n_banner_text .s2 { font-size: 40px; line-height: 1.4; margin-top: 0px;}
.n_banner1{height: 80px; }

.new_banner { height: 280PX !important;}
.new_banner .n_banner_text { color: #000;}
.new_banner .n_banner_text .s2 { font-size: 30PX;}
.where { height: 30px; line-height: 30px; padding: 20px 0; font-size: 16px; text-align: left !important;}
.where a { color: #666; padding: 0px 10px;}
.where a:hover { color: #024381;}
.where i { width: 30px; height: 30px; background: url(../images/home.png); display: inline-block; float: left;}
.pro_show { padding: 20px; background-color: #fff; padding: 3%; display: block; overflow: hidden; margin-bottom: 30px;}
.show_top .img { width: 40%; float: left; border: 1px solid #f1f2f3; text-align: center; margin-right: 5%;}
.show_top .img img { max-width: 100%;}
.pro_show_name h3 { font-size: 1.5rem; padding: 20px 0;}
.content { font-size: 16px; line-height: 1.8;}
.pro_content { padding: 20px 0;}
.pro_content .custom { border-bottom: 2px solid #1e276f; font-size: 18px; line-height: 30px; text-align: center;}
.pro_content .custom .name { background-color: #1e276f; color: #fff; width: 130px; line-height: 50px;}
.content_pro { padding: 3% 0 ; line-height: 1.8; font-size: 16px;}
.content_pro img { max-width: 100%;}
.pc_amenu { width: 100%; left: 0px; bottom: 0px; text-align: center; background: #fff; border-bottom: 1px solid #f5f2ef;height: 60px;}
.pc_amenu:after { width: 100%; height: 100%; background: #ffffff; left: 0px; top: 0px; -moz-border-radius: 0px; /* Gecko browsers */ -webkit-border-radius: 0px ; /* Webkit browsers */ border-radius: 0px ; /* W3C syntax */ content: "";}

.a_menu { width: 100%; margin: 0px; padding: 0px; overflow: hidden; position: relative; z-index: 1;}
.a_menu a.a_menu_a { padding: 0px 1%; margin: 0 10px; position: relative; color: #333; line-height: 70px; height: 70px; overflow: hidden; display: inline-flex; font-size: 16px;}
.a_menu a.a_menu_a.activetm1,.a_menu a.a_menu_a:hover{ color: #da0000;}
.a_zxlmenu { width: 100%; position: relative; display: none; z-index: 111;}
.a_zxlmenu_t { width: 100%; padding: 2% 0px; background: url(../images/zxl_jt1.png) right center no-repeat; font-size: 16px; text-align: center; background-color: #da0000; color: #fff; cursor: pointer; background-size: 30px;}
.a_zxlmenu_c { width: 100%; position: absolute; left: 0px; top: 100%; margin: 0px; padding: 0px; background-color: #eeeeee; text-indent: 0px; display: none; -moz-box-shadow: 0px 0px 10px #c7c5bf; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #c7c5bf; /*webkit*/ box-shadow: 0px 0px 10px #c7c5bf;}
.a_zxlmenu_c li { width: 100%; float: left; text-align: center;}
.a_zxlmenu_c li .aone { width: 100%; padding: 3% 0px; display: inline-block; color: #da0000; font-size: 14px; text-decoration: none; text-indent: 0px;}
.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo { color: #fff; text-decoration: none; background-color: #df777d;}
.a_zxlmenu_c li dl { width: 100%; border-bottom: 1px solid #ccc; display: none;}
.a_zxlmenu_c li dl dd { width: 100%; float: left; text-align: center;}
.a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover { width: 100%; padding: 3% 0px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; text-indent: 0px;}
.n_bg1 { background: url(../images/tb_26.png) right 12% bottom no-repeat;}
.n_box1 { width: 100%; padding: 115px 0px 125px 0px;}
.n_box1_t { width: 100%; padding: 20px 5% 90px 5%; color: #222222; font-size: 17px; line-height: 2; overflow: hidden; text-align: center;}
.n_box1_t img { max-width: 100%; height: auto !important;}
.i_section { position: relative; box-sizing: border-box; width: 100%; overflow: hidden;}
.pc-slide { width: 100%; margin: 0 auto;}

/*.preview img {
	padding: 1px;
}*/
.n_bg2 { background-color: #f5f5f5;}
.pro_name { text-align: center;}
.pro_name .pro_name_t { font-size: 30px; padding: 30px; color: #333;}
.pro_name .pro_n {}
.pro_name .pro_n a { font-size: 16px; min-width: 132px; height: 52px; margin: 10px; line-height: 52px; padding: 0px 20px; display: inline-block; border: 1px solid #1e276f; color: #1e276f; border-radius: 30px;}
.pro_name .pro_n a.activetm1,.pro_name .pro_n a:hover { background-color: #1e276f; color: #fff;}


.n_bg3 { background-position: center center; background-repeat: no-repeat; background-size: cover;}


@-webkit-keyframes float { 0% {     -webkit-transform: translateY(0);     transform: translateY(0); }
 50% {     -webkit-transform: translateY(1em);     transform: translateY(1em); }
 100% {     -webkit-transform: translateY(0);     transform: translateY(0); }}
@keyframes float { 0% {     -webkit-transform: translateY(0);     transform: translateY(0); }
 50% {     -webkit-transform: translateY(1em);     transform: translateY(1em); }
 100% {     -webkit-transform: translateY(0);     transform: translateY(0); }}
@-webkit-keyframes float1 { 0% {     -webkit-transform: translateY(-1em);     transform: translateY(-1em); }
 50% {     -webkit-transform: translateY(0);     transform: translateY(0); }
 100% {     -webkit-transform: translateY(-1em);     transform: translateY(-1em); }}
@keyframes float1 { 0% {     -webkit-transform: translateY(-1em);     transform: translateY(-1em); }
 50% {     -webkit-transform: translateY(0);     transform: translateY(0); }
 100% {     -webkit-transform: translateY(-1em);     transform: translateY(-1em); }}
.arrowGo { animation: arrowGo 2.5s infinite; -webkit-animation: arrowGo 2.5s infinite ;}
.Rotation img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.Rotation:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
@-webkit-keyframes arrowGo { 0% {     -webkit-transform: translate(0, 30%); }
 50% {     -webkit-transform: translate(0, 0%); }
 100% {     -webkit-transform: translate(0, 30%); }}
@keyframes arrowGo { 0% {     transform: translate(0, 30%); }
 50% {     transform: translate(0, 0%); }
 100% {     transform: translate(0, 30%); }}
.Amplification img { transition: 400ms; filter: Alpha(Opacity=100); opacity: 1;}
.Amplification:hover img { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.12); transform: scale(1.12);}
.Amplification1 .img { transition: 400ms; filter: Alpha(Opacity=100); opacity: 1;}
.Amplification1:hover .img { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.12); transform: scale(1.12);}
@-webkit-keyframes hvr-bob { 0% {     transform: scale(1.1);     -webkit-transform: scale(1.1); }
 100% {     transform: scale(1);     -webkit-transform: scale(1); }}
@keyframes hvr-bob { 0% {     transform: scale(1.1);     -webkit-transform: scale(1.1); }
 100% {     transform: scale(1);     -webkit-transform: scale(1); }}
.xswd { display: inline flow-root list-item; overflow: hidden; clear: both; background-color: #fff; width: 100%;}
.xswd li { width: 40%; float: left; padding: 3% 5%; height: 100px; font-size: 16px;}
.xswd li h3 { font-size: 20px;}
.i_bg2 { background: url(../images/fz_bg5.jpg) bottom center no-repeat; background-size: cover;}
.section_ui_c1 { width: 1410px; margin: 0px auto;}
.h_link { display: block; overflow: hidden; color: #272b47; border-top: 1px solid #272b47 ; padding: 20px 0px;}
.h_link .link_na { color: #999;}
.h_link a { padding: 0px 10px; color: #999;}
.h_link a:hover { color: #fff;}
.item { display: block; overflow: hidden; color: #fff; margin-top: 2%; text-align: left;}
.item .t { font-size: 30px;}
.item .t .item_con { font-size: 16px;}

.y3 .i_content_c { display: block; padding-top: 10%;width: 100% !important;}
.h_yt{ background: #fff;display: block; overflow: hidden;border: 0.1px solid #fff;}

.h_yt { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;/*! background-size: 50%; */}
.active .h_yt { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); transform: translateY(-0%); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}


.h_yt .h_yt_l a .yt_img img{ opacity: 0; filter: alpha(opacity=0);  transition: all ease-in-out .5s; }
.active .h_yt .h_yt_l a .yt_img img { opacity: 1; filter: alpha(opacity=100);  transition: all ease-in-out .5s;}
.h_yt .h_yt_l a .yt_img .img1{display: block;}
.h_yt .h_yt_l a .yt_img .img2{display: none;}

.h_yt .h_yt_l{width: 72.22%; float: left;}
.h_yt .h_yt_l a{position: relative; overflow: hidden;}
.h_yt .h_yt_l a .yt_img{width: 100%; height: 100%;  overflow: hidden;}
.h_yt .h_yt_l a .yt_img img{width: 100%; height: 100%; transition: all 0.6s ease; /* 平滑过渡 0.6秒 */
  transform: scale(1.03); /* 默认大小 */}
.h_yt .h_yt_l a:hover .yt_img img {  transform: scale(1); }

.h_yt .h_yt_l .yt-content{transition: all .5s ease-in-out;position: absolute; background: #fff; margin: 3%; bottom: 0; width: 94%;  height: 106px; overflow: hidden;z-index: 22;transition: all 0.3s ease-in-out;}
.h_yt .h_yt_l .yt-content .yt_icon1{width: 110px; height: 106px; background: #d0ae88; float: left; margin-right: 20px; display: flex;
    justify-content: center; 
    align-items: center;    }
.h_yt .h_yt_l:hover .yt-content{ transition: all .5s ease-in-out;bottom: -2%;}
.h_yt .h_yt_l .yt-content .yt_icon1 img{max-width: 50%;}
.h_yt .h_yt_l .yt-content h2{font-size: 24px; color: #000; font-weight: normal; margin-top: 14px;}
.h_yt .h_yt_l .yt-content p{font-size: 16px; color: #666666; height: 30px; overflow: hidden; line-height: 30px; display: block;}
.h_yt .h_yt_r{width: 27.78%; float: left; background: #fff;}
.h_yt .h_yt_r .nav_item{ transition: all 0.3s ease-in-out;background: #efeff0 url(../images/c0.png) no-repeat 86% center; margin: 4% 7%; overflow: hidden; font-size: 16px;line-height: 50px;}
.h_yt .h_yt_r .nav_item:hover {
transition: all 0.3s ease-in-out;
}
.h_yt .h_yt_r .nav_item.c1{background: #da0000 url(../images/c1.png) no-repeat 86% center;color: #fff;transition: all 0.3s ease-in-out;}
.h_yt .h_yt_r .nav_item .icon-box{padding: 20px;}
.h_yt .h_yt_r .nav_item .icon-box i{ 10%; display:flex; float: left; justify-content: center; 
    align-items: center;  
height: 50px;
width: 80px;
}
.h_yt .h_yt_r .nav_item i img{width: 50%;}
.h_yt .h_yt_r .nav_item img.img2{display: block;}
.h_yt .h_yt_r .nav_item img.img1{display: none;}
.h_yt .h_yt_r .nav_item.c1 img.img2{display: none;}
.h_yt .h_yt_r .nav_item.c1 img.img1{display: block;}
.none {
  display: none;
}
.block {
  display: block;
}



.customs {width: 100%; background: url(../images/cust_bg.png) no-repeat left center; padding-left: 40px;}
.customs .custom_en {  /*text-transform: uppercase;*/ font-size: 24px; color: #999999; padding-left: 10px;}
.customs .custom_cn { font-size: 24px; color: #da0000; height: 70px;}
.customs .custom_line { width: 38px; height: 3px; background: #2f72ce;}

.roundImg { position: absolute; left: 0; z-index: 1; -webkit-animation: round_animate 15s linear infinite; animation: round_animate 15s linear infinite;}
@keyframes round_animate { to {     transform: rotate(1turn); }}
.zc_li { width: 100%; display: block; overflow: hidden; position: relative; margin: 10% 0;}
.zc_li li { width: 40%; float: left; display: flex; height: 45px;}
.zc_li li .zc_icon { width: 30px; float: left; display: table-cell}
.zc_li li .zc_icon img { width: 100%; max-width: 45px;}
.zc_li li .zc_content { float: right; font-size: 11px; display: table-cell; margin-block: auto; width: calc(100% -50px); padding-left: 10px;}
.zc_li { position: relative; display: block;}
.zc_li .video-play { position: absolute; z-index: 2; top: 50%; left: 50%; width: 60px; height: 60px; transition: all .3s ease; transform: translate(-50%, -50%); opacity: .8;}
.zc_li:hover .video-play { opacity: 1;}
.zc_li .video-play.animation { opacity: 1;}
.zc_li .video-play.animation:after { position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 100%; content: ''; -webkit-animation: a-pulse 2.5s ease-out .5s infinite both; -ms-animation: a-pulse 2.5s ease-out .5s infinite both; animation: a-pulse 2.5s ease-out .5s infinite both; border-radius: 50%; background-color: #c2e8ee;}
.zc_li { width: 100%; display: block; overflow: hidden; position: relative; margin: 10% 0;}
.a_text .zc_li{margin:5% 0;}
.zc_li dd { width: 25%; float: left; display: flex; height: 50px;}
.zc_li dd .zc_icon { width: 50px; float: left; display: table-cell}
.zc_li dd .zc_icon img { width: 100%; max-width: 50px;transform: scale(1);}
.zc_li dd .zc_content { float: right; font-size: 16px; display: table-cell; margin-block: auto; width: calc(100% -50px); padding-left: 10px;}
.zc_li:hover dd .zc_icon img { width: 100%; max-width: 50px;transform: scale(1);}
@-webkit-keyframes a-pulse { 0% {     -webkit-transform: translate(-50%, -50%) scale(1);     transform: translate(-50%, -50%) scale(1);     opacity: 1; }
 to {     -webkit-transform: translate(-50%, -50%) scale(1.5);     transform: translate(-50%, -50%) scale(1.5);     opacity: 0; }}
@keyframes a-pulse { 0% {     -webkit-transform: translate(-50%, -50%) scale(1);     transform: translate(-50%, -50%) scale(1);     opacity: 1; }
 to {     -webkit-transform: translate(-50%, -50%) scale(1.5);     transform: translate(-50%, -50%) scale(1.5);     opacity: 0; }}
.z_arr_more { transform: scale(0.6); display: block; width: 52px; height: 52px; line-height: 52px; background: #da0000 url(../images/icon-play.svg) no-repeat center center; border-radius: 50%; color: #fff; text-align: center;right: 3%;bottom: 5%;}
.z_arr_more::after { content: ""; display: block; z-index: -1; pointer-events: none; width: 50px; height: 50px; border-radius: 50%; background: rgba(218,0,0,.5); position: absolute; animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}
.z_arr_more { position: relative;}
@keyframes circle-opacity { from {     opacity: 1;     transform: translate(-50%,-50%) scale(1); }
 to {     opacity: 0;     transform: translate(-50%,-50%) scale(2); }}
.ws_img_con { overflow: hidden; font-size: 16px; line-height: 1.6; min-height: 300px;}



/*footer*/
.footer { background: #fff; display: block; overflow: hidden; padding: 2% 0 0 0; color: #333333;}
.footer_l { width: 60%; float: left;display: block; overflow: hidden; font-size: 16px;}
.footer_l .footer_logo { max-width: 100%;}
.footer_l .footer_logo img { max-width: 419px;}
.footer_l .footer_add{font-size: 14px; padding: 20px 0;}
.footer_r { width: 30%; text-align: right; float: right;}
.footer_r li{float: right; padding: 0px 2%;}
.footer_r img { max-width: 100%;}
.footer_bq { background: #da0000; padding: 1% 0;}
.footer_link { padding: 1% 0;}
.footer_link ,.footer_link a { color: #999; height: 30px; font-size: 14px;}
.footer_link a { padding: 10px;}
.bqxx { color: #fff; text-align: center; font-size: 14px;}
.bqxx a { color: #fff;}
.bqxx a:hover,.footer_link a:hover { color: #ccc;}
.about_name { font-size: 30px; text-align: center;}
.about_show { display: block; overflow: hidden; width: 100%; padding: 1.5% 0 0 0;}
.padd_0{padding: 0;}
.about_content { padding: 1% 1% 3% 1%; font-size: 18px; line-height: 1.8;}
.about_content img { max-width: 100%;}

/*关于优启start*/
.ny_con_bg1{background: #f5f2ef; padding: 0%;}
.about_show .i_introduction_b{padding: 1% 10% 0 10%; width: 80%;}
.aboutyouqi{width: 100%; display: flex;}
.about_l{float: left; max-width: 460px; width: 40%;}
.about_l img{width: 100%;}
.about_r{padding: 5%; background: #fff; font-size: 16px; width: calc(100% - 460px);}

.n_box1_l_t { width: 100%;line-height: 1.4; color: #da0000; font-size: 30px;  padding-bottom: 2%;}
.n_box1_l_t .s1 { font-size: 26px; font-weight: bold; color: #da0000;}
.n_box1_l_t .s1_en{font-size: 20px; color: #999999; padding-left: 1.5%;}
.n_banner_text .n_box1_l_t{color: #fff; padding: 20px 0;}
.n_banner_text .n_box1_l_t span.s1,.n_banner_text .n_box1_l_t span.s1_en{color: #fff; font-size: 20px;}
.n_box1_content{font-size: 16px; color: #333; padding-left: 80px; padding-top: 20px;}

.add_name{width: calc(100% - 100px); float: left;color: #666666;text-align: left;line-height: 60px; padding-left:30PX;font-size: 14px; background: url(../images/cu_bg1.png) no-repeat left center; }
.return{width: 100px; color: #d0ae88; background: url(../images/return.png) no-repeat left center; padding-left: 34px; line-height: 60px;font-size: 16px;}
.add_name a{color: #666666;padding: 0px 5px;}

.add_name .on{color: #da0000; padding: 0px 10px;}
.add_name a:hover{color: #da0000;}
.n_left{width: 290px; float: left; background: #fff; display: block; overflow: hidden;margin:2%;}
.zlm{display: none; background: #f2f2f2; line-height: 40px; text-align: center;}
.zlm a { padding: 0px 4%; line-height: 40px; font-size: 16px; color: #333;}
.zlm a.on{color: #1a4db5;}
.n_name{background: #da0000; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px;}

.show_bg_white1 {
  background: #fff;
  width: 100%;
  display: flex; /* 核心：开启等高 */
  align-items: stretch; /* 强制子元素等高 */
}
.show_bg_white {
  background: #fff;
  /*! width: 100%; */

}
.n_left {
  box-sizing: border-box;
  width: 291px; /* 你原来的左侧宽度，加上更稳定 */
}
.n_left ul{padding: 0; display:block; overflow: hidden;}
.n_left li{/*! height: 38px; */ position: relative; line-height: 38px; background: #f1f2f3;margin: 6px 0;}
.n_left li:after{transition: all ease-in-out .5s; content: '';position: absolute; right: 22px;top: 0; opacity: 1;height: 60px; width: 24px;background: url(../images/more.png) no-repeat left center;}
.n_left li a{display: block; overflow: hidden; color: #333;padding: 14px 40px 14px 20px; line-height: 30px;font-size: 15px;
} 
.n_left li:hover a,.n_left li.on a{display: block;  overflow: hidden; color: #fff;background: #d0ae88; opacity: 1;} 
.n_left li:hover:after,.n_left li.on:after{transition: all ease-in-out .5s; content: '';position: absolute; right: 28px;top: 0; height: 60px;opacity: 1; width: 24px;background: url(../images/more2.png) no-repeat left center;}

.n_right {
  width: calc(96% - 291px);
  /* 去掉 float、height:100%、overflow、display:block！这些会破坏等高 */
  border-left: 1px solid #f5f2ef;
  box-sizing: border-box;
}
.n_name_bor{border-bottom: 1px solid #f5f2ef; padding: 2.2%;}

.about_show .news-content {
  display: flex;
  opacity:1;
  transition: opacity 0.4s ease;
  background: #fff;
  margin: 1% 0;
}
.tj_new{height: 50px; line-height: 50px;}
.custom{font-size: 30px; text-align: left;float: left;display: block;overflow: hidden;}
.custom_more1{float:right; font-size: 16px;}
.text_center {text-align: center; width: 100%;}

/*视频列表START*/

.new_list{display: block;  width: 100%;}
.new_list .date span{ background: url(../images/tb_5z.png) no-repeat left center; width: 25px; height: 10px;}
.new_list a:hover .date span{ background: url(../images/more-r1.png) no-repeat left center;}
.new_list .date span{ background: url(../images/tb_5z1.png) no-repeat left center; width: 25px; height: 10px;}
.new_list a .new_list_img{width: 100%; overflow: hidden; height: 260px;justify-content: center;display: flex;
  align-items: center; position: relative;}
  .new_list a .new_list_img .icon_play{z-index: 3;width:20%; max-width: 44px; height: 44px; background: url(../images/play.png) no-repeat left center; position: absolute; left: 2%; bottom: 2%;}
.new_list a .new_list_img img{width: 100%; height: auto; min-height: 100%;transform: scale(1);
  transition: all ease-in-out .3s;}
  .new_list ul{   /*! margin: 3% 0; */ width: 100%;
  padding: 1% 0;
  list-style: none;
  
  display: flex;  /* 核心 */
  flex-wrap: wrap; /* 自动换行 */
  gap: 20px;   }
.new_list li{ width: calc(25% - 15px); background: #fff; 
  /* 解释：25% 是4等分，-15px 是为了抵消 gap 间距，让排版不挤 */
  position: relative;
  box-sizing: border-box;
  /* 下面你可以加背景、边框、内边距，都不会变形 */}
.new_list li a{width: 100%;}
.new_list_content{padding: 6%;}
.new_list_content .sl_custom{width: 100px; height: 30px; border: 1px solid #E8E8E8; text-align: center; line-height: 28px; font-size: 14px;}
.new_list_content .con_p{font-size: 16px; color: #333; height: 60px; line-height: 30px; overflow: hidden; margin: 20px 0;}
.new_list_content .date{color: #999;font-size: 16px; }
.new_list_content .date span{background: url(../images/tb_5z.png) no-repeat left center;
  width: 25px;
  height: 10px;
  display: inline-block;}
.new_list li:hover .new_list_content .con_p{ color: #da0000;}
.new_list li:hover .new_list_content .date{color: #da0000; font-size: 16px; }
.new_list li:hover .new_list_content .sl_custom{background: #da0000; color: #fff;}
.new_list li:after{content: ''; bottom: 0px; left: 0; width: 0%; height: 8px; background: #d0ae88; position: absolute; transition: all ease-in-out .5s;}
.new_list li:hover:after{content: ''; bottom: 0px; left: 0; width: 100%; height: 8px; background: #d0ae88; position: absolute; transition: all ease-in-out .5s;}
.new_list li:hover .new_list_img img{transform: scale(1.1);
  transition: all ease-in-out .3s;}
.new_list li:hover{box-shadow: 0px 0px 10px #c7c5bf;}
.content_new{padding: 3% 5%; border-bottom:1px solid #f5f2ef; font-size: 16px;display: block;
  overflow: hidden;
position: relative;
}
.content_new img{max-width: 100%;}
.new_name{font-size: 24px; text-align: center; padding-top: 20px;}
.new_time{font-size: 16px; color: #666; text-align: center;}
.new_hot{ border-top: 1px solid #f5f2ef;margin-top: 20px;}
.new_hot .new_hot_name{font-size: 18px; height: 60px; line-height: 60px; }
.new_hot .new_hot_name .fr{font-size: 14px; color: #999;}
.new_hot .li {margin-bottom: 20px;}
.new_hot .li a{ background: #fff;}
.new_hot .li a .new_h_name{ line-height: 1.5; font-size: 16px; color: #333;}
.new_hot .li a .new_h_time{ line-height: 1.5; font-size: 16px; color: #999;transition: all ease-in-out .2s; margin: 10px 0; position: relative;}
.new_hot .li a .new_h_time:before{content: ''; position: absolute; left: 0; height: 1px; width: 0; top: 10px;transition: all ease-in-out .2s;}
.new_hot .li:hover a .new_h_time:before{content: ''; position: absolute; left: 0; width:20px;height: 1px; top: 10px; background: #c39766; transition: all ease-in-out .2s;}
.new_hot .li:hover  a .new_h_time{padding-left: 25px;transition: all ease-in-out .2s;color: #c39766;}
.new_hot .li:hover a .new_h_name{  color: #da0000;}


/*发展历程start*/

.fixedImg {
    position: relative;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.fixfaleul{display: none; position: fixed;width: 100%;top: 90px;background: rgba(0,0,0,0.4);text-align: right;z-index: 1502;}
.fixfaleul li{display: inline-block;padding: 0 10px;font-size: 16px; text-align: center;line-height: 50px;color: #fff;cursor: pointer;}
.fixfaleul li.active,.fixfaleul li:hover{background: #da0000; }
.fazhanbox{background: #fff;padding: 65px 30px;box-sizing: border-box;position: relative;/*! overflow-y: hidden; */}
.fixfaleulactive{display: block;}
.fazhanbox .wimg{padding-left: 220px;}
.fazhanbox .line{position: absolute;height: 94%;left: 264px;top: 97px;width: 3px;background: #da0000;}
.fazhanbox .div1{float: left;width: 200px;}
.fazhanbox .div2{float: right;width:calc(100% - 283px);}
.faleul{display: inline-block;width: 100%;/*! width: 100% !important; */}
.faleul li{float: left;width: 100%;text-align: right;padding: 15px 20px;box-sizing: border-box;background: #f6f8fa;margin-bottom: 20px;}
.faleul li .img .img2{display: none;}
.faleul li .img .img1{display: inline-block;}
.faleul li .p1{font-size: 18px;color: #666666;height: 28px;}
.faleul li .p2{font-size: 18px;color: #333333;}
.faleul li .p2 img{height: 22px;margin-right: 5px;}
.faleul li .p2 img{display: none;}
.faleul li .p2 .img1{display: inline-block;}
.faleulfix li .p2 img{display: inline-block;}
.faleulfix li .p2 .img2{display: none;}
.faleul li.active .p2 .img1{display: none;}
.faleul li.active .p2 .img2{display:inline-block;}

.faleul li:hover .img .img2,.faleul li.active .img .img2{display: inline-block;}
.faleul li:hover .img .img1,.faleul li.active .img .img1{display: none;}
.faleulfix li:hover .p2 .img2, .faleulfix li.active .p2 .img2{display: inline-block;}
.faleulfix li:hover .p2 .img1, .faleulfix li.active .p2 .img1{display: none;}

.faleul li:hover,.faleul li.active{background: #da0000;}
.faleul li:hover p,.faleul li.active p{color: #fff;}
.fazhanul li{float: left;width: 100%;padding: 20px 25px;position: relative;}
.faleulfix{     z-index: 100;    position: fixed;top: 120px;
     
}

.fazhanul li .img{position: relative;overflow: hidden;padding-left: 11%;}
.fazhanul li .img img{display: block;max-width: 50%;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.fazhanul li .text{display: inline-block;width: 100%;padding-top: 20px;}
.fazhanul li .text .tcon1{float: left;width: 11%;position: relative;}
.fazhanul li .text .tcon1:after{position: absolute;content: "";left: -85px;top: 0;background:url(../images/lcimg2.png) no-repeat; width: 44px;height: 23px;}
.fazhanul li .text .tcon1 p{font-size: 24px;color: #333333;}
.fazhanul li .text .tcon2{float: left;width: 88%;}
.fazhanul li .text .tcon2 p{font-size: 14px;line-height: 24px; color: #333333;}
.fazhanul li:hover {background: #f9f9f9;}
.fazhanul li:hover .img img{transform: scale(1.1);}
/*发展历程end*/
/*视频列表end*/
.ny_con_bg1 p{width: 100%;}

/*学院列表start*/
.xy_list li{border-top: 1px solid #eaeaea; padding: 2% 0; display: block; overflow: hidden;}
.xy_list li .xy_img{width: 240px; height: 240px; float: left; border: 1px solid #eaeaea; margin-right: 2%;}
.xy_list li .xy_img img{width: 100%;}
.xy_list li .xy_con h3{font-size: 24px;}
.xy_list li .xy_con .xy_con_tent{font-size: 16px; color: #333333;}
.xy_list li .custom_more{float: left; margin-left: 0; color: #fff;}

/*学院end*/


/*荣誉资质start*/
  .ry_list ul{ width: 100%;  padding: 1% 0;  list-style: none;  
  display: flex;  /* 核心 */  flex-wrap: wrap; /* 自动换行 */  gap: 20px;   }
.ry_list li{ width: calc(25% - 15px); background: #fff; 
  /* 解释：25% 是4等分，-15px 是为了抵消 gap 间距，让排版不挤 */
  position: relative;
  box-sizing: border-box; text-align: center; position: relative;
  /* 下面你可以加背景、边框、内边距，都不会变形 */}
.ry_list li a{width: 100%;}
/*荣誉资质end*/
/*视频列表start*/
.ry_list li .ry_img{ height: 200px;justify-content: center;  display: flex;  align-items: center; padding: 20px;}
.ry_list li .ry_img img{max-height: 100%; max-width: 100%; transition: all ease-in-out .5s;
  height: auto;}
.ry_list li  .ry_con{height: 60px; line-height: 30px; overflow: hidden; font-size: 16px; padding: 0px 20px; margin-bottom: 20px;}
.ry_list li:after{content: ''; bottom: 0; left: 0; width: 0%; height: 8px; background: #d0ae88; position: absolute; transition: all ease-in-out .5s;}
.ry_list li:hover:after{content: ''; bottom: 0; left: 0; width: 100%; height: 8px; background: #d0ae88; position: absolute; transition: all ease-in-out .5s;}
.ry_list li:hover .ry_img img{transform: scale(1.1); transition: all ease-in-out .5s;}
/*视频列表end*/
/*优启刊物start*/
.yqkw_list li{ padding: 2% ; display: block; overflow: hidden; background: #fff; margin-bottom: 20px;transition: all ease-in-out .3s; position: relative;}
.yqkw_list li a{display: block; overflow: hidden;}
.yqkw_list li .kw_img{width: 30%; float: left; margin-right: 2%; display: block; overflow: hidden;}
.yqkw_list li .kw_img img{width: 100%;transition: all ease-in-out .3s;}
.yqkw_list li .xy_con h3{font-size: 24px;font-weight: normal;}
.yqkw_list li .xy_con .xy_con_tent{font-size: 16px; color: #333333;padding: 20px 0;}
.yqkw_list li .custom_more{float: left; margin-left: 0; color: #fff;}
.yqkw_list li:hover{box-shadow: 0px 0px 10px #c7c5bf;transition: all ease-in-out .3s;}
.yqkw_list li:hover .kw_img img{ transition: all ease-in-out .3s;transform: scale(1.08);}
.yqkw_list li:after{width: 0; height: 3px; background: #da0000; left: 0px; bottom: 0px; content: ''; position: absolute;transition: all ease-in-out .3s;}
.yqkw_list li:hover:after{width: 100%; height: 3px; background: #da0000; left: 0px; bottom: 0px;transition: all ease-in-out .3s;}
/*优启刊物end*/
/*service start*/
.index-bb { width: 100%; position: relative; overflow: hidden; height: 650px; margin-top: 3%;}
.bbw-n { height: 650px;}
.index_pro .custom_en { text-align: center; color: #fff;}
.index_pro { width: 100%; text-align: center; color: #fff; z-index: 5; position: relative; padding-top: 3%;}
/*Solution start*/


.wenhuaul{width: 100%;}
.wenhuaul li{float: left;width: 100%; background: #fff; margin-bottom: 1%;}
.wenhuaul li .img{float: right;width: 50%;position: relative;overflow: hidden;}
.wenhuaul li .img img{display: block;width: 100%;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.wenhuaul li:hover img{transform: scale(1.1) !important;}
.wenhuaul li .text{float: left;width: 50%;  position: relative;}


.wenhuaul li .text .p3{max-height: 180px;overflow-y:auto;box-sizing: border-box;
font-size: 16px;
 color: #666666;
 line-height: 34px;
 padding: 0px 10px;

 }
.wenhuaul li .text .p3::-webkit-scrollbar {
  width: 1px;
  border-radius: 1px;
  height: 1px;
  background: none;
}
.wenhuaul li .text .p3::-webkit-scrollbar-track {
  border-radius: 1px;
  width: 1px!important;
  background-color:#eee;
}
.wenhuaul li .text .p3::-webkit-scrollbar-thumb {
  width: 1px;
  height: 1px;
  border-radius: 1px;
  background-color: #da0000;
}

.wenhuaul li:nth-child(2n+1) .img{float: left;}
.wenhuaul li .text{box-sizing: border-box;padding: 2% 3%;}
.wenhuaul li .text .p1{font-size: 24px;color: #000; background: url(../images/cu_bg.png) no-repeat left center; padding-left: 40px;}
.wenhuaul li .text .p2{font-size: 20px;color: #333;padding-left: 40px;}
.wenhuaul li .text .p3{font-size:16px;color: #333333;line-height: 24px;padding-left: 40px;line-height: 30px;}
.custom_more{width: 105px; margin-top: 20px; height: 40px; display: block; overflow: hidden;text-align: center; background: #d0ae88; color: #fff; font-size: 14px; margin-left: 40px; border-radius: 20px; line-height: 40px;}
.custom_more:hover{color: #fff; background: #da0000; transition: all ease-in-out .5s; }
.custom_more:visited,.custom_more:active {color: #fff;}







/*ny  new start*/


.more_new{padding: 2% 5%; font-size: 16px;}
.new_banner { width: 100%; height: 280px; overflow: hidden; position: relative;}
.con_banner_text { position: absolute; width: 90%; max-width: 900px; left: 50%; top: 60%; webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.con_banner_text .s1 { font-size: 18px;}
.con_banner_text .s2 { font-size: 30px;}

.contact { padding: 2%; display: block; overflow: hidden; background: #fff;}
.contact_l { float: left; width: 50%; }
.contact_l img{width: 100%;}
.contact_r { float: right; width: 48%;}
.contact_r img { width: 100%}
.contact_ewm {margin: 3% 0;}
.contact_ewm ul{display: flex; flex-wrap: wrap; wrap:20px}
.contact_ewm li{float: left; width: 100px; margin-right: 20px; text-align: center; font-size: 14px; color: #999;}
.contact_ewm li img{width: 100%;}

.contact_b{margin: 2% 0;}
.contact_b ul{display: flex;
  flex-wrap: wrap;
  gap: 20px;}
.contact_b li{width: calc(50% - 10px); padding: 2%;
  background: #fff;
  position: relative;
  box-sizing: border-box; font-size: 16px;}
.contact_b li .contact_name{font-size: 24px;}
.contact_b li .contact_con{font-size: 16px;}



.contact_mt ul{display: flex;
  flex-wrap: wrap;
  gap: 20px;}
.contact_mt li{width: calc(25% - 15px); padding: 2%;
  background: #fff;
  position: relative;
  box-sizing: border-box; font-size: 16px; }
.contact_mt li .contact_name{font-size: 24px;}
.contact_mt{margin: 2% 0;}
.contact_mt .mt_logo {width: 100%; font-size: 18px;}
.contact_mt .mt_logo img{width: 20%; max-width: 40px; min-width: 20px; border-radius: 10px; overflow: hidden; margin-right: 20px;}
.contact_mt li .mt_ewm{text-align: center; width: 100%; margin: 14% 0;}
.contact_mt li .mt_ewm img{max-width: 50%;}
.contact_mt li .mt_name{text-align: center; font-size: 18px;}
.mt_ff{text-align: center; color: #999;}


.customs2 .custom_cn { font-size: 28px;}
.customs2 .custom_en { color: #666; font-size: 16px;}


.padding_50 { padding: 5% 0;}
.padding_30 { padding: 2% 0;}
.padd-5 { padding: 5% ;}

.i_section { position: relative; box-sizing: border-box; width: 100%; overflow: hidden;}


img{max-width: 100%;}


.n_box13 {
    width: 100%;
}

.n_box13 li {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}


.padd{padding: 0 10%;}
/*分页start*/
.a_mtbd_dpages { width: 100%; text-align: center; padding: 30px 0% 30px 0%; font-size: 16px;}
.a_mtbd_dpages a,.a_mtbd_dpages span { padding: 0px 15px; height: 35px; margin-bottom: 5px; line-height: 35px; text-align: center; background-color: #fff; color: #666666; display: inline-block; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius: 2px; /* W3C syntax */}
.a_mtbd_dpages a:hover,.a_mtbd_dpages a.activepages,.a_mtbd_dpages span { color: #fff; text-decoration: none; background-color: #da0000;}


/*上传的PDF*/
/* 顶部控件栏 */
   .controls1{position: fixed;}


    .controls button {
        padding: 8px 16px;
        font-size: 14px;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        background-color: #007bff;
        color: white;
        transition: background-color 0.2s;
    }

    .controls button:hover {
        background-color: #0056b3;
    }

    .controls button:disabled {
        background-color: #6c757d;
        cursor: not-allowed;
    }

    .page-info {
        font-size: 14px;
    }

#pdf-container {
    margin-top: 60px; /* 给顶部控件留出空间 */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 20px;
}


.page-canvas {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    background-color: white;
}

.loading {
    text-align: center;
    padding: 20px;
    color: #666;
}
/*https下面调用的CSS START*/
 .controls { /*! left: 0; */ width: 100px;
            color: white;
            padding: 12px 16px;
           
            z-index: 1000;
            /*! display: flex; */
            align-items: center;
            gap: 16px;
            box-sizing: border-box;
/*! padding-top: 30%; */
position: fixed;
right:30px;
        }
.controls1 .controls_show{width: 100%; max-width: 1000px;margin: 0px auto; padding-left:140px;}
.controls .controls_show{width: 100%; max-width: 1000px;margin: 0px auto; }
        .controls button {
            min-height: 40px;
            min-width: 100%;
            padding: 8px 16px;
            font-size: 15px;
            font-weight: 500;
            cursor: pointer;
            border: none;
            border-radius: 6px;
            background-color: #da0000;
            color: white;
            -webkit-tap-highlight-color: rgba(0,0,0,0.2);
            transition: background-color 0.15s;
            width: 100%;
            width: 100%;
        }
        .controls button:hover,
        .controls button:active {
            background-color: #d0ae88;
        }
        .controls button:disabled {
            background-color: #6c757d;
            cursor: not-allowed;
        }
        .page-info {
            font-size: 15px;
            font-weight: 500;
            display: none;
        }
        #pdf-container {
            margin-top: 3%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0;
            gap: 5px;
        }
        .page-canvas {
            box-shadow: 0 2px 8px rgba(0,0,0,0.12);
            border: 1px solid #ddd;
            background-color: white;
            max-width: calc(100% - 4px) !important;
            width: 100% !important;
            height: auto !important;
            display: block;
        }
        .status {
            text-align: center;
            padding: 30px;
            color: #666;
            font-size: 16px;
        }
        .status.error {
            color: #d9534f;
        }
        .status button {
            margin-top: 16px;
            background-color: #d9534f;
            border: none;
            color: white;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
            border-radius: 4px;
        }
       .controls #prev{background:#da0000 url(../images/page1.png) no-repeat center center;background-size: 40%; width: 100%; height: 60px;}
       .controls #prev:hover {background:#d0ae88 url(../images/page1.png) no-repeat center center;background-size: 40%; }

       .controls #next{background:#da0000 url(../images/page2.png) no-repeat center center;background-size: 40%; width: 100%; height: 60px; margin-top: 10px;} 
       .controls #next:hover {background:#d0ae88 url(../images/page2.png) no-repeat center center;background-size: 40%; }
       
        /*https下面调用的CSS END*/