@charset "utf-8";

@import url("style.css");

body {

  -webkit-user-select: none;

  user-select: none;

  min-width:1250px;

}

html * {

	outline: none;

	-webkit-text-size-adjust: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

html, body {

	 min-height: 100%;

	font-family: '微软雅黑',"Helvetica Neue", Helvetica, STHeiTi, sans-serif; line-height:100%; background: #fff;

}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

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, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	margin: 0;

	padding: 0;

}

* {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

input, select, textarea {

	font-size: 100%;

}

/* 去掉各 Table  cell 的边距并让其边重合 */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* 去除默认边框 */

fieldset, img {

	border: 0;

}

/* 去掉 firefox 下此元素的边框 */

abbr, acronym {

	border: 0;

	font-variant: normal;

}

/* 一致的 del 样式 */

del {

	text-decoration: line-through;

}

address, caption, cite, code, dfn, em, th, var,i {

	font-size:100%;

	font-style: normal;

	font-weight: normal;

}

/* 去掉列表前的标识, li 会继承 */

ol, ul {

	list-style: none;

}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th {

	text-align: left;

}

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;font-weight: normal;

}

q:before, q:after {

	content: '';

}

/* 统一上标和下标 */

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

/* 正常链接 未访问 */

/* 鼠标悬停 */

a:hover {

	text-decoration:none;

}

/* 默认不显示下划线，保持页面简洁 */

ins, a {

	text-decoration: none;

}

ul,ol,menu,li{list-style:none}

*{margin:0;padding:0;list-style:none;border:none;outline:none;}

.clear{clear:both;display:block;}

/* 告诉苹果不用内置苹果ui */

input[type="submit"],input[type="button"],button {border: none;-webkit-appearance : none ;}

.clear:after{display:block;content:"";clear:both;}

.fl{float:left;}

.fr{float:right;}

.center{width:1250px;margin:0 auto;}

@font-face {

	font-family:georgia;

	src: url(../font/georgia.ttf);

}

@font-face {

	font-family:din;

	src: url(../font/DIN-Bold.otf);

}

/*header*/

