@charset "utf-8";
/* 天润融通官网 首页样式 2015-10-16  */
.mcon{ width:1150px; margin:0 auto;}
/*头部*/
.header{ background:#f2f2f2; height:40px; font-size:14px;}
.header .phone{ position:absolute; right:280px; top:0; color:#8c8c8c; line-height:40px;}
.header .phone span { font-family:"宋体"; color:#e2e2e2; margin:0 15px;}
.header .phone strong { font-size:18px; font-weight:normal; color:#4ac060; font-family:Arial, Helvetica, sans-serif;}
.header .login{ position:absolute; right:190px; top:4px; display:block; color:#fb9821; padding:4px 10px; background:#fff; border:1px solid #ccc;}
.header .login:hover{ background:#eee}
.header .trial{ position:absolute; right:105px; top:4px;display:block; color:#fff; padding:4px 10px; background:#ff9b24; border:1px solid #ff9b24;}
.header .trial:hover{ background:#e87e00}
.header .org{ position:absolute; right:0; top:6px; width:86px; height:25px; z-index:10000; }
.header .org .fenzhi{ width:86px; height:25px; float:left; clear:both;}



/*导航*/
.nav{ font-size:18px; height:72px; border-bottom:3px solid #ffac40;}
.nav .logo{ position:absolute; left:0; top:0; background:url(../images/logo.png) no-repeat; width:210px; height:75px;}
.nav .navlist{ position:absolute; right:0; top:0;}
.nav .navlist li{ float:left; height:72px; line-height:72px; cursor:pointer; overflow:hidden}
.nav .navlist li a.leve0{ color:#4f4f4f; display:block;height:100%; padding:0 20px;}
.nav .navlist li a.leve0:hover{ color:#fff; background:#ff9b24;}
.nav .navlist li .flist{ position:absolute;background:#fff; font-size:16px; z-index:11000}
.nav .navlist li .flist p a{ color:#888; clear:both; display:block; line-height:36px; padding:0 15px;}
.nav .navlist li .flist p a:hover{ color:#fff; background:#ff9b24;}

/*头部大图*/
.bar{ position:relative;}
.bar .picbg{ width:1125px; height:412px; margin:0 auto; text-align:center}
.bar .picbg img{ height:100%;}
.bar .pic1{ background:#e2edfe;}
.bar .picbtn{ width:340px;position:absolute; bottom:15px; left:40% }
.bar .picbtn li{ float:left; margin:0 5px; width:60px; height:5px; background:#c2c2c2; cursor:pointer}
.bar .picbtn li.cur{ background:#ff9a40}

/*产品导航*/
.pronav{ height:125px; background:#f3f3f3;}
.pronav .prolist{ margin:30px 20px 0 20px}
.pronav .prolist li{ float:left; width:25%; cursor:pointer; }
.pronav .prolist li a{position:relative; display:block}
.pronav .prolist li .prodbg{  height:62px; position:absolute; left:0; top:0 }
.pronav .prolist li:hover .prodbg{ background-position:-98px 0}
.pronav .prolist li span{ display:block;width:62px;height:62px; background:url(../images/pronav.png); margin:0 auto; }
.pronav .prolist li span.prod1{ background-position:0 0}
.pronav .prolist li span.prod2{ background-position:-62px 0}
.pronav .prolist li span.prod3{ background-position:-124px 0}
.pronav .prolist li span.prod4{ background-position:-186px 0}
.pronav .prolist li p{ font-size:18px; line-height:24px; color:#6f6f6f; margin-left:75px; padding-top:5px}
.pronav .prolist li i.n{ color:#916f6f; font-style:normal}
.pronav .prolist li b.b{ font-weight:bold; color:#43ba5a; font-weight:normal}

/*产品*/
.prod .con h2{ font-size:34px; font-weight:normal; color:#475058; margin-bottom:25px}
.prod .con p{ font-size:16px; color:#454545; line-height:30px}
.prod .con p .point{ font-size:22px; color:#147ae0;}
.prod .con .more{ font-size:18px; display:block; padding:10px 0; width:200px; text-align:center; margin:0 auto; color:#fff; border-radius:6px; background:#147ae0; margin-top:25px; margin-bottom:25px;}
.prod .con .more:hover{ background:#007964;}
.prod .con .khlogo{ margin-top:30px}
.prod .con .khlogo li{ float:left; text-align:center;}
.prod .con .khlogo li p{ font-size:17px; color:#a0a08c }

.fwx .mcon{ height:510px;}
.fwx .picbg{ position:absolute; left:50px; bottom:0; background:url(../images/pro_fwx.png); background-size:100% 100%; height:470px; width:550px;}
.fwx .con{
	position: absolute;
	right:30px;
	top: 70px;
	width:568px;
	text-align: center
}
.fwx .con .khlogo li{ width:25%;}

.whx{ background:#f3f3f3}
.whx .mcon{ height:525px;}
.whx .picbg{ position:absolute; right:40px; bottom:0; background:url(../images/pro_whx.png) 0 0 no-repeat; height:525px; width:545px;}
.whx .con{
	position: absolute;
	left:0px;
	top: 80px;
	width:580px;
	text-align: center
}
.whx .con .khlogo { width:500px; margin:0 auto; }
.whx .con .khlogo li { float:left; width:25%;}

.fbs .mcon{ height:510px;}
.fbs .picbg{ position:absolute; left:80px; bottom:10px; background:url(../images/pro_fbs.png); background-size:100% 100%; height:460px; width:530px;}
.fbs .con{ position: absolute; right: 70px; top: 85px; width: 451px; text-align: center 
}
.fbs .con .khlogo{ margin:0 auto; width:300px}
.fbs .con .khlogo li{ width:50%}
.ypt{ background:#f0f0f0}
.ypt .mcon{ height:510px;}
.ypt .picbg{ position:absolute; right:60px; bottom:20px; background:url(../images/pro_ypt.png); background-size:100% 100%; height:460px; width:420px;}
.ypt .con{
	position: absolute;
	left: 60px;
	top: 100px;
	width: 606px;
	text-align: center
}
.ypt .con .khlogo li{ width:25%;}

/*成功案例*/
.client{ margin:60px 0;}
.client .title{ font-size:22px; color:#333; margin-bottom:30px}
.clientCon{ position:relative; margin-left:60px; height:260px}
.clientCon p{ position:absolute; left:20px; bottom:10px;}
.clientCon .side1 img,.clientCon .side2 img{ position:absolute; float:left}
.clientCon .side1{height:100%; border:1px solid #ccc; background:#fff; text-align:center; }
.clientCon .side2{ height:100%; text-align:center; color:#fff; position:absolute; width:100%}

.clientCon .c1{left:0; top:0; width:320px; height:116px;}
.clientCon .c1 .side2{border:1px solid #a0a08c; background:#a0a08c;}
.clientCon .c2{left:0; top:130px; width:154px; height:120px;}
.clientCon .c2 .side2{border:1px solid #b47891; background:#b47891;}
.clientCon .c3{left:166px; top:130px; width:154px; height:120px;}
.clientCon .c3 .side2{border:1px solid #646450; background:#646450;}
.clientCon .c4{left:332px; top:0px; width:165px; height:250px;}
.clientCon .c4 .side2{border:1px solid #3399ff; background:#3399ff;}
.clientCon .c5{left:508px; top:0px; width:180px; height:116px;}
.clientCon .c5 .side2{border:1px solid #e69b46; background:#e69b46;}
.clientCon .c6{left:702px; top:0px; width:351px; height:116px;}
.clientCon .c6 .side2{border:1px solid #7e7e6d; background:#7e7e6d;}
.clientCon .c7{left: 508px;top: 130px;width: 317px;height: 120px;}
.clientCon .c7 .side2{border:1px solid #a0a08c; background:#a0a08c;}
.clientCon .c8{left: 838px; top: 130px;width: 213px;height: 120px;}
.clientCon .c8 .side2{border:1px solid #147ae0; background:#147ae0;}

/*新闻*/
.news{ float:left; width:800px; margin-right:50px}
.news .title{ position:relative; font-size:22px; color:#333; margin-bottom:30px}
.nrmore { position:absolute; right:0; top:0; line-height:30px; font-size:14px; font-weight:normal;}

.news .picnews{ float:left; margin-right:50px; position:relative; width:350px;}
.news .picnews .day{ display:block; margin-left:106px; margin-top:15px; color:#fff; font-size:12px; font-family:Arial;}
.news .picnews h2{ margin:10px 0 10px 15px; color:#fff; font-weight:normal; font-size:22px;}
.news .picnews p{ margin:10px 10px 15px 15px; color:#fff; font-size:12px;}
.news .picnews .picmsg{ position:absolute; background:url(../images/newsbg.png); width:182px; height:158px; left:0; top:20px;}
.news .picnews .picbox{ margin-left:60px}
.news .newslist{ overflow:hidden}
.news .newslist li{ margin-bottom:15px;}
.news .newslist li h2{ font-size:17px; font-weight:normal; line-height:36px}

.news .newslist li .newsMsg{ height:24px; clear:both; overflow:hidden}
.news .newslist li .newsMsg li{margin-right:20px; float:left; position:relative; margin-right:10px}
.news .newslist li .newsMsg li span{ display:block; position:absolute; width:14px; height:14px; background:url(../images/newsmsg.png); left:0; top:4px}
.news .newslist li .newsMsg li p{ margin-left:18px;}
.news .newslist li .newsMsg li.source span{ background-position:0 0} 
.news .newslist li .newsMsg li.day span{ background-position:-14px 0}
.news .newslist li .newsMsg li.click span{ background-position:-28px 0} 

.news .newslist li p{ font-size:12px; line-height:20px}
.news .newslist li a{ color:#333}
.news .newslist li a:hover{ color:#147ae0}

/*视频*/
.video{  overflow:hidden}
.video .title{ position:relative; font-size:22px; color:#333; margin-bottom:30px}

/*链接
.links{ background:#f0f0f0; height:55px; line-height:55px; clear:both; }
.links ul{ position:absolute; left:0; width:900px}
.links li{ float:left; margin-right:20px; font-size:14px; color:#4f4f4f}
.links li a{color:#4f4f4f;}
.links li a:hover{color:#333;}*/


/*底部导航*/
.bottom{ background:#474747; height:266px; position:relative}
.bottom .bnav{ position:absolute; left:0; top:30px; width:500px}
.bottom .bnav li{ float:left; margin-right:30px;}
.bottom .bnav li h3{ font-size:16px; font-weight:normal; color:#fff; margin-bottom:5px}
.bottom .bnav li p{ font-size:14px; line-height:24px}
.bottom .ewm{ position:absolute; right:0; top:30px; width:430px}
.bottom .ewm p{ font-size:14px; color:#fff; line-height:32px; text-align:center;}
/* .bottom .ewm .wx{ float:left; width:100px; margin-left:20px}
.bottom .ewm .gw{ float:left; width:100px; margin-left:20px} */
.bottom .ewm .wx{ float:left; width:90px; margin-left:20px}
.bottom .ewm .kxy{ float:left; width:90px; margin-left:20px}
.bottom .ewm .aws{ float:left; width:184px; margin-left:20px}
.bottom .phone{
	position: absolute;
	right: 420px;
	top: 118px;
	height: 45px;
	line-height: 45px;
	background: url(../images/phone.png) left center no-repeat;
	padding-left: 45px;
	font-size: 22px;
	color: #999;
	font-family: Arial
}
.bottom .newphone { position:absolute; width:190px; height:138px; border-right:1px solid #515151; border-left:1px solid #515151; left:471px; top:34px;}
.bottom .newphone h1 { font-size:14px; color:#8d8d8d; text-align:center; line-height:18px; font-weight:normal; margin:15px 0 0 0;}
.bottom .newphone h2 { font-size:18px; color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:30px; font-weight:normal; }

/*页脚*/
.footer{ background:#363636; height:32px; line-height:32px; color:#7f7f7f; font-size:12px;}


/*暗窗*/
.featherlight {
	display: none;
	position:fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:99999;
	height: 100%;
	text-align: center;
	cursor: pointer;
	background: #333;
	background: rgba(0, 0, 0, 0.8);
}
.featherlight .featherlight-close {
	position: absolute;
	z-index:99999;
	right: 0px;
	top: 0px;
	line-height: 25px;
	width: 25px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font: Arial bold;
	background: #fff;
	color: #000;
	border-radius:10px;
}
.featherlight:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.featherlight .featherlight-content {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding:10px;
	width:500px;
	height:400px;
	overflow: auto;
	background: #fff;
	cursor: auto;
	border-radius:10px;
}
.featherlight .featherlight-inner {
	display: block;
}
.featherlight-iframe .featherlight-content {
	min-height: 60%;
}
.featherlight iframe {
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
.featherlight .featherlight-image {
	width: 100%;
}

.lightbox {
	display: none;
}
.fl-page h1, .fl-page h3, .fl-page h4 {
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
}
.fl-page h1 {
	font-size: 110px;
	margin-bottom: 0.5em;
}
.fl-page h1 i {
	font-style: normal;
	color: #ddd;
}
.fl-page h1 span {
	font-size: 30px;
	color: #333;
}
.fl-page h3 {
	text-align: right;
}
.fl-page h3 {
	font-size: 15px;
}
.fl-page h4 {
	font-size: 2em;
}
.fl-page .jumbotron {
	margin-top: 2em;
}
.fl-page .doc {
	margin: 2em 0;
}
.fl-page .btn-download {
	float: right;
}
.fl-page .btn-default {
	vertical-align: bottom;
}
.fl-page .btn-lg span {
	font-size: 0.7em;
}
.fl-page .footer {
	margin-top: 3em;
	color: #aaa;
	font-size: 0.9em;
}
.fl-page .footer a {
	color: #999;
	text-decoration: none;
	margin-right: 0.75em;
}
.fl-page .github {
	margin: 2em 0;
}
.fl-page .github a {
	vertical-align: top;
}
.fl-page .marketing a {
	color: #999;
}
/* override default feather style... */
				.fixwidth {
	background: rgba(256, 256, 256, 0.8);
}
.fixwidth .featherlight-content {
	width: 500px;
	padding: 25px;
	color: #fff;
	background: #111;
}
.fixwidth .featherlight-close {
	color: #fff;
	background: #333;
}

 .fl-page h1 span {
display: block;
}
 .fl-page .btn-download {
float: none;
margin-bottom: 1em;
}


/* ------------------------天润换皮肤 2015-12-22------------------------ */
.ttop { width:100%; height:95px; background:url(../images/ttopbg.jpg) 0 0 no-repeat; min-width:1260px; }
.ttop1150 { width:1150px; height:68px; margin:0 auto;}

.tlogo { float:left; position:relative; width:196px; height:41px; background:url(../images/tlogo.png) 0 0 no-repeat; margin:27px 0 0 100px;}
a.logolink { display:block; width:186px; height:41px;}
a.lshow { position:absolute; display:block; width:130px; height:24px; text-align:center; line-height:24px; border:1px solid #ddd; background:#FFF; font-size:14px; left:196px; top:15px; display:none; }

.ttop-r { float:right; padding:21px 0 0 0;}
.tr-1 { float:left; font-family:"Microsoft YaHei","simhei","宋体"; font-size:14px; line-height:26px; color:#a8a8a8; vertical-align:middle;}
.tr-1 span { display:inline-block; width:31px; font-family:"宋体"; color:#e2e2e2; text-align:center; vertical-align:middle;}
.tr-1 strong { font-family:Arial; font-size:18px; color:#00825f; line-height:26px; font-weight:normal; margin:0 0 0 8px;}

.tr-2 { float:left; margin:0 0 0 35px;}
a.tlogin { display:inline-block; width:55px; height:24px; border:1px solid #c5c5c5; background:#FFF; font-size:14px; color:#646450; line-height:24px; text-align:center; vertical-align:middle; }
a.tlogin:hover { background:#f6f6f6;}
a.tmfsy { display:inline-block; width:85px; height:26px; line-height:26px; font-size:14px; color:#fff; text-align:center; background:#3399ff; vertical-align:middle; margin:0 0 0 8px;}
a.tmfsy:hover { background:#c88131; }

.tr-3 { float:left; position:relative; margin:0 0 0 35px;}
a.tfzjg { display:inline-block; line-height:26px; background:url(../images/txlcd.png) right center no-repeat; padding:0 25px 0 0; font-size:14px; color:#636363;}

.fznr{ width:79px; position:absolute; left:0; top:25px; border:1px solid #ccc; background:#fff; display:none; }
.fznr ul { margin:0px; padding:0px; list-style:none; }
.fznr ul li { margin:0px; padding:0px; width:79px; height:24px; overflow:hidden; }

.fznr ul li a { display:block; height:24px; line-height:24px; text-indent:10px; font-size:14px; color:#999999; ;}
.fznr ul li a:hover { background:#3399ff; color:#fff; }

.tmenu { width:100%; height:40px; background:#3399ff; line-height:40px;}
.tmenu > ul { width:1000px; margin:0 auto;}
.tmenu > ul > li { float:left; font-size:18px; }
.tmenu > ul > li > a { display:block; color:#FFF; padding:0 50px;}
.tmenu > ul > li > ul { position:absolute; background:#FFF; display:none; z-index:999999; padding:0; margin:0; }
.tmenu > ul > li > ul > li { display:block; height:40px; text-align:center; overflow:hidden; vertical-align:top;}
.tmenu > ul > li > ul > li > a { display:block; font-size:16px; color:#767676; line-height:40px;}
.tmenu > ul > li > ul > li > a:hover { background:#e0a15a; color:#FFF;}

.alu{height: 50px;background: #3399ff;line-height: 50px;}
.klhyg{width: 1200px;height: 50px;margin:0 auto;}
.klhyg a{color:#fff;margin-left: 10px;}

.ce{width: 61px;position: fixed;right: 0;top:45%;display: block;z-index: 99999;}
.ce a{display: block;border-top:1px solid #fff;}
.ce a img{width: 100%;}