@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;color: #34353a;font-family: Microsoft Yahei,Arial,Hiragino Sans GB,'微软雅黑',STHeiti,'华文细黑',sans-serif;line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol,li{list-style:none}
html,body{background: #fff;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; }
img{border:0}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5{font-weight:normal}
input{outline: none;border: none;}
.clear:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear{zoom:1;}
.left{float:left;}
.right{float:right;}
.hide{display:none;}
.imgbig {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: block !important }
.imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) }
.imgbigout {display: block; overflow: hidden }
a:hover {text-decoration: none; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease }
.w1200{width: 1200px;margin: 0 auto;}


/*========== index ==========*/
.head{position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 93px;background: rgba(255,255,255,.9);box-shadow: 0.5px 0.866px 16px 0px rgb(35,24,21,.5);}
.head .head-inner{width: 83.333%;margin: 0 auto;}
.head .logo{margin-top: 23px;}
.head .logo img{display: block;}
.head nav{}
.head nav>ul>li{position: relative;float: left;width: 115px;text-align: center;}
.head nav>ul>li a{font-size: 16px;color: #333;line-height: 93px;}
.head nav>ul>li.on a{color: #00afff;}
.head nav li:hover .sub-nav{display: block;}
.head nav li>a:hover{color: #1f518e;}
.head nav li.current>a{background: #1f518e;color: #fff;border-radius: 20px;}
.head nav li .sub-nav{display: none;position: absolute;width: 100%;top: 93px;left: 0;background: #e6e6e6;border-top: 2px solid #00afff;z-index: 99;}
.head nav li .sub-nav div{height: 38px;border-bottom: 1px solid #d9d9d9;}
.head nav li .sub-nav div a{font-size: 14px;color: #666;line-height: 38px;text-align: left;}
.head nav li .sub-nav div:hover{background-color: #e2f3ff;}


.banner{position: relative;}
.banner .bd, .banner .bd ul, .banner .bd ul li, .banner .bd ul li img{width: 100% !important;height: 100% !important;}
.banner img{display: block;width: 100%;height: 100%;}
.banner .banner-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,175,255,0.08);}
.banner .hd{position: absolute;left: 0;bottom: 30px;width: 100%;}
.banner .hd ul{text-align: center;}
.banner .hd li{display: inline-block;margin: 0 14px;width: 60px;height: 3px;font-size: 0;background: #fff;cursor: pointer;transition: top 1s;}
.banner .hd li.on{position: relative;top: -3px;height: 6px;background: #00afff;}
.i-about{position: relative;height: 650px;background: url(img/i_about_bg.jpg) center center no-repeat;}
.i-about .i-about-text{position: absolute;padding: 130px 60px ;left: 8.333333%;width: 440px;height: 100%;background-color: rgba(0, 175, 255,.631);box-sizing: border-box;}
.i-about .i-about-text h3{margin-bottom: 44px;font-size: 36px;line-height: 36px;font-weight: bold;color: #fff;}
.i-about .i-about-text p{font-size: 16px;line-height: 28px;color: #eee;}
.i-product{}
.i-product ul li{position: relative;float: left;width: 50%;overflow: hidden;}
.i-product li .i-product-pic{width: 100%;display: block;transition: transform 5s ease;}
.i-product li .i-product-text{position: absolute;left: 0;bottom: -16.374269%;width: 100%;height: 16.374269%;background: rgba(0,0,0,.6);transition: all .7s;}
.i-product li .i-product-text p{position: absolute;left: 0;top: 50%;margin-top: -15px;width: 100%;height: 30px;font-size: 30px;line-height: 30px;color: #fff;text-align: center;}
.i-product li:hover .i-product-pic{transform: scale(1.2);}
.i-product li:hover .i-product-text{bottom: 0;}
.i-design{height: 640px;background: url(img/i_design_bg.jpg) center center fixed no-repeat;}
.i-design .i-design-inner{width: 100%;height: 100%;background: rgba(0,175,255,.18);}
.i-design .i-design-text{padding-top: 200px;text-align: center;}
.i-design .i-design-text .i-design-btn{margin: 46px auto 25px;display: inline-block;width: 149px;height: 47px;line-height: 47px;font-size: 18px;color: #fff;text-align: center;background: #ff8c00;}
.i-design .i-design-text .p2{font-size: 18px;color: #fff;opacity: .8;}
.i-news{}
.i-news ul li{float: left;width: 33.33333333%;overflow: hidden;}
.i-news ul li:hover img{transform: scale(1.1);}
.i-news ul li img{display: block;width: 100%;}
.i-news li .i-news-text{padding: 26px 13.75% 42px;width: 100%;;background: #d4d4d4;box-sizing: border-box;}
.i-news .i-news-text time{color: #646464;}
.i-news .i-news-text h6{margin-bottom: 6px;font-size: 16px;color: #000;height: 32px;overflow: hidden;}
.i-news .i-news-text p{line-height: 32px;color: #717171;height: 64px;overflow: hidden;}
.i-news li:nth-child(2) .i-news-text{background: #029fe7;}
.i-news li:nth-child(2) .i-news-text time{color: #fff;opacity: .7;}
.i-news li:nth-child(2) .i-news-text h6{color: #fff;}
.i-news li:nth-child(2) .i-news-text p{color: #fff;opacity: .5;}
.i-join{height: 750px;background: url(img/i_join_bg.jpg) center no-repeat;}
.i-join .i-join-text{padding-top: 126px;width: 562px;margin: 0 auto;text-align: center;}
.i-join .i-join-text h6{margin-bottom: 72px;font-size: 36px;line-height: 36px;color: #fff;}
.i-join .i-join-text form{width: 100%;}
.i-join form .i-join-div{width: 100%;height: 35px;margin-bottom: 30px;padding-left: 45px;box-sizing: border-box;background-position: 0;background-repeat: no-repeat;}
.i-join form .i-join-div input{width: 100%;height: 100%;text-indent: 10px;line-height: 35px;color: #7d7d7d;outline: none;}
.i-join form .i-join-name{background-image: url(img/i_join_icon1.png);}
.i-join form .i-join-tel{background-image: url(img/i_join_icon2.png);}
.i-join form .i-join-city{background-image: url(img/i_join_icon3.png);}
.i-join form .i-join-content{height: 70px;background-image: url(img/i_join_icon4.png);background-position: left top;}
.i-join form .i-join-content textarea{width: 100%;height: 100%;padding: 10px;line-height: 1.2;color: #7d7d7d;resize: none;outline: none;box-sizing: border-box;border: none;}
.form-yzm{display: flex;justify-content: space-between;height: 35px;padding-left: 45px;}
.form-yzm input{display: block;width: 78%;padding: 0 10px;line-height: 35px;box-sizing: border-box;}
.form-yzm img{display: block;width: 20%;height: 35px;cursor: pointer;}

.i-join form .i-join-submit{width: 219px;height: 44px;margin: 43px auto 0;font-size: 18px;color: #fff;line-height: 44px;text-align: center;background: #ff8c00;cursor: pointer;}
.i-school{}
.i-school li{float: left;width: 25%;}
.i-school li figure{position: relative;width: 100%;background: #000;}
.i-school li figure img{display: block;width: 100%;}
.i-school li figure figcaption{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 3em;box-sizing: border-box;}
.i-school li figcaption p{position: absolute;width: 100%;left: 0;top: 40%;font-size: 36px;color: #fff;text-align: center;}
.i-school figure figcaption::after, .i-school figure figcaption::before{position:absolute;content:'';opacity:0}
.i-school figure figcaption::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.i-school figure figcaption::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.i-school figure p{text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
.i-school figure figcaption::after, .i-school figure figcaption::before, .i-school figure p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.i-school figure:hover img{opacity:.7}
.i-school figure:hover figcaption::after, .i-school figure:hover figcaption::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.i-school figure:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.i-contact{position: relative;height: 480px;background: url(img/i_contact_bg.jpg) center no-repeat;}
.i-contact .i-contact-text{position: absolute;left: 50%;height: 100%;margin-left: 233px;padding: 66px 40px 0;width: 340px;background: #7d7d7d;box-sizing: border-box;}
.i-contact .i-contact-text p{margin-bottom: 24px;font-size: 16px;line-height: 40px;color: #fff;}
.i-contact .i-contact-text a{color: #fff;}
.foot{}
.foot .foot-top{height: 350px;background: #2d2d2d;}
.foot .foot-top .foot-top-inner{position: relative;padding-top: 60px;}
.foot-top .foot-logo{}
.foot-top ul{width: 53%;margin: 0 auto;}
.foot-top ul li{float: left;width: 20%;text-align: center;}
.foot-top li h5{margin-bottom: 18px;font-size: 18px;line-height: 20px;color: #969696;}
.foot-top li a{line-height: 40px;color: #969696;}
.foot-top .foot-code{position: absolute;right: 0;top: 60px;text-align: right;}
.foot-top .foot-code p{margin-bottom: 18px;font-size: 16px;color: #7d7d7d;line-height: 18px;}
.foot-top .foot-code .copyr{font-size: 14px;margin-top: 10px;}
.foot-top .foot-code .copyr a{line-height: 1.5;display: inline-block;}

.foot .foot-copyright{background: #252525;}
.foot-copyright p{padding: 10px 0;text-align: center;color: #8b8b8b;line-height: 24px;}
.foot-copyright p a{color: #8b8b8b;line-height: 24px;margin-right: 5px;}
.foot .inner{width: 83.33333333%;margin: 0 auto;}



/*========== about ==========*/
.pub-nav{margin: 20px auto 30px;}
.pub-nav ul{text-align: center;}
.pub-nav ul li{display: inline-block;margin: 2px 7px;}
.pub-nav li a{display: block;padding: 0 16px;height: 30px;line-height: 30px;text-align: center;}
.pub-nav li.on a{color: #fff;background: #00afff;}
.pro-nav{margin: 20px 0;text-align: center;}
.pro-nav a{display: inline-block;margin: 0 10px 4px;}
.pro-search{width: 500px;margin: 20px auto 0;box-shadow: 0 0 4px rgba(0,0,0,.3)}
.pro-search input{font-size: 16px;line-height: 40px;}
.pro-search .keyword{float: left;width: 80%;padding: 0 10px;box-sizing: border-box;}
.pro-search .submit{float: right;width: 20%;background: #00afff;color: #fff;cursor: pointer;}


.companyPage{padding: 50px 0px 0px;}
.companyPage .mz2 { color: #8edcff;font: 136px/1.3 "microsoft yahei";text-transform: uppercase;width: 80%;margin: 0 auto;}
.companyDemo {position: relative; padding-bottom: 90px; }
.companyDemo .transbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.transbg {background-repeat: no-repeat;background-size: cover;background-position: center center;background-attachment: fixed; }
.companyBox {width: 720px;padding: 36px 120px 110px;background-color: rgba(255,255,255,0.8); border-top: 4px solid #e5e5e5; margin: 0px auto; position: relative; top: -220px;}
.companyBox .t {text-align: center; color: #7d7d7d;margin-bottom: 35px; }
.companyBox .t .year {border-top: 1px solid #e5e5e5; padding: 4px 45px; }
.companyBox .pageC p{text-indent: 2em;}
.companyBox img{display: block;margin: 0 auto;}
.ceoPage { background-color: #f3f3f3; }
.ceobox { position: relative; top: -138px; }
.ceobox .img { float: left; display: block; width: 41%; overflow: hidden; }
.ceobox .img img { width: 100%; display: block; }
.ceobox .con { float: left; width: 54%; margin-left: 5%; position: relative; }
.ceobox .mz3, .ceobox .mz4 { color: #a3e0fc; font: 139px/1 "microsoft yahei"; text-transform: uppercase; position: absolute; left: 0px; }
.ceobox .mz3 { top: -20px; }
.ceobox .mz4 { bottom: 10%; }
.ceobox .con .pageC { margin-top: 65px; background-color: #fff; background-color: rgba(255,255,255,0.9); width: 70%; padding: 53px 8% 70px; float: right; position: relative; z-index: 2; }
.visionPage { background-color: #f3f3f3;padding-bottom: 128px;}
.visionBox { max-width: 1550px; margin: 0px auto; width: 80%; }
.visionBox dd { float: left; display: block; width: 50%; height: 1114px; position: relative; z-index: 2; }
.visitem { position: relative; overflow: hidden; }
.visitem .img { background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: 800ms; -webkit-transition: 800ms; }
.visitem .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.visitem .con { position: absolute; left: 10%; top: 65px; width: 84%; height: 84%; transition: 400ms; -webkit-transition: 400ms; }
.visitem .en { font: 12px/1.2 "microsoft yahei"; color: #646464; }
.visitem .t {margin-bottom: 18px; font-size: 32px; line-height: 1; color: #333; }
.visitem .s { font-size: 18px; line-height: 1; color: #666; }
.visitem .c { margin-top: 10px; padding-top: 10px; border-top: 1px solid #818181; width: 70%; height: 80%; border-bottom: 1px solid #818181; overflow: hidden; }
.visitem .by2 { font-size: 18px; margin-bottom: 20px; }
.visitem1 { height: 360px; }
.visitem2 { height: 410px; }
.visitem5 { height: 344px; }
.visitem3 { height: 560px; }
.visitem4 { height: 554px; }
.visitem .bg { background: url(img/red_4.png) repeat; background: none rgba(0,175,255,0.1); opacity: 0; visibility: hidden; }
.visitem:hover .img { transform: scale(1.12); -webkit-transform: scale(1.12); }
.visitem:hover .bg{ opacity: 1; visibility: visible; }
.visitem:hover .con{ transform: translateY(-10px); -webkit-transform: translateY(-10px); }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
#historyPage { padding: 68px 0px; background-color: #eaf0f3; }
#historyPage .inner, .ceoPage .inner, .visionPage .inner{width: 1200px;margin: 0 auto;}
.brandStory { position: relative; padding: 70px 0px; }
.brandStory a:link, .brandStory a:visited { color: #000; }
.brandStory a:active, .brandStory a:hover { color: #B40000; }
.proces_ico2 { background: url(img/d4.png) no-repeat; width: 26px; height: 26px; position: absolute; left: 50%; top: -26px; margin-left: -13px; }
.proces_bot3 { background: url(img/d3.png) no-repeat scroll center top; width: 114px; display: block; margin: 30px auto 0px; padding-top: 28px; text-align: center; color: #000; }
.proces_bot3:hover { color: #00afff; }
.procesList dd { float: left; display: block; width: 16.66%; position: relative; cursor: pointer; }
.procesList .num { background: url(img/y7.png) no-repeat #fff; width: 60px; height: 60px; margin-left: 2px; line-height: 60px; text-align: center; font-size: 20px; position: relative; z-index: 2; }
.procesList .y2 { background: url(img/y8.png) no-repeat scroll center bottom; height: 0px; width: 100%; position: absolute; left: 0px; bottom: 0px; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; transition: 400ms; }
.procesList .y { position: relative; z-index: 2; }
.procesList dd:hover .num { color: #fff; }
.procesList dd:hover .num .y2 { height: 100%; }
.procesList .line { width: 60%; right: 4px; top: 30px; height: 1px; background-color: #dcdcdc; position: absolute; }
.procesList .line2 { margin: 24px 0px 15px; width: 18px; background-color: #a0a0a0; height: 1px; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; transition: 400ms; }
.procesList .txt { margin: 0px 45px 0px 5px; color: #646464; height: 135px; }
.procesList dd:hover .line2 { width: 100%; background-color: #00afff; }
.brandStoryDL { position: relative; overflow: hidden; }
.brandStoryDL dd { padding: 34px 0px; position: relative; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; }
.brandStoryDL .img { float: left; width: 50%; display: block; }
.brandStoryDL .imgbox { width: 290px; margin: 0px auto; visibility: hidden; opacity: 0; transition: 400ms; -webkit-transition: 400ms; }
.brandStoryDL .imgbox img { width: 100%; display: block; }
.brandStoryDL .line { width: 228px; height: 3px; background-color: #a0a0a0; position: absolute; left: 50%; margin-left: -60px; top: 79px; }
.brandStoryDL .line i { border: 1px solid #a0a0a0; width: 18px; height: 18px; position: absolute; left: -14px; top: -9px; }
.brandStoryDL .time { float: left; display: block; width: 100px; margin-left: 68px; color: #666; position: relative; font: 26px/1.2 "microsoft yahei"; text-align: right; transition: 400ms; -webkit-transition: 400ms; }
.brandStoryDL .con { float: left; display: block;font-size: 16px;line-height: 2em; margin-left: 25px; width: 335px; color: #666; }
.brandStoryDL dd:nth-child(2n) .con{margin-left: 0;margin-right: 25px;}
.brandStoryDL .con .t { font-size: 19px; font-weight: bold; margin-bottom: 10px; transition: 400ms; -webkit-transition: 400ms; }

.brandStoryDL dd:nth-child(2n) .img { float: right; }
.brandStoryDL dd:nth-child(2n) .line { left: auto; right: 50%; margin: 0px -60px 0px 0px; }
.brandStoryDL dd:nth-child(2n) .line i { left: auto; right: -14px; }
.brandStoryDL dd:nth-child(2n) .time { margin-left: 0px; text-align: left;width: 90px;}
.brandStoryDL dd:hover { background-color: #fff; }
.brandStoryDL dd:hover .img { height: auto; }
.brandStoryDL dd:hover .imgbox { visibility: visible; opacity: 1; }
.brandStoryDL dd:hover .line { opacity: 0; visibility: hidden; }
.brandStoryDL dd:hover .time { color: #00afff; font-size: 30px; line-height: 1; }
.proces_line {height: 100%;position: absolute;left: 50%;top: 0px;width: 1px;background-color: #a0a0a0;}

#honor{padding: 100px 0;}
#honor li{}
#honor li img{display: block;max-width: 100%;height: auto;margin: 0 auto;}


.brand-logo{margin: 40px 0;height: 560px;}
.brand-logo .brand-logo-text{width: 50.83333%;height: 100%;background: #f5f5f5;}
.brand-logo .brand-logo-pic{width: 49.166666%;height: 100%;}

.brand-logo-text .text{padding: 13.32% 27% 0 16%;}
.brand-logo-text h6{margin-bottom: 28px;font-size: 36px;line-height: 1em;color: #333;}
.brand-logo-text p{color: #7d7d7d;line-height: 30px;}
.brand-logo-pic li{float: left;width: 50%;height: 280px;background-position: center;background-repeat: no-repeat;}
.brand-logo-pic li:nth-child(1){background-image: url(img/brand_1.jpg);}
.brand-logo-pic li:nth-child(2){background-image: url(img/brand_2.jpg);}
.brand-logo-pic li:nth-child(3){background-image: url(img/brand_3.jpg);}
.brand-logo-pic li:nth-child(4){background-image: url(img/brand_4.jpg);}
.brand-adv{margin-bottom: 80px;}
.brand-adv .adv-con p{position: absolute;width: 100%;left: 0;bottom: 64px;text-align: center;line-height: 1em;font-size: 18px;color: #fff;}

.recruit-wrap1{position: relative;width: 77%;height: 520px;margin: 173px auto 0;background: #f5f5f5;}
.recruit-wrap1 .recruit-wrap1-text{width: 37.17%;padding: 8% 0 0 7.8%;}
.recruit-wrap1-text h6{margin-bottom: 38px;font-size: 36px;color: #333;line-height: 1em;}
.recruit-wrap1-text p{color: #7d7d7d;line-height: 32px;text-indent: 2em;}

.recruit-wrap1-pic{position: absolute;right: 67px;top: -110px;width: 32.4324%;}
.recruit-wrap1-pic img{width: 100%;display: block;}

.zp{}
.zp .zp-inner{padding: 60px 0 80px;}
.zp .zp-list{width: 1320px;margin: 0 auto;}
.zp .zp-list dt{padding: 0 100px;color: #fff;background: #00afff;font-size: 0;}
.zp .zp-list dt span{font-size: 14px;display: inline-block;width: 20%;height: 50px;line-height: 50px;text-align: center;}
.zp .zp-list dd{margin: 0 100px;}
.zp .zp-list dt span:first-child,.zp .zp-list dd span:first-child{text-align: left;}
.zp .zp-list dt span:last-child,.zp .zp-list dd span:last-child{text-align: right;}
.zp-list-obj{font-size: 0;cursor: pointer;border-bottom: 1px solid #efefef;}
.zp-list-obj span{display: inline-block;width: 20%;height: 60px;font-size: 14px;color: #7d7d7d;line-height: 60px;text-align: center;}
.zp .zp-list dd .zp-list-content{display: none;padding: 35px 50px;background: #f5f5f5;}
.zp .zp-list-content table{width: 100%;}
.zp .zp-list-content table tr td{width: 25%;line-height: 32px;color: #7d7d7d;}
.zp .zp-con{margin: 22px 0 27px;padding: 22px 0 40px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.zp .zp-con h6{margin-bottom: 6px;font-size: 18px;color: #7d7d7d;}
.zp .zp-con p{font-size: 14px;line-height: 28px;color: #7d7d7d;}
.zp .zp-more{display: block;width: 148px;height: 40px;background: #00afff;font-size: 14px;color: #fff;line-height: 40px;text-align: center;}



/*========== works ==========*/
.tec-wrap{padding: 40px 0 80px;background: #fff;}
.tec-wrap ul li{height: 305px;width: 1200px;margin: 0 auto;}
.tec-wrap li>div{float: left;width: 600px;height: 100%;}
.tec-wrap li .tec-text{padding: 60px 60px 0 45px;box-sizing: border-box;}
.tec-wrap li .tec-text h6{position: relative;margin-bottom: 32px;font-size: 22px;color: #333;line-height: 1em;}
.tec-wrap .tec-text h6:before{position: absolute;top: 0;left: -10px;display: block;content: "";width: 4px;height: 24px;background: #00afff;}
.tec-wrap li .tec-text p{color: #333;}
.tec-wrap li .tec-img{background-position: center;background-repeat: no-repeat;}
.tec-wrap li:nth-child(1) .tec-img{background-image: url(img/tec_1.jpg);}
.tec-wrap li:nth-child(1) .tec-text{}
.tec-wrap li:nth-child(2) .tec-img{background-image: url(img/tec_2.jpg);}
.tec-wrap li:nth-child(3) .tec-img{background-image: url(img/tec_3.jpg);}
.tec-wrap li:nth-child(4){float: right;}
.tec-wrap li:nth-child(4) .tec-img{background-image: url(img/tec_4.jpg);}
.tec-wrap ul li:first-child, .tec-wrap ul li:last-child{position: relative;width: 81.25%;margin: 0;}



.product-list{position: relative;padding: 17px 60px 240px;background: #f8f8f8;}
.product-list ul li{float: left;width: 50%;height: 370px;padding: 0 18px;margin-bottom: 36px;box-sizing: border-box;}
.product-list ul li>div{height: 100%;}
.product-list li .imgbigout{position: relative;width: 76.04%;}
.product-list li .imgbigout .imgbig{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;}
.product-list li .imgbigout .imgbtn{opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(img/pro_imgbtn.png) center no-repeat rgba(0,0,0,0);transition: all .3s;}
.product-list li:hover .imgbigout .imgbtn{background-color: rgba(0,0,0,.5);opacity: 1;}
.product-list li .imgtext{position: relative;width: 23.96%;background: #e5e5e5;}
.product-list li .imgtext p{position: absolute;left: 15px;top: 33px;font-size: 18px;line-height: 1em;color: #000;}
.product-list li .imgtext a{position: absolute;right: 26px;bottom: 17px;width: 34px;height: 34px;background: url(img/pro_textbtn.png) center no-repeat;}

.product-list ul li>div{float: right;}

.product-list ul li:nth-child(4n)>div,
.product-list ul li:nth-child(4n+1)>div{float: left;}


.pro-more{position: absolute;bottom: 70px;left: 50%;margin-left: -11%;width: 22%;height: 90px;line-height: 90px;font-size: 18px;color: #333;text-align: center;background: #dcdcdc;}


/*分页框架*/
.pager {width:100%; color:#333; line-height:30px; padding:70px 0 25px 0; font-size:12px; text-align:center;}
.pager a,.pager span { border: #cccccc 1px solid; padding:0px 8px; color: #666; text-decoration: none;  font-size:12px; height:26px;line-height:26px;display:inline-block;margin:0 3px;}
.pager a:hover { border: #00afff 1px solid; color: #fff; background-color: #00afff; }
.pager a:active { color: #fff; border: #00afff 1px solid; background-color: #00afff; }
.pager span.now  { color: #fff; border: #00afff 1px solid; background-color: #00afff; }
.pager span.disabled { color: #ccc;  border: #ccc 1px solid }  




/*========== news ==========*/
.hot-news{padding-bottom: 167px;}
.hot-news li{height: 240px;}
.hot-news li a{display: block;width: 1160px;margin: 0 auto;padding: 50px 0;}
.hot-news li .imgbigout{float: left;width: 240px;height: 140px;}
.hot-news li .text{float: right;width: 76%;}
.hot-news .text .text-con{float: left;width: 590px;}
.hot-news .text-con h6{margin: 8px 0;font-size: 16px;color: #000;}
.hot-news .text-con p{line-height: 30px;color: #888;}
.hot-news .text-time{float: right;}
.hot-news .text-time span, .hot-news .text-time i{display: block;line-height: 1em;text-align: center;}
.hot-news .text-time span{margin: 32px 0;font-size: 36px;color: #646464;}
.hot-news .text-time i{position: relative;font-size: 14px;color: #646464;}
.hot-news .text-time i:before{position: absolute;top: -22px;left: 50%;margin-left: -15px;display: block;content: "";width: 30px;height: 1px;background: #dcdcdc;}
.hot-news li:hover{background: #333;}
.hot-news li:hover h6{color: #fff;}
.hot-news li:hover p{color: #929292;}
.hot-news li:hover span, .hot-news li:hover i{color: #d6d6d6;}
.news-list{padding: 40px 0 177px;background: #f8f8f8;}
.news-list ul{width: 1200px;margin: 0 auto;}
.news-list ul li{float: left;width: 33.333%;background: #d4d4d4;}
.news-list ul li:nth-child(3n-1){background: #dbdbdb;}
.news-list li .imgbigout{}
.news-list li .imgbigout img{display: block;}
.news-list li .text{height: 205px;}
.news-list li .text .text-con{padding: 26px 40px 0;}
.news-list .text-con time{display: block;color: #646464;line-height: 1em;}
.news-list .text-con h6{margin: 30px 0 14px;font-size: 16px;color: #000;line-height: 1em;}
.news-list .text-con p{color: #6a6a6a;line-height: 30px;}
.news-list ul li:hover{background: #029fe7;}
.news-list li:hover time{color: #bfe7f9;} 
.news-list li:hover h6{color: #fff;}
.news-list li:hover p{color: #56bfef;}
.news-video{padding: 60px 84px;text-align: center;}
.news-video img{max-width: 100%;}

.news-read{border-top: 1px solid #d2d2d2;padding-bottom: 60px;}
.news-read .news-read-inner{width: 900px;margin: 0 auto;padding-top: 30px;}
.bread-menu{margin-bottom: 30px;text-align: left;}
.news-read .news-read-top{text-align: center;}
.news-read .news-read-top h6{font-size: 28px;line-height: 1.3em;color: #666;}
.news-read .news-read-top p{color: #7d7d7d;}
.news-read .news-read-con{padding: 100px 0 55px;}
.news-read .news-read-con p{color: #7d7d7d;}
.news-read .news-read-con iframe{width: 100%;height: 665px;margin: 10px auto;}

.news-read .news-read-con img{max-width: 100%;height: auto;/*margin: 40px 0;*/}
.news-read .viewpage-link ul{width: 50%;float: left;}
.news-read .viewpage-link ul li, .news-read .viewpage-link ul li a{color: #999;line-height: 24px;}
.news-read .viewpage-return{float: right;display: block;width: 84px;height: 30px;line-height: 30px;color: #fff;text-align: center;background: #00afff;}
.news-read span{max-width: 100%;}
.news-read video{max-width: 100%;height: auto;}




/*========== s学院 ==========*/
.s-school{padding-top: 93px;margin-top: -210px;position: relative;background: #fff;}
.tea-list{margin-bottom: 72px;}
.tea-list .more{display: block;margin-top: 20px;width: 148px;height: 40px;background: #00afff;font-size: 14px;color: #fff;line-height: 40px;text-align: center;}



.s-slide{width: 1200px;margin: 80px auto;}
.s-slide .swiper-slide{width: 752px;}
.s-slide .swiper-slide img{margin: 0 auto;display: block;}
.s-slide .swiper-btn{width: 38px;height: 75px;}
.s-slide .swiper-button-prev{background: url(img/s_slide_prev.png) center no-repeat;/*left: -60px;*/}
.s-slide .swiper-button-next{background: url(img/s_slide_next.png) center no-repeat;/*right: -60px;*/}



.s-video{}
.s-video ul{width: 76.5625%;margin: 0 auto;}
.s-video ul li{float: left;width: 33.333333%;margin-bottom: 40px;}
.s-video li .s-video-con{margin: 0 10px;padding: 5px;background: #fff;box-shadow: 0.5px 0.866px 16px 0px rgb(35,24,21,.2);}
.s-video .con-img{position: relative;}
.s-video .con-img img{width: 100%;display: block;}
.s-video .con-img p{position: absolute;left: 0;bottom: 10px;width: 100%;padding: 0 5px;box-sizing: border-box;}
.s-video .con-img p span{font-size: 12px;color: #fff;}
.s-video .con-text{margin: 14px 0;}
.s-video .con-text p{color: #7d7d7d;line-height: 1em;}

@media screen and (max-width:1600px) {
	.companyPage .s-mz2{width: 95%;font-size: 100px;line-height: 176px;}

}

.teacher-wrap1, .teacher-wrap2, .teacher-wrap3 .teacher-title{width: 1200px;margin: 0 auto;}
.teacher-wrap1{margin-top: 72px;}
.teacher-wrap1 .teacher-pic{width: 440px;}
.teacher-wrap1 .teacher-text{margin-top: 84px;width: 760px;height: 413px;padding: 54px 100px 78px 98px;background: #f7f7f7;box-sizing: border-box;}
.teacher-text h6{margin-bottom: 30px;font-size: 30px;color: #7d7d7d;line-height: 1em;}
.teacher-text p{color: #7d7d7d;line-height: 32px;}
.teacher-wrap2{margin: 102px auto 73px;}
.teacher-title{position: relative;margin-bottom: 20px;padding-left: 18px;font-size: 30px;line-height: 35px;color: #7d7d7d;}
.teacher-title:before{position: absolute;left: 0;top: 0;display: block;content: "";width: 7px;height: 35px;background: #00ffff;}
.teacher-wrap2-con{}
.teacher-wrap2-con p{font-size: 18px;line-height: 32px;color: #7d7d7d;}
.teacher-wrap3{padding-bottom: 40px;}
.teacher-wrap3 .teacher-title{margin-bottom: 40px;box-sizing: border-box;}
.teacher-video ul{width: 1220px;margin: 0 auto;}

.course-wrap2 .teacher-title, .course-wrap3 .teacher-title{font-weight: bold;}
.course-wrap1{width: 1000px;margin: 0 auto 40px;padding: 60px 0 0;}
.course-wrap1 .title{margin-bottom: 30px;font-size: 24px;line-height: 1em;color: #7d7d7d;}
.course-wrap1 .con-img{width: 460px;height: 373px;}
.course-wrap1 .con-img img{display: block;width: 100%;height: 100%;}

.course-wrap1 .con-text{margin-top: 16px;}
.course-wrap1 .con-text table td{color: #7d7d7d;line-height: 48px;}

.course-wrap1 .con-text table td:nth-child(2){padding-left: 50px;}
.course-wrap1 .con-text table td span{font-size: 16px;font-weight: bold;}
.course-wrap1 .con-text table td i{color: #ff8c00;font-size: 16px;}
.qq-icon{display: inline-block;width: 77px;height: 22px;background: url(img/qq_icon.png) center no-repeat;}
.course-wrap1 .qq-icon{position: relative;top: 4px;}

.course-wrap1 table tr:last-child a{display: block;width: 120px;height: 37px;font-size: 18px;color: #fff;line-height: 37px;text-align: center;border-radius: 19px;margin: 20px auto 0;}
.course-wrap1 a.bm{background: #00ffff;}
.course-wrap1 a.zx{background: #ff8c00;}


.course-wrap2{width: 1200px;margin: 0 auto 60px;}
.course-wrap2 .course-wrap2-con table{width: 100%;}
.course-wrap2 table tr th{font-size: 24px;color: #7d7d7d;line-height: 140px;text-align: center;width: 100%;background: #00ffff;border-bottom: 1px solid #7d7d7d;}
.course-wrap2 table tr td:nth-child(1){width: 15%;text-align: center;}
.course-wrap2 table tr td:nth-child(2){width: 85%;border-left: none;padding-left: 40px;padding-right: 40px;}
.course-wrap2 table tr td{border: 1px solid #7d7d7d;border-top: none;font-size: 18px;line-height: 30px;color: #7d7d7d;padding: 15px 0;}

.course-wrap2 .con-info{margin-top: 30px;}
.course-wrap2 .con-info p{font-size: 18px;line-height: 44px;color: #7d7d7d;}
.course-wrap2 .con-info .qq-icon{position: relative;top: 4px;}
.course-wrap2 .con-info .zxzx{display: inline-block;width: 127px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;background: #00ffff;}


.s_school_wrap{padding: 100px 0 60px;}




/*========== join ==========*/
.join-adv{}
.join-title{margin: 40px 0;font-size: 30px;color: #7d7d7d;line-height: 1em;text-align: center;}
.join-adv ul li{float: left;width: 33.33333333%;height: 496px;background-position: center;background-repeat: no-repeat;}
.join-adv li:nth-child(1){background-image: url(img/join_1.jpg);}
.join-adv li:nth-child(2){background-image: url(img/join_2.jpg);}
.join-adv li:nth-child(3){background-image: url(img/join_3.jpg);}
.join-adv li .adv-con{position: relative;width: 100%;height: 100%;}

.joinadv li .adv-con p{position: relative;top: 50px;opacity: 0;padding: 20% 5% 5%;font-size: 16px;color: #fff;transition: all 1s;}
.joinadv li:hover .adv-con p{display: block;top: 0;opacity: 1;}
.joinadv li:hover .shape-y{display: none;}
.joinadv li:hover .adv-con h6{bottom: 50px !important;}

.join-adv li .shape-y{position: absolute;left: 50%;top: 50%;margin-left: -35px;margin-top: -35px;width: 70px;height: 70px;border: 2px solid #fff;border-radius: 50%;transition: all 1s;}
.join-adv li .shape-d{position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;width: 10px;height: 10px;background: #fff;border-radius: 50%;transition: all 1s;}
.join-adv li .shape-d:before{position: absolute;top: 0;left: 50%;margin-left: -1px;display: block;content: "";width: 1px;height: 0;border-left: 1px dashed #fff;transition: all 1s;}
.join-adv li .adv-con h6{position: absolute;left: 0;bottom: 100px;width: 100%;text-align: center;font-size: 30px;color: #fff;transition: all 1s;}
.join-adv li:hover .adv-con{background: rgba(147,150,151,.75);}
.join-adv li:hover .shape-d{margin-top: 80px;background: #00afff;}
.join-adv li:hover .shape-d:before{top: -86px;height: 86px;}

.join-condition{padding-bottom: 60px;}
.join-condition .title{margin-bottom: 120px;}
.join-condition ul{width: 1100px;margin: 0 auto;}
.join-condition ul li{float: left;width: 50%;margin-bottom: 45px;}
.join-condition li .text{}
.join-condition li .text .text-num{position: relative;top: -10px;display: inline-block;margin-right: 35px;width: 50px;height: 50px;font-size: 24px;color: #fff;line-height: 50px;text-align: center;border-radius: 50%;background: #00afff;}
.join-condition li .text p{display: inline-block;font-size: 16px;color: #7d7d7d;line-height: 28px;}

.yl-wrap1{background: #f8f8f8;margin-top: 78px;}
.yl-title{margin-bottom: 76px;padding-top: 80px;font-size: 24px;line-height: 1em;color: #666;text-align: center;}
.yl-ul{display: flex;flex-wrap: wrap;justify-content: center;}
.yl-ul1 li{width: 315px;padding-right: 60px;margin-bottom: 80px;box-sizing: border-box;text-align: center;}
.yl-ul1 li:nth-child(4), .yl-ul li:nth-child(7){width: 255px;padding-right: 0;}
.yl-ul1 li img{margin-bottom: 7px;}
.yl-ul1 li .p1{margin-bottom: 15px;font-size: 20px;color: #009be5;}
.yl-ul1 li .p2{font-size: 14px;color: #666;}

.yl-wrap2{padding-bottom: 24px;}
.yl-wrap2 .yl-title{margin-bottom: 110px;}
.yl-ul2{}
.yl-ul2 li{position: relative;width: 280px;height: 266px;padding: 70px 20px 10px;box-sizing: border-box;margin-bottom: 110px;margin-right: 134px;box-shadow: 0 0 15px 1px rgba(0,0,0,.2);text-align: center;transition: all .5s;}
.yl-ul2 li:nth-child(3), .yl-ul2 li:nth-child(5){margin-right: 0;}

.yl-ul2 li .p1{position: absolute;width: 100px;height: 100px;background: #009be5;line-height: 100px;font-size: 48px;color: #fff;text-align: center;border-radius: 50%;top: -50px;left: 50%;margin-left: -50px;}
.yl-ul2 li .p2{font-size: 14px;color: #666;}
.yl-ul2 li:hover{box-shadow: 0 0 15px 1px rgba(0,0,0,.4);}


.join-ldys{padding-top: 50px;}
.join-ldys img{max-width: 100%;height: auto;}
.join-ldys ul{width: 600px;margin: 0 auto 80px;}
.join-ldys li{color: #7d7d7d;}
.join-ldys-bottom img{float: left;width: 50%;}









/* 响应式 */

@media screen and (max-width:1440px) {
	.head .head-inner{width: 95%;}
	.head nav li{width: 100px;}
	.tec-wrap ul li:first-child, .tec-wrap ul li:last-child{width: 95%;}

	.joinadv li .adv-con p{line-height: 24px;font-size: 14px;}

	.recruit-wrap1{width: 94%;}
	.zp .zp-list{width: 1100px;}
	.zp .zp-list dt{padding: 0 50px;}
	.zp .zp-list dd{margin: 0 50px;}

	.pro-more{height: 60px;line-height: 60px;}

}