/* 清除内外边距 */
@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:#910800;}

/* 重置表单元素 */
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;}





/*产品中心*/
.chanp{background: url(../images/cp_bg.jpg) no-repeat center 0;overflow: hidden;padding: 90px 0;}
.cp_tit{font-size: 40px;color: #333;text-align: center;position: relative;overflow: hidden;height: 120px;line-height: 40px;}
.cp_tit a{color: #333;}
.cp_tit a:hover{color: #004ea2;}
.cp_tit span{display: block;font-size: 20px;font-weight: normal;padding: 30px 0 0;color: #333;}
.cp_tit:before{content: "";width: 260px;height: 1px;background: #e3e3e3;position: absolute;top: 60px;left: 50%;margin-left: -130px;}
.cp_tit:after { bottom: auto; top: 59px;}
.cp01{margin: 2.5rem 0 0;background: #fff;}
.chanp dl dt{width: 54.6%;line-height: 0;position: relative;overflow: hidden;}
.chanp dl dt img{display: block;width: 100%;}
.chanp dl dt img,.chanp ul li img,.case_m dl dt img,.news_pic img,.ab_m dt img,.photo ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp dl dt img:hover,.chanp ul li img:hover,.case_m dl dt img:hover,.news_pic img:hover,.ab_m dt img:hover,.photo ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp dl dt p{height: 3rem;line-height: 3rem;position: absolute;bottom: 0;left: 0;}
.chanp dl dt p a,.cp03 dl dd span a{font-size: 1rem;color: #333;display:block; float:left;position: relative;vertical-align: middle;height: 3rem;margin-left: 2rem;z-index: 1;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;}
.chanp dl dt p a:before,.cp03 dl dd span a:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 100%;
	  top: 1.9rem;
	  background: #ffc000;
	  height: 0.2rem;
	  -webkit-transition-property: right;
	  transition-property: right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
.chanp dl dt p a:hover:before,.cp03 dl dd span a:hover:before {right: 0;}
.chanp dl dt p a:hover,.cp03 dl dd span a:hover{font-weight: bold;}
.chanp dl dd{width: 36.5%;padding-top: 3rem;float: left;}
.chanp dl dd h5{height: 2.2rem;line-height: 2.2rem;overflow: hidden;margin-bottom: 0.5rem;}
.chanp dl dd h5 a{font-size: 1.2rem;color: #000;}
.chanp dl dd h5 a:hover{color: #2c53b8;}
.chanp dl dd h5 i{display: block;float: left;}
.chanp dl dd h5 em{display: block;float: left;line-height: 0;width: 1.5rem;height: 1.5rem;padding: 0.4rem 0 0 0.5rem;overflow: hidden;}
.chanp dl dd h5 em img{width: 1.5rem;height: 1.5rem;}
.chanp dl dd p{font-size: 14px;color: #666;height: 3rem;line-height: 1.5rem;overflow: hidden;width: 74%;}
.chanp ul{padding-top: 1.7rem;}
.chanp ul li{width: 9.6rem;height: 6.5rem;float: left;line-height: 0;margin-right: 0.6rem;overflow: hidden;}
.chanp ul li img{width: 9.6rem;height: 6.5rem;}
.cp02{background: #fff;margin: 1rem 0;}
.chanp .cp01 dl dt{float: right;}
.chanp .cp01 dl dd{padding-left: 8.8%;}
.chanp .cp02 dl dt{float: left;}
.chanp .cp02 dl dd{padding-left: 5%;}
.chanp .cp02 dl dt p{left: auto;right: 2rem;}
.cp03 dl{width: 49.5%;float: left;background: #fff;padding: 1rem 0;margin-left: 1%;}
.chanp .cp03 dl dt{float: right;width: 49.5%;margin-right: 1rem;}
.chanp .cp03 dl dd{width: 30%;padding-left: 13.6%;padding-top: 4rem;}
.cp03 dl dd span{display: block;width: 100%;height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.cp03 dl dd span a{margin: 0;height: 2.4rem;}
.cp03 dl dd span a:after{content: "";width: 100%;height: 1px;background: #dbdbdb;position: absolute;bottom: 0;left: 0;}
.cp03 dl dd span a:before{top: auto;bottom: 0;z-index: 10;}
.cp03 dl:first-child{margin-left: 0;}

