@charset "utf-8";

/* 主体 */
.container{background:#fcfcfc;}
.container .wrap { position:relative; min-height:460px; /*background:#fff; */ padding:35px 0 0;}

.banner{padding-top: 100px;width: 1920px;position: relative;left:50%;margin-left: -960px;}
/* 面包屑 */
.location { position:relative; width:1200px;line-height:58px; margin:-29px auto 5px; background:#fff; box-shadow:0 0 5px #999; }

/* 二级、三级菜单 */
.sidebar {float:left;max-width: 750px;}
.menu dl dt {float:left;}
.menu dl dt a { display:block;  line-height:58px; font-size:14px; padding:0 28px; }
.menu dl dt a:hover,.menu dl dt .current { background:#038bf0; color:#fff; }

.breadcrumbs {float:right;margin-right:20px;}
.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; }

.location102 .breadcrumbs{display: none;}
.location102 .sidebar{width: 100%;max-width: 100%;}

/* 内容模式 */
.article { padding:0 0 50px; line-height:2.2; font-size:16px; word-wrap:break-word; text-align:justify; width:1100px; margin:0 auto;}
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#333; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:13px; }
.article .bd { padding-bottom:40px; text-align:justify; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

.article .tit{line-height:32px;}
.article .list-sb{}
.article .list-sb ul{}
.article .list-sb li{height:420px;position:relative;margin-top:40px;}
.article .list-sb li .pic{float:left;}
.article .list-sb li .txt{width:573px;height:288px;background:#fff;box-shadow:0 0 10px #ccc;position:absolute;top:66px;right:0;box-sizing:border-box;padding:30px 32px 0;}
.article .list-sb li .txt h3{font-size:24px;font-weight:normal;margin-bottom:16px;}
.article .list-sb li .txt .num{position:absolute;top:25px;right:32px;font-size:30px;font-family:Arial;color:#038bf0;font-weight:bold;}
.article .list-sb li .txt .ii{color:#626262;height:166px;overflow-y:auto;resize:none;outline:none;}
.article .list-sb li:nth-child(2n) .pic{float:right;}
.article .list-sb li:nth-child(2n) .txt{position:absolute;top:66px;left:0;}

.article .list-sb ::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666}
.article .list-sb ::-webkit-scrollbar-track{background:#eee}
.article .list-sb ::-webkit-scrollbar-corner{background:transparent}
.article .list-sb ::-webkit-scrollbar{width:7px;height:7px}

.article .culture{padding-bottom:30px;}
.article .culture li{width:220px;height:360px;border:1px solid #dcdcdc;float:left;margin-right:37px;}
.article .culture li:nth-child(4){float:right;margin-right:0;}
.article .culture li .ico{width:86px;height:86px;position:relative;margin:43px auto 0;}
.article .culture li .ico img:nth-child(1){display:none;position:absolute;top:0;left:0;}
.article .culture li h3{font-size:18px;text-align:center;margin:20px 0 10px;}
.article .culture li p{font-size:14px;text-align:center;}
.article .culture li:hover{background:#038bf0;color:#fff;}
.article .culture li:hover .ico img:nth-child(1){display:block;}
.article .culture li:hover .ico img:nth-child(2){display:none;}


.story{width:952px;margin:0 auto;background:url(line.html) top center repeat-y;position:relative;}
.story .goon{position:absolute;top:-8px;left:450px;width:14px;height:171px;background:url(goon.html);}
.story li{width:519px;padding-left:433px;background:url(s1.html) bottom right no-repeat;padding-bottom:70px;margin-top:-170px;}
.story li:nth-child(1){margin-top:0;}
.story li .box{padding-left:112px;position:relative;}
.story li .box h3{font-size:18px;color:#038bf0;padding:14px 0 10px;}
.story li .box .ii{font-size:14px;text-align:justify;color:#222;}
.story li .box .year{font-size:18px;color:#fff;font-family:Arial;position:absolute;bottom:-40px;left:24px;font-weight:bold;}

.story li:nth-child(2n){width:519px;padding-left:0;background:url(s2.html) bottom right no-repeat;margin-top:-170px;}
.story li:nth-child(2n) .box{/*padding-left:60px;*/padding-left:30px;}
.story li:nth-child(2n) .box .ii{/*width:360px;*/width:380px;}
.story li:nth-child(2n) .box .year{position:absolute;bottom:-40px;left:456px !important;}


.story dt{width:474px;margin-top:-130px;}
.story dt:nth-child(1){margin-top:0;}
.story dt h3{font-size:30px;color:#038bf0;margin-bottom:4px;background:url(line3.html) right 10px center no-repeat;position:relative;}
.story dt h3 em{width:16px;height:16px;background:#038bf0;position:absolute;top:15px;right:-10px;display:block;border-radius:16px;}
.story dt h3 span{display:block;background:#fcfcfc;width:106px;}
.story dt p{font-size:16px;color:#222;}
.story dt img{margin-top:14px;}
.story dt:nth-child(2n){padding-left:478px;}
.story dt:nth-child(2n) h3{padding-left:133px;background:url(line3.html) left 10px center no-repeat;}
.story dt:nth-child(2n) h3 span{width:341px;}
.story dt:nth-child(2n) h3 em{position:absolute;top:15px;right:468px;}
.story dt:nth-child(2n) p{padding-left:133px;}
.story dt:nth-child(2n) img{margin-left:133px;}


.story-top{width:32px;height:60px;margin:0 auto;background:url(story-top2.html);}
.story-bottom{width:4px;height:102px;margin:0 auto;background:#fcfcfc url(line2.html) top no-repeat;padding-bottom:50px;}


/* 头部新闻 */
.hotNews { margin-bottom:26px; overflow:hidden; }
.hotNews .pic { float:left; width:370px; height:195px; margin-right:5px; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:0 0 0 10px; line-height:22px; }
.hotNews dl dt { padding-left:10px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a{color:#000;}
.hotNews dl dt a:hover{color:#0395c8;}
.hotNews dl .d{padding:4px 0 10px 10px;}
.hotNews dl .i { min-height:76px; padding-bottom:10px; padding-left:10px; }
.hotNews dl .m { width:82px; height:25px; margin-left:10px; background:#00afec; line-height:25px; text-align:center; }
.hotNews dl .m a { display:block; color:#fff; }
.hotNews dl .m a:hover { background:#0395c8; color:#fff; }

/* 新闻列表 */
.list { padding:0 0 40px; }
.list li { padding:13px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_04.gif) no-repeat left center; font-size:14px; height:20px; line-height:20px; }
.list li a { float:left; padding-left:12px; }
.list li span { float:right; color:#999; }


.news-list{padding-bottom:50px;}
.news-list .z{float:left;width:908px;}
.news-list .y{float:right;width:272px;background:#f5f5f5;}

/* 图文新闻 */
.pothoItem { margin:0 0 18px; }
.pothoItem .item { padding:0 0 22px; overflow:hidden; }
.pothoItem .item .pic { float:left; }
.pothoItem .item .pic a{display:block;width:350px;height:auto;text-align:center;background:#eee;overflow:hidden;}
.pothoItem .item .pic img { width:350px; height:auto; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.pothoItem .item .pic a:hover img{transform:scale(1.04);}
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; float:right; width:623px; height:134px; padding:0 25px; background:#fdfcfc; border:1px solid #e5e5e5; border-left:0; width: 740px; height:auto;border-bottom:1px solid #e5e5e5;border-top:0;border-right:0;padding-bottom: 15px;}
.pothoItem .item dl dt { font-size:18px; padding:16px 0 7px;}
.pothoItem .item dl dt a{color:#000;}
.pothoItem .item dl dt a:hover{color:#038bf0;}
.pothoItem .item dl .i { font-size:13px; line-height:22px; }

/* 图片列表 */
.tit{text-align:center;margin-bottom:30px;}
.tit h2{font-size:24px;font-weight:normal;color:#444;}
.tit p{font-size:18px;font-family:Arial;color:#038bf0;text-transform:uppercase;}

.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list {}
.piList .pic-item { position:relative; width:348px; margin:0 78px 20px 0; float:left; display:inline;}
.piList .pic-item:nth-child(3n){float:right;margin-right:0;}
.piList .list-pic {}
.piList .list-pic a{display:block; width:348px; text-align:center; background:#f2f2f2; overflow: hidden;}
.piList .list-pic img { width:348px; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
.piList .pic-item:hover .list-pic img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.piList dl { padding:4px 0; }
.piList dl dt { line-height:30px; font-size:16px; overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:center; }
.piList101104 .list-pic a{ width:348px; height:261px; line-height:261px; }
.piList101104 .list-pic img {height:261px; }
.piList101103 .list-pic a{ width:348px; height:232px; line-height:232px; }
.piList101103 .list-pic img {height:232px; }

.piList101103 .list-pic a{ width:348px; height:522px; line-height:522px; }
.piList101103 .list-pic img {height:522px; }
.piList101103 .list-pic a{ width:348px; height:522px; line-height:522px; }
.piList101103 .list-pic img {height:522px; }



.piList-2 { padding:0 0 10px; overflow:hidden; }
.piList-2 .pic-item-list {}
.piList-2 .pic-item { position:relative; width:348px; margin:0 57px 44px 0; padding:6px 6px 30px; border:1px solid #eee; background:#fff; float:left; display:inline;}
.piList-2 .pic-item:nth-child(3n){float:right;margin-right:0;}
.piList-2 .list-pic {}
.piList-2 .list-pic a{display:block; width:348px; height:311px; line-height:311px; overflow:hidden; text-align:center; }
.piList-2 .list-pic img { width:344px; height:311px; transition:all 0.5s; }
.piList-2 .list-pic a:hover img{transform:scale(1.03);}
.piList-2 dl { padding:0; }
.piList-2 dl dt { height:62px; line-height:62px; font-size:18px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; }
.piList-2 dl .l{width:18px;height:2px;background:#626262;margin:0 auto 20px;}
.piList-2 dl .m a{display:block;width:116px;height:31px;line-height:31px;background:#038bf0;color:#fff;border:1px solid #619f18;margin:0 auto;font-size:15px;text-align:center;}
.piList-2 dl .m a:hover{background:#619f18;}
.piList-2 .pic-item:hover{box-shadow:0 0 10px #ddd;}

/* 分页 */
.page { padding:0 0 60px; line-height:24px; text-align:center; font-size:13px; }
.page a { display:inline-block; margin:0 3px; padding:3px 12px; border:1px solid #ddd; color:#222; background:#f2f2f2; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #038bf0; background:#038bf0; color:#fff; }

/* 新闻列表 */
.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:#32a237; font-size:14px; 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:32px; 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:26px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:600px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:10px 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:110px; height:32px; border:none; background:#666; color:#fff; cursor:pointer; }
.form-panel .submit-field .btn-submit{background:#038bf0;}


.g-in .dis{background:#fff;padding:52px;}
.g-in .pic{float:left;}
.g-in .txt{width:460px;float:right;}
.g-in .txt h2{font-size:24px;font-weight:normal;padding:20px 0 18px;color:#222;}
.g-in .txt .mes{border-bottom:1px solid #dcdcdc;}
.g-in .txt .z{float:left;font-size:14px;margin-top:-4px;}
.g-in .txt .z p{background:url(point.html) left center no-repeat;padding-left:8px;line-height:34px;color:#000;}
.g-in .txt .y{float:right;width:216px;height:138px;border-left:1px solid #dcdcdc;padding-left:11px;}
.g-in .txt .ys{}
.g-in .txt .ys p{font-size:14px;font-weight:bold;float:left;color:#000;}
.g-in .txt .ys img{float:right;margin-right:34px;}
.g-in .txt .yx{margin-top:10px;}

.g-in .txt .int{}
.g-in .txt .int h3{font-size:14px;padding:12px 0 8px;color:#000;}
.g-in .txt .int .i{font-size:14px;color:#000;}
.g-in .txt .buy{padding:40px 0 40px;}
.g-in .txt .buy a{display:block;width:130px;height:35px;line-height:35px;text-align:center;background:#77b42b;color:#fff;border:2px solid #67a51e;font-size:16px;}
.g-in .txt .buy a:hover{background:#67a51e;}
.g-in .txt li{float:left;border:3px solid #dcdcdc;margin-right:38px;}
.g-in .txt li img{width:80px;height:78px;}
.g-in .txt li:nth-child(4n){float:right;margin-right:0;}
.g-in .txt li.on{border:3px solid #77b42b;}
.g-in .con{padding:0 52px 50px;font-size:14px;text-align:justify;line-height:1.8;background:#fff;margin-bottom:40px;}


.news02 { float:right; width:270px; padding-bottom:40px; background:#f5f5f5;}
.newArea01 { padding:5px 5px 20px 5px; background:#f5f5f5; }
.sideMenu h3 { height:40px; line-height:40px; background:url(jt01.html) no-repeat 240px center #fff; padding-left:20px; font-size:16px; color:#000; margin-top:5px; font-weight:normal; cursor:pointer; }
.sideMenu h3.on { background:url(jt02.html) no-repeat 240px center #038bf0; color:#fff; }
.sideMenu ul { margin-bottom:5px; background:#fff; padding:15px 5px; }
.sideMenu ul li { float:left; width:48px; height:25px; text-align:center; line-height:25px; border:1px solid #fff; color:#999; font-size:14px; margin:5px 6px; border-radius:5px; }
.sideMenu ul li a { display:block; color:#999; }
.sideMenu ul li:hover,.sideMenu ul li.current { border-color:#999; }

.newArea02 { border-top:4px solid #038bf0; padding-top:16px; }
.newArea02 p{font-size:14px;padding-left:15px;line-height:24px;}
.newArea02 ul{width:122px;margin:16px auto 0;}
.newArea02 ul li img{border:7px solid #038bf0;}
.newArea02 ul li p{padding:6px 0;text-align:center;}

.addc{border:1px solid #ddd;padding:10px 20px 6px;}
.addc .add1{font-size:14px;color:#666;float:left;width:345px;}
.addc .add1 p{float:left;line-height:32px;}
.addc .add1 .special{color:#038bf0;font-size:18px;font-weight:bold;}
.addc .add2{font-size:14px;color:#666;float:left;line-height:32px;background:url(icos.html) left center no-repeat;padding-left:38px;}

.addc ul{float:right;}
.addc li{float:left;}
.addc li img{border:7px solid #038bf0;}
.addc li p{font-size:16px;text-align:center;padding-top:4px;color:#222;}
.addc li:nth-child(2){margin:0 40px;}

.pic-list{padding:32px 0 50px;}
.pic-list div{float:left;}
.pic-list div:nth-child(2n){float:right;}
.pic-list div p{font-size:14px;text-align:center;padding:14px 0;}

/* 人才招聘 */
.boxst{height:52px;border-top:2px solid #038bf0;}
.boxst p{line-height:52px;float:left;margin-left:20px;color:#999;margin-right:50px;}
.boxst select{width:150px;height:52px;line-height:52px;float:left;margin-right:30px;cursor:pointer;}
.boxst input[type="text"]{width:250px;height:52px;background:#fff;float:left;}
.boxst input[type="submit"]{width:65px;height:52px;background:url(search.html);cursor:pointer;float:left;}
.boxst .num{float:right;font-size:18px;line-height:52px;margin-right:20px;}
.boxst .num em{font-size:12px;}

.hr{padding:0 0 40px;}
.hr-title{height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;background:#038bf0;}
.hr-title p:nth-child(1){float:left;width:18%;}
.hr-title p:nth-child(2){float:left;width:18%;}
.hr-title p:nth-child(3){float:left;width:18%;}
.hr-title p:nth-child(4){float:left;width:18%;}
.hr-title p:nth-child(5){float:left;width:18%;}
.hr-title p:nth-child(6){float:left;width:10%;}

.hr dt{height:62px;line-height:62px;font-size:14px;color:#3e3a39;text-align:center;}
.hr dt p:nth-child(1){float:left;width:18%;}
.hr dt p:nth-child(2){float:left;width:18%;}
.hr dt p:nth-child(3){float:left;width:18%;}
.hr dt p:nth-child(4){float:left;width:18%;}
.hr dt p:nth-child(5){float:left;width:18%;}
.hr dt p:nth-child(6){float:left;width:10%;}
.hr dt p:nth-child(6) a{display:block;width:100%;height:62px;background:url(sd1.html) center no-repeat;cursor:pointer;}
.hr dt p:nth-child(6) a.on{background:url(sd2.html) center no-repeat;}

.hr dl:nth-of-type(2n) dt{background:#f6f6f6;}
.hr dd{padding:28px 40px;display:none;box-shadow:0 0 5px #dedede;}
.hr dd .con{font-size:14px;line-height:28px;}
.hr dd .apply{margin-top:26px;text-align:right;}
.hr dd .apply a{display:inline-block;width:82px;height:42px;line-height:42px;background:url(bg.html);color:#fff;font-size:14px;padding-left:60px;text-align:left;}

.hr-list .info{font-size:14px;line-height:26px;margin-bottom:22px;}


.pro{}
.pro .pro01 { margin-bottom: 20px; }
.pro .pro01 .item { position:relative; float:left; width:482px; margin-right: 60px; }
.pro .pro01 .item .swiper-container-2 { width:100%; }
/*.pro .pro01 .item .swiper-container-2 .swiper-slide { width:482px; height: 482px; border: 1px solid #eee; text-align: center; }*/
/*.pro .pro01 .item .swiper-container-2 img { position:relative; top: 50%; left: 50%; width:100%; height: auto; max-height: 480px; max-width: 480px; line-height: 480px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }*/
.pro .pro01 .item .swiper-container-3 { width:100%; margin:0 auto; margin-top:10px; }
.pro .pro01 .item .swiper-container-3 .swiper-slide{ height:100px; }
.pro .pro01 .item .swiper-container-3 .swiper-slide a{ display:block; width:100%; height:100%; position:relative}
.pro .pro01 .item .swiper-container-3 .swiper-slide a span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box}
.pro .pro01 .item .swiper-container-3 .swiper-slide.swiper-slide-thumb-active a span{ border:2px solid #00a6cb}
.pro .pro01 .rt{ display: block; overflow: hidden; }
.pro .pro01 .rt .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; text-align: left;}
.pro .pro01 .rt .hd h1 { color:#000; font-size:24px; }
.pro .pro01 .rt .intro  { line-height: 1.8; }



.second{position: relative;}
.second .bannert{position: absolute;left:50%;top: 0%;margin-left: -600px; width: 1200px;transform: translateY(50%);opacity: 0;}
.second .swiper-slide.swiper-slide-active .bannert{
	transform: translateY(0);opacity: 1;
	transition: all 2s;
	-moz-transition: all 2s; 
	-webkit-transition: all 2s; 
	-o-transition: all 2s;
}
.second .swiper-container .swiper-pagination{bottom: 30px;}
.second .swiper-container .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 0.5;width: 9px;height: 9px;border-radius: 9px;margin:0 10px;}
.second .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.second .swiper-button-prev{width: 17px;height: 29px;background: url(banner_prev_03.png) no-repeat center;margin-top: -15px;}
.second .swiper-button-next{width: 17px;height: 29px;background: url(banner_next_05.png) no-repeat center;margin-top: -15px;}
@keyframes scale{
	0%{-webkit-transform: scale(1.08);transform: scale(1.08);}
	50%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
	100%{opacity: 1;-webkit-transform: scale(1.08);transform: scale(1.08);}
}
.second{overflow: hidden;}
.second .swiper-slide img{max-width: 100%;overflow: hidden;}
.second .swiper-slide-active img{-webkit-animation: scale 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 8s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 100%;animation-iteration-count:infinite;}
