@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
}
body {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img {
	border: none;
	vertical-align: middle;
	width:100%;
	height:100%;
}
a {	text-decoration: none;
	color: #333;	
}
table {
	border-collapse: collapse;
}
input, textarea,select {
	font-family: "Arial","微软雅黑";
	font-size: 12px;
	outline: none;
}
.clearfix{clear: both;}
.clearfix:before,
.clearfix:after{
	content: "";
	display: block;
}
.clearfix:after{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.donghua{
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s;
}

.q1200{ width:1200px; margin:0 auto; }
.q1120{ width:1120px; margin:0 auto; }
.center{text-align: center;}
.fbold{font-weight: bold;}
.detail_content{
	/*background: #eceded;*/
	width: 100%;
	height: auto;
	/*padding: 40px 0 30px 0;*/
}

/*news_list_banner*/
.news_list_banner{
	width: 100%;
	margin-top: 100px;
}
.news_list_banner img{
	width: 100%;
	height: 100%;
}

/*列表页小导航*/
.list_nav{width: 100%;height: 60px;background: #f3f3f3;}
.list_nav_bg{max-width: 1200px;height: 100%;margin: 0 auto;}
.list_nav_bg ul{width: 100%;height: 100%;}
.list_nav_bg li{font-size: 18px;color: #333;float: left;padding: 0 13% 0 13%;}
.list_nav_bg li:first-child{padding-left:12%;}
.list_nav_bg li a{line-height: 58px;width: 100%;height: 100%;text-align: center;}
.list_nav_bg li a:hover{color: #337ab7;border-bottom: 2px solid #337ab7;}

/*新闻列表页*/
.news_banner{ width:100%; height:260px; overflow:hidden; font-size:30px; font-weight:bold; color:#fff9ff; line-height:267px; text-align:center}
.ny_news{ overflow:hidden; }
.ny_news .tant{ overflow:hidden; margin-top:25px;}
.ny_news .tant .title{ overflow:hidden; border-bottom:1px solid #959595}
.ny_news .tant .title a.tit{ display:block; float:left; padding:0 34px; line-height:40px; background:#959595; color:#ffffff; font-size:18px;overflow:hidden;margin: 0px 15px;}
.ny_news .tant .title a.tit:hover{ font-size:20px;background-color:#ef7804;}
.ny_news .tant .title a.active{font-size:20px;background-color:#ef7804;}
.ny_news .list{ overflow:hidden; margin-top:36px;}
.ny_news .list ul{ margin-left:-38px; zoom:1}
.ny_news .list li{ float:left; width:100%; margin-bottom:20px; margin-left:38px; border-bottom: 1px solid #eee;padding-bottom: 15px;}
.ny_news .list li .img{ width:30%; height:230px;float:left; overflow:hidden;}
.ny_news .list li .img:hover{ opacity:0.4;filter:alpha(opacity=40);}
.ny_news .list li .text{ height:230px; overflow:hidden; background:#fbfbfb; padding:0 34px;margin: 1px 2px; }
.ny_news .list li .text .t1{ font-size:16px; color:#696c73; margin-top:20px}
.ny_news .list li .text .t2{ font-size:22px; color:#696c73; margin: 10px auto;}
.ny_news .list li .text .t2 a:hover{ color:#fb8f05;}
.ny_news .list li .text .t3{ font-size:14px;height: 48px; color:#696c73; margin: 8px auto;line-height: 25px; overflow: hidden;text-indent: 28px;}
.ny_news .list li .text .detail{font-size:16px; color:#696c73; margin: 5px auto; border: 1px solid #eee;padding:10px 25px;border-radius: 8px;width:130px;float: left;background-color: #e5212b;}
.ny_news .list li .text .detail a{color: white;}
.ny_news .list li .text .detail:hover{color:#fff; opacity:0.8;filter:alpha(opacity=80);background-color: #f3f3f3;}
.ny_news .list li .text .date{float:right;font-size:16px; margin:0px auto;color: #696c73;}
.ny_news .list li .text .detail:hover a{color:#646464}
/*服务案例详情页*/
.ny_showcase{ overflow:hidden; margin-top:66px;}
.ny_showcase .tant1{ overflow:hidden; margin-bottom:60px;}
.ny_showcase .tant1 .tit{ font-size:30px; color:#00000a;}
.ny_showcase .tant1 .content{ font-size:14px; color:#696c73; line-height:30px; margin-top:24px}
.ny_showcase .tant2{ overflow:hidden;  padding-top:70px;}
.ny_showcase .tant2 .tit{ font-size:25px; color:#434343}
.ny_showcase .tant2 .content{ overflow:hidden; margin-top:40px; font-size:14px; color:#434343; line-height:26px;}
.ny_showcase .tant2 .content img{ display:block; margin:0 auto 40px auto}
.ny_showcase .others{ overflow:hidden; margin-top:50px;}
.ny_showcase .others li{ float:left; width:322px;}
.ny_showcase .others li .img{ width:100%; height:198px; overflow:hidden}
.ny_showcase .others li .text{ width:100%; height:98px; background:#626262; padding:0 22px; overflow:hidden}
.ny_showcase .others li .text .t1{ font-size:18px; color:#ffffff; font-weight:bold; margin-top:10px;}
.ny_showcase .others li .text .t2{ font-size:14px; color:#ffffff; line-height:30px;}
.ny_showcase .others li .text .t3{ font-size:14px; color:#ffffff; border-top:1px solid #fff; line-height:30px; background:url(/statics/images/tem/show_others_more.png) no-repeat center right}
.ny_showcase .others li:hover .text{ background:#e5212b;}
.ny_showcase .others .bx-pager{ overflow:hidden; text-align:center; margin-top:36px;}
.ny_showcase .others .bx-pager .bx-pager-item{ display:inline-block; margin:0 7px;}
.ny_showcase .others .bx-pager .bx-pager-item a{ display:block; width:10px; height:10px; border:1px solid #434343; background:#fff; border-radius:20px;}
.ny_showcase .others .bx-pager .bx-pager-item a.active{ background:#434343}
.ny_inner{ width:100%; overflow:hidden;}
.flip{ overflow:hidden; text-align:center; font-size:0; margin-bottom:56px;}
.flip a{ display:inline-block; margin:0 14px; background-color:#ffffff; background-repeat:no-repeat; background-position:center; width:52px; height:52px; line-height:52px; vertical-align:top; }
.flip a.go_top{ width:226px; font-size:14px; color:#434343; font-weight:bold; position:relative}
.flip a.go_top:before{ content:""; display:block; width:12px; height:12px; position:absolute; background:url(/statics/images/tem/show_gotop.png) no-repeat center; top:50%; margin-top:-6px; right:50px;}
.flip a.item_l{ background-image:url(/statics/images/tem/show_prev.png)}
.flip a.item_r{ background-image:url(/statics/images/tem/show_next.png)}
.flip a:hover{ background-color:#ccc}
/*My Css*/
.nav_phone{width: 270px !important}
.detail_content .q1200 .content p{
	font-size:16px;
	line-height:26px;
	color:#4c4c4c;
}
.ny_news .q1200 .content p{
	font-size:16px;
	line-height:26px;
	color:#4c4c4c;
}