/*@charset "gb2312";*/
/**

 * ----------------------------------------------------------------------------

 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/
/**
 +------------------------------------------------------------------------------
 * 网站样式重写
 +------------------------------------------------------------------------------
 * @comefrom  互联网
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{ font-size:14px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}

line-pay{position: relative;display: inline-block;}
.pay-box{display: none; text-align: center; position: absolute; z-index: 99; top:36px; left: -20px; background: #fff; padding: 5px; border: 1px solid #eee;}
.pay-box p{padding: 4px; color: #333; line-height: 20px;}
.line-pay:hover .pay-box{display: block;}

/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */
.strong{ font-weight: bold;} .left{ float: left;display: inline;} .right{ float: right;display: inline;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}


/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
	position:fixed;
	clip:rect(0 100% 100% 0);
	_position:absolute;

	/* 底部 */
	 top:0px;
	left:0px;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/

	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}


/*png图片ie6下透明滤镜实现写法*/
.pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

/**
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important; text-indent:0;} u{ text-decoration:underline !important;}

/**
 +------------------------------------------------------------------------------
 * 表单样式
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

/**
 +------------------------------------------------------------------------------
 * 网站整体颜色总汇
 +------------------------------------------------------------------------------
 * @codex  颜色:使用颜色的名称或者16进制代码,如
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.ff8600,ff86aa a{ color:#ff8600;}

/**
 +------------------------------------------------------------------------------
 * 网站整字体大小
 +------------------------------------------------------------------------------
 * @codex   字体大小,直接使用"font+字体大小"作为名称,如
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
/*自定义字体*/
/* @font-face {  font-family: danley;  src: url('../font/danley.ttf');  }  .danley {  font-family: danley; } */

