@charset "utf-8";

/*	弹窗	*/
.pop-alert .pop-dialog{ width: 500px; height: 350px; background-color: #fff; z-index: 1;}
.pop-alert .btnWarp{ padding: 8px 20px;}
.pop-alert .btnWarp button{ line-height: 1; padding: 8px 20px; margin: 0 10px;}

/*	视频弹窗	*/
.pop-video{}
.pop-video .pop-dialog{ width: 842px; height: 536px; z-index: 1;}
	
/*	复用图片包裹	*/
.scaleimg{ overflow: hidden;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform .5s;
	transition: transform .5s;
}
.scaleimg:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
	
/*	复用标题	*/
.t_head{}
.t_head .h1{}
.t_head .h2{}
.t_head .h3{}
.t_head .p{}
.t_head .link{}

/*	流程模块	*/
.process{}
.process ul{ overflow:hidden; padding:10px;}
.process ul li{ float:left; height:20px; color:#FFF; line-height:20px; padding:0 25px 0 10px; position:relative;}
.process ul li:nth-child(1){ background-color:red;}
.process ul li:nth-child(2){ background-color:green;}
.process ul li:nth-child(3){ background-color:blue;}
.process ul li:after{ border-left:15px solid #aeaeae; border-top:10px solid transparent; border-bottom:10px solid transparent; width:0; height:0; content:''; position:absolute; right:0; top:0;}
.process ul li:nth-child(1):after{ border-left-color:red; border-top-color:green; border-bottom-color:green;}
.process ul li:nth-child(2):after{ border-left-color:green; border-top-color:blue; border-bottom-color:blue;}
.process ul li:nth-child(3):after{ border-left-color:blue; border-top-color:#FFF; border-bottom-color:#FFF;}

.focus .item{ height: 600px;}
	
.video{ height: 500px;}

.bdmap{ height: 1000px;}
.bdmapinfo{ position: fixed; left: 0; top: 0; width: 300px; visibility: hidden; z-index: -9999;}

/* 详情页 */
.article{ padding: 60px 0;}
.article-title{ margin-bottom: 40px; text-align:center;}
.article-title .h24{ margin-bottom: 20px; font-size:24px;}
.article-title .info{ color:#707070;}
.article-title .info span{ margin: 0 15px;}
.article-cont{ margin-bottom: 30px; }
.article-cont .p{ margin-bottom: 20px; }
.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-paging .prev, .article-paging .next{ position: relative; width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article-paging .prev{ float: left; padding-left: 40px;}
.article-paging .next{ float: right; padding-right: 40px; text-align: right;}
.article-paging .prev:before, .article-paging .next:before{ position: absolute; width:24px; border:1px solid; border-radius: 50%; font-size:16px; text-align: center; line-height: 1.5;
    font-family: "xfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.article-paging .prev:before{ content:"\e831"; left: 0;}
.article-paging .next:before{ content:"\e832"; right: 0;}
.article-paging a:hover{ opacity: 0.8;}

.article .share-mod{ padding: 30px 0; }

/* 搜索结果页 */
.result{ padding:60px 0; }
.result .key{ color:#5c983e; }
.result .h24{ font-size:24px; }
.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{ font-size:18px; margin-bottom: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.result .list .p{ color:#707070; }
.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;}

.st{ font-family: "宋体"; }
.h16{ font-size: 16px; }
.h18{ font-size: 18px; }
.h20{ font-size: 20px; }
.h24{ font-size: 24px; }
.h28{ font-size: 28px; }
.h30{ font-size: 30px; }
.h36{ font-size: 36px; }
.h48{ font-size: 48px; line-height: 1.1; }
.c70{ color: #707070; }

.tl{ position: relative; }
.tl:after{ content: ""; width: 77px; height: 3px; background: #be0a2c; position: absolute; left: 0; bottom: 0; }
.fl{ float: left; }
.fr{ float: right; }
.msk{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.banner img{ width: 100%; height: auto; }
.mal1{ padding: 85px 0 145px; }
.mal1 .ldiv{ float: left; width: 525px; margin-top: 100px; }
.mal1 .ldiv .tit .timg,.mal1 .ldiv .tit .ttxt{ display: inline-block; vertical-align: top; }
.mal1 .ldiv .tit .timg{ width: 303px; margin-right: 12px; }
.mal1 .ldiv .tit .timg img{ width: 100%; }
.mal1 .ldiv .tit .ttxt{ padding-top: 33px; }
.mal1 .ldiv .tit .h48{ line-height: 1.1; }
.mal1 .ldiv .p{ margin: 50px 0 80px; text-indent:2em; text-align: justify;}
.mal1 .ldiv .more{ width: 164px; line-height: 49px; text-align: center; background: #b83f88; color: #fff; border-radius: 0 50px 0 50px; cursor: pointer; }
.mal1 .rdiv{ width: 660px; height: 682px; background: url(/special/common_b/img/png3_03.png) no-repeat center; float: right; margin-right: -54px; }
.mal1 .rdiv .img{ width: 590px; height: 590px; border-radius: 50%; overflow: hidden; margin: 34px 0 0 6px; }
.mal1 .rdiv .img img{ width: 100%; height: 100%; }
.mal2{ height: 1196px; padding-top: 525px; background: url(/special/common_b/img/png4.png) no-repeat center; margin-top: -360px; color: #fff; text-align: center; }
.mal2 .slick-mod{ margin-top: 55px; }
.mal2 .img{ width: 640px; height: 480px; position: relative; margin-right: 20px; }
.mal2 .img img{ width: 100%; height: auto; }
.mal2 .img .h18{ line-height: 60px; text-align: center; background: rgba(0,0,0,.6); position: absolute; bottom: 0; left: 0; right: 0;display: none; }
.mal2 .btnbox{ margin-top: 78px; }
.mal2 .slick-arrow{ width: 54px; height: 20px; position: static; display: inline-block; background-repeat: no-repeat; background-position: center bottom; margin: 0 27px; }
.mal2 .slick-prev{ background-image: url(/special/common_b/img/png5_03.png);  }
.mal2 .slick-next{ background-image: url(/special/common_b/img/right_1.png); background-position: center top; }
.mal2 .img .msk{ background: rgba(0,0,0,.2); }
.mal2 .slick-center .h18{ display: block; }
.mal2 .slick-center .msk{ display: none; }
.mal3{ position: relative; height: 550px; }
.mal3:before{ content: ""; width: 100%; height: 879px; background: url(/special/common_b/img/png6.png) no-repeat center; position: absolute; left: 0; top: -879px; pointer-events: none; }
.mal3 .x-wrap{ position: absolute; top: -280px; left: 0; right: 0; }
.mal3 .ldiv{ float: left; width: 765px; height: 830px; background: url(/special/common_b/img/png7_03.png) no-repeat center; position: relative; }
.mal3 .ldiv .slick-mod{ width: 503px; height: 503px; border-radius: 50%; overflow: hidden; position: absolute; }
.mal3 .ldiv .s1{ top: 0; right: 50px; z-index: 8; }
.mal3 .ldiv .s2{ left: 0; top: 130px; z-index: 7; }
.mal3 .ldiv .s3{ right: 105px; bottom: 43px; z-index: 6; }
.mal3 .ldiv .slick-arrow{ width: 46px; height: 68px; background-repeat: no-repeat; background-position: center; opacity: 0; visibility: hidden; }
.mal3 .ldiv .slick-prev{ background-image: url(/special/common_b/img/png8_03.png); left: 20px; }
.mal3 .ldiv .slick-next{ background-image: url(/special/common_b/img/png9_03.png); right: 20px; }
.mal3 .ldiv .slick-mod.on{ z-index: 9; }
.mal3 .ldiv .slick-mod.on .slick-arrow{ opacity: 1; visibility: visible; }
.mal3 .ldiv .img{ position: relative; }
.mal3 .ldiv .img:after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); display: block; z-index: 1;}
.mal3 .ldiv .slick-mod.on .img:after{ display: none; }
.mal3 .ldiv .img .h24{ position: absolute; bottom: 45px; left: 0; right: 0; text-align: center; color: #fff;z-index: 9; }
.mal3 .rdiv{ float: right; width: 425px; text-align: right; padding-top: 220px; }
.mal3 .rdiv .con{ margin-top: 110px; }
.mal3 .rdiv .con .li+.li{ margin-top: 25px; }
.mal3 .rdiv .con .li .h24{ padding-right: 67px; position: relative; margin-bottom: 20px; cursor: pointer; }
.mal3 .rdiv .con .li .btn{ width: 41px; height: 28px; background: url(/special/common_b/img/%20%20.PNG) no-repeat center; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }
.mal3 .rdiv .con .li .p{ padding-bottom: 20px; display: none; text-align:left; }
.mal3 .rdiv .con .li.on .p{ display: block; }
.mal3 .rdiv .con .li.on .btn{ background-image: url(/special/common_b/img/--.png); }
.mal4{ padding-top: 128px; overflow: hidden; }
.mal4 .h48{ text-align: center; }
.mal4 .con{ margin-top: 48px; padding-top: 22px; height: 803px; background: url(/special/common_b/img/tiao.jpg) no-repeat center top; font-size: 0; white-space: nowrap; }
.mal4 .con .li{ display: inline-block; cursor: pointer; vertical-align: top; height: 100%; width:23%; transform: skew(-13deg); -webkit-transform: skew(-13deg); -ms-transform: skew(-13deg); overflow: hidden; margin-right: -5%; transition: all 0.8s; color: #fff; position: relative; }
.mal4 .con .li .lcon{ transform: skew(13deg); -webkit-transform: skew(13deg); -ms-transform: skew(13deg); height: 688px; padding: 115px 0 0 130px; }
.mal4 .con .li .lback{ position: absolute; top: 0; left: -20%; right: -20%; height: 100%; background-repeat: no-repeat; background-position: center left; background-size: cover; }
.mal4 .con .l1,.mal4 .con .l1 .lcon{transform: skew(0deg); -webkit-transform: skew(0deg); -ms-transform: skew(0deg); }
.mal4 .con .li .slick-mod{ opacity: 0; visibility: hidden; }
.mal4 .con .li .slick-mod .tbox{ font-size: 14px; white-space: normal; margin-top: 30px; }
.mal4 .con .li .slick-mod .tbox .p{ margin: 5px 0 13px; }
.mal4 .con .li .h24{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left: -17%; right: 0; text-align: center; z-index: 9; }
.mal4 .btnbox{ margin-top: 78px; }
.mal4 .slick-arrow{ width: 54px; height: 20px; background-repeat: no-repeat; background-position: center bottom; top: auto; bottom: -40px; }
.mal4 .slick-prev{ background-image: url(/special/common_b/img/png5_03.png); left: 0; }
.mal4 .slick-next{ background-image: url(/special/common_b/img/right_1.png); background-position: center top; right: auto; left: 110px; }
.mal4 .slick-item{ cursor:pointer; }
.mal4 .con .li.on{ width: 51%; cursor: default; }
.mal4 .con .li.on .slick-mod{ opacity: 1; visibility: visible; }
.mal4 .con .li.on .h24{ display: none; }
.mal4 .con .topbox{ position: relative; z-index: 9; }
.mal4 .con .topbox .li{ overflow: visible;transform: skew(0deg); -webkit-transform: skew(0deg); -ms-transform: skew(0deg); }
.mal4 .con .topbox .li .h24{ white-space: nowrap; position: absolute; bottom: -53px; left: 0; right: 0; text-align: center; top: auto; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); }
.mal4 .con .topbox .li .h24 span{ display: none; margin-left: 20px; }
.mal4 .top{ position: absolute; left: 60%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); top: -120px; z-index: 9; }
.mal4 .top .icon{ width: 120px; height: 152px; position: relative; }
.mal4 .top .icon:after{ content: ""; width: 2px; height: 27px; background: url(/special/common_b/img/-.PNG) no-repeat center; position: absolute; bottom: -13px; left: 0; right: 0; margin: auto; }
.mal4 .topbox .li:nth-child(1) .top .icon:after{ left: -16px; }
.mal4 .topbox .li:nth-child(2) .top .icon:after{ left: -7px; }
.mal4 .top .icon img{ width: 100%; height: auto; }
.mal4 .con .topbox .li.on .h24{ display: block; left: 20px; right: auto; }
.mal4 .con .topbox .li.on .h24 span{ display: inline-block; }
.mal4 .con .topbox .li.on .top{ transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); left: 12%; }
.mal4 .slick-mod{ width: 578px; position: relative; }


.mal5{ height: 713px; padding-top: 130px; background: url(/special/common_b/img/jpg4_02.jpg) no-repeat center; text-align: center;}
.mal5 .slick-mod{ margin-top: 48px; }
.mal5 .img{ width: 397px; height: 297px; margin: 0 auto 15px; }
.mal5 .img img{ width: 100%; height: auto; }
.mal5 .btnbox{ margin-top: 60px; }
.mal5 .slick-arrow{ width: 54px; height: 20px; position: static; display: inline-block; background-repeat: no-repeat; background-position: center bottom; margin: 0 27px; }
.mal5 .slick-prev{ background-image: url(/special/common_b/img/left.png);  }
.mal5 .slick-prev:hover{ background-image: url(/special/common_b/img/rightz.png); }
.mal5 .slick-next{ background-image: url(/special/common_b/img/leftz.png); background-position: center top; }
.mal5 .slick-next:hover{ background-image: url(/special/common_b/img/right.PNG); }


.pop-mod .pop-dialog{ width: 1082px; height: 427px; padding: 114px 83px 180px 110px; background: url(/special/common_b/img/-2.png) no-repeat center; }
.pop-mod .pop-close{ width: 20px; height: 20px; background: url(/special/common_b/img/close.PNG) no-repeat center; border-radius: 0; top: 60px; right: 55px; }
.pop-mod .pbox{ max-height: 420px; margin-top: 35px; }
.pop-mod .pbox .h16+.h16{ margin-top: 25px; }
.pop-mod .mCSB_scrollTools{ width: 6px; }
.pop-mod .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; background: #f1f1f1; }
.pop-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background: #dfdfdf; }

@media screen and (max-width: 1367px){
.mal4 .con .li .lcon{ padding-left: 75px; }
.mal4 .slick-mod{ width: 480px; }
.mal4 .con .l1{ margin-right: -7%; }
.mal4 .con .l4{ width: 27%; }
.mal4 .con .l4.on{ width: 55%; }
.pop-mod .pop-dialog{ width: 992px; height: 337px; background-size: 100% 100%; }
.pop-mod .pbox{ height: 360px; }
}

.slick-arrow:after,.pop-mod .pop-close:after{ display: none; }