*{ margin:0px; padding:0px;}
body {font-family: '微软雅黑'; font-size:16px;}
ul,li{list-style-type: none;padding-left: 0;}
a{ text-decoration:none;}
img{ max-width: 100%; vertical-align: middle;}
/* a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} */
.clr{ clear: both;}
/*=====顶部导航====*/
.header-box{ width: 100%; height: 80px; background:url(../images/head_bg.jpg); background-size: cover;background-position: 50% !important; position: fixed; top: 0; z-index: 9;}
.header-cen{ max-width: 1440px; margin: 0 auto; padding: 0 20px; position: relative;}
.header-logo{ width: 255px; float: left; padding-top: 10px;}
.header-menu{ width: 75%;position: absolute; top: 18px; right: 0; text-align: center; }
.header-menu ul{ width: 87%; float: left;}
.header-menu li{ display: inline-block; width: 100px; height: 43px; position: relative}
.header-menu li a{ color: #fff; line-height: 40px; display: block; }
.header-menu li a:hover{ background: url(../images/menu_act.png) no-repeat;}
.menu-link{ background: url(../images/menu_act.png) no-repeat;}
.header-right{ width: auto; float: left; margin-top:5px;}
.minclass{ width: 160px; height: auto; overflow: hidden; display: none; background:rgba(0,0,0,0.5); text-align: center; position: absolute; top: 44px; left: -30px;}
.minclass a{ font-size: 14px }
.minclass a:hover{ background: none !important;}
.header-menu li:hover .minclass{ display: block;}
/*=====搜索框====*/
.search_bg{ width: 180px; height: 34px; line-height: 34px; float:left; margin-left: 20px; background: #fff; border-radius: 100px;}
.search_input{ width: 60%; float: left; height: 34px; line-height: 34px; padding-left: 10%; border: none; background: none; outline: none;}
.search_bg div{ width: 30%; height: 34px; line-height: 34px; float: right; position: relative; }
.search_subimt{ width: 100%; height: 34px;background: none; border: none; outline: none; cursor: pointer; position: relative; z-index: 6;}
.search_bg div span{ position: absolute; width: 100%; text-align: center; z-index: 1; color: #0cb6ed;}
.search_input::placeholder{ color: #0cb6ed;}
/*=====手机导航图标====*/
.menu-icon{ width: 50px; float: right; text-align: right; line-height: 50px; cursor: pointer; display: none;}
.menu-icon span{ color: #fff; font-size: 22px;}

.Right-menu-box{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.Right-menu-list{ width: 240px; height: 100%; position: fixed; top: 0; right:-250px; background: #fff; padding: 0 30px;transition: all .5s ease;}
.Right-menu-list ul{ padding-top: 100px;}
.Right-menu-list li{ width: 100%; height: 60px; line-height: 60px; border-bottom: #ddd solid 1px;}
.Right-menu-list li a{ color: #000; font-size: 14px; display: block;}
.Right-menu-list li a:hover{ color: #1a6d83;}
.Right-clos{ width: 40px; height: 40px; text-align: right; color: #000;  font-weight: bold; position: fixed; 
right: 20px; top: 22px; cursor: pointer;}

/*=====banner====*/
.banner{ width:100%; height:auto;background:#f0f0f0; margin-top: 80px; position: relative;}
.banner .banner_tab{ width: 100%; text-align: center; overflow:hidden; background:rgba(0,0,0,0.3); font-size: 0; position: absolute; bottom: 0; z-index: 6;}
.banner .banner_tab a{ display: inline-block; width: 16%; font-size: 18px; height: 90px; line-height: 90px; color:#fff; overflow: hidden;}
.banner .banner_tab a div{display: inline-block; width: 50px; height: 50px; line-height: 50px; margin-right: 10px; overflow: hidden; position: relative; top: 18px;}
.banner .banner_tab a:hover{ color:#fff; text-decoration:none;}
.banner .banner_tab a.banner_on{ background:#0cb6ed; color:#fff; text-decoration:none;}
.banner .banner_tab a.banner_on div{-webkit-transform: translateY(-50px);filter: drop-shadow(#fff 0 50px);}
.banner .banner_content{ overflow:hidden; background: #000;}
.banner .banner_content li{ display:none;}
.banner .banner_content li img{ width: 100% }
.banner .banner_tab ul{ max-width: 1400px; margin: 0 auto;}

/*  banner轮播  */
.banner_box{ width:100%; height:auto;  position:relative; margin-top: 50px;}
.banner_ov{ width:100%; height:auto; overflow:hidden; position:relative}
.banner_bg{ background-size: cover !important;background-position: 50% !important;}
.swiper-slide .banner_bg{width:100%;height:auto; padding-bottom: 70%; min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.swiper-slide-active .banner_bg{transition:6s linear;transform:scale(1,1);}
.banner_box .swiper-slide{ overflow: hidden;}
.wap_bann{ display:none;}
.bann_navigation .bann-button-next{ cursor: pointer; position: absolute; right: 0px; top: 50%; width: 50px; height:50px; line-height: 50px; 
text-align: center; color: #fff; background:rgba(0,0,0,0.5); z-index: 6;}
.bann_navigation .bann-button-prev{ cursor: pointer; position: absolute; left: 0px; top: 50%;width: 50px; height:50px; line-height: 50px;
text-align: center;color: #fff; background:rgba(0,0,0,0.5); z-index: 6;}
.bann_navigation span{ font-size: 24px;}

/*=====首页产品====*/
.home_products{ width: 100%; height: auto; overflow: hidden; background: url(../images/home_cpbg.jpg); background-size: cover;background-position: 50% !important;}
.box_cen{ max-width: 1240px; margin: 0 auto; padding: 0 20px; height: auto; overflow:hidden; padding-top: 4%; padding-bottom: 5%;}
.box_cen_title{ float: left; }
.box_cen_title span{ color: #0cb5ec; font-size: 18px; text-transform: Uppercase;}
.box_cen_title p{color: #fff; font-weight: bold; font-size: 30px; margin-bottom: 5px;}
.HomeProductsList{ width:100%; height:auto;  }
.HomeProductsList .Home_Products_tab{ overflow:hidden; width: 100%; text-align: right; position: relative; top: -44px;}
.HomeProductsList .Home_Products_tab ul{ display: inline-block;}
.HomeProductsList .Home_Products_tab a{ display:block; padding:8px 30px; border: #fff solid 1px; margin-left: 10px; border-radius: 100px; display: inline-block; text-decoration:none; color:#fff;}
.HomeProductsList .Home_Products_tab a:hover{ border: #0cb5ec solid 1px; color:#0cb5ec;}
.HomeProductsList .Home_Products_tab div{ display: inline-block;}
.HomeProductsList .Home_Products_tab div a{border: #fff solid 1px !important; color: #fff !important;}
.HomeProductsList .Home_Products_tab a.Home_products_on{ border: #0cb5ec solid 1px; color:#0cb5ec;}
.HomeProductsList .Home_Products_content{ overflow:hidden;  color: #fff; margin-top: 30px;}
.HomeProductsList .Home_Products_content li{ display:none;}
.HomeProductsImg{ width: 45%; float:left; position: relative;}
.HomeProductsLine{ position: absolute; right: -15%; top: 20%;}
.HomeProductsRight{ width: 45%; float: right; padding-top: 40px;}
.HomeProductsRight h2{color:#0cb5ec;}
.HomeProductsRight p{ margin-top: 15px; margin-bottom: 15px;}
.HomeProductsText{ line-height: 2em; font-size: 14px;}
.HomeProductsMore{ width: 150px; height: 40px;  line-height: 40px; color: #fff; text-align: center; margin-top: 30px; background: #0cb5ec; border-radius: 100px;}
.HomeProductsMore span{ font-size: 22px; position: relative; top: 2px; margin-left: 5px;}

.home_news{ width: 100%; height: auto; overflow: hidden; background: #f7fcfe;}
.color_b{ color: #666666 !important;}
.news_more{ width: 135px; height: 40px; line-height: 40px;background: #fff; margin-top: 25px; text-align: center; color: #666; border: #eeeeee solid 1px; border-radius: 100px; float: right;}
.news_more a{ display: block; color: #666; }
.news_more a span{ color: #0cb5ec; font-size: 18px; margin-left: 8px;}
.Home_newsList{ width: 49%; height: auto; overflow:hidden; float: left; margin-top: 5%;}
.Home_NewstopBg{ width: 100%; height: 160px; text-align: center; position: relative; background-size: cover !important;background-position: 50% !important;}
.Home_NewstopBg::before{ width: 100%; height: 100%; content: ""; display: block; position: absolute; top: 0; background: rgba(0,0,0,0.4); z-index: 6;}
.Home_NewstopBg div{ width: 100%; text-align: center; font-size: 28px; position:absolute; top: 30%;  color: #fff; z-index: 7;}
.Home_NewstopBg div span{ width: 40px; height: 4px; background: #0cb5ec; display: block; margin: 0 auto; margin-top: 10px;}
.Home_newsList ul{ border: #eee solid 1px;}
.Home_newsList li{ width: 100%; height: 125px; position: relative; background: #fff; border-top: #eee solid 1px;transition: all .3s ease-out;}
.Home_newsList li a{ display: block; color: #454545; width: 100%;}
.Home_newsList li:hover{ background:#0cb5ec ;transition: all .3s ease-out;}
.Home_newsList li:hover .HomeNewsTime{ color: #fff;transition: all .3s ease-out;}
.Home_newsList li:hover .HomeNewsRight{ color: #fff;transition: all .3s ease-out;}
.HomeNewsTime{ width: 20%; float: left; text-align: center;color:#0cb5ec;transition: all .3s ease-out; }
.HomeNewsTime span{ display: block; width: 100%; font-size: 38px;font-weight: bold; margin: 0 auto; margin-top: 24px;}
.HomeNewsRight{ width: 70%; float: right; margin-right: 10%;transition: all .3s ease-out;}
.HomeNewsRight div{display: flex;align-items: center;justify-content: center; height: 125px; font-size: 18px; line-height: 1.55em;}
.Nright{ float: right;}

.HomeCses{ width: 100%; height: auto; overflow: hidden; margin-top: 4%;}
.HomeCses li{ width: 50%; height:auto; overflow: hidden; float: left; padding-bottom: 20%; background: #0cb5ec; position: relative;background-size: cover !important;
background-position: 50% !important;}
.HomeCses li div{ width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 6;}
.HomeCses li div p{color: #fff; font-size: 22px; margin-top: 15%; font-weight: bold;}
.HomeCses li div span{ width: 40px; height: 1px; background: #fff; margin: 0 auto; display: block; margin-top: 15px;transition: all .3s ease-out;}
.HomeCses li div p em{ font-size: 46px; position: relative; top: 10px; left: 5px;}
.HomeCses li:hover span{ width: 80px;transition: all .3s ease-out;}

.HomeAdvantage{ width: 100%; height: auto; overflow: hidden;background-size: cover !important;background-position: 50% !important;}
.HomeAdvantageText{ width: 100%; height: auto; overflow: hidden; color: #fff; margin-top: 3%; line-height: 1.75em; margin-bottom: 3%;}
.HomeAdvantageList li{ width: 24%; height: 387px; float: left; margin-right: 1%; position: relative; border: #ddd solid 1px; }
.HomeAdvantageList li:nth-of-type(4n){margin-right: 0;}
.HomeAListlIBg{ width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 6; color: #fff; text-align: center;transition: all .3s ease-out;}
.HomeAListlIBg img{ margin-top: 40px; margin-bottom: 30px;}
.HomeAListlIBg p{ font-weight:bold; font-size: 22px;}
.HomeAListlIBg div{ padding: 0 20px; padding-top:10%; line-height: 1.65em;}
.HomeAdvantageList li:hover .HomeAListlIBg::before{ opacity: 1;transition: all .3s ease-out; }
.HomeAListlIBg::before{ width: 100%; position: absolute; height: 100%; top: 0; left: 0; z-index: -1; content: ""; 
background: url(../images/advantage_act.jpg);transition: all .3s ease-out; opacity: 0;}


.HomeAbout{ width: 50%; height: auto; overflow: hidden; float: left;}
.HomeAboutImg{ float: right; width: 42%;}
.HomeAboutText{ margin-top: 8%; font-size: 18px; height: auto; overflow: hidden; line-height: 1.75em; margin-bottom: 50px;}
.HomeAboutImgWap{ display: none; margin-top: 30px;}

.footer_bg{ width: 100%; height: auto; overflow: hidden; background:url(../images/footer_bg.jpg);background-size: cover !important;background-position: 50% !important;}
.footer_left{ width: 30%; float: left;}
.footer_menu{ width: 60%; float: right; text-align: right;}
.footer_menu li{ width: auto; overflow: hidden; display: inline-block; vertical-align: top;  padding-left: 6%;}
.footer_menu li a{ color: #999999; display: block; text-align: left; width: 100%; font-size: 14px; margin-bottom: 10px;}
.footer_menu li a:nth-child(1){  font-weight: bold; color: #fff; margin-bottom: 30px;}
.footer_menu li a:hover{ color: #fff;}
.footer_in{ width: 60%; float: left;}
.footer_in li{ height: auto; width: 100%; margin-bottom: 15px; overflow: hidden; line-height: 20px; color: #fff;}
.footer_in li span{ color: #0cb5ec; margin-right: 5px; float: left;}
.footer_in li p{ display: inline-block; width: 70% }
.footer_in li div{ float: left; }
.footer_in li div p span{ color: #fff }
.footer_wx{ float: right;}
.footer_wx img{ max-width: 120px;}
.footer_copy{ border-top: #fff solid 1px;font-size: 14px; margin-top: 30px; padding-top: 30px; color: #d5d5d5; }
.footer_copyText{ width: 70%; float: left;}
.footer_copyText a{color: #d5d5d5; }
.footer_tab{ width: auto; float: right; }
.footer_tab a{ color: #d5d5d5; margin-left: 20px;}
.pc-none{ display: none;}

.ny-bann{ width: 100%; height: 300px; color: #fff; margin-top: 80px;background-size: cover !important;background-position: 50% !important;display: flex;flex-direction: column;align-items: center;
justify-content: center; }
.ny-bann p{ font-size: 32px; font-weight: bold; }
.ny-bann span{ width: 60px; height: 2px; background: #fff; margin: 0 auto; display: block; margin-top: 15px;}

.ny_menu{ max-width: 1200px; width: 100%; height: 66px; line-height: 66px; background: #f8f8f8; margin: 0 auto; padding: 0 1px; margin-bottom: 3%;}
.ny_menu li a{ width: 25%; float: left; line-height: 66px; text-align: center; color: #454545; font-size: 18px; position: relative;transition: all .3s ease-out;}
.ny_menu li a::before{ width: 100%; height: 2px; background: #0cb5ec; content: ""; display: block; position: absolute; bottom: 0; left: 0; opacity: 0;transition: all .3s ease-out;}
.ny_menu li a:hover::before{ opacity: 1;transition: all .3s ease-out;}
.ny_menu li .menu-act{ color: #0cb5ec; background: #fff;}
.ny_menu li .menu-act::before{ opacity: 1;transition: all .3s ease-out;}


.ny_about_1{ max-width: 1200px; width: 100%; height: auto; overflow: hidden; margin: 0 auto; background: url(../images/about_img_4.jpg)  0px 40% no-repeat;}
.ny-about-left{ width: 43%; height: auto; overflow: hidden; float: left;}
.ny-about-lImg{ width: 65%; height: auto; overflow: hidden;}
.ny-about-llist{ padding-left: 37%; margin-top: 70px;}
.ny-about-llist li{ margin-bottom: 40px;}
.ny-about-llist li p{ font-size: 16px; font-weight: bold; color: #454545; margin-top: 5px;}
.ny-about-right{ width: 57%; float: left;}
.ny-about-Rimg{ border-bottom: #0cb5ec solid 1px; padding-bottom: 20px; color: #666; line-height: 1.75em;}
.ny-about-Rimg img{ max-width: 441px; margin-bottom: 55px;}
.ny-about-Rtext{ line-height: 1.75em; color: #666; margin-top: 40px;}
.About-pic{ width: 100%; position: relative; padding-top: 130px;  height: auto; overflow: hidden; padding-bottom: 100px}
.About-pic .swiper-slide {transition: 300ms;transform: scale(1); opacity: 0.5;}
.About-pic .swiper-slide-active,.About-pic .swiper-slide-duplicate-active{transform: scale(1.4); opacity: 1; z-index: 99;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);transition: all .3s ease-out;}
.About-pic-butt{ width: 140px; font-size: 16px; height: 40px; margin: 0 auto ; position: relative; margin-top: 80px; z-index: 6;}
.About-pic-butt div{ width: 40px;outline: none; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; border: #979898 solid 2px; background: #fff; display: inline-block; margin: 0 10px;} 
.About-pic-butt .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ font-size: 20px; outline: none; color: #979898;}
.About-pic-butt .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 20px;outline: none;color: #979898;}
.About-pic-butt div:hover{ border: #018cd6 solid 2px;}
.About-pic-butt div:hover:after{ color: #018cd6;}
.course-bg{ width: 100%; height: auto; overflow: hidden; padding: 5% 0 0% 0; background: #f7fdff url(../images/about_img_5.png) center no-repeat;}
.Title-Box{ width: 100%; text-align: center;}
.Title-Box div{ color: #454545; font-size: 32px;}
.Title-Box p{ width: 44px; height: 3px; background: #0cb5ec; margin: 0 auto; margin-top: 15px;}
.course-List{max-width: 1200px; width: 100%; position: relative;  height: 760px; margin: 0 auto; overflow: hidden; background:url(../images/about_img_line.jpg) center repeat-x;}
.course-List .swiper-slide{ height:360px;position: relative; }
.course-List .cou-2{ margin-top: 380px;}
.course-List .cou-1 .coub{ position: absolute; bottom: 55px;width: 100%}
.course-List .cou-2 .coub{ position: absolute; top: 0; width: 100%}
.course-List .cou-1 .nianfen{ position: absolute; bottom: 0px }
.conrtbpx{ width: 90%; margin: 0 auto; overflow: hidden;}
.course-List .swiper-button-prev{ outline: none; left: 0px; background:#fff; width: 50px; height: 140px; z-index: 6; border:#ddd solid 1px;  top: 43%; color: #0cb5ec; }
.course-List .swiper-button-next{ outline: none ; right: 0px;background:#fff; width: 50px; height: 140px;z-index: 6;  border:#ddd solid 1px;  top: 43%; color: #0cb5ec;}
.course-List .swiper-button-next.swiper-button-disabled,.course-List .swiper-button-prev.swiper-button-disabled{ opacity: 1 }

.coub li{ width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.coub li dl{ width: 50px; float: left; font-weight: bold;}
.coub li dt{ width: 80%; float: left; color: #454545;}
.nianfen{ font-size: 32px; color: #454545; font-weight: bold; padding-left: 13%; margin-top: 20px;}
.yuandian{ width: 16px; height: 16px; position: absolute; bottom: -28px; left: 20%; background: #666666; border-radius: 100px;}
.yuandian::before{ width: 26px; height: 26px; content: ""; background: rgba(0,0,0,0.3); border-radius: 100px;
 position: absolute; top: -5px; left: -5px; }
.course-List .cou-2 .yuandian{width: 16px; height: 16px; position: absolute; z-index: 6; top: -8px; left: 20%; background: #666666; border-radius: 100px;}
.course-List .swiper-slide:hover .yuandian{ background: #0cb5ec;}
.course-List .swiper-slide:hover .yuandian::before{ background: rgba(12,181,236,0.3);}
.course-List .swiper-slide:hover .nianfen{ color: #0cb5ec;}
.team-bg{ width: 100%; height: auto; overflow: hidden; padding-top: 5%; padding-bottom: 5%; background: url(../images/team_bg.jpg);background-size: cover ;background-position: 50%;}
.team-list{ max-width: 1200px; width: 100%; margin: 0 auto; margin-top: 3%;}
.team-list li{ width: 49%; float: left; background: #fff url(../images/team-b.jpg) bottom right no-repeat;
 border-radius: 10px; height: 320px; overflow: hidden;box-shadow: 1px 1px 14px #e3e3e3; margin-bottom: 2%; position: relative;}
.team-list li:nth-of-type(even){   float: right;}
.team-Right{ width: 30%; float: right; margin-top: 12%; margin-right: 2%;}
.team-Left{ width: 58%; float: left; height: 290px;  margin-left: 4%; padding-top: 30px; position: relative;}
.team-Left-Title{ font-size: 24px; font-weight: bold; color: #454545;}
.team-Left-Title span{ font-weight: normal; font-size: 18px; color: #0cb5ec;}
.team-Left-Title em{ font-weight: normal; font-size: 16px; color: #666; font-style: normal;}
.team-Left dl{ margin-top: 20px;}
.team-Left dt{ height: auto; overflow: hidden;  padding-left: 10px; position: relative; margin-bottom: 5px; font-size: 14px;}
.team-Left dt::before{ width: 2px; height: 12px; content: ""; background: #0cb5ec; position: absolute; left: 0; top: 4px;}
.team-text{ width: 58%; position: absolute; bottom: 20px; left:20px; font-size: 14px; color: #999;display: -webkit-box; overflow:hidden;
-webkit-box-orient: vertical; -webkit-line-clamp: 5;word-wrap: break-word;}
.honor-box{ max-width: 1260px; width: 100%; margin: 0 auto; margin-top: 5%; margin-bottom: 5%;}

.Honor{ width:100%; height:auto; margin-top: 3%; }
.Honor .Honor-tab{ overflow:hidden; text-align: center;}
.Honor .Honor-tab a{ display:inline-block; margin: 0 10px; padding:10px 40px; border: #a0a0a0 solid 1px; border-radius: 100px;  text-decoration:none; color:#333;}
.Honor .Honor-tab a:hover{ background:#0cb5ec; color:#fff; text-decoration:none;border: #0cb5ec solid 1px;}
.Honor .Honor-tab a.Honor-on{ background:#0cb5ec; color:#fff; text-decoration:none;border: #0cb5ec solid 1px;}
.Honor .Honor-content{ overflow:hidden; margin-top: 5%; padding-bottom: 3%;}
.Honor .Honor-content li{ display:none;}
.Honor-pic .About-pic-butt{ margin-top: 40px;}
.Honor-pic-img{ height: 395px;display: flex; overflow: hidden;
align-items: center;
justify-content: center; border-bottom: #eee solid 1px;}
.Honor-pic-img img{ max-height: 390px }
.Honor-title{ height: 80px;display: flex;
align-items: center; text-align: center; padding: 0 20px;
justify-content: center;}
.HonorB{border: #eee solid 1px; height: 480px;}
.Honor .swiper-slide{ width: 23%; margin: 0 1%;}

.global_s{ padding: 0 20px; margin-top: 30px; display: none; padding-bottom: 40px;}
.global_box{  width: auto; height:auto; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.resou_box li:hover .resou_img:before{border-right-width:40px; border-top-width:40px;}

#nav{padding:10px; position:relative; z-index:6; top:0px; padding-left:0px;}
#nav li{text-align:center; height:32px; line-height:32px; background:#f0f0f0; padding:0 20px; width:auto !important; color:#666; border-radius:100px; cursor:pointer;}
.active-nav{ color:#fff !important; background:#0cb5ec !important;}
#page .swiper-slide{height:auto; padding-top: 14px; position:relative; z-index:-1;}
.home_global_text{ width:100%; height:auto; overflow:hidden; margin-top:20px; }
.home_global_text p{ color:#666; font-size:14px;}
.home_global_text li{ width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.home_global_text li dl{ width: 50px; float: left; font-weight: bold;}
.home_global_text li dt{ width: 80%; float: left; color: #454545;}


.news-list{ max-width: 1200px; height: auto; overflow: hidden; margin: 0 auto;  padding-bottom: 3%;}
.news-list li{ width: 99%; height: 225px; border: #eee solid 1px; margin-bottom: 25px;}
.news-pic{ width: 25%; height: 225px; float: left;background-size: cover !important;background-position: 50% !important; position: relative;}
.news-Right{ width: 68%; float: left; padding-top: 30px; margin-left: 3%;}
.news-Right p{color: #999; }
.news-Right span{ color: #666; font-size: 20px; margin-top: 15px; margin-bottom: 20px; display: block; }
.news-Right div{ line-height: 1.55em; color: #666;display: -webkit-box; overflow:hidden;
-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size: 14px;word-wrap: break-word;word-break: break-all;}
.news-list li:hover .news-Right span{ color: #0cb5ec;}
.news-list li .news-pic div{ width: 100%; height: 100%; left: 0;
 background: rgba(1,140,214,0.5); display: block; position: absolute; top: 0;display: flex;
align-items: center; color: #fff; opacity: 0;
justify-content: center;z-index: 6;transition: all .3s ease-out;}
.news-list li .news-pic div span{ font-size: 18px;}
.news-list li:hover .news-pic div{  opacity: 1;transition: all .3s ease-out;}
.news-list li:hover{border: #0cb5ec solid 1px;transition: all .3s ease-out;}
.news-gps{ margin-top: 50px;  border-bottom: #eee solid 1px; height: 50px; line-height: 50px; margin-bottom: 50px;}	
.news-gps-left{ width: 20%; float: left; position: relative; font-size: 20px;}
.news-gps-left i{ width: 40%; height: 2px; background: #0cb5ec; display: block; position: absolute; bottom: 0;}
.news-gps-right{ width: 70%; float: right; text-align: right; color: #0cb5ec;}
.news-gps-right a{ color: #666;}
.news-gps-right span{ font-size: 20px; position:relative; top: 2px;}
.news-show-Title{ font-size: 22px; text-align: center; color: #454545;}
.news-show-Time{ text-align: center; color: #999; margin-top: 10px; margin-bottom: 5%;}
.news-show-Content{ line-height: 1.75em; color: #454545; padding-bottom: 30px; }


.cases-list{ max-width: 1200px; height: auto; overflow: hidden; margin: 0 auto;  padding-bottom: 3%;}
.cases-list li{ width: 31.7%; height: 365px; border: #eee solid 1px; margin-bottom: 25px; float: left; margin-right: 2%; position: relative;}
.cases-pic{ width: 100%; height: 80%; background-size: cover !important;background-position: 50% !important; position:absolute; top: 0;}
.cases-list li:nth-of-type(3n){margin-right: 0;}
.cases-list li .cases-pic div{ width: 100%; height: 100%; left: 0;
 background: rgba(1,140,214,0.5); display: block; position: absolute; top: 0;display: flex;
align-items: center; color: #fff; opacity: 0; font-size: 22px;
justify-content: center;z-index: 6;transition: all .3s ease-out;}
.cases-list li .cases-pic div span{ font-size: 26px;}
.cases-list li:hover .cases-pic div{  opacity: 1;transition: all .3s ease-out;}
.cases-list li:hover{border: #0cb5ec solid 1px;transition: all .3s ease-out;}
.cases-title{ width: 100%; height: 20%; position: absolute; bottom: 0;display: flex;
align-items: center;
justify-content: center; color: #454545; font-size: 18px;}
.cases-list li:hover .cases-title{ color: #0cb5ec;}

.services-list{ max-width: 1200px; height: auto; overflow: hidden; margin: 0 auto;  padding-bottom: 3%;}
.services-list li{ width: 23.2%; height: 325px; border: #eee solid 1px; text-align: center; color: #454545; margin-bottom: 25px; float: left; margin-right: 2%; position: relative;}
.services-list li:nth-of-type(4n){margin-right: 0;}
.ser-img{ width: 100%; text-align: center; margin-top: 20px; margin-bottom: 20px;}
.ser-img img{ max-width: 70% }
.ser-size{ color: #999; font-size: 14px;}
.services-list li span{ color: #999; font-size: 22px; margin-top: 10px; margin-bottom: 15px; display: block;}
.ser-title{color: #454545; height: 45px;display: flex;
align-items: center;
justify-content: center;
}

.contact-list{ max-width: 1200px; height: auto; overflow: hidden; margin: 0 auto;  padding-bottom: 3%;}
.contact-left{ width: 40%; float: left;}
.contact-left ul{ margin-bottom: 15px;}
.contact-left li{ height: auto; overflow: hidden; line-height: 20px; margin-bottom: 15px; font-size: 16px;}
.contact-left li span{ float: left; color: #0cb5ec;}
.contact-left li em{ float: left; margin-right: 10px; font-style: normal; color: #999; margin-left: 5px;}
.contact-left li div{ float: left; }
.contact-right{ width: 50%; float: right; height: 230px;}
.contact-right img{ max-width: initial;}
.contact-left li p span{ color: #000 }

.jobs_list{ width: 100%; height: auto; overflow: hidden;}
.jobs_list li{ width: 31.7%; float: left; height: 244px; border: #dcdcdc solid 1px; margin-right: 2%; margin-bottom: 2%;transition: all .5s ;}
.jobs_list_bor{ width: 100%; height: 2px; background: #0cb5ec; margin-bottom: 30px;}
.jobs_list li h2{ height: 70px; line-height: 70px; padding-left: 30px; font-weight: normal; font-size: 20px; color: #454545;transition: all .5s ;}
.jobs_text{ padding-left: 30px; font-size: 16px; color: #454545;}
.jobs_text span{ }
.jobs_list li p{ padding-left: 30px; font-size: 16px; margin-top: 30px; color: #999;}
.jobs_list li:nth-of-type(3n){margin-right: 0;}
.jobs_list li:hover{ border: #0cb5ec solid 1px;transition: all .5s ;}
.jobs_list li:hover h2{ background: #0cb5ec;transition: all .5s ; color: #fff;}
.join-up{ width: 230px; height: 60px; line-height: 54px; font-size: 20px; background: #0cb5ec; cursor: pointer; color: #fff; text-align: center; margin: 0 auto;margin-top: 50px;  border-radius: 5px;}
.join-up span{ font-size: 30px; position: relative; top: 3px; margin-right: 10px;}
.resume-bg{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 9; display: none;}
.resume-box{ width: 320px; height: 280px; padding: 40px; position: fixed; top: 25%; border-radius: 5px; left: 50%; display: none; margin-left: -200px; background: #fff; z-index: 99;}
.resume-box li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.resume-box li .re-input{ width: 95%; height: 40px; padding-left: 10px; line-height: 40px; border: #ddd solid 1px; outline: none;}
.resume-box li p{ color: #666; margin-bottom: 5px;}
.re-subime{ width: 100%; height: 40px; line-height: 40px; background: #0cb5ec; color: #fff;  outline: none; text-align: center; display: block;
 cursor: pointer; border: none; margin-top: 30px; font-size: 18px;}
.resume-cols{ width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100px; position: absolute; right: -15px; top: -15px; 
box-shadow: 1px 1px 4px #ddd;background: #fff; cursor: pointer;}
.resume-cols span{ font-size: 14px;}
.join-show-Title{ font-size: 20px;}
.join-gw{ width: 100%; height: 40px; line-height: 40px; position:relative; padding-left: 10px;}
.join-gw::before{ width: 2px; height: 16px; content: ""; display: block; position: absolute; left: 0; top: 13px; background: #0cb5ec;}
.join-show-Content{ line-height: 1.75em; margin-bottom: 30px;}
.join-show-Content table{ width: 100% !important }


.products-box{ max-width: 1200px; width: 100%; margin: 0 auto; height: auto; overflow: hidden; margin-top: 5%; margin-bottom: 50px;}
.products-left{ width: 20%; height: auto; overflow: hidden; float: left;}
.products-list{ width: 75%; float:right; height: auto; overflow: hidden;}
.products-top{ width: 100%; height: 70px; line-height: 70px; background: #0cb5ec; color: #fff; text-align: center; font-size: 24px;}
.pro-menu{ width: 99%; height: auto; overflow: hidden; border: #eee solid 1px;}
.pro-menu li a{ height: 66px; line-height: 66px; transition: all .5s ;position: relative; color: #454545; border-top: #eee solid 1px; width: 100%; display: block; text-align: center;}
.pro-menu li a:hover{ color: #0cb5ec;transition: all .5s ;}
.pro-menu li a::before{ width: 2px; height: 100%; content: ""; background: #0cb5ec; opacity: 0; display: block; position: absolute; left: 0; top: 0;transition: all .5s ;}
.pro-menu li a:hover::before{ opacity: 1;transition: all .5s ;}
.pro-menu li .pro-links{color: #0cb5ec;transition: all .5s ; font-weight: bold;}
.pro-menu li .pro-links::before{ opacity: 1;transition: all .5s ;}
.pro-gps{ margin-top: 0;}

.pro-list{ max-width: 1200px; height: auto; overflow: hidden; margin: 0 auto;  padding-bottom: 3%;}
.pro-list li{ width: 31.7%; height: 270px; border: #eee solid 1px; margin-bottom: 25px; float: left; margin-right: 2%; position: relative;}
.pro-pic{ width: 100%; height: 80%; background-size: cover !important;background-position: 50% !important; position:absolute; top: 0;}
.pro-list li:nth-of-type(3n){margin-right: 0;}
.pro-list li .pro-pic div{ width: 100%; height: 100%; left: 0;
 background: rgba(1,140,214,0.5); display: block; position: absolute; top: 0;display: flex;
align-items: center; color: #fff; opacity: 0; font-size: 22px;
justify-content: center;z-index: 6;transition: all .3s ease-out;}
.pro-list li .pro-pic div span{ font-size: 26px;}
.pro-list li:hover .pro-pic div{  opacity: 1;transition: all .3s ease-out;}
.pro-list li:hover{border: #0cb5ec solid 1px;transition: all .3s ease-out;}
.pro-title{ width: 100%; height: 20%; position: absolute; bottom: 0;display: flex;
align-items: center;
justify-content: center; color: #454545; font-size: 18px;transition: all .5s ;}
.pro-list li:hover .pro-title{ color: #fff; background: #0cb5ec;transition: all .5s ;}
.products-list .About-pic{ padding-top: 70px;}
.show-cp-title{ font-size: 24px; margin-bottom: 15px;}
.show-cp-text{ line-height: 1.75em; color: #454545; margin-bottom: 30px;}

.lan-box {
    position: absolute;
    right: 10px;
    top: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    overflow: hidden;

}
.lan-box ul{ width: 100% !important;  height: 32px; border:#0cb5ec solid 1px; 
    overflow: hidden;
    border-radius: 100px; }
.lan-box li {
    float: left;
    width: 80px !important;
    text-align: center;
    height: 34px !important;
    line-height: 34px;
    position: relative;
    font-size: 14px;
}
.lan-box li a {
    color: #fff;
    display: block;
    line-height: 32px !important;
}
.lan-box li a:hover{ background: #0cb5ec !important }
.lan-act{ background: #0cb5ec !important}

@media (min-width:320px) and (max-width:768px)
{
.header-menu,.pc-none,.wap-none,.header-menu2,.search_bg,.HomeProductsLine,.HomeAboutImg,.ny-about-lImg,.course-List,.news-gps{ display: none;}
.header-right li:nth-child(1){ display:none;}
.wap-block,.menu-icon,.HomeAboutImgWap,.global_s{ display: block !important;}
.header-logo{ width: 130px; }
.header-box{ height: 50px;}
.banner{ margin-top: 50px;}
body,.box_cen_title span,.HomeAboutText{ font-size: 14px;}
.HomeProductsList .Home_Products_tab{ top: 20px; text-align: left;}
.box_cen{ padding-top: 30px; padding-bottom: 30px;}
.HomeProductsList .Home_Products_tab a{ width: 47%; padding: 8px 0px; text-align: center; margin-bottom: 10px; float: left; margin-left: 0;}
.HomeProductsList .Home_Products_tab a:nth-of-type(even){   float: right;}
.HomeProductsList .Home_Products_tab div,.HomeProductsList .Home_Products_tab ul div{ float: left; margin-left: 4%;  width: 47%;}
.HomeProductsList .Home_Products_tab div,.HomeProductsList .Home_Products_tab ul div a{ width: 100%;}
.HomeProductsList .Home_Products_tab div,.HomeProductsList .Home_Products_tab ul{ display: block;}
.HomeProductsImg,.Home_newsList,.Nright{ width: 100%;}
.HomeProductsRight,.HomeAbout,.HomeAboutImg{ width: 100%;}
.HomeCses{ margin-top: 30px;}
.HomeCses li{ width: 100%; padding-bottom: 40%; margin-bottom: 10px;}
.HomeAdvantageList li{ width: 49%; margin-bottom: 1%; float: left;height: 357px; margin-right: 0;}
.HomeAdvantageList li:nth-of-type(even){   float: right; margin-right: 0;}
.HomeAListlIBg img{ width: 50px;}
.HomeAdvantageText{ margin-top: 30px; margin-bottom: 30px;}
.box_cen_title p{ font-size: 22px;}
.HomeProductsMore{ width: 120px; height: 34px; line-height: 34px;}
.HomeProductsMore span{ font-size: 14px; top: 0;}
.news_more{ width: 120px; height: 34px; line-height: 34px; margin-top: 18px;}
.news_more a spanm,.HomeCses li div p{ font-size: 16px;}
.HomeNewsTime{ width: 30%;}
.HomeNewsRight{ width: 60%;}
.HomeNewsRight div{ font-size: 16px; height: 105px;}
.Home_newsList{ margin-top: 30px;}
.HomeCses li div p em{ font-size: 26px; top: 4px;}
.footer_left{ width: 100%; margin-bottom: 30px;}
.footer_left img{ width: 150px;}
.footer_in li{ height:auto; overflow: hidden; }
.Right-menu-list ul{
	padding-top:30px !important
}

.footer_menu{ width: 100%; text-align: left;}
.footer_menu li{ width: 100%; padding-left: 0; margin-bottom: 10px;}
.footer_menu li a:nth-child(1){ width: 100%; margin-bottom: 10px;}
.footer_menu li a{ width: 33%; float: left;}
.footer_in,.footer_copyText{ width: 100%;}
.footer_wx{ width: 100%; text-align: left; margin-top: 20px;}
.footer_wx img{ width: 100px;}
.footer_tab{ width: 100%; margin-top: 15px;}
.footer_tab a{ margin-left: 0; padding-right: 20px;}

.HomeAListlIBg p{ font-size: 18px;}
.HomeNewsTime span{ font-size: 28px; }
.HomeNewsTime{ font-size: 14px;}
.Home_newsList li{ height: 105px;}

.ny-bann{ height: 140px; margin-top: 50px;}
.ny-bann p{ font-size: 24px;}
.ny_menu,.ny_menu li a{ height: 44px; font-size: 14px; line-height: 44px;}
.ny-about-left{ width: 100%;}
.ny_about_1{ padding: 0 20px; width: auto;background: url(../images/about_img_4.jpg) 0px 80% no-repeat;}
.ny-about-llist{ padding-left: 0; margin-top: 30px;}
.ny-about-llist li{ width: 49%; float: left; padding-top: 30px; padding-bottom: 30px; margin-bottom: 2%; border: #eee solid 1px; text-align: center;}
.ny-about-llist li:nth-of-type(even){   float: right;}
.ny-about-llist li p{ font-size: 14px;}
.ny-about-right{ width: 100%; margin-top: 40px;}
.ny-about-Rimg img{ width: 70%; }
.About-pic{ padding-top: 60px; padding-bottom: 50px;}
.About-pic-butt{ margin-top: 30px; width: 110px;}
.About-pic-butt div{ width: 26px; line-height: 26px; height: 26px;}
.About-pic-butt .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.About-pic-butt .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ font-size: 14px;}
.Title-Box div{ font-size: 24px;}
.team-list{ padding: 0 20px; width: auto;}
.team-list li{ width: 100%; margin-right: 0; margin-bottom: 20px;background:#fff}
.team-text{ width: 90%;}
.Honor .Honor-tab a{ width: 28%; margin: 0 2px; padding: 7px 0; }
.Honor .swiper-slide{ width: 100%; margin: 0 0%;}
.Honor-content{ margin: 0 20px;}
.Honor-title{ height: 60px;}
.HonorB{ height: 460px;}
.Honor .About-pic-butt div{ top: 0;}
.course-bg{ background: #f7fdff url(../images/about_img_5.png) no-repeat; background-size: contain !important;
    background-position: 50% !important;}
	
	
.news-list{ padding: 0 20px; margin-top: 30px;}	
.news-pic{ width: 100%;}
.news-list li{ height: auto; overflow: hidden;}
.news-Right{ width: auto; margin-left:0 ; padding:0 15px;padding-top: 20px; }
.news-Right span{ font-size: 16px;}
.news-Right div{ display: none;}
.news-gps-left{ width: 100%;}
.news-show-Title{ font-size: 18px;}

.cases-list,.services-list,.contact-list,.products-box{ padding: 0 15px; padding-top: 30px; padding-bottom: 30px;}
.cases-list li{ width: 48%; margin-right: 0; height: 180px;}
.cases-list li:nth-of-type(even){   float: right;}
.cases-title{ font-size: 14px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.services-list li{ width: 48%; margin-right: 0; height: 230px;}
.services-list li:nth-of-type(even){   float: right;}
.ser-img img{ width: 36%;}
.ser-title{ padding: 0 20px;}
.contact-left{ width: 100%;}
.contact-list .news-gps{ display: block;}
.contact-left li{ font-size: 14px; height: auto; overflow: hidden;}
.contact-right{ width: 100%;}
.conts{  margin-top: 0px !important;}
.jobs_list li{ width: 99%; margin-right: 0; height: 200px; margin-bottom: 20px;}
.jobs_list li h2{ font-size: 18px; height: 50px; line-height: 50px;}
.jobs_list li p{ font-size: 14px;}

.join-up{ height: 40px; line-height: 40px; font-size: 18px;}
.join-up span{ font-size: 18px; top: 0;}
.resume-box{ width: 80%; padding: 5%; margin-left: -45%;}
.wapup{ margin-bottom: 50px;}
.products-box{ width: auto;}
.products-left{ width: 100%;}
.products-top{ display: none;}
.pro-menu{ margin-bottom: 30px; border: none;}
.pro-menu li{ float: left; width: 49% ;margin-right: 2%;}
.pro-menu li a{ width: 99%; height: 40px; border: #eee solid 1px; margin-bottom: 10px;  line-height: 40px; float: left;}
.pro-menu li:nth-of-type(even){   float: right; margin-right: 0}
.pro-menu li a::before{ width: 2px; height: 100%; content: ""; background: #0cb5ec; opacity: 0; display: block; position: absolute; left: 0; top: 0;transition: all .5s ;}
.pro-menu li a:hover::before{ opacity: 0;transition: all .5s ;}
.pro-menu li .pro-links{color: #fff; background: #0cb5ec; border: #0cb5ec solid 1px; transition: all .5s ; font-weight: bold;}
.pro-menu li .pro-links::before{ opacity: 0;transition: all .5s ;}
.products-list{ width: 100%;}
.pro-list li{ width: 48%; height: 160px; margin-right: 0;}
.pro-list li:nth-of-type(even){   float: right;}
.pro-title{ font-size: 14px; height: 25%; text-align: center;}
.pro-pic{ height: 75%;}
.About-pic .swiper-slide {transition: 300ms;transform: scale(1); opacity: 0.5;}
.About-pic .swiper-slide-active,.About-pic .swiper-slide-duplicate-active{transform: scale(2); opacity: 1;}
}

@media screen and (width: 768px) 
{
.pro-list li{ width: 48%; height: 300px; margin-right: 0;}
.cases-list li{ height: 280px;}
.services-list li{ width: 31%; height: 270px; float: left; margin-right: 2%;}
.services-list li:nth-of-type(3n){margin-right: 0;}
.services-list li:nth-of-type(even) {
    float: left; margin-right: 2%;
}

}

@media screen and (width: 1366px) 
{
.header-menu li{ width: 95px }
.header-logo{ width: 200px; }
}



/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: center;margin-bottom: 20px;margin-top: 20px;}
.listpage {clear: both;text-align: center; }
.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;}
.xiaocms-page a { border-radius: 5px; transition: 0.3s; font-size: 14px; display:inline-block; height:30px; line-height:30px; background:#fff; 
  border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px;margin-left: 5px;}
.xiaocms-page a:hover { transition: 0.3s; background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { border-radius: 5px; display:inline-block; height:30px;padding:0 15px; line-height:30px; background:#bbbbbb ;
 border:1px solid #bbbbbb; color:#fff; text-align:center;margin-left: 5px; }