@charset "utf-8";
/* CSS Document */
#banner {width:100%;float:left;position:relative;overflow:hidden;}
#banner .swiper-slide {position:relative;cursor:pointer;}
#banner .swiper-slide h2{width:calc(100% - 110px);padding:0 100px 0 10px;height:32px;line-height:32px;overflow:hidden;position:absolute;bottom:0;background:rgba(0,0,0,.80);color:#fff;}
#banner .swiper-pagination {position:absolute;z-index:5;bottom:8px;width:auto;left:50%;margin-left:-28px;}
#banner .swiper-pagination-bullet{background:none;opacity:.8;width:6px;height:6px;border:solid 1px #fff;display:inline-block;border-radius:100%;}
#banner .swiper-pagination-bullet-active{opacity:1;background:#fff;}
#banner .swiper-button-next, #banner .swiper-button-prev {position:absolute;top:auto;bottom:10px;width:10px;height:10px;background:url("../images/let.png") no-repeat 0 0;z-index:5;cursor:pointer;visibility:visible;transition:0.3s ease-out;}
#banner .swiper-button-next {left:auto;right:55px;}
#banner .swiper-button-prev {background-position:-10px 0;left:auto;right:10px;}
#banner .swiper-button-prev:hover{background-position:-10px -10px;}
#banner .swiper-button-next:hover{background-position:0px -10px;}

