@charset "utf-8";
.swiper-container,.swiper-slide a{height:400px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-family:"Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;}
/*btn*/
.u-btn{ display:block; width:90px; height:30px; line-height:30px; margin:0 auto;border-radius:2px;overflow:hidden; cursor:pointer;}
.u-btn span,.u-btn input{ display:block; width:100%;text-align:center;border-radius:2px; border:0 none;cursor:pointer;}
.u-btn .quick,.u-btn .s-01{ background:#f60;color:#fff;}
.u-btn .gray,.u-btn .s-02{ background:#aaa;border-bottom:1px solid #999; color:#fff;}
.u-btn .same,.u-btn .s-03{ background:#f4f4f4;color:#333; border:1px solid #ddd; width:88px; height:28px; border-radius:3px;}
.u-btn .qq,.u-btn .s-04{ background:#008aff;color:#fff;}
.u-btn:hover{box-shadow:0 1px 3px rgba(0,0,0,.2);}
.u-btn .quick:hover,.u-btn .s-01:hover{ background:#f40;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;-ms-transition:0.2s ease;-o-transition:0.2s ease;transition:0.2s ease;}
.u-btn span:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.3);transition:none;}
.u-btn .quick:active .icon{ color:#fff100;}
.u-btn .cart{ background:#f60;color:#fff;}
.u-btn .want{ background:#fff;color:#f53132;border:1px solid #f53132; width:88px; height:28px; border-radius:3px;}
/*m-form*/
.m-form .tit{width:120px;height:30px; min-height:30px; line-height:30px; float:left; text-align:right;}
.m-form li{min-height:30px;_height:30px;margin-bottom:20px;}
.m-form p{ padding-top:3px; line-height:24px;}
.m-form select,.form input{border:1px solid #ddd; padding:5px;}
.m-form .text{width:200px;  line-height:18px; padding:5px; border:1px solid #ddd;}
.m-form .yzm{width:100px;  line-height:18px; padding:5px; border:1px solid #ddd; vertical-align:middle;}
.m-form .yzmcode{ width:90px; height:30px;}
.m-form .textarea{ padding:5px; min-height:80px; width:300px; border:1px solid #ddd; background:#fff;}
.m-form .con{margin-left:130px;}
.m-form .u-btn{ float:left; margin-right:10px;}
.m-form .u-btn input{ width:90px; height:30px; border:none;}
.m-form h3{ font-size:16px; font-weight:normal;}
.m-form .tips{ color:#999;}
.m-form .text:focus,.m-form .textarea:focus{ border:1px solid #999;}
.m-form label{ height:30px; line-height:30px; margin-right:10px; cursor:pointer;}
.m-form label input{ vertical-align:middle;}
/**/
.focus .login{}
.focus .tab_hd{
	width: 100%;
	overflow: hidden;
	/* [disabled]margin-bottom:30px; */
	background: #f5f5f5;
}
.focus .tab_hd input{ opacity:0;filter:alpha(opacity=0); position:absolute; top:0; left:0;}
.focus .tab_hd ul{ width:100%; border-bottom:1px solid #ddd;}
.focus .tab_hd li{ float:left; width:159px; height:40px; line-height:40px; font-size:14px; text-align:center;border-right:1px solid #f5f5f5;border-left:1px solid #f5f5f5; margin-left:-1px; position:relative;z-index:1; cursor:pointer;}
.focus .tab_hd li span{  cursor:pointer;}
.focus .tab_hd .this{ background:#fff; border-right:1px solid #ddd;border-left:1px solid #ddd; z-index:9;}
.focus .tab_hd .this span{ border-bottom:1px solid #fff;}
.focus .login{ position:absolute; right:0;top:-375px;width:320px; height:350px;border: 1px solid #ddd;border-radius:2px;box-shadow:0 0 5px rgba(0,0,0,.3); background:#fff;}
.focus .m-form .tit{ width:80px;}
.focus .m-form .con{margin-left:90px;}
.focus .m-form .u-btn{ cursor:pointer;}
.focus .m-form .more{ padding-right:20px; height:30px; line-height:30px;}
.focus .m-form .reg{ float:right;}
.focus .m-form .more a:hover{ color:#2a98da;}
.focus .tel{ position:absolute; left:0; bottom:0; width:320px;height:50px;line-height:50px; border-top:1px solid #ddd; text-align:center; font-size:20px;color:#2a98da;background:#f5f5f5;}
.focus .tel .icon{ font-size:20px; color:#2a98da;}
.focus .user{padding-right:20px;}
.focus .user a{ padding:5px 10px; text-align:center;background:#2a98da;color:#fff; margin-right:20px;}
.focus .user .out{ background:none; color:#333;}

/*news */
.notice_box{ border-bottom:1px solid #e6e6e6; height:45px}
.notice_box .notice_tit{ background:url(../images/notice_tit.png) no-repeat left center; line-height:45px; color:#595959; font-size:14px; font-weight:bold; padding-left:28px}
.notice_box .notice_list{width:1080px;margin:7px 0px 10px 12px;color:#999;height:32px;overflow:hidden;display:inline}
.noticTipTxt{color:#ff7300;height:32px;line-height:32px;overflow:hidden}
.notice_box .notice_list ul{ overflow:hidden}
.noticTipTxt li{height:32px;line-height:32px;}
.noticTipTxt li a{ color:#666}.noticTipTxt li a:hover{ color:#1170c4}
.noticTipTxt span{ color:#808080; font-size:14px; float:right}
/*news end*/

/*service end*/
.icon{background: url("../images/u_icon.png") no-repeat 0 0;}
.h-service { display:block; height:auto;padding-bottom: 50px; overflow:hidden;}
.h-service .service-list .animation {float: left;width: 100%;transition: all .5s;}
.h-service .service-list .animation .mod {margin: 20px 10px 20px;text-align: center;}
.h-service .service-list .animation .mod .icon {display: block;width: 216px;height: 62px;margin: 20px auto;background-position: 0 -81px;transform: rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);-webkit-transition: all .5s;transition: all .5s;}
.animation {}

.h-service .service-list .animation:hover .icon {}
.h-service .service-list .animation .mod .i2 {background-position: -215px -81px;}
.h-service .service-list .animation .mod p {text-align: center;display: block;color: #595757;font: 14px/26px "微软雅黑";}

.lRow{ display:block; padding:0 8px;}
.lRow li{height: 75px;border: 1px #d9d9d9 solid;padding: 8px;float: left;margin-right: 8px;margin-bottom: 10px;-webkit-animation: flipInX 1s .2s ease both;-moz-animation: flipInX 1s .2s ease both;}
.lRow li dt,.lRow li dd{float:left;display: inline;}
.lRow li dt img{width:75px;height:75px;border-radius: 50%;margin-right: 10px;}
.lRow li dd{font-size: 12px;color: #999;line-height: 24px;width:180px;}
.lRow li dd h6{color: #000;line-height: 32px;font-size: 16px;}
.lRow li dd h6,.lRow li dd p{width:180px;overflow:hidden;white-space:nowrap; word-wrap:normal;-o-text-overflow: ellipsis; /* for Opera */ text-overflow: ellipsis; /* for IE */ }


@-webkit-keyframes flipInX {
0% {-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
40% {-webkit-transform:perspective(400px) rotateX(-10deg)}
70% {-webkit-transform:perspective(400px) rotateX(10deg)}
100% {-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-moz-keyframes flipInX {
0% {-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
40% {-moz-transform:perspective(400px) rotateX(-10deg)}
70% {-moz-transform:perspective(400px) rotateX(10deg)}
100% {-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
}

/*service end*/


/*case*/

.hd {height: 140px;text-align: center;padding-top: 10px;}
.hd strong {display: block;width: 100%;height: 90px;text-align: center;font-size: 30px;line-height: 90px;font-weight: normal;}
.hd .bor-bton { font-size:18px;width: 435px;margin: 0 auto; color:#666;}
.h-case {background:#f7f7f7;width: 100%;height: 560px;}
.h-case .container {position: relative;}
.h-case .bd .case-list {width: 1300px;margin: 10px 0 0;}
.h-case .bd .case-list li {position: relative;float: left;width: 288px;height: 292px;margin: 0 16px 0 0;overflow: hidden;background: #fff;border-radius:5px;}
.h-case .bd .case-list li:hover {background: #2a98da;-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;color: #fff;}
.h-case .bd .case-list li:hover strong, .h-case .bd .case-list li:hover span {color: #fff;}
.h-case .bd .case-list li:hover .bg {
-moz-transform: scale(1);-webkit-transform: scale(1);opacity: 1;border-radius:5px;}
.h-case .bd .case-list .bg {position: absolute;left: 0;top: 0;width: 288px;height: 292px;z-index: 1;background: #2a98da;opacity: 0;-moz-transform: scale(.9);-webkit-transform: scale(.9);-moz-transition: .3s;-webkit-transition: .3s;border-radius:5px;}
.h-case .bd .case-list li a {display: block;position: relative;overflow: hidden;
	z-index: 2;margin: 10px;width: 266px;height: 272px;text-align: center;}
.h-case .bd .case-list li a img {display: block;}
.h-case .bd .case-list li a strong {display: block;height: 40px;margin: 20px 0 0;font: normal 18px/40px "微软雅黑";}


/*case end*/


/*mission*/

.h-mission {}
.h-mission .hd .tabList{ padding-left:25px;}
.h-mission .hd .tabList li{ display:inline; 
font-size: 16px;
margin: 0 30px 20px 0;
padding: 8px 20px;background: #f1f1f1;border-radius: 5px;
cursor: pointer;font-size:18px; color:#666;cursor:pointer;}
.h-mission .hd .tabList span{font-size:18px; color:#666;}
.h-mission .hd .tabList .this{ background: #2a98da;
color: #fff;
border-radius: 5px;
transition: all 0.3s linear 0s;}

#relatives{ margin:40px auto;}
#relatives .inner{height: 205px;background: url(../images/r_bg.jpg) no-repeat left 10px;}
#relatives ul li{position:relative;background: url(../images/r_bgnew.png);width: 136px;height: 135px;text-align: center;float: left;margin-right: 76px;}

#relatives ul li a{font-size: 14px;color: #818181;line-height: 196px;text-decoration: none;position: relative;z-index: 99;}
#relatives ul li.rol1 {background-position: 0 0;}
#relatives ul li.rol2 {background-position: -212px 0;}
#relatives ul li.rol3 {background-position: -426px 0;}
#relatives ul li.rol4 {background-position: -639px 0;}
#relatives ul li.rol5 {background-position: -852px 0;}
#relatives ul li.rol6 {background-position: -1064px 0;}
#relatives ul li:hover{background: url(../images/r_bg2new.png);}
#relatives ul li.rol1:hover{background-position: 0 0;}
#relatives ul li.rol2:hover{background-position: -212px 0;}
#relatives ul li.rol3:hover{background-position: -426px 0;}
#relatives ul li.rol4:hover{background-position: -639px 0;}
#relatives ul li.rol5:hover{background-position: -852px 0;}
#relatives ul li.rol6:hover{background-position: -1064px 0;}
#relatives ul li:hover a{color: #00A381;}
#relatives ul li a:hover{color: #00A381;text-decoration: underline;}

#relatives ul li .circle{border:10px solid #ECECEC; border-radius:100%;-webkit-border-radius: 100%;-webkit-border-radius: 100%; cursor:pointer;height:116px; width:114px; position:absolute; left:0; top:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}
#relatives ul li:hover .circle{border-color:#00A281;-webkit-transform:scale(1.16); -moz-transform:scale(1.16); -ms-transform:scale(1.16); -o-transform:scale(1.16); transform:scale(1.16); }
/*mission  end*/


.bank_list {position: relative;margin: 12px auto 12px -2px;width: 1200px; }
.bank_list a.prev, .bank_list a.next {position: absolute;display: block;width: 25px;height: 70px;top: 66px;text-indent: -9999px;cursor: pointer;cursor: hand; }
.bank_list a.prev {
  left: -40px;
  background: url("../images/arrows.png") no-repeat 0px 0px; }
.bank_list a.next {
  right: -40px;
  background: url("../images/arrows.png") no-repeat -45px 0px; }
.bank_list .prev:hover {
  background: url("../images/arrows.png") no-repeat 0px -58px; }
.bank_list .next:hover {
  background: url("../images/arrows.png") no-repeat -45px -58px; }
.img_list {width: 1200px;height: 200px;overflow: hidden;}
.img_list ul {}
.img_list li {float: left; list-style: none;width: 189px;height: 90px;text-align: center;margin: 5px;}
.img_list ul li a {display: block;overflow: hidden;border: 1px solid #c7c7c7; margin-bottom:10px;}
.img_list ul li a:hover {border: 1px solid red; }


.b-mod {height: 40px;position: relative;text-align: center;}
.b-mod span {position: absolute;top: 20px;right: 2px;width: 30px;height: 30px;background: #ccc;}
.b-mod .preve {right: 40px;}
.b-mod span .arrow {position: absolute;top: 5px;left: 12px;border-width: 10px;overflow: hidden;}
.b-mod span .arrowR {border-left-color: #fff;}
.b-mod span .s-arrow {border-left-color: #ccc;left: 10px;}
.b-mod .preve .arrowL {border-right-color: #fff;left: 0px;}
.b-mod span:hover {background: #999;}
.b-mod span:hover .s-arrow {border-left-color: #999;}
.b-mod .preve .l-s-arrow {border-right-color: #ccc;left: 2px;}
.b-mod span:hover .l-s-arrow {border-right-color: #999;}
.b-mod .link-more {position: relative;top: 28px;right: 0;background: #2a98da;
color: #fff;
border-radius: 5px;
transition: all 0.3s linear 0s;font-size: 16px;
padding: 8px 20px;}






.content { position: relative; z-index: 2; padding: 0 0 20px 0; background:#fff;}

.floor { padding:0 9px;}

.floor .main { float:left; width:840px;}
.floor .side { float:right; width:300px;}

.p-list { width:840px;}
.p-list li { position: relative; float:left; width:190px; height:100px; overflow:hidden; margin:0 20px 15px 0;}
.p-list li .pic { background: #eee; text-align: right;}
.p-list li dl { position: absolute; top: 10px; left: 15px; width: 90px;}
.p-list li dt { margin: 0 0 4px 0; font-size: 14px;}
.p-list li dt a { color: #ff9000;}
.m-list li img { border:2px solid #eee;}
.p-list .info { position: absolute; z-index: 1; top: 100px; left: 0; height: 85px; padding: 10px 15px 0;}
.p-list .info .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 190px; height: 100px; background: #000; opacity: 0.7;}
.p-list .info p { height: 40px; overflow: hidden; margin: 0 0 10px 0; line-height: 20px; color: #fff;}
.p-list .info .btn { width: 90px; height: 26px; margin: 0 auto;}
.p-list .info .btn a { display: block; width: 90px; height: 26px; background: #ff9000; border-radius: 2px; line-height: 26px; text-align: center; font-size: 14px; color: #fff;}
.p-list .info .btn a:hover { background: #ffa633;}
.p-list .list-ad { width:400px; height:215px;}
.p-list .list-ad img { border:none;}
.hot .mt { height:30px; overflow: hidden; margin: 0 0 20px 0;  line-height:30px;}
.hot .mt li { float: left; padding: 5px 10px; line-height: 20px; font-size: 14px; cursor: pointer;}
.hot .mt .on { background: #2a98da; color: #fff;}
.hot .mc { margin: 0 0 15px 0;}
.hot .mc ul { display: none;}
.hot .mc .on { display: block;}
.hot .mc li { position: relative; float: left; width: 120px; height: 20px; overflow: hidden; padding: 0 0 0 30px; margin: 0 0 10px 0; line-height: 20px; font-size: 14px;}
.hot .mc li span { position: absolute; top: 0; left: 0; width: 20px; height: 20px; overflow: hidden; background: #888; text-align: center; color: #fff;}
.hot .mc li a {}
.hot .mc li a:hover { color: #2a98da;}
.side .ad-300 {}
.side .ad-300 a { display: block; margin: 0 0 15px 0;}
.h-list {}
.h-list li { float: left; width: 400px; padding: 0 20px 0 0; margin: 0 0 10px 0;}
.h-list h3 { font-size: 14px;}
.h-list h3 span { color: #ff6600;}
.h-list h3 a { color: #ff6600;}
.h-list h3 a:hover { text-decoration: underline;}
.h-list p { color: #888;}
.bigdata { height: 272px; padding: 10px 15px 0; margin: 50px 0 0; background: #eee;}
.bigdata p { font-size: 14px;}
.bigdata p span { padding: 0 4px; font-family: Tahoma; font-size: 24px; font-weight: bold; color: #2a98da;}
.bigdata .btn { padding: 0 0 15px 0;}
.bigdata .btn a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #2a98da; font-size: 14px; color: #fff;}
.bigdata .btn a:hover { background: #f64755;}
.step { height: 36px; padding: 0 20px; background: #eee; line-height: 36px; }
.step h3 { float: left; font-size: 16px;}
.step ul { float: right;}
.step li { float: left; font-size: 14px;}
.step li span { float: left; margin: 0 10px 0 0;}
.step li .num { color: #f60;}
.step li .txt { margin: 0 20px 0 0;}
.step li .arr { width: 10px; height: 36px; margin: 0 20px 0 0; background: url(../images/step-arr.gif) no-repeat;}
.c-list { float: left; width: 910px;}
.c-list-230 { width: 230px; overflow: hidden;}
.c-list li { position: relative; float: left; overflow: hidden; margin: 0 20px 10px 0;}
.c-list .c-400 { width: 400px; height: 190px;}
.c-list .c-260 { width: 260px; height: 390px;}
.c-list .c-230 { width: 230px; height: 390px;}
.c-list .c-190 { width: 190px; height: 190px;}
.c-list li .tit { position: absolute;}
.c-list li .info { position: absolute; z-index: 1; top: auto; left: 0; bottom: -90px; height: 130px;}
.c-list li h3 { height: 40px; overflow: hidden; margin: 0 10px; line-height: 40px; font-size: 14px;}
.c-list li h3 a {}
.c-list li h3 a:hover { color: #2a98da;}
.c-list li p { height: 36px; overflow: hidden; margin: 0 10px 10px; line-height: 18px; color: #666;}
.c-list li .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 130px; background: #f0f0f0; opacity: 0.9;}
.c-list li .btn { margin: 0 10px;}
.c-list li .btn a { display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; background: #2a98da; font-size: 14px; color: #fff;}
.c-list li .btn a:hover { background: #f64755;}
.media { padding:30px;background: #f6f6f6;}
.media .f1 .tab_bd li{width:160px;}
.cases .bd li{ padding:5px; margin-right:0; margin-bottom:0;}

.flink{zoom:1;}
.flink li{ float:left; margin-left:10px;}