﻿#top_banner_bj{margin:auto;width:640px;height:300px;background:#033 no-repeat center top;}
/*==============首页三列=*/
#left { float:left; width:445px; margin:0px 0 0px 0px;}
#center { float:left; width:350px;margin:0 0 0 30px;}
#right { float: right; width:255px; margin:0px 30px 0px 0;}
.en {
	height:24px;
	float:left;
	font-size:18px; 
	font-family:Microsoft YaHei;
	margin:0 10px 0 0;
	line-height:19px;
	font-weight: normal;
	color: #0d62ab;
}
.en strong{font-size:24px; font-family:Microsoft YaHei;font-weight: bold;}
.more a{
	margin:auto;
	width:120px;
	height:40px;
	line-height:42px;
	text-align: center;
	display: block;
	border:1px solid #e1e1e1;
	font-size:1.5rem;
	border-radius:30px 30px 30px 30px;
   background-color:#FFF;
   COLOR: #666;
}
.more a:hover{border:1px solid #e6261f;COLOR: #fff;background-color: #e6261f;}
/*==============首页版块=*/

.news_box {width:640px;margin: auto;overflow: hidden;}
.news_box h2{height:80px;font-size:2.5rem;text-align: center;border-bottom:1px solid #dfdfdf;margin:0 0 0px 0;background:#FFF;}
.news_box h2 span{
	padding:0 20px;
	font-family:"Microsoft YaHei";
	COLOR: #333;
	height:75px;
	line-height:85px;
	font-weight: bold;
	overflow: hidden;
	display:inline-block;
	border-bottom:5px solid #e6261f;
	text-transform: uppercase;
} 
  
.news_con {padding:20px;overflow:hidden; background:#F2F2F2;}
.news{overflow:hidden;margin:0 0 5px 0; padding:15px 20px;border:0px dashed #efefef;background:#fff;border-radius:5px; }

.news_con ul {padding:0 0 0px 0;}
.news-date{width:90px;float:left;margin:0px 0px 0px 0;color: #fff;text-align: center;}
.news-day{color:#e6261f;font-size:3.8rem;line-height:60px;font-weight: bold;}
.news-month{color: #666;font-size:1.8rem;line-height:30px;font-weight: normal;}
.news-body{float:right; width:460px;border-left:1px solid #f1f1f1;height:100px; padding:0 0 0 10px;box-sizing: border-box;}
.news-title a{color: #333;font-weight: bold;font-size:2.0rem;line-height:40px;}.news-title a:hover{color: #e6261f;}
.news-content p{color: #999;line-height:1.5; font-size:1.5rem;}
p{max-height: 100%}
p{-webkit-text-size-adjust: none;}
.about_box { width:640px;margin: auto;overflow: hidden;background:#f5f5f5 url(../images/about_bj.jpg);background-size:100% 100%;}

.about_box h1{height:80px;font-size:2.0rem;text-align: center;margin:0 0 0px 0;}
.about_box h1 span{
	padding:0 20px;
	font-family:"Microsoft YaHei";
	COLOR: #666;
	height:75px;
	line-height:85px;
	font-weight: lighter;
	overflow: hidden;
	display:inline-block;
	border-bottom:5px solid #e6261f;
	text-transform: uppercase;
} 
.about_box h2{line-height:80px;font-size:3.0rem;text-align: center;margin:0 0 0px 0;}
.about_box h3{line-height:20px;font-size:2.0rem; color:#e6261f;text-align: center;margin:0 0 0px 0;font-weight:normal;}
.about_con {width:640px;box-sizing: border-box;padding:20px;}
.about_con ul {padding:0 0 10px 0; overflow: hidden; zoom:1;}
.about_con ul p{
	padding:0 0 0px 0;
	font-size:1.6rem;
	line-height:1.7;
	color:#333;
	text-align:justify;
}
.about_con ul strong{
	padding:0 0 0px 0;
	font-size:1.6rem;
	line-height:2.8;
	color:#666;
	text-align: center; 
}
.about_con ul li {
	float:left;
	width:600px;
	line-height:50px;
	margin:0px 0px 20px 20px;
	padding:0px;
	font-size:1.6rem;
	text-align: center;
	background-color: #ffffff;
	border:1px solid #e1e1e1;
	border-radius:8px;
    overflow: hidden;
}


#cp_bj {width:640px;position:relative;margin: auto;padding:0px 0 0px 0px;overflow: hidden;}
.cp_box { width:640px;margin: auto;overflow: hidden;background-color: #f5f5f5;}
.cp_box h2{height:80px;font-size:2.5rem;text-align: center;border-bottom:1px solid #dfdfdf;margin:0px;background:#FFF;}
.cp_box h2 span{
	padding:0 20px;
	font-family:"Microsoft YaHei";
	COLOR: #333;
	height:75px;
	line-height:85px;
	font-weight: bold;
	overflow: hidden;
	display:inline-block;
	border-bottom:5px solid #e6261f;
	text-transform: uppercase;
} 
.cp_box h2 p{overflow: hidden;font-size:1.8rem;line-height:60px;height:60px;COLOR: #e6261f;text-align: center; font-weight:normal;}

.cp_lei {width:100%;margin:auto;padding:60px 0px 0px 0px;}
.cp_lei ul {width:680px;padding:0 0 0px 0; overflow: hidden; zoom:1;}
.cp_lei ul li a{
	float:left;
	width:213px;
	line-height:60px;
	box-sizing: border-box;
	margin:1px 1px 0px 0px;
	color:#fff;
	text-align:center;
	border:0px solid #dfdfdf;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	display:inline-block;
	background: #999;
	border-radius:0px;
	font-size:1.8rem;
}
.cp_lei ul li a:hover{ color: #fff;border:0px solid #e6261f; background:#e6261f;}

.cp_con {width:100%;margin:0;padding:20px 0px 20px 0px;}
.cp_con ul {width:680px;padding:0 0 0px 0; overflow: hidden; zoom:1;}
.cp_con ul li a{
	float:left;
	width:290px;
	box-sizing: border-box;
	margin:0px 0px 0px 20px;
	color: #333;
	text-align:center;
	border:0px solid #dfdfdf;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	display:inline-block;

	border-radius:0px;
}
.cp_con ul li p{
	width:290px;
	font-size:1.5rem;
	line-height:40px;
	box-sizing: border-box;
	padding:0px 10px 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
}


.cp_con ul li img{ width:100%;height:190px;padding:0px;box-sizing: border-box;transition:all 0.6s;-webkit-filter: none;filter: none;}

/* ====================服务中心 */
#cs_bj{WIDTH:640px;margin:auto;padding:0px 0 30px 0px;overflow: hidden;box-sizing: border-box;background: #FFF url(../images/fw_bj.jpg) no-repeat top center;background-size:160% 100%;}
.fw_bj{WIDTH:640px;margin:0px auto 0px auto;padding:0px 0 0px 0px;overflow: hidden;box-sizing: border-box;}

.fw_bj h2{font-size:2.5rem;text-align: center;border-bottom:0px solid #dfdfdf;margin:0px;}
.fw_bj h2 span{
	padding:0 20px;
	font-family:"Microsoft YaHei";
	COLOR: #fff;
	line-height:80px;
	font-weight: bold;
	overflow: hidden;
	display:inline-block;
	border-bottom:5px solid #e6261f;
	text-transform: uppercase;
} 
.fw_bj h2 p{
	overflow: hidden;
	font-size:1.8rem;
	line-height:40px;
	COLOR: #FFF;
	text-align: center;
	font-weight:normal;
	
}
.fw_con {width:100%;padding:0px 0px 0px 20px;overflow: hidden;}
.fw_con dl{box-sizing: border-box;float:left;width:200px; height:400px;padding:0px; margin:0px 1px 0px 0px; zoom:1;text-align: left; background:rgba(255,255,255,0.9);}
.fw_con dl dt{ font-size:1.8rem;line-height:1.5;color: #fff;font-weight: bold;background:#099;text-align: left;border-radius:0px;padding:20px 20px; height:120px;}
.fw_con dl dd{
	font-size:1.0rem;
	color: #333;
	box-sizing: border-box;
	line-height:1.5;
	padding:20px;
	font-weight: normal;
	text-align: justify;
}
.icon {width:100%;box-sizing: border-box;overflow:hidden;padding:0px 0px;}
.icon ul {width:660px;padding:20px 0 0px 20px; overflow: hidden; zoom:1;}
.icon ul li{
	float:left;
	width:112px;
	height:110px;
	padding:0px;
	box-sizing: border-box;
	margin:0px 10px 0px 0px;
	border: 0px solid #99ccff;
	background-color:#efefef;
   text-align:center;
   overflow:hidden;border-radius:20px;
}
.icon ul li a{ display:block;height:230px;}
.icon ul li:hover .icon_bt1{ color: #333;}
.icon ul li:hover .icon_bt2{color: #fff;}
.icon ul li p{ width:112px;margin:auto;}
.icon_bt1{font-size:1.3rem;line-height:1.3;font-family:Microsoft YaHei;color: #333;padding:68px 10px 0px 10px; font-weight: 800;box-sizing: border-box;}

.icon_bj1 a{background: url(../images/index_link_icon.png) center 22px no-repeat;background-size:50px;}
.icon_bj2 a{background: url(../images/index_link_icon.png) center -155px no-repeat;background-size:45px;}
.icon_bj3 a{background: url(../images/index_link_icon.png) center -325px no-repeat;background-size:45px;}
.icon_bj4 a{background: url(../images/index_link_icon.png) center -505px no-repeat;background-size:45px;}
.icon_bj5 a{background: url(../images/index_link_icon.png) center -588px no-repeat;background-size:40px;}

/* ====================应用案例 */
.anli_box {max-width: 640px;margin: auto;}


.anli_box h2{height:80px;font-size:2.5rem;text-align: center;border-bottom:1px solid #dfdfdf;margin:0 0 0px 0;background:#FFF;}
.anli_box h2 p{font-size:1.5rem;line-height:40px;COLOR: #666;text-align: center; font-weight:normal;}
.anli_tel{COLOR: #e6261f; font-weight:normal;font-size:1.8rem;line-height:50px;}
.anli_box h2 span{
	padding:0 20px;
	font-family:"Microsoft YaHei";
	COLOR: #333;
	height:75px;
	line-height:85px;
	font-weight: bold;
	overflow: hidden;
	display:inline-block;
	border-bottom:5px solid #e6261f;
	text-transform: uppercase;
} 
  
.anli_con { padding:60px 0px 20px 0px;margin:auto; overflow: hidden;background:#F2F2F2;}
.anli_con ul{width:660px;padding:0 0 0px 0; overflow: hidden; }
.anli_con ul li a{
	float:left;
	width:290px;
	box-sizing: border-box;
	margin:0px 0px 20px 20px;
	color: #333;
	text-align: left;
	background:#fff;
	overflow: hidden;
	display:inline-block;
	border-radius:0px;
}
.anli_con ul li p{
	width:290px;
	font-size:2.0rem;
	line-height:50px;
	box-sizing: border-box;
	padding:0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 800;
}
.anli_intro{
	padding:0 20px;
	font-size:1.1rem;
	line-height:1.5;
	color:#666;
	text-align: justify;
	height:150px;
}
.anli_con ul li a:hover{ color:#e6261f;border:0px solid #e6261f;}

.anli_con ul li img{ width:100%;height:180px;padding:0px;box-sizing: border-box;}



/* TAB 切换效果 */
.tb_{width:640px;margin:0px 0 0px 0;display:table;text-align:center;border-bottom:1px solid #dfdfdf;}
.tb_ ul{display:inline-block; padding:0px 0 0 0px;}
.tb_ li{
    float:left;
	width:200px;
	height:80px;
	padding:0;
    list-style:none;
	line-height:80px;
	cursor:pointer;
	text-align: center;
	margin:0 0px 0px 0;
	padding:0 15px 0px 15px;
	font-size:2.5rem;
	text-decoration: none;
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;box-sizing: border-box;
}
/* 用于控制显示与隐藏的css类 */
.normaltab{color:#666;background:#fff;}
.hovertab{color:#333; border-bottom:5px solid #e6261f;}
.dis{display:block;}
.undis{display:none;}


/* ==============新闻动态 */
.side_box{width:640px;margin: auto;overflow:hidden;background-color:#FFF;}

.side_con{ width:100%;padding:20px;background:#F2F2F2;box-sizing: border-box;}
.side_con dl{width:100%;overflow: hidden;border-radius:0px; background:#FFF;padding:0 0 0px 0;}
.side_con dl dt{ float:left;width:190px;overflow:hidden;}
.side_con dl dt img{ width:100%;height:130px;padding:0px;}
.side_con dl dd{ float:right;width:395px;text-align: justify;overflow:hidden;padding:15px 20px 0 0;box-sizing: border-box;}
.side_con dl dd span{ font-size:2.0rem;color: #036; font-weight:800;line-height:1.4;}
.side_con dl dd p{font-size:1.2rem;color:#999;line-height:1.5;}
.side_con ul{width:100%;margin:0px;padding:1px 0 20px 0;overflow: hidden; zoom:1;}
.side_con ul img{ margin:0 0 10px 0;}
.side_con ul li a:before {
	content:"";
	display: inline-block;
	width:8px;
	height:8px;
	margin:0px 10px 3px 0px;
	border-radius:10%;
	vertical-align:middle;
	border:1px solid #e6261f;
}
.side_con ul li a{padding:0;font-size:1.8rem;line-height:60px;text-align: left;color: #333; background:#FFF; display:block; margin:0 0 1px 0; padding:0 20px;}

.side_con ul li span{float:right;color: #999;font-size:14px;}
.side_con ul li strong{color:#cc0000;font-size:14px; font-weight:normal; margin:0 10px 0 0;}
.side_con ul li strong a{color:#cc0000;}

/* 合作品牌样式css */

#pp_bj {WIDTH:640px;margin: auto;padding:0px 0 0px 0px;}
.pp_box { margin:0 0px 0px 0px;overflow: hidden;}
.pp_box h2{height:80px;font-size:2.5rem;text-align: center;border-bottom:1px solid #dfdfdf;margin:0px;background:#FFF;}
.pp_box h2 span{
	padding:0 20px;
	font-family:"Microsoft YaHei";
	COLOR: #333;
	height:75px;
	line-height:85px;
	font-weight: bold;
	overflow: hidden;
	display:inline-block;
	border-bottom:5px solid #e6261f;
	text-transform: uppercase;
} 