.not_box{width:100%;float:left;padding:10px 0;background:#F9F9F9;}
.not_tit{width:120px;float:left;font-size:16px;line-height:30px;position:relative;text-indent:40px;}
.not_tit:before{width:30px;height:30px;background:#264480 url("../images/notico.png") no-repeat center;border-radius:30px;left:0;}
#notice {width:calc(100% - 120px);float:right;position:relative;height:30px;overflow:hidden;}
#notice .swiper-slide {position:relative;cursor:pointer;}
#notice .swiper-slide h2{width:calc(100% - 200px);padding:0 200px 0 10px;height:30px;line-height:30px;color:#4B4C4C;position:relative;text-indent:5px;}
#notice .swiper-slide h2:before{width:3px;height:3px;border:solid 2px #E7EBEE;border-radius:6px;left:0;top:13px;}
#notice .swiper-slide:hover h2{color:#264480;}
#notice .swiper-slide time{color:#919599;line-height:30px;position:absolute;right:120px;}
#notice .swiper-button-next, #notice .swiper-button-prev {position:absolute;left:auto;top:25px;right:0px;width:13px;height:8px;background:url("../images/next.png") no-repeat 0 0;z-index:5;cursor:pointer;visibility:visible;}
#notice .swiper-button-next {}
#notice .swiper-button-prev {background-position:0px -12px;top:40px;}
#notice .swiper-button-prev:hover{background-position:-17px -12px;}
#notice .swiper-button-next:hover{background-position:-17px 0px;}

.title{width:220px;margin:0 auto;display:table;text-align:center;position:relative;}
.title:after{width:163px;height:40px;background:#fff;left:28px;top:0px;}
.title:before{width:100%;height:1px;background:#D4D7D9;left:0;top:21px;}
.title h2{width:100%;font-size:36px;position:relative;line-height:40px;z-index:2;}
.title h2:after,.title h2:before{width:9px;height:9px;border:solid 1px #D4D7D9;border-radius:30px;left:-12px;top:16px;}
.title h2:before{left:auto;right:-12px;}
.title em{color:#26447F;margin:10px 0 20px 0;display:block;}


.syewu {width:100%;float:left;}
.syewu ul li {width:25%;height:550px;position:relative;float:left;overflow:hidden;transition:all 0.5s ease;background:#000;}
.syewu ul li:nth-of-type(2) {animation-delay:0.2s;}
.syewu ul li:nth-of-type(3) {animation-delay:0.4s;}
.syewu ul li:nth-of-type(4) {animation-delay:0.6s;}
.syewu ul li.cur {width:50%;}
.syewu ul li.slide {width:16.6%;}
.syewu ul li .img {width:100%;height:100%;background-repeat:no-repeat;background-position:center center;opacity:0.5;transition:all 0.5s ease;background-size:cover;}
.syewu ul li.cur .img {opacity:1;}
.syewu ul li i {position:absolute;width:80px;height:80px;background:#264480 url("../images/pro.png") no-repeat;left:50%;right:0;top:40%;margin-left:-40px;opacity:1;transition:all 0.5s ease;border-radius:60px;}
.syewu ul li:nth-of-type(1) i {background-position:center 25px;}
.syewu ul li:nth-of-type(2) i {background-position:center -45px;}
.syewu ul li:nth-of-type(3) i {background-position:center -185px;}
.syewu ul li:nth-of-type(4)  i {background-position:center -115px;}
.syewu ul li.cur i {top:50%;opacity:0;}
.syewu ul li h2 {position:absolute;width:100%;height:40px;line-height:40px;text-align:center;left:0;bottom:35%;color:#fff;font-size:18px;opacity:1;transition:all 0.5s ease;}
.syewu ul li.cur h2 {opacity:0;}
.syewu ul li:before {display:block;width:320px;height:200px;background-color:rgba(255,255,255,0.95);position:absolute;left:50%;top:50%;margin-left:-160px;margin-top:-100px;transform-origin:left bottom;transition:transform .52s cubic-bezier(.4, 0, .2, 1);transform:scaleY(0);visibility:hidden \9;}
.syewu ul li.cur:before {transform:scaleY(1);transform-origin:left top;visibility:visible \9;}
.syewu ul li .text {width:260px;position:absolute;left:50%;top:60%;margin-left:-130px;text-align:center;opacity:0;transition:all 0.5s ease;z-index:2;}
.syewu ul li .text h3 {font-size:18px;color:#264480;font-weight:bold;position:relative;}
.syewu ul li .text h3:after{width:30px;height:2px;background:#264480;left:50%;top:30px;margin-left:-15px;}
.syewu ul li .text p{font-size:14px;line-height:22px;height:66px;display:block;margin:20px 0;}
.syewu ul li.cur .text {opacity:1;top:50%;margin-top:-70px;}

.sabout{width:100%;float:left;}
.sabout p{display:block;text-align:center;font-size:16px;line-height:32px;color:#4B4C4C;}
.sabout p:nth-child(3){margin-bottom:20px;}
.sabout a{width:40px;height:40px;margin:0 auto;display:table;border:solid 1px #D4D7D9;border-radius:30px;background:url("../images/more.png") no-repeat center 18px;}
.sabout a:hover{border:solid 1px #264480;background:url("../images/more.png") #264480 no-repeat center -32px;}

.sculte{width:100%;float:left;margin-top:30px;}
.sculte dt{width:calc(50% - 100px);float:left;position:relative;padding:0 50px;height:312px;}
.sculte dt:before{width:100%;height:280px;background:#F9F9F9;top:auto;left:0;bottom:0; z-index:-1;}
.sculte dt em{font-size:68px;color:rgba(145,149,153,.1);position:absolute;left:0;top:15px;font-family:fontsz;}
.sculte dt h2{font-size:22px;margin-top:100px;}
.sculte dt p{font-size:16px;line-height:30px;display:block;margin:20px 0;}
.sculte dt a{width:25px;height:20px;position:absolute;left:50px;bottom:40px;background:url("../images/more.png") 0 10px;}

.sculte dd{width:50%;float:left;position:relative;}
.sculte dd h2{color:#fff;font-size:22px;position:absolute;left:50%;top:120px; margin-left:-60px;}
.sculte dd i{width:30px;height:30px;border:solid 1px #fff;position:absolute;border-radius:30px;left:45%;top:153px;}
.sculte dd i:before{height:0;width:0;border-color:transparent transparent transparent #fafafa;border-style:solid;border-width:5px;left:13px;top:10px;}

.spro{width:100%;float:left;position:relative;}
.pro_nav{width:60px;position:absolute;right:50px;z-index:2;}
.pro_nav li{width:100%;float:left;position:relative;text-align:center;margin-top:30px;}
.pro_nav li span{height:60px;display:block;position:relative;text-indent:-9999px;background:#fff url("../images/pro.png") no-repeat;border-radius:30px;cursor:pointer;}
.pro_nav li span.active{background-color:#0B3A69;color:#fff;}
.pro_nav li:nth-child(1){margin-top:80px;}
.pro_nav li:nth-child(1) span{background-position:center 13px;}
.pro_nav li:nth-child(2) span{background-position:center -348px;}
.pro_nav li:nth-child(3) span{background-position:center -106px;}
.pro_nav li:nth-child(4) span{background-position:center -226px;}

.pro_nav li:nth-child(1) span.active{background-position:center -46px;}
.pro_nav li:nth-child(2) span.active{background-position:center -408px;}
.pro_nav li:nth-child(3) span.active{background-position:center -166px;}
.pro_nav li:nth-child(4) span.active{background-position:center -288px;}

.pro_con ul{width:100%;float:left;display:none;background:#F9F9F9 url("../images/sp_bg.png") no-repeat right bottom;}
.pro_con li{width:50%;float:left;position:relative;}
.pro_con li a{width:550px;position:absolute;top:80px;left:50px;}
.pro_con li a h2{font-size:22px;margin-bottom:30px;display:inline-block;position:relative;}
.pro_con li a h2:before{width:45px;height:2px; background:#D4D7D9;left:0;top:35px;transition:0.3s ease-out;}
.pro_con li a p{font-size:14px;line-height:30px;margin-bottom:150px;}
.pro_con li a em{width:145px;height:40px;line-height:40px;display:inline-block;background:#fff;border:solid 1px #D4D7D9;color:#264480;border-radius:30px;text-indent:30px;font-size:12px;position:relative;}
.pro_con li a em:before{height:0;width:0;border-color:transparent transparent transparent #264480;border-style:solid;border-width:4px;right:30px;top:16px;}
.pro_con li a:hover h2:before{width:100%;background:#264480;}

.snew{width:386px;float:left;margin-left:20px;}
.snew li{width:100%;float:left;position:relative;}
.snew li:before{width:3px;height:3px;border:solid 2px #D4D7D9;left:0;top:17px;border-radius:30px;}
.snew h2{width:100%;float:left;margin:15px 0 5px 0;font-size:18px;position:relative;}
.snew h2:before{height:0;width:0;border-color:transparent transparent transparent #264480;border-style:solid;border-width:4px;right:0px;top:7px;}
.snew h2 a{display:block;color:#264480;}
.snew li h3{width:calc(100% - 60px);float:left;font-size:14px;padding-right:60px;text-indent:15px;line-height:40px;height:40px;overflow:hidden;}
.snew li time{position:absolute;right:0;top:10px;color:#666;font-size:12px;}

.mt{margin-left:0;}

/*二级页面样式开始*/
.list_ban{width:100%;float:left;height:360px;background:url("../images/list_ban.jpg");}
.list_subnav{width:100%;float:left;border-bottom:solid 1px #EEEFF0;}
.list_subnav dl{width:1200px;margin:0 auto;display:table;}
.list_subnav dt{float:left;}
.list_subnav dt a{float:left;line-height:50px;padding:0px 35px;position:relative;}
.list_subnav dt a.active{background:#264480;color:#fff;}
.list_subnav dt a:before{width:0;height:3px;top:auto;left:50%;right:50%; bottom:0px;background:#264480;transition:0.3s ease-out;}
.list_subnav dt a:hover:before{width:100%;left:0;right:0;}
.list_subnav dt a.active:before{width:26px;height:1px;left:50%;right:0;background:#fff;margin-left:-13px;bottom:7px;}
.list_subnav dd{float:right;line-height:50px;color:#666;}
.list_subnav dd a{padding-right:35px;position:relative;}
.list_subnav dd a:before{width:20px;height:1px;background:#D4D7D9;right:10px;top:9px;}
.list_subnav dd a:after{width:5px;height:5px;background:#fff;border:solid 1px #D4D7D9;right:16px;top:6px;border-radius:3px;}
.list_subnav dd a:last-child:before,.list_subnav dd a:last-child:after{display:none;}
.list_subnav dd a:last-child{padding-right:0;}

.list_news{width:100%;float:left;}
.list_news li{width:100%;float:left;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:dotted 1px #D4D7D9;}
.list_news li i{width:300px;float:left;margin-right:150px;}
.list_news li time{position:absolute;left:330px;font-size:32px;top:52px;color:#333;}
.list_news li b{display:block;text-align:center;margin-top:15px;color:#666;}
.list_news li h2{font-size:22px;line-height:26px;margin-bottom:15px;}
.list_news li p{font-size:14px;line-height:26px;height:52px;overflow:hidden;}
.list_news li em{display:inline-block;margin-top:40px;border:solid 1px #D4D7D9;padding:10px 50px 10px 40px;border-radius:30px;position:relative;color:#264480;}
.list_news li em:before{height:0;width:0;border-color:transparent transparent transparent #264480;border-style:solid;border-width:4px;right:36px;top:16px;}
.list_news li:hover em{border:solid 1px #264480;background:#264480;color:#fff;}
.list_news li:hover em:before{border-color:transparent transparent transparent #fff;right:30px;transition:0.3s ease-out;}

.list_shuju{width:100%;float:left;}
.list_shuju li{width:100%;float:left;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:dotted 1px #D4D7D9;}
.list_shuju li i{width:300px;float:left;margin-right:30px;}
.list_shuju li b{display:block;text-align:center;margin-top:15px;color:#666;}
.list_shuju li h2{font-size:22px;line-height:26px;margin-bottom:15px;}
.list_shuju li p{font-size:14px;line-height:26px;height:52px;overflow:hidden;}
.list_shuju li em{display:inline-block;margin-top:40px;border:solid 1px #D4D7D9;padding:10px 50px 10px 40px;border-radius:30px;position:relative;color:#264480;}
.list_shuju li em:before{height:0;width:0;border-color:transparent transparent transparent #264480;border-style:solid;border-width:4px;right:36px;top:16px;}
.list_shuju li:hover em{border:solid 1px #264480;background:#264480;color:#fff;}
.list_shuju li:hover em:before{border-color:transparent transparent transparent #fff;right:30px;transition:0.3s ease-out;}

/*筛选*/
.shaixuan {width:calc(100% - 20px);float:left;position:relative;background:#F9F9F9;padding:10px;}
.shaixuan a {line-height:26px;display:inline-block;padding:0 3px;margin:0 5px;color:#555;}
.shaixuan a:hover{color:#264480;}
.shaixuan a.yes {color:#fff;border-radius:3px;border:solid 1px #264480;line-height:20px;background:#264480;}

.list_goods{width:100%;float:left;}
.list_goods ul{margin-left:-50px;}
.list_goods li{width:calc(20% - 50px);float:left;margin:40px 0;margin-left:50px;position:relative;}
.list_goods li i{width:100%;float:left;position:relative;}
.list_goods li img{opacity:1;}
.list_goods li img:hover{opacity:0.8;}
.list_goods li i:before{width:40px;height:40px;background:rgba(38,68,128,.90) url("../images/more.png") no-repeat center -32px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;border-radius:30px;transform:scale(0);}
.list_goods li i:hover:before{transform:scale(1);transition:460ms;}
.list_goods li h2{width:100%;float:left;margin-top:15px;padding-top:15px;border-top:solid 1px #D4D7D9;position:relative;}
.list_goods li h2:after{width:0;height:1px;background:#264480;left:0;top:-1px;transition:800ms;}
.list_goods li:hover h2:after{width:100%;}

.list_case{width:100%;float:left;}
.list_case ul{margin-left:-20px;}
.list_case li{width:calc(25% - 20px);float:left;margin:10px 0;margin-left:20px;position:relative;}
.list_case li i{width:100%;float:left;position:relative;}
.list_case li img{opacity:1;}
.list_case li img:hover{opacity:0.8;}
.list_case li i:before{width:40px;height:40px;background:rgba(38,68,128,.90) url("../images/more.png") no-repeat center -32px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;border-radius:30px;transform:scale(0);}
.list_case li i:hover:before{transform:scale(1);transition:460ms;}
.list_case li h2{width:100%;float:left;height:45px;line-height:45px;position:relative;overflow:hidden;}
.list_case li h2:before{width:100%;height:1px;top:auto;bottom:0;background:#D4D7D9;}
.list_case li h2:after{width:0;height:1px;background:#264480;left:0;top:auto;bottom:0px;transition:800ms;}
.list_case li:hover h2:after{width:100%;}

.show_title{width:100%;float:left;position:relative;}
.show_title h1{font-size:26px;line-height:32px;}
.show_title p{margin-top:10px;font-size:14px;line-height:26px;}
.show_title c{color:#B70000;}
.show_title b{margin-left:15px;}
.show_title .dlck{color:#B70000;}

.show_title .s-con-phone{position:absolute;padding:4px 25px;border:solid 1px #264480;right:0;bottom:0;border-radius:30px;font-size:12px;}
.show_title .s-con-phone:hover{background:#264480;color:#fff;}
.show_title .s-con-phone:before{height:0;width:0;border-style:solid;border-width:4px;right:14px;top:16px;border-color:transparent transparent #fff transparent;visibility:hidden;transition:460ms;opacity:0;}
.show_title .s-con-phone:hover:before{top:9px;visibility:visible;opacity:1;}

.show_body{width:100%;float:left;}
.show_body h2{font-size:18px;font-weight:bold;margin-top:10px;position:relative;text-indent:8px;}
.show_body h2:before{width:3px;height:17px;background:#264480;left:0;top:3px;}
.show_body p{font-size:16px;line-height:26px;margin-top:10px;color:#333;padding-left:10px;}
.show_body img{width:auto;margin:0 auto;display:table;float:none;max-width:100%;border-radius:6px;}
.show_body table{width:800px;margin-top:20px;}
.show_body table tr{border:solid 1px #D4D7D9;border-left:0;}
.show_body table td{padding:8px;border-left:solid 1px #D4D7D9;}
.show_body table td:nth-child(1){width:30%;background:#EEEFF0;text-align:right;padding-right:15px;}

.show_next{width:100%;float:left;margin-top:20px;position:relative;}
.show_next a{width:100%;float:left;position:relative;height:30px;line-height:30px;}
.show_next span{color:#666;}
.show_next a:before{width:15px;height:10px;background:url("../images/next.png") no-repeat 1px 2px;right:0;top:7px;}
.show_next a:last-child:before{background-position:1px -10px;top:8px;}

.job_text{width:100%;float:left;margin-bottom:40px;}
.job_text dt{width:140px;float:left;height:40px;margin-right:30px;position:relative;font-size:26px;padding-top:10px;}
.job_text dt:before{width:1px;height:50px;background:#D4D7D9;right:11px;top:8px;}
.job_text dd{font-size:16px;line-height:30px;}
/*招聘样式*/
.job_box{width:100%;float:left;}
.job_tit{width:100%;float:left;background:#264480;}
.job_tit li{float:left;line-height:40px;color:#fff;}
.job_tit li:nth-child(1),.list_job .job_zw li:nth-child(1){width:60%;text-indent:10px;}
.job_tit li:nth-child(2),.list_job .job_zw li:nth-child(2){width:20%;}
.job_tit li:nth-child(3),.list_job .job_zw li:nth-child(3){width:15%;}
.list_job{width:100%;float:left;}
.list_job .job_zw{width:100%;float:left;margin-top:1px;background:#EEEFF0;cursor:pointer;position:relative;}
.list_job .job_zw li{float:left;line-height:36px;position:relative;}
.list_job .job_zw li:last-child{height:0;width:0;border-style:solid;border-width:5px;border-color:#333 transparent transparent transparent;position:absolute;right:15px;top:10px;}
.list_job[display_status="1"] .job_zw{background:#D4D7D9;}
.list_job[display_status="1"] .job_zw li{color:#264480;}
.list_job[display_status="1"] .job_zw li:nth-child(1){font-weight:bold;}
.list_job[display_status="1"] .job_zw li:last-child{border-color:transparent transparent #264480 transparent;}
.jpost{width:calc(100% - 42px);float:left;padding:20px;margin-bottom:10px;background:#fff;border:solid 1px #D4D7D9;display:none;}
.jpost h2{margin:10px 0;}
.jpost p{color:rgba(51,51,51,.90);line-height:26px;text-indent:20px;font-size:14px;}

.anchorBL{display:none;}
.ditu{width:100%;float:left;height:400px;position:relative;}
.list_contact{width:100%;float:left;margin-bottom:40px;}
.list_contact li{width:calc(20% - 1px);float:left;text-align:center;}
.list_contact li i{width:50px;height:50px;margin:0 auto;display:table;background:url("../images/maps.png") no-repeat center 12px;background-size:30px;border:solid 2px #D4D7D9;border-radius:30px;}
.list_contact li h2{display:block;margin-top:10px;position:relative;padding-bottom:17px;margin-bottom:15px;}
.list_contact li h2:before{width:34px;height:2px;background:#D4D7D9;bottom:0;top:auto;left:50%;margin-left:-17px;}
.list_contact li p{font-size:14px;line-height:26px;}
.list_contact li:nth-child(3){width:25%;}
.list_contact li:last-child{width:35%;}
.list_contact li:nth-child(2) i{background-position:center -28px;}
.list_contact li:nth-child(3) i{background-position:center -70px;}
.list_contact li:nth-child(4) i{background-position:center -110px;}

.about_tits{width:300px;float:right;position:relative;}
.about_tits:before{width:5px;height:25px;background:#264480;left:13px;top:80px;}
.about_tits h2{font-size:36px;line-height:40px;margin-bottom:80px;}
.about_tits em{font-size:28px;color:#666;}
.about_tits span{color:#264480;}
.about_tits h3{position:absolute;top:119px;font-size:54px;line-height:54px;color:rgba(0,0,0,.2);}

.about_body{width:860px;float:left;}
.about_body p{font-size:16px;text-indent:2em;line-height:30px;}

[class*=" chrgi-"], [class^=chrgi-] {font-family:chroma-ui;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.chroma-screen {width:100%;height:100%;display:none;top:0;left:0;position:fixed;touch-action:none;z-index:9999;overflow:hidden;}
.chrg-dof-body {filter:blur(0);transition:filter .5s ease-in-out;}
.chrg-dof-effect {filter:blur(10px)}
.chroma-screen .chrg-bg, .chroma-screen .chrg-content, .chroma-screen .chrg-wrap {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.chroma-screen .chrg-bg {opacity:0;transition:opacity .35s ease-in-out;background-color:#000;will-change:opacity;touch-action:none}
.chroma-screen .chrg-ui {width:100%;position:absolute;top:0;left:0;height:40px;opacity:0;transition:opacity .35s ease-in-out;background:linear-gradient(to bottom, rgba(0,0,0,.2) 0, rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000', GradientType=0 );will-change:opacity;z-index:2}
.chroma-screen .chrg-ui a {width:38px;height:38px;float:right;position:relative;border-radius:100%;display:block;cursor:pointer;background:rgba(0,0,0,.95);padding:0;border:0;margin:10px 10px 0 0;transition:all .25s ease-in-out;}
.chroma-screen .chrg-ui a:before{content:"";width:16px;height:16px;position:absolute;left:11px;top:11px;z-index:1;background:url("../images/pbl.png") no-repeat 0 0px;background-size:100%;}
.chroma-screen .chrg-ui a:nth-child(1):before{background-position:0 -80px;}
.chroma-screen .chrg-ui a:nth-child(2):before{background-position:0 -53px;}
.chroma-screen .chrg-ui a:nth-child(3):before{background-position:0 -27px;}
.chroma-screen .chrg-ui a:nth-child(1){background-color:#B70000;}
.chroma-screen .chrg-ui a:hover {box-shadow:0 3px 8px 0 rgba(0,0,0,.3);background-color:rgba(0,0,0,.35);color:rgba(255,255,255,1)}
.chroma-screen .chrg-imgwrap {position:absolute;top:0;left:0;transform-origin:0 0;backface-visibility:hidden;will-change:transform, -webkit-transform, -moz-transform, -ms-transform, -o-transform;z-index:1;}
.chroma-screen .chrg-imgwrap img {position:absolute;width:100%;height:100%;display:block;top:0;left:0;backface-visibility:hidden;}
.chrg-loader, .chrg-loader-line-wrap, .chrg-loader-line-wrap-wrap {top:0;width:42px;position:absolute;left:0;}
.chrg-animation {transition:all .35s;}
.chrg-loader {bottom:0;height:25px;margin:auto;display:none;right:0;}
.chroma-gallery {width:1200px;margin:0 auto;display:table;min-width:200px;min-height:200px;display:none;}
.chroma-gallery .chrg-loadicon {visibility:hidden;font-size:0;display:block;}
.chroma-gallery img {display:none;}
.chroma-gallery .chrg-grid:after {content:'';display:block;clear:both;}
.chroma-gallery .chrg-item {opacity:0;cursor:pointer;transition:opacity .4s ease-in-out;will-change:opacity}
.chroma-gallery .chrg-item img {width:100%;display:block;}
.chroma-gallery .chrg-item:hover img {filter:grayscale(1);}
.chroma-gallery .chrg-description {display:block;background:rgba(0,0,0,.4);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease-in-out, filter .4s ease-in-out;}
.chroma-gallery .chrg-description:hover {opacity:1}
.chroma-gallery .chrg-description p{width:100%;position:absolute;font-size:18px;height:20px;line-height:20px;color:#fff;bottom:10px;text-align:center;}
.chroma-gallery .chrg-description:before{width:50px;height:50px;background:rgba(38,68,128,.90) url("../images/pbl.png") no-repeat center -66px;background-size:24px;left:50%;top:50%;margin-left:-25px;margin-top:-25px;border-radius:30px;transform:scale(0);}
.chroma-gallery .chrg-description:hover:before{transform:scale(1);transition:460ms;}

/*分页样式开始*/
.paging {width:100%;float:left;}
.pc_page{width:100%;float:left;text-align:center;margin-top:30px;}
.pc_page a {width:20px;display:inline-block;line-height:22px;color:#8E8E8E;position:relative;text-align:center;margin:0 5px;}
.pc_page a:hover {color:#B09163;}
.pc_page span {display:inline-block;color:#B09163;border-bottom:solid 2px #B09163;width:20px;line-height:22px;text-align:center;}
.pc_page .prev,.pc_page .next{width:66px;padding:0;height:26px;margin-right:0;line-height:26px;color:#8E8E8E;border:solid 1px #E6E6E6;}
.pc_page .prev:hover,.pc_page .next:hover{border:solid 1px #B09163;}
.pc_page .first,.pc_page .end {display:none;}

.m_page {width:100%;float:left;height:30px;background:#fff;position:relative;margin-top:10px;}
.m_page a{width:30%;line-height:30px;height:30px;background:url(../images/m_page.png) no-repeat;background-size:14px;font-size:12px;text-align:center;position:absolute;top:0;}
.m_page p{text-align:center;margin-top:5px;color:#666;}
.m_page b{color:#940D13;padding-right:18px;position:relative;}
.m_page b:before{width:1px;height:11px;transform:rotate(25deg);background:#999;left:auto;right:8px;top:5px;}
.m_page a.m_page_left{background-position:10px 10px;}
.m_page a.m_page_right{right:0;background-position:90% -12px;}
/*分页样式结束*/