/*@font-face {
font-family: Hiragino;
src: url('../font/Hiragino.otf');
} */
/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
/* css */
body,html{ background:#fff;color:#333333; font-size:14px; font-family:"webfont","微软雅黑";  }
body{ overflow-x:hidden}
a{ color:#333333; text-decoration:none; font-size:14px}
a:hover{ color:#f0339e; text-decoration:none; }
i,em{ font-style:normal !important}
.weap{ width:1200px; margin:0 auto;}
.weap1{width:960px; margin:0 auto; padding: 0 120px;}
.w1100{width:1100px; margin:0 auto;}
.mb-5{ margin-bottom:5px;}
.mb-10{ margin-bottom:10px;}
.mb-15{ margin-bottom:15px;}
.mb-20{ margin-bottom:20px;}
.mb-25{ margin-bottom:25px;}
.mb-30{ margin-bottom:30px;}
.mb-35{ margin-bottom:35px;}
.mb-40{ margin-bottom:40px;}
.mb-45{ margin-bottom:45px;}
.mb-50{ margin-bottom:50px;}
.mb-60{ margin-bottom:60px;}
.mb-70{ margin-bottom:70px;}
.mb-80{ margin-bottom:80px;}
.mb-130{ margin-bottom:130px;}
.mt-30{ margin-top:30px;}
.mt-90{ margin-top:90px;}
.pt-30{ padding-top:30px}
.pt-35{ padding-top:35px}
.pt-45{ padding-top:45px}
.pt-50{ padding-top:50px; padding-bottom:30px;}
.pt-55{ padding-top:55px}
.pt-60{ padding-top:60px}
.pt-65{ padding-top:65px}
.pt-70{ padding-top:70px}
.pt-75{ padding-top:75px}
.pt-80{ padding-top:80px}
.pt-85{ padding-top:85px}
.pt-100{ padding-top:100px}
.pt-120{ padding-top:120px}
.pt-145{ padding-top:145px}
.pt-195{ padding-top:195px}
.pt-270{ padding-top:270px}
.pt-280{ padding-top:280px}
.fz16{ font-size:16px;}
.fz18{ font-size:18px;}
.fz20{ font-size:20px !important;}
.fz22{ font-size:22px;}
.fz24{ font-size:24px;}
.fz26{ font-size:26px;}
.fz30{ font-size:30px;}
.fz32{ font-size:32px;}
.fz36{ font-size:36px;}
.fz40{ font-size:40px;}
.lh22{ line-height:22px;}
.lh24{ line-height:24px;}
.lh26{ line-height:26px;}
.lh28{ line-height:28px;}
.lh32{ line-height:32px;}
.lh36{ line-height:36px;}
.lh40{ line-height:40px;}
.lh42{ line-height:42px;}
.lh56{ line-height:56px;}
.crfff{ color:#fff;}
.crlan{ color:#117feb}
.cr999{ color:#999999}
.cr666{ color:#999999}
.crccc{ color:#ccc !important}
.crcs{ color:#ffa200}
.crls{ color:#41d278}
.crzs{ color:#fe4493}
.fwb{ font-weight:bold}
.fw700{ font-weight:700}

.tc{ text-align:center}
.ty{-webkit-box-shadow:0 0 30px #aaa;-moz-box-shadow:0 0 30px #aaa;box-shadow:0 0 30px #aaa;}
/* 头部 */
.t-top{  background:#f2f2f2}
.t-top .bd{height:36px; line-height:36px;}
.t-top .bd a{color: #000;}
.t-top .bd .right a{ margin-left:35px;}
.t-top .bd a.on{ color:#16c589}
.header{ height:78px; position:relative; }
.header .logo{ margin-right:30px;}
.header .menu li{ float:left}
.header .menu li a{ display:block; line-height:77px; padding:0 20px; border-bottom:1px solid #fff ; color: #333;}
.header .menu li a:hover,.header .menu li.on a{ border-bottom:1px solid #04c482; color:#333}
.header .tel{ line-height:78px; font-size:16px;}
.header .tel span{ color:#9a9a9a; padding-left:20px;}
.header .city{position:relative; height:78px; }
.header .city span{ width:90px; height:40px; color:#fff; line-height:40px; text-align:center; background:#16c589; border-radius:5px; margin-left:40px; margin-top:20px; cursor:pointer; display:block;}
.header .city span:hover{ background:#06ae74}
.header .city i{ display:inline-block; *display:inline;*zoom:1; width:12px; height:16px; background:url(../images/ico-01.png) no-repeat center; margin-right:5px; vertical-align:middle;}
.line-pay{position: relative; display: inline-block;}
.pay-box1{ left: -11px !important; }
.pay-box{display: none; text-align: center; position: absolute; z-index: 9999; top:30px; left: -18px; background: #fff; padding: 5px; border: 1px solid #eee;}
.pay-box p{padding: 4px; color: #333; line-height: 20px;}
.line-pay:hover .pay-box{display: block;}
/* 底部 */
.footer{ background:#263d47; height:320px; color:#fff;}
.footer a{ color:#b6babd}
.footer a:hover{ color:#fff}
.footer dt{ font-size:16px;}
.footer dl{ margin-right:10px;}
.footer .dl-1{ width:304px;}
.footer .dl-2{ width:200px;}
.footer .dl-2 dd{ margin-bottom:8px;}
.footer .dl-3{ overflow:hidden; width:240px; margin-right:60px;}
.footer .dl-3 dd{ width:33.33%; float:left; margin-bottom:8px;}
.footer .dl-4{ overflow:hidden; width:190px;}
.footer .dl-4 dd{ font-size:16px;color:#b6babd}
.footer .dl-5{ width:91px; text-align:center; color:#b6babd}
.ban-qu{height:74px; font-size:14px;}
.ban-qu .right{ line-height:74px;}
.ban-qu .left{ line-height:74px;}
.ban-qu .left a{ margin-right:40px;}
/*全屏轮播*/
.banner{ height:680px; position:relative}
.banner-box{ width:1920px; height:680px; position:relative; left:50%; margin-left:-960px; background:#000}
.banner-box li{ text-align:center; position:relative}
.banner .prev,.banner .next{ display:block; width:56px; height:56px; border:2px solid #fff; position:absolute;top:50%; margin-top:-30px; z-index:7; cursor:pointer}
.banner .prev{ background:url(../images/ico-prev_1.png) no-repeat 0 0; left:10px;}
.banner .next{ background:url(../images/ico-next_1.png) no-repeat 0 0; right:10px;}
.banner .prev:hover{ border:2px solid #f0339e; background-position:0 -56px}
.banner .next:hover{ border:2px solid #f0339e; background-position:0 -56px}
.banner-box .hd{ position:absolute; z-index:9; bottom:10px; left:0; right:0; text-align:center;}
.banner-box .hd li{ display:inline-block; *display:inline;*zoom:1; width:10px; height:10px; background:url(../images/b_1.png) no-repeat center;margin:0 8px; cursor:pointer}
.banner-box .hd li.on{ background:url(../images/b-on_1.png) no-repeat center; }
.banner .txt{ position:absolute; z-index:2; right:0;top:0; bottom:0; left:0; color:#fff; background:url(../images/png.png)}
.banner .txt .box{position:absolute; z-index:2; left:50%;top:250px; margin-left:-275px;}
.banner .txt h3{ font-size:40px;margin-bottom:25px;}
.banner .txt p{ font-size:20px; display:block; margin-bottom:25px;}
.banner .txt .a{ display:inline-block; width:200px; height:60px; line-height:60px; text-align:center; color:#fff; border-radius:5px;  background:#00a2ff; font-size:16px;}
.banner .txt .box2{ text-align:left; margin-left:-595px}
.banner .txt .box3{ text-align:left; margin-left:250px;top:310px}
.banner .txt .box3 h3{ font-size:30px; line-height:40px; margin-bottom:20px;}
.banner .txt .box3 p{ font-size:22px;}
.banner .txt .box4{ margin-left:-260px;}
.banner .txt .box6{ margin-left:-240px;}

.plo-1{ text-align:center}
.plo-1 h3{ font-size:30px; color:#309afc; margin-bottom:10px;}
.plo-1 p{ font-size:18px;}

.f1{ height:550px; border-bottom:1px solid #eaeaea}
.f1 .w1100{ padding-top:45px;}
.f1 .li2{ width:490px; padding-left:35px; padding-top:45px;}
.f1 .li2 .txt{ font-size:20px; line-height:32px; border-bottom:1px solid #eaeaea; padding-bottom:25px; margin-bottom:35px;}
.f1 .li2 ul li{ font-size:18px; width:50%; float:left; height:38px; line-height:38px; margin-bottom:20px;}
.f1 .li2 ul li i{ display:inline-block; width:38px; height:38px; text-align:center; line-height:38px; color:#fff; background:#309afc; border-radius:38px; font-size:22px; vertical-align:middle; margin-right:12px;}
.f1-1{ height:320px; text-align:center;}
.f1-1 .w1100{ padding-top:45px;}
.f1-1 li{ display:inline-block; vertical-align:middle; margin:0 18px;}
.f1-1 li img{ border-radius:5px;}

.plo-2{ text-align:center}
.plo-2 h3{ font-size:30px; margin-bottom:10px;}
.plo-2 p{ font-size:24px;}


.f2{ height:790px; background:url(../images/f2.jpg) no-repeat center top;}
.f2 .hd{ height:150px; line-height:150px; font-size:30px; color:#fff; text-align:center}
.f2 .bd{ height:560px; background-color:#fff; border-radius:5px;}
.f2 ul{ width:325px; text-align:center; padding-top:33px; margin:0 auto;}
.f2 ul .li1{ height:130px; border-bottom:1px solid #eaeaea;padding: 50px;}
.f2 ul .li2{ padding-top:35px; height:140px;}
.f2 ul .li3{ padding-top:20px;  }
.f2 ul .li1 h3{ font-size:24px; padding-top:30px;}
.f2 ul .li2 span{ display:block; width:110px; padding-left:35px; text-align:left; float:left;  margin-bottom:20px; font-size:18px;}
.f2 ul .li2 p{ font-size:18px; display:block; margin-bottom:20px;}
.f2 ul .li3 p{ display:block;}
.f2 ul .li3 .p1{ margin-bottom:25px; font-size:18px;}
.f2 ul .li3 .p2 span{ display:inline-block; vertical-align:text-top; margin:0 15px; font-size:18px;}
.f2 ul .li3 .p2 img{  width:90px; height:90px; margin-bottom:10px;}
.f2 .boxx{ width:49.9%; float:left; height:560px; border-right:1px solid #eaeaea}
.f2 .boxx.none{ border-right:none}

.f3{ height:676px;}
.f3 .hd{ height:256px;}
.f3 .bd{ height:419px; background:url(../images/21.jpg) no-repeat top center}
.f3 .bd ul{ height:97px; line-height:97px; width:1200px;  overflow:hidden;}
.f3 .bd ul li{ float:left;  width:150px;}
.f3 .bd ul li a{ display:block; color:#fff; font-size:20px; background:url(../images/22.png);cursor:pointer; text-align:center; border-right:1px solid #39405c}
.f3 .bd ul li a:hover{ background:url(../images/23.png);}
.f3 .bd .li1 a{ border-radius:10px 0 0 10px}
.f3 .bd .li8 a{ border-radius:0 10px 10px 0}
.f3 .bd dl{ height:135px; line-height:50px; overflow:hidden;}
.f3 .bd dl dd{ float:left;  width:80px;  border-top:1px solid #39405c}
.f3 .bd dl dd a{ display:block; color:#fff; font-size:20px; background:url(../images/22.png);cursor:pointer; text-align:center; border-right:1px solid #39405c}
.f3 .bd dl dd a:hover{ background:url(../images/23.png);}
.f3 .bd .ddl a{border-radius: 0 0 0 10px;}
.f3 .bd .ddr a{border-radius: 0 0 10px 0;}
.f3 .bd .dd3{ margin-left: 40px; } 

.f4{ height:903px;}
.f4 .bd{ overflow:hidden; height:661px}
.f4 .bd ul{ width:1170px;}
.f4 .bd li{ width:360px; float:left; margin-right:8px;}
.f4 .bd2{ border:2px dashed #eaeaea; border-radius:10px;}
.f4 .bd2 .box{height:105px; padding-top:35px; padding-left:50px;}
.f4 .bd2 .left h3{ font-size:26px;}
.f4 .bd2 .right{ width:356px; text-align:left; color:#ff9126}

.f5{ height:1158px; background:#f5f5f5}
.f5 .l1{ height:333px; margin-bottom:85px;}
.f5 .l1 .txt{ width:565px; padding-left:25px}
.f5 .l2{ height:610px; background:#fff; border-radius:10px;}
.f5 .l2 .box{ padding:30px 40px;}
.f5 .l2 .hd{ text-align:center; line-height:65px; height:65px; font-size:30px; color:#5184a5; background:url(../images/x.gif) repeat-x center;}
.f5 .l2 .hd h3{ display:inline-block; background:#fff; padding:0 40px;}
.f5 .l2 li{ width:280px; height:186px; float:left; padding:0 29px; padding-top:20px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.f5 .l2 li.none{ border-right:none}
.f5 .l2 li.bnone{ border-bottom:none}

.f5-1{ height:300px;background:#f5f5f5; border-top:1px solid #dcdcdc}
.f5-1 .a-link{ display:block; margin:0 auto; width:550px; height:70px; line-height:70px; font-size:20px; border-radius:5px; background:#fe4594; color:#fff; text-align:center;}
.f5-1 .a-link:hover{ background:#fc61a3}

.f6{ height:790px; background:url(../images/f6.jpg) no-repeat center top;}
.f6 .bd{ height:410px; background:#fff; border-radius:10px;}
.f6 .bd .box{ padding:10px 40px}

.f7{ height:485px;}
.f7 .bd li{ width:530px; height:215px; border:1px solid #eaeaea; border-radius:10px; position:relative}
.f7 .bd li p{ padding:0 40px; padding-top:70px;}
.f7 .bd li h3{ display:block; width:240px; height:48px; line-height:48px; text-align:center; background:#fe4493; font-size:16px; color:#fff; position:absolute; z-index:2;top:-25px; border-radius:10px; left:50%; margin-left:-120px}
.f7 .bd li.right h3{ background:#b2b2b2}

.f8 .hd{ height:120px; background:#f5f5f5}
.f8 .bd li{ width:50%;}
.f8 .bd .img{ height:317px; background-repeat:no-repeat; background-position:top right}
.f8 .bd .right .img{background-position:top left}
.f8 .bd .txt{padding-top:50px; height:148px; text-align:right; background:#1cbe6c; color:#fff;}
.f8 .bd .left .txt{  padding-right:130px;}
.f8 .bd .right .txt{ background:#fe4493; text-align:left; padding-left:130px}

.f9{ height:620px; background:url(../images/f9.jpg) no-repeat center top;}
.f9 ul{ width:1110px;}
.f9 .w1100{ overflow:hidden}
.f9 li{ width:360px; float:left; height:480px; background:#fff; border-radius:10px; overflow:hidden; margin-right:10px;}
.f9 li .img{ height:300px;}
.f9 li  .txt{ padding:10px; padding-top:30px; height:150px;}

.f10{ height:425px; text-align:center}
.f10 li{ float:left; width:33.33%}

.f11{ height:620px;background:url(../images/f11.jpg) no-repeat center top; position:relative}

.f12{ height:1035px;}
.f12 .li1{ padding:60px 0; height:237px; border-bottom:1px solid #eaeaea}
.f12 .li1 .txt{ padding-left:14px; width:600px}
.f12 .li2 li{ width:50%; float:left}
.f12 .li2 li .txt{ height:120px; border:1px solid #eaeaea}
.f12 .li2 li .txt p{ padding:20px 60px;}

.f13{ height:3230px;}
.f13 .hd{ background:url(../images/f12-1.gif) no-repeat center top; height:284px; margin-bottom:60px;}
.f13 .li{ padding:0 50px; overflow:hidden; position:relative;}
.f13 .li .hdd{ height:110px; border-bottom:1px solid rgba(255,255,255,0.2)}
.f13 .bd{ border-radius:10px; overflow:hidden}
.f13 .li1{ background:#4a7ee4; height:480px;}
.f13 .li i{ display:block; position:absolute; z-index:1;top:0; left:0}

.f13 .li1 li{ display:inline-block; margin:0 42px; vertical-align:text-top}
.f13 .li1 .txt{ font-size:16px; height:52px; }
.f13 .li1 .img{ padding-bottom:10px; display:table-cell; height:127px; vertical-align:bottom; text-align:center; width:180px;}

.f13 .li2{ background:#00b3e0; height:355px;}
.f13 .li2 .hdd{ border-bottom:none}
.f13 .li2 li{ width:300px; padding-right:50px; float:left; border-top:1px dotted #23caf4; position:relative; padding-top:38px;}
.f13 .li2 li i{ display:block; background:#23caf4; width:14px; height:14px; border-radius:14px; position:absolute; z-index:2;top:-7px; left:0}
.f13 .li2 li.none{border-top:none; padding-right:0}

.f13 .li3{ background:#1cbe6c; height:275px;}

.f13 .li4{ background:#ee58c5; height:275px;}

.f13 .li5{ background:#fc206d; height:530px;}
.f13 .li5 .txt{ width:690px; float:left; padding-left:50px;}

.f13 .li6{ background:#c06ff3; height:580px;}
.f13 .li6 .hdd{height:90px;}
.f13 .li6 li{ width:515px;}
.f13 .hdd-2{ line-height:70px; font-size:24px; text-align:center; border-radius:70px; border:1px solid #cd8cf5}

.f13 .li7{ background:#539df8; height:345px;}
.f13 .li7 .hdd{height:90px;}

.f14{ height:677px; background:url(../images/f14.jpg) no-repeat center top;}
.f14 .bd{ width:975px; margin:0 auto; height:366px; position:relative}
.f14 li{ font-size:29px; color:#fff; text-align:center; width:244px; height:164px; padding-top:80px; background:url(../images/f14-1.png) no-repeat center; position:absolute; z-index:3;top:0}
.f14 .l1{ left:122px;}
.f14 .l2{ left:366px;}
.f14 .l3{ left:610px;}
.f14 .l4{top:122px;background:url(../images/f14-2.png) no-repeat center;}
.f14 .l5{top:122px; left:244px;background:url(../images/f14-2.png) no-repeat center;}
.f14 .l6{top:122px; left:488px;background:url(../images/f14-2.png) no-repeat center;}
.f14 .l7{top:122px; left:732px;background:url(../images/f14-2.png) no-repeat center;}

.f15-1{ height:330px; border-bottom:1px solid #eaeaea; margin-bottom:65px;}
.f15-1 .hd{ height:225px;}
.f15-1 .bd ul{ width:1140px; margin-left:-36px; }
.f15-1 .bd li{ height:105px; width:192px; position:relative; float:left; margin:0 18px;}
.f15-1 .bd li i{ display:block; width:22px; height:22px; border-radius:22px; position:absolute; z-index:1; left:50%; margin-left:-6px; bottom:-11px;}
.f15-1 .bd .l1 i{ background:#1cbe6c}
.f15-1 .bd .l2 i{ background:#ff005a}
.f15-1 .bd .l3 i{ background:#4a7de2}
.f15-1 .bd .l4 i{ background:#e969f5}
.f15-1 .bd .l5 i{ background:#ff9000}
.f15-1 .bd li span{top:0px; position:relative ;cursor:pointer; display:block; height:85px; text-align:center; color:#fff;line-height:60px; font-size:18px;transition: all 0.5s;}
.f15-1 .bd li:hover span{top:15px;}

.f15-1 .bd .l1 span{ background:url(../images/f15-1.png) no-repeat center top; }
.f15-1 .bd .l2 span{ background:url(../images/f15-2.png) no-repeat center top; }
.f15-1 .bd .l3 span{ background:url(../images/f15-3.png) no-repeat center top; }
.f15-1 .bd .l4 span{ background:url(../images/f15-4.png) no-repeat center top; }
.f15-1 .bd .l5 span{ background:url(../images/f15-5.png) no-repeat center top; }

.f15-2{ height:305px; background:#ff005a; border-radius:10px; overflow:hidden}
.f15-2 .txt{ width:440px; padding-top:65px; padding-left:35px;}
.f15-3{ padding-bottom:100px;}
.f15-3 .bd{ background:#fff; border:1px solid #eaeaea; overflow:hidden; border-radius:10px;}
.f15-3 .bd h3{ line-height:80px; padding:0 27px; border-bottom:1px solid #eaeaea; font-size:22px; color:#0093c3; cursor:pointer}
.f15-3 .bd h3 i{ display:block; width:23px; height:80px; background:url(../images/f15-3-1.png) no-repeat center}
.f15-3 .bd h3.on i{background:url(../images/f15-3-2.png) no-repeat center}
.f15-3 .bd .sub{ font-size:14px; line-height:34px; padding:30px 27px; border-bottom:1px solid #eaeaea}

.f16{ height:670px; background:url(../images/f16.jpg) no-repeat center top;}
.f16 .bd{ height:320px; background:#d3175a; border-radius:10px;}
.f16 .bd li{ width:50%; float:left; height:320px;}
.f16 .bd li .box{ border-right:1px solid #bd1551; height:265px; padding-top:55px; padding-left:25px; padding-right:35px;}

.f17{ height:952px; border-bottom:1px solid #eaeaea}

.f17 .bd .txt{ width:565px; padding-left:25px}
.f17 .bd{ height:610px; background:#fff; border-radius:10px; padding:40px 15px;}
.f17 .bd .box{ padding:30px 40px;}

.f17 .bd li{ width:310px; height:291px; float:left; padding:0 38px;  border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding-bottom:25px;}
.f17 .bd li.none{ border-right:none; }
.f17 .bd li.bnone{ border-bottom:none;height:255px; padding-bottom:0; padding-top:25px;}
.f17 .bd .lh24{ font-size:13px;}

.f18{ height:695px}
.f18 .bd{ background:#fff; border-radius:10px; overflow:hidden}
.f18 .hdd{ line-height:72px; height:72px; color:#fff; text-align:center; background:#10ac5d}
.f18 .hdd i{ display:block; float:left; width:20%; font-size:20px;}
.f18 .bdd{ line-height:60px; padding:25px 40px; font-size:16px;}
.f18 .bdd span{ color:#10ac5d; font-size:18px}

.f19{ height:500px; background:url(../images/f19.jpg) no-repeat center top;}
.f19 .w1100{ padding-top:120px;}

.f19 ul{ border-radius:10px; overflow:hidden}
.f19 ul .l1{ height:95px; padding:40px 0; background:#fff; position:relative}
.f19 ul .l1 span{ display:block; text-align:center; width:50%; float:left;}
.f19 ul .l1 em{ display:block; width:1px; background:#eaeaea; position:absolute; z-index:1;top:40px; bottom:40px; left:50%}
.f19 ul .l2 { line-height:97px; height:97px;background:#ff9000}
.f19 ul .l2 span{ color:#fff; font-size:24px; width:12.5%; display:block; float:left; text-align:center}

.f20{ height:800px;}
.f20 .bd{ height:602px; padding:0 20px; border:1px solid #eaeaea; border-radius:10px;}
.f20 .bd ul{ height:288px;}
.f20 .bd ul li{ width:515px; padding-top:22px;}
.f20 .bd .img{ height:100px; margin-bottom:10px;}
.f20 .bd .img span{ display:inline-block; vertical-align:middle; height:100px; width:100px; margin-right:20px;}
.f20 .bd .img p{ display:inline-block; font-size:18px; vertical-align:middle}
.f20 .bd .img b{ font-size:24px; color:#7660e6; font-weight:normal; }
.f20 .bd .img .c1{ color:#7660e6}
.f20 .bd .img .c2{ color:#f23d70}
.f20 .bd .img .c3{ color:#7147ea}
.f20 .bd .img .c4{ color:#077adb}
.f20 .bd .ul1{ border-bottom:1px solid #eaeaea; padding-bottom:20px;}

.f21{ height:420px; background:url(../images/f21.jpg) no-repeat center top;}
.f21 .txt{ float:left; text-align:right; margin-top:170px;}

.f22{ height:437px; background:url(../images/f22.jpg) no-repeat center top;}
.f22 .txt{ padding-top:110px}
.f22 .txt a{ display:inline-block; font-size:20px; color:#fff; height:80px; padding:0 40px; background:#00a4ff; line-height:80px; border-radius:10px;}
.f22 .txt a:hover{ background:#20affe}

.f23{ height:404px; background:url(../images/f23.jpg) no-repeat center top;}
.f23 .txt{ padding-top:90px}

.f24{ height:526px;}
.f24 .bd{ width:910px; margin:0 auto}
.f24 li{ display:block; float:left; width:240px; height:75px; padding-top:25px; padding-left:30px; background:#fafafa; border:1px solid #ededed; margin:0 15px; margin-bottom:25px;font-size:20px; text-align:left}
.f24 img{ vertical-align:middle; margin-right:20px; }

.f25{ height:467px; background:url(../images/f25.jpg) no-repeat center top;}

.f26{ padding:78px 0;}
.f26 .w1100{ height:625px; border:1px solid #eaeaea; border-radius:10px; position:relative}
.f26 h3{ width:430px; height:52px; line-height:52px; font-size:22px; background:#7147ea; color:#fff; text-align:center; border-radius:10px; position:absolute; z-index:1; left:50%; margin-left:-215px;top:-26px;}
.f26 ul{ padding-top:38px; padding-left:80px; padding-right:30px;}
.f26 ul li{ padding-bottom:20px; padding-top:20px; position:relative; border-bottom:1px solid #eaeaea; font-size:16px;}
.f26 ul li .t{ width:190px;}
.f26 ul li .c{ color:#999; width:800px;}
.f26 ul li  i{ display:block; position:absolute; z-index:1; width:30px; height:30px; text-align:center; line-height:30px; color:#fff; background:#4a7de2; border-radius:30px; left:-50px;top:20px;  }
.f26 ul .jian16px{ padding-bottom:0px;}

.f27{ height:375px; background:#ff1a5b}
.f27 li{ width:50%; height:375px;}
.f27 .l2{ background:url(../images/f27-1.jpg) no-repeat center left}
.f27 .l1{ text-align:right}
.f27 .l1 .txt{ padding-top:100px; padding-right:45px;}

.f28{ height:880px;}
.f28 .l1{ height:310px; background:url(../images/f28-1.jpg) no-repeat left top}
.f28 .l1 .txt{ padding-left:590px;}
.f28 .l1 .hd{ height:142px; border-bottom:1px solid #eaeaea}
.f28 .l1 li{ height:37px; padding-left:60px; line-height:37px; background:url(../images/f28-2.gif) no-repeat left center; margin-top:17px; font-size:16px;}

.f28 .bdd li{ width:360px; height:190px; background:#f5f5f5; border-radius:10px; position:relative;    -webkit-box-shadow: 0 0 20px #ccc;
    -moz-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc; float:left; margin-right:12px;}
.f28 .bdd ul{ width:1120px; margin-left:-12px;}
.f28 .bdd li h3{ width:308px; height:68px; line-height:68px; text-align:center; font-size:28px; color:#fff; background:#f41e78; border-radius:68px; position:absolute; z-index:1;top:-15px; left:50%; margin-left:-154px;}
.f28 .bdd li p{ padding:0 25px; padding-top:68px;}

.f29{ height:599px; background:url(../images/f29.jpg) no-repeat center top;}
.f29 .bd{ padding:0 40px; padding-top:38px; height:272px; background:#fff; border-radius:10px;}
.f29 .bd li{ padding:0 35px; height:55px; line-height:55px; color:#fff; font-size:16px; float:left; border-radius:55px; margin-bottom:15px; margin-right:18px;}
.f29 .bd .l1{ background:#0097ff}
.f29 .bd .l2{ background:#ff4493}

/*.f30{ height:1100px;}*/
.f30 .bd { overflow:hidden}
.f30 .bd ul{ width:1200px;}
.f30 .bd em{ font-family:Impact}
.f30 .bd li{ width:530px; height:500px; background:#f5f5f5; border-radius:10px; margin-right:40px; float:left}
.f30 .bddd{ height:470px;}
.f30 .bddd li{ width:527px;height:470px;  border-radius:10px; background:#f94181; position:relative; overflow:hidden; color:#fff; }
.f30 .bddd .box1{ padding:0 35px; background:#e04f73; height:230px;}
.f30 .bddd  .p2 span{ width:190px; height:52px; display:inline-block; border-radius:52px; background:#f1d22a; line-height:52px; text-align:center; font-size:22px;  box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.f30 .bddd  .p2 em{ font-family:Arial, Helvetica, sans-serif; font-size:36px;}
.f30 .bddd .box2 span{ display:block; float:left; padding-left:35px; width:220px; height:38px; line-height:38px; font-size:16px;}
.f30 .bddd i{ display:block; position:absolute; z-index:0; left:35px;top:0}
.f30 .bddd li.right{ background:#0095ff}
.f30 .bddd li.right .box1{ background:#0090e5}
.f30 .hddd{ font-size:26px; line-height:40px; border:1px dashed #ccc; border-radius:10px; padding-top:35px; padding-left:45px; height:102px; padding-right:30px;}
.f30 .hddd .txt{ text-align:center}
.f30 .hddd .txt a{ width:245px; height:50px; display:block; text-align:center; line-height:50px; color:#fff; background:#008dff; font-size:20px; border-radius:50px;}

.f31{ background:url(../images/f31.jpg) no-repeat center top;background-size: 100% 100%;}
.tabl{ border:1px solid #e6e6e6; background:#fff; overflow:hidden; border-radius:10px; padding-bottom:20px;}
.tabl .th{ font-size:18px; height:60px; line-height:60px; border-bottom:1px solid #eaeaea; margin-bottom:20px;   }
.tabl  span{ display:block; float:left}
.tabl   .w1{ width:180px;}
.tabl   .w2{ width:230px;}
.tabl   .w3{ width:150px;}
.tabl   .w4{ width:300px;}
.tabl   .w5{ width:280px;}
.tabl   .w6{ width:180px;}
.tabl .td{   height:44px; font-size:16px; text-align:center;}
.tabl .td span{  height:36px; line-height:36px;}
.tabl.tab2 .td{ margin-bottom:10px;}
.tabl.tab2 .w1{ width:190px;}
.tabl.tab2 .w2{ width:170px;}
.tabl.tab2 .w3{ width:195px;}
.tabl.tab2 .w4{ width:185px;}
.tabl.tab2 .w5{ width:160px;}
.tabl.tab2 .w6{ width:190px;}

.tabl .td .zt-2{ display:inline-block; height:34px;  width:115px; line-height:34px; border:1px solid #eaeaea; border-radius:5px;}


.f32-1{ height:466px; border-bottom:1px solid #eaeaea}
.f32-1 .hdd{ color:#fd7c71}
.list17{  background:#fff;-webkit-box-shadow:10px 10px 30px #eee;-moz-box-shadow:10px 10px 30px #eee;box-shadow:10px 10px 30px #eee;}
.list17 .hd{  background:#fd7c71; height:72px;}
.list17 .hd ul li{ height:72px; float:left; text-align:center; width:16.66%; line-height:72px; text-align:center; font-size:20px;   color:#fff; cursor:pointer}
.list17 .hd li.on{ color:#fd7c71; background:#fff}
.list17 .bd table{ height:158px;}
.list17 .bd table td{ line-height:50px; font-size:16px; color:#666; padding:0 10px;}

.f32-2{ height:700px;}
.f32-2 .bd{ background:#4a7ee4; color:#fff; font-size:20px; border-radius:10px; padding:30px 0}
.f32-2 .bd li{ padding-left:110px; height:55px; line-height:55px;}
.f32-2 .bd .l1{ background:url(../images/f32-1.png) no-repeat 50px center}
.f32-2 .bd .l2{ background:url(../images/f32-2.png) no-repeat 50px center}
.f32-2 .bd .l3{ background:url(../images/f32-3.png) no-repeat 50px center}
.f32-2 .bd .l4{ background:url(../images/f32-4.png) no-repeat 50px center}
.f32-2 .bd .l5{ background:url(../images/f32-5.png) no-repeat 50px center}
.f32-2 .bd .l6{ background:url(../images/f32-6.png) no-repeat 50px center}
.f32-2 .bd .l7{ background:url(../images/f32-7.png) no-repeat 50px center}

.f33{ height:573px; background:url(../images/f33.jpg) no-repeat center top;}
.f33 .bd{ border:1px solid #fff; border-radius:10px; overflow:hidden}
.f33 li{ width:50%; float:left; text-align:left;}
.f33 li .img{ display:inline-block; vertical-align:middle; height:56px; margin-right:15px;  }
.f33 li p{ display:inline-block;  vertical-align:middle;}
.f33 li .box{padding:38px 0; border-bottom:1px solid #fff; border-right:1px solid #fff; padding-left:30px;}

.f34{ height:695px;}
.f34 .bd{ overflow:hidden}
.f34 .bd ul{ width:1200px}
.f34 li{ width:348px; float:left; border:1px solid #eaeaea; height:476px; margin-right:25px; }
.f34 li p{ text-align:left; padding:0 20px;}

.f35{ height:400px; background:url(../images/f35.jpg) no-repeat center top;}
.f35 table{ border:1px solid #fff; border-radius:10px;}
.f35 table td{ padding:20px 0; font-size:20px; border-bottom:1px solid #fff; border-right:1px solid #fff}
.f35 table td.rnone{ border-right:none; padding-left:30px;}
.f35 table td.bnone{ border-bottom:none}

.f36{ height:1740px;}
.list1{ color:#fff; height:395px; background:#fe4493; border-radius:10px; position:relative; margin-bottom:96px;}
.list1 .hd{ margin-bottom:50px; height:98px; line-height:98px; font-size:32px; text-align:center; border-bottom:1px solid #fe69a9}
.list1  li{ width:25%; text-align:center; font-size:22px; float:left}
.list1  li .p1{ font-family:Arial, Helvetica, sans-serif; margin-bottom:20px; font-weight:bold; font-size:30px;}
.list1  a{ display:block; position:absolute; z-index:1; width:428px; height:52px; line-height:52px; color:#fff; text-align:center; font-size:18px; background:#309afc; border-radius:10px; bottom:-26px; left:50%; margin-left:-214px;}

.list2{ border:2px dashed #CCC; border-radius:10px; padding:50px 0; text-align:center; position:relative; margin-bottom:65px;}
.list2 span{ display:block; width:460px; float:left; text-align:left; font-size:24px; height:36px; line-height:36px; margin:10px 0}
.list2 .ul{ padding-left:140px;}
.list2 i{ background:#4a7ee4; color:#fff; border-radius:36px; margin-right:10px;display:inline-block; vertical-align:middle; width:36px; height:36px; line-height:36px; text-align:center; font-size:20px;}
.list2 h3{ font-size:40px; display:block; position:absolute; z-index:1; width:300px; text-align:center;top:-30px; left:50%; margin-left:-150px;  background:#fff}

.list3 ul{ width:1060px; margin:0 auto}
.list3 li{ width:248px; height:164px; border:1px solid #eaeaea; float:left; margin-right:15px; margin-bottom:20px;}

.f37{ height:780px; background:url(../images/f36.jpg) no-repeat center top; color:#fff;}
.f37 .hd span{ display:inline-block; background:#e84b3c; width:305px; height:70px; line-height:70px; text-align:center; border-radius:10px;}

.f37 ul li.none{ border-bottom:none}
.f37 ul li{ border-bottom:1px solid #76746e ;float:left; width:490px; height:105px; padding-top:38px;}
.f37 ul h5{ margin-bottom:10px;}

.f38{ border-bottom:1px solid #eaeaea; height:473px;}
.f38 .li1{ padding:60px 0; height:237px; }
.f38 .li1 .txt{ padding-left:30px; width:500px}
.f38 .li2 li{ width:50%; float:left}
.f38 .li2 li .txt{ height:120px; border:1px solid #eaeaea}
.f38 .li2 li .txt p{ padding:20px 60px;}
.f38   .p3{ color:#ff5400}

.f39{ height:408px;}
.lub .bd{ overflow:hidden; margin-bottom:35px; height:82px;}
.lub .bd li{ height:82px; width:170px; float:left; display:table}
.lub .bd li .img{ display:table-cell; height:60px; vertical-align:middle; text-align:center}
.lub .hd{ height:10px; text-align:center}
.lub .hd li{ width:10px; height:10px; overflow:hidden; display:inline-block; *display:inline;*zoom:1; background:url(../images/ico-03_1.png) no-repeat center; text-indent:-99px; margin:0 8px;}
.lub .hd li.on{background:url(../images/ico-04_1.png) no-repeat center;}

.f40{ height:640px; background:#fbffff url(../images/351_1.jpg) no-repeat center bottom; border-top:1px solid #e1e5e5}
.f40 span{ display:inline-block; width:520px; height:92px; line-height:92px;  color:#fff; font-size:22px; background:#fbffff url(../images/351_1.gif) no-repeat center;}

.videobtn{ display:block; width:116px; height:116px; background:url(../images/518_1.png) no-repeat 0 0; position:absolute; top:50%; left:50%; margin-top:-108px; margin-left:-58px; cursor:pointer}
.videobtn:hover{ background:url(../images/518_1.png) no-repeat 0 -118px;}

.make{ position:fixed; right:0; left:0;top:0; bottom:0; background:#000; opacity:0.9; z-index:99; display:none}
.videobox{position:fixed;left:50%; margin-left:-240px;top:50%; margin-top:-200px;z-index:100; display:none}
.videobox .close{ display:block; width:40px; height:40px; position:absolute; z-index:8; background:url(../images/close_1.png) no-repeat center; right:0;top:-60px; cursor:pointer}


.lxw-top{ margin: 0 auto; position: relative; max-width:1200px; height:18px;}
.lxw-top .lxw1{ display: block; position:absolute; left:0; top:3px; height: 13px;}
.lxw-top .lxw2{ display: block; position: absolute; right:0; top:3px; height: 14px;}
.lxw{ height:50px; font-size:18px; color:#fff; font-family:"微软雅黑"; line-height:30px; position: relative; max-width:1200px; margin: 0 auto;}
.lxw .lxw3{ display: block; position:absolute; left:0; top:0px; height: 46px;}
.lxw .lxw4{ display: block; position: absolute; margin-left: 50%; left:-104px; top:0px; height: 46px;}
.lxw .lxw5{ display: block; position: absolute; right: 0; top:0px; height: 46px;}
.lxw-p{ margin: 0 auto; padding-top: 5px; font-size:10px; color:#000; font-family:"微软雅黑"; line-height:18px; text-align:center;}
.qingchu{ clear: both; height: 74px;}



/*右侧客服*/
.yc-kf{ width:180px; height:215px; position:fixed; z-index:99; right:20px;top:50%; margin-top:-90px; background:#f3fdff; border-radius:10px; overflow:hidden;-webkit-box-shadow: 0 0px 10px #ccc;-moz-box-shadow: 0 0px 10px #ccc;box-shadow: 0 0px 10px #ccc;}
.yc-kf .hd{ height:50px; line-height:50px; color:#fff; background:#04c482; padding-left:15px; font-size:16px;}
.yc-kf .close{ float:right; color:#fff; display:block; width:50px; text-align:center; font-size:20px; font-family:"宋体"; background:url(../images/ico-05.png) no-repeat center; height:50px;}
.px-r{width:40px; position:fixed; z-index:99; right:20px;top:50%; margin-top:150px;}
.px-r li{ height:40px; cursor:pointer; position:relative;}
.px-r li .sub{ position:absolute; width:74px; padding:10px; padding-bottom:0px; background:#fff; z-index:98; left:-94px;top:50%; margin-top:-45px; font-size:12px; display:none;-webkit-box-shadow: 0 0px 10px #ccc;-moz-box-shadow: 0 0px 10px #ccc;box-shadow: 0 0px 10px #ccc; border-radius:5px;}
.px-r li.block .sub{ display:block;}
.px-r li .sub i{ display:block; width:10px; height:12px; background:url(../images/ico-next.png) no-repeat center; position:absolute; z-index:8;right:-7px;top:50%; margin-top:-10px;}
.px-r li.w-xin{ background:url(../images/ico-07.jpg) no-repeat center}
.px-r li.zf-bao{ background:url(../images/ico-08.jpg) no-repeat center}
.px-r li.top{ background:url(../images/ico-09.jpg) no-repeat center; margin-top:15px;}


.f-qu{ position:absolute; z-index:3; padding:25px 35px; background:#fff; border-radius:10px; width:970px;  right:0;top:78px;-webkit-box-shadow:0 0 20px #f0f9fd;-moz-box-shadow:0 0 20px #f0f9fd;box-shadow:0 0 20px #f0f9fd; border:1px solid #f0f9fd; height:370px; display:none}
.f-qu em{ width:11px; height:5px; position:absolute; z-index:3; background:url(../images/ico-02.png) no-repeat center;top:-5px; right:30px;}
.f-qu ul{ width:1010px;}
.f-qu .s-box{height:370px; overflow-x:hidden; overflow-y:auto}
.f-qu li{ width:297px; float:left; margin-right:37px; margin-bottom:28px;}
.f-qu li .plo{ border-bottom:1px solid #eeeeee; height:33px; margin-bottom:12px;}
.f-qu li .plo h3{ font-size:16px; border-bottom:1px solid #a6d9ec; float:left; height:33px; padding-right:12px;}
.f-qu li .bd{ overflow:hidden}
.f-qu li .bd a{ margin-right:15px; display:block; float:left; line-height:24px;}