.header .top{background:#323e52;padding:13px 0;}

.header .top .center{display:flex;align-items:center;justify-content:space-between;}

.header .top em{display:flex;align-items:center;font-size:12px;color:#99a5be;}

.header .top em img{margin-right:8px;}

.header .top span{display:flex;align-items:center;font-size:12px;color:#99a5be;line-height:12px;}

.header .top span a{display:block;font-size:12px;color:#99a5be;line-height:12px;}

.header .logo-box {padding:33px 0 35px;width:100%;}

.header .logo-box .center{display:flex;justify-content:space-between;}

.header .logo-box .logo{display:block;width:426px;height:58px;}

.header .logo-box .logo img{display:block;width:100%;height:100%;}

.header .logo-box .img{display:block;margin-top:16px;flex-shrink:0;height:100%;}

.header .logo-box section{display:flex;flex-direction:column;align-items:flex-end;}

.header .logo-box section i{font-family:georgia;font-size:30px;color:#338ae2;line-height:30px;}

.header .logo-box section span{display:flex;align-items:center;font-size:16px;color:#000;line-height:16px;margin-bottom:10px;}

.header .logo-box section span img{display:block;margin-right:10px;}

.header .nav{width:100%;background:#202735;}

.header .nav ul{display:flex;align-items:center;}

.header .nav ul li{flex:1;border-right:1px dashed #5a5a5a;}

.header .nav ul li a{display:block;font-size:14px;line-height:60px;color:#fff;text-align:center;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.header .nav ul li:last-child{border-right:none;}

.header .nav ul li a:hover ,.header .nav ul li.active a{background:#338ae2;font-weight:bold;}

/*banner*/

.banner{width:100%;}

.banner .swiper-container .swiper-pagination{bottom:50px;}

.banner .swiper-container .swiper-pagination span{width:80px;height:4px;border-radius:0;background: #fff;margin:0 4px;}

.banner .swiper-container .swiper-pagination span.my-bullet-active{background:#338ae2;opacity:1;}

.banner .swiper-container .swiper-button-next{width:27px;height:47px;background:url(../images/right-btn.png);right:20px;margin-top:-23px;}

.banner .swiper-container .swiper-button-prev{width:27px;height:47px;background:url(../images/left-btn.png);left:20px;margin-top:-23px;}



/*footer*/

.footer .list-footer{background:url(../images/back-img04.jpg) center center;height:130px;overflow:hidden;}

.footer .list-footer ul{overflow:hidden;margin-top:33px;}

.footer .list-footer ul li{width:20%;float:left;display:flex;align-items:center;justify-content:center;}

.footer .list-footer ul li img{display:block;margin-right:16px;}

.footer .list-footer ul li span{display:block;font-size:18px;color:#338ae2;line-height:18px;font-weight:bold;}

.footer .footer-box{background:#242424;}

.footer .footer-box .footer-top ul{display:flex;justify-content:space-around;padding-top:35px;padding-bottom:33px;border-bottom:1px solid #3a3a3a;}

.footer .footer-box .footer-top ul li a{display:block;font-size:14px;color:#fff;line-height:14px;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.footer .footer-box .footer-top ul li a:hover{color:#338ae2;font-weight:bold;}

.footer .footer-box .bottom{display:flex;align-items:flex-start;padding-top:45px;justify-content:space-between;padding-bottom:40px;}

.footer .footer-box .bottom img.logo{display:block;margin:66px 67px 0 0;}

.footer .footer-box .bottom .box1 .phone{display:flex;align-items:center;position:relative;padding-bottom:22px;margin-bottom:20px;}

.footer .footer-box .bottom .box1 .phone:after{display:block;content:"";width:250px;height:1px;background:#3a3a3a;position:absolute;left:0;bottom:0;}

.footer .footer-box .bottom .box1 .phone img{display:block;width:30px;height:24px;margin-right:18px;}

.footer .footer-box .bottom .box1 .phone em{display:block;font-size:26px;font-family:din;color:#fff;line-height:28px;}

.footer .footer-box .bottom .box1 em{display:block;font-size:12px;color:#999;line-height:12px;margin-bottom:15px;}

.footer .footer-box .bottom .box2 span{display:block;font-size:16px;color:#fff;line-height:16px;margin-bottom:27px;}

.footer .footer-box .bottom .box2 input[type="text"]{display:block;width:260px;height:40px;border-radius:5px;border:1px solid #3a3a3a;background:none;padding-left:10px;margin-bottom:20px;color:#fff;}

.footer .footer-box .bottom .box2 input[type="submit"]{display:block;width:100%;font-size:14px;background:#338ae2;line-height:40px;border-radius:5px;color:#fff;cursor:pointer;}

.footer .footer-box .bottom .box3{display:flex;margin-top:20px;}

.footer .footer-box .bottom .box3 i{display:block;text-align:center;font-size:12px;color:#fff;margin-right:26px;}

.footer .footer-box .bottom .box3 i img{display:block;margin-bottom:12px;}

.footer .footer-box .bottom .box3 i:nth-child(2n){margin-right:0;}

.footer .footer-bottom{background:#222;}

.footer .footer-bottom p{display:block;text-align:center;line-height:60px;font-size:12px;color:#444;}

.footer .footer-bottom p a{color:#444;}

/*cont--box*/

.cont-box{padding-top:30px;padding-bottom:145px;}

.cont-box .left-box{width:240px;float:left;}

.cont-box .left-box .left-box{width:100%;}

.cont-box .left-box span{display:block;text-align:center;font-size:24px;color:#fff;font-weight:bold;background:url(../images/icon13.png) top left no-repeat #338ae2;line-height:75px;}

.cont-box .left-box ul li{border-bottom:1px solid #ededed;}

.cont-box .left-box ul li a{display:block;width:100%;line-height:50px;text-indent:53px;font-size:16px;color:#666;position:relative;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.cont-box .left-box ul li a:after{display:block;width:3px;background:#338ae2;height:0px;content:"";position:absolute;right:0;top:0;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.cont-box .left-box ul li a:hover:after{height:50px;}

.cont-box .left-box ul li a:before{display:block;content:"";position:absolute;top:0;bottom:0;margin:auto;width:12px;height:2px;background:#338ae2;right:0;opacity:0;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.cont-box .left-box ul li a:hover:before{opacity:1;right:25px;}

.cont-box .left-box ul li a:hover{color:#338ae2;font-weight:bold;}

.cont-box .right-box{float:right;width:974px;}

.cont-box .right-box .about-box h2.title{display:block;text-align:center;font-size:24px;color:#333;line-height:24px;margin-top:20px;}

.cont-box .right-box .about-box em.time{display:block;text-align:center;font-size:14px;color:#999;line-height:14px;margin:25px 0 35px;padding-bottom:35px;border-bottom:1px dashed #e6e6e6;margin-bottom:25px;}

.cont-box .right-box .about-box p{display:block;font-size:16px;color:#333;line-height:32px;}

.cont-box .left-box ul li.active a:after{height:50px;}

.cont-box .left-box ul li.active a:before{opacity:1;right:25px;}

.cont-box .left-box ul li.active a{color:#338ae2;font-weight:bold;}

/*荣誉资质*/

.cont-box .right-box .condition ul{overflow:hidden; margin-right: -28px;}

.cont-box .right-box .condition ul li{float:left;width:308px; margin-right:28px;margin-bottom:50px;}

.cont-box .right-box .condition ul li i{display:block;height:232px;background:#f2f3f7; width:100%; overflow: hidden;}

.cont-box .right-box .condition ul li i img{display:block;margin:0 auto;width:auto;height:100%;}

.cont-box .right-box .condition ul li:nth-child(3n){margin-right:0;}

.cont-box .right-box .condition ul li span{display:block;text-align:center;margin-top:23px;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.cont-box .right-box .condition ul li:hover span{color:#338ae2;}



/*新闻列表*/

.cont-box .right-box .new-list ul{margin-bottom:80px;}

.cont-box .right-box .new-list ul li{margin-bottom:20px;}

.cont-box .right-box .new-list ul li a{display:flex;justify-content:space-between;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.cont-box .right-box .new-list ul li a .text{width:650px;padding-left:40px;padding-top:35px;}

.cont-box .right-box .new-list ul li a .text span{display:block;font-size:14px;color:#999;line-height:14px;margin-bottom:15px;}

.cont-box .right-box .new-list ul li a .text h2{display:block;font-size:22px;color:#333;line-height:22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.cont-box .right-box .new-list ul li a .text p{margin-top:20px; display:block;font-size:14px;color:#999;line-height:24px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}

.cont-box .right-box .new-list ul li a img{display:block;width:287px;height:180px;}

.cont-box .right-box .new-list ul li a:hover{background:#eaf3fc;}

.cont-box .right-box .new-list ul li a:hover .text h2{color:#338ae2;}

/*新闻详情*/

.new-detail {margin-top:50px;padding-bottom:140px;}

.new-detail .new-title{border-bottom:1px dashed #e6e6e6;padding-bottom:35px;}

.new-detail .new-title h2{display:block;text-align:center;font-size:24px;color:#333;line-height:24px;margin-bottom:20px;}

.new-detail .new-title em{display:block;text-align:center;font-size:16px;color:#999;line-height:16px;}

.new-detail .cont {padding-top:35px;}

.new-detail .cont p{display:block;font-size:16px;color:#333;line-height:32px;}

.new-detail .cont p img{display: block;margin:0 auto;max-width:100%;}

.new-detail .cont ul{margin-top:50px;}

.new-detail .cont ul li{margin-bottom:20px;}

.new-detail .cont ul li a{display:block;font-size:16px;color:#999;line-height:16px;}

.new-detail .cont ul li a:hover span{color:#338ae2;}

.new-detail .cont ul li a span{transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

/*制服*/

.cont-box .right-box .uniform ul li{float:left;margin-right:calc((100% - 227px * 4) / 3);margin-bottom:50px;}

.cont-box .right-box .uniform ul li a{display:block;}

.cont-box .right-box .uniform ul li a i{display:flex;width:227px;height:341px;border:1px solid #e5e5e5;justify-content:center;align-items:flex-end;max-height:100%;}

.cont-box .right-box .uniform ul li:nth-child(4n){margin-right:0;}

.cont-box .right-box .uniform ul li a span{display:block;font-size:16px;color:#333;line-height:16px;margin-top:22px;text-align:center;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.cont-box .right-box .uniform ul li a:hover span{color:#338ae2;}

/*制服详情*/

.uniform-detail{margin-top:30px;padding-bottom:120px;}

.uniform-detail .top{overflow:hidden;}

.uniform-detail .top .img{display:flex;width:400px;height:600px;border:1px solid #e5e5e5;align-items:flex-end;justify-content:center;float:left;}

.uniform-detail .top .img img{height:96%;width:auto;display:block;}

.uniform-detail .top section{float:right;width:calc(100% - 400px - 58px);padding-top:40px;position:relative;height:600px;}

.uniform-detail .top section .name{display:block;font-size:26px;color:#333;line-height:26px;font-weight:bold;padding-bottom:42px;margin-bottom:50px; border-bottom:1px solid #e5e5e5;}

.uniform-detail .top section .right{display:flex;align-items:center;}

.uniform-detail .top section .right .zx{display:block;width:154px;margin-right:102px; height:50px;border-radius:25px;background:#338ae2;text-align:center;color:#fff;font-size:18px;line-height:50px;}

.uniform-detail .top section .right .phone{display:flex;align-items:center;}

.uniform-detail .top section .right .phone img{display:block;margin-right:20px;}

.uniform-detail .top section .right .phone .number em{display:block;font-size:18px;color:#333;line-height:18px;margin-bottom:12px;}

.uniform-detail .top section .right .phone .number i{display:block;font-size:28px;color:#338ae2;line-height:28px;}

.uniform-detail .top section ul{position:absolute;bottom:0;left:0;}

.uniform-detail .top section ul li{float:left;margin-right:16px;}

.uniform-detail .top section ul li a{display:block;width:154px;height:46px;text-align:center;font-size:18px;color:#999;border:1px solid #ccc;line-height:46px;border-radius:23px 0 0 23px;}

.uniform-detail .top section ul li:last-child a{border-radius:0 23px 23px 0;}

.uniform-detail .top section ul li a:hover{color:#ff;background:#338ae2;color:#fff;border-color:#338ae2;}

.uniform-detail .bottom{margin-top:60px;}

.uniform-detail .bottom h3{display: block;border-bottom:1px solid #e5e5e5;font-size:20px;color:#333;padding-bottom:22px;position:relative;text-indent:30px;}

.uniform-detail .bottom h3:after{display:block;content:"";width:96px;height:3px;background:#338ae2;position:absolute;bottom:-2px;left:21px;}

.uniform-detail .bottom .cont p{display:block;font-size:16px;color:#333;line-height:32px;}

.uniform-detail .bottom .cont{margin-top:50px;}

/*提交简历*/

.Submission-box{margin-top:50px;}

.Submission-box ul {border-top:1px solid #e5e5e5;}

.Submission-box ul li{border-bottom:1px solid #e5e5e5;padding:15px 0;}

.Submission-box ul li span{display:block;font-size:14px;color:#333;line-height:32px;padding-left:94px;width:244px;border-right:1px solid #e5e5e5;margin-right:24px;}

.Submission-box ul li input{display:block;width:171px;height:32px;border:1px solid #e5e5e5;margin-right:10px;}

.Submission-box ul li em{display:block;color:#ff0000;}

.Submission-box ul li i{display:block;line-height:32px;}

.Submission-box ul li div{display:block;font-size:14px;color:#999;line-height:32px;margin-left:16px;}

.Submission-box ul li img{display:block;width:91px;height:32px;margin-left:6px;}

.Submission-box ul li select{display:block;width:171px;height:32px;border:1px solid #e5e5e5;margin-right:10px;}

.Submission-box ul li b{display:block;margin-left:40px;font-size:14px;color:#333;line-height:32px;}

.Submission-box ul li textarea{display:block;width:952px;height:202px;border:1px solid #e5e5e5;resize:none;font-family: "微软雅黑";}

.Submission-box .btn-box{padding:40px 0 150px;margin-left:50px;overflow:hidden;}

.Submission-box .btn-box a{display:block;float:left;margin-right:20px;width:150px;height:40px;border-radius:5px;line-height:40px;text-align:center;color:#fff;font-size:16px;}

.Submission-box .btn-box a.a1{background:#338ae2;}

.Submission-box .btn-box a.a2{background:#cccccc;}

/*营销网络*/

.Marketing{padding-top:50px;}

.Marketing h2{display:block;font-size:24px;color:#333;;line-height:24px;text-align:center;}

.Marketing span{display:block;font-size:16px;color:#333;line-height:16px;margin-top:75px;}

/*人才招聘*/

.zp-box{margin-top:30px;padding-bottom:70px;}

.zp-box .box{width:100%;height: auto;}

.Collapsing {width: 100%;cursor: pointer;background-repeat: no-repeat;background-position: center right no-repeat;background-color: #fff;color: #333;overflow:hidden;border-top:1px solid #e5e5e5;}

.Collapsing span{display:block;float:left;line-height:50px;font-size:14px;color:#333;text-align:center;}

.Collapsing span.a1{width:14%;}

.Collapsing span.a2{width:24%;}

.Collapsing span.a3{width:24%;}

.Collapsing span.a4{width:24%;}

.Collapsing span.a5{width:14%;}

.coll_body p{display:block;font-size:14px;color:#666;line-height:30px;}

.coll_body a{display:block;font-size:16px;color:#fff;border-radius:5px;background:#338ae2;line-height:40px;text-align:center;width:150px;margin-top:30px;}

.coll_body {display: none;padding:37px 50px 30px;background:#f8f8f8;}

.current{background-color: #e5e5e5;}

.current span.a1{width:14%;background:url(../images/icon15.png) 155px center no-repeat;}

.zp-top{overflow:hidden;background:#338ae2;}

.zp-top span{display:block;float:left;line-height:50px;font-size:16px;color:#fff;text-align:center;font-weight:bold;}

.zp-top span.a1{width:14%;}

.zp-top span.a2{width:24%;}

.zp-top span.a3{width:24%;}

.zp-top span.a4{width:24%;}

.zp-top span.a5{width:14%;}

/*下载中心*/

.download-box ul{overflow:hidden;padding-bottom:100px;}

.download-box ul li{float:left;width:396px;margin-right:calc((100% - 396px * 3) / 2);margin-bottom:60px;}

.download-box ul li a{display:block;width:396px;}

.download-box ul li a img{display:block;width:396px;height:281px;margin-bottom:35px;}

.download-box ul li a span{display:block;text-align:center;font-size:16px;color:#333;line-height:16px;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.download-box ul li:nth-child(3n){margin-right:0;}

.download-box ul li a:hover span{color:#338ae2;}

/*联系我们*/

.Contact{width:100%;padding-bottom:120px;}

.Contact .form-box{width:525px;display:flex;align-items:center;}

.Contact .form-box img{display:block;width:50px;height:50px;margin-right:30px;}

.Contact .form-box section h2{display:block;font-size:28px;color:#333;line-height:28px;}

.Contact .form-box section i{display:block;font-size:28px;color:#333;line-height:28px;margin-top:22px;}

.Contact .form-box a{display:block;font-size:16px;color:#fff;line-height:50px;text-align:center;background:#7fbb00;margin-top:34px;}

.Contact .information{margin-left:76px;}

.Contact .information h2{display:block;font-size:28px;color:#333;line-height:28px;margin-bottom:27px;}

.Contact .information ul li{font-size:14px;color:#666;line-height:14px;margin-bottom:15px;color:#666;}

/*分页*/

#fenye{display:table;margin:0 auto;}

#fenye a{display:block;float:left;line-height:36px;border:1px solid #ddd;padding:0 15px;font-size:12px;color:#666;margin:0 5px;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

#fenye span{display:block;float:left;line-height:36px;border:1px solid #338ae2;padding:0 15px;font-size:12px;color:#fff;background:#338ae2;margin:0 5px;}

#fenye a:hover{background:#338ae2;border:1px solid #338ae2;color:#fff;}

/*右侧悬浮*/

.fixed-right{position:fixed;right:0;top:50%;z-index:99;-webkit-transform: translateY(-50%);
 transform: translateY(-50%);}

.fixed-right ul li{margin-bottom:8px;position:relative;}

.fixed-right ul li:last-child{margin:0;}

.fixed-right ul li i{position:relative;background:#fff; display:flex;width:70px;height:70px;border:1px solid #dcdcdc;flex-direction:column;align-items:center;justify-content:space-around;padding:7px 0;}

.fixed-right ul li i img{flex-shrink: 0;height:27px;width:auto;}

.fixed-right ul li i span{display:block;font-size:14px;color:#666;line-height:14px;}

.fixed-right ul li i:hover a{right:0;}

.fixed-right ul li i a{transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease; display:flex;position:absolute;right:-156px;width:156px;height:70px;background:#338ae2;align-items:center;justify-content:center;color:#fff;font-size:14px;}

.fixed-right ul li .code2_img{width: 156px; height: 156px; display: none;position:absolute;right:-312px;width:156px;transition:all .6s ease;-o-transition:all .6s ease;-moz-transition:all .6s ease;-webkit-transition:all .6s ease;}
.fixed-right ul li:hover .code2_img{right:156px; display: block;}