@charset "utf-8";
/* CSS Document */
@font-face {
      font-family: 'OsRegular';
      src: url('../fonts/oswald.woff2') format('woff2'),
          url('../fonts/oswald.woff') format('woff'),
          url('../fonts/oswald.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
 @font-face {
      font-family: 'OsBlod';
      src: url('../fonts/oswald-bold.woff2') format('woff2'),
          url('../fonts/oswald-bold.woff') format('woff'),
          url('../fonts/oswald-bold.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }

body{font-size: 16px; color: #333;}


.header{width:100%; margin: 0px 0%; /*position:fixed;*/ left:0px; top:0px; z-index:111;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
background: url(../images/top_bg.png) repeat-x top left;
position: fixed;
}
.header.fixedmenu1{ position:relative;}
.header.fixedmenu,.header.fixedmenu1.fixedmenu{width:100%;margin: 0px ;/*position:fixed;*/ background-color:#1a4db5; top:0px; left:0px; z-index:111111;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); 
background: url(../images/top_bg1.png) repeat-x top left;}
.header_top{width: 100%; height: 100px; display: block;}
.header_top1{width: 60%; float: right; height: 100px; }
.i_logo {width:40%;}
.i_logo,.i_logo_tel{ border: #007AFF; padding-top:13px;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_logo img{ max-width: 100%; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_logo .img1{ display:block;}
.i_logo .img2{ display:none;}
.i_logo.fr{text-align: right;}
.header .i_logo_tel{ font-size: 14px;color: #fff; margin-left: 20px; padding-top: 20px; background: url(../images/logo_bg.png) no-repeat left bottom; padding-left: 20px;}
.i_logo_tel .strong{font-weight: bold; font-weight: bold; font-size: 16px;}
.header.fixedmenu .i_logo_tel{ color: #333;font-size: 14px; margin-left: 20px; padding-top: 20px; background: url(../images/logo_bg.png) no-repeat left bottom; padding-left: 20px;}

.i_logo_ul{width:calc(100% - 150px);}
.i_logo_ul .nav_menu{width:100%; margin:0px; padding:0px; display:flex;justify-content: space-between;}
.i_logo_ul .nav_menu>li{ height:100px; width: 14.28%; margin:0px; padding:0px; position:relative;z-index:1111111;}
.i_logo_ul .nav_menu li .a_nav{width:100%; position:relative; height:100px; line-height:60px; display:inline-block; text-align:center; overflow:hidden; color:#fff; font-size:16px;line-height: 100px;}
.i_logo_ul .nav_menu li .a_nav:hover,.i_logo_ul .nav_menu li .a_nav.active,.i_logo_ul .nav_menu li .a_nav.active1{ color:#fff;text-decoration:none; }
.i_logo_ul .nav_menu li .a_nav:after{width:0px; height:3px; bottom: 0; background-color:#fff;color: #fff ;  position:absolute; left:50%; margin-left:-18px;bottom:0px;  content:"";-webkit-transition:all 0.5s;transition:all 0.5s;-moz-border-radius: 2.5px;-webkit-border-radius: 2.5px;border-radius:2.5px;}
.i_logo_ul .nav_menu li .a_nav.now{color:#60fff9;}
.fixedmenu .i_logo_ul .nav_menu li .a_nav:after{width:0px; height:3px; bottom: 0; background-color:#60fff9; position:absolute; left:50%; margin-left:-18px;bottom:0px;  content:"";-webkit-transition:all 0.5s;transition:all 0.5s;-moz-border-radius: 2.5px;-webkit-border-radius: 2.5px;border-radius:2.5px;}
.i_logo_ul .nav_menu li.active:after{width:36px; height:3px; bottom: 0; background-color:#fff;color: #fff ;  position:absolute; left:50%; margin-left:-18px;bottom:0px;  content:"";-webkit-transition:all 0.5s;transition:all 0.5s;-moz-border-radius: 2.5px;-webkit-border-radius: 2.5px;border-radius:2.5px;}
.i_logo_ul .nav_menu li dl.yxzy{ width: 102vw;left:50%; transform: translateX(-50%); }
.i_logo_ul .nav_menu li .yxzy{ display:none; flex-wrap: wrap;  text-align: left;}
.i_logo_ul .nav_menu li .yxzy .yxzy_d_flex{flex-wrap: wrap;  text-align: left; width: 100%;padding:1vw 5vw;  display: flex;
  justify-content: space-between; /* 或者使用 space-around */}
.i_logo_ul .nav_menu li dl.yxzy dd{border-right: 1px solid #f1f1f1;flex-shrink:0;flex-grow: 1;flex-basis: 40px;
}
.i_logo_ul .nav_menu li dl.yxzy ul li{line-height: 40px; height: 40px;}
.i_logo_ul .nav_menu li dl.yxzy dd>a{text-align: left; font-weight: bold;}
.i_logo_ul .nav_menu li dl.yxzy ul li a{text-align: left;}
.i_logo_ul .nav_menu li .a_nav:hover:after,.i_logo_ul .nav_menu li .a_nav.active:after,.i_logo_ul .nav_menu li .a_nav.active1:after{width:36px;}
.i_logo_ul .nav_menu li dl{width:160px; background-color:#fff; position:absolute; left:50%; margin-left:-80px;top:100%; display:none;}
.i_logo_ul .nav_menu li dl dd{ float:left;width:100%;}
.i_logo_ul .nav_menu li dl dd a{ width:100%; padding:10px 10px; line-height:1.7; text-align:center; color:#000000; font-size:14px; display:inline-block; overflow:hidden; text-align:center;}
.i_logo_ul .nav_menu li dl dd a:hover{ color:#fff; background-color:#1a4db5;}
.i_logo_ul .nav_menu li.active:after{display: none;}



.i_bcss{width:130px; height:100px; position:relative;}
.i_bcss_t{width:30px; height:30px; background:url(../images/tb_01s.png) center center no-repeat;background-size:18px; cursor:pointer; position:relative; top:50%; margin-top:-15px;}
.i_bcss_c{width:212px; height:38px; border:1px solid #c1bcba; background-color:#fff; position:absolute;  right:0px; top:100%; display:none}
.i_bcss_c .ipt1{width:160px; height:36px; text-indent:10px; border:0px; color:#333; font-size:14px; font-family:"微软雅黑";}
.i_bcss_c .ipt2{width:36px; height:36px; background:url(../images/tb_01.png) center no-repeat; border:0px; cursor:pointer; background-size:16px;}
.language a,.language{ padding: 0px 5px; color: #547dd1;}
.language a.on{color: #fff;}
.header.fixedmenu .i_logo_ul .nav_menu li .a_nav.now{color: #60fff9;}
.header.fixedmenu .i_logo_ul .nav_menu li .a_nav:hover,.header.fixedmenu .i_logo_ul .nav_menu li .a_nav.active,.header.fixedmenu .i_logo_ul .nav_menu li .a_nav.active1{ color:#60fff9;}
.header.fixedmenu .i_bcss_t{ background:url(../images/tb_01s.png) center center no-repeat;}
.header.fixedmenu .i_logo .img1{ display:none;}
.header.fixedmenu .i_logo .img2{ display:block;}


.wap_ssbn{width:30px; height:64px;  background:url(../images/tb_01a.png) center no-repeat;  background-size:16px; position:absolute; top:0px; right:50px; z-index:10000;}
.wap_ssbn span{width:100%; height:100%; display:inline-block;}
.wap_ssbn_div{width:200px; display:none; background-color:#fff; z-index:10000; position:absolute; right:0px; top:100%;box-shadow: 0px 5px 20px 0px #d9d9d9;}
.wap_ssbn_div .ipt1{width:72%; height:40px; line-height:40px; text-indent:15px; border:0px; font-family:"微软雅黑"; background-color:#fff; color:#b9b9b9; font-size:13px;}
.wap_ssbn_div .ipt2{width:20%; height:40px; background:url(../images/tb_01a.png) center no-repeat;  border:0px;}

.wap_bbqh{ height:30px; line-height:30px; position:absolute; right:90px; top:50%; margin-top:-15px; color:#666; font-size:14px;}
.wap_bbqh a{ color:#666; padding:0px 5px; display:inline-block;}
.wap_bbqh a:hover,.wap_bbqh a.active{ color:#158be0;}

.shubiao{width:56px; position:absolute; bottom:45px; left:50%; margin-left:-26px; z-index:111; background: url(../images/tb_02.png); }
.shubiao img{ width:100%;z-index:111; }
.shubiao .bk{width: 48px; height: 48px; border:#fff  dotted 2px; z-index: 112; border-radius: 50%;}


.demo{
   text-align: center;
    margin-top: 100px;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.an{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.img{border-radius: 250px;}


.index_bg1{padding: 3% 0; background:#fff url(../images/bg1.jpg) center bottom no-repeat; background-size:cover; background-color:#fff; display: block; overflow: hidden;}


.i_title_en{ color:#000000; font-size:18px; line-height:1.6;}
.i_title_en.active{ text-align:center;}
.i_title_cn.active{ text-align:center; background:none;}
.i_title_cn .s1{ padding-right:20px; font-size:36px;color:#000; display:inline-block; line-height:1.6;}
.i_title_cn.active .s1{ padding:0px 20px;}

.in_more{ display:inline-block; text-align: left; padding: 0px 10px 0 4%;  height:40px; line-height:38px; width:140px;background-color:#fff;         /* W3C syntax */ font-size:14px; color:#000; position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;
border:1px solid #999999;
}
.in_more:after{width:15px; height:36px; background:url(../images/tb_05.png) center no-repeat;  position:absolute; right:18%; top:50%;-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); content:""; z-index:1;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */ color: #1a4db5;-webkit-transition:all 0.5s;transition:all 0.5s;}
.in_more:hover{ background-color:#fff; color:#1a4db5; padding: 0px 10px 0 03%;  border:1px solid #1a4db5;}
.in_more:hover:after{background:url(../images/tb_05-1.png) center no-repeat;right:25%;  }

.in_more1{ display:inline-block; text-align: left; border: 1px solid #1a4db5; height:40px; line-height:38px; padding:0px 54px 0px 30px; background-color:#fff;-moz-border-radius: 21px;      /* Gecko browsers */
-webkit-border-radius: 21px;   /* Webkit browsers */
border-radius:21px;   color: #1a4db5;          /* W3C syntax */ font-size:16px; position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;}
.in_more1:after{width:30px; height:30px; background:url(../images/jt.png) center no-repeat;  position:absolute; right:12px; top:50%;-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); content:""; z-index:1;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */-webkit-transition:all 0.5s;transition:all 0.5s;}

.i_introduction_img{width:40%; display:inline-block; overflow:hidden;}
.i_introduction_img img{width:100%; float:right;}


.index_bg2{ border-bottom:1px solid #eeeeee; }


/*首页行业应用*/

/*首页新闻*/
.text_c{text-align: center;}
.custom_en{font-size: 16px; text-align: left; margin-bottom: 30px; color: #666;}
.i_news{padding: 3% 0; position: relative;}
.new_na{position: relative;width: 100%; text-align: center;}
.new_na a{margin: 10px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; display: inline-block;}
.new_na a.now{background: #1a4db5; color: #fff;}
.jngs_nt {display: inline-block; padding: 2%;}
.c0{font-size: 22px;}
.c1{ color: #2b2e96; cursor: pointer;font-size: 22px;}






.i_news_c  { display: block; overflow: hidden;}
.new_l_img{ display:inline-block; overflow:hidden; }
.i_news_c .new_l img{width: 100%; transition: all ease-in-out .2s; display:inline-block; overflow:hidden;}
.i_news_c .new_l:hover img{-webkit-transform: scale(1.2);width:100%; transition: all ease-in-out .2s;
	transform: scale(1.2);}
.new_l_con{color: #1a4db5; font-weight: bold; position: relative; padding-left: 20px;}
.new_l_con:before{width: 10px; height: 10px; background: #1a4db5; content: ''; left: 0; display: block; top: 30%;position:absolute;}
.i_news_c ul{width:100%; float: right; margin:0px;}
.i_news_c ul li{width: 23%; text-align: left; float: left; margin: 1%;}

.i_news_c ul li .i_new_img{width: 100%;float: left; display:inline-block; overflow:hidden;}
.i_news_c ul li .i_new_img img{width:100%;float: left; transition: all ease-in-out .2s;transform: scale(1); display:inline-block; overflow:hidden;}
.i_news_c ul li:hover .i_new_img img{width:100%;float: left; transition: all ease-in-out .2s;-webkit-transform: scale(1.2);transform: scale(1.2);width:100%; transition: all ease-in-out .2s;
	transform: scale(1.2);}

.i_news_c ul li .i_new_con h3{color: #000; display: block;}
.i_news_c ul li:hover .i_new_con h3:before{left:0px;top: 8px; position:absolute; width: 12px; height: 12px;}
.i_news_c ul li:hover .more{ color: #1a4db5;}
.i_new_con h3{font-size: 16px; font-weight: normal; text-align: center; height: 50px; line-height: 50px; display: block; overflow: hidden;width: 100%;padding: 2% 0;}

.i_fbg{border-top: 1px solid #e8e8e8; padding-top: 1px; background: #f4f4f4;}
.h_link{background: #fcfcfc;  padding: 20px;}
.h_link a{padding: 0 10px;}
.footer_link{padding: 1%; background: #fcfcfc; text-align: center;}
.footer_link a{color: #666666; padding:5px 20px;}
.footer_link a:hover{color: #2a2c93;}
.footer_logo{background: #f4f4f4; text-align: center; padding: 15px; border-top: 1px solid #eaeaea;}
.footer_logo img{height: 80px;}
.footer { width:100%; margin:0px; padding:1% 5%;justify-content: space-between;display: block;overflow: hidden;}
.footer_l{width: calc(100% - 1000px); float: right;}
.footer li{width:15%; float: left;}
.footer_r li.last{width: 30%;}
.footer  li .a_nav{width:100%; position:relative; height:40px; line-height:40px; color:#000; font-size:16px; font-weight: bold;overflow: hidden;}
.footer  li .a_nav:hover{ color:#000;text-decoration:none; }
.footer  li dl{  position:relative; display:block;}
.footer  li dl dd{ float:left;width:100%;text-align: left; height: 24px; line-height: 24px;}
.footer  li dl dd a{position: relative; width:100%;color:#666666; font-size:14px; display:inline-block; overflow:hidden; text-align:left;}
.footer  li dl dd a:hover{ color:#3891d5; padding-left: 10px;}
.footer  li dl dd a:after{content: ''; width:0px; height:1px; left: 0; bottom: 0; background-color:#3891d5;color: #3891d5 ;  position:absolute;}
.footer  li dl dd:hover a:after{ width: 6px; top: 50%; transition: all ease-in-out .5s;}
.footer_r{width: 1000px; float: left; font-size: 14px; color: #666666;}
.footer_r li .a1{font-weight: bold;}
.footer_r_c_exm img{max-width: 100%;}
.i_footer_bq .fr{display: block; width: 100%; text-align: center;}
.bg_footer{background: #fff;}
.footer_l_logo{padding: 1%;}
.footer_l_logo img{max-width: 60%;}
.footer_r .footer_name{font-size: 16px; font-weight: bold; color: #333333;height:40px; line-height: 40px;}
.i_footer_bq{background: #2a2c93;display: block;overflow: hidden;color: #fff;font-size: 14px;text-align: center; padding: 10px;}

.i_footer_bq a{ 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;}
.none{display: none;}
.block{display: block;}


.n_banner{width:100%; background-position: center center; background-repeat:no-repeat; background-size:cover; position:relative; display: block; overflow: hidden; line-height: 0;}
.n_banner img{width:100%;}
.n_banner:after{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1; content:""; background:url(../images/tb_26.png) top center repeat-x;}
.n_banner_text{width:100%; position:absolute; left:0px; top:40%; color:#045ca0; font-size:36px; z-index:2;display: none;}
.n_banner_text .s1{ font-size:48px;font-family: 'OsRegular'; line-height:1.0;}
.n_banner_text .w1400{ line-height:1.3;}
.n_banner_text .n_where{ font-size: 16px; color: #666666; margin-top: 1%;}
.n_banner_text .n_where a{color: #666666;}
.n_banner_text .n_where a:hover{color: #045ca0;}
.n_menu{ background:url(../images/n_menu.png) no-repeat left bottom; padding-top: 30px; background-size: cover; width:100%; position:absolute; left:0px; bottom:0px; z-index:2; text-align:left;}
.a_menu{text-align:left;width:100%; margin:0px; padding:0px; overflow:hidden; position:relative; z-index:1;}
.a_menu .a_menu_a{ padding:0px; margin:0px; padding:0 30px 0 0; margin:0;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; display:inline-block; overflow:hidden; text-align:left; line-height:60px; color:#fff; font-size:18px; position:relative;}
.a_menu .a_menu_a:hover,.a_menu .a_menu_a.activetm1{ color:#60fff9;  text-decoration:none;}
.n_menus_name{font-size: 24px; color: #fff; height: 30px; padding-top: 20px;}

.n_menu .where{ display: inline-block; float: left; height: 60px; line-height: 60px; color: #fff; font-size: 14px;}
.n_menu .where a{color: #fff;}
.a_zxlmenu{width:100%; position:relative; display:none; z-index:111;}
.a_zxlmenu_t{width:100%;padding:1% 0px; font-size:16px; text-align:center; background-color:#1a4db5; color:#fff; cursor:pointer; background-size:40px;
background:#1a4db5 url(../images/zxl_jt1.png) no-repeat 90% center; background-size: 20px;}
.a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px;  padding:0px; background-color:#f1f1f1;text-indent:0px; display:none;-moz-box-shadow:0px 0px 10px #f1f1f1;/*firefox*/  
-webkit-box-shadow:0px 0px 10px #f1f1f1;/*webkit*/  
box-shadow:0px 0px 10px #f1f1f1;/*opera或ie9*/}
.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:#333; font-size:14px; text-decoration:none; text-indent:0px; float:left;}
.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#fff; text-decoration:none; background-color:#2fb6e7;}
.a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #eaeaea;display:none; float:left; background-color:#f1f1f1;}
.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:#c4eeff; font-size:14px; text-decoration:none; text-indent:0px;}
.page{padding: 2% 0; border-top: 1px solid #e8e8e8; margin: 3% 0; line-height: 1.5;}

.i_section{
	position: relative;
	box-sizing: border-box;
	width:100%; overflow:hidden;
	}
.bg_blur{
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-size:cover;
	background-attachment: fixed;
	background-position-x:center !important;
	/*opacity: 0.4;*/
	z-index: 1;
}
.n_about_content{width:100%; position:relative; padding:75px 0px 85px 0px; z-index:1;}
.n_text_cen{text-align: center; padding: 0;}
/*关于我们 start*/
.n_left{width: 220px; float: left; display: block; overflow: hidden;background: #fff;}
.zs_left{width: 220px; float: left; display: block; overflow: hidden;/*! background: #fff; */}
.n_lefts{ width: 330px; float: left;  display: block; overflow: hidden;}
.n_left1{width: 100%;background: #1a4db5;}
.n_left2{width: 100%; background: #003a66; display: block; margin-top: 20px;}
.n_lefts .n_name{background: url(../images/logo1.png) left center no-repeat;  font-size: 30px; text-align: left; text-indent: 10%;}
.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_left ul{padding: 5%; display:block; overflow: hidden;}
.n_left li{height: 38px; position: relative; line-height: 38px; background: #f1f2f3 ; border-radius: 20px; margin: 20px 10px;}
.n_left li:after{transition: all ease-in-out .5s; content: '';position: absolute; right: 6px;top: 6px; opacity: 0;height: 24px; width: 24px;background: #faf0e8 url(../images/more.png) no-repeat left center;}
.n_left li a{display: block; overflow: hidden; color: #333;padding-left: 20px; border-radius: 20px;} 
.n_left li:hover a,.n_left li.on a{display: block;  overflow: hidden; color: #e25e00;background: #faf0e8; opacity: 1; padding-left: 25px;} 
.n_left li:hover:after,.n_left li.on:after{transition: all ease-in-out .5s; content: '';position: absolute; right: 12px;top: 6px; height: 24px;opacity: 1; width: 24px;background: #faf0e8 url(../images/more.png) no-repeat left center;}


.n_left1 ul{padding: 0 5% 10% 5%; display:block; overflow: hidden;}
.n_left1 li{height: 49px; position: relative; line-height: 49px; background: #2656b9 ; border-radius: 0px; margin: 10px 10px;}
.n_left1 li:after{border-radius: 0px;transition: all ease-in-out .5s; content: '';position: absolute; right: 6px;top: 6px; opacity: 0;height: 24px; width: 24px;}
.n_left1 li a{display: block; overflow: hidden; color: #fff;padding-left: 20px;} 
.n_left1 li.on{ background: #4871c4;}
.n_left1 li:hover a,.n_left1 li.on a{display: block; overflow: hidden; color: #fff;padding-left: 20px; background: #315fbd; border-radius: 0px;} 
.n_left1 li:hover:after,.n_left1 li.on:after{transition: all ease-in-out .5s; content: '';position: absolute; right: 12px;top: 6px; height: 24px;opacity: 1; width: 24px;}
.n_l_contact{padding:0 10% 10% 10%; color: #fff;}
.n_l_contact .read_more {width: 180px; margin-top: 20px; height:56px; line-height:56px; text-align: center; background: #fff; color: #003a66; display: block;}
.n_l_contact .read_more:hover{background: #d0dbe2; transition: all ease-in-out .5s;}
.n_name1{border-bottom: 1px solid #f1f2f3; padding: 2% 3%; display: block; overflow: hidden;}
.n_name1 .custom{font-size: 24px; color: #045ca0;  float: left; height: 50px; line-height: 50px; position: relative; padding-left: 20px;}
.n_name1 .custom:before{ width: 3px; height: 24px; content: ''; position: absolute; left: 0; top: 50%; bottom: 0; background: #1a4db5;transform: translate(0%, -50%); }
.n_name1 .n_where{float: right; color: #666666;}
.n_name1 .n_where a{padding: 20 20px;color: #666666;height: 50px; line-height: 50px;font-size:16px;}
.n_name1 .n_where a:hover{padding: 20 20px;color: #1a4db5;}

.n_name{height: 100px; line-height: 100px; text-align: center; color: #fff; font-size: 24px; background:#1a4db5 url(../images/logo1.png) left center no-repeat;}
.n_right{width: calc(100% - 240px); float: right; background: #FFFFFF; display: block; overflow: hidden;}
.n_right1{width: calc(100% - 350px); float: right; background: #FFFFFF; display: block; overflow: hidden;}
.zjsg .n_right{width: 100%;}
.zjsg .zs_left{display: none;}
.ui_box1.zjsg{padding: 0;}
.zjsg .n_name1{padding: 2% 0;}
.zjsg.ui_box1{background: #fff;}
.zjsg .n_right_con{padding: 2% 0 4% 0;}
.n_right_con{padding:2% 4% 4% 4%;width:100%; color:#333333; font-size:16px; line-height:2; overflow:hidden; text-align:justify;}
.n_right_con .show_name span{display: none}
.n_right_con img{ max-width:100%; height:auto !important; width: 100%;}
.n_right_con1{padding:0% 0 2% 0%;width:100%; color:#333333; font-size:16px; line-height:2; overflow:hidden; text-align:justify;}
.n_right_con1 img{ max-width:100%; height:auto !important;}
.n_right_con2{width: 80%; max-width: 600px;  margin: 3% auto;}
.n_right_con2 .yxdj {border: none;}
.n_right_con2 .input,.n_right_con2 .submit-btn{width: 370px;}
.n_right_con2 .yxdj .input1{width: 260px !important;}
.n_right_con3{width: 94%; max-width: 700px;  margin: 5% auto;}
/*成绩查询start*/
.d_load{width: 188px; height: 40px; margin-left: 10px; border-radius: 6px; background: #1a4db5; color: #fff; font-weight: bold; text-align: center; line-height: 40px; margin-top: 4px;border: none;}
.d_load:hover{background: #0427ab; transition: all ease-in-out .5s; color: #fff;}

.d_load1{width: 188px; max-width: 80%; height: 40px; margin-left: 10px; border-radius: 6px; background: #1a4db5; color: #fff; font-weight: bold; text-align: center; line-height: 40px; margin-top: 4px;border: none;}
.d_load1:hover{background: #0427ab; transition: all ease-in-out .5s; color: #fff;}
table{   width: 100%;border-collapse: collapse;}
@media (min-width: 768px) {
  .n_right_con3 table td {

        width: 50%;

      }

    }


    /* 手机端：单列布局 */

    @media (max-width: 767px) {

    .n_right_con3 table td {

        display: block;

        width: 100% !important; /* 强制100%宽度 */

      }
      .n_right_con3 table td{border-bottom: 0px !important;}
       .n_right_con3 table{border-bottom: 1px solid #dcdcdc !important;}
      }
.n_right_con3 table {margin-bottom: 20px;}
.n_right_con3 table td{padding: 0 10px;height: 50px;line-height: 50px;border: 1px solid #dcdcdc;}
.n_right_con3 table td .name{color: #666; width: 80px; display: inline-block; float: left;}
.n_right_con3 table td .content{padding: 0px; margin: 0;font-weight: bold;float: left; width: calc(100% - 100px);}
.table_name{font-weight: bold; height: 40px; line-height: 40px;}
.yxdj .input1{width: 190px !important;}
.yzm{width: 100px !important; /*! margin-left: 10px; */ display: inline-block;float: left;}


    /* 弹窗遮罩层 */
    #modalOverlay {
      display: none; /* 默认隐藏 */      position: fixed;      top: 0;  left: 0;      width: 100%;      height: 100%;      background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
      justify-content: center;  align-items: center;  z-index: 1000;
    }
    #modalContent {      background-color: white;      padding: 20px;      border-radius: 8px;      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      max-width: 90%;      width: 400px;      position: relative;    }
    /* 关闭按钮 */
    #closeModalBtn {      position: absolute;      top: 10px;      right: 10px;      background: none;      border: none;      font-size: 18px;      cursor: pointer;
      color: #aaa;    }

    #closeModalBtn:hover {      color: #333;    }
    
   #modalOverlay1 {
      display: none; /* 默认隐藏 */      position: fixed;      top: 0;  left: 0;      width: 100%;      height: 100%;      background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
      justify-content: center;  align-items: center;  z-index: 1000;
    }
    #modalContent1 {      background-color: white;      padding: 10px;  padding-top: 40px;     border-radius: 8px;      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
     width: 96%;      max-width: 800px !important;      position: relative;    }
    /* 关闭按钮 */
    #closeModalBtn1 {      position: absolute;      top: 10px;      right: 10px;      background: none;      border: none;      font-size: 18px;      cursor: pointer;
      color: #aaa;    }

    #closeModalBtn1:hover {      color: #333;    }
    
    
    
    
    
.lqtzs_show{position: relative;display: flex;}
.lqtzs_show img{width: 100%; z-index: 2;}
.lqtzs_content{position: absolute;z-index: 3; left: 0px; top: 0;width: 100%;height: 100%;}
.lq1,.lq2,.lq3,.lq4,.lq5,.lq6,.lq7,.lq8,.lq9,.lq10,.lq11,.lq12,.lq13,.lq14{display: inline-block;position: absolute;top: 23%;  text-align: center;
font-size: clamp(0px, 1.5vw, 18px); font-weight: bold;  font-family:  -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
.lq1{left: 41%;top: 23%;}
.lq2{left: 55.5%;top: 23%;}
.lq3{left: 9.5%;top: 30%; width: 16%;}
.lq4{left: 17.68%;top: 37.5%; width: 8%;}
.lq5{left: 9%;top: 44%; width: 30%;}
.lq6{left: 59%;top: 44%; width: 6%;}
.lq7{left: 40%;top: 51%; width: 7%;}
.lq8{left: 49%;top: 51%; width: 5%;}
.lq9{left: 56%;top: 51%; width: 5%;}
.lq10{left: 66.5%;top: 51%; width: 5%;}
.lq11{left: 74%;top: 51%; width: 5%;}
.lq12{left: 70%;top: 77%; width: 10%;}
.lq13{left: 80%;top: 77%; width: 6%;}
.lq14{left: 9%;top: 30%; width: 16%;}



/*成绩查询end*/
.n_news_bg{ background:#f8f8f8; background-size:cover; display: block; overflow: hidden;}
.n_news{ padding:45px 0px 50px 0px;}
.n_news_ul{width:100%; display: block; overflow: hidden;  display: flex;  flex-wrap: wrap; /* 允许子元素换行 */ /*! padding-top: 3%; */}
.n_news_ul li{width:31.3%; margin-bottom:25px; float:left;  margin-right: 2%;/*! padding:2%; */}
.n_news_ul li .i_new_img{width:100%;  background-color:#fff; color:#666666; font-size:14px; display:inline-block;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.n_news_ul li .i_new_img:hover{ color:#666;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.n_news_ul li a{width: 100%;}
.n_news_ul li .i_new_img {width:100%; display:block; overflow:hidden; float: left; position: relative;}
.n_news_ul li .i_new_img img{width:100%; float:left;transform: scale(1); transition: all ease-in-out .3s;}
.n_news_ul li:hover .i_new_img img{width:100%; float:left; transform: scale(1.1); transition: all ease-in-out .3s;}
.play{ position: absolute; z-index: 2; max-width: 15%; left: 50%; top: 50%;-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/*教学视频*/
.h_plays_ul{width:100%; display: block; overflow: hidden; }
.h_plays_ul li{width:31.333% !important; margin-bottom:25px; float:left;  margin-right: 3%;/*! padding:2%; */}
.h_plays_ul li:nth-child(3n){margin-right: 0;}
.h_plays_ul li .i_play_img{width:100%;  background-color:#fff; color:#666666; font-size:14px; display:inline-block;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
  .h_plays_ul li a{width: 100%;}
.h_plays_ul li .i_play_img:hover{ color:#666;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.h_plays_ul li .i_play_img {width:100%; display:block; overflow:hidden; float: left; position: relative; max-height: 300px;}
.h_plays_ul li .i_play_img img{width:100%; float:left;transform: scale(1); transition: all ease-in-out .3s;height: 100%;}
.h_plays_ul li:hover .i_play_img img{width:100%; float:left; transform: scale(1.1); transition: all ease-in-out .3s;}
.play{ position: absolute; z-index: 2; max-width: 15%; left: 50%; top: 50%;-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.i_play_con{height: 40px; line-height: 40px;}
.show_name{padding: 2% 0; border-bottom: 1px solid #f1f2f3;}
.show_name h1{text-align: center;}
.show_con{padding: 2% 0; position: relative;}
/*业态动态*/

.dqgz{display: block; overflow: hidden;}
.dqgz .dqgz_name{font-size: 30px; display: block; overflow: hidden; height: 60px;margin-bottom: 20px;}
.dqgz .dqgz_name .fr{font-size: 16px;line-height: 60px;}
.dqgz li{width: 31%;  float: left;  margin-right: 3.5%; position: relative; background: #f5f5f5; margin-bottom: 20px;}
.dqgz li:nth-child(3n){ margin-right: 0;}
.dqgz li .dqgz_img{ width:100% ; display: block; overflow: hidden;line-height: 0;}
.dqgz li .dqgz_img img{width: 100%;}
.dqgz li h3{background: #f2f2f2 url(../images/read_more.png) no-repeat 94% center;
	font-weight: normal; font-size: 16px; padding:0 45px 0 10px  ; height: 40px; display: block; overflow: hidden; line-height: 40px; display: block;overflow: hidden;}
.dqgz li .dqgz_con{height:72px ; line-height: 24px; display: block; overflow: hidden; margin: 20px 0; color: #333;}
.dqgz li .dqgz_time{color: #999; padding-bottom: 20px;}
.dqgz li:after{ width: 0%; height: 2px; background: #1a4db5; content: ""; left: 0; bottom: 0; display: block; transition: all ease-in-out .2s;}
.dqgz li:hover:after{ width: 100%; height: 2px; background: #1a4db5; content: ""; left: 0; bottom: 0; display: block;  transition: all ease-in-out .2s;}




.n_newss{display: block; overflow: hidden;}
.n_newss .n_newss_name{font-size: 30px; display: block; overflow: hidden; height: 60px;margin-bottom: 20px;}
.n_newss .n_newss_name .fr{font-size: 16px;line-height: 60px;}
.n_newss li{width: 31%;  float: left;  margin-right: 3.5%; position: relative;}
.n_newss li:nth-child(3n){ margin-right: 0;}
.n_newss li .div .n_newss_img{ width:100% ; display: block; overflow: hidden;line-height: 0;}
.n_newss li .n_newss_img img{width: 100%;}
.n_newss li h3{font-weight: normal; font-size: 22px; margin: 10px 0; height: 40px; display: block; overflow: hidden; line-height: 40px;}
.n_newss li .n_newss_con{height:72px ; line-height: 24px; display: block; overflow: hidden; margin: 20px 0; color: #333;}
.n_newss li .n_newss_time{color: #999; padding-bottom: 20px;}
.n_newss li:after{ width: 0%; height: 2px; background: #1a4db5; content: ""; left: 0; bottom: 0; display: block; transition: all ease-in-out .2s;}
.n_newss li:hover:after{ width: 100%; height: 2px; background: #1a4db5; content: ""; left: 0; bottom: 0; display: block;  transition: all ease-in-out .2s;}



.padd_top_bot_20{padding: 5% 0; display: block; overflow: hidden;}
.n_news_c  { display: block; overflow: hidden; width: 48%;}
.n_news_c .n_newss_name{font-size: 30px; display: block; height: 60px; border-bottom: 2px solid #eeeeee; position: relative;}
.n_news_c .n_newss_name:after{display: block; width: 120px; height: 2px; content: ""; left: 0px; bottom: -2px; position: absolute; background: #1a4db5;}
.n_news_c .n_newss_name .fr{font-size: 16px; line-height: 60px;}
.n_news_c .new_l{transition: all ease-in-out .2s;width: 45%;float: left; background: url(../images/newbg.jpg) no-repeat right top; padding: 50px 50px 20px 0; display: block; overflow: hidden;}
.new_l_img{ display:inline-block; overflow:hidden; }
.n_news_c .new_l img{width: 100%; transition: all ease-in-out .2s; display:inline-block; overflow:hidden;}
.n_news_c .new_l:hover img{-webkit-transform: scale(1.2);width:100%; transition: all ease-in-out .2s;
	transform: scale(1.2);}
.new_l_con{color: #1a4db5; font-weight: bold; position: relative; padding-left: 20px;}
.new_l_con:before{width: 10px; height: 10px; background: #1a4db5; content: ''; left: 0; display: block; top: 30%;position:absolute;}
.n_news_c ul{width: 100%; float: right; margin: 50px 0; background: url(../images/newbg1.jpg) repeat-y 75px top;}
.n_news_c ul li{width: 100%;}
.n_news_c ul li:nth-child(2){padding: 20px 0;}

.n_news_c ul li .i_new_img{width: 25%;float: left; display:inline-block; overflow:hidden;}
.n_news_c ul li .i_new_img img{width:100%;float: left; transition: all ease-in-out .2s;transform: scale(1); display:inline-block; overflow:hidden;}
.n_news_c ul li:hover .i_new_img img{width:100%;float: left; transition: all ease-in-out .2s;-webkit-transform: scale(1.2);transform: scale(1.2);width:100%; transition: all ease-in-out .2s;
	transform: scale(1.2);}

.n_news_c ul li .i_new_con{width: calc( 75% - 20px); color: #333; float: left; margin-left: 20px;}
.n_news_c ul li .i_new_con h3{color: #333; font-size: 16px; font-weight: bold; display: inline-block;position:relative; padding-left: 24px;}
.n_news_c ul li .i_new_con h3:before{left:0px;top: 8px; position:absolute; width: 12px; height: 12px;  background: #a5a5a5 url(../images/jt1.png) no-repeat center; content: "";}
.n_news_c ul li .i_new_con .more{color: #888888; font-size: 12px;}

.n_news_c ul li:hover .i_new_con h3{color: #1a4db5;}
.n_news_c ul li:hover .i_new_con h3:before{left:0px;top: 8px; position:absolute; width: 12px; height: 12px;  background: #1a4db5 url(../images/jt1.png) no-repeat center; content: "";}
.n_news_c ul li:hover .more{ color: #1a4db5;}

.n_news .n_honor{ margin-bottom:25px; background: #fff; padding: 5%;}
.n_news_details{width:100%; color:#333333; font-size:16px; line-height:2; overflow:hidden; text-align:justify;}
.n_news_details img{ max-width:100%; height:auto !important;}
.n_news_details_t{ padding:60px 0px 40px 0px;}
.n_news_details_title{width:100%; color:#000000; font-size:36px; text-align:center;}
.n_news_details_time{width:100%; line-height:1.8; color:#666666; font-size:16px; padding-top:5px; text-align:center;}
.n_news  .i_news_ul{ padding:0px;}
.n_news_details_b{ width:100%; padding:20px; background-color:#fff;}
.n_news_details_b .a1{width:43%; display:flex; align-items:center; height:60px; padding:0px 0px 0px 85px; line-height:1.7; color:#666666; font-size:16px; position:relative;}
.n_news_details_b .a1:after{width:60px; height:60px; background:url(../images/tb_32.png) center no-repeat; background-color:#d2d2d2; content:""; position:absolute; left:0px; top:0px; z-index:1;-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_news_details_b .a1:hover{ color:#1a4db5;}
.n_news_details_b .a1:hover:after{background:url(../images/tb_32.png) center no-repeat; background-color:#1a4db5;}
.n_news_details_b .a2{width:30px; display:flex; align-items:center; overflow:hidden; text-align:center; position:relative; text-align:center;justify-content:center;}
.n_news_details_b .a2 img{width:100%;}
.n_news_details_b .a2:after{width:100%; height:100%; background:url(../images/tb_34s.png) center center no-repeat; background-size:100%; position:absolute; left:0px; top:0px; z-index:1; content:"";-webkit-transition:all 0.5s;transition:all 0.5s;filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity:0;   opacity:0;}
.n_news_details_b .a2:hover:after{filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity:1;   opacity:1;}
.n_news_details_b .a3{width:43%; display:flex; align-items:center; height:60px; padding:0px 85px 0px 0px; line-height:1.7; color:#666666; font-size:16px; position:relative;}
.n_news_details_b .a3:after{width:60px; height:60px; background:url(../images/tb_33.png) center no-repeat; background-color:#d2d2d2; content:""; position:absolute; right:0px; top:0px; z-index:1;-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_news_details_b .a3:hover{ color:#1a4db5;}
.n_news_details_b .a3:hover:after{background:url(../images/tb_33.png) center no-repeat; background-color:#1a4db5;}
.n_new_name_l{font-size: 30px; color: #1a4db5; position: relative; float: left; height: 80px; line-height: 70px;}
.n_new_name_l:after{display: block;position: absolute; width: 120px; height: 3px; background: #1a4db5; content: "";}
.n_new_where{background: url(../images/where.svg) no-repeat left center; padding-left: 20px; color: #999; float: right; line-height: 60px; height: 60px;}
.n_new_where a{color: #999;}

/*联系我们*/
.contact{border: 1px solid #dcdcdc; display:flex; overflow: hidden; position: relative;}
.conatct_l{width: 50%; float: left; position: relative; position: relative;}
.conatct_r{width: 50%; float: right; padding:2% 3%;width: 40% !important;}
.contact_l{width:54%;float: left; position: relative;}
.contact_l1{position: absolute; left: 0; margin: 10px; background: #fff; padding: 10px; width: 100%;}
.contact_l1 a{width: 100%; display: block;}
.contact_l li{width:100%; float:left;; display: block; overflow: hidden;  margin-top: 20px;}
.contact_l li .div_t{width:100%; padding-top:10px; line-height:1.4; color:#000000; font-size:18px; text-align: left; padding-left: 50px;}
.contact_l li .div_t .s1{ font-size:24px; color:#1a4db5;}
.contact_l li:first-child .div_c1 {font-size: 24px; /*! font-weight: bold; */}
.contact_l li .div{display: block; overflow: hidden;}
.contact_l li .bg1s{ background:url(../images/p1.png) left 20px no-repeat;}
.contact_l li .bg2s{ background:url(../images/p2.png) left 20px no-repeat;}
.contact_l li .bg3s{ background:url(../images/p3.png) left 20px no-repeat;}
.contact_l li .bg4s{ background:url(../images/p4.png) left 20px no-repeat;}
.contact_l li .div_c{width:100%; padding-top:10px;}
.contact_l li .div_c .s1{ margin-right:15px; padding-top:10px; display:inline-block;}
.contact_l li .div_c .s1 img{ border:1px solid #cbcbcb;}
.contact_l li .div_c1{width:100%; padding-top:10px; line-height:1.2; color:#333; font-size:24px; text-align: left;}
.contact_l li .div_c2{width:100%; line-height:1.7; padding-top:10px; color:#000000; font-size:22px;}
.contact_l1 li{margin-top: 0; padding:0}
/*资料下载*/
.ny_fwzc_l{width:21.4%;  border:1px solid #e8eef5; background-color:#fff; border-bottom:0px;}

.ny_fwzc_l li{width:100%; border-bottom:1px solid #e8eef5; float:left;}

.ny_fwzc_l li .div_t{width:100%; height:60px; line-height:60px; padding:0px 40px 0px 57px; display:inline-block; overflow:hidden; color:#333333; font-size:18px; background:url(../images/a17.png) right 20px center no-repeat; position:relative;}

.ny_fwzc_l li .div_t:after{width:16px; height:16px; background:url(../images/a9.png) center no-repeat; position:absolute; left:25px; top:50%; margin-top:-8px; content:""; z-index:1;}

.ny_fwzc_l li .div_t:hover,.ny_fwzc_l li .div_t.activeleftmenu{ color:#fa400d;}

.ny_fwzc_l li .div_t.active{ background:url(../images/a15.png) right 20px center no-repeat;}

.ny_fwzc_l li .div_t.activeleftmenu.active{ background:url(../images/lo.png) right 20px center no-repeat;}

.ny_fwzc_l li .div_c{width:100%; display:none;}

.ny_fwzc_l li .div_c dd{ padding-bottom:7px; width:100%; float:left;}

.ny_fwzc_l li .div_c dd a{width:100%; height:45px; line-height:45px; padding:0px 40px 0px 57px; display:inline-block; overflow:hidden; color:#222222; font-size:16px;}

.ny_fwzc_l li .div_c dd a:hover,.ny_fwzc_l li .div_c dd a.activetwo{ color:#fa400d; font-weight:bold; background-color:#fdede8;}

.ny_fwzc_r{width:100%;padding: 0;background-color:#fff;/* min-height:500px; */}

.ny_fwzc_list{width:100%;}

.ny_fwzc_list li{width:25%;padding:0px 15px 30px 15px;float:left;}

.ny_fwzc_list li .div{width:100%; border:1px solid #f0f0f0; display:inline-block; overflow:hidden; color:#333; font-size:14px; padding:25px;}

.ny_fwzc_list li .div:hover{ color:#aaa; border:1px solid #1a4db5;}

.ny_fwzc_list li .div .a_img{width:100%; margin-bottom:10px; text-align:center;}

.ny_fwzc_list li .div .a_img img{ height:85px;}

.ny_fwzc_list li .div .a_title{ height:60px;width:100%; overflow:hidden; line-height:30px; font-size:16px; text-align:center;}

.ny_fwzc_list li .div:hover .a_title{ color:#1a4db5;}

.ny_fwzc_list li .div .a_s1{width:100%; text-align:center; margin-bottom:15px; height:32px; line-height:32px; overflow:hidden;}

.ny_fwzc_list li .div .a_s2{width:100%; text-align:center;}

.ny_fwzc_list li .div .a_s2 span{ background:url(../images/load3.jpg) left center no-repeat; height:18px; padding-left:18px; line-height:18px; display:inline-block;}



.bg-bs {width: 100%; background: #fff; height: auto;position: relative;overflow: hidden; display: block; padding: 3% 0;}
.bg-bs_1 {width: 100%; background: #f1f2f3; height: auto;position: relative;overflow: hidden; display: block;}


/*首页学院 start*/
.i_xy_bg1{ width: 100%;padding: 3% 0; display: block; overflow: hidden; background: url(../images/bg2.jpg) no-repeat left top; background-size: cover;}
.custom_cn{font-size: 36px; text-align: center;}
.custom_cn .s1{color: #000;}
.custom_cn .custom_more{ text-align: center; line-height: 1;}
.custom_cn .custom_more a{font-size: 16px; color: #fff; border: 2px solid #fff; width: 160px; padding-left: 30px; background: url(../images/more.png) no-repeat 80% center; text-align: left; height: 42px; line-height:38px; border-radius: 21px;}
/*service start*/
.index-bb { width: 100%; position: relative; overflow: hidden; margin-top: 3%;}
.index-bb1 {position: absolute; background: url(../images/bottom_bg.png) repeat-x left top; width: 100%; height: 83%;}

.bbw-n { height: 520px; position: relative;}
.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%;}
.inzgsul { display: inline-block; position: relative; height: auto; width: 100%; margin: 0px auto; z-index: 2; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.inzgsul .bor { display: block; overflow: hidden;display: flex;justify-content: space-between;}
.inzgsul li { float: left; width: 16.666%; position: relative; height: 66vh; border-right: 1px solid rgba(255, 255, 255, 0.1); text-align: left; margin: 0px; padding: 0px; z-index: 2;flex-shrink: 0;flex-grow: 1;flex-basis: 40px;}
.inzgsul li:after { position: absolute; transition: all ease-in-out .5s; width: 0%; height: 5px; background: #c92b2f; left: 0px; bottom: 0px; content: '';}
.inzgsul li:hover:after { width: 100%; height: 15px; transition: all ease-in-out .5s;}
.inzgsul li:hover { -webkit-transition: all .5s; transition: all .5s; opacity: 1; background: url(../images/s_bg.png) repeat-x left bottom;}
.inzgsul li a { display: block; overflow: hidden; padding: 5%; width: 100%;}
.inzgsul li .bor_content { display: none; color: #fff; font-size: 16px; height: 0px; webkit-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
.inzgsul li:hover .bor_content { display: block; height: auto; webkit-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
.inzgsul li:last-child { border-right: none;}
.inzgsul li .abox { position: absolute; box-sizing: border-box; display: block; -webkit-transition: all 0.5s; transition: all 0.5s; left: 50%; bottom: 12%; webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.inzgsul li .abox .p1 { transition: all ease-in-out .5s;font-size: 24px; font-weight: normal; position: relative; z-index: 2; /* padding-top: 30%; */ padding-bottom: 2%; text-align: left; transition: all .5s;}
.inzgsul li .abox .p1 img { width: 26%;transition: all ease-in-out .5s;}
.inzgsul li:hover .abox .p1 img { width:35%; transition: all ease-in-out .5s;}
.inzgsul li:hover .abox .p1 {transition: all ease-in-out .5s;transition: all ease-in-out .5s; font-size: 24px; font-weight: normal; position: relative; z-index: 2; padding-top: 32%; padding-bottom: 0%; transition: all .5s; text-align: center;}
.inzgsul li .abox .p2 { font-size: 18px; position: relative; color: #fff; z-index: 2; text-align: left;}
.inzgsul li:hover .abox .p2 {font-size: 22px; text-align: center;transition: all ease-in-out .5s;}
.inzgsul li .abox .pro_more { font-size: 14px; position: relative; color: #fff; z-index: 2; height: 36px; line-height: 32px; text-align: center; border: 1px solid #fff; width: 140px; margin: 0px auto; margin-top: 5%;display: none;}
.inzgsul li:hover .abox .pro_more {display: block;transition: all ease-in-out .5s;}
.inaboutbox .lin1 { position: relative; width: 10%; border-bottom: 2px solid #333; min-height: 1px; margin-top: 5%;}
.inzgsul li .nkong .p1 { font-size: 36px; color: #f9f9f9; font-weight: bold; text-align: center;transition: all ease-in-out .5s;}
.inzgsul li .nkong .p2 { font-size: 16px; color: #ffffff; padding-top: 15px; text-align: center;transition: all ease-in-out .5s;}
.inzgsul li .nkong a { color: #fff;}
.inzgsul li .c1 .p1 { color: #fff;}
.insection2 .title { text-align: center; margin-bottom: 70px;}
.insection2 .title .p1 { font-size: 48px; color: #ffffff;}
.insection2 .title .p2 { font-size: 24px; color: #ffffff; padding-top: 5px;}
.inzgsul li .abox:hover:after { background: #a4884d; transform: scale(1); opacity: 1; visibility: visible; border-radius: 0;}
.insgzincon { width: 100%; margin: 0 auto;}
.inzgsul_show { min-height: 310px; background: #212120; display: inline-block; position: relative; height: auto; width: 1200px; margin: 0px auto; left: 50%; transform: translate(-50%, 0%); height: auto; padding: 30px 3%; text-align: left; color: #c5bcb2; line-height: 1.8;}
.inzgsul_show .h_qh_img { width: 39%; float: left;}
.inzgsul_show .h_qh_cen { width: 58%; float: right;}
.inzgsul_show .h_qh_cen .inzgsul_more a { color: #a68a4e; margin-top: 30px; position: absolute; border: 1px solid #a68a4e; width: 130px; line-height: 40px; text-align: center; border-radius: 20px;}
.inzgsul_show .h_qh_cen .inzgsul_more a:hover { background: #A68A4E; color: #fff;}
.inzgsul_show img { max-width: 100%;}
.inzgsul_show .dyr1 { display: none;}
.inzgsul_show .dyr { display: block;}
.lh-config-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; display: block; z-index: 1;}
.lh-config-img .item { background-size: cover; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; margin-top: 0px; transition: ease 1s; transform: scale(1);}
.lh-config-img .item.on { visibility: visible; opacity: 1; transform: scale(1);}


.xybm_wap{ display: none;}
.xybm_pc{display: block;}
.xybm_wap ul li{margin-bottom: 20px;}
.xybm_wap ul li{width: 100%;position: relative; display: block; overflow: hidden;}
.xybm_wap ul li a{width: 100%; position: relative; display: block; overflow: hidden;}
.xybm_wap ul li .wap_xy{width: 100%; position:relative; display: flex;}
.xybm_wap ul li .wap_xy img{width: 100%;}
.xybm_wap ul li .abox_wap{
	position: absolute;	width: 100%;text-align: left;
	color: fff;bottom: 0;	height: 100%; 
background: url(../images/bottom_bg.png) repeat-x left bottom; background-size: cover;

/* transform: translate(-50%, -0%); */
left: 0;
	
bottom: 0;
	
}

.abox_wap {text-align: left;}
.abox_wap .p1{width: 100%;}
.abox_wap .p1 img{width: 20%; max-width: 60px; padding-left: 5%;}
.abox_wap .p2{color: #fff;font-size: 16px;padding-left: 5%;/* padding-top: 27%; */position: absolute;bottom: 5%;}
 /*首页行业应用*/
.n_jdxm_bg{background: #fff url(../images/bg4.jpg) center bottom no-repeat;background-size:100%;display: block;overflow: hidden;padding:3% 0;background-size: cover;}

.n_jdxm_bg .custom_cn{text-align: center; color: #000;}
.n_jdxm_bg .custom_cn .s1{color: #fff;}
.n_jdxm_bg .custom_en{text-align: center;}


.n_jdxm_text{ padding-top:15px; line-height:1.8; text-align:center; color:#666666; font-size:16px;}
.n_jdxm_text img{ max-width:100%; height:auto !important;}

.n_jdxm{ padding:2%;background: #fff;margin: 2% 0;}
.jdxm-swiper {width: 100%;height: 100%; }
.n_jdxm .swiper-wrapper{}
.jdxm-swiper.swiper-container{ overflow:inherit;background: #fff;/*! padding: 4%; *//*! overflow: hidden; */overflow: hidden;display: inline-flex;}
.jdxm-swiper .swiper-slide{width:100%;-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(1);
	transform: scale(1);}
.jdxm-swiper .swiper-slide .div{padding:0 0 0% 0; background-color:#fff; color:#666666; font-size:16px;  /* W3C syntax */-webkit-transition:all 0.5s;transition:all 0.5s;}
.jdxm-swiper .swiper-slide .div:hover{ color:#666;}
.jdxm-swiper .swiper-slide .div .a_img{width:100%; display:inline-block; overflow:hidden;
-webkit-transition:all 0.5s;transition:all 0.5s;}
.jdxm-swiper .swiper-slide .div .a_img img{width:100%; float:left;}
.jdxm-swiper .swiper-slide .div .a_img_r{width:100%; padding:2% 14% 3% 3%;
-webkit-transition:all 0.5s;transition:all 0.5s; 
background: #f2f2f2 url(../images/read_more.png) no-repeat 94% center; transition: all ease-in-out .5s;
}
.jdxm-swiper .swiper-slide .div:hover .a_img_r{background: #f2f2f2 url(../images/read_more.png) no-repeat 90% center;transition: all ease-in-out .5s;}
.jdxm-swiper .swiper-slide .div .a_img_r_t{width:100%; height:40px; line-height:20px; /*! margin-top: 10PX; */ overflow:hidden; color:#1a4db5; font-size:16px; display:inline-block;}
.jdxm-swiper .swiper-slide .div:hover .a_img_r_t{ color:#1a4db5;}
.jdxm-swiper .swiper-slide .div .a_img_r_c{width:100%; margin:0 0 10px 0; height:90px; line-height:30px; overflow:hidden; text-align:justify;}

.jdxm-swiper .swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.jdxm-swiper .swiper-slide-active .div,.swiper-slide-duplicate-active .div{}
.jdxm-swiper .swiper-slide.swiper-slide-prev .div{ background:none; background-color:#fff;}
.jdxm-swiper .swiper-slide.swiper-slide-prev .div .a_img_r{ float:left;}
.jdxm-swiper .swiper-slide.swiper-slide-prev .div .a_img{ float:right;}

.jdxm-pagination .swiper-pagination-bullet{width:20px;  height:20px; margin:0px 1.5% !important; 
transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity:1;   opacity:1; position:relative;-moz-border-radius:0px;      /* Gecko browsers */
-webkit-border-radius: 0px;   /* Webkit browsers */
border-radius:0px;            /* W3C syntax */filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity:1; background-color:#fff; border-radius: 50%;}
.jdxm-pagination .swiper-pagination-bullet-active{ 
animation: rotation 5s linear infinite; 
border-radius: 50%; 
	background-color: #1a4db5;width:20px;  height:20px;filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity:1;}
.jdxm-swiper.swiper-container-horizontal>.jdxm-pagination.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ width:100%;  text-align:left; bottom:-60px;  text-align: center;}
.swiper-slide.swiper-slide-active .div .a_img_r_t{color: #1a4db5;}
.n_jdxm .jdxm_prev{border-radius: 50%; width:40px; height:40px; background:url(../images/tb_36.png) center center no-repeat;  position:absolute; left:-50px; top:60%; margin-top:-42px;-webkit-transition:all 0.5s;transition:all 0.5s;background-color: rgb(225,225,225,0.2); }
.n_jdxm .jdxm_prev:hover{background:url(../images/tb_36.png) center center no-repeat; background-color:#1a4db5;}
.n_jdxm .jdxm_next{width:40px; height:40px;background:url(../images/tb_37.png) center center no-repeat;  position:absolute; right:-50px; top:60%; margin-top:-42px;-webkit-transition:all 0.5s;transition:all 0.5s;border-radius: 50%;background-color: rgb(225,225,225,0.2);}
.n_jdxm .jdxm_next:hover{background:url(../images/tb_37.png) center center no-repeat; background-color:#1a4db5;}
.g-foot {position: relative;}
.g-foot .btn { margin-top:20px;   position: relative; display: block;
}
.g-foot .btn li { text-align: center;
  position: relative; width:50%; float: left;  display: grid; place-items: center; height: 40px;}
  .g_foot .btn span{  display:block; /* 使span内的内容（图片和文字）垂直居中 */
  vertical-align: middle; /* 垂直居中 */
  line-height: 40px; /* 与容器高度相同，实现垂直居中 */ overflow: hidden;  width: 100%;}  
  .g-foot .btn li span{width: 100%;display: block;text-align: center;}
  .g-foot .btn li span img{height: 30px;width:30px; /*! display: flex; */ }
.g-foot .btn li .name {
  display: block; }
.g-foot .btn li .ewm { width: 80px;
  position: absolute;
  z-index: 10;
  left: auto;
  bottom: auto;
  opacity: 0;top: 30px;
  visibility: hidden; }
.g-foot .btn li:hover .ewm {
  opacity: 1;
  visibility: visible;
 }
.g-foot .btn li .ewm img{width: 100px;}

/*人才招聘*/
.n_box14 { width: 100%;position: relative; z-index: 1;}
.n_box14_t { width: 100%; color: #000000; font-size: 36px; padding: 5px 0px 15px 0px; text-align: center; line-height: 1.5;}
.i_sectionbox4_r_c li { float: left;}
.a_careers_t { width: 100%; padding: 3%; background-color: #fff; margin-bottom: 20px; /*box-shadow:0px 0px 15px 0px #e5e5e5;*/}
.a_careers_t_s1 { width: 100%; color: #000000; line-height: 1.8; font-size: 16px; text-align: left;}
.a_careers_t_s1 span { font-size: 24px;}
.a_careers_t_s1 a,.a_careers_t_s1 a:hover { color: #1a4db5;}
.a_careers_t_s2 { width: 100%; padding-top: 20px;}
.a_careers_t_s2l { width: 45%;}
.a_careers_t_s22 { width: 100%;}
.a_careers_t_s22 li { width: 50%; float: left;}
.a_careers_t_s22 li .ipt1 { width: 96%; border: 1px solid #ababab; height: 40px; line-height: 40px; text-indent: 15px; color: #666666; font-size: 16px; font-family: Microsoft YaHei;}
.a_careers_t_s2r { width: 31%; border: 1px solid #ababab;}
.a_careers_t_s2r .ipt2 { width: 73%; height: 38px; line-height: 38px; border: 0px; text-indent: 15px; color: #666666; font-size: 16px; font-family: Microsoft YaHei;}
.a_careers_t_s2r .ipt3 { width: 27%; height: 38px; line-height: 38px; background-color: #1a4db5; color: #fff; border: 0px; text-align: center; font-size: 16px; font-family: Microsoft YaHei;}
.a_careers_c { width: 100%; background-color: #fff; box-shadow: 0px 0px 15px 0px #; display: block; overflow: hidden;}
.a_careers_c dt { width: 100%; float: left; height: 60px; font-weight: normal; line-height: 60px; background-color: #e0e7f7; color: #333; font-size: 16px;font-weight: bold;}
.a_careers_c dt .s1 { width: 20%; padding-left: 2%;}
.a_careers_c dt .s2 { width: 15%; text-align: left;}
.a_careers_c dt .s3 { width: 15%; text-align: left;}
.a_careers_c dt .s4 { width: 15%; text-align: left;}
.a_careers_c dt .s5 { width: 10%; text-align: left;}
.a_careers_c dt .s6 { width: 20%; text-align: left;}
.a_careers_c dd { width: 100%; float: left; background-color: #fff; border-bottom: 1px solid #edeae9;}
.a_careers_c dd .div { width: 100%; height: 59px; line-height: 59px; cursor: pointer; color: #000000; font-size: 16px; background: url(../images/ee.png) right 25px center no-repeat;}
.a_careers_c dd .div.activeds { background: url(../images/ee1.png) right 25px center no-repeat; background-color: #f7f7f8; color: #000; /*! border-bottom:1px solid #edeae9; */}

.a_careers_c dd .div .s1 { width: 90%; padding-left: 49px;position: relative;}
.a_careers_c dd .div .s2 { width: 15%; text-align: left;}
.a_careers_c dd .div .s3 { width: 15%; text-align: left;}
.a_careers_c dd .div .s4 { width: 15%; text-align: left;}
.a_careers_c dd .div .s5 { width: 10%; text-align: left;}
.a_careers_c dd .div .s6 { width: 20%; text-align: left;}


.a_careers_c dd .div_l { width: 100%; background-color: #fbfbfb; /*! border: 1px solid #edeae9; */ padding: 3% 30px 3% 50px; overflow: hidden; display: none ; text-align: left;position: relative;text-align: justify;}
.a_careers_c dd .div_l_c { width: 100%; color: #333333; font-size: 16px; line-height: 1.8;}
.a_careers_c dd .div_l_c img { max-width: 100%;}
.a_careers_c dd .div_l_c span { font-weight: bold;}
.a_careers_c dd .div_l_b { padding: 0px 40px; height: 42px; margin-top: 20px; display: inline-block; line-height: 42px; background-color: #e25e00; color: #fff; font-size: 16px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;border-radius: 20px;}
.a_careers_c dd .div_l_b:hover { text-decoration: none; color: #fff; background-color: #3d459a;}
.wd{width: 32px; line-height: 32px; height: 32px; background: #e25e00; color: #fff; border-radius: 6px; text-align: center; display: block; float: left;position: absolute;top: 14px;left: 10px;}
.wd1{width: 32px; line-height: 32px; height: 32px; background: #1a4db5; color: #fff; border-radius: 6px; text-align: center; display: block; float: left;position: absolute;left: 10px;top: 28px;}


.jb_show{ margin-bottom: 30px;}
.jb_show a{color: #1a4db5;}

/*在线招生*/

  .layui-table-header th {
        background-color: #0052a2;
        color: #fff;
    }
    .online{width: 142px;  background: url(../images/online.jpg) no-repeat left top; 
    right: 0px; bottom: 5%; position: fixed;z-index: 33;}
.online_con{background: #fff; float: right; width: 130px; padding: 10px; margin-top: 0px; font-size: 14px; margin-bottom: 20px;}
.online_con img{width: 100%;}
.online_con a{margin: 3px 0; background: #127dca; padding: 3px 10px; color: #fff; border-radius: 20PX; text-align: center; height: 30PX; width: 100%;}
.back_top1{cursor: pointer; height: 30px; line-height: 30px; text-indent: 10px; background: #f1f2f3; color: #333; text-align: center; background:#f3f3f3 url(../images/top1.png) no-repeat 30% center;}
.online_con a:hover{background: #282c9b;}
.online .close{background:url(../images/close.png) no-repeat left top; width: 20px; height: 20px; float: right; margin: 15px;}


.zsjh{width: 100%; padding: 20px; display: block; overflow: auto;}
.zsjh ul{width: 100%; max-width: 1400px; margin: 0 auto;}
.zsjh li{width: 14%; float: left; text-align: center;}
.zsjh li img{max-width: 82px; display: block; text-align: center; width: 70%; margin: 0px auto;}
.zs_left .zsjh li{ width: 50%; text-align: center;font-size: 14px;margin: 10px 0;}
.zs_left .zsjh li a{width: 100%; text-align: center;}
.zs_left .zsjh li img{width: 60px; display: block; margin: 0px auto;}
.zs_left .zsjh {margin-top: 20px; background: #fff;float: left;}
.h_new_l {float: left; display: block; overflow: hidden; width: 46%;}
.custom{font-size: 30px; text-align: center; display: block; overflow: hidden;height: 50px;line-height: 50px;}
.custom .custom_more{float: right; font-size: 18px;}
.h_new_l  ul{display: block; overflow: hidden; padding-top: 1%;}
.h_new_l li{border-bottom: 1px solid #ccc; display: block; overflow: hidden; height: auto; padding: 10px 0 5px 0;}
.h_new_l li div{display: block; overflow: hidden;height: 32px; line-height: 30px; float: left; }
.h_new_l li .cus_name,.h_new_l li .cus_name1,.h_new_l li .cus_name2{background: #acc0d5; color: #0b4e91; text-align: center; width: 100px; display:block; text-align: center; border-radius: 15px;}
.cus_t{width: 100px; margin: 0 10px; border-right: 1px solid #ccc;}
.cus_content{width: calc( 100% - 220px);}
.h_new_l li .cus_name1{background: #ddaaaa; color: #bd1700;}
.h_new_l li .cus_name2{background: #0890c2; color: #fff;}
.h_new_r{width: 51%; float: right;}
.h_n_r_content{padding: 2% 3%;background: url(../images/new_bg.png) repeat-x left bottom; }
.h_new_r .cont{ height: 60px; line-height: 30px; overflow: hidden; color: #666;}
.h_new_r .h_new_r_img{width: 100%; position: relative;}
.h_new_r .h_new_r_img img{width: 100%;}
.h_new_r .h_new_r_img .time{position: absolute; bottom: 0; left: 0; width: 140px; line-height: 36px; height: 36px; text-align: center; color: #fff;
 border-bottom: 40px solid  rgb(45, 194, 249 ,0.8); /* 高度和颜色 */
  border-right: 20px solid transparent; /* 左侧透明边界，调整这个值可以改变上底长度 */
}
.cont_more{position: relative; text-align: right; display: block; width: 100%; display: block; overflow: hidden; padding-right: 26px;}
.cont_more:before{position: absolute; width: calc(100% - 120px); height: 1px; background: #007AFF; content: ''; top: 49%; left: 0;}
.cont_more:after{position: absolute;background: url(../images/a17.png) no-repeat; width: 24px; height: 24px;  content: ''; right: 0;}

/*首页关于我们about*/
.i_content2{width: 100%; background:#fff url(../images/h_about_bg.jpg) no-repeat left top; background-size: cover; padding: 3%; color: #fff; display: block; overflow: hidden;}
.i_content2 .h_about{text-align: center;}
.i_content2 .h_about h3{font-size: 48px; font-weight: normal;}
.content{margin: 0;padding: 2% 0;}
.i_content2 .h_about .more{text-align: center; background: #fff; width: 120px; height: 38px; line-height: 36px; color: #2a308a; display: block; margin: 0 auto;  overflow: hidden; border-radius: 19px;float: left;}
.i_introduction_b li .a_number font{font-size: 60px; color: #2a2c93; font-family: OsRegular; font-weight: normal; height: 60px; position: relative;}
.i_introduction_b li .a_number span {height: 60px; position: relative;display: inline-block;width: auto;}
.i_introduction_b li .a_number div,.a_text{display: block;}
.i_introduction_b li .a_number span .jia{ height: 30px; line-height: 16px; font-size: 16px; position: absolute; right: -36px; top: 22px;color: #2a2c93;}
.a_number{position: relative;height: 90px;}
.i_introduction_b{padding: 5% 0;}
.i_introduction_b li {width: 16.66%; text-align: center;}
.i_introduction_b .a_img{ width: 100%; text-align: center;}
.a_img img{max-width: 100px;width: 60%;}


/*教学视频*/
.n_plays_ul{width:100%; display: block; overflow: hidden; display: flex;flex-wrap: wrap;list-style-type: none;padding: 0;}
.n_plays_ul li{width:32%; margin-bottom:25px; float:left;  margin-right: 2%; text-align:center;}
.n_plays_ul li .i_play_img{width:100%;  background-color:#fff; color:#666666; font-size:14px; display:inline-block;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
  .n_plays_ul li a{width: 100%;}
.n_plays_ul li .i_play_img:hover{ color:#666;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.n_plays_ul li .i_play_img {width:100%; display:block; overflow:hidden; float: left; position: relative; max-height: 240px;}
.n_plays_ul li .i_play_img img{width:100%; float:left;transform: scale(1); transition: all ease-in-out .3s;height: 100%;}
.n_plays_ul li:hover .i_play_img img{width:100%; float:left; transform: scale(1.1); transition: all ease-in-out .3s;}
.play{ position: absolute; z-index: 2; max-width: 15%; left: 50%; top: 50%;-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.n_plays_ul li:nth-child(3n){margin-right: 0px;}
.show_name{padding: 2% 0; /*! border-bottom: 1px solid #f1f2f3; */}
.show_con{padding: 2% 0;}
/*老师列表*/
.teacher{display: block;}
.teacher .teacher_img{width: 145px; float: left;}
.teacher .teacher_img img{width: 100%;}
.teacher .teacer_con{width: calc( 100% - 160px); float: right;}
.teacher li{border-bottom: 1px solid #f1f2f3; margin:0 0 26px 0;}
.teacher .teacher_content{height: 72px; line-height: 24px; display: block; overflow: hidden; margin: 10px 0; color: #333333;}
.teacher .read_more{width: 120px; height: 38px; line-height: 38px; color: #fff; text-align: center; background: #1a69d6; border-radius:19px;}
.teacher .teacer_con h3{font-size: 36px; color: #000;font-weight: normal; height: 40px; line-height: 40px;}
.teacher .teacer_con h3 span{color: #045ca0; font-size: 24px; font-weight: normal; padding: 0 10px;}
.teacher_show {text-align: center; border-bottom: 1px solid #f1f2f3; margin-bottom: 20px; padding-bottom: 20px;}
.teacher_show h3{font-size: 36px; color: #000;font-weight: normal; height: 40px; line-height: 40px;}
.teacher_show h3 div{color: #045ca0; font-size: 24px; font-weight: normal; padding: 0 10px;}

/*新闻动态*/
.i_new_ul ul li {padding: 0px; margin: 0px; display: block; overflow: hidden; position: relative;transition: all ease-in-out .5s;}
.i_new_ul ul li:before{position: absolute; width: 4px; height: 4px; border: 50%; background: #ccc; left:2px; top: 50%;content: '';transition: all ease-in-out .5s;
}


.i_new_ul ul li a{width: 100%; padding: 5px; margin: 0; height: 30px; line-height: 30px;  padding-left: 14px;transition: all ease-in-out .3s;}
.i_new_ul ul li:hover {background: #f2f2f2;transition: all ease-in-out .5s;padding-left: 5px;}
.i_new_ul ul li div.time{width: 84px; color: #999; float: right !important; text-align: right;}
.i_new_ul ul li div{width: calc(100% - 90px); display: block; overflow: hidden;float: left;}

/*走进遂工start*/
.yyfc {display: block; overflow: hidden; padding: 1% 0; margin-bottom: 20px;}
.n_right_con .jngs_nt{padding: 0;}
.n_right_con .yyfc li.c0,.n_right_con .yyfc li.c1{font-size: 16px; color: #333 ;}
.n_right_con .yyfc li.c1{color: #fff;background: #1a4db5;}
.yyfc li{width: 140px; background: #f1f2f3; height: 40px; line-height: 40px; color: #fff; text-align: center; float: left; margin-right: 10px;}
.yyfc li.on{background: #1a4db5;}
.yyfc li.on a{color: #fff;}

/*上传的PDF*/
/* 顶部控件栏 */
   .controls1{position: fixed;}
    .controls {
        
        top: 0;
        left: 0;
        width: 100%;
        background-color: #333;
        color: white;
        padding: 10px 20px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        z-index: 1000;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .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 { top: 100px; left: 0; width: 100%; background-color: #333;
            color: white;
            padding: 12px 16px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
            z-index: 1000;
            display: flex;
            align-items: center;
            gap: 16px;
            box-sizing: border-box;
        }
.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: 80px;
            padding: 8px 16px;
            font-size: 15px;
            font-weight: 500;
            cursor: pointer;
            border: none;
            border-radius: 6px;
            background-color: #007bff;
            color: white;
            -webkit-tap-highlight-color: rgba(0,0,0,0.2);
            transition: background-color 0.15s;
        }
        .controls button:hover,
        .controls button:active {
            background-color: #0056b3;
        }
        .controls button:disabled {
            background-color: #6c757d;
            cursor: not-allowed;
        }
        .page-info {
            font-size: 15px;
            font-weight: 500;
        }
        #pdf-container {
            margin-top: 64px;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 16px;
            gap: 16px;
        }
        .page-canvas {
            box-shadow: 0 2px 8px rgba(0,0,0,0.12);
            border: 1px solid #ddd;
            background-color: white;
            max-width: calc(100% - 32px) !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;
        }
        /*https下面调用的CSS END*/
       
/*表单start*/
 label { display: inline-block; width: 120px; margin-top: 10px; text-align: right;float: left;}

        input[type="text"],

        input[type="tel"],

        select {

            padding: 6px;

            width: 300px;
            width: calc(33% - 60px);
            float: left;
            margin-right: 10px;
        }

        .radio-group {

            display: inline-block;

            width: auto;

        }

        .radio-item {

            display: inline-block;

            margin-right: 20px;

        }

        br { clear: both; }

        .submit-btn {
background: #1a4db5;
            height: 48px;	line-height: 48px;	color: #fff;
width: 300px; border-radius: 4px;
font-size: 18px;
        }
       .input,.input1,select  {height: 48px;	line-height: 48px;	padding-left: 20px;	border: 1px solid #cbcecd;	color: #333; background: #fff;
	font-size: 16px;	-moz-border-radius: 3px;	/* Gecko browsers */
	-webkit-border-radius: 3px;	/* Webkit browsers */
	border-radius: 3px;	/* W3C syntax */
	font-family: Microsoft YaHei;}
	.yxdj {border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; display: block; overflow: hidden; padding-bottom: 30px; margin-bottom: 30px;}
	.yxdj li{display: block; overflow: hidden; padding: 10px 0; width: 100%;}
.radio-group label{text-align: left;}
  .input3  {height: 40px;	line-height: 40px; margin-top: 4px;	padding-left: 20px;	border: 1px solid #cbcecd;	color: #333; background: #fff;
	font-size: 16px;	-moz-border-radius: 3px;	/* Gecko browsers */
	-webkit-border-radius: 3px;	/* Webkit browsers */
	border-radius: 3px;	/* W3C syntax */
	font-family: Microsoft YaHei; width:100% !important;}
	.home_vidoe{width: 50%; float: left;position: relative;}.home_vidoe #main_video{width: 100%;}
	.home_about{width: 45%; float: right;text-align: left;}
.home_video {

    position: relative;

    display: inline-block; /* 或 block，根据布局需要 */

    max-width: 100%;

  }


  .home_video video {

    width: 100%;

    display: block;

    border-radius: 8px; /* 可选圆角 */

  }


  .custom-play-button {

    position: absolute;

    top: 50%;

    left: 50%;

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

    cursor: pointer;

    z-index: 10;

    transition: opacity 0.3s;

  }


  .custom-play-button.hidden {

    opacity: 0;

    pointer-events: none;

  }