@charset "utf-8";
/* Banner */
.banner { position:relative; width:100%; overflow:hidden; z-index:3; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important; height:auto!important; }

/* 主体 */
.container { position:relative; padding:0 0; z-index:8; }
.wrap { position:relative; margin:0 auto; }
.wrap .sidebar { display:none; }
.wrap .main { display:block;  *zoom:1; padding:50px 0 0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { position:relative; margin-bottom:18px; padding:18px 0; color:#333; }
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:38px; line-height:58px; font-weight:normal; }
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu ul { zoom:1; padding-bottom:20px; border-bottom:1px solid #ddd; text-align:center; }
.menu ul:after{content:'\20';display:block;height:0;clear:both}
.menu ul li { display:inline-block; *display:inline; zoom:1; margin:0 2px 12px; vertical-align:top; }
.menu ul li a { display:inline-block; padding:10px 20px; border-bottom:1px solid #cfcfcf; background:#efefef; color:#666; font-size:14px; }
.menu ul li a:hover,.menu ul li .current { border-bottom:1px solid #69aeb2; background:#69aeb2; color:#fff; text-decoration:none; }

.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


/* 面包屑 */
.location { position:relative; height:24px; width:1002px; margin:0 auto 30px; padding:11px 0; border-bottom:1px solid #eaeaea; line-height:24px; display:none; }
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:right; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(o_ico_04.gif) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background:url(o_ico_03.gif) no-repeat 0 center; }

/* 内容模式 */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:auto; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic img { width:200px; height:auto; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piList { padding:0 0 0; overflow:hidden; }
.piList .pic-item-list { width:1227px; margin:0 auto; padding:0; }
.piList .pic-item { position:relative; width:280px; margin:0 26.66px 23px 0; padding:0; display:inline; }
.piList .list-pic { display:block; width:280px; height:auto; margin-bottom:0; padding:0; border:0; line-height:148px; }
.piList .list-pic img { width:280px; height:auto; }
.piList dl { padding:4px 5px; line-height:20px; }
.piList dl dt { height:30px; font-size:14px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* 分页 */
.page { padding:30px 0 0; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #f3c90a; background:#f3c90a; color:#fff; }

/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#0063be; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }

.cpArea .hd { font-size:26px; color:#000; margin-bottom:40px; text-align:center; }
.cpArea01 { padding:80px 0 50px; background:#f7f7f7; }
.cpArea01 .bd ul li { float:left; width:31%; margin:0 3.5% 20px 0; }
.cpArea01 .bd ul li:nth-child(3n) { margin-right:0; }
.cpArea01 .bd ul li .pic { overflow:hidden; }
.cpArea01 .bd ul li .txt { padding:25px 10px 0 10px; }
.cpArea01 .bd ul li .txt .p1 { font-size:18px; margin-bottom:5px; color:#000; }
.cpArea01 .bd ul li .txt .p2 { font-size:14px; color:#707070; line-height:20px; min-height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
 
.cpArea02 { padding:70px 0 80px; }
.cpArea02 .bd { font-size:14px; line-height:2; }
.cpArea02 .bd img { max-width:100%; }


.zdArea { position:relative; }
.zdArea .hd { position:absolute; top:-80px; left:0; width:100%; background:rgba(0,0,0,0.4); z-index:5; }
.zdArea .hd p { font-size:26px; color:#edc50e; height:80px; line-height:80px; padding-left:15px; background:url(zd03.jpg) no-repeat center left; }

.zdArea .bd { position:relative; padding-top:80px; }
.zdArea01 { position:absolute; left:0; top:80px; z-index:5; }
.zdArea01 ul li { position:relative; margin-bottom:145px; padding-left:35px; background:url(zd01.png) no-repeat center left; font-size:18px; color:#000; line-height:20px; cursor:pointer; }
.zdArea01 ul li:before { position:absolute; top:30px; left:6px; width:1px; height:125px; background:#e5e5e5; display:block; content:""; z-index:5; }
.zdArea01 ul li:last-child { margin-bottom:0; }
.zdArea01 ul li:last-child:before { display:none; }
.zdArea01 ul li.on { background:url(zd02.png) no-repeat center left; color:#f3c90a; font-weight:bold; }


.zdArea01.active { position:fixed; top:100px; left:50%; margin-left:-600px; }

.zdArea02 { padding-left:150px; padding-bottom:60px; }
.zdArea02 ul li .p1 { font-size:24px; color:#000; padding-bottom:20px; border-bottom:1px solid #b2b2b2; }
.zdArea02 ul li .p2 { margin-top:35px; }
.zdArea02 ul li .p2 .p21 { float:left; width:31%; margin:0 3.5% 30px 0; text-align:center; }
.zdArea02 ul li .p2 .p21:nth-child(3n) { margin-right:0; }
.zdArea02 ul li .p2 .p21 .pic { padding:6px; border:1px solid #fff; }
.zdArea02 ul li .p2 .p21 .txt { font-size:16px; color:#000; height:20px; line-height:20px; margin-top:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

.zdArea02 ul li .p2 .p21:hover .pic { padding:6px; border:1px solid #f3c90a; }


.pt-hd { padding:90px 0 60px 0; text-align:center; line-height:1; }
.pt-hd .p1 { font-size:26px; color:#000; }
.pt-hd .p2 { font-size:16px; color:#87878d; margin-top:10px; text-transform:uppercase; }

.ptArea01 { padding-bottom:80px; background:#edf5ff; }
.ptArea01 .pic { float:left; width:500px; }
.ptArea01 .pic img { max-width:100%; }
.ptArea01 .txt { float:right; width:665px; padding:45px 60px 60px 60px; background:#fff; border-radius:10px; box-sizing: border-box; }
.ptArea01 .txt .p1 { width:36px; height:2px; background:#edc50e; }
.ptArea01 .txt .p2 { font-size:20px; margin-top:20px; color:#000; }
.ptArea01 .txt .p3 { font-size:14px; margin-top:35px; color:#333; line-height:1.7; }

.ptArea02 { padding-bottom:80px; background:url(ptArea02.jpg) no-repeat center; background-size:cover; }
.ptArea02 .bd { position:relative; }
.ptArea02 .bd .swiper-slide .pic { float:right; width:665px; }
.ptArea02 .bd .swiper-slide .pic img { max-width:100%; }
.ptArea02 .bd .swiper-slide .txt { float:left; width:465px; padding-top:60px; }
.ptArea02 .bd .swiper-slide .txt .p1 { font-size:20px; font-weight:bold; color:#000; }
.ptArea02 .bd .swiper-slide .txt .p2 { width:36px; height:2px; background:#edc50e; margin-top:15px; }
.ptArea02 .bd .swiper-slide .txt .p3 { font-size:14px; margin-top:35px; color:#333; line-height:1.7; }

.ptArea02 .bd .prev-pt01,.ptArea02 .bd .next-pt01 { position:absolute; bottom:110px; width:62px; height:62px; display:block; background:url(e01.png) no-repeat center #fff; border-radius:100%; cursor:pointer; z-index:5; }
.ptArea02 .bd .prev-pt01 { left:0; }
.ptArea02 .bd .next-pt01 { left:85px; transform: rotateY(180deg); }

.ptArea02 .bd .prev-pt01:hover { background:url(e02.png) no-repeat center; transform: rotateY(180deg); }
.ptArea02 .bd .next-pt01:hover { background:url(e02.png) no-repeat center; transform: rotateY(0); }


.ptArea03 .bd { background:url(ptArea03.jpg) no-repeat center; background-size:cover; }
.ptArea03 .bd ul { border-left:1px solid rgba(255,255,255,0.3); }
.ptArea03 .bd ul li { position:relative; float:left; width:33.33%; height:650px; border-right:1px solid rgba(255,255,255,0.3); box-sizing: border-box; cursor:pointer; }
.ptArea03 .bd ul li:before { position:absolute; right:-10px; top:50%; margin-top:-9px; width:19px; height:18px; background:url(pt05.png) no-repeat center; content:""; display:block; z-index:5; }
.ptArea03 .bd ul li:last-child:before { display:none; }
.ptArea03 .bd ul li .txt { padding-top:210px; text-align:center; }
.ptArea03 .bd ul li .txt .p1 { min-height:125px; }
.ptArea03 .bd ul li .txt .p2 { font-size:24px; color:#fff; }
.ptArea03 .bd ul li .txt .p3 { width:25px; height:2px; background:#fff; margin:20px auto 0; }

.ptArea03 .bd ul li .txt01 { position:absolute; top:120px; left:30px; bottom:60px; right:30px; border-bottom:1px solid #edc50e; padding:95px 30px 0 30px; background:rgba(255,255,255,0.2); color:#fff; z-index:5; opacity:0; transition: all 0.6s; }
.ptArea03 .bd ul li .txt01 .p1 { font-size:24px; }
.ptArea03 .bd ul li .txt01 .p2 { width:25px; height:2px; background:#fff; margin-top:20px; }
.ptArea03 .bd ul li .txt01 .p3 { font-size:14px; line-height:1.6; margin-top:40px; }
.ptArea03 .bd ul li .txt01 .p4 { position:absolute; right:30px; bottom:20px; font-size:30px; color:#edc50e; line-height:1; font-weight:bold; z-index:5; }


.ptArea03 .bd ul li:hover .txt { display:none; }
.ptArea03 .bd ul li:hover .txt01 { top:90px; bottom:90px;  opacity:1; }

.ptArea04 { background:url(ptArea04.jpg) no-repeat center bottom #f1f5fe; }
.ptArea04 .bd { position:relative; height:717px; }
.ptArea04 .bd .tt { position:absolute; top:260px; left:503px; width:189px; text-align:center; z-index:1; }
.ptArea04 .bd .tt .p1 { font-size:24px; color:#fff; }
.ptArea04 .bd .tt .p2 { width:25px; height:2px; background:#fff; margin:10px auto 0; }

.ptArea04 .bd .aa { position:absolute; z-index:2; cursor:pointer; }
.ptArea04 .bd .aa .aa01 { display:inline-block; font-size:18px; padding-bottom:30px; background:url(pt04.png) no-repeat center bottom; }
.ptArea04 .bd .aa .aa02 { position:absolute; left:-100px; top:-20px; background:#fff; padding:10px; width:280px; border-radius:50px; display:none; z-index:5; }
.ptArea04 .bd .aa .aa02 .pic { float:left; }
.ptArea04 .bd .aa .aa02 .pic img { max-width:90px; height:auto; }
.ptArea04 .bd .aa .aa02 .txt { position:absolute; top:50%; right:20px; transform: translateY(-50%); width:160px; font-size:14px; line-height:25px; z-index:5; }


.ptArea04 .bd .aa.onaa .aa02 { display:block; }
 

.ptArea05 { background:url(ptArea05.jpg) no-repeat center; min-height:950px; background-size:cover; }
.ptArea05 .pt-hd .p1 { color:#fff; }
.ptArea05 .pt-hd .p2 { color:rgba(255,255,255,0.6); }

.ptBox01 ul li { float:left; width:225px; height:315px; background:#fff; margin-right:18px; transition: all 0.6s; overflow:hidden; cursor:pointer; }
.ptBox01 ul li:last-child { margin-right:0; }
.ptBox01 ul li .txt { text-align:center; padding-top:35px; }
.ptBox01 ul li .txt .p1 { min-height:145px; }
.ptBox01 ul li .txt .p2 { font-size:20px; color:#000; }
.ptBox01 ul li .txt .p3 { margin-top:10px; }
.ptBox01 ul li .txt .p3 img { vertical-align:top; }

.ptBox01 ul li .txt01 { width:470px; height:315px; padding:65px 50px 0 50px; box-sizing: border-box; display:none; }
.ptBox01 ul li .txt01 .p1 { font-size:20px; color:#000; font-weight:bold; }
.ptBox01 ul li .txt01 .p2 { width:20px; height:3px; background:#f3c90a; margin-top:10px; }
.ptBox01 ul li .txt01 .p3 { font-size:14px; line-height:25px; margin-top:25px; }

.ptBox01 ul li.on { width:470px; }
.ptBox01 ul li.on .txt { display:none; }
.ptBox01 ul li.on .txt01 { display:block; }

.ptBox02 { margin:90px 35px 0 35px; }
.ptBox02 ul li { position:relative; float:left; width:100px; margin-right:157px; text-align:center; }
.ptBox02 ul li:before { position:absolute; top:47px; right:-146px; width:136px; height:12px; background:url(pt07.png) no-repeat center; content:""; display:block; z-index:5; }
.ptBox02 ul li:last-child { margin-right:0; }
.ptBox02 ul li:last-child:before { display:none; }
.ptBox02 ul li .p1 { min-height:125px; }
.ptBox02 ul li .p2 { font-size:18px; color:#fff; }

.ptBox03 { margin-top:55px; text-align:center; }
.ptBox03 a { display:inline-block; width:215px; height:50px; line-height:50px; background:#f3c90a; color:#000; font-size:20px; border-radius:10px; }


.xwArea01 { padding:65px 0 50px; background:#dfdfdf; }
.xwBox01 { margin-bottom:30px; font-size:0; }
.xwBox01 a { display:inline-block; font-size:30px; color:#a0a0a0; margin-right:60px; font-weight:bold; }
.xwBox01 a.on { color:#000; }

.xwBox02 { position:relative; }
.xwBox02 .swiper-slide { background:#fff; }
.xwBox02 .swiper-slide .pic { float:left; width:54.5%; }
.xwBox02 .swiper-slide .pic img { width:100%; height;auto; }
.xwBox02 .swiper-slide .txt { float:left; width:45.5%; padding:65px 60px 0 50px; box-sizing: border-box; }
.xwBox02 .swiper-slide .txt .p1 p { font-size:60px; line-height:1; color:#ccc; font-weight:bold; font-family:"Arial"; } 
.xwBox02 .swiper-slide .txt .p1 span { display:block; font-size:16px; color:#edc50e; font-weight:bold; background:url(xw01.jpg) no-repeat center left; padding-left:80px; } 
.xwBox02 .swiper-slide .txt .p2 { font-size:22px; color:#000; margin-top:20px; font-weight:bold; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; } 
.xwBox02 .swiper-slide .txt .p3 { font-size:14px; color:#666; margin-top:20px; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; } 
.xwBox02 .swiper-slide .txt .p4 { height:10px; margin-top:45px; background:url(xw02.png) no-repeat center right; } 

.swiper-pagination-xw01 { position:absolute; right:0; top:-60px; left:auto!important; bottom:auto!important; width:auto!important; font-size:16px; color:#5c5c5c; line-height:30px; z-index:5; }
.swiper-pagination-xw01 .swiper-pagination-current { font-size:20px; color:#000; }

.xwBox02 .btn { font-size:0; text-align:right; margin-top:35px;}
.xwBox02 .btn a { display:inline-block; width:46px; height:46px; margin-left:10px; cursor:pointer; }
.xwBox02 .btn .prev-xw01 { background:url(xw03.png) no-repeat center #ccc; }
.xwBox02 .btn .next-xw01 { background:url(xw04.png) no-repeat center #ccc; }
.xwBox02 .btn .prev-xw01:hover { background:url(xw03.png) no-repeat center #f3c90a; }
.xwBox02 .btn .next-xw01:hover { background:url(xw04.png) no-repeat center #f3c90a; }

.xwArea02 { background:#f1f1f1; padding:70px 0 40px; }
.xwArea02 ul {  border-bottom:1px solid #c1c1c1; }
.xwArea02 ul li { float:left; width:31%; margin:0 2% 40px 0; }
.xwArea02 ul li a { display:block; background:#fff; padding:50px 40px 45px 40px; font-size:0; }
.xwArea02 ul li a .p1 { font-size:20px; color:#000; line-height:35px; min-height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.xwArea02 ul li a .p2 { font-size:14px; color:#5f5f5f; margin-top:20px; line-height:25px; min-height:75px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.xwArea02 ul li a .p3 { display:inline-block; margin-top:20px; height:20px; line-height:20px; padding-right:16px; background:url(e05.png) no-repeat center right; }
.xwArea02 ul li a .p3 i { font-size:14px; color:#333; padding-right:10px; display:none; }
.xwArea02 ul li a .p4 { font-size:14px; color:#969696; margin-bottom:15px; }

.xwArea02 ul li:hover a { background:url(e07.jpg) no-repeat right bottom #fdefce; }
.xwArea02 ul li:hover a .p3 i { display:inline-block; }


.sjArea { position:relative; }
.sjArea01 { position:absolute; top:-80px; left:0; width:100%; background:rgba(0,0,0,0.4); z-index:99; }
.sjArea01 p { float:left; font-size:26px; color:#edc50e; height:80px; line-height:80px; padding-left:15px; background:url(zd03.jpg) no-repeat center left; }
.sjArea01 ul { float:left; margin-left:90px; padding-top:20px; }
.sjArea01 ul li { float:left; margin-right:30px; width:112px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; cursor:pointer; }
.sjArea01 ul li a { color:#fff; }
.sjArea01 ul li.on,.sjArea01 ul li:hover { background:url(sj01.png) no-repeat center; }

.sjArea01.active { position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); }

.sj-hd { text-align:center; padding:70px 0 50px; }
.sj-hd p { font-size:26px; line-height:1; padding-bottom:15px; background:url(sj02.png) no-repeat center bottom; }

.sjArea02 { padding-bottom:85px; background:url(sjArea02.jpg) no-repeat center bottom #f3f9fd; background-attachment: fixed; }
.sjArea02 .swiper-slide a { position:relative; display:block; background:#fff; padding:30px 40px 0 40px; min-height:255px; border-radius:10px; /*box-shadow: #ddd 0px 0px 10px;*/ }
.sjArea02 .swiper-slide .p1 { font-size:22px; }
.sjArea02 .swiper-slide .p2 { width:20px; height:2px; background:#edc50e; margin-top:15px; }
.sjArea02 .swiper-slide .p3 { font-size:14px; color:#827e7e; line-height:25px; height:100px; margin:25px 20px 0 0; text-align:justify; padding-right:20px; overflow-y: auto; }
.sjArea02 .swiper-slide .p4 { position:absolute; right:15px; bottom:10px; font-size:22px; color:#a5a3a3; z-index:5; }

.sjArea02 .swiper-slide:hover .p4 { color:#edc50e; }


.sjArea02 .swiper-slide .p3::-webkit-scrollbar-thumb { border-radius:3px; background-color:#fec715; }
.sjArea02 .swiper-slide .p3::-webkit-scrollbar-track { background:#e5e5e5; }
.sjArea02 .swiper-slide .p3::-webkit-scrollbar-corner { background:transparent; }
.sjArea02 .swiper-slide .p3::-webkit-scrollbar { width:1px; height:7px; }


.sjArea03 .bd01 { font-size:14px; line-height:25px; padding-bottom:45px; }
.sjArea03 .bd02 { padding:85px 0; background:url(sjArea03.jpg) no-repeat center; background-attachment: fixed;
    background-position: 50% 50%;  background-size: cover; }
.sjArea03 .bd02 .wrap { padding:20px; background:#fff; box-sizing: border-box; }
.sjArea03 .bd02 .bd { float:right; width:665px; overflow:hidden; }
.sjArea03 .bd02 .bd img { transition: all 0.6s; }
.sjArea03 .bd02 .bd:hover img { transform: scale(1.1)!important; }
.sjArea03 .bd02 .hd { float:left; width:465px; height:480px; overflow-y:auto; }
.sjArea03 .bd02 .hd ul li { position:relative; width:445px; padding:35px 30px 20px 40px; background:#f1f9fe; border-radius:10px; margin-bottom:20px; box-sizing: border-box; }
.sjArea03 .bd02 .hd ul li .p1 { position:absolute; top:0; left:0; width:37px; height:30px; font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:30px; background:#79c2f9; border-radius:10px 0 10px 0; z-index:5; }
.sjArea03 .bd02 .hd ul li .p2 { font-size:18px; color:#000; }
.sjArea03 .bd02 .hd ul li .p3 { font-size:14px; color:#5f6367; line-height:20px; margin-top:10px; }

.sjArea03 .bd02 .hd ul li:nth-child(2n) { background:#e8f3ff; }
.sjArea03 .bd02 .hd ul li:nth-child(2n) .p1 { background:#1f89fe; }
.sjArea03 .bd02 .hd ul li:nth-child(3n) { background:#e5edfa; }
.sjArea03 .bd02 .hd ul li:nth-child(3n) .p1 { background:#004bca; }
  
.sjArea03 .bd02 .hd::-webkit-scrollbar-thumb { border-radius:3px; background-color:#fec715; }
.sjArea03 .bd02 .hd::-webkit-scrollbar-track { background:#e5e5e5; }
.sjArea03 .bd02 .hd::-webkit-scrollbar-corner { background:transparent; }
.sjArea03 .bd02 .hd::-webkit-scrollbar { width:1px; height:7px; }

.sjArea04 { padding-bottom:70px; }
.sjArea04 .sj01 { position:relative; }
.sjArea04 .sj01 .prev-sj02,.sjArea04 .sj01 .next-sj02 { position:absolute; top:50%; margin-top:-15px; width:16px; height:30px; display:block; z-index:5; cursor:pointer; }
.sjArea04 .sj01 .prev-sj02 { background:url(sj03.png) no-repeat center; left:-65px; }
.sjArea04 .sj01 .next-sj02 { background:url(sj04.png) no-repeat center; right:-65px; }

.sjArea04 .sj01 .swiper-slide a { display:block; background:#f1f4f9; border-bottom:1px solid #fff; }
.sjArea04 .sj01 .swiper-slide .txt { padding:35px 25px 0 25px; min-height:150px; }
.sjArea04 .sj01 .swiper-slide .txt .p1 { font-size:18px; color:#000; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.sjArea04 .sj01 .swiper-slide .txt .p2 { width:20px; height:2px; background:#edc50e; margin-top:15px; }
.sjArea04 .sj01 .swiper-slide .txt .p3 { font-size:14px; line-height:25px; color:#383133; height:50px; margin-top:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
 
.sjArea04 .sj01 .swiper-slide:hover a { border-color:#edc50e; }


.fa-hd { padding:60px 0 0 0; }
.fa-hd i { display:inline-block; font-size:26px; line-height:1; border-bottom:1px solid #edc50e; padding-bottom:15px; }


.faArea01 { padding-bottom:75px; }
.faArea01 .bd { margin-top:35px; }
.faArea01 .bd .swiper-slide a { position:relative; display:block; overflow:hidden; border-radius:10px; }
.faArea01 .bd .swiper-slide a .txt { position:absolute; top:130px; left:0; width:100%; text-align:center; z-index:5;  transition: all 0.3s; }
.faArea01 .bd .swiper-slide a .txt .p1 { min-height:75px; }
.faArea01 .bd .swiper-slide a .txt .p2 { font-size:20px; color:#fff; }
.faArea01 .bd .swiper-slide a .txt .p3 { width:54px; height:2px; margin:15px auto 0; background:#fff; }
.faArea01 .bd .swiper-slide a .txt .p4 { color:#fff; font-size:14px; opacity: 0; padding:0 10px; transform: translate(0, 40px); }

.faArea01 .bd .swiper-slide:hover a .txt { top:90px; }
.faArea01 .bd .swiper-slide:hover a .txt .p4 { opacity:1; transform: translate(0, 20px); }

.faArea02 { padding-bottom:75px; background:url(faArea02.jpg) no-repeat center; background-size:cover; }
.faArea02 .bd { margin-top:35px; font-size:14px; line-height:25px; }
.faArea02 .bd img { max-width:100%; }

.faArea03 { padding-bottom:75px; }
.faArea03 .bd { margin-top:60px; }
.faArea03 .bd ul li { float:left; width:28%; margin-right:8%; height:60px; line-height:60px; font-size:20px; text-align:center; border:3px solid #edc50e; border-radius:10px; box-sizing: border-box; }
.faArea03 .bd ul li:nth-child(3n) { margin-right:0; }
.faArea03 .bd ul li:nth-child(n+4) { margin-top:45px; }
.faArea03 .bd ul li i { padding:0 25px; font-weight:normal; }

.faArea04 { padding-bottom:75px; background:#555f69; }
.faArea04 .fa-hd i { border-color:#fff; color:#fff; }
.faArea04 .bd { margin-top:45px; position:relative; }
.faArea04 .bd .swiper-slide a { display:block; background:#fff; border-bottom:2px solid #fff; }
.faArea04 .bd .swiper-slide .txt { padding:45px 45px 0 45px; min-height:225px; }
.faArea04 .bd .swiper-slide .txt .p1 { text-align:center; font-size:20px; color:#000; }
.faArea04 .bd .swiper-slide .txt .p2 { height:2px; margin-top:10px; background:url(fa01.png) no-repeat center; }
.faArea04 .bd .swiper-slide .txt .p3 { font-size:14px; line-height:25px; margin-top:30px; color:#434751; height:125px; overflow-y:auto; }

.faArea04 .bd .swiper-slide .txt .p3::-webkit-scrollbar-thumb { border-radius:3px; background-color:#fec715; }
.faArea04 .bd .swiper-slide .txt .p3::-webkit-scrollbar-track { background:#e5e5e5; }
.faArea04 .bd .swiper-slide .txt .p3::-webkit-scrollbar-corner { background:transparent; }
.faArea04 .bd .swiper-slide .txt .p3::-webkit-scrollbar { width:1px; height:7px; }

.faArea04 .bd .prev-fa02,.faArea04 .bd .next-fa02 { position:absolute; top:-70px; width:40px; height:40px; display:block; z-index:5; cursor:pointer; }
.faArea04 .bd .prev-fa02 { background:url(fa02.png) no-repeat center; right:65px; }
.faArea04 .bd .next-fa02 { background:url(fa03.png) no-repeat center; right:10px; }

.faArea04 .bd .swiper-slide:hover a { border-color:#edc50e; }


.SubTit { text-align: center; padding:60px 0 0; }
.SubTit h2 { text-align:center; font-weight:normal; display:inline-block; line-height:38px; font-size:24px; color:#000; }
.SubTit h2 i{ display:block; height:14px; width:130px; height:4px; font-size:0; background:#f3c90a; margin:7px auto 0; border-radius:4px;}

.Hornor { padding-bottom:75px; }
.Hornor li{ width:20%; float:left; text-align:center;}
.Hornor .box{ padding:40px 20px 0 20px; border:2px solid #dcdcdc; margin:-2px 0 0 -2px;}
.Hornor .img { height:125px; display: flex;align-items: center;justify-content: center;}
.Hornor .img span{ display:inline-block; }
.Hornor .img img{ max-height:125px; display:block; margin:0px auto;}
.Hornor .ti{ line-height:22px; height:48px; overflow:hidden; height:66px; margin-top:20px;}

.Hornor .img img{-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Hornor li:hover .img img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}


.join-us .bd { padding-bottom:50px; }
.join-us .bd ul {  }
.join-us .bd .item { position: relative; float: left; width: calc(100%/2 - 50px); margin:0 50px 30px 0; background-color: #f5f5f5; line-height:35px; transition: all .6s; }
.join-us .bd .item:nth-child(2n) { margin-right:0; }
.join-us .bd .item a { position: relative; display: block; padding:20px; z-index: 1; }
.join-us .bd .item dl { display:block; overflow:hidden; zoom:1; padding:0; }
.join-us .bd .item dl .title { height:60px; border-bottom: 1px solid #dcdcdc; color: #000; font-size:20px; line-height:60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.join-us .bd .item dl .title span { float: right; font-size:14px; }
.join-us .bd .item dl .descrition { font-size:14px; line-height:70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.join-us .bd .item dl .descrition span { display: inline-block; margin-right:20px; }
.join-us .bd .item dl .descrition span:last-child { margin-right: 0; }
.join-us .bd .item dl .date { font-size: .85rem; line-height: 1.8rem; opacity: .7; }
 
.join-us .bd .item:hover { box-shadow: 0 10px 10px rgba(0,0,0,.1); }
.join-us .bd .item:hover a { color: #666; }
.join-us .bd .item:hover dl .title { color: #a41d28; }


.job_display{margin-bottom:50px}
.job-intro {width: 47%;float: left; padding: 2% 1.8%;border: 1px dashed #d8d8d8; box-sizing: border-box; }
.job-intro h2 {font-size: 24px;color: #333;margin-bottom: 4%;font-weight: normal;}
.job-intro .intro,
.job-intro .jop_cnt{font-size: 14px;color: #666;line-height: 24px}
.job-intro .intro ul { margin-bottom:20px; }

.job_form { width: 50%; float: right; }
.job_form h3 { margin-bottom: 2%; padding-left:30px; background: url(jobdis_ico_1.png) no-repeat left center; font-size: 20px; line-height:25px; font-weight:normal; }
.job_form li { margin-bottom: 2%; line-height: 36px; }
.job_form li.li_50 { width: 50%; float: left; font-size: 14px; }
.job_form li label { float: left; width:70px; margin-right:10px; font-size: 14px; text-align: right; }
.job_form li input[type="text"]{ float: left; width: calc( 100% - 80px); padding: 0 10px; height: 36px; border: 1px solid #d8d8d8; font-size: 14px; box-sizing: border-box; }
.job_form li textarea { float: left; width: calc( 100% - 80px); padding: 10px; height: auto; border: 1px solid #d8d8d8; box-sizing: border-box; }
.job_form li input[type="radio"]{ position: relative; margin-right:5px; margin-top:10px; vertical-align: top; }
.job_form li input[type="submit"]{ width: 25%; float: left; padding: 0 10px; height: 48px; border: 1px solid #f3c90a; background-color: #f3c90a; font-size: 18px; color: #fff; cursor: pointer; transition: all 0.3s ease 0s}
.job_form li input[type="submit"]:hover{ background: #f3c90a; }


.col-e { position:relative; padding-bottom:80px; }
.col-e .gallery-thumbs:after { position: absolute; top:64px; left: 50px; right: 50px; height: 1px; background-color: #ededed; content: ''; }
.col-e .gallery-thumbs { position: relative; margin:0 0 45px 0!important; padding:0; }
.col-e .gallery-thumbs .item { position: relative; height: 130px; margin: 0 auto; color: #333; text-align: center; cursor: pointer; }
.col-e .gallery-thumbs .item .item-inner { position: absolute; left: 50%; bottom: 0; display: block; height: 68px; font-size: 14px; line-height: 68px; transform: translateX(-50%); }
.col-e .gallery-thumbs .item .item-inner:before{ content:''; background:#969696; width:7px; height:7px; position:absolute; top: -1px; left:50%; border-radius:50%; transform: translateX(-50%); }
.col-e .gallery-thumbs .item .item-inner strong { margin-right: 6px; font-size: 22px; }
.col-e .gallery-thumbs .swiper-slide-thumb-active .item { color: #f3c90a; }
.col-e .gallery-thumbs .swiper-slide-thumb-active .item .item-inner:before { background:#f3c90a; }
 
.col-e .gallery-top .swiper-slide .pic { float:left; width: 385px; margin-left:130px; }
.col-e .gallery-top .swiper-slide .item { position: relative; float:right; width:500px; margin-right:130px; z-index:5; }
.col-e .gallery-top .swiper-slide .item .t { position: relative; z-index: 1; font-size:16px; color: #555; line-height:2; }
.col-e .gallery-top .swiper-slide .item .bg { position: absolute; right: 0; top: 0; font-size: 200px; color: rgba(243,243,243,.3); font-weight: bold; line-height: 1; z-index:0; }

.col-e .prev-ny,.col-e .next-ny { position: absolute; top:45px; display: block; width: 40px; height: 40px; z-index:9; }
.col-e .prev-ny { left: 0;  background: url(pv03.png) no-repeat; }
.col-e .next-ny { right: 0; background: url(nv03.png) no-repeat; }
.col-e .prev-ny:hover { background:url(pv04.png) no-repeat center; }
.col-e .next-ny:hover { background: url(nv04.png) no-repeat center; }