﻿/*-------------------------------------
	css for www.fanyue.com
	date 2013-7-4
----------------------------------------*/

/*--全局CSS定义--*/
* { word-break: break-all; }/*在IE中实行强制换行*/
body { line-height:22px; margin:0; padding:0; color:#666; font:12px/1.6 arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif; background:#fff; }
div, form, img, ul, ol, li, dl, dt, dd, p, span, fieldset, input { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:12px; font-weight:normal; }
table, td, tr, th { font-size:12px; }
li { list-style-type:none; }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.ad { clear:both; height:90px; }
.w990{ width:990px; margin:0 auto;}

/*--超链--*/
a { color: #477ed5; text-decoration:none; }
a:hover { color:#f60; text-decoration:none; }

.abtn{display:inline-block;margin-right:12px;color:#fff;height:35px;line-height:35px;text-align:center; padding:0 30px; font-size:14px; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.style_a{ background:#fb9a34; border:1px #ea7f00 solid;}
.style_b{ background:#81b75a; border:1px #69a545 solid;}
.style_a:hover{ color:#643300;}
.style_b:hover{ color:#235a01;}

.cont_img{ text-align:center; padding:30px; margin-right:10px;}
.cont_img img{ width:460px; margin-bottom:20px; border:5px #fff solid;-moz-box-shadow:3px 3px 10px #999; -webkit-box-shadow:3px 3px 10px #999; box-shadow:3px 3px 10px #999;}
.cont_img_li{ float:left; width:100%; padding-top:15px; margin-bottom:30px;}
.cont_img_li ul{ float:left; width:750px;}
.cont_img_li li{ float:left; width:225px; height:330px; text-align:center; margin:0 18px 16px 0;}
.cont_img_li li img{ width:210px; border:5px #fff solid;-moz-box-shadow:3px 3px 10px #999; -webkit-box-shadow:3px 3px 10px #999; box-shadow:3px 3px 10px #999; margin-bottom:6px;}

/*--首页--*/
.index .banner{ clear:both; height:403px; background:#0677cf;}
.index .banner ul{ width:990px; margin:0 auto;}
.index .main{ position:relative; height:500px; background:#eee;}
.index .content{ width:934px; overflow:hidden; padding:28px 28px 56px 28px; background:#fff; position:absolute; z-index:200; top:-100px; }
.index .content .fl, .index .content .fr{ width:430px; height:330px;}
.index .content .about .fr p{ text-indent:5em;}
.index .content .about{ float:left; width:100%; background:url(../img/ico_a.gif) repeat-y center;}
.index .content .about h2{ height:50px; margin:0 0 10px;}
.index .content .about h2 b{font:32px/1.5 '微软雅黑',黑体; color:#f60;}
.index .content .about h2 span{ float:right; padding-top:9px;}
.index .content .about h2 span a{ display:inline-block; height:30px; line-height:30px; margin:0 0 0 8px; background:#b2b2b2; text-align:center; font-size:14px; padding:0 15px; -moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; color:#fff;}
.index .content .about h2 span a:hover{ background-color:#999;}
.index .content .about h2 span a.current{ background-color:#00a0e9;}
.index .content .about h3{font:16px/1.5 '微软雅黑',黑体; font-weight:bold; margin-bottom:6px; }
.index .content .about p{ text-indent:2em; line-height:26px; font-size:14px; color:#666;}
.index .content .about div div{ width:430px; overflow:hidden; margin:0 0 15px;}
.index .content .about div div img{ width:430px; height:100px;}
.index .content .other{ clear:both; width:965px; padding:30px 0 0 0;}
.index .content .other li{ float:left; width:296px; margin:0 25px 0 0; text-align:center;}
.index .content .other li a{ display:block; height:110px; padding:18px 0 0 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.index .content .other li a b{ color:#fff;font:45px/1.2 Verdana, Helvetica, sans-serif;letter-spacing:-2px}
.index .content .other li a p{ font:22px/1.5 '微软雅黑',黑体;}
.index .content .other li.a1 a{ background:#cea580;}
.index .content .other li.a2 a{ background:#50b0fe;}
.index .content .other li.a3 a{ background:#4dcb21;}
.index .content .other li.a1 a:hover{ background:#deb38c;}
.index .content .other li.a2 a:hover{ background:#60b7fe;}
.index .content .other li.a3 a:hover{ background:#58da2b;}
.index .content .other li.a1 a p{ color:#784415;}
.index .content .other li.a2 a p{ color:#0e4877;}
.index .content .other li.a3 a p{ color:#25700b;}
.index .footer{ background:#fff;}
/*--logo--*/
.logo{ height:85px;}
.logo .fl{ padding-top:2px;}
.logo .fr{ font-size:16px; padding-top:35px; color:#999;}
.logo .fr a{font-weight:bold;}
.logo .fr strong a{ color:#f60; }
.logo .fr i{ background:#f60; color:#fff; font-style:normal; display:inline-block; width:24px; height:24px; text-align:center; border-radius:50%;}
/*--导航--*/
.nav{ clear:both; padding-top:10px; height:40px; overflow:hidden; background:url(../img/bg_nav.jpg) repeat-x top;}
.nav ul{ width:auto!important; position: static!important;float:right;}
.nav ul li{ float:left; height:40px; overflow:hidden;}
.nav ul li:last-child{ background:none;}
.nav ul li a{ color:#fff; font-size:16px; display:block; height:40px; line-height:40px; font-weight:bold; text-align:center; padding:0 41px;}
.nav ul li a:hover{ background-color:#0464af; }
.nav ul li.current a{ background:url(../img/bg_nav_brd.jpg) #034e88 repeat-x bottom; color:#fff; }
.nav ul li.current a:hover{ color:#fff;}
.banner{ height:203px; background:url(../img/bg_banner.jpg) #73c0fe repeat-x bottom;}
.main{}
.content{ padding:20px 0; margin-bottom:20px;}
.article{ font-size:14px; line-height:26px; position:relative; min-height:360px; _height:360px; margin:0 auto 40px auto;}
.article h2{ font:30px/1.2 '微软雅黑',黑体; color:#0675cd; padding:35px 0 20px 0;}
.article h3{ font:30px/1.2 '微软雅黑',黑体; color:#0675cd; padding:12px 0;}
.article span p{ text-indent:2em; margin-bottom:12px; }
.article .fl{ position:absolute; background:#fff; width:200px; padding-top:14px; }
.article .fl a{ padding-left:45px; display:block; font-size:14px; font-weight:bold;}
.article .fl a:hover{ background:#fff4ea; }
.article .fl li{ position:relative; line-height:42px; border-bottom:1px #eee solid;}
.article .fl li i{ position:absolute; right:0; top:10px; background:#f60; color:#fff; font-style:normal; display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%;}
.article .fl li.current a{ color:#f60; padding:10px 0 10px 45px; background:url(../img/ico1.jpg) no-repeat left center;font:22px/1.8 '微软雅黑',黑体;}
.article .fl li.current i{ top:25px;}
.article .fr{ position:relative; width:710px; min-height:380px; _height:380px; border-left:1px #ccc solid; padding:0 0 30px 50px; font-size:14px; line-height:30px; margin-top:14px; }
.article .sublist li{ height:32px; line-height:32px; padding-left:15px; background:url(../img/dot.gif) no-repeat left center;}
.article .user{ position:absolute; width:160px; height:200px; z-index:99; text-align:center; top:-65px; right:30px;}
.article .user div{ width:140px; height:140px; border-radius:50%; margin-bottom:10px; border:8px #ddd solid; overflow:hidden; background:#fff;}
.article .user div img{ max-width:140px;}
.article .photo{ width:420px; height:300px; overflow:hidden; float:right; margin:50px 0 0 20px; }
.article .photo img{ max-width:420px;}
.article .brd{ border-left:2px #73c0fe solid; font-weight:bold; padding:20px; margin-bottom:15px;}
.article .map{ clear:both; border:1px #ccc solid; overflow:hidden; width:988px; height:400px; overflow:hidden; }
.con_fl{ padding-left:80px; background:url(../img/bg_confl.jpg) no-repeat left top;}
.con_fc{ position:relative; min-height:250px; _height:250px; padding:25px 30px; background-color:#feedde; border-top:3px #ffcdaa solid;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.con_fc p{ font-size:14px; line-height:30px; color:#5d2700; }
.con_fc i{ position:absolute; top:-20px; width:33px; height:20px; display:inline-block; background:url(../img/bg_ico_a.jpg) no-repeat left top;}
.con_fc i.step1{ left:76px;}
.con_fc i.step2{ left:274px;}
.con_fc i.step3{ left:473px;}
.con_fc i.step4{ left:672px;}
.con_fc strong{ width:auto; background:#eca16c; color:#fff; font:28px/2 '微软雅黑',黑体; padding:0 6px; }
.con_fc .job{ color:#5d2700; margin-bottom:30px;}
.con_fc .job dt{ font:28px/2 '微软雅黑',黑体; display:block; background:url(../img/ico_e.gif) no-repeat left center; padding:0 0 0 35px; cursor:pointer;}
.con_fc .job dt:hover{ color:#bf6d34;}
.con_fc .job dd{  border-left:2px #bf6d34 solid; padding:20px; margin-left:40px;}
.con_fc .job dd h3{ font-weight:bold; font-size:16px; margin-bottom:5px;}
.con_fc .job dd ul{ padding-left:15px;}
.con_fc .job dd li{ list-style: outside; line-height:24px; font-size:14px;}
.con_fr{ padding-right:80px; background:url(../img/bg_confr.jpg) no-repeat right bottom;}

.list-img{ margin-top:14px; margin-bottom:24px;}
.list-img h2{font: 34px/1.5 '微软雅黑',黑体;color: #0675cd; padding:0 0 16px 0; text-align:center;}
.list-img ul{ float:left; width:100%;}
.list-img li{ float:left; width:33%; height:250px; padding:30px 0; text-align:center; border:1px #eee solid; font-size:14px;}
.list-img li img{ height:230px; margin-bottom:12px;}

.list{ float:left; width:100%;}
.list dl{ margin-bottom:15px; color:#666; line-height:24px;}
.list dl h4{ font:24px/1.5 '微软雅黑',黑体; color:#555;  background:url(../img/ico_f.gif) no-repeat left center; padding:0 0 0 35px;}
.list dl h4 i{ font:12px/0.8 Verdana, Helvetica, sans-serif; display:inline-block; background:#ff902e; position:relative; top:-4px; color:#fff; padding:5px 5px 7px 5px; margin:0 0 0 12px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.list dl h4 strong{ color:#0675cd; }
.list dl h4 strong i{ background:#58b300;}
.list dl h5{ height:30px; line-height:30px; color:#888;}
.list dl dt{ margin-bottom:12px; display:block; cursor:pointer;}
.list dl dd{ position:relative; margin-bottom:12px; background:#dbecfc; padding:15px 25px; }
.list dl dd i{ position:absolute; width:23px; height:12px; background:url(../img/ico_g.gif) no-repeat left top; top:-12px; left:1px;}
.list dl dd p{ color:#555; text-indent:2em;}

.list_img_info{ padding:20px 0 40px 0; }
.list_img_info h3{ clear:both; padding-bottom:4px; margin-bottom:10px; border-bottom:1px #eee solid;}
.list_img_info dl{ float:left; width:100%; margin-bottom:30px;}
.list_img_info dl dt{ float:left; width:240px; padding:16px 0 0 0;}
.list_img_info dl dt img{ width:240px;}
.list_img_info dl dd{ float:right; width:700px;}
.list_img_info dl dd p{ padding:6px 12px 0 0; line-height:21px; text-indent:2em; }
.list_img_info dl dd.btn{ text-align:right; margin:0 20px 0 0;}

/*--步骤--*/
.step{ height:40px; padding-top:65px;}
.step li{ float:left; width:20%; height:2px; position:relative; background:#d5d5d5;}
.step li i{ width:140px; text-align:center; top:-46px; right:-50px; position:absolute; display:inline-block; }
.step li i p{ font-style:normal; font-size:14px; color:#737373; margin:0 0 6px;}
.step li i b{-moz-border-radius:58px; -webkit-border-radius:58px; border-radius:58px;font:26px/1 Verdana, Helvetica, sans-serif;display:inline-block; background-color:#d5d5d5; color:#fff; width:40px; height:40px; line-height:38px; text-align:center;}
.step li.ok{ background-color:#70aa4b;}
.step li.ok b{ background-color:#70aa4b;}
.step li.ok p{ color:#70aa4b; font-weight:bold;}
.end{ font:40px/1.5 '微软雅黑',黑体; padding:100px 30px; text-align:center; color:#c3541c;}

/*--页码--*/
.pageslist { float:left; width:98%; padding:20px 0; margin:0 0 20px; }
.pageslist a, .pageslist span { font-size: 13px; font-weight: normal; float: right; display: block; padding:4px 10px; margin: 0 3px 0 0; text-decoration: none; }
.pageslist a.selected, .pageslist span.selected { color:#fff; background-color: #19558D; border-color: #071A29; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, rgb(79,138,228)), color-stop(0, rgb(66,120,203))); background-image: -moz-linear-gradient(center bottom, rgb(16,54,87) 0%, rgb(31,94,145) 100%); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.pageslist b { color: white !important; }
.pageslist .disabled { color: #C9CDD8; }


/*--注册--*/
.title{ text-align:center; font:36px/2 '微软雅黑',黑体;}
.regbox{ position:relative; padding:20px 0 0 60px; font-size:14px; }
.regbox ul{ float:left; width:100%; position:relative;}
.regbox li{ float:left; width:100%; position:relative; margin-bottom:8px; min-height:35px; _height:35px; line-height:35px;}
.regbox li label{ float:left; width:130px; margin-right:10px; text-align: right;}
.regbox li label b{ color:#f00; margin:0 0 0 5px;}
.regbox li span{ position:relative; float:left;width:330px; margin-right:10px;}
.regbox li span input, .regbox li span select{ width:320px; height:32px; line-height:32px; border:1px #ecbea0 solid; padding:0 5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.regbox li span select{ width:332px; padding:2px; height:34px; line-height:34px; font-size:14px;}
.regbox li span textarea{ width:324px; padding:2px; height:140px; line-height:22px; font-size:14px;border:1px #ecbea0 solid;}
.regbox li span input.nobrd{ border:0;}
.regbox li .notice{ padding-top:2px; color:#ab6a3f;}
.regbox li .notice img{ vertical-align:middle; margin:0 6px 0 0;}

/*--版权--*/
.footer { background:#eee; color:#999; border-top:1px #dfdfdf solid;}
.copyright { height:100px; padding-top:26px; }
.copyright img{ vertical-align: bottom; margin:0 5px 0 0;}
.bah{ color:#999;}
.bah:hover{ text-decoration:underline; color:#999;}

/*--65--*/
.p65_fy_bussiness{width:660px; background:url(../img/bussiness-top.jpg) right 0 no-repeat;} 
.p65_fy_bussiness1{ background:url(../img/bussiness-bottom.jpg) right bottom no-repeat; position:relative;}
h3.p65_fy_bin_title{border-bottom:4px solid #fb5f01; line-height:50px; margin-bottom:12px;}
h3.p65_fy_bin_title strong{ font-family:SimHei; font-size:48px; color:#fb5f01; font-weight:900;}
h3.p65_fy_bin_title span{ font-family:sumsin; font-size:24px; color:#ccc;}
.p65_bin_list .bin_title{background:url(../img/bussiness_title.jpg) 0 0 no-repeat; width:143px; height:33px; line-height:30px; font-family:Arial; font-size:16px; color:#fff; font-weight:bold; padding-left:10px; margin-bottom:10px;}
.p65_bin_list{padding-bottom:30px; border-bottom:4px solid #fb5f01;}
.p65_bin_article{color:#4a4a4a; font-family:sumsin; margin-bottom:50px;}
.p65_bin_article p{line-height:35px;}
.p65_bin_bottom{background:#fdfdfd; line-height:35px; text-align:center; font-size:13px; height:35px}
.p65_bin_bottom span{color:#4a4a4a; margin-right:62px;}
.p65_bin_logo{background:url(../img/bussiness-logo.png) 0 0 no-repeat; position:absolute; top:70px; right:0; width:255px; height:70px;}
.p65_bin_top{margin-top:20px;}
