/*c:JakeChiu,140811*/
/* CSS Document */
@import url("layout.css");
body{ background:url(../images/body_bac.jpg) no-repeat center top;}
.w960at{ width:960px; margin:0 auto}

.header{ margin-top:416px}
.nav{ height:60px; position:relative}
.nav .nv-op,.nav .nv-main{width:960px; height:60px;}
.nav .nv-op{opacity: 0.78;filter:alpha(opacity=78); background:#1c365c}
.nav .nv-main{ position:absolute;  top:0px; left:0px;}
.nav .nv-main a{ color:#9bcdff; display:block; height:60px;font:bold 14px/60px "Microsoft Yahei"; padding:0px 26px; float:left}
.nav .nv-main a:hover{ color:#ce1525}
.nav .nv-main a.hover{ background:#CE1523; color:#fff}
.nav .nv-main a.hover:hover{ color:#fff}

.scoll{ margin-top:1px; position:relative}
.scoll .sc-op{ width:960px; height:94px;opacity: 0.5;filter:alpha(opacity=50); background:#fff}
.scrollList{ position:absolute; top:12px; left:0px; width:960px}
.scrollList .picscroll .contrainer{ overflow:hidden;width:904px;height:70px;  position:relative; margin-left:27px}
.scrollList li{ width:196px; height:68px; margin-right:40px; float:left; position:relative}
.scrollList li img{ border:1px #90b4f0 solid; width:178px; height:68px; float:right}
.scrollList li .a{ width:16px; float:left; color:#1e3e73; display:block;font:14px/14px "Microsoft Yahei";}
.scrollList li .a:hover{ text-decoration:none}

.scrollList .picscroll{ position:relative}
.picscroll .bottonLeft,.picscroll .bottonRight{ width:10px; height:16px; position:absolute; top:30px; z-index:1}
.picscroll .bottonLeft a,.picscroll .bottonRight a{ width:10px; height:16px; display:block; cursor:pointer}
.picscroll .bottonLeft a:hover,.picscroll .bottonRight a:hover{ text-decoration:none}
.picscroll .bottonLeft{ left:4px;}
.picscroll .bottonRight{ right:5px}
.picscroll .bottonLeft a{ background:url(../images/left_gray.png) no-repeat;_FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/left_gray.png');_background:none;}
.picscroll .bottonRight a{ background:url(../images/right_gray.png) no-repeat;_FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/right_gray.png');_background:none; }
.picscroll .bottonLeft a:hover,.picscroll .bottonLeft a.hover{ background:url(../images/left_red.png) no-repeat;_FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/left_red.png');_background:none; }
.picscroll .bottonRight a:hover,.picscroll .bottonRight a.hover{ background:url(../images/right_red.png) no-repeat;_FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/right_red.png');_background:none; }

.main { padding-top:46px}
.main .box1{}
.main .box1 .left{ width:374px;}
.main .box1 .left .bt{ padding-top:20px; height:300px}
.main .box1 .left .tit_a .cont{ color:#666; padding:8px 0px 22px}
.main .box1 .left .tit_a .t{color:#445c8c;font:20px/22px "Microsoft Yahei";}
.main .box1 .left .tit_a .cont a,.main .box1 .left .tit_a .t:hover{ color:#a00}

.main .box1 .left .bb{ padding-top:24px}
.main .box1 .left .bb .newslist{ padding-top:14px}
.main .box1 .left .bb .t{ background:url(../images/b1_ico.jpg) no-repeat; width:233px; height:59px; position:relative}
.main .box1 .left .bb .t a{ background:url(../images/more_pic.jpg) no-repeat 0px -2px; width:18px; height:18px; left:149px; top:6px; display:block; position:absolute}
.main .box1 .left .bb .t a:hover{ background-position:0px -27px; text-decoration:none}
.newslist li{ background:url("http://stock.hexun.com/upload/2012cjfyb/img/ico.gif") no-repeat scroll -195px -12px;}
.newslist li a{ height:26px; line-height:26px; color:#445c8c; font-size:14px; padding-left:8px}
.newslist li a:hover{ color:#a00}

.main .box1 .right{ width:560px}
.foucsPic{ width:560px; height:300px; overflow:hidden; position:relative}
.foucsPic .foucsImg img{width:560px; height:300px;}
.foucsPic .op-blk,.foucsPic .op-red{ position:absolute;left:0px;width:398px; }
.foucsPic .op-red{top:210px; height:55px;opacity: 0.7;filter:alpha(opacity=70); background:#af192c}
.foucsPic .op-blk{top:265px; height:18px;opacity: 0.7;filter:alpha(opacity=70); background:#000}
.foucsTit,.foucsOrder{ position:absolute; width:380px; height:22px; overflow:hidden; left:12px; top:226px;}
.foucsTit a{ color:#fff; font-size:20px; font-family:Microsoft Yahei; font-weight:bold}
.foucsOrder{ height:10px; left:290px; top:270px; width:100px}
.foucsOrder li{ float:left; width:20px; height:6px; font-size:0px; line-height:0px; background:#979797; margin-right:1px}
.foucsOrder li.on{ background:#a1192c}

.main .box1 .right .bb{ padding-top:42px}
.main .box1 .right .bb .l{ width:328px}
.main .box1 .right .bb .r{ background:#F7F8FA; width:220px; height:276px; overflow:hidden}
.main .box1 .right .bb .r .lay{ padding:10px;}
.main .box1 .right .bb .r .tit{ background:url(../images/b1_ico2.jpg) no-repeat left; height:24px;font:bold 14px/24px "Microsoft Yahei"; padding-left:32px}
.main .box1 .right .bb .r .cont{ color:#666; line-height:18px; padding:12px 0px}

.boxtit{ height:64px; background:url(../images/boxtit_bac.jpg) no-repeat left bottom;}
.boxtit .txt{font:bold 28px/28px "Microsoft Yahei"; padding-left:82px}

.box2{ padding-top:46px}
.box2 .cont img{ margin-top:-2px}

.box3 .title_box{ border-left:1px #eee solid; margin-top:-2px}
.box3 .title_box li{ padding:0px 0px 0px 16px; position:relative; height:30px; line-height:30px}
.box3 .title_box li a{font:18px/30px "Microsoft Yahei"; color:#666}
.box3 .title_box li a:hover{ text-decoration:none}
.box3 .title_box li a.hover{ color:#20478d; font-weight:bold}
.box3 .title_box li a.hover u{ text-decoration:none; font-size:0px; line-height:0px; background:url(../images/b3_ico.jpg) no-repeat; width:7px; height:7px; position:absolute; left:-4px; top:12px}
.box3 .title_box .left{ padding-top:20px; width:74px}

.box3  .cont_box{ padding:36px 0px 0px 0px; float:left}
.box3  .cont_box .let{ width:522px;}
.box3  .cont_box .let img{ width:492px; height:252px}
.box3  .cont_box .rit{ width:362px}
.box3  .cont_box .rit .h1tit1{ display:block; height:30px; overflow:hidden; line-height:30px; margin:10px 0px}
.box3  .cont_box .rit .h1tit1 a{ color:#445c8c;font:30px/30px "Microsoft Yahei";}
.box3  .cont_box .rit .h1tit1 a:hover{ color:#a00}
.box3  .cont_box .rit .modRimgs .on img{border:2px #c51c21 solid;}
.box3  .cont_box .rit .modRimgs img{ border:2px #fff solid; width:89px; height:46px}
.box3  .cont_box .rit .modRimgs li{ float:left}
.box3  .cont_box .rit .f_gray{ padding:6px 0px; height:140px; overflow:hidden}
.box3  .cont_box .rit .f_gray a{ color:#a00}

.box4{ margin-top:132px; padding:106px 0px 62px 0px;width:100%; background:#20468d;}
.box4 .w960at{ position:relative}
.box4 .tit{ position:absolute; left:0px; top:-193px; width:450px; height:122px}
.box4 .tit a{ display:block; float:left; width:121px; height:123px; margin:13px 24px 0 0px;background:url(../images/pic3.jpg) no-repeat; }
.box4 .r{ position:absolute; right:0px; top:-156px}
.box4 .tit a.zgh{ background-position:-145px 0px}
.box4 .tit a.zgs{ background-position:-290px 0px}
.box4 .tit a.zgh:hover{ background-position:-135px -160px}
.box4 .tit a.zgs:hover{ background-position:-280px -160px}

.box5,.box3{ padding-top:60px}
.box5 .cont{ padding-top:50px}
.box5 .b5-lay{ width:960px; height:508px; background:url(../images/pic2.jpg) no-repeat; position:relative}
.box5 .b5-lay a:hover{ text-decoration:none}
.box5 .b5-lay p{ color:#939495; line-height:20px}
.box5 .b5-lay .b1{ width:154px; position:absolute; right:25px; top:62px}
.box5 .b5-lay .b1 a{color:#20478d;font:30px/28px "Microsoft Yahei";}
.box5 .b5-lay .b1 p{padding:4px 0px 10px 0px}

.box5 .b5-lay .b2{ width:138px; position:absolute; left:50px; top:296px}
.box5 .b5-lay .b2 .t{ display:block; width:112px; height:38px}
.box5 .b5-lay .b2 p a{ color:#20478d}
.box5 .b5-lay .b2 p a:hover{ color:#a00}
.box5 .b5-lay .b2 p{padding:14px 0px 0px 0px}

.box5 .b5-lay .b3{ left:247px; top:293px; width:166px}

.box5 .b5-lay .b4{width:380px; position:absolute; right:-25px; top:314px}
.box5 .b5-lay .b4 li{ float:left; padding:0px 6px 12px 0px}
.box5 .b5-lay .b4 li a{ width:150px; height:30px; display:block}
.box5 .b5-lay .b4 li p {}

.box5 .b5-lay .hx{ position:absolute; width:154px; height:154px;left:440px; top:168px;}

.box6{ margin-top:70px}
.box6 .cont{ padding-top:40px}
.box6 .cont ul{}
.box6 .cont ul li{ float:right; margin-left:3px; width:190px; height:126px; overflow:hidden; position:relative}
.box6 .cont ul li img{ width:190px; height:126px; }
.box6 .cont ul li p{ position:absolute; bottom:0px; left:0px; height:36px; opacity: 0.5;filter:alpha(opacity=50); background:#000; width:190px}
.box6 .cont ul li .a{ color:#fff; position:absolute; bottom:5px; display:block; z-index:1; text-align:center; width:190px}
.box6 .cont ul li .a:hover{ color:#a00}
.box7{ margin-top:60px;}
.box7 .cont{ width:960px; overflow:hidden; padding-top:42px}
.box7 .cont ul{ width:1000px}
.box7 .cont li{ float:left; background:url(../images/pic5.jpg) no-repeat; width:300px; height:180px; display:table; margin:0px 30px 20px 0px}
.box7 .cont li .c{display:table-cell;vertical-align:middle; padding:0px 38px}
.box7 .cont li strong{ text-align:right; display:block}
.box8{ margin-top:40px}
.box8 .l{ width:672px}
.box8 .r{ width:250px}

.li-box1{ padding-top:80px}
.li-box1 .tit{font:24px/28px "Microsoft Yahei"; color:#20478d}
.li-box1 .let{ background:url(../images/list_b1_ico.jpg) no-repeat 0px 54px; padding-left:88px; width:316px; height:194px}
.li-box1 .cont{ font-size:14px; line-height:24px; padding-top:16px}
.li-box1 .cont a{ color:#a00}
.li-box1 .rit{background:url(../images/list_b1_ico.jpg) no-repeat right -136px; padding-right:88px; width:406px; height:194px}
.list{ padding:0px}
.list .li-box2{  padding-top:50px}
.list .list-title{ background:#fff url(../images/list_tit.jpg) no-repeat ; width:355px; height:76px;font:38px/38px "Microsoft Yahei"; padding-left:69px; color:#20478d; padding-bottom:30px}
.list .li-b2-main{background:url(../images/list_line.jpg) repeat-y left;}
.list .li-b2-main .let{ width:212px}
.list .li-b2-main .rit{ width:692px}
.list .li-b2-main .let li{ width:180px; height:50px; padding-left:32px; overflow:hidden}
.list .li-b2-main .let li p{ font-size:14px; line-height:50px}
.list .li-b2-main .let li.hover{ background:url(../images/list_hover.jpg) no-repeat; color:#20478d; font-weight:bold}

.list .li-b2-main .rit .title{font:18px/50px "Microsoft Yahei";}
.list .li-b2-main .rit .cont{ font-size:14px; line-height:24px; color:#666}
.list .li-b2-main .rit .pic_list li{ float:left; width:178px; border-bottom:1px #e4e4e4 dashed; padding:14px 0px}
.list .li-b2-main .rit .pic_list{ width:690px; overflow:hidden}
.list .li-b2-main .rit .pic_list ul{ width:790px}
.list .li-b2-main .rit .pic_list ul .pic img{ width:133px; height:58px; border:1px #ccc solid}
.list .li-b2-main .rit .pic_list ul .pic  a{ color:#a00}
.list .li-b2-main .rit .pic_list ul .pic p{ width:134px; color:#666; line-height:20px; padding:6px 0px 4px}
.list .li-b2-main .rit .pic_list label a{ color:#333; font-size:14px; font-weight:bold}

.list .li-b2-main .rit .pic_list input{ margin-right:8px}

.list .li-b2-main .rit .login h2{font:18px/50px "Microsoft Yahei"; color:#c0982d; padding:20px 0px 4px}
.list .li-b2-main .rit .login .pt5 input{height:38px; line-height:38px; padding-left:10px; color:#959595; border:1px #ccc solid;}
.list .li-b2-main .rit .login .pt5 input.tel{ width:250px}
.list .li-b2-main .rit .login .pt5 input.email{ width:292px}
.list .li-b2-main .rit .login .pt5 input.verifyCodeInput{ width:153px}
.list .li-b2-main .rit .login .pt5 td{ padding:0px 0px 20px 0px}
.list .li-b2-main .rit .login .pt5 .verifyCodeImg{ margin:0px 10px 0px 2px;width:95px; height:40px}
.list .li-b2-main .rit .login .pt5 .pt12 a{ color:#495A90}
.list .li-b2-main .rit .btn { width:250px; margin:0 auto; padding-top:8px}
.list .li-b2-main .rit .btn input{ width:113px; height:36px; line-height:36px; color:#fff; font-weight:bold; border:0px; background:url(../images/list_r_btn.jpg) no-repeat -1px -1px; font-size:14px; cursor:pointer}
.list .li-b2-main .rit .btn .lon_btn2{ background-position:-131px -1px; margin-left:16px}

.list .li-b2-main .rit .oder{}
.list .li-b2-main .rit .oder .t{ font:18px/18px "Microsoft Yahei"; padding:45px 0px 20px}
.list .li-b2-main .rit .oder li{ background:url(../images/list_r_ord_ico.jpg) no-repeat left -28px;padding:8px 0px 8px 0px; height:22px; line-height:22px}
.list .li-b2-main .rit .oder li.top3{ background-position:0px 5px;}
.list .li-b2-main .rit .oder li .sp1{ color:#fff; font:14px/22px "Arial"; width:30px; text-align:center}
.list .li-b2-main .rit .oder li .sp2{ padding:0px 8px; font-size:14px; width:178px}
.list .li-b2-main .rit .oder li span{ float:left; display:block}
.list .li-b2-main .rit .oder li .ful{ width:212px; height:10px; font-size:0px; line-height:0px; background:#e2e2e2; float:left; margin:4px 10px 0px 0px}
.list .li-b2-main .rit .oder li .ful span{ float:left; display:block; height:10px;font-size:0px; line-height:0px; background:#dac8a0}
.list .li-b2-main .rit .oder .oder_list{ width:auto; margin:0 auto; padding-left:144px}

.li-box3{ padding-top:60px}
.li-box3 .list-title{ padding-bottom:0px}
.li-box3 .list-pc{ width:960px; overflow:hidden}
.li-box3 ul{ width:1030px}
.li-box3 li{ float:left; width:150px; height:150px; overflow:hidden; position:relative; margin:36px 54px 0px 0px; display:inline}
.li-box3 li .pob{ position:absolute;top:150px; left:0px}
.li-box3 li p{ position:absolute;top:0px; opacity: 0.7;filter:alpha(opacity=70);background:#000; width:150px; height:150px; left:0px}
.li-box3 li .lay{ display:table; position:absolute; border-bottom:0px;width:150px; height:150px; text-align:center; z-index:1; color:#fff;top:0px; left:0px}
.li-box3 li .lay .td{ display:table-cell; vertical-align:middle}
.li-box3 li .lay a{ color:#fff}

.mini{ background:url(../images/minisite_bg.jpg) no-repeat center top;}
.mini-flash{ width:1225px; margin:0 auto}

.mini .header{ margin-top:178px}

.mini  .w960at,.mini .nav .nv-op,.mini .nav .nv-main{ width:1000px}
.mini .nav .nv-main a{ padding:0px 28px}
.list-bg{background:url(../images/list_bg.jpg) no-repeat center top;}
.list-bg .po-t{ text-align:center; padding-top:218px}
.list-bg .po-t h1{font:bold 75px/75px "Microsoft Yahei"; color:#090a50}
.list-bg .header{ margin-top:60px}

.mini-box2 {}
.mini-box2 .layout{ padding-right:36px; width:216px}
.mini-box2 .f_ling{ height:36px}
.mini-box2 .layout .pic img{ width:216px; height:90px}
.mini-box2 .f_ling span{ float:left; display:block}
.mini-box2 .f_ling{font:14px/22px "Microsoft Yahei";}
.mini-box2 .f_ling .more{ background:url(../images/more_pic.jpg) no-repeat 0px -1px; width:18px; height:18px; display:block; float:left; margin:3px 0px 0px 8px}
.mini-box2 .f_ling .more:hover{ text-decoration:none; background-position:0px -26px}

.mini-box2 .right{ width:236px}
.mini-box2 .right .t{font:14px/22px "Microsoft Yahei";}
.mini-box2 .right p{ color:#666; padding:6px 0px}
.mini-box2 .right p a{ color:#a00}

.mini-box3{ position:relative; margin:20px 0px 0px; height:100px; background:#ededed}

.mini-box3 .scrollList li{ width:186px; padding:0px; margin:0px}
.mini-box3 .scrollList li img{ width:158px; height:62px; border:0px; float:left}

.mini-box3 .scrollList{ width:1000px}
.mini-box3 .picscroll .bottonLeft{ left:14px}
.mini-box3 .picscroll .bottonRight{ right:24px}
.mini-box3 .picscroll .bottonLeft a{ background:url(../images/mini-sc1.jpg); width:19px; height:34px}
.mini-box3 .picscroll .bottonLeft a:hover{ background:url(../images/mini-sc3.jpg)}
.mini-box3 .picscroll .bottonRight a{ background:url(../images/mini-sc2.jpg); width:19px; height:34px}
.mini-box3 .picscroll .bottonRight a:hover{ background:url(../images/mini-sc4.jpg)}
.mini-box3 .scrollList{ top:20px}
.mini-box3 .scrollList .picscroll .contrainer{ margin-left:50px}
.mini-box3 .picscroll .bottonLeft,.mini-box3 .picscroll .bottonRight{ top:12px}