@charset "utf-8";
/*-------------------------------   index 首页---------------------------------*/

/*-----首页 banner-----*/
/* CSS Document */
*{ padding:0; margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: '微软雅黑',Microsoft YaHei,Arial,Century Gothic-; position:relative}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
a{ color:#FFF}
a:hover { text-decoration: none;}
.clears{ clear:both; height:0; line-height:0;}
.xw-in span#l-tit:hover,.abt-in span#a-more:hover,.pro-in .pro-le .pro-more:hover,.pro-in .pro-con ul li:hover .zz,.pro-in .pro-con ul li span#jj{-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.xw-in span#l-tit:hover,.abt-in span#a-more:hover,.pro-in .pro-le .pro-more:hover,.pro-in .pro-con ul li:hover .zz,.pro-in .pro-con ul li span#jj{-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;}

.w1200{ width:1200px; margin:0 auto;}
.fl{ float:left}
.fr{ float:right}
/************/
/**************************/

.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0; 
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
	z-index:10;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;
position: relative;
z-index: 100;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*************/
.wid {
	width: 1200px;
	margin: 0 auto;
}
.apex {
	height: 35px;
	line-height: 35px; background:url(xt.jpg) top center no-repeat #f1f1f1; 
}
.apex p {
	font-size: 12px;
	color: #666;
	float: left;background:url(xyx.png)left center no-repeat ;padding-left:20px
}
.apex p a{display:block;float:left;color:#666;font-size:12px;padding-left:20px;}
.apex ul {
	float: right;
	display: table;
	margin-left: -25px;
}
.apex ul li {
	margin-left: 25px; float:left; height:35px; line-height:35px;
}
.apex ul li a {
	color: #333;
}
.apex ul li a img {
	margin-right: 5px;display: block;
float: left;
margin-top: 8px;
}
.apex ul li:hover a {
	opacity: .8;
}
.apex ul li:hover .code {
	display: block;
}
.apex ul li .code {
	position: absolute;
	display: none;
	z-index: 1;
}
.apex ul li .code img {
	width: 120px;
}
/***********/
.top-cen{ width:100%; height:152px;}
.top-cen-in{ width:1200px; height:150px; margin:0 auto; position:relative}
.top-cen-in .top-logo{ height:150px; width:950px; float:left; background:url(logo.PNG) center no-repeat }
.top-cen-in .top-lx{ float:right; background:url(lx.png)top 20px left no-repeat; height:150px; width:230px;}
.top-cen-in .top-lx p{font-size:28px; font-weight:bold; color:#305c95; letter-spacing:2px;display:block;float:left;margin-top:40px;text-indent: 2rem}
.top-cen-in .top-lx span{font-size:20px;color:#305c95;line-height:15px;text-align:left;display:block;float:left;margin-top:10px; }
.top-cen-in .top-lx span a{ color:#333;display:block;text-indent: 2rem }
/*****************/
.dh{ width:100%; height:60px; background:#305c95; z-index:999 }
.dh-in{ width:1200px; height:60px; position:relative; margin:0 auto;}
.dh-in ul{ float:center; display:block}
.dh-in ul li{ height:60px; line-height:60px;  color:#fff; float:left; text-align:center; font-weight:bold; width:171px; text-transform:uppercase}
/*.dh-in ul li.on{color:#fff; font-weight:bold;  background:url(li-h.jpg) center repeat-x}*/
.dh-in ul li:hover{ color:#fff; font-weight:bold; background:url(li-h.jpg) center repeat-x}
/**********/
.keyword-index input{
	height: 28px;
	width: 270px !important;
	border-radius: 0;
	border: #305c95 2px solid; float:left;
}
.keyword-index input#in1{
	height: 32px;
	width: 50px !important;
	border-radius: 0;
	border: #305c95 2px solid; float:left;
}
.biaodan{
	text-align: right;
	margin-top: 21px;
	width:330px;
	float:right;
}
.biaodan .input-group-addon{
	padding: 6px 10px;
	background: #305c95;
	color: #fff;
}
.keyword-index .ss{ width:800px;float:left;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
	.keyword-index .ss a{ color:#333; padding-right:20px}
.keyword-index p{
	display:block;
	/*width:300px;*/
	float:left
	margin: 0;
	line-height: 70px;
	font-size:15px;
}
.keyword-index{
	height: 70px;
	border-bottom: 1px solid #ccc;
	background:rgb(240, 241, 246);padding-top: 5px;
}
/***********/
.db{ width:100%; height:185px;}
.db-in{ width:1200px; height:185px; margin:0 auto;}
.db-in .db1{ width:320px; height:185px; float:left; padding:0px 40px}
.db-in .db1 span#d1{ font-size:18px; color:#305c95;font-family: 微软雅黑; font-weight:bold; display:block; margin-top:40px}
.db-in .db1 span#d2{font-family: 微软雅黑;color: rgb(102, 102, 102); display:block; margin-top:5px}
.db-in .db1 span#d3{font-family: 微软雅黑;font-size: 13px;color: rgb(67, 67, 67); display:block; margin-top:20px}
/**********/
.tjcp{ width:100%; height:700px; background:#CCC; padding:30px 0px; background:url(tjbg.JPG) center no-repeat}
.g_kf { height:700px; width:1200px; margin:0 auto; }
.g_kf h2 { height: 35px; line-height: 35px; border-bottom: 1px solid #cccccc; position: relative; font-size: 16px; font-weight: bold; color: #666;text-align: left; }
.g_kf h2 a { height: 35px; line-height: 35px; }
.g_kf h2 i { position: absolute; width: 40px; height: 3px; background: #ffa801; left: 0; bottom: -3px; overflow: hidden; }
.g_kf h2 em { display: inline-block; font-weight: normal; color: #999; font-size: 16px; font-family: arial; text-transform: uppercase; padding-left: 10px; }
.g_kf h2 .u_more a {font-size:12px; font-family: arial; font-weight: normal; padding-right: 16px; }
.g_kf .u_dlst2 {width:570px;padding-top:23px;float:left;margin-right: 50px; margin-bottom: 20px; }
.g_kf .lastdl { margin-right: 0; }
.g_kf .u_dlst2 dt { width: 186px; float: left; margin-right: 26px; }
.g_kf .u_dlst2 dt img { width: 186px; height: 174px; }
.g_kf .u_dlst2 dd { float: left; width: 327px; }
.g_kf .u_dlst2 h3 { height: 30px; line-height: 30px; overflow: hidden; }
.g_kf .u_dlst2 h3 a { /*font-size: 14px;*/ color: #305c95; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold; }
.g_kf .u_dlst2 h4 { font-size: 14px; color: #666; font-weight: normal; height:26px; line-height:26px; overflow:hidden; }
.g_kf .u_dlst2 .u_dlst2con { font-size: 12px; color: #666; line-height: 24px; overflow: hidden; padding:10px 10px 0 10px; margin:5px 0 0 0; background: url("kfp.png")/*tpa=http://wubaiyi.net/wby/36007/images/kfp.jpg*/ no-repeat; height: 100px; }
.g_kf .u_dlst2 p a { color: #ff6000; display: inline-block; padding-left: 22px; }
.g_kf .u_dlst2 span a { width: 79px; height: 22px; line-height: 22px; display: block; float: left; color: #fff; text-align: center; }
/***********/
.pro{ width:100%; height:830px; /*background:#f4f4f4;*/ padding:50px 0px}
.pro-in{ width:1200px; height:803px; margin:0 auto; position:relative}
.pro-le{ width:230px;  float:left;  position:relative; background:#305c95; padding-bottom:14px}
.pro-tit{ width:230px; border-bottom:1px solid #fff; float:left; height:86px; background:url(protit.png) center no-repeat}
.pro-dh{ position:relative; width:210px; /*height:190px;*/  padding:0px 10px; border-radius:10px; float:left}
.pro-dh ul{}
.pro-dh ul li{ width:100%; height:40px; line-height:40px; background:#ffffff; margin-top:14px; text-align:left; border-bottom:1px solid #e4e4e4}
.pro-dh ul li span#mc{ padding-left:10px; color:#000; display:block; float:left; width:170px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.pro-dh ul li span#jt{ padding-right:10px; color:#000; display:block; float:right}
.pro-dh ul li:hover{ background:#ff9000; color:#FFF}
.pro-dh ul li:hover span#mc{ color:#FFF}
.pro-dh ul li:hover span#jt{ color:#FFF}

.pro-ri{ width:950px; float:right; position:relative;}
.pro-ri .ri-tit{ background:#f5f5f5; height:40px; line-height:40px; float:left; width:100%;}
.pro-ri .ri-tit span#le{ font-size:20px; font-weight:bold; padding-left:20px; float:left; display:block; color:#222; text-transform:uppercase}
.pro-ri .ri-tit span#ri{ font-weight:bold; padding-right:20px; float:right; display:block; color:#666; text-transform:uppercase}
.pro-ri .pro-con{border: 1px solid #f0f0f0; float:left; width:948px;height: 793px;}
.pro-ri .pro-con ul{ width:980px;}
.pro-ri .pro-con ul li{ float:left; width:210px; margin-left:20px; height:235px; margin-top:20px;border: 1px solid #ccc;}
.pro-ri .pro-con ul li .li-tp{ width:210px; float:left; position:relative; height:195px;}
.pro-ri .pro-con ul li .li-tp img{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; max-height:195px; max-width:209px;}
.pro-ri .pro-con ul li .li-mc{ width:100%; background:#f5f5f5; height:40px; text-align:center; overflow:hidden; line-height:40px; color:#5a5a5a}
.pro-ri .pro-con ul li:hover .li-mc{background:#305c95; color:#fff}
/*******************/
.lxwm{ width:100%; height:274px; background:url(ban01.jpg) center no-repeat}
.lxwm-in{ width:1200px; height:274px; margin:0 auto; position:relative}
.lxwm-in .lxwm-dh{font-size: 15px;color: #fff; position:absolute; left:0px; bottom:60px;}
.lxwm-in .lxwm-dh b{ font-size:23px; font-weight:bold}
.lxwm-in .lxwm-dz{ position:absolute;font-size: 18px;color: #fff;font-weight: bold; top:20px; left:930px}
.lxwm-in .lxwm-lx{ position:absolute; width:377px; height:201px;top:60px; left: 796px; color:#FFF}
.lxwm-in .lxwm-lx ul{}
.lxwm-in .lxwm-lx ul li{ display: inline-block;width: 377px;padding: 0 0 7px;background: url(ban_inp.jpg) no-repeat;height: 33px;line-height: 33px; float:left}
.lxwm-in .lxwm-lx ul li span{ padding-left:10px}
.lxwm-in .lxwm-lx ul li span a{}
.lxwm-in .lxwm-lx ul .mo{ width:100%; background:#305c95; height:35px; line-height:35px; text-align:center; float:left; font-weight:bold; letter-spacing:2px}
.lxwm-in .lxwm-lx ul .mo:hover{ background:#FFF; color:#305c95}
/************/
.youshi{ width:100%; height:1530px; background:url(ysbg.jpg) center no-repeat;}
.youshi-in{ width:1200px; height:1530px; margin:0 auto; position:relative}
.youshi-in .youshi-tit{ width:100%; height:235px; float:left; background:url(ys_tbg.PNG) center no-repeat; position:relative}
.youshi-in .youshi-tit span#dz{ width:100%; float:left; display:block; text-align:center; font-size:36px; color:#305c95; font-weight:bold; margin-top:63px;}
.youshi-in .youshi-tit span#xz{ width:100%; float:left; display:block; text-align:center; font-size:22px; color:#305c95; margin-top:10px;}
.youshi-in .youshi1{ width:1200px; height:336px; float:left; position:relative; }
.youshi-in .youshi1 .ys1{ width:532px; height:54px; background:url(ys-1.PNG) center no-repeat; position:absolute; right:0px;}
.youshi-in .youshi1 .ys1-1{ width:460px; height:129px; position:absolute; right:0px; top:70px; color:#333; font-size:14px; line-height:38px; letter-spacing:1px}
.youshi-in .youshi1 .ys1 span{ font-size:20px; color:#FFF; padding-left:80px; float:left; line-height:52px;}

.youshi-in .youshi2{ width:1200px; height:497px; float:left; position:relative}
.youshi-in .youshi2 .ys2{ width:532px; height:54px; background:url(ys-2.PNG) center no-repeat; position:absolute; left:0px;}
.youshi-in .youshi2 .ys2-1{ width:460px; height:129px; position:absolute; left:70px; top:70px; color:#333; font-size:14px; line-height:38px; letter-spacing:1px}
.youshi-in .youshi2 .ys2 span{ font-size:20px; color:#FFF; padding-left:80px; float:left; line-height:52px;}

.youshi-in .youshi3{ width:1200px; height:475px; float:left; position:relative;}
.youshi-in .youshi3 .ys3{ width:532px; height:54px; background:url(ys-3.PNG) center no-repeat; position:absolute; right:0px; top:58px;}
.youshi-in .youshi3 .ys3-1{ width:460px; height:129px; position:absolute; right:0px; top:128px; color:#333; font-size:14px; line-height:38px; letter-spacing:1px}
.youshi-in .youshi3 .ys3 span{ font-size:20px; color:#FFF; padding-left:80px; float:left; line-height:52px;}

.youshi-in .youshi3 .ys4{ width:532px; height:54px; background:url(ys-4.PNG) center no-repeat; position:absolute; right:0px; top:253px}
.youshi-in .youshi3 .ys4-1{ width:460px; height:129px; position:absolute; right:0px; top:323px; color:#333; font-size:14px; line-height:38px; letter-spacing:1px}
.youshi-in .youshi3 .ys4 span{ font-size:20px; color:#FFF; padding-left:80px; float:left; line-height:52px;}
/*************/
.ad{ width:100%; height:169px; background:url(gg03Bg.png) center no-repeat;}
.ad-in{ width:1200px; height:169px; position:relative; margin:0 auto}
.ad-in span#dh{ display:block; position:absolute; font-size:28px; color:#305c95; font-weight:bold; letter-spacing:2px; left: 850px;top: 80px;}
/************/
.ad1{overflow: hidden;width: 100%;padding: 22px 0 25px;background:#305c95; height:182px}
.ad1-in{ width:1400px; height:100%; position:relative; margin:0 auto; background:url(ad1.JPG) center no-repeat;}
/*************/
.abt{ width:100%; height:590px;margin-top:30px}
.abt-in{ width:1200px; height:590px; margin:0 auto; position:relative}
.abt-in .abt-tit{ width:1200px; letter-spacing:2px;text-align: center;line-height: 38px;color: #333;font-size: 25px;font-weight: bold; background:url(titbg.jpg) bottom center no-repeat; padding:20px 0px;}
.abt-in .abt-img{ width:158px; height:465px; float:left; margin-top:40px; border:1px solid #305c95; overflow:hidden}
.abt-in .abt-img .abt-lg{ width:158px; height:158px; float:left}
.abt-in .abt-img .abt-bg{ background:#305c95; width:100%; float:left; height:307px; float:left; position:relative}
.abt-in .abt-img .abt-bg span#dz{ font-size:26px; color:#FFF; position:absolute; font-weight:bold; letter-spacing:2px; top:70px; left:23px;}
.abt-in .abt-img .abt-bg span#xt{ width:50px; height:4px; background:#FFF; position:absolute; display:block; left:23px; top:130px;}
.abt-in .abt-img .abt-bg span#mo{ position:absolute; border:1px solid #FFF; width:110px; height:35px; line-height:35px; left:23px; top:180px; text-align:center; color:#FFF}
.abt-in .abt-img .abt-bg span#mo:hover{ background:#ff7e00}
.abt-in .abt-con{ width:1000px; height:467px; float:right; margin-top:40px; position:relative}
.abt-in .abt-con .abt-js{ width:1000px; display:block;  font-size:14px; line-height:25px; color:#5a5a5a; overflow:hidden; float:left}
.abt-in .abt-con .abt-js p{ text-indent:2em}
.abt-in .abt-con .abt-sp{ width:1000px; height:270px; background:#000; position:absolute; bottom:0px}
/************/
/************/
.case{ width:100%; height:510px; padding-top:40px}
.case-in{ width:1200px; height:510px; margin:0 auto;}
.case-in .case-tit{ width:1200px; letter-spacing:2px;text-align: center;line-height: 38px;color: #333;font-size: 25px;font-weight: bold; background:url(titbg.jpg) bottom center no-repeat; padding:20px 0px;}
.case-in .case-con{ width:1200px; height:270px; margin:0 auto; position:relative; overflow:hidden; margin-top:35px}
.case-in .case-con ul{}
.case-in .case-con ul li{ float:left; margin-left:20px; border:1px solid #dedede; width:285px; overflow:hidden}
.case-in .case-con ul li .c-img{ border:1px solid #FFF; width:285px; height:213px; overflow:hidden; float:left; position:relative}
.case-in .case-con ul li .c-img img{ position:absolute; bottom:0px; left:0px; right:0px; top:0px; max-width:285px; max-height:213px; margin:auto}
.case-in .case-con ul li .c-bt{ height:53px; line-height:53px; background:#F4F4F4; text-align:center; font-size:15px; font-weight:bold; color:#5a5a5a; float:left; width:285px;}
.case-in .case-con ul li:hover .c-bt{ background:#305c95; color:#FFF;}
.case-in .case-mo{ width:100%; height:40px; margin:0 auto; text-align:center; margin-top:40px}
.case-in .case-mo span{ height:40px; width:150px; line-height:40px; text-align:center; font-size:13px; font-weight:bold; background:#305c95; color:#FFF; display:inline-block}
/*************/
.news{ width:100%; height:500px; background: #f4f4f4; padding-top:30px}
.news-in{ width:1200px; height:500px; margin:0 auto;}
.news-in .news-tit{ width:1200px; letter-spacing:2px;text-align: center;line-height: 38px;color: #333;font-size: 25px;font-weight: bold; background:url(titbg.jpg) bottom center no-repeat; padding:20px 0px;}
.news-in .news-con{ width:1200px; float:left; margin-top:30px;}
.news-in .news-con ul{ width:1260px;}
.news-in .news-con ul li{ float:left; width:366px; margin-right:20px; padding:10px;}
.news-in .news-con ul li .xw-bt{font-size: 18px;line-height: 25px; color:#3e3e3e;height: 50px;font-weight: bold;overflow: hidden; float:left; width:100%;}
.news-in .news-con ul li .xw-sj{font-size: 12px;color:#999;overflow: hidden; float:left; width:100%}
.news-in .news-con ul li .xw-ms{font-size: 12px;line-height: 24px; color:#8c8c8c;height: 50px;overflow: hidden; float:left; width:100%; margin:16px 0px}
.news-in .news-con ul li .xw-img{ width:100%; float:left; height:178px; }
.news-in .news-con ul li:nth-of-type(1) .xw-img {
background: url("xw1.jpg") no-repeat center ;
}
.news-in .news-con ul li:nth-of-type(2) .xw-img {
background: url("xw2.jpg") no-repeat center ;
}
.news-in .news-con ul li:nth-of-type(3) .xw-img {
background: url("xw3.jpg") no-repeat center ;
}

.news-in .news-con ul li:hover{ background:#305c95}
.news-in .news-con ul li:hover .xw-bt{ color:#fff}
.news-in .news-con ul li:hover .xw-sj{ color:#fff}
.news-in .news-con ul li:hover .xw-ms{ color:#fff}
/********************/
.tabx{ width:100%; height:80px; background:url(07.jpg) repeat-x center; }
.tabs{ width:1200px; margin:0 auto; height:80px; line-height:80px;}
.tabs .yl{color: #305c95;font-size: 23px;font-family: 'Arial Black'; font-weight:bold; float:left;}
/*************/
.fdh{ width:100%; height:42px; background:url(fot-dh.jpg) repeat-x center;}
.fdh-in{ width:1200px; height:42px; margin:0 auto;}
.fdh-in ul{}
.fdh-in ul li{ height:42px; text-align:center; width:171px; font-size:14px; color:#fff; float:left; line-height:42px; text-transform:uppercase}
/*************/
.fot{ width:100%; height:265px; background:rgb(62, 62, 62); padding:30px 0px}
.fot-in{ width:1200px; height:265px; margin:0 auto; position:relative}
.fot-in .fot-le{ width:700px; height:265px; float:left}
.fot-in .fot-le .le-tit{font-family: Microsoft YaHei;font-size: 23px;color: rgb(255, 255, 255); float:left; font-weight:bold; width:100%;}
.fot-in .fot-le .le-a1{ color:#FFF; float:left; width:100%; height:35px; line-height:35px; background:url(a1.png) left center no-repeat; padding-left:30px; margin-top:30px}
.fot-in .fot-le .le-a2{ color:#FFF; float:left; width:100%; height:35px; line-height:35px; background:url(a2.png) left center no-repeat; padding-left:30px;}
.fot-in .fot-le .le-a3{ color:#FFF; float:left; width:100%; height:35px; line-height:35px; background:url(a3.png) left center no-repeat; padding-left:30px;}
.fot-in .fot-le .le-a4{font-family: Microsoft YaHei;font-size: 16px;color: rgb(255, 255, 255); float:left; margin-top:15px; width:100%}
.fot-in .fot-le .le-a4 a{padding-left:20px}
.fot-in .fot-le .le-a5{ background:url(mob.png) left center no-repeat;color: rgb(255, 126, 0);font-family: Microsoft YaHei;font-size: 31px;font-weight: bold;padding-left: 55px; height:45px; line-height:45px;float:left; margin-top:5px}
.fot-in .fot-ri{ width:330px; height:265px; float:right;}
.fot-in .fot-ri .ri-tit{ font-size:16px; text-align:center; width:100%; color:#FFF; float:left}
.fot-in .fot-ri .ri-con{ width:100%; height:210px;float:left; margin-top:40px; float:left}
.fot-in .fot-ri .ri-con .c1{ width:130px; height:163px; float:left}
.fot-in .fot-ri .ri-con .c2{ width:130px; height:163px; float:right}
.fot-in .fot-ri .ri-con .c3{ width:100%; float:left; color:#fff; padding-top:10px}
.c-img{ float:left; width:130px; height:130px;}
.c-bt{ width:100%; height:30px; line-height:30px; text-align:center; color:#FFF; font-size:12px}