/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}

* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#2c7eff;}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*表单弹框*/
.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;}


/**/
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content{width: 70rem;margin: 0 auto;min-width: 1200px;max-width: 1400px;}

/**/
.guide{background: #f6f6f6;padding: 5rem 0;}
.gui_tit{font-size: 2.5rem;color: #333;text-align: center;line-height: 2.3rem;height: 5.5rem;overflow: hidden;font-weight: normal;position: relative;}
.gui_tit:before{content: "";width: 30px;height: 2px;background: #2c7eff;position: absolute;bottom: 5px;left: calc(50% - 15px);-webkit-transition:all .5s;transition:all .5s;}
.gui_tit:after{content: "";width: 20px;height: 2px;background: #2c7eff;position: absolute;bottom: 0;left: calc(50% - 10px);-webkit-transition:all .5s;transition:all .5s;}
.gui_tit:hover:before{width: 40px;left: calc(50% - 20px);}
.gui_tit:hover:after{width: 30px;left: calc(50% - 15px);}
.gui_tit a{color: #333;}
.gui_tit a:hover{color: #2c7eff;}
.gui_tit span{display: block;font-size: 1rem;color: #888;padding: 0.25rem 0 0;}
.guide dl{width: 20%;float: left;text-align: center;height: 13rem;position: relative;margin-top: 3rem;}
.guide dl:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;right: 0;}
.guide dl dt{width: auto;height: 4.8rem;line-height: 0;overflow: hidden;margin: 0 auto;}
.guide dl dt img{width: 4.5rem;height: 4.8rem;}
.guide dl:hover dt img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.guide dl dd{width: 100%;padding: 2.1rem 0 0;}
.guide dl dd h5{font-size: 1.4rem;color: #333;height: 2.2rem;line-height: 2.2rem;overflow: hidden;font-weight: normal;}
.guide dl dd p{font-size: 0.8rem;color: #666;line-height: 1.3rem;padding: 0.6rem 0 0;}
.guide dl dd i{display: block;}
.guide dl:nth-of-type(5):before{background: none;}

/*核心业务*/
.product{padding: 4rem 0 0;}
.pro_nav{width: 20%;position: absolute;top: 12rem;left: 13.54%;background: rgba(38,38,38,0.8);height: 36rem;z-index: 10;}
.pro_subnav{width: 90%;height: 7rem;position: relative;padding: 2rem 0 0 10%;}
.pro_subnav:before{content: "";width: 100%;height: 1px;background: rgba(255,255,255,0.2);position: absolute;bottom: 0;left: 0;}
.pro_nav h3{width: 100%;height: 3.5rem;}
.pro_nav h3 a{font-size: 1.2rem;color: #fff;display: block;height: 3.5rem;font-weight: normal;}
.pro_nav h3 em{display: block;float: left;width: 2.5rem;height: 2.5rem;line-height: 0;overflow: hidden;}
.pro_nav h3 em img{width: 2.5rem;height: 5rem;-webkit-transition:all .5s;transition:all .5s;}
.pro_nav h3 span{display: block;float: right;width: 75%;line-height: 1.3rem;padding: 0.1rem 0 0;}
.pro_nav h3 span i{display: block;font-size: 0.7rem;color: rgba(255,255,255,0.3);text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;}
.pro_subnav:hover,.pro_subnav.on{background: #2c7eff;}
.pro_subnav:hover em img,.pro_subnav.on em img{margin-top: -2.5rem;}
.pro_subnav ul{width: 80%;}
.pro_subnav ul li{width: 50%;float: left;height: 1.5rem;line-height: 1.5rem;overflow: hidden;}
.pro_subnav ul li a{font-size: 0.8rem;color: rgba(255,255,255,0.6);}
.pro_subnav ul li a:hover,.pro_more:hover{color: #fff;}
.pro_more{font-size: 0.8rem;color: rgba(255,255,255,0.6);display: block;height: 1.5rem;line-height: 1.5rem;overflow: hidden;position: absolute;top: 5.5rem;right: 0;width: 17%;}
.pro_m{margin: 2.5rem 0 0;width: 100%;}
.pro_m a{display: block;width: 100%;line-height: 0;}
.pro_m img{display: block;width: 100%;height: 36rem;}
.pro_m img,.pro-advm dl dt img,.case_l ul li img,.case_c dl dt img,.news01 dl dt img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_m img:hover,.pro-advm dl dt img:hover,.case_l ul li img:hover,.case_c dl dt img:hover,.news01 dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*产品优势*/
.pro-advantages{background: #f6f6f6;padding: 5rem 0 6rem;}
.pro-advm{width: 100%;margin: 1.6rem 0 0;}
.pro-advm dl{position: relative;}
.pro-advm dl dt{width: 100%;line-height: 0;overflow: hidden;}
.pro-advm dl dt img{display: block;width: 100%;height: 33rem;}
.pro-advm dl dd{width: 31%;height: 9rem;background: url(../images/cpys_k.png) no-repeat 0 bottom;padding: 3.5rem 0 0;position: absolute;bottom: 0;left: 0;background-size: cover;}
.pro-advm dl dd h5{font-size: 1.2rem;color: #fff;height: 2rem;line-height: 2rem;overflow: hidden;width: 80%;margin: 0 auto;}
.pro-advm dl dd p{width: 80%;margin: 0 auto;font-size: 0.7rem;color: #fff;padding-top: 0.3rem;line-height: 1.2rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis; }
.pro-advb{position: absolute;bottom: 0;right: 0;width: 69%;height: 8rem;overflow: hidden;}
.pro-advb ul li{font-size: 1rem;color: #fff;width: 20%;text-align: center;line-height: 1.3rem;height: 6.8rem;padding-top: 1.2rem;position: relative;float: left;background: rgba(0,0,0,0.5);}
.pro-advb ul li:before{content: "";width: 1px;height: 100%;background: rgba(255,255,255,0.1);position: absolute;top: 0;left: 0;}
.pro-advb ul li em{width: 2.5rem;height: 2.5rem;display: block;line-height: 0;margin: 0 auto 0.3rem;}
.pro-advb ul li em img{width: 2.5rem;height: 2.5rem;}
.pro-advb ul li i{
	display: block;
	width: 4rem;
	margin: 0 0 0 2.75rem;
}
.pro-advb ul li.on{background: rgba(44,126,255,0.5);}

/*工程案例*/
.case{padding: 5rem 0 2.5rem;}
.case_nav{padding: 1.7rem 0 0;height: 4rem;width: 74.28%;margin: 0 auto;}
.case_nav ul li{width: 15.2%;float: left;padding: 0 1%;position: relative;}
.case_nav ul li:before{content: "";width: 0.3rem;height: 0.3rem;background: #d2d2d2;position: absolute;top: 1.1rem;left: -0.15rem;border-radius: 50%;}
.case_nav ul li a{font-size: 1.1rem;color: #333;display: block;width: 100%;text-align: center;height: 2.5rem;line-height: 2.5rem;}
.case_nav li a,.ban01_l span a{
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;}
.case_nav li a:before,.ban01_l span a:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: #2c7eff;
	  border-radius: 3rem;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
.case_nav li a:hover:before,.case_nav li.cur a:before,.ban01_l span a:hover:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
.case_nav ul li a:hover,.case_nav ul li.cur a{color: #fff;}
.case_nav ul li:first-child:before{background: none;}
.case_nav ul li:last-child{width: 12%;}
.case_l{width: 100%;}
.case_l ul li{width: 32.85%;float: left;line-height: 0;position: relative;overflow: hidden;margin-bottom: 0.5rem;}
.case_l ul li img{display: block;width: 100%;height: 16.3rem;}
.case_l ul li p{width: 80%;position: absolute;bottom: 1.2rem;left: 0;font-size: 1.1rem;color: #fff;height: 2rem;line-height: 2rem;padding:0 6% 0 14%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.line-scale-pulse-out{ display: block; position: absolute;bottom: 0.2rem;left: 0;line-height: 0;width: 2rem;margin-left: 1rem;}
.line-scale-pulse-out > i {
  background-color: #2c7eff;
  width: 0.1rem;
  height: 1.5rem;
  border-radius: 2px;
  margin:0 1px 0 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
          animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
  .line-scale-pulse-out > i:nth-child(2), .line-scale-pulse-out > i:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
            animation-delay: 0.2s !important; }
  .line-scale-pulse-out > i:nth-child(1), .line-scale-pulse-out > i:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;
            animation-delay: 0.4s !important; }
.case_l ul li em{width: 1.5rem;height: 0.4rem;display: block;float: right;line-height: 0;padding: 0.6rem 0 0;}
.case_l ul li em img{width: 1.5rem;height: 0.4rem;}
.case_l ul li:nth-child(2n){margin-left: 34.3%;}
.case_c{width: 32.86%;position: absolute;top: 16.2rem;left: 33.57%;}
.case_c dl{width: 100%;height: 33.1rem;position: relative;}
.case_c dl dt{width: 100%;height: 100%;line-height: 0;overflow: hidden;}
.case_c dl dt img{display: block;width: 100%;height: 33.1rem;}
.case_c dl dd{position: absolute;bottom: 1.6rem;left: 7.5%; width: 85%;}
.case_c dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.case_c dl dd h5 a{font-size: 1.2rem;color: #fff;font-weight: normal;display:block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_desc{font-size: 0.7rem;color: #fff;line-height: 1.3rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.case_c .line-scale-pulse-out{bottom: 5rem;left: 0;margin-left: 0;}

/*合作客户*/
.partner{padding-bottom: 3.3rem;}
.part_qie{position: relative;}
.part_qie:before{content: "";width: 1px;height: 100%;background: #d4d4d4;position: absolute;top: 0;left: 0;z-index: 10;}
.partner ul li{width: 16.66%;float: left;line-height: 0;overflow: hidden;position: relative;}
.partner ul li:before{content: "";width: 1px;height: 100%;background: #d4d4d4;position: absolute;top: 0;right: 0;z-index: 10;}
.partner ul li img{display: block;width: 100%;}
.partner ul li:hover img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.partner ul li img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.partner p{ position: absolute; top: 1.8rem; width:2.1rem; height:2.1rem;border-radius: 50%;-webkit-transition:transform .3s;transition:transform .3s;}
.partner p a{width: 2.1rem;height: 2.1rem;display: block;}
.part_l{left: -3.5rem;}
.part_r{right: -3.5rem;}
.part_l a {background:url(../images/hz_lico01.png) no-repeat center top;background-size: 100% 100%;}
.part_l a:hover{background:url(../images/hz_lico02.png) no-repeat center top;background-size: 100% 100%;}
.part_r a {background:url(../images/hz_rico01.png) no-repeat center top;background-size: 100% 100%;}
.part_r a:hover{background:url(../images/hz_rico02.png) no-repeat center top;background-size: 100% 100%;}
.partner p:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}

/**/
.ban01{width: 100%;height: 28.7rem;background:url(../images/ban01.jpg) no-repeat center top;background-size: auto auto;}
.ban01_l{width: 32.86%;padding: 12.5rem 0 0;}
.ban01_l p{font-size: 2.2rem;color: #fff;height: 5rem;line-height: 5rem;overflow: hidden;}
.ban01_l p em{width: 2rem;height: 2rem;display: block;float: left;line-height: 0;padding: 1.5rem 0.8rem 0 0;}
.ban01_l p em img{width: 2rem;height: 2rem;}
.ban01_l p i{font-size: 0.9rem;display: block;float: left;}
.ban01_l span{display: block;width: 100%;}
.ban01_l span a{display: block;font-size: 1.2rem;color: #fff;height: 2.8rem;line-height: 2.8rem;width: 95%;text-align: center;border: #fff 2px solid;border-radius: 2rem;}
.ban01_r{font-size: 1.4rem;color: #fff;padding: 11.5rem 0 0;width: 50%;text-align: right;}
.ban01_r b{display: block;font-size: 2.7rem;height: 5rem;line-height: 5rem;position: relative;}
.ban01_r b:before{content: "";width: 4rem;height: 2px;background: rgba(255,255,255,0.8);position: absolute;bottom: 0;right: 0;}
.ban01_r i{display: block;font-size: 0.9rem;padding: 2rem 0 0;}

/*优势*/
.super{padding: 5.5rem 0;}
.sup01{width: 23.9%;margin-top: 2.5rem;margin-right: 1.46%;height: 30rem;overflow: hidden;}
.sup01 dl{width: 100%;height: 30rem;}
.sup01 .sup_dl01{position: relative;}
.sup_dl01:before{content: "";width: 100%;height: 2px;background: #ccc;position: absolute;bottom: 2px;left: 0;z-index: -1;}
.sup_dl01:after{content: "";width: 5.3rem;height: 2px;background: #2c7eff;position: absolute;bottom: 2px;left: 0;}
.sup01 dl dt{width: 100%;line-height: 0;overflow: hidden;}
.sup01 dl dt img{display: block;width: 100%;}
.sup_dl01 dd{width: 90%;margin: 0 auto;padding: 2.2rem 0 0;}
.sup_dl01 dd h5{font-size: 1.5rem;color: #333;line-height: 2rem;height: 4rem;font-weight: normal;}
.sup_dl01 dd h5 i{display: block;}
.sup_dl01 dd p,.sup_dl02 dd p{font-size: 0.7rem;color: #666;line-height: 1.3rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; padding: 2rem 0 0;}
.sup_dl01 dd em{display: block;width: 1rem;height: 0.3rem;padding: 3rem 0 0 0.5rem;}
.sup_dl01 dd em img{width: 1rem;height: 0.3rem;}
.sup_dl02{position: absolute;top: -31rem;left: 0;-webkit-transition:all .5s;transition:all .5s;}
.sup_dl02 dd{width: 80%;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);padding: 1rem 10% 2rem;}
.sup_dl02 dd h5{font-size: 1.3rem;color: #fff;font-weight: normal;height: 2rem;line-height: 2rem;overflow: hidden;}
.sup_dl02 dd p{color: #fff;padding-top: 0.5rem;}
.sup_dl02 dd span{display: block;width: 5rem;margin-top: 1rem;}
.sup_dl02 dd span a{font-size: 0.6rem;color: #fff;display: block;width: 100%;text-align: center;height: 1.5rem;line-height: 1.5rem;border: #fff 1px solid;border-radius: 1rem;}
.sup_dl02 dd span a:hover{background: #2c7eff;}
.super .nobor{margin-right: 0;}
.super .sup01:hover .sup_dl02,.super .sup01.cur .sup_dl02{top: 0;}

/*新闻资讯*/
.news_bg{padding: 5rem 0;background: #f5f5f5;}
.news_l{width: 64.29%;padding: 0.7rem 0 0;}
.news_tit{height: 3.5rem;line-height: 3.5rem;overflow: hidden;border-bottom: #dcdcdc 1px solid;position: relative;}
.news_tit:before{content: "";width: 0.25rem;height: 1.4rem;background: #2c7eff;position: absolute;top: 1.1rem;left: 0;}
.news_tit a{font-size: 1.3rem;color: #333;padding-left: 1rem;}
.news_tit a:hover,.news_l dl dd h5 a:hover,.wd dl dt a:hover{ color: #2c7eff;}
.news01{padding: 2rem 0;width: 100%;border-bottom: #dcdcdc 1px dashed;height: 9rem;overflow: hidden;}
.news01 dl dt{width: 35.56%;overflow: hidden;line-height: 0;float: left;}
.news01 dl dt img{display: block;width: 100%;}
.news01 dl dd{width: 60%;float: right;padding: 0.5rem 0 0;}
.news01 .news_r{width: 68.5%;float: left;padding: 0 7.5% 0 0;}
.news01 dl dd h5{height: 1.5rem;line-height: 1.5rem;overflow: hidden;font-weight: normal;}
.news01 dl dd h5 a{font-size: 1rem;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news01 .news_desc,.news02 dl dd{font-size: 0.8rem; color: #888; line-height: 1.5rem; height: 3rem; overflow: hidden;padding: 0.2rem 0 0;}
.news01 dl dd em{display: block;width: 7.5rem;padding: 1.2rem 0 0;}
.news01 dl dd em a{font-size: 0.8rem;color: #fff;display: block;width: 64%; padding: 0 18%; height: 2rem;line-height: 2rem;overflow: hidden;border-radius: 2rem;background: #2c7eff;}
.news01 dl dd em i{font-size: 1.1rem;height: 0.4rem;display: block;float: right;line-height: 0;padding: 0.8rem 0 0;}
.news01 dl dd em i img{font-size: 1.1rem;height: 0.4rem;}
.news01 dl dd em a:hover{animation:shake .8s linear;-webkit-animation:shake .8s linear;}
.news01 dl dd span{display: block;float: left;height: 4rem;width: 22.22%; font-size: 0.8rem;line-height: 2rem;padding: 0.8rem 0 0;color: #333; font-family:Arial, Helvetica, sans-serif;text-align: center;margin-top: 1rem;position: relative;}
.news01 dl dd span:before{content: "";width: 0.1rem;height: 3rem;background: #d2d2d2;position: absolute;top: 1.1rem;left: 0;}
.news01 dl dd span b{display: block;font-size: 2.5rem;}
.news02{width: 100%;overflow: hidden;}
.news_qie{width: 50%;float: left;}
.news02 dl{width: 90%;height: 5rem;padding:1rem 10% 0 0;}
.news02 dl dt a{font-size: 1rem;color: #333;display: block;height: 2rem;line-height: 1.5rem;width: 95%;padding-left: 1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: relative;border-bottom: 0.05rem dashed #c8c8c8;}
.news02 dl dt a:before{content: "";width: 0.3rem;height: 0.3rem;background: #fff;position: absolute;top: 0.5rem;left: 0;border: #2c7eff 2px solid;border-radius: 50%;}
.news02 dl dt a:hover{color: #2c7eff;}
.news02 dl dd{padding: 0.3rem 0 0 1rem;}
.news02 dl dd a,.wd dl dd a{display:block;font-size: 0.8rem; color: #888;}

/*常见问答*/
.wd{width: 30%;padding: 0.7rem 0 0;}
.wd_m{padding: 2rem 0 0;overflow: hidden;}
.wd dl{height: 6rem;width: 94%;margin: 0 auto;}
.wd dl dt{height: 1.8rem;line-height: 1.8rem;overflow: hidden;}
.wd dl dt a{width: 100%;font-size: 1rem;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd dl dd{width: 100%;font-size: 0.8rem;color: #888;height: 3rem;line-height: 1.5rem;overflow: hidden;padding: 0.2rem 0 0;}

/*走进鸿阳喷泉*/
.about{padding: 4.5rem 0 0;}
.about p{margin-top: 2rem;width: 100%;line-height: 0;position: relative;}
.about p img{display: block;width: 100%;}
.about p em{width: 6rem;height: 6rem;display: block;position: absolute;top: calc(50% - 3rem);left: calc(50% - 3rem);line-height: 0;cursor: pointer;}
.about p em img{width: 6rem;height: 6rem;}

/*友情链接*/
.f_link{height: 4.5rem;line-height: 4.5rem;overflow: hidden;background: #262626;border-top: rgba(255,255,255,0.1) 1px solid;}
.f_link b{display: block;float: left;font-size: 0.7rem;color: rgba(255,255,255,0.5);width: 6%;font-weight: normal;}
.f_link p{font-size: 14px;color: rgba(255,255,255,0.5);float: left;width: 94%;}
.f_link p a{font-size: 14px;color: rgba(255,255,255,0.5); padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

/**/
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

/**/
@media screen and (min-width: 1200px) {
  html {
    font-size: calc(1903px * 0.85 * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}

.guide1{
padding-top: 22px;
}

.guide1 dl{
	width: 20%;
	float: left;
	text-align: center;
	height: 9rem;
	position: relative;
	background: #f6f6f6;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;

}
.guide1 dl:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;right: 0;}
.guide1 dl dt{width: auto;height: 4.8rem;line-height: 0;overflow: hidden;margin: 0 auto;}
.guide1 dl dt img{width: 4rem;height: 4rem;}
.guide1 dl:hover dt img{animation:shake .8s linear;-webkit-animation:shake .6s linear;}
.guide1 dl dd{width: 100%;padding: 0;}
.guide1 dl dd h5{font-size: 1rem;color: #333;height: 2.2rem;line-height: 2.2rem;overflow: hidden;font-weight: normal;}
.guide1 dl dd p{font-size: 0.8rem;color: #555;line-height: 1.3rem;padding: 0.2rem 0 0;}
.guide1 dl:nth-of-type(5):before{background: none;}