﻿/*@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;}



/**
 +------------------------------------------------------------------------------
 * 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:"微软雅黑"; line-height:24px}
a{ color:#333333; text-decoration:none; font-size:14px}
a:hover{ color:#16c589; text-decoration:none}
.weap{ width:1200px; margin:0 auto;}
.mb-5{ margin-bottom:5px;}
.mb-10{ margin-bottom:10px;}
.mb-20{ margin-bottom:20px;}
.mb-25{ margin-bottom:25px;}
.mb-30{ margin-bottom:30px;}
.mb-40{ margin-bottom:40px;}
.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-50{ padding-top:50px}
.pt-70{ padding-top:70px}
.pt-75{ padding-top:75px}
.pt-85{ padding-top:85px}
.pt-65{ padding-top:65px}
.pt-120{ padding-top:120px}
.pt-195{ padding-top:195px}
.pt-270{ padding-top:270px}
.ty{-webkit-box-shadow:0 0 30px #666;-moz-box-shadow:0 0 30px #666;box-shadow:0 0 30px #666;}
/* 头部 */
.t-top{  background:#f2f2f2; }
.t-top .bd{height:36px; line-height:36px;}
.t-top .bd .right a{ margin-left:35px;}
.t-top .bd .right 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}
.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_1.png) no-repeat center; margin-right:5px; vertical-align:middle;}
/* 底部 */
.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;}
/*右侧客服*/
.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;}
/*中间咨询*/
.box_m {
    width: 932px;
    height: 725px;
    background: url(../images/p-11_1.png) no-repeat;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -362px 0 0 -466px;
    display:none;
	z-index:999
}
.box_m .close{ width:42px; height:42px; background-color:#000; position:absolute; z-index:8; right:70px;top:60px; cursor:pointer; background-image:url(../images/ico-05_1.png); background-position:center; background-repeat:no-repeat; border-radius:50%;}
.box_m .close:hover{ opacity:0.7}
.box_m .txt{ width:600px; margin:0 auto; text-align:center; padding-top:450px;}
.box_m .txt h3{ color:#13c288; font-size:24px; margin-bottom:20px;}
.box_m .txt .c-a{ margin-bottom:30px;}
.box_m .txt .c-a a{ font-size:16px;color:#7b7b7b; }
.box_m .txt .c-a em{ padding:0 15px; color:#e5e5e5; font-style:normal !important}
.box_m .txt .btn a{ display:block; height:60px; line-height:60px; color:#fff; font-size:18px; background:#16c589; border-radius:10px;}
.box_m .txt .btn a:hover{ background:#06ae74}
/*adam1*/
.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_1.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;height: 88px; }
.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;}

.banner{ height:680px;overflow:hidden; position:relative}
.banner-box{ width:1920px; height:680px; position:relative; left:50%; margin-left:-960px; background:#000}
.banner-box li{ text-align:center}
.banner-box .prev,.banner-box .next{ display:block; width:58px; height:58px; border:1px solid #fff; position:absolute;top:50%; margin-top:-30px; z-index:7; cursor:pointer}
.banner-box .prev{ background:url(../images/ico-prev_1.png) no-repeat; left:50px;}
.banner-box .next{ background:url(../images/ico-next_1.png) no-repeat; right:50px;}
.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; }


.plo-1{ text-align:center}
.plo-1 h3{ font-size:30px; margin-bottom:10px;}
.plo-1 p{ font-size:16px; color:#939393}
.plo-2{ text-align:center}
.plo-2 h3{ font-size:30px; margin-bottom:20px;}
.plo-2 p{ font-size:16px; color:#939393}
.bg-1{ background-image:url(../images/bg-1_1.png)}
.f1{ height:295px; background-color:#f2f2f2}
.f1 .img{-webkit-box-shadow:5px 10px 30px #afafaf;-moz-box-shadow:5px 10px 30px #afafaf;box-shadow:5px 10px 30px #afafaf; width:1200px; height:220px; position:relative;}
.f1 .img span{ display:block; position:absolute; z-index:4; font-size:16px; color:#fff; height:110px; line-height:110px;}
.f1 .img span.sp-1{top:0; left:395px;}
.f1 .img span.sp-2{top:0; left:905px;}
.f1 .img span.sp-3{top:110px; left:395px;}
.f1 .img span.sp-4{top:110px; left:905px;}

.f2{ padding-bottom:50px; overflow:hidden}
.f2 .bd li{ float:left; width:290px; margin-right:13px;}
.f2 .bd li .img{ width:290px; height:230px; overflow:hidden}
.f2 .bd li img{-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.f2 .bd li:hover img{transform: scale(1.2);}
.f2 .bd li:hover{-webkit-box-shadow:0 10px 30px #ccc;-moz-box-shadow:0 10px 30px #ccc;box-shadow: 0 10px 30px #ccc;}
.f2 .bd li.none{ margin-right:0}
.f2 .bd li .txt{ display:table-cell; text-align:center; vertical-align:middle; height:100px; text-align:center; width:290px; border:1px solid #f2f2f2; background:#fff;}
.f2 .bd li .txt h3{ font-size:20px;}
.f2 .bd li .txt p{ font-size:12px; color:#adadad;text-transform:uppercase;}

.f3{ background:#f2f2f2}
.f3 .bd-box{ height:440px; background:url(../images/p-6_1.jpg) no-repeat top center;}
.f3 .bd ul{ float:right; width:457px; color:#fff; margin-top:45px;}
.f3 .bd ul li{ padding-top:29px; padding-bottom:24px; height:65px;}
.f3 .bd  h3{ font-size:22px;}
.f3 .bd  p{ font-size:16px; line-height:40px; color:#ddefff}

.f4{ height:650px;}
.bd-tab{ height:365px; background:#fff; border:1px solid #f5f5f5;-webkit-box-shadow:0 10px 30px #ccc;-moz-box-shadow:0 10px 30px #ccc;box-shadow: 0 10px 30px #ccc;}
.bd-tab .bd{ height:260px; position:relative}
.bd-tab .bd i{ font-size:54px; font-family:"黑体"; display:block; width:52px; height:52px; text-indent:-10px; line-height:80px; color:#fff;  position:absolute; z-index:5;top:0}
.bd-tab .bd i.l{ left:0; background:url(../images/ico-l_1.jpg) no-repeat center}
.bd-tab .bd i.r{ right:0; background:url(../images/ico-r_1.jpg) no-repeat center}
.bd-tab .bd ul{ padding:70px 60px; padding-right:80px; padding-bottom:0}
.bd-tab .bd .img{ width:94px; text-align:center}
.bd-tab .bd .img img{ border-radius:50%}
.bd-tab .bd .img p{ line-height:60px; font-size:18px;}
.bd-tab .bd .txt{ width:900px; line-height:28px; font-size:14px; color:#585858}
.bd-tab .hd{height:105px; background:#263d47}
.bd-tab .hd li{ float:left; width:25%; cursor:pointer}
.bd-tab .hd li.on{ background:#04c482}
.bd-tab .hd li span{ display:block; padding-left:70px; padding-top:35px; height:70px; border-right:1px solid #314650}
.bd-tab .hd li.none span{ border-right:none}
.bd-tab .hd li h3{ font-size:20px; color:#fff;}
.bd-tab .hd li p{ font-size:14px; color:#7e888c;    text-transform: uppercase;}
.bd-tab .hd li.on p{  color:#8eddba ; }

.f5{ height:576px; position:relative; background:url(../images/p-8_1.jpg) no-repeat center top}
.f5 .txt{ width:690px; padding-top:76px; height:310px;background:url(../images/p-9_1.jpg) no-repeat center top; position:absolute; z-index:5;top:50%; margin-top:-155px; left:50%; margin-left:-383px; text-align:center; }
.f5 .txt h3{ font-size:36px; margin-bottom:15px;}
.f5 .txt h4{ font-size:20px; color:#5c5c5c; margin-bottom:30px;}
.f5 .txt .btn a{ display:block; width:200px; height:60px; margin:0 auto; background:#04c482; line-height:60px; color:#fff; color:#fff; font-size:16px; border-radius:5px;}
.f5 .txt .btn a:hover{ background:#06ae74}

.f6{ background:#f2f2f2}
.banner-2{ height:500px;overflow:hidden; position:relative}
.banner-box-2{ width:1920px; height:500px; position:relative; left:50%; margin-left:-960px; background:#000}
.banner-box-2 li{ text-align:center}
.banner-box-2 .prev,.banner-box-2 .next{ display:block; width:58px; height:58px; border:1px solid #fff; position:absolute;top:50%; margin-top:-30px; z-index:7; cursor:pointer}
.banner-box-2 .prev{ background:url(../images/ico-prev_1.png) no-repeat; left:50px;}
.banner-box-2 .next{ background:url(../images/ico-next_1.png) no-repeat; right:50px;}
.banner-box-2 .txt-box{ position:absolute; width:1200px; display:block;top:0; left:50%; margin-left:-600px; bottom:0; text-align:left; color:#fff;}
.banner-box-2 .txt{ width:450px; float:right; margin-right:50px; padding-top:130px;}
.banner-box-2 .txt h3{ font-size:30px; margin-bottom:30px;}
.banner-box-2 .txt p{ display:block; line-height:26px; margin-bottom:30px;}
.banner-box-2 .btn a{ display:inline-block; *display:inline;*zoom:1; width:175px; height:50px; line-height:50px; text-align:center; border:1px solid #fff; border-radius:5px; color:#fff; font-size:16px;}
.banner-box-2 .btn a:hover{ color:#ff2763; background:#fff}

.f7{ height:408px;}
.lub .bd{ overflow:hidden; margin-bottom:35px; height:82px;}
.lub .bd li{ height:82px; width:14.2%; 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;}

/*adam2*/
.r-banner{ height:850px; background-position:center top; background-repeat:no-repeat;  text-align:center; color:#fff; }
.r-banner .txt{ padding-top:345px;}
.r-banner .en{ font-size:40px; color:#fff; line-height:52px;    text-transform: uppercase; margin-bottom:20px;}
.r-banner .china{ height:71px; font-size:30px; color:#fff; background:url(../images/r-3_1.jpg) repeat-x; border-radius:10px; line-height:71px; width:445px; text-align:center; margin:0 auto}

.r-header{ position:relative; }
/*.r-header .di-qu{ margin-right:105px; padding-top:14px;}
.r-header .di-qu a{ display:block; color:#fff; border:1px solid #68655d; font-size:14px; border-radius:5px; height:40px; text-align:center; width:90px; line-height:40px;}
.r-header .di-qu a:hover{ background:#FFF; color:#999}*/
.r-header .header{ position:absolute; height:68px;top:0; left:0; right:0; background:url(../images/r-4_1.png); z-index:98; }
.r-header .header.non{ position:fixed;background: url(../images/r-4_1.png); border-bottom: 2px solid #fff;}
.r-header .header .menu li a{ line-height:67px; color:#fff; border-bottom:none}
.r-header .header .menu li a:hover,.r-header .header .menu li.on a{ border-bottom:1px solid #fff;}
.r-header .header .tel{ line-height:68px; color:#fff;}
.r-header .header .city{ height:68px;}
.r-header .header .city span{ margin-top:10px; background:none; border:1px solid #fff; border-radius:5px;}
.r-header .header .city.on span{ background:url(../images/r-5_1.jpg) repeat-x; border:1px solid transparent }
.r-header .header .f-qu{top:68px;}
.r-header .c-header{width: 1200px; margin: 0 auto;}

.r-1{ height:300px; overflow:hidden}
.r-1 ul li{ width:33.33%; float:left; text-align:center;}
.r-1 ul li .img{ width:113px; height:113px; margin:0 auto; border-radius:50%; margin-bottom:30px; cursor:pointer}
.r-1 ul li .img:hover{-webkit-box-shadow:0 10px 30px #ccc;-moz-box-shadow:0 10px 30px #ccc;box-shadow: 0 10px 30px #ccc;}
.r-1 ul li.li1 .img{ background:url(../images/r-6_1.jpg) no-repeat center}
.r-1 ul li.li2 .img{ background:url(../images/r-7_1.jpg) no-repeat center}
.r-1 ul li.li3 .img{ background:url(../images/r-8_1.jpg) no-repeat center}
.r-1 ul li .t{ font-size:24px;}

.r-2{ height:690px; background:url(../images/r-9_1.jpg) no-repeat center top}
.r-2 .bd{ height:690px; position:relative;}
.r-2 span{ display:block; font-size:16px; color:#fff; position:absolute; z-index:3}
.r-2 .sp-1{top:119px; left:0; background:url(../images/r-10_1.png) no-repeat bottom left; padding-top:20px; padding-left:60px;}
.r-2 .sp-2{top:160px; right:0; background:url(../images/r-11_1.png) no-repeat center left; padding-left:35px;}
.r-2 .sp-3{top:350px; left:0; background:url(../images/r-12_1.png) no-repeat bottom left; padding-top:20px; padding-left:108px;}
.r-2 .sp-4{top:470px; right:0; background:url(../images/r-13_1.png) no-repeat center left; padding-left:120px;}

.r-3{ height:485px; overflow:hidden;}
.banner-box-3{ width:1920px; height:485px; position:relative; left:50%; margin-left:-960px; }
.banner-box-3 .bd li{ text-align:center; background:#fff}
.banner-box-3 .hd{ position:absolute; z-index:8; top:150px; width:1200px; left:50%; margin-left:-600px;}
.banner-box-3 .hd li{ float:left; width:15px; height:15px; overflow:hidden; text-indent:-99px; background:url(../images/r-18_1.png) no-repeat center; margin-left:14px; cursor:pointer}
.banner-box-3 .hd li.on{background:url(../images/r-19_1.png) no-repeat center}

.r-4{ height:750px; background:url(../images/r-20_1.jpg) no-repeat center top; color:#fff; font-size:16px; line-height:normal}
.r-4 h3{ text-align:center; font-size:50px; margin-bottom:15px;}
.r-4 h4{ text-align:center; font-size:30px; margin-bottom:20px;}
.r-4 .btn{ text-align:center;}
.r-4 .btn a{ display:inline-block; *display:inline;*zoom:1; width:200px; height:60px; line-height:60px; font-size:16px; color:#fff; background:#58c087}
.r-4 .btn a:hover{ background:#06ae74} 

.r-5{ height:680px;}
.r-5 .hd{ text-align:center;}
.r-5 .bd li{ width:240px; height:190px; overflow:hidden; float:left; cursor:pointer}
.r-5 .bd li img{ display:block;}
.r-5 .bd li.gray img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.r-6{ height:660px;background:url(../images/r-22_1.jpg) no-repeat center top;}
.r-6 .bd{ width:50%; float:right; height:660px; background:url(../images/r-23_1.png); position:relative}
.r-6 .bd i{ display:block; width:146px; height:146px; background:url(../images/r-24_1.png) no-repeat center; position:absolute; z-index:7; left:-73px;top:50%; margin-top:-73px;}
.r-6 .txt{ padding-top:230px; padding-left:125px; color:#fff; line-height:normal}
.r-6 .txt h3{ font-size:42px; margin-bottom:30px;}
.r-6 .txt h4{ font-size:24px; line-height:42px;}

.r-7{ height:330px;background:#fff url(../images/r-25_1.png) no-repeat center ;}
.r-7 .txt{ font-size:30px; line-height:42px; text-align:center; padding-top:120px;}

.r-8{ height:830px;background:#fff url(../images/r-26_1.jpg) no-repeat center top;}
.r-8 .plo{ padding-top:90px; text-align:center; height:130px; border-bottom:1px solid #e31e3c; line-height:normal}
.r-8 .plo h3{ font-size:50px; color:#fff}
.r-8 .plo p{ font-size:20px; color:#e7b6bb;    text-transform: uppercase;}
.r-8 .hd{ height:62px;}
.r-8 .hd li{ float:left; height:60px; line-height:60px; width:178px; text-align:center;font-size:20px; color:#fff; margin:0 30px; border:1px solid transparent; cursor:pointer}
.r-8 .hd li.on{border:1px solid #fff;}

.r-8 .bd-box{ height:390px; background:#f3ffff; border-radius:10px; overflow:hidden; border:1px solid #e1e1e1;-webkit-box-shadow:0 10px 30px #ccc;-moz-box-shadow:0 10px 30px #ccc;box-shadow: 0 10px 30px #ccc;}
.r-8 .bd-box .tab{  width:100%; height:390px;}
.r-8 .bd-box .tab .li1{ vertical-align:middle; text-align:center; height:190px; border-bottom:1px solid #e1e1e1}
.r-8 .bd-box .tab .li1 h3{ font-size:24px; line-height:100px;}
.r-8 .bd-box .tab .li1 p{ font-size:16px; line-height:30px;}
.r-8 .bd-box .tab .li2{ height:136px; float:left; background:#eaf9fa; width:599px; border-right:1px solid #e1e1e1}
.r-8 .bd-box .tab .li3{ height:136px; float:left; background:#eaf9fa; width:598px; overflow:hidden}

.r-8 .bd-box .tab .li4{ height:110px; float:left; background:#eaf9fa; width:398.3px; overflow:hidden;    border-right: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
.r-8 .bd-box .tab .li4.none{ background:none}
.fz14{ font-size:14px;}
.fz18{ font-size:18px;}
.fz24{ font-size:24px;}
.r-8 .tab .btn{ clear:both}
.r-8 .tab .btn a{ display:block; height:65px; background:#58c087; line-height:65px; color:#fff; font-size:20px; text-align:center}
.r-8 .tab .btn a:hover{ background:#06ae74}

.r-9{ height:290px;background:#fff url(../images/r-27_1.jpg) no-repeat center top; display:table; width:100%}
.r-9 .bd{ display:table-cell; height:290px; text-align:center; vertical-align:middle; line-height:normal}
.r-9  h3{ font-size:40px; color:#fff;}
.r-9  p{ font-size:20px; color:#fff;text-transform: uppercase;}

.main-n{ overflow:hidden; background:url(../images/n-01_1.jpg) no-repeat center top; border-top:1px solid #ebebeb}
.n-box{ background:#fff; border:1px solid #e1e1e1; border-radius:10px; font-size:18px; color:#585858; margin-bottom:85px;-webkit-box-shadow:10px 10px 10px #e7e7e7;-moz-box-shadow:10px 10px 10px #e7e7e7;box-shadow:10px 10px 10px #e7e7e7;}
.n-box a{ font-size:18px; color:#585858}
.n-1{ height:42px; line-height:42px; padding:25px 20px; font-size:16px; border-bottom:1px solid #e6e6e6}
.n-1 span{ font-size:18px; color:#5bc18e; margin:0 42px;}
.n-1 a{ display:inline-block; *display:inline;*zoom:1; height:42px; background:#f1a73e; border-radius:5px; cursor:pointer; font-size:14px; color:#fff; padding:0 20px;}
.n-1 a:hover{ background:#fc9c00}
.n-2{ height:42px; line-height:42px; padding:25px 20px; font-size:16px; background:#f2f2f2;border-bottom:1px solid #e6e6e6}
.n-2 .inp{ padding:12px 7px; width:430px; border:1px solid #e8e8e8; background:#fff; font-size:14px; border-radius:5px 0 0 5px;}
.n-2 span{ position:relative; display:inline-block; *display:inline;*zoom:1;}
.n-2 .btn{width:130px;  background:#f1a02c; font-size:14px; border-radius:0 5px 5px 0; cursor:pointer; color:#fff; height:40px; border:none}
.n-2 .btn:hover{background:#fc9c00;}
.ac_results{ position:absolute; z-index:10;top:50px !important; left:0 !important; right:130px !important; background:#fff; border-radius:10px; border:1px solid #e1e1e1; display:none;-webkit-box-shadow:0 10px 30px #ccc;-moz-box-shadow:0 10px 30px #ccc;box-shadow: 0 10px 30px #ccc;}
.ac_results li{ float:left; width:90px; line-height:40px;}
.ac_results ul{ padding:10px 20px;}
.ac_results a:hover{ color:#5bc18e}
.n-3{ line-height:42px; padding:20px 25px; overflow:hidden;border-bottom:1px solid #e6e6e6}
.n-3 .hot-c{ width:1030px; float:right}
.n-3 .hot-c a{ display:block; width:95px; float:left; color:#5bc18e}
.n-3 .hot-c a:hover{ color:#06ae74}

.n-4{padding:25px 0; overflow:hidden;border-bottom:1px solid #e6e6e6}
.n-4 .hd{ height:49px; padding:0 20px;}
.n-4 .hd h3{ display:block; float:left; height:42px; line-height:42px; padding:0 24px; background:#5bc18e; color:#fff; font-size:16px; border-radius:5px; position:relative}
.n-4 .hd h3 i{ width:11px; height:7px; position:absolute; z-index:3; bottom:-7px; left:20px; background:url(../images/n-02_1.png) no-repeat center}
.n-4 .bd li{padding:15px 20px; position:relative; min-height:44px; padding-left:84px; overflow:hidden;border-bottom:1px solid transparent; border-top:1px solid transparent}
.n-4 .bd li:hover{ border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6;-webkit-box-shadow:0 0 10px #e7e7e7;-moz-box-shadow:0 0 10px #e7e7e7;box-shadow:0 5px 10px #e7e7e7;}
.n-4 .bd li i{ display:block; position:absolute; z-index:8; left:20px; width:44px; height:44px; line-height:44px; background:url(../images/n-03_1.png) no-repeat center; text-align:center;top:50%; margin-top:-22px;}
.n-4 .bd li:hover i{ color:#fff;background:url(../images/n-04_1.png) no-repeat center;}
.n-4 .bd li a{ display:block; float:left; height:44px; line-height:44px; margin-right:60px;}
.n-4 .bd li a:hover{ color:#5bc18e}

.n-5{padding:25px 20px; overflow:hidden;}
.n-5 a{ display:block; width:95px; float:left; color:#5bc18e; line-height:40px;}
.n-5 a:hover{ color:#06ae74}

#z-bg{background-color: #000;
    position: fixed;
    z-index: 996;
    left: 0;
    top: 0;
    display:none;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;}
.make{ width:650px; height:420px; background:#ffffff; border-radius:5px;position: fixed;z-index: 997;left: 50%;top: 50%; margin-top:-210px; margin-left:-325px; display:none}
.make .hd{ background:#18c68b; font-size:22px; color:#fff;padding-top:60px; padding-left:45px; height:115px; line-height:34px; border-radius: 5px 5px 0 0 ;}	
.fz26{ font-size:26px; }
.make .bd{ text-align:center; padding-top:50px;}
.make .bd .li1{ height:45px; line-height:45px; margin-bottom:28px; font-size:18px;}
.make .bd .sub{ max-height:217px; overflow-y:auto}
.make .bd .selec{ display:inline-block; *display:inline;*zoom:1; border:1px solid #e1e1e1; height:43px; line-height:43px; padding:0 10px; margin:0 5px; border-radius:5px; position:relative; text-align:left;}
.make .bd .selec i{ background:url(../images/n-05_1.png) no-repeat center right; width:85px; display:block}
.make .bd .selec .sub{ position:absolute; z-index:8; left:-1px; right:-1px;top:40px; background:#fff; border:1px solid #e1e1e1; display:none}
.make .bd .selec#select1 .sub.on,.make .bd .selec#select3 .sub.on{ display:block}
.make .bd .selec#select2 .sub.sele.on{ display:block !important}
.make .bd .selec .sub li a{ padding:0 10px; cursor:pointer; display:block !important}
.make .bd .selec .sub li a:hover{ background:#CCC; color:#585858}
.make .bd .li2{ height:50px; text-align:center;}
.make .bd .li2 a{ display:block;display:inline-block; *display:inline;*zoom:1; height:50px; line-height:50px; font-size:16px; color:#fff; margin:0 20px; width:180px; text-align:center; border-radius:10px;}
.make .bd .li2 a.links{ background:#fda414}
.make .bd .li2 a.links:hover{ background:#fc9c00}
.make .bd .li2 a.btn{ background:#18c68b}
.make .bd .li2 a.btn:hover{ background:#06ae74}
.make .bd #select3.selec i{ width:170px;}
.make i.cl{ display:block; position:absolute; z-index:8; width:42px; height:42px; background:#000 url(../images/ico-05_1.png) no-repeat center; right:20px;top:20px; border-radius:50%; cursor:pointer;}
.make i.cl:hover{ opacity:0.8}
.bd-2{ display:none}

.f2-btn{ margin-top:30px; text-align:center}
.f2-btn span{ display:inline-block; *display:inline;*zoom:1; height:60px; background:url(../images/btn-3_1.jpg) no-repeat center; width:240px; line-height:60px; font-size:18px; cursor:pointer}

.list3{ overflow:hidden; border:1px solid #f2f2f2;height:75px; margin-top:30px; display:none}
.list3 span{ width:25%;float:left; display:block }
.list3 a{ display:block; text-align:center; height:75px; line-height:75px; font-size:20px; background:#fff;border-right:1px solid #f2f2f2;}
.list3 a.none{ border-right:none}
.list3 a:hover{ background:#58c087; color:#fff}

.detail-wrap{padding: 20px 0; background: #f4f4f4;}
.middle1200{width: 1200px; margin: 0 auto;}
.detail-wrap .col-l{width: 220px; float: left; background: #fff;}
.detail-wrap .col-l li{height: 45px; line-height: 45px; text-align: center;}
.detail-wrap .col-l li a{display: block;}
.detail-wrap .col-l li a.active{background: #04c482; color: #fff;}
.detail-wrap .col-r{width: 960px; background: #fff; padding: 20px; box-sizing: border-box; float: right;}
.detail-wrap .col-r dt{font-weight: bold; margin: 15px 0;}
.detail-wrap .col-r dd li{line-height: 30px; padding-left: 40px;}
.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;}

.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;}
