@charset "utf-8";
/*Start:顶部*/
.fixed-box{
	height: 100px;
}
.top-section{
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100px;
	line-height: 100px;
	background: #fff;
	transition:all 0.4s ease-out 0s;
	overflow: hidden;
}
.top-logo{
	height: 100px;
	transition:all 0.4s ease-out 0s;
}
.top-logo img{
	width: 350px;
	margin-top: 20px;
}
.top-nav li{
	float: left;
	font-size: 16px;
	margin: 0 15px;
}
.top-nav li a{
	padding: 0 15px;
	display: block;
	height: 100px;
	box-sizing: border-box;
	border-top: 4px solid transparent;
}
.top-nav li a:hover,.top-nav li a.active{
	border-color: #f54654;
}
/*End:顶部*/

/*Start:banner*/
/* 本例子css */

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;box-sizing: border-box;}
.slideBox .hd{position:absolute; width:100%;z-index:2;height:16px; text-align: center;bottom: 10px;}
.slideBox .hd ul{min-width:191px;height: 16px;display:inline-block;background: url(../images/banner-dot-bg.png) no-repeat center center; border-radius: 8px;padding: 0 8px;}
.slideBox .hd ul li{width:8px; height:8px; margin:0 8px;background:#fff; cursor:pointer;border-radius: 50%; display: inline-block; vertical-align: top;margin-top: 4px;}
.slideBox .hd ul li.on{width: 10px;height: 10px; margin-top: 3px; background:#f54654;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; height:auto; display:block;}



/*End:banner*/

/*Start:第二个导航*/
.second-nav{
	height: 56px;
}
.second-nav .dib{
	position: relative;
	display: inline-block;
	width: 18%;
	height: 56px;
	line-height: 56px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	/*margin: 0 40px;*/
}
.second-child{
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	top: 56px;
	background: #162031;
	display: none;
}
.second-child a{
	display: block;
	height: 45px;
	line-height: 45px;
	color: #fff;
}
.second-child a:hover{
	background: #1a273c;
}
.second-nav .dib:hover{
	background: #162031;
}
.second-nav .dib:hover .second-child{
	display: block;
}
/*页面滚动固定样式*/
.fixed-second-nav{
	position: fixed;
	z-index: 10;
	top: 80px;
	left: 0;
	right: 0;
}
/*End:第二个导航*/

/*Start:对比*/
.contrast{
	min-height: 605px;
	padding: 60px 0;
	background: url(../images/bg-section01.jpg) right top no-repeat;
	background-size: 50% 100%;
	box-sizing: border-box;
}
.section-title{
	margin-bottom: 13px;
}
.section-title h4{
	font-size: 38px;
	height: 54px;
	line-height: 54px;
	font-weight: bold;
}
.section-title p{
	height: 33px;
	line-height: 33px;
	font-size: 16px;
}

.contrast-area{
	position: relative;
	width: 100%;
	height: 398px;
	padding: 0 60px;
	box-sizing: border-box;
}
.contrast-vs{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -36px;
	margin-left: -36px;
	width: 72px;
	height: 72px;
	background:url(../images/icon-vs.png) no-repeat center center;	
}
.contrast-box{
	width: 400px;
}
.contrast-box>img{
	display: block;
	width: 175px;height: 105px;
	margin: 0 auto;
}
.contrast-chuantong{
	position: relative;
	margin-top: 18px;
	width: 397px;height: 248px;
	background:url(../images/bg-gray.png) no-repeat center center;
}
.contrast-kefeng{
	position: relative;
	margin-top: 18px;
	width: 397px;height: 248px;
	color: #fff;
	background:url(../images/bg-colors.png) no-repeat center center;	
}
.contrast-list{
	width: 138px;
	height: 90px;
	padding: 17px 30px;
	text-align: center;
	float: left;
}
.contrast-list img{
	display: inline-block;
	width: 50px;
	height: 50px;
}
.center-box{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -62px;
	margin-left: -99px;
}
/*End:对比*/

/*Start:优势板块*/
/*标题组*/
.ptop{padding: 50px 0;}/*标题组最外层的间距*/
.panel-title{
	
}
.panel-title h4{
	padding-top: 30px;
	display: inline-block;
	font-size:32px;
	margin-bottom: 10px;
	font-weight: bold;
	background: url(../images/bg-panel-title.png) no-repeat top center;
}
.panel-title h4:before{
	content: "";
	display: inline-block;
	width: 272px;
	height: 12px;
	vertical-align: middle;
	margin-right: 15px;
	background: url(../images/icon-title-left.png) no-repeat center center;
}
.panel-title h4:after{
	content: "";
	display: inline-block;
	width: 272px;
	height: 12px;
	vertical-align: middle;
	margin-left: 15px;
	background: url(../images/icon-title-right.png) no-repeat center center;
}
.panel-title p{
	font-size: 16px;
	line-height: 1.8;
	padding: 0 112px;
}
/*内容*/
.youshi-area{
	padding-top: 78px;
}
.youshi-area-list{
	position: relative;
	width: 244px;
	display: inline-block;
	margin: 0 26px;
	vertical-align: top;
}
/*角标*/
.youshi-tag{
	position: absolute;
	z-index: 2;
	left: -21px;
	top: 0;
	width: 82px;height: 80px;
	line-height: 30px;
	font-size: 20px;
	font-style: italic;
	text-align: center;
	background: url(../images/bg-red-arrow.png) no-repeat center center;
	color: #fff;
}
.youshi-area-list a{
	width: 244px;height: 183px;
	overflow: hidden;
}
.youshi-area-list img{
	width: 244px;
	height: 183px;
	transition: all .5s;
}
.youshi-area-list h4{
	padding: 15px 0;
	font-size: 24px;
	margin-top: 5px;
}
.youshi-area-list p{
	font-size: 16px;
	line-height: 30px;
}
.youshi-area-list a:hover img{
	transform:scale(1.05)
}
/*End:优势板块*/

/*Start:应用板块*/
.application{
	height: 863px;
	background:url(../images/bg-section02.jpg) no-repeat center top;
}
.application .panel-title h4:before{
	background: url(../images/icon-title-black-left.png) no-repeat center center;
}
.application .panel-title h4:after{
	background: url(../images/icon-title-black-right.png) no-repeat center center;
}

/*内容*/
.application-wrap{
	position: relative;
	width: 525px;height: 525px;
	background:url(../images/bg-circle.png) no-repeat center center;
	margin: 0 auto;
	margin-top: 109px;
}
.app0{
	display: block;
	width: 281px;
	height: 347px;
	margin-left: 130px;
	padding-top: 121px;
}
.app0 img{
	width: 281px;height: 281px;
}
.app0 h4{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.8;
}
.app0 h4 p{
	font-size: 14px;
	font-weight: normal;
}
.application-little{
	position: absolute;
	top: -48px;
	right: 50%;
	display: block;
	margin-right: -50px;
	width: 100px;;
	text-align: center;
}

.application-little img{
	display: inline-block;
	width: 96px;height: 96px;
	vertical-align: middle;
}
.application-little h4{
	display: inline-block;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.8;
	vertical-align:middle;
}
.application-little h4 p{
	font-size: 14px;
	font-weight: normal;
}
.app2{
	height: 96px;
	top: 100px;
	right: -100px;
	width: 231px;
	text-align: left;	
}
.app3{
	height: 96px;
	top: 340px;
	right: -90px;
	width: 231px;	
	text-align: left;
}
.app4{
	width: 300px;
	top: 485px;
	right: 150px;	
}
.app4 h4{
	display: block;
}
.app5{
	width: 250px;
	height: 96px;
	top: 340px;
	right: 490px;
	text-align: right;	
}
.app5 h4{
	margin-top: 30px;
	float: left;
}
.app6{
	height: 96px;
	top: 100px;
	right: 488px;
	width: 212px;	
}
.app6 h4{
	margin-top: 20px;
	float: left;
	text-align: right;
}
.loop_list img{
	transition: all .5s;
}
.loop_list:hover img{
	transform: scale(1.1);
}
.loop_list:hover{
	color: #fe5462;
}

/*End:应用板块*/

/*Start:合作伙伴*/
.logos-wrap{
	padding-top: 50px;
	width: 1215px;
	overflow: hidden;
	
}
.logos-wrap a{
	float: left;
	width: 230px;
	height: 115px;
	margin-right: 13px;
	margin-top: 13px;
	transition: all .5s;
}
.logos-wrap a img{
	width: 100%;height: 100%;
}
.logos-wrap a:hover{
	
}
/* 本例子css */
.slideBox1{ width:1200px;position:relative;padding-left: 50px;padding-right: 50px;box-sizing: border-box;}
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{padding-top: 50px;overflow: hidden;}
.slideBox1 .bd li a{float: left;width: 206px;height: 103px; margin:0 7px;margin-top: 13px;transition: all .5s;}
.slideBox1 .bd li a img{width: 100%;height: 100%;}	
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prevStop{ display:none;  }
.slideBox1 .nextStop{ display:none;  }

.slideBox1 .prev,
.slideBox1 .next{
	position: absolute;
	display:block;
	width:43px; height:85px;
	cursor:pointer;
}
.slideBox1 .prev{left:0;top:120px;background:url(../images/icon-arrow1.png) no-repeat 0 0;}
.slideBox1 .next{right:0;top:120px;background:url(../images/icon-arrow1.png) no-repeat -44px 0;}



/*End:合作伙伴*/

/*Start:四大系列*/
.prop-wrap{
	background:url(../images/bg-section03.jpg) no-repeat center bottom;
	padding-top: 50px;
	padding-bottom: 40px;
}
/*左边竖排文字*/
.prop-left-number{
	position: absolute;
	z-index: 1;
	left: -110px;
	top: 70px;
	width:65px;
	font-size: 24px;
	font-weight: bold;
	padding:  20px;
	box-sizing: border-box;
	writing-mode: tb-rl;
}
.prop-left-number:after{
	content: "";
	position: absolute;
	z-index: 1;
	left: 30px;
	top: 190px;
	display: block;
	width: 1px;
	height: 295px;
	background: #1a273c;
}
/*背景*/
.prop-panel-bg{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 1138px;
	height: 410px;
	box-shadow: 3px 3px 10px rgba(0,0,0,.1);
}
/*右下角角标*/
.prop-right-num{
	position: absolute;
	z-index: 1;
	right: 38px;
	bottom:206px;
}
.prop-right-num{
	font-size: 160px;
	font-family: arial;
}
.prop-right-num p{
	font-size: 18px;
	margin-top: -35px;
	padding-right: 10px;
	font-weight: bold;
}

/*内容*/
.prop-area{
	position: relative;
	z-index:2;
	padding-top: 50px;
}
.prop-img{
	width: 509px;
	height:382px;
	box-shadow: 3px 3px 10px rgba(0,0,0,.1);
}
.prop-img img{
	width: 100%;
	height: 100%;
}

.prop-text-area{
	width: 660px;
	padding-right: 35px;
	box-sizing: border-box;
}
.prop-text-title{
	font-size: 32px;
	font-weight: bold;
}
.prop-text-title i{
	display: inline-block;
	width:0;
	height: 0;
	border: 14px solid transparent;
	border-right-color: #1a273c;
}
.prop-texing-title{
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	font-size: 18px;
	font-weight: bold;
}
.prop-text-area-p{
	line-height: 1.8;
	padding-bottom: 10px;
	border-bottom: 1px dashed #be8a19;
	/*height: 45px;*/
	overflow: hidden;
}
.prop-text-area ol{
	padding-left: 18px;
}
.prop-text-area ol li a{
	display: inline-block;
	height: 26px;
	line-height: 26px;
	text-decoration: underline;
}
.prop-text-area ol li a:hover{
	
	font-weight: bold;
}

/*图片滚动部分*/
/* 本例子css */
.picScroll-left{ width:980px; height: 200px; margin:0 auto; position:relative;z-index: 2; margin-top: 60px;}
.picScroll-left .hd .prev,
.picScroll-left .hd .next{
	position: absolute;
	display:block;
	width:43px; height:85px;
	cursor:pointer;
}
.picScroll-left .hd .prev{left:-43px; top:50%; margin-top: -42.5px; background:url(../images/icon-arrow.png) no-repeat 0 0;}
.picScroll-left .hd .next{right:-43px; top:50%; margin-top: -42.5px; background:url(../images/icon-arrow.png) no-repeat -44px 0;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 27px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic img{ width:267px; height:200px; display:block;}
/*End:四大系列*/

/*Start:公司简介*/
.company{
	background: #fafafa;
	margin-top: 50px;
	margin-bottom: 70px;
}
.company-list{
	width: 400px;
	height:548px;
}
.company-list .company-text{
	height: 274px;
	width: 100%;
	padding: 40px 30px 10px;
	box-sizing: border-box;
	line-height: 25px;
}
.company-list .company-text:before{
	content: "";
	display: block;
	height: 5px;
	width: 45px;
	background: #fe5462;
	margin-bottom: 10px;
}
.company-list img{
	width: 100%;
	height: 274px;
}
/*End:公司简介*/

/*Start:底部技术*/
.youdian{
	background: #f7f7f7;
	padding: 40px 0;
}
.youdian-list{
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid #e2e2e2;
}
.youdian-list:last-child{
	border: none;
}
.youdian-list img{
	width: 100px;height: 100px;
	
}
.youdian-list p{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
}
.youdian-list p:after{
	content: "";
	display: block;
	width: 33px;
	height: 5px;
	background: #fe5462;
	margin: 0 auto;
}
/*End:底部技术*/

/*start:foot*/
.foot{
	padding-top: 34px;
}
.foot-nav-erweima{
	padding-bottom:15px;
	border-bottom: 1px solid #495263;
}
.foot-nav-box{
	width: 865px;
	font-size: 0;
}
.foot-nav-box dl{
	display: inline-block;
	width:22%;
	vertical-align: top;
}
.foot-nav-box dl dt,.friend-title{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
}
.foot-nav-box dl dd{
	padding: 5px 0;
	font-size: 14px;
	color: #73767f;
	word-break:break-all;
}
.foot-nav-box dl dd a{
	color: #73767f;
}
.foot-nav-box dl dd a:hover{
	text-decoration: underline;
}
.erweima{
	margin-top: 43px;
	width: 115px;height: 165px;
}
.erweima img{
	background: #fff;
	padding: 5px;
	width: 105px;height: 105px;
}
.erweima p{
	height: 50px;line-height: 50px;
	text-align: center;
	font-size: 15px;
	color: #5f656e;
}
/*友情链接*/
.friend-box{
	padding-top: 15px;	
}
.friend-box a{
	display: inline-block;
	color: #73767f;	
	margin-right: 10px;
	margin-top: 10px;
}
.friend-box a:after{
	content: "|";
	margin-left: 10px;
}
.friend-list{
	padding-bottom: 10px;
}
/*版权*/
.copyright{
	padding: 20px 0;
	color: #73767f;
}
.copyright a{
	color: #73767f;
} 
.copyright img{
	width: auto;
	vertical-align: middle;
	margin-left: 10px;
}
/*End:foot*/


/*Start:侧边栏*/
.slide-fixed-box{
	position: fixed;
	top: 50%;
	right: 10px;
	width: 60px;
	z-index: 100;
}
.slide-fixed-box-list{
	position: relative;
	width: 100%;
	height: 60px;
	margin-bottom: 1px;
	cursor: pointer;
	color: #fff;
}
.slide-fixed-box-list em{
	position: absolute;
	left: -8px;
	top: 50%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left-color: #fe5462;
	display: none;
}
.hidden-box{
	position: absolute;
	left: -258px;
	top: 0;
	width: 250px;
	min-height:60px;
	overflow: hidden;
	background: #fe5462;
	font-weight: bold;
	display: none;
	font-size: 16px;
	padding: 10px;
	box-sizing: border-box;
    word-break: break-all;
}
.hidden-box img{
	display: inline-block;
	width: auto;
	height: auto;
	float: left;
	margin: 5px 3px;
}
.slide-fixed-box-list:hover .hidden-box{
	display: block;
}
.slide-fixed-box-list:hover em{
	display: block;
}
.fixed-tel{
	background: #fe5462 url(../images/sprit-icons.png) no-repeat 0 0 ;
}
.fixed-weixin{
	background: #fe5462 url(../images/sprit-icons.png) no-repeat 0 -120px ;
}
.fixed-email{
	background: #fe5462 url(../images/sprit-icons.png) no-repeat 0 -60px ;
}
.fixed-top{
	display: none;
	background: #fe5462 url(../images/sprit-icons.png) no-repeat 0 -180px ;
}

.slide-fixed-box-list:hover{
}
/*End:侧边栏*/


/*Start:内页样式*/
/*banner*/
.subpage-banner{
	height: auto;
	text-align: center;	
}
.subpage-banner img{
	display: block;
	width: auto;
	margin: 0 auto;
}

/*Start:当前位置*/
.localtion{
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #eaeaea;
}
/*End:当前位置*/

/*Start:主体内容*/
.main{
	padding-top: 40px;
	padding-bottom: 50px;
}
.left{
	width: 206px;
	vertical-align: top;
}
.right{
	width: 960px;
	vertical-align: top;
}
.main .column-title h4{
	font-size: 16px;
}
.main .column-title h4 .upper{
	font-size: 12px;
}
.main .column-title h4 .column-title-text{
	padding-left: 10px;
	padding-right: 25px;
}
.category-titles{
	font-size: 14px;
}
.category-titles li a{
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	overflow: hidden;
	border-bottom: 1px solid #eaeaea;
}
.column-title-text{
	display: inline-block;
	height: 43px;
	line-height: 43px;
	padding-left: 15px;padding-right: 36px;
	background: #fe5462 url(../images/arrow-right.jpg) no-repeat right center;
	color: #fff;
}
.column-title span.upper{
	font-size: 16px;
	color: #fe5462;
}
.category-titles li a:hover,.category-titles li a.active{
	background: #f7f7f7;
	color: #fe5462;
	font-weight: bold;
}
.contact{
	margin-top: 35px;
}
.contact-content{
	padding: 6px 10px;
	background: #f7f7f7;
	font-size: 14px;
	padding-bottom: 15px;
}
.contact-content .name{
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0;
}
.contact-content div.color-red{
	letter-spacing: 0px;
	padding: 8px 0;
	border-bottom: 1px solid #eaeaea;
}
.contact-add{
	padding:10px 0;
	word-break:break-all;
}
i.sprite-icon{
	display: inline-block;
	width: 20px;height: 20px;
	vertical-align: middle;	
	margin-top: 5px;
	margin-right: 6px;
}
.contact-add span{
	display: inline-block;
	float: right;
	width: 160px;
	line-height: 1.8;
}
.contact-add i.sprite-weizhi{
	background: url(../images/sprite-icons.png) no-repeat 0 0;
}
.contact-add i.sprite-tel{
	background: url(../images/sprite-icons.png) no-repeat 0 -20px;
}
.contact-add i.sprite-email{
	background: url(../images/sprite-icons.png) no-repeat 0 -40px;
}
.subnew-list .time{
	width: 47px;height: 47px;
	background: #fe5462;
	margin-top: 5px;
}
.subnew-list .time p{
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top: 3px;
}
.subnew-list .time p.upper{
	font-size: 18px;
	font-weight: bold;
}
.author-list{
	height: 37px;
	line-height: 37px;
	color: #999;
	font-size: 14px;
	margin-bottom: 20px;
}
.author-list:after{
	content: "";
	display: block;
	height: 1px;
	width: 77px;
	background: #999;
}

.bottom-line{
	border-bottom: 1px solid #e6e6e6;
}
.right-tit{
	color: #d91f08;
	font-size: 20px;
}
.subnew-lists{
}
.subnew-list{
	background: #fff;	
	padding:28px 0;
	border-bottom: 1px dashed #ccc;
}
.subnew-list-content{
	vertical-align: top;
	width:715px;
	padding-left: 25px;
	box-sizing: border-box;
}
.subnew-list-content-title{
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
}
.subnew-list-content-detail{
	line-height:2;
	margin-bottom: 10px;
	font-size: 14px;
}
.subnew-list-img{
	margin-top: 10px;
	width:199px;height: 149px;
	vertical-align: top;
}
.subnew-list-img img{
	width: 100%;height: 100%;
}
.pro-list{
	margin-top: 10px;
	width:215px;height:auto;
	vertical-align: top;
	border: 1px solid #e9e9e9;
	background: #f5f5f5;
}
.pro-list img{
	width: 100%;height: 100%;
}
.subnew-list .link-btn{
	display: inline-block;
	padding: 3px 26px;
	margin-left: 5px;
	height: 30px;line-height: 30px;
	overflow: hidden;
	border: 1px solid #404040;
	font-size: 14px;
}

.subnew-list .link-btn:hover{
	color: #fe5462 ;
	border-color: #fe5462 ;
}
.border-none{
	border: none;
}
.red-btn {
    display: inline-block;
    padding: 3px 26px;
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    background: #fe5462 ;
    color: #fff;
}
/*翻页*/
.conent-fanye{
	font-size: 14px;
	margin-top: 40px;
}
.conent-fanye a{
	width: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.conent-fanye a:hover{
	color: #fe5462 ;
}
.detail-title{
	text-align: center;
	padding: 15px 0;
	margin-bottom: 30px;
}
.mb-none{
	margin-bottom: 0;
}
.author-time{
	height: 40px;
	font-size: 14px;
	color: #999;
	text-align: center;
}
.author-time span{
	margin: 0 15px;
}
/*Start:案例详情*/
.case-lightbox{
	overflow: hidden;
}
.case-lightbox-list{
	display: inline-block;
	width: 225px;
	height: 169px;
	vertical-align: top;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	float: left;
}

.case-lightbox-list img{
	width: 100%;height: 100%;
	transition: all .5s;
}
.case-lightbox-list:hover img{
	transform: scale(1.1);
}
.case-lightbox-list h4{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	width: 100%;
	background-color: #000;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 16px;
}
.case-lightbox-titles{
	display: block;
	padding: 10px;
}
.case-lightbox-titles h4{
	height: 30px;
	line-height: 30px;
	font-size: 16px;	
}





.right-detail{
	width: 960px;
	line-height: 1.8;
	font-size: 14px;
}
.right-detail img{
	max-width: 100%;height: auto;
	margin-bottom: 20px;
	
}
.border-dashed{
	margin-top: 10px;
	padding-top: 10px;
	border-top:1px dashed #ddd
}
.canshu{
	color: #fe5462;
	font-weight: bold;
	margin-bottom: 10px;
}
.pro-img-lists{
	margin-top: 10px;
	overflow: hidden;
}
.pro-img-list{
	display: inline-block;
	width: 225px;
	vertical-align: top;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.pro-img-list img{
	width: 225px;height: 169px;
	margin-bottom: 0;
}
.pro-img-list p{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 10px;
	text-align: center;
}
.map{
	width: 100%;
}
/*留言相关*/
.alert-box{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
	
	background:rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	display: none;
}
.alert-content{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -153px;
	margin-top: -290px;
	width:306px;
	height: 580px;
	border-radius: 5px;
	background: #fff;
	padding: 0 20px;
}
.liuyan-btn{
	display: inline-block;
	padding: 0 10px;
	margin-left: 5px;
	height: 30px;line-height: 30px;
	overflow: hidden;
	border: 1px solid #fe5462;
	border-radius: 5px;
	font-size: 14px;
}
.liuyan-btn i{
	margin-top: 0;
}
.liuyan-btn i.sprite-xiaoxi{
	background: url(../images/sprite-icons.png) no-repeat 0 -60px;	
}
.close-btn{
	position: absolute;
	right:5px;
	top: 5px;
	width: 30px;
	height: 30px;
	background:url(../images/close.png) no-repeat center center;
	color: #fff;
	cursor: pointer;
}
.liuyan-list{
	position: relative;
	width: 300px;
}
.liuyan-list font{
	position: absolute;
	width: 10px;
	height: 10px;
	right: -13px;
	top: 45px;
	color: #ed2123;
}
.liuyan-list label{
	display: block;
	height: 35px;
	line-height: 35px;
}
.liuyan-list input{
	width: 100%;
	border: 1px solid #ddd;
	height: 35px;
	padding: 0 10px;
	box-sizing: border-box;
}
.liuyan-list textarea{
	width: 100%;
	height: 99px;
	border: 1px solid #ddd;
	resize: none;
	padding: 10px;
	box-sizing: border-box;
	
}
.submit-btn{
	display:block;
	width: 132px;
	height: 42px;
	overflow: hidden;
	font-size: 14px;
	background:#fe5462;
	color: #fff;
	margin-top: 15px;
}
/*End:案例详情*/
/*End:主体内容*/



/*End:内页样式*/