@charset "utf-8";

/*	百度地图	*/
.bdmap{ height: 1000px;}
.bdmap-list{}
.bdmap-list-item{}
.bdmap-list-item.cur{}
.bdmap-sync{}
.bdmap-sync-item{}
.bdmap-sync-item.act{}
.bdmap-info{ position: fixed; left: 0; top: 0; visibility: hidden; overflow: hidden; z-index: -9999;}
.bdmap-info-item{ width: 300px;}

/*	弹窗	*/
.pop-alert .pop-dialog{ width: 500px; height: 350px; background-color: #fff; z-index: 1;}

/*	视频	*/
.video-box{ position: relative; height: 600px;}
.video-box .vjs-big-play-button{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer;}
.video-box .vjs-big-play-button:before{ content: '\e7a3'; position: absolute; left: 50%; top: 50%; width: 94px; border: 2px solid; border-radius: 999px; font-size: 60px; color: #fff; text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*	图片缩放	*/
.scaleimg{ overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-transform: scale(1);
	transform: scale(1);
}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform 3s;
	transition: transform 3s;
}
.scaleimg:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* ****************************************************** */
.hp .slick-mod{ position: relative; }
.hp .slick-mod .sc{ text-transform: uppercase; font-size: 12px; padding-bottom: 39px; background: url(../image/temp/jt_03.png) no-repeat center bottom; font-family: "Arial"; color: #fff;
 writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr; position: absolute; bottom: 40px; right: 14px; }
.hp .slick-mod .slick-item{ position: relative; }
.hp .slick-mod .slick-item .msk{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.hp .slick-mod .slick-item img{ width: 100%; height: auto; }
.hp .slick-mod .x-wrap{ position: absolute; top: 0; left: 0; right: 0; margin: auto;z-index: 2; }
.hp .slick-mod .slick-item .text{ position: absolute; width: 450px; left: 0; top: 50%; color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.hp .slick-item .be{ font-size: 88px; font-family: "bell"; line-height: 1; }
.hp .slick-item .h25{ font-family: "Avian"; text-transform: uppercase; margin-top: 30px; }
.hp .slick-item .h45{ font-family: "shscnl"; }
.hp .slick-mod .slick-dots{ width: 1230px; margin: auto; bottom: 30px; color: #fff; font-family: "Arial"; text-align: left; }
.hp .slick-mod .slick-dot{ font-size: 14px; border-radius: 0; background: transparent; padding: 5px; margin: 0 6px; }
.hp .slick-mod .slick-dot.slick-active{ border-bottom: 2px solid #fff; }

.tit{ text-align: center; color: #474747; }
.tit .h30.e{ text-transform: uppercase; color: #707070; font-weight: lighter; }

.hp1{ background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0 195px; }
.hp1 .tab{ text-align: center; font-size: 0; }
.hp1 .tab .li{ display: inline-block; width: 228px; padding: 14px 0 11px; margin: 0 8px; border: 1px solid #d6d6d6; text-align: center; border-radius: 8px; cursor: pointer; }
.hp1 .tab .li .p{ font-size: 14px; color: #707070; font-family: "Avian"; }
.hp1 .tab .li.on{ background: #09a3ce; border-color: #09a3ce; color: #FFFFFF; position: relative; }
.hp1 .tab .li.on .p{ color: #fff; }
.hp1 .tab .li.on:after{ content: ""; width: 0; height: 0; border: 8px solid transparent; border-top-color: #09a3ce; position: absolute; left: 50%; margin-left: -8px; top: 100%; }
.hp1 .conbox{ margin-top: 40px; }
.hp1 .con{ margin: 35px 50px 0; position: relative; }
.hp1 .con .item{ width: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.hp1 .con .item.show{ opacity: 1; visibility: visible; position: static; }
.hp1 .con .slick-slide{ text-align: center; }
.hp1 .con .child{ width: 273px !important; padding-bottom: 38px; box-shadow: 0px 0px 5px rgba(0,0,0,.2); position: relative; }
.hp1 .con .child .cimg{ width: 100%; height: 205px; }
.hp1 .con .child .cimg img{ width: 100%; height: 100%; }
.hp1 .con .slick-track{ padding: 5px 0; }
.hp1 .con .child .h20{ line-height: 60px; width: 250px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; }
.hp1 .con .slick-arrow:before{ color: #b2b2b2; font-size: 45px; }
.hp1 .con .slick-prev{ left: -55px; }
.hp1 .con .slick-next{ right: -55px; }
.hp2{ padding: 95px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.hp2 .tit{ color: #FFFFFF; margin-bottom: 30px; }
.hp2 .tit .h30{ color: #fff; }
.hp2 .top{ background: #fff; border-bottom: 1px solid #eff0f5; }
.hp2 .top .li{ text-align: center; padding: 16px 0 8px; cursor: pointer; }
.hp2 .top .licon{ width: 37px; height: 33px; position: relative; margin: 0 auto 7px; }
.hp2 .top .licon img{ width: 100%; height: 100%; }
.hp2 .top .licon .w{ display: none; }
.hp2 .top .slick-current .li{ background: #09a3ce; color: #fff; }
.hp2 .top .slick-current .licon .w{ display: block; }
.hp2 .top .slick-current .licon .b{ display: none; }
.hp2 .top .slick-arrow:before{ color: #b2b2b2; }
.hp2 .top .slick-arrow:hover::before{ color: #09a3ce; }
.hp2 .con .li{ float: left; height: 276px; position: relative; }
.hp2 .con .li img{ width: 100%; height: 100%; }
.hp2 .con .li .h18{ position: absolute; }
.hp2 .con .li:nth-child(1),.hp2 .con .li:nth-child(2),.hp2 .con .li:nth-child(3){ border-bottom: 1px solid #eff0f5; }
.hp2 .con .li:nth-child(2),.hp2 .con .li:nth-child(3),.hp2 .con .li:nth-child(5),.hp2 .con .li:nth-child(6){ border-left: 1px solid #eff0f5; }
.hp2 .con .l1{ width: 488px; }
.hp2 .con .l2{ width: 371px; }
.hp2 .con .l2 .h18{ bottom: 14px; left: 0; right: 0; text-align: center; }
.hp2 .con .l1 .h18{ top: 50%; right: 140px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.hp2 .more{  border-bottom-color: 2px solid rgba(255,255,255,); padding-top: 55px; }
.more{ font-family: "Arial"; color: #FFFFFF; text-align: center; }
.more a{ display: inline-block; padding-bottom: 4px; border-bottom: 2px solid; }
.hp3{ padding: 116px 0 106px; background: #fff; }
.hp3 .l{ width: 514px; height: 595px; float: left; }
.hp3 .l img{ width: 100%; height: 100%; }
.hp3 .r{ width: 660px; float: right; }
.hp3 .r .zw{ line-height: 1.1; }
.hp3 .r .ew{ font-weight: lighter; text-transform: uppercase; margin-top: 7px; }
.hp3 .r .top{ position: relative; }
.hp3 .r .more{ position: absolute; right: 0; bottom: 0; color: #2a5fa5; }
.hp3 .r .rcon{ margin-top: 20px; }
.hp3 .r .rcon .li{ padding: 19px 0 24px; }
.hp3 .r .rcon .li+.li{ border-top: 1px solid #e5e5e5; }
.hp3 .r .rcon .lcon{ width: 496px; float: left; }
.hp3 .r .rcon .lcon .h16{ color: #707070; }
.hp3 .r .rcon .lcon .h18{ font-family: "Avian"; margin: 9px 0; }
.hp3 .r .rcon .limg{ width: 127px; height: 127px; float: right; }
.hp3 .r .rcon .limg img{ width: 100%; height: 100%; }
.hp3 .r .rcon .li:hover .h20,.hp3 .r .rcon .li:hover .h18{ color: #2a5fa5; }

.cback{ width: 100%; background: url(../image/temp/bback_02.jpg); position: absolute; top: 0; left: 0; }
.x-container{ background: url(../image/temp/hback_02.jpg); }
.tit.ctt .h30{ line-height: 1.3; color: #FFFFFF; }
.tit.ctt{ position: relative; z-index: 2; }

.news .cback{ height: 333px; }
.news .ncon{ padding: 110px 0 73px; }
.news .tit,.news .tit .h30.e{ color: #fff; }

.news .list{ margin-top: 46px; }
.news .list .li+.li{ margin-top: 20px; }
.news .list .limg{ width: 320px; height: 214px; float: left; }
.news .list .limg img{ width: 100%; height: 100%; }
.news .list .ltbox{ margin-left: 320px; height: 214px; padding: 34px 25px 0 50px; background: #FFFFFF; }
.news .list .ltbox .h16{ margin: 16px 0 27px; color: #707070; }
.news .list .ltbox .h18{ color: #707070; font-family: Avian; }
.news .page-mod{ margin-top: 50px; }
.news .list .li:hover .h20{ color: #2a5fa5; }

.recruitment .cback{ height: 226px; }
.recruitment .reccon{ padding-top: 105px; position: relative; z-index: 2; }
.recruitment .rbox{ padding-top: 106px; }
.recruitment .tab{ text-align: center; }
.recruitment .tab .inner{ padding: 0 50px; }
.recruitment .tab .li{ position: relative; height: 187px; }
.recruitment .tab .li:after{ content: ""; width: 160px; height: 160px; background: #fff; border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; margin: auto; }
.recruitment .tab .li .h18{ line-height: 160px; cursor: pointer; position: relative; z-index: 3; }
.recruitment .tab .linner{ position: relative; }
.recruitment .tab .linner:after{ content: ""; z-index: 2; display: none; width: 139px; height: 177px; position: absolute; left: 0; right: 0; top: 10px; margin: auto; background: url(../image/temp/zpxz_03.png) no-repeat center; }
.recruitment .tab .slick-current .linner:after{ display: block; }
.recruitment .tab .slick-current .li{ color: #FFFFFF; }
.recruitment .rcon{ background: #fff; padding: 32px 0 88px; }
.recruitment .rcon .inner{ padding: 0 50px; }
.recruitment .rcon .li{ border-bottom: 1px dashed #e1e1e1; padding: 16px 0; }
.recruitment .rcon .li:after{ content: ""; display: block; clear: both; }
.recruitment .rcon .h16{ width: 128px; line-height: 32px; text-align: center; float: left; border: 1px solid #e1e1e1; }
.recruitment .rcon .pbox{ margin-left: 170px; padding: 5px 0; }
.recruitment .rcon .h18{ margin-top: 20px; }
.recruitment .rcon .h18 a{ text-transform: uppercase; }
.recruitment .slick-arrow:before{ display: none; }
.recruitment .slick-arrow{ width: 48px; height: 45px; top: 81px; background-repeat: no-repeat; background-position: center; }
.recruitment .slick-prev{ left: 0; background-image: url(../image/temp/zplbtn_03.png); }
.recruitment .slick-prev:hover{ background-image: url(../image/temp/zplbtnh_03.png); }
.recruitment .slick-next{ right: 0; background-image: url(../image/temp/zprbtn_03.png); }
.recruitment .slick-next:hover{ background-image: url(../image/temp/zprbtnh_03.png); }

.about .cback{ height: 350px; }
.about .acon{ padding: 105px 0 53px; }
.about .con{ margin-top: 48px; }
.about .l{ float: left; position: relative; }
.about .l .limg1{ width: 448px; height: 448px; }
.about .l .limg2{ width: 476px; height: 476px; position: absolute; top: 118px; left: 89px; }
.about .l img{ width: 100%; height: 100%; }
.about .r{ box-shadow: 0px 0px 10px rgba(0,0,0,.1); float: right; width: 687px; height: 667px; padding: 50px 55px 43px 70px; background: #FFFFFF; }
.about .r .h16+.h16{ margin-top: 26px; }
.about .r .h16{ text-align: justify; }

.contact .cback{ height: 226px; }
.contact .ccon{ position: relative; z-index: 2; padding-top: 105px; }
.contact .ct1{ padding: 138px 0 105px;  }
.contact .ct1 .li{ width: 287px; height: 277px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0,0,0,.3); float: left; display: table; text-align: center; }
.contact .ct1 .li .inner{ display: table-cell; vertical-align: middle; }
.contact .ct1 .li+.li{ margin-left: 26px; }
.contact .ct1 .icon{ width: 86px; height: 80px; margin: 0 auto; position: relative; }
.contact .ct1 .icon img{ width: 100%; height: 100%; }
.contact .ct1 .icon .w{ display: none; }
.contact .ct1 .li .h20{ margin: 15px 0 0; }
.contact .ct1 .li:hover{ background: #09a3ce; color: #fff; box-shadow: none; }
.contact .ct1 .li:hover .icon .w{ display: block; }
.contact .ct1 .li:hover .icon .c{ display: none; }
.contact .bdmap{ height: 442px; }

.case{ background: #fff; }
.case .cback{ height: 289px; }
.case .cscon{ padding: 105px 0 95px; }
.case .page-mod{ margin-top: 59px; }
.case .scroll-item{ font-size: 20px; line-height: 60px; padding: 0; margin: 0 27px; background: none; }
.case .scroll-item a{ color: #FFFFFF; display: block; }
.case .scroll-item.cur{ font-size: 22px; background: url(../image/temp/alxz_03.png) no-repeat center bottom; }
.case .scroll-box{ height: 60px; }
.case .scroll-tab .middle:before{ line-height: 60px; font-size: 30px; color: #fff; }
.case .scroll-tab{ padding: 0 26px; margin: 18px 0 28px; }
.case .scroll-tab .middle{ padding: 0; }
.case .list .lt{ height: 460px; display: table; position: relative; width: 735px; }
.case .list .lt .inner{ display: table-cell; vertical-align: middle; }
.case .list .limg{ width: 615px; height: 326px; z-index: 9; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.case .list .limg img{ width: 100%; height: 100%; }
.case .list .ls{ background: #FFFFFF; }
.case .list .ls .lt{ float: right; padding: 0 42px 0 170px; }
.case .list .ls .lt:after{ content: ""; width: 1px; height: 362px; background: #2a5fa5; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }
.case .list .ld{ background: url(../image/temp/hback_02.jpg); }
.case .list .ld .limg{ left: auto; right: 0; }
.case .list .ld .lt{ padding: 0 163px 0 50px; color: #fff; background: url(../image/temp/alback_03.jpg) no-repeat center; background-size: cover; }
.case .list .h16{ text-align: justify; margin-top: 20px; }
.case .list .ls .h16{ color: #707070; }

.product .cback{ height: 514px; }
.product .pcon{ padding-top: 105px; }
.product .tabbox{ margin: 28px 0 40px; }
.product .scroll-tab{ padding: 0; }
.product .scroll-box{ height: 196px; font-size: 0; }
.product .scroll-item{ width: 196px; height: 196px; text-align: center; margin: 0; padding: 0; border-radius: 0; padding-top: 44px; }
.product .scroll-item+.scroll-item{ margin-left: 11px; }
.product .scroll-item .icon{ width: 70px; height: 69px; margin: 0 auto 13px; }
.product .scroll-item .icon img{ width: 100%; height: 100%; }
.product .scroll-item .icon .w{ display: none; }
.product .scroll-item.cur{ background: #09a3ce; color: #fff; }
.product .scroll-item.cur .icon .w{ display: block; }
.product .scroll-item.cur .icon .c{ display: none; }
.product .middle{ text-align: center; width: 62px; height: 62px; background: #cccccc; border-radius: 50%; padding: 0; margin: auto; z-index: 9; }
.product .middle:before{ line-height: 62px; font-size: 30px; color: #fff; }
.product .middle:hover{ background: #1a77be; }
.product .slick-dot{ width: 49px; height: 5px; border-radius: 0; padding: 0; margin: 0 12.5px; background: #fff; }
.product .slick-dot.slick-active{ background: #09a3ce; }
.pro1 .con{ text-align: center; width: 1256px; margin-left: -13px; }
.pro1 .cli{ width: 392px !important; height: 540px; background: #fff; }
.pro1{ padding-bottom: 144px; }
.pro1 .cli .img{ width: 100%; height: 375px; }
.pro1 .cli .img img{ width: 100%; height: 100%; }
.pro1 .cli .h18{ text-align: center; padding: 27px 64px 0; }
.product .slick-dots{ bottom: -50px; }
.pro2{ padding-bottom: 141px; background-repeat: no-repeat; background-position: top center;  }
.pro2 .con img{ width: 100%; height: 100%; }
.pro2 .con .limg{ width: 837px; height: 785px; float: left; border-right: 1px solid #eff0f5; position: relative; }
.pro2 .con .r{ margin-left: 837px; }
.pro2 .con .r .img{ width: 100%; height: 392.5px; position: relative; }
.pro2 .con .r .img:first-child{ border-bottom: 1px solid #eff0f5; }
.pro2 .con .h22{ position: absolute; text-align: center; left: 0; right: 0; }
.pro2 .con .limg .h22{ bottom: 110px; }
.pro2 .con .r .img .h22{ bottom: 86px; }
.pro3{ background: #fff; padding-bottom: 136px; }
.pro3 .con{ width: 1248px; margin-left: -9px; }
.pro3 .con .li{ width: 293px !important; height: 402px; background: #fff; margin: 0 9px 20px; }
.pro3 .con .li a{ display: block; height: 100%; }
.pro3 .con .li .img{ width: 100%; height: 280px; }
.pro3 .con .li .img img{ width: 100%; height: 100%; }
.pro3 .con .li .h16{ margin: 10px 35px 0; text-align: center; }
.pro3 .slick-dot{ background: #e5e5e5; }
.pro3 .con .li:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,.3); }
.pro4{ background: #fff; padding-bottom: 115px; position: relative; }
.pro4 .back{ width: 100%; height: 275px; background: #eaeeee; position: absolute; left: 0; bottom: 0; }
.pro4 .l{ float: left; }
.pro4 .r{ float: right; }
.pro4 .block{ width: 604px; height: 321px; position: relative; }
.pro4 .block img{ width: 100%; height: 100%; }
.pro4 .block .tbox{ position: absolute; width: 260px; left: 45px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #fff; }
.pro4 .block .tbox .h15{ font-size: 15px; font-family: "Avian"; text-transform: uppercase; line-height: 1.27; }
.pro4 .block .tbox .h50{ font-family: "bell"; font-size: 50px; line-height: 1; }
.pro4 .block .tbox .h25{ margin: 0 0 23px; font-family: "shscnl"; }

@media screen and (max-width:1366px) {
	.share-pop{ left: 0; }
	.share-pop::before, .share-pop::after{ left: 30px; }
	
}




/* ****************************************************** */
	
/* 详情页 */
.article{ padding: 60px 0;}
.article-title{ margin-bottom: 40px; text-align: center;}
.article-title .h24{ margin-bottom: 20px;}
.article-title .info{ color: #707070;}
.article-title .info span{ margin: 0 15px;}
.article-cont{ margin-bottom: 30px;}
.article-cont p{ text-indent: 2em; }
.article-cont ul li{ text-indent: 2em; }
.article-cont ol li{ text-indent: 2em; }
.article-cont ul li{ list-style: inside; }
.article-cont ol li{ list-style: inside decimal; }
.article-cont .p{ margin-bottom: 20px; text-align: justify; text-justify: inter-ideograph;}
.article-cont img{ max-width: 100%; height: auto !important;}
.article-paging{ overflow: hidden; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 26px;}
.article-prev, .article-next{ position: relative; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.article-prev{ float: left; padding-left: 30px;}
.article-next{ float: right; padding-right: 30px; text-align: right;}
.article-prev:before, .article-next:before{ position: absolute; top: 2px; font-size: 16px;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.article-prev:before{ content: "\e739"; left: 0;}
.article-next:before{ content: "\e738"; right: 0;}
.article-paging a:hover{ opacity: 0.8;}
.article .share-mod{ padding: 30px 0;}
.article .share-item{ font-size: 20px;}

/* 搜索结果页 */
.result{ padding: 60px 0; }
.result .key{ color: #5c983e;}
.result .h24{}
.result .h24 span{ margin-left: 30px; font-size: 18px; color: #707070;}
.result .list{ margin-bottom: 50px; }
.result .list-item{ padding: 30px 0; border-bottom: 1px solid #d1d1d1;}  
.result .list .h18{ margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result .list .p{ color: #707070; text-align: justify; text-justify: inter-ideograph;}
.result .list a:hover{ opacity: 0.8;}

/*	网站地图	*/
.sitemap{ padding:60px 0;}
.sitemap dl{ padding: 20px 0; border-bottom: 1px solid #eee;}
.sitemap dt{ font-size: 16px;}
.sitemap dd{ margin-top: 20px; padding-left: 4em; word-break: keep-all;}
.sitemap dd a{ margin-right: 20px;}
.sitemap a:hover{ opacity: 0.8;}