@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{color:#000000;text-decoration:none;}
a:hover{color:#3899BE;}
.zxal a span{
    padding: 3px 15px;
    background-color: #DE521F;
    color: #ffffff;
}
.title{line-height:35px;height:35px;margin:0 0 10px 0;}
.title h1{font-size:18px;font-family:"microsoft yahei";text-align:center;font-weight:normal;margin:0;text-decoration: none;clear:both;line-height:35px;margin-top:5px;}

/*-------------------列表-------------------*/

/*分类检索*/
.listclass{ border:1px solid #EEE; background-color:#FFF; border-top:none;}
.listclass p{ background-color:#FDFDFD; line-height:35px; *zoom:1; padding:0 15px; font-size:14px; color:#999; font-size:13px;}
.listclass p:after{ content:"\20"; display:block; height:0; clear:both;}
.listclass p em{ font-family:simsun;}
.listclass p a{ margin:auto 8px; color:#666;}
.listclass p a:hover{ color:#F30;}
.listclass dl{*zoom:1; border-top:1px solid #F4F4F4; line-height:35px; font-size:13px;}
.listclass dl:after{ content:"\20"; display:block; height:0; clear:both;}
.listclass dt{ float:left; width:80px; float:left; font-weight:bold; text-align:center; color:#666;}
.listclass dd{ float:left; width:1117px; border-left:1px solid #F4F4F4; line-height:28px; padding:5px 0;}
.listclass dd a{ color:#666; float:left; margin-left:20px;}
.listclass dd a:hover{ color:#F30;}

.listclass dd a.on{ font-weight:bold; color:#000;}

/*排序区分*/
.classtag{ border:1px solid #EEE; background-color:#FDFDFD; line-height:33px; *zoom:1;}
.classtag:after{ content:"\20"; display:block; height:0; clear:both;}
.classtag .ct_on{ border-right:1px solid #EEE; float:left;position: relative;top: 1px;}
.classtag .ct_on a{ display:block; width:100px; height:32px; text-align:center; border-top: 1px solid #F30; background:url(xgt_tag_bg.jpg) repeat-x 0; color:#F30;}
.classtag .ct_off{ border-right:1px solid #EEE; float:left;}
.classtag .ct_off a{ display:block; width:100px; height:32px; text-align:center; border-top:1px solid #FDFDFD;}

/*内容列表*/
.imgmain{ width:1200px; overflow:hidden;}
#waterfall{ text-align:center; width:1220px; margin-left:-10px;}
#waterfall .cell{ width:285px; background:#fff; margin-bottom:20px;}
#waterfall .cell .wc_img{ width:285px; position:relative;}
#waterfall .cell .wc_img img{ width:285px;}
#waterfall .cell .wc_img p.wc_butt{ position:absolute; z-index:2; left:0; bottom:0; height:35px; line-height:35px; border:none; padding:0; width:auto; width:285px; display:block; display:none;}
#waterfall .cell .wc_img p.wc_butt a{ color:#FFF; cursor:pointer;}
#waterfall .cell .wc_img p.wc_butt em{ width:142px; display:block; background-color:#F50; text-align:center; float:left;}
#waterfall .cell .wc_img p.wc_butt i{ width:142px; display:block; background-color:#F50; text-align:center; float:right;}
#waterfall .cell .wc_img:hover p.wc_butt{ display:block;}
#waterfall .cell .wc_img:hover img{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}

#waterfall .cell p{ line-height:45px; border:1px solid #EEE; border-top:none; text-align:left; padding:0 10px; width:263px; height:45px; overflow:hidden;}




/*-------------------展示-------------------*/

#imgshow{
    width: 90vw;
    /*height: 55vw !important;*/

    margin: 0px auto 100px;
}

#header{ height:75px; background:#EEE;}
#footer{ height:0; background:#999; margin-top:0;}

#imgshowright{ width:285px; float:right; background:green;}
#imgshowmian{ background:#ffffff;}
#imgmain{ background:#FFFFCC;}
#imglist{ height:90px; padding:10px 0; background:#505050; text-align:center; border-top:10px solid #FFF;}

#originalpic{position:relative;overflow:hidden;zoom:1;height:100%;clear:both;text-align:center;}
#originalpic img{display:none;position:relative;max-height:732px;}
#aPrev{position:absolute;z-index:10;left:0;top:0;display:block;width:50%;height:100%;background:url(imgtheme/blank.gif);}
#aNext{position:absolute;z-index:10;right:0;top:0;display:block;width:50%;height:100%;background:url(imgtheme/blank.gif);}

.ad-image{ position:relative;}
.sj_butt{ position:absolute; z-index:999999999; width:304px; left:0; top:3px; *top:4px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; z-index:999999999999999999;}
.sj_butt a{ width:102px; height:32px; line-height:32px; text-align:center; display:block; float:left; background-color:#F60; color:#FFF; margin-right:1px; cursor:pointer; *margin-top:-1px;}
.sj_butt a:hover{ background-color:#F00; text-decoration:none;}
.ad-image-wrapper:hover .sj_butt{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}


/*-------- 顶部条 --------*/
.topbar_img{ border-bottom:2px solid #F60; background-color:#FFF;}
.topbar_img ul,.topbar_img li{ float:left; margin-right:10px;}
.topbar_img .tl_on{ color:#F30;}
.topbar_img .tb_slogo{ float:left; margin:5px 10px auto auto;  *margin:-1px 10px auto auto;}
.topbar_img ul, .topbar_img li a:hover{ color:#F30;}
.tag{ background-color:#F6F6F6; border-bottom:1px solid #EEE; height:37px; line-height:37px;}
.tag .img_tgz{ margin-right:45px; color:#777;}
.tag .img_tgz a{ color:#F40; text-decoration:none; margin:auto 5px;}
.tag .img_tgz a:hover{ color:#F30;}
.tag .img_tgz img{ vertical-align:middle; margin:-2px 5px auto 5px; *margin:1px 5px auto 5px;}


/*-------- 右侧部分 --------*/
#imgshowright{ background-color:#F6F6F6;overflow-y:auto;}
#imgshowright #isrmain{ margin:10px;}
/*快速报价*/
.r_ksbj{ height:260px; background-color:#F50;}
.r_ksbj h3{ text-align:center; font-size:18px; color:#FFF; line-height:45px; font-weight:normal; font-family:microsoft yahei; border-bottom:1px solid #C00;}
.r_ksbj .rbj_main{ width:214px; height:175px; margin:22px auto auto;}
.r_ksbj .rbj_main p{ margin-bottom:15px; *zoom:1;}
.r_ksbj .rbj_main p:after{ content:"\20"; display:block; height:0; clear:both;}
.r_ksbj .rbj_main .rbj_txt_mj{ border:1px solid #C66; height:34px; line-height:34px; padding:0 6px; width:200px; background-color:#FFF;}
.r_ksbj .rbj_main .rbj_txt_xts{ margin:-12px auto 6px; line-height:20px; font-size:12px; color:#FFF;}
.r_ksbj .rbj_main .rbj_txt_sj{ border:1px solid #C66; height:34px; line-height:34px; padding:0 6px; width:200px; background-color:#FFF;}
.r_ksbj .rbj_main .rbj_txt_yzm{ border:1px solid #C66; height:34px; line-height:34px; padding:0 6px; width:80px; background-color:#FFF;}
.r_ksbj .rbj_main p span select{ height:34px; line-height:34px; width:100px;}
.r_ksbj .rbj_main p em{ width:33%; float:left; color:#FFF; font-style:normal;}
.r_ksbj .rbj_main .rbj_butt input{ width:210px; height:40px; display:block; float:left; font-size:15px; font-family:microsoft yahei;  border:1px solid #C66; background-color:#FC6; cursor:pointer; font-weight:bold; color:#C00;}
.r_ksbj .rbj_main .rbj_butt input:hover{ background-color:#FC3;}

.r_ksbj #rbjm3{ color:#FFF; margin-top:-15px;}
.r_ksbj #bjhalf,.r_ksbj #bjall{ font-size: 18px; width: auto; margin-right: 3px; font-family:microsoft yahei; color: #FF0;}
.r_ksbj .rbj_pj{ line-height:24px; border-top: 1px solid #F90; padding-top: 5px; font-size: 13px;}
.r_ksbj .rbj_pj p{ height:24px; margin:0; padding:0;}
.r_ksbj #rbjm3 p{ margin-bottom:10px;}

.r_ksbj .rbj_tjok{ margin:10px auto; *zoom:1;}
.r_ksbj  p.rbj_tjok{ margin-top:10px;}
.r_ksbj .rbj_tjok:after{ content:"\20"; display:block; height:0; clear:both;}
.r_ksbj .rbj_tjok i{ width:14px; height:14px; display:block; background:url(nav_bg.png) no-repeat -300px -0; float:left; margin:5px 5px auto 20px;}
.r_ksbj .rbj_tjok span{ float:left;}
.r_ksbj .rbj_tjok input{ width:50px; height:20px; display:block; text-align:center; line-height:20px; font-size:13px; color:#333; background:url(nav_bg.png) no-repeat -230px -40px; float:left; cursor:pointer; margin:3px auto auto 8px;}
.r_ksbj .rbj_tjok a:hover{ color:#F30; text-decoration:none;}


/*免费设计*/
.r_mfsj{ background-color:#FFF; margin-top:10px; border:1px solid #DDD; border-top:3px solid #F50;}
.r_mfsj *{ padding:0; margin:0;}
.r_mfsj h3{ line-height:42px; height:42px; text-align:center; font-weight:normal; font-family:microsoft yahei;}
.r_mfsj .mfsj_xts{ font-size:12px; line-height:18px; text-align:center; font-family:microsoft yahei; color:#999;}
.r_mfsj .rsj_main{ height:220px; margin-top:15px; padding-left:20px;}
.r_mfsj .rsj_main p{ margin-bottom:15px; *zoom:1;}
.r_mfsj .rsj_main p:after{ content:"\20"; display:block; height:0; clear:both;}
.r_mfsj .rsj_main .rbj_txt_ch{ border:1px solid #DDD; height:34px; line-height:34px; padding:0 6px; width:208px; background-color:#F7F7F7;}
.r_mfsj .rsj_main .rbj_txt_tel{ border:1px solid #DDD; height:34px; line-height:34px; padding:0 6px; width:208px; background-color:#F7F7F7;}
.r_mfsj .rsj_main p span select{ height:34px; line-height:34px; width:105px; background-color:#F7F7F7; margin-right:8px; float:left;}
.r_mfsj .rsj_main .rbj_butt input{ width:221px; height:40px; display:block; float:left; font-size:15px; font-family:microsoft yahei;  border:1px solid #C66; background-color:#F50; cursor:pointer; font-weight:bold; color:#FFF;}
.r_mfsj .rsj_main .rbj_butt input:hover{ background-color:#F40;}

/*免费设计*/
.r_rmbq{}
.r_rmbq h3{ font-size:18px; line-height:52px; font-weight:normal; font-family:microsoft yahei; color:#000;}
.r_rmbq .rbq_main{ font-size:13px; margin-top:-3px; height:200px; overflow:hidden;}
.r_rmbq .rbq_main a{ display:inline; float:left; color:#666; margin-right:10px; margin-bottom:10px; line-height:20px; padding:6px 10px; font-family: 'Microsoft YaHei'; background:#FFF; white-space:nowrap; text-decoration:none; border-radius:5px;}
.r_rmbq .rbq_main a:hover{ color:#FFF; background-color:#F40;}

.rsj_ok{ text-align:center; height:235px;}
.rsj_ok img{}
.rsj_ok p{ text-align:left; padding:5px 15px 15px;}


/*-------- 主体部分 --------*/
#imgshow{
    height:55vw;
    }
#imgshow_main{ overflow:auto; background:#FFF;}
#imgshow_bottom{ /* height:90px; */ width:1087px; background:#505050; /* overflow:hidden; */ margin:auto;}
#imgshow_bottom ul{ height:80px; display:block; overflow:hidden;}

#imgmain{ background-color:#FFF;}


/* 组图开始 小图部分 */
.thumbpic{margin:5px auto auto;width:973px;}
.thumbpic .ltp{float:left;heght:75px; display:block; float:left; margin:10px 10px auto 3px;}
.thumbpic span{height:20px;float:left;cursor:pointer; line-height:20px;width:80px;}
.thumbpic .rtp{float:left;heght:75px; display:block; float:left; margin:10px auto auto 10px;}
.thumbpic .ltp img,.thumbpic .rtp img{ border:1px dotted #999; padding:3px; background-color:#333;}


.thumbpic a.bntprev{float:left;width:20px;height:64px;display:block;outline:none;background-image: url(imgtheme/ico_left.png);background-repeat: no-repeat;
background-position: center 20px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.thumbpic a.bntprev:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.thumbpic a.bntnext{float:left;width:20px;height:64px;display:block;outline:none;background-image: url(imgtheme/ico_right.png);background-repeat: no-repeat;
background-position: center 20px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.thumbpic a.bntnext:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


#originalpic{position:relative;overflow:hidden;zoom:1;height:100%;clear:both;text-align:center;}
#originalpic img{display:none;position:relative;max-height:732px;}
#aPrev{position:absolute;z-index:10;left:0;top:0;display:block;width:50%;height:100%;background:url(imgtheme/blank.gif);}
#aNext{position:absolute;z-index:10;right:0;top:0;display:block;width:50%;height:100%;background:url(imgtheme/blank.gif);}

/*------------------------------------------------------------------------------------------------------------------------------------------*/

/* common start */
body { _margin:0; _height:100%; /*IE6 BUG*/ }
.aui_outer { text-align:left; }
.aui_border, .aui_inner { border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_center, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.aui_close:hover { text-decoration:none; }
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(../../theme/default/css/icons/loading.gif) no-repeat center center; }
.aui_icon { vertical-align: middle; }
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.aui_buttons button:hover { color:#000; border-color:#666; }
.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
button.aui_state_highlight { color: #FFF; border: solid 1px #3399dd; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
button.aui_state_highlight:hover { color:#FFF; border-color:#1c6a9e; }
button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
/* common end */

.aui_inner { background-color:#FFF; }
.aui_outer{ border:0px solid #333;}
.aui_center {border:1px solid #AFAFAF; }
.aui_outer { border-radius:3px; }
.aui_border { border-radius:2px; box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:8px; height:8px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se {background:#D3D3D3; filter:alpha(opacity=40); }
.aui_state_lock .aui_nw, .aui_state_lock .aui_n, .aui_state_lock .aui_ne, .aui_state_lock .aui_w, .aui_state_lock .aui_e, .aui_state_lock .aui_sw, .aui_state_lock .aui_s, .aui_state_lock .aui_se { background:rgba(0, 0, 0, .5); background:#E5E5E5\9!important; filter:alpha(opacity=50); }
.aui_state_focus .aui_inner { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
.aui_state_lock .aui_border { box-shadow:0 3px 26px rgba(0, 0, 0, .9); }
.aui_state_drag .aui_outer, .aui_outer:active { box-shadow:none;border:1px solid #999; }
.aui_titleBar { position:relative; height:100%; }
.aui_title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); background-color:#edf5f8; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #edf5f8, #bdc6cd); background: -moz-linear-gradient(top, #edf5f8, #bdc6cd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edf5f8), to(#bdc6cd)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf5f8', endColorstr='#bdc6cd'); border-top:1px solid #edf5f8; border-bottom:1px solid #b6bec5; }
.aui_state_focus .aui_title { color:#4c5a5f; }
.aui_state_drag .aui_title { background: linear-gradient(top, #bdc6cd, #edf5f8); background: -moz-linear-gradient(top, #bdc6cd, #edf5f8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8'); box-shadow:none; }
.aui_state_drag .aui_titleBar { box-shadow:none; }
.aui_close { padding:0; top:4px; right:4px; width:21px; height:21px; line-height:21px; font-size:18px; color:#68767b; text-align:center; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(255, 255, 255, .9); }
.aui_close:hover { color:#C72015; }
.aui_close:active { box-shadow: none; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }
.aui_buttons { background-color:#F6F6F6; border-top:solid 1px #DADEE5; }

.footer{}

.showimgbox{
    width: 60vw;
    height: 60vw;
    float: left;

}
#imgshow .right_part{
    float: right;
    width: 20vw !important;
    margin-right: 5vw;
    margin-top: 78px;
    display: block;
}
.f1 a:visited{
    color: #000d21 !important;
}




/*右侧免费设计兼容性样式添加*/
.r_mfsjw{ width:246px;}
.r_mfsjw .rmfsjw_main p select{ width:100px;}
.r_mfsjw .rmfsjw_main{ margin:10px;}
.r_mfsjw .rmfsjw_main p input{ width:190px;}
.r_mfsjw .rmfsjw_main p.rmfsj_tj input{ width:202px;}
.r_mfsjw .rmfsjw_ok{ padding:12px;}
.r_mfsjw h3{ width:246px; left:0;}
.r_mfsjw .rmfsjw_me{ height:28px; line-height:28px; padding:25px 0 10px; text-align:center; font-size: 14px; font-family:microsoft yahei;}
.r_mfsjw .rmfsjw_me em{ text-align:center; font-style:normal; font-size: 16px; color:#FFF; overflow:hidden; position:relative; margin:auto 5px;}
.r_mfsjw .rmfsjw_me em i{ background: url(/fz/style/rmfsj_bg.png) no-repeat 0 -157px; width: 20px; height:25px; display:inline-table; text-align:center;background-size: 200px;}