@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; background:#FFFFFF; max-width:640px; margin:auto;position: relative;}
dl,dd,ul{ margin:0px; padding:0px;}
ul{ list-style-type:none}


.top{ width:100%; height:50px;  position:fixed; background:#efefef;box-shadow: 1px 1px 2px #999; max-width:640px; z-index:999}
.top .logo{ width:219px; height:48px; float:left; margin-left:6px; width:50px;}
.top .logo img{ width:100%}
.top .menu{ width:48px; height:41px; background:url(menuico.png) no-repeat; float:right; margin-right:5px; margin-top:15px;}



.qxp{ width:99%;left:0px;right:0px;margin-left:auto;margin-right:auto; z-index:999999; top:1%; background:url(qip.jpg) no-repeat center; position:fixed; z-index:99999999; height:auto}
.qxp img{ width:100%;}
.iclose{ width:44px; height:44px; position:absolute; right:10px; top:10px;}
.itop{ width:100%; margin-top:-5px;}
.itop img{ width:100%}



.white{ width:100%; height:60px;}
.listzt{margin:1px 5px 5px 5px; background:#EAE5EB; margin-top:10px;}
.listzt a{ color:#666666; text-decoration:none}
.listzt a img{ width:100%;}

.listzt a .zttitle{ width:100%; height:auto; padding:8px 0px;}
.listzt a .zttitle .ztbox{ height:auto; padding-left:10px; float:left}
.listzt a .zttitle .ztbox .engtit{ font-size:16px; line-height:20px; color:#333333}
.listzt a .zttitle .ztbox .chetit{ font-size:16px; line-height:20px; color:#333333}
.listzt a .zttitle .ztbox .infotit{ font-size:12px; line-height:16px; color:#999}
.listzt a .zttitle .ztbtn{ width:110px; height:40px; text-align:center; line-height:40px; border:1px #999999 solid; border-radius:3px; float:right; margin-right:5px; font-size:14px; font-weight:bold ; background:#413342; color:#FFFFFF}
.listzt a .zttitle .ztbtn a{ color:#FFFFFF}
.page{ width:100%; height:40px; margin-top:5px; padding-bottom:5px;}
.page span{ border:1px #ccc solid; font-size:14px; line-height:32px; padding:0px 10px;  color:#666666; text-align:center; float:left; margin-left:5px;}
.page a{ border:1px #666666 solid; font-size:14px; line-height:32px; padding:0px 10px;  display:block; text-align:center; text-decoration:none; float:left; margin-left:5px; color:#666666}
.page a:hover{ border:1px #ccc solid; font-size:14px; line-height:32px; padding:0px 10px;  color:#666666; text-align:center; float:left; margin-left:5px; background:#0099FF; color:#FFFFFF}
.footer{ width:100%; height:60px; background:#CCCCCC; text-align:center; padding-top:10px; margin-top:10px; font-size:14px; line-height:20px; }

.rightmenu{ margin:0px 10px; padding:10px;}
.rightmenu li{ font-size:12px; line-height:30px; border-bottom:1px #CCCCCC solid;}
.rightmenu li a{ color:#666666; text-decoration:none; display:block}
.rightmenu li li{ margin-left:10px;}
.rightmenu li li a{ color:#666666; text-decoration:none}
.rightmenu li a.curr{ color:#FF0000}
.rightmenu li.son{ margin-left:10px;}
.clsjianjie{margin:5px; font-size:14px; line-height:26px; color:#666666}
.clsjianjie img{ width:100%;}
h1{ margin:0px; padding:0px; font-size:22px; line-height:30px; color:#333333; margin:15px 8px}
.probox{margin:8px; font-size:14px; line-height:24px; color:#333333; }
.probox img{ width:100%;}

.menutop{ font-size:14px; height:24px; margin:5px 18px; color:#333333; font-weight:bold; line-height:30px;}
.serch{margin:0px 18px; margin-top:10px;}
.serch input.s{ width:75%; height:20px; border:1px #CCCCCC solid; border-radius:3px;}
.serch .b{ width:24px; height:24px; background:url(searchbtn.png) no-repeat; border:none; vertical-align:-10px}


.listp li{ float:left; width:33.3%;border-radius:4px;}
.listp li a{margin-right:4px; display:block}
.listp li a .imgs img{ border-radius:3px; width:100%;}
.listp li a .tit{ width:100%; height:40px; font-size:14px; line-height:24px; text-align:center}
.listp li a { color:#666666; text-decoration:none}

.bigp{ width:100%;}
.bigp img{ width:100%; border:none}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;}

/*小仙女御用婚纱照计算器*/
.xxnbm{ width:94%; background:#FEF3E2;color:#333333; margin:auto; margin-top:8px; padding-bottom:15px;}
.xxnbm .tit{ width:100%; height:30px; background:#F5A623}
.xxnbm .tit1{ font-size:16px; line-height:50px; color:#333333; width:96%; margin-left:2%}
.xxnbm .bmpic{ width:94%; margin:auto}
.xxnbm .bmpic img{ width:100%}
.xxnbm .tit2{ font-size:16px; line-height:50px; color:#333333; width:96%; margin-left:4%}
.xxnbm .xxbox{ width:90%; border:1px #CCCCCC solid; background:#FFFFFF; border-bottom:none; margin:auto; font-size:14px}
.xxnbm .xxbox .xxli{ height:40px; border-bottom:1px #CCCCCC solid ;  line-height:40px; vertical-align:40px;}
.xxnbm .xxbox .xxli lable{ vertical-align:1px; margin-left:8px;}
.xxnbm input.xx{ width:90%; height:30px; border:1px #CCCCCC solid; background:#FFFFFF; margin:auto; margin-left:5%}
.zbmcopy{ height:50px; text-align:center ; font-size:12px; line-height:50px; color:#999999}

/*自助查询*/
.zzcx{ width:94%; margin:auto; margin-top:8px; padding-bottom:15px; border-top:1px #CCCCCC solid; margin-top:10px;box-shadow:0px 0px 4px #777; padding-bottom:40px;}
.zzcx .tit{ width:100%; height:50px; font-size:16px; line-height:50px; text-align:center; color:#333333; font-weight:bold}
.zzcx .pic{ width:96%; margin:auto}
.zzcx .bmbox{ width:100%; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding:30px 0; margin-top:15px; font-size:12px; line-height:26px; }
.zzcx .bmbox .tit1{ font-size:14px; line-height:26px; font-weight:bold; margin-left:2% }
.zzcx .bmbox .c{ margin-left:2%}

/*2017-3-1新增加热内容*/
.servicelist{ width:96%; height:auto; margin:auto; border:1px #666 solid; border-bottom:none; margin-top:30px;}
.servicelist .serverli{ width:100%; height:40px; border-bottom:1px #666 solid; font-size:14px; text-align:center; line-height:40px;}
.servicelist .serverli a{ color:#333333; text-decoration:none; display:block}
.servicelist .serverli a:hover{ color:#CC0000}
.footerlogo{ width:100%;}

.topinfo{ width:100%; height:50px;  position:fixed; top:0; max-width:640px; padding-top:10px; padding-bottom:8px; z-index:9999999999999; background:#fff; border-bottom:2px #CCCCCC solid}
.topinfo .searchb{ width:100px; height:45px; float:left; padding-top:0px; margin-left:0px; margin-top:8px;}
.topinfo .logo{ text-align:center; width:180px; margin:auto;}
.topinfo .logo img{ width:100%}
.topinfo .menu{ width:50px; height:35px; float:right; padding-top:5px;flex-shrink: 0;}

.rmenu{ width:40%; height:100%; background:#999999; position:fixed; right:-40%; z-index:888;  background:url(mbg.fw.png); z-index:9999999999; top:0}
.rmenu ul{ margin-top:10px; margin-left:15px;}
.rmenu ul li{ width:130px; height:34px; font-size:14px; line-height:34px; border-bottom:1px #999 solid;}
.rmenu ul li a{ color:#fff; text-decoration:none}
.rmenu .close{ height:40px; margin-top:60px;margin-left:15px;}

.chooselist{width:96%; height:auto; margin:auto; margin-top:30px;}
.chooselist .chooseli{ width:100%; height:40px; background:#413342; font-size:16px; line-height:40px; text-align:center; color:#FFFFFF; margin-top:12px;}
.chooselist .chooseli a{ display:block; color:#FFFFFF; text-decoration:none}

.lmenu{ width:40%; height:100%; background:#999999; position:fixed; left:-40%; z-index:888; top:0; background:url(mbg.fw.png);}
.lmenu ul{ margin-top:10px;  float:right; margin-right:15px;}
.lmenu ul li{ width:130px; height:34px; font-size:14px; line-height:34px; border-bottom:1px #999 solid; text-align:right}
.lmenu ul li a{ color:#fff; text-decoration:none}
.lmenu .close{ height:40px; margin-top:75px;  float:right; margin-right:15px;}
/*end*/


.ptit{box-shadow: 1px 1px 2px #999; border-radius:4px; font-size:16px; line-height:36px; color:#663300;  padding-left:10px; font-family:"微软雅黑";margin:4px 4px 10px 4px;  height:36px; }

.listp{margin:1px 0px 20px 4px;}
.listp li{ float:left; width:33.3%;border-radius:4px;}
.listp li a{margin-right:4px; display:block}
.listp li a img{ border-radius:3px; width:100%;}

.shoptitle{ width:100%; height:50px; font-size:16px; line-height:50px; text-align: center; color:#666; background:#efefef;}
.listshop{margin:1px 0px 20px 6px;}
.listshop li{ float:left; width:33.3%;  font-size:14px; line-height:38px;}
.listshop li a{ display:block;border:1px #CCCCCC solid; margin-right:6px; margin-top:6px; color:#666666; text-decoration:none; text-align:center}

.ptitkp{box-shadow: 1px 1px 2px #999; border-radius:4px; font-size:16px; line-height:36px; color:#663300;  padding-left:10px; font-family:"微软雅黑";margin:4px 4px 10px 4px;  height:36px; }

.listpkp{margin:1px 0px 20px 4px;}
.listpkp li{ float:left; width:33.3%;border-radius:4px;}
.listpkp li a{margin-right:4px; display:block}
.listpkp li a img{ border-radius:3px; width:100%;}
.artwork{ margin:0px; width:100%}
.artwork img{ width:100%;}
.erweima{margin:10px 0px 20px 10px;}
.erweima img{ width:100%; margin-top:-4px;}

.artvideo{ width:100%;}
.artvideo video{ width:100%}


input.tt{ height:24px; font-size:14px; line-height:24px; color:#333333}
.banner{ width:100%; height:65px; border-bottom:1px #ddd solid;box-shadow: 2px 2px 2px #bbb;}
.eventbm{margin:10px 15px 15px 15px;}
.eventbm .bmpic{ width:100%;}
.eventbm .line{ width:100%; height:auto; border-bottom:1px #FF9933 dotted; font-size:12px; line-height:20px; color:#FF3300}
.eventbm .bmpic img{ width:100%; margin-top:-5px}
.eventbm .line{ width:100%; height:auto; border-bottom:1px #FF9933 dotted; font-size:12px; line-height:20px; color:#FF3300}
.eventbm .bm{ width:100%; font-size:12px; line-height:20px; color:#333333; margin-top:10px;}
.eventbm .bm input{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:0px;font-family:"微软雅黑";text-indent:10px;clear:both;height:30px;line-height:30px;font-size:15px; ;border:1px solid #d4d4d4;width:100%; background:#fff url(inputbg.jpg) repeat-x;}
.eventbm .bm select{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:0px;font-family:"微软雅黑";text-indent:10px;clear:both;height:36px;line-height:36px;font-size:15px; ;border:1px solid #d4d4d4;width:100%; background:#CCCCCC}
.eventbm .bm input.btn{ width:100%; height:34px; background:url(btm.jpg) repeat-x;border-radius:6px; color:#FFFFFF; text-align:center}
.eventbm .bm #tj{background:url(btm.jpg) repeat-x;height:34px; text-align:center;line-height:34px;}
.eventbm .bm #tj a{text-shadow:none;color:#fff;font-size:15px;font-weight:bold; cursor:pointer;}

.lv{ width:100%; height:auto; margin-top:10px;}

.data53{ width:100%; background:#442F40; color:#FFFFFF; position:fixed; left:0 ; bottom:0; z-index:9999; max-width:640px; margin:auto; padding-top:2px; padding-bottom:2px;}
.data53 a{ display:block; color:#FFFFFF; text-decoration:none}
.data53 dl{ margin:0; padding:0; width:33%; float:left}
.data53 dl a{ display:block; color:#FFFFFF; text-decoration:none}
.data53 dl dd{ width:100%; text-align:center}
.data53 dl dt{ width:100%; text-align:center; font-size:12px; line-height:12px;}


.artcj{ width:100%; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.artcj1{ width:100%; background:url(cjbg.jpg) no-repeat ; background-size:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top:20px;
}
.artcj1 h1{ font-size:30px; color:#669999; line-height:30px; margin:0; padding:0; font-weight:normal; width:90%; margin:auto; }
.artcj1 .succ{ display: block;
font-size: 1rem;
color: #298E7E;
margin: 0.5rem 0;}
.formcj { width:90%; margin:auto}
.formcj .op{ font-size: 1.2rem; color:#6699CC}
.formcj p{
width: 25rem;
height: 3.44rem;
line-height: 3.44rem;
background: #08473b;
border-radius: .8rem .8rem;
margin: 0.8rem auto;
box-shadow: 0 0 .5rem .2rem #136f5f;
color: #0e5e50;
overflow: hidden;
display: flex;
}
.cjxq{ width:90%; margin:auto; padding:40px 0;}
.back{
width: 65px;
height: 65px;
position: fixed;
left: 10px;
bottom: 12%;
z-index: 99999;
}


/*新首页*/
.n_banner{ width:100%; height:auto; font-family:Geneva, Arial, Helvetica, sans-serif; background:#EAE5EB}
.n_banner li{ float:left; width:20%; font-size:12px; line-height:16px; text-align:center;}
.n_banner li a{ color:#333333; text-decoration:none; padding:8px 0; display:block}

.n_zt_list{ width:100%; margin-top:12px;}
.n_zt_list .zt_pic{ width:100%; overflow:hidden}
.n_zt_list .zt_pic img{ width:100%; border:0; display:block}
.n_zt_list .zt_pic a{ font-size:0;text-decoration:none; border:0}
.n_zt_list .zt_tit{ width:100%; background:#EAE5EB; height:60px;}
.n_zt_list .zt_tit .ztbtn{ width:25%; height:50px; font-size:18px; line-height:60px; text-align:center; float:right}
.n_zt_list .zt_tit .ztbtn a{ display:block;background:#D6D1D8; color:#FFFFFF; text-decoration:none}
.n_zt_list .zt_tit .ztleft{ width:75%; float:left; height:52px; padding-top:8px;}
.n_zt_list .zt_tit .ztleft .tit{ font-size:12px; line-height:16px; color:#333333; font-family:"微软雅黑"; padding-left:10px;}
.n_zt_list .zt_tit .ztleft .btit{ font-size:11px; line-height:16px; color:#aaa; padding-left:10px;}

.n_stars_tit{ width:100%;}
.n_stars_tit img{ width:100%}
.n_listp{ width:94%; margin:auto}
.n_listp li{ float:left; width:33.3%;border-radius:4px; }
.n_listp li a{margin-right:4px; display:block;}
.n_listp li a .imgs img{ border-radius:3px; width:100%;}
.n_listp li a .tit{ width:100%; height:30px; font-size:10px; line-height:24px; text-align:center; overflow:hidden}
.n_listp li a { color:#666666; text-decoration:none}

.n_prbox{ width:90%; margin:auto; background:#FFFFFF; border-radius:5px; margin-top:8px; padding:2%;box-shadow: 1px 1px 2px #999;}
.n_prbox .tx{ width:10%; float:left}
.n_prbox .tx img{ width:100%; border-radius:50%;}
.n_prbox .prtxt{ width:86%; float:left; margin-left:4%;}
.n_prbox .prtxt .ptit_pr{ width:100%; height:30px; font-size:14px; color:#333333}
.n_prbox .prtxt .ptxt_pr{ font-size:12px; line-height:18px; color:#999999}


.stylebox{ width:100%; background:#111; padding:10px 0; }
.stylebox .stbox{ width:96%; margin:auto}
.stylebox .stbox li{ float:left; width:50%; margin-top:6px}
.stylebox .stbox li a{margin-right:6px; display:block;}
.stylebox .stbox li a img{ width:100%}

.myhs{ width:50%; font-size:12px; line-height:18px; background:url(hsbg.fw.png); padding:10px; position:fixed; left:10px; bottom:16%; color:#FFFFFF; border-radius:5px; display:none}

.gxfw{ width:100%;}

.listp{margin:1px 0px 20px 2%; width:100%; }
.listp li{ float:left; width:46%;border-radius:2px; margin-right:3%; margin-top:18px; padding-bottom:20px;}
.listp li .tit1{ font-size:16px; line-height:36px; text-align:center}
.listp li .tit1 a{ color:#0099CC; text-decoration:none}
.listp li .tit1 a:hover{ color:#FF0000}
.listp li .tit2{ color:#999999; line-height:22px; font-size:14px;}


.listser{margin:1px 0px 20px 2%; width:100%; }
.listser li{ float:left; width:46%;border-radius:2px; margin-right:3%; margin-top:18px; font-size:14px; line-height:22px;}
.listser li .tit1{ font-size:14px; line-height:24px; text-align:center}
.listser li img{ width:100%}
.listser li .tit1 span{ font-size:20px; color:#FF0000; margin-right:6px;}
.listser li .tit1 a{ color:#666666; text-decoration:none}
.listser li .tit1 a:hover{ color:#FF0000}

.ckmore{ width:80%; margin:auto; height:50px; font-size:16px; line-height:50px; text-align:center; border:1px #993300 solid; border-radius:3px; margin-bottom:15px;}
.ckmore a{ color:#993300; text-decoration:none; display:block}

.tjnews{ width:94%; margin:auto; position:relative; margin-top:20px;}
.tjnews .newstit{ width:100%; height:36px; position:absolute; bottom:0; left:0; font-size:14px; line-height:36px; text-align:center; background:url(mbg.fw.png);}
.tjnews a{ color:#FFFFFF}
.disc{width:92%; margin:auto; font-size:14px; line-height:26px; color:#999999; padding:14px 0; border-bottom:1px #CCCCCC solid;}
.disc a{ color:#999999; text-decoration:none}
.newslist{ width:94%; margin:auto; padding-bottom:20px;}
.newslist li{ font-size:14px; line-height:32px; border-bottom:1px #CCCCCC dotted}
.newslist li a{ color:#666666; text-decoration:none}


.newslist li span{ float:right; color:#999999}

.aboutbox{ width:90%; margin:auto; font-size:14px; line-height:26px; padding:10px 0;}
.bmbg{ width:100%; background:url(bmbg1.jpg) ; padding:20px 0;}
.bmbg .bmtit{ font-size:18px; line-height:50px; text-align:center; color:#FFFFFF}
.bmbg .bmdesc{ font-size:14px; line-height:24px; text-align:center; color:#FFFFFF; width:90%; margin:auto}
.bmbg .bmbox{ font-size:14px; width:92%; margin:auto}
.bmbg .bmbox input.in{ width:100%; height:26px; background:#CCCCCC; border:1px #999 solid; font-size:14px; line-height:26px; margin:auto; margin-top:6px;}


.footer1{ background:#063A6A; padding:50px 0; height:auto}
.footer1 .erwima{ width:40%; margin:auto;}
.footer1 .erwimatit{ font-size:18px; line-height:30px; text-align:center; color:#0099FF}
.footer1 .tel{ font-size:30px; text-align:center; color:#FFCC00; margin-top:40px; line-height:50px;}
.footer1 .add{ font-size:14px; line-height:26px; text-align:center; color:#FFFFFF}
.copy{ font-size:14px; background:#01699E; color:#5CB6DB; text-align:center; line-height:24px; padding:10px 0; height:45px;}
.copy a{ color:#5CB6DB; text-decoration:none}

.arttit{ font-size:24px; text-align:center; line-height:50px; color:#666666}
.artical{ width:98%; margin:auto; font-size:14px; line-height:28px; color:#666666; padding:30px 0;}
.artical img{ width:100%;}

.menu2{ width:100%; height:61px; background:#0099CC; margin-top:10px;}
.menu2 ul{ margin:0; padding:0; list-style-type:none}
.menu2 li{ float:left; width:24%; height:30px; text-align:center; line-height:30px; font-size:14px; border-right:1px #FFFFFF solid; }
.menu2 li a{ color:#FFFFFF; text-decoration:none}
.menu2 .m1{ width:100%; height:30px; border-bottom:1px #FFFFFF solid;}
.menu2 .m1 li:last-child{ border-right:none}
.menu2 .m2 li:last-child{ border-right:none}
.menu2 .m2{ width:100%; height:30px;}

.data53 {
    width: 100%;
    background:#0099CC;
    color: #FFFFFF;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    max-width: 640px;
    margin: auto;
    padding-top: 2px;
    padding-bottom: 2px;
}