@charset "utf-8";

/* CSS Document */

* { margin:0px; padding:0px; font-family:微软雅黑}

body { }

html { -webkit-text-size-adjust:none;}

h1,h2,h3,h4,h5,h6 { font-weight:normal;}

ul li{ list-style:none;}

li{ list-style:none;}

img { border:none; display: inline-block }

a { text-decoration:none;blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/

a:link { text-decoration:none}

.fl { display:block; float:left;}

.fr { display:block; float:right;}

.clear {clear:both;} 

.warp { width:1200px; margin:0 auto;overflow:hidden}

.hui { background:#f0f0f0}

.bai,.hui { padding:100px 0}

.wzwhtit { margin-bottom:60px; }

.wzwhtit h2 { font-size:36px; color:#991348; line-height:48px; }

.wzwhtit h2 span{ font-size:20px; color:#4d4d4d; margin-left:20px;}

.wzwhtit .more{ width:180px; }

.wzwhtit .more a{ display:block; border-bottom:solid 2px #991348; font-size:14px; color:#4d4d4d; line-height:46px;}

.wzwhtit .more a:hover { color:#991348}

.wzwhtit .line{ width:180px; height:4px; background:#991348; margin-top:22px}

/*button_su*/

.button_su {overflow: hidden;position: relative;border-radius: 30px; width:200px; margin:0 auto }

.su_button_circle {background-color: red;border-radius: 1000px;position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none;

}

.button_su_inner {display:block; margin:0 auto; width:198px; height:48px; border:solid 1px #991348; border-radius:30px; font-size:18px;color:#202020;line-height:48px;text-align:center; transition: 400ms;text-decoration: none;z-index: 100000;}

.button_su_inner:hover {color:#FFF;}

.button_text_container {position:relative;z-index: 10000;}

.explode-circle {animation: explode 0.5s forwards;}

.desplode-circle {animation: desplode 0.5s forwards;}

 @keyframes explode {

 0% {

 width: 0px;

 height: 0px;

 margin-left: 0px;

 margin-top: 0px;

 background-color: rgba(153, 19, 72, 0.2);

}

 100% {

 width: 400px;

 height: 400px;

 margin-left: -200px;

 margin-top: -200px;

 background-color: rgba(193, 20, 88, 0.8);

}

}

 @keyframes desplode {

 0% {

 width: 400px;

 height: 400px;

 margin-left: -200px;

 margin-top: -200px;

 background-color: rgba(193, 20, 88, 0.8);

}

 100% {

 width: 0px;

 height: 0px;

 margin-left: 0px;

 margin-top: 0px;

 background-color: rgba(153, 19, 72, 0.6);

}

}

/*head*/

.head {background:#010305;}

.logo h1 a { display:block;line-height:100px; background:url(../images/logo.png) left no-repeat; padding-left:80px; font-size:32px; color:#FFF; line-height:100px;}

.nav { margin: 28px 0 0 0 ; }

.nav ul li { display:block; float:left; height:40px; line-height:40px; margin:0 10px;}

.nav ul li a{ display:block; padding:0 10px; border-bottom:solid 2px #010305; font-size:16px; color:#ababab;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.nav ul li a p { display:none}
.nav ul li.current_page_item a,.nav ul li a:hover,.nav ul li.current-menu-item a,.nav ul li.current-menu-parent a { color:#991348; border-bottom:solid 2px #991348;}

/*banner*/

.banner{ height:180px; padding:170px 0; background:url(../images/banner.jpg) center no-repeat; text-align:center}

.banner h2 { font-size:48px;color:#991348; line-height:60px; margin-bottom:20px; }

.banner p{ font-size:18px; color:#c3c3c3; line-height:40px;}

/*wzwhservice*/

.wzwhservice ul li { display:block; float:left; width:299px; margin-right:1px; background:#FFF; text-align:center; cursor:pointer; padding:100px 0;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; margin-bottom:1px;}

.wzwhservice ul li:nth-child(4n) { width:300px; margin-right:0}

.wzwhservice ul li .pic{ width:52px; height:52px; overflow:hidden; margin:0 auto; position:relative}

.wzwhservice ul li .pic img { position: absolute; left:0; top:-52px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}

.wzwhservice ul li h2{ font-size:18px; color:#202020; line-height:56px;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}

.wzwhservice ul li p{ font-size:12px; color:#FFF;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }

.wzwhservice ul li.active { background:#991348}

.wzwhservice ul li.active img { top:0 }

.wzwhservice ul li.active h2 {font-size:20px;color:#FFF  }

.wzwhservice ul li.active p {color:#dedede  }

/*wzwhcase*/

.wzwhcase .wzwhcase_tit { font-size:24px; margin-top:50px; }

.wzwhcase ul li{ display:block; float:left; width:360px;  margin:30px  60px 0 0; cursor:pointer}

.wzwhcase ul li:nth-child(3n) {margin-right:0}

.wzwhcase ul li .pic_icon {width:360px; height:240px; position:relative}

.wzwhcase ul li .pic{ position:absolute; left:0; top:0 }

.wzwhcase ul li .icon { width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0; top:0 ; text-align:center}

.wzwhcase ul li .icon img { margin-top:80px; }

.wzwhcase ul li p { font-size:14px; color:#282828; margin-top:10px;}

.wzwhcase ul li p span { font-size:12px; color:#959494}

.wzwhcase ul li:hover .icon { background:rgba(0,0,0,0.4); }

.wzwhcase ul li:hover p{ color:#991348  }

/*wzwhwhy*/

.wzwhwhy .wzwhwen p{ font-size:16px; color:#232323; line-height:32px; text-indent:2em; margin-top:20px;  }

.wzwhwhy ul li{ display:block; float:left; width:288px; height:160px;  margin:30px 16px  0 0; position:relative; cursor:pointer }

.wzwhwhy ul li:nth-child(4n) {margin-right:0}

.wzwhwhy ul li .pic{ position:absolute; left:0; top:0 }

.wzwhwhy ul li .wen { width:80%; padding: 0 10%; position:absolute; left:0;top:0px;height:160px;  line-height:160px; font-size:14px;background:rgba(216,216,216,0.8);}

.wzwhwhy ul li .wen span {font-family:"Times New Roman", Times, serif; font-size:72px; color:#991348; font-weight:bold}

.wzwhwhy ul li:hover .wen{background:rgba(216,216,216,0.4);}

/*wzwhwiki*/

.wzwhwiki ul li { display:block; float:left; width:550px; margin:0px 0 0 0; }

.wzwhwiki ul li:nth-child(2n) { margin-left:100px;}

.wzwhwiki ul li a { display:block; border-bottom:solid 1px #eeeeee; padding:30px 0;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}

.wzwhwiki ul li a h2 { font-size:18px; color:#000;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}

.wzwhwiki ul li a p{ font-size:14px; color:#646464; line-height:24px; margin-top:10px}

.wzwhwiki ul li a:hover { border-bottom:solid 1px #991348}

.wzwhwiki ul li a:hover h2 {color:#991348}

.hidden{ display: none;}

.lanren{overflow: hidden;}

.lanren ul.list{overflow: hidden; margin-bottom:60px;}

.art h1 {  font-size:32px; color:#4d4d4d; text-align:center ; }

.art .time { font-size:14px; color:#999; text-align:center; margin:20px 0}

.art .artcon {font-size:16px; color:#4d4d4d; line-height:32px; }

.shangxia { border-top:solid 2px #991348; padding-top:30px; margin-top:50px; }

 .shangxia  li { display:block; float: left; width:590px; margin-right:20px; font-size:14px; color:#646464;line-height:24px;}

 .shangxia  li:nth-child(2n)  { margin-right:0;}

 .shangxia  li a { color:#646464;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}

 .shangxia  li a:hover { color:#991348;}

 /*wzwhtijiao*/

.wzwhtijiao { background:url(../images/bg-tijiao.jpg) center no-repeat; background-size:cover}

.wzwhtijiao_tit { font-size:48px; color:#FFF; text-align:center ; padding-bottom:20px; margin-bottom:20px;}

.wzwhtijiao p.tel{ font-family:"Times New Roman", Times, serif; font-size:36px; color:#FFF; text-align:center; margin:10px 0}

.wzwhtijiao p.wen{ font-size:14px; color:#818181; letter-spacing:12px; text-align:center; font-weight:bold }

.wzwhtijiao form{ width:750px; margin:50px auto 0 }

.wzwhtijiao form input.text,.wzwhtijiao form textarea{ width:345px; height:24px; padding:7px 10px; border:solid 1px #f9f9f9; background:#f9f9f9; font-size:14px; color:#b2b2b2; line-height:24px;}

.wzwhtijiao form textarea{ width:728px; height:78px;margin:20px 0}

.wzwhtijiao form input.btn{ display:block; float:right;width:198px; height:48px; background:#991348; border:solid 1px #991348; border-radius:6px; font-size:18px;color:#FFF;line-height:42px;text-align:center; cursor:pointer}
.h-captcha { float:left;transform:scale(0.56);transform-origin:0 0; }

/*footer*/

.footer { background:#181818; padding:80px 0; color:#b7b7b7; }

.footer .footerl { padding-left:80px; background:url(../images/logo-hui.png) left top no-repeat;}

.footer .footerl h2 { font-size:24px; line-height:36px; }

.footer .footerl h2 a.zixun { display: inline-block; width:80px; height:24px; line-height:24px; font-size:14px; color:#FFF; text-align:center; background:#991348; border:solid 1px #991348; border-radius:6px; margin:0px 10px 0; }

.footer .footerl p { font-size:14px; color:#484848; margin:10px 0; letter-spacing:5px;}

.footer .footerl em { font-size:30px;}

.footer .footerr { font-size:24px; }

.footer .footerr p.add{ font-size:14px; margin:20px 0;color:#878787;  }

.footer .footerr p.copy{ font-size:12px;color:#878787;  }


.pagenavi { margin-top:50px; text-align:center }
.pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#7d7d7d; border:solid 1px #7d7d7d; border-radius:4px; margin:0 10px; padding:3px 8px; }
.pagenavi span.pages { }
.pagenavi span.current,.pagenavi a:hover { background:#991348; border:solid 1px #991348; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }

/* 侧边悬浮导航 */
.right_nav{ display:none}
@media only screen and (min-width: 768px) {
.right_nav{ display: block}
}
.right_nav{ right: 10px; top:500px; position:fixed; text-align:left;overflow: hidden;z-index:999;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.5); border-radius: 6px;  }
.right_nav li{ cursor:pointer;position:relative; right: 0px; width:68px; height:64px; background:#fff; padding:10px 0 0; text-align:center; border: solid 1px  #F5F5FB; border-bottom:none  }
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between; width:20px; height:20px; margin:0 auto}
.right_nav li:nth-child(1) { background:#ad0023;border: solid 1px #ad0023}
.right_nav li:nth-child(1) .iconBox-tit {font-size: 16px; color: #fff;line-height: 22px;}
.right_nav li .iconBox img{width: 100%;}
.right_nav li p {font-size: 12px;color: #909097; line-height:30px;}
.right_nav li:last-child .iconBox { margin:12px auto }
 
.right_nav li .hideBox{display: none;position: absolute;right:62px; top:-20px;z-index: 999;  padding-right:12px; }
.right_nav li .hideBox .hideBox-tel{background-color: #fff;  padding: 10px 20px;border-radius: 4px;box-sizing: border-box;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);width: 125px;
min-height: 64px; text-align:left;color: #202131; position:relative }
.right_nav li .hideBox .hideBox-tel p {font-size: 12px; color: #202131; line-height:28px; border-bottom: solid 1px  #F5F5FB; }
.right_nav li .hideBox .hideBox-tel::after{content: "";display: block;position: absolute;top: 50%;right: -12px;transform: translate(0,-50%);border-width: 6px;border-color: transparent transparent transparent #fff;border-style: solid;}
 
.right_nav li .hideBox .hideBox-wechat { top:-48px; width:160px;height:160px; }
.right_nav li .hideBox .hideBox-wechat img { width:140px;}
.right_nav li .hideBox .hideBox-wechat::after {top: 60%; }