﻿@charset "utf-8";
/* global */
body,font,table,tr,td,th,form,input,select{ font-size:12px; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif}
body,a{ color:#666}
div,p,form{margin:0px; padding:0px; zoom:1; overflow:hidden;}
ul,ol,li,dl,dt,dd{ display:block; margin:0px; padding:0px; zoom:1; overflow: hidden; list-style:none; vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; zoom:1; overflow:hidden; font-size:12px; font-weight:normal;}
.top,.logo,.menuB,.tree,.main,.flink,.footer,.about{width:980px; margin:0 auto;}
i,em{ font-style:normal;}
u{ text-decoration:none;}
a{ text-decoration:none;}
a img{ border:0px;}
.mt10{ margin-top:10px;}
.noborder{ position:relative; display:block; height:1px; top:1px; background:#FFF; clear:both;}
.barA{ height:35px; line-height:35px; border:solid 1px #d8d8d8;padding:0 10px; background:#fff url(../content/images/bg_x.gif) left -51px repeat-x; font-weight:bold;}
.barA .lA,.barA .lB,.barA .lC{ font-weight:bold; float: left; display:inline; background:url(../content/images/bg.gif)  no-repeat; margin-left:10px; padding-left:20px;}
.barA .lA{ background-position:left -288px;}
.barA .lA,.barA .lA a{ color:#40a900;}
.barA .lB{ background-position:left -314px;}
.barA .lB,.barA .lB a{ color:#009896;}
.barA .lC{ background-position:left -337px;}
.barA .lC,.barA .lC a{ color:#ff4200;}
.barA .r{ font-weight:normal; display:block; text-align:right; padding-right:5px;}
.barAB{height:31px; line-height:31px; border:solid 1px #d8d8d8; border-bottom:0px;padding:0 10px; background:#fff url(../content/images/bg_x.gif) left -120px repeat-x; font-weight:bold; color:#ff4200;}
.barAB .l{ float:left; display:inline; font-weight:bold; color:#ff4200;}
.barAB .r{ display:block; text-align:right; font-weight:normal;}
.barAB .rr{ float:right; display:inline;font-weight:normal;}
.barAB .rr,.barAB .rr a{ color:#666;}
.barAB a{ color:#ff4200;}
.barAB .r,.barAB .r a{ color:#666;}
.conA{border:solid 1px #d8d8d8; border-top:0px; padding:10px;}
.blockA{ border:solid 1px #dedede; padding:1px;}
.blockA .bar{ background:#f7f7f7; font-weight:bold; padding:8px;}
.blockA .bar,.blockA .bar a{ color:#444; height:16px; line-height:16px;}
.blockA .con{ padding:10px;}
.blockB{ border:solid 1px #dedede; background:url(../content/images/bg1.gif) right top repeat-y;}
.blockC{ overflow:hidden;zoom:1; margin-left:-10px; letter-spacing:-4px;}
.blockC dl{ display:inline-block; *display:inline; letter-spacing:normal; vertical-align:top;width:50%; *width:49.9%; margin-top:10px;}
.blockC dt,.blockC dd{ margin-left:10px;}
.subPageA{ clear:both; text-align: center; margin:20px 0 10px;}
.subPageA a{ display:inline-block;*display:inline;zoom:1; line-height:18px; padding:0 5px; border:solid 1px #dadbdf; margin-right:5px; background:#FFF;}
.subPageA a.s,.subPageA a:hover{ color:#FFF; background:#f34602;border:solid 1px #f34602;}
/* header */
.header{ background:url(../content/images/bg.gif) left top repeat-x;}
.top{height:26px; line-height:26px;}
.top h1{ float:left; display:inline; margin-right:10px; font-size:12px;}
.top .menuA{ float:right; background:url(../content/images/bg.gif) left -454px no-repeat; padding-left:13px;}
.top .menuA a{ display:inline-block; margin:0 5px;}
.aboutLogo{ background:url(../content/images/bg_about_head.gif) left bottom repeat-x; margin-top:1px; padding-bottom:12px;}
.aboutLogo .logo{ background:url(../content/images/bg_about.gif) right top no-repeat; height:60px;}
.aboutLogo .logo img{ margin-left:12px;}
.logo{ padding:20px 0;}
.logo .searchA{ float:right; display:inline; margin-right:18px; _width:510px;}
.logo .searchA p{ display:none;}
.logo .searchA ul{ height:25px;}
.logo .searchA li{ display:inline-block; *display:inline;zoom:1; height:25px; line-height:25px; overflow: hidden; color:#000;}
.logo .searchA li b{ display:inline-block; padding:0 25px 0 30px; cursor:pointer!important; cursor:hand; font-weight:normal}
.logo .searchA li i{ display:none;}
.logo .searchA li.s{ background:url(../content/images/bg.gif) right -725px no-repeat; padding-right:10px;}
.logo .searchA li.s b{background:url(../content/images/bg.gif) left -700px no-repeat; font-weight:bold}
.logo .searchA label{ display:block;background:#f4f4f4; padding:5px 5px; margin:0px; overflow:hidden;zoom:1;}
.logo .searchA .textA{ float:left; border:solid 1px #BBB; border-right:0px; height:26px; line-height:26px; overflow:hidden; width:430px; color:#999; text-indent:5px;}
.logo .searchA .btnA{ float:left;background:#fb9d12; border:0px; color:#FFF; font-size:14px; height:28px; line-height:28px; padding:0 5px; cursor:pointer!important; cursor:hand; width:70px;}
.logo h2{ padding-left:30px;}
.menuB{background:url(../content/images/bg.gif) left -240px  no-repeat; height:47px;}
.menuB ul{letter-spacing:-6px; font-size:0px;}
.menuB li{display:inline-block; *display:inline;zoom:1; vertical-align:top;letter-spacing:normal; font-size:12px;}
.menuB li a{color:#FFF;}
.menuB .fl{ float:left; display:inline;letter-spacing:-4px; font-size:0px; padding-left:10px; white-space:nowrap;}
.menuB .fl li{margin-left:17px; padding-right:17px; background:url(../content/images/bg.gif) right -639px no-repeat;}
.menuB .fl li.l{ background-image:none;}
.menuB .fl li a{ font-size:14px; font-weight:bold; color:#FFF; display:block; *display: inline-block; margin:15px 0; height:15px; line-height:15px; overflow:hidden;}
.menuB .fl li a.s{ color:#fffcb1; border-bottom:solid 1px #fffa8c;}
.menuB .fr{ float:right; display:inline;padding-top:20px; white-space:nowrap;}
.menuB .fr li{ margin-right:20px; padding-left:15px;}
.menuB .fr li.s1{ background: url(../content/images/bg.gif) left -379px no-repeat;}
.menuB .fr li.s2{ background: url(../content/images/bg.gif) left -407px no-repeat;}
.menuB .fr li.s3{ background: url(../content/images/bg.gif) left -432px no-repeat;}
.menuB .fm{ _float:left; padding:20px 0 0 110px;}
.menuB .fm li{margin-left:10px; padding-right:10px;background:url(../content/images/bg.gif) right -653px no-repeat; overflow:hidden; }
.menuB .fm li.l{background-image:none;}
.menuB .fm li a{ font-weight:bold; display:block; *display: inline-block;height:14px; line-height:14px; overflow:hidden;}
.menuB .fm li a.s{color:#fffcb1; border-bottom:solid 1px #fffa8c;}
.tree{ margin-top:20px; text-indent:10px;}
.tree i{ color:#ff4200;}
/* main */
.main{ margin-top:10px;}
.left{ width:700px; float:left; clear:left; display:inline; margin-right:10px; overflow:hidden;}
.right{ _float:left;}
/* flink */
.flink{ margin-top:10px;}
.flink dl{ float:left; display:inline; padding:0 15px; border-right:solid 1px #e8e8e8;height:27px; line-height:27px;}
.flink dl.s{ background:#FFF;}
.flink dt{ _display:inline;} 
.flink dt,.flink dt a{ color:#000; font-weight:bold}
.flink dd{ display:none;}
.flink .bar{ background:#fff url(../content/images/bg_x.gif) left -60px repeat-x;  border:solid 1px #e8e8e8; border-bottom:0px;}
.flink .con{ clear:both; border:solid 1px #e8e8e8; border-top:0px; padding:10px;}
.flink .con a{ display:inline-block; white-space:nowrap; margin-left:15px; line-height:22px;}
/* footer */
.footer{ border-top:solid 2px #F00; margin-top:10px; padding:15px 0; text-align:left;}
.footer ul,.footer dl{ padding-left:15px;}
.footer li,.footer dt,.footer dd{ display:inline-block;*display:inline; height:14px; margin:3px 0;}
.footer dd{ margin-right:5px;}
.footer h2{ float:right; display:inline; width:231px; height:71px; background:url(../content/images/bg_footlogo.jpg) left -5px no-repeat; text-indent:-1000em; border-left:solid 1px #d3d3d3; padding-left:10px;}
.footer .menuC{ letter-spacing:-6px; font-size:0px;}
.footer .menuC li{ border-left:solid 1px #666; padding:0 5px 0 5px;letter-spacing:normal; font-size:12px;}
.footer .menuC li.s{ border:0px; padding-left:0px;}
/************
   index 
***********/
/*left*/
.adA{ float:right; display:inline; margin-left:10px; width:505px; height:180px; overflow:hidden; position:relative;}
.adA ul{ white-space:nowrap; letter-spacing:-6px; font-size:0px;}
.adA li{ display:inline-block; *display:inline; vertical-align:top; letter-spacing:normal; font-size:12px; width:505px; height:180px;}
.adA img{vertical-align:bottom; width:505px; height:180px;}
.adA p{ position:absolute; right:5px; bottom:5px;}
.adA p span{ float:left; display:inline;width:14px; height:14px; overflow:hidden; background:url(../content/images/adA_ico1.png) no-repeat;_background-image: none; /* IE6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../content/images/adA_ico1.png'); /* IE6 */text-indent:-999em; cursor:pointer!important; cursor:hand;}
.adA p span.s{ background-image:url(../content/images/adA_ico2.png);_background-image: none; /* IE6 */_filter:progid:DXImageTransformMicrosoft.AlphaImageLoader(src='../content/images/adA_ico2.png'); /* IE6 */}
.priceHotA{ _float:left;}
.priceHotA .conA{ padding:12px 10px;}
.priceHotA li{ height:24px; line-height:24px;}
.priceHotA li a.l{ color:#df2435; display:inline-block; *display:inline; vertical-align:top; width:26px; overflow:hidden; white-space: normal; text-align:center}
.priceHotA li a.r{ margin-left:5px;}
.cateA{ clear:both;}
.cateA .t{ border:solid 1px #CCC; margin-top:10px; padding:20px;}
.cateA .parent h3{ font-size:16px; font-weight:bold; float:left; display:inline;}
.cateA .parent h3{ display:block; padding-top:5px;}
.cateA .parent h4{ float:left; display:inline; background:url(../content/images/bg.gif) left -750px no-repeat; height:25px; line-height:25px; padding:0 10px; color:#0681c5;border-right:solid 1px #c6dae6;}
.cateA .child{ clear:both;}
.cateA .child dl{ width:50%; float:left; margin:17px 0 0; height:40px;}
.cateA .child dt{ float:left; color:#F00; font-weight: bold; font-size:14px; height:20px; line-height:20px; margin-right:5px;}
.cateA .child dt a{ color:#F00;}
.cateA .child .more{ float:right; display:inline; margin:25px 20px 0 0;}
.cateA .child .more a{ color:#F00;}
.cateA .child .desc{ font-weight:bold; height:20px; line-height:22px; }
.cateA .child .list{height:40px; line-height:14px; display:inline; zoom:0;}
.cateA .child .list .l{ float:left; background:#FFF; height:14px; line-height:14px; width:1px; position:relative;left:1px;}
.cateA .child .list .r{ float:right; display:inline; margin-right:20px; color:#F00;}
.cateA .child .list ul{ letter-spacing:-6px; font-size:0px; display:inline; zoom:0;}
.cateA .child .list li{ display:inline-block; *display:inline; letter-spacing:normal; font-size:12px;border-right:solid 1px #CCC; padding-right:5px; margin:3px 5px;}
/*right*/
.index .right .conA,.index .right .conA a{ color:#444;}
.userA{ border: solid 1px #c6dae6; background:#f2faff; letter-spacing:-6px; font-size:0px; padding:0 0 10px; position:relative;}
.userA,.userA a{ color:#0681c5;}
.userA li{ display:inline-block; *display:inline; vertical-align:top; letter-spacing:normal; font-size:12px;width:115px; margin:10px 0px 0 10px; background:url(../content/images/bg.gif) right -809px no-repeat; padding-right:3px;}
.userA li p{ display:none;}
.userA li p a{ font-weight:bold;}
.userA li h3{height:35px; line-height:35px; background:url(../content/images/bg.gif) left -775px no-repeat; text-align:center; font-weight:bold; }
.userA li.s,.userA li.ss{ height:75px; overflow:visible; background:none; padding-right:0px; width:118px;}
.userA li.s h3,.userA li.ss h3{ height:40px;  background:url(../content/images/bg_user.gif) left top no-repeat;}
.userA li.s p,.userA li.ss p{ display:block; width:250px; position: absolute; left:10px; text-align:center;height:35px;line-height:35px; background:url(../content/images/bg_user.gif) left bottom no-repeat}
.userA li.ss h3{ background-image:url(../content/images/bg_user_r.gif); background-position:right top;}
.userA li.ss p{ background-image:url(../content/images/bg_user_r.gif); background-position:2px bottom;}
.tradeHotA .conA{ padding:5px 0px;}
.tradeHotA li{ height:32px; line-height:32px;}
.tradeHotA li i{ width:20px; overflow:hidden; float:left; display:inline; margin:0 0 0 18px;}
.tradeHotA li a{ padding-left:16px;}
.tradeHotA .s1{ width:50%; float:left; display:inline; clear:left; background:url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s2{ width:50%; float:left; display:inline; clear:left; background:#f9f9f9 url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s3{ width:50%; float:left; display:inline; clear:left; background:url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s4{ width:50%; float:left; display:inline; clear:left; background:#f9f9f9 url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s5{ width:50%; float:left; display:inline; clear:left; background:url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s6{ width:50%; float:left; display:inline; clear:left; background:#f9f9f9 url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s7{ width:50%; float:left; display:inline; clear:left; background:url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s8{ width:50%; float:left; display:inline; clear:left; background:#f9f9f9 url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s9{ width:50%; float:left; display:inline; clear:left; background:url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s10{ width:50%; float:left; display:inline; clear:left; background:#f9f9f9 url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s11{ width:50%; float:left; display:inline; clear:left; background:url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s12{background:url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s13{background:#f9f9f9 url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s14{background:url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s15{background:#f9f9f9 url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s16{background:url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s17{background:#f9f9f9 url(../content/images/bg.gif) 32px -484px no-repeat;}
.tradeHotA .s18{background:url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s19{background:#f9f9f9 url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s20{background:url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s21{background:#f9f9f9 url(../content/images/bg.gif) 32px -513px no-repeat;}
.tradeHotA .s22{background:url(../content/images/bg.gif) 32px -513px no-repeat;}
.productHotA{ margin-top:10px;}
.productHotA li{ height:25px; line-height:25px;}
.productHotA .conA li .l{ float:left; display:inline; margin:0 5px 0 9px; color:#df2435}
.productHotA .conA li a.l{color:#df2435;}
.newsHotA{ margin-top:10px;}
.newsHotA .conA{ padding:14px 10px 13px;}
.newsHotA .conA li{ height:25px; line-height:25px; padding-left:5px;}
.newsHotA .conA li .l{color:#df2435;}
.newsHotA .conA li a.l{color:#df2435;display:inline-block;*display:inline; vertical-align:top; width:26px; overflow:hidden; white-space: normal; text-align:center}
.newsHotA .conA li .r{ margin-left:5px;}
/************
   product
***********/
.product,.product a{ color:#303030;}
.prohead{ background:#fff8f0; padding:10px;}
.prohead p{ float:right; display:inline; margin-right:10px;}
.prohead p a{ margin-left:20px;}
.prohead dt,.prohead dd{ display:inline;}
.prohead dd{ margin-right:30px;}
.proCompanyCateA{ margin-top:10px;}
.proCompanyCateA .conA{ padding:10px 0px; letter-spacing:-6px; font-size:0px;}
.proCompanyCateA li{ display:inline-block; *display:inline; vertical-align:top; letter-spacing:normal; font-size:12px; width:9.9%; line-height:24px;}
.proCompanyCateA li a{ margin-left:15px;}
.proBizCateA{}
.proBizCateA .conA{ padding:0px; letter-spacing:-6px; font-size:0px;}
.proBizCateA li{ width:33.3%; display:inline-block; *display:inline; vertical-align:top; letter-spacing:normal; font-size:12px; padding:20px 0 10px; border-top:dashed 1px #CCC}
.proBizCateA li img{ float:left; display:inline; margin:0 10px 0 15px;}
.proBizCateA li dt{ font-weight: bold; line-height:24px;}
.proBizCateA li dd{ height:40px;line-height:20px;}
.proBizCateA li dd a{ white-space:nowrap;}
.proBizCateA li dd .r{ color:#888}
.productCateList{}
.productCateList .cate .conA{ padding:20px 0 20px;}
/*
.productCateList .cate dl{ width:33%; float:left; display:inline; margin:0 0 0; line-height:20px; }
.productCateList .cate dl.l{ float:left; display:inline; clear:left;}
.productCateList .cate dl.m{ float:left; display:inline;}
.productCateList .cate dt{ font-weight:bold; line-height:24px;}
.productCateList .cate dt,.productCateList .cate dd{ margin:0 34px;}
.productCateList .cate dd i{ color:#898989; margin:0 5px 0 2px;}
*/
.productCateList .cate .col{ width:33.3%; float:left;display:inline;line-height:18px;}
.productCateList .cate .col li{*display:inline; margin-left:34px; width:100%;}
.productCateList .cate .col li ul{ padding:5px 0;}
.productCateList .cate .col li a{ font-weight:bold; color:#303030;}
.productCateList .cate .col li li{ margin:0px;}
.productCateList .cate .col li li a{font-weight:normal; color:#303030; }
.productCateList .cate .col li li i{ padding:0 5px 0 2px; color:#999}
.productCateList .children{ letter-spacing:-6px; font-size:0px;}
.productCateList .children li{ display:inline-block; *display:inline; vertical-align:top; letter-spacing:normal; font-size:12px; width:33.3%;line-height:18px;}
.productCateList .children li a{ margin-left:30px; display:inline-block; color:#303030}
.pclCompanyCateB .conA{ padding:10px 20px;}
.pclCompanyCateB li{height:24px; line-height:24px; white-space:normal}
.pclCompanyCateB li i{ float:right; display:inline; margin-left:10px;}
.adB{ margin-top:10px; text-align:center;}
.productList .left{ margin-right:20px;}
.productListA .conA{ padding:0px;}
.productListA li{ padding:25px 0;}
.productListA li.s{ background:#f8f8f8;}
.productListA li .r{ float: right; display:inline; margin-right:30px; line-height:30px;}
.productListA li .r,.productListA li .r a{ color:#bababa;}
.productListA dt{ float:left; display:inline; margin:0 20px;}
.productListA dt img{ padding:2px; border:solid 1px #eee; margin-left:10px;}
.productListA dd{ color:#303030; line-height:20px;}
.productListA dd h3{ font-weight:bold; font-size:14px; margin-bottom:5px;}
.productListA dd h3 a{ color:#303030;}
.productListA dd .s1,.productListA dd .s1 a{ color:#bababa;}
.productListA dd .s2,.productListA dd .s2 a{ color:#297cc2;}
.keyword_AdA dt{ text-align:center; border-bottom:solid 1px #CCC; line-height:30px;}
.keyword_AdA dd{ padding:15px 5px;}
.keyword_AdA dd h3{font-weight:bold; font-size:14px; margin-bottom:5px;}
.keyword_AdA dd h3,.keyword_AdA dd h3 a{ color:#297cc2; }
.keyword_AdA dd p{ line-height:18px; max-height:36px;_height:expression(this.clientHeight>36?'36px' : true);  overflow:hidden;}
.keyword_AdA dd .web{ display:block; color:#037300; line-height:18px;}
/************
  company
***********/
.userB{  padding:4px 0 10px; border-top: solid 1px #f8930f;}
.userB p{ height:97px; line-height:97px;background:url(../content/images/bg_userB.gif) center top repeat-x;border:solid 1px #fbdfb1; border-top:0px; border-bottom:0px;}
.userB p a{float:left; display:inline; width:50%; text-indent:-1000em;}
.cateB .conA{ padding:0px; background:url(../content/images/bg_list_oddA.gif) center top repeat-y;}
.cateB .conA li{ height:29px; line-height:29px; float:left; display:inline; width:50%;}
.cateB .conA li a{ margin:0 10px 0 20px; font-size:14px; }
.cateB .conA li i{ float:right; display:inline; margin-right:30px;}
.companyListA .conA{ padding:0px;}
.companyListA li{ padding:35px 25px;}
.companyListA li.s{ background:#f8f8f8;}
.companyListA .r{ float:right; display:inline; margin:30px 0 0 88px;}
.companyListA h3{ font-size:14px; margin-bottom:10px; font-weight:bold;}
.companyListA p{ line-height:20px;}
.companyListA p.s1{ margin-top:10px;}
.companyListA h3,.companyListA h3 a,.companyListA p{ color:#303030;}
.companyListA p.s1,.companyListA p.s1 a{ color:#bababa;}
/**********
   news
**********/
.news .newsListA{ margin-top:10px;}
.news .exhibitionListA{ margin-top:10px;}
.newsListA .conA{ padding-bottom:23px;}
.newsListA li{ float:left; display:inline; width:50%; margin:0 0 0; height:25px; line-height:25px; overflow:hidden}
/*
.newsListA li{ float:left; display:inline; height:12px; line-height:12px;width:50%; margin:13px 0 0;}
.newsListA li .l{ float:left; display:inline; margin:0 5px 0 20px;}
.newsListA li .r{ white-space:normal; display:inline-block;*display:inline;zoom:1; vertical-align:top; border-left:solid 1px #666; padding-left:5px;}
*/
.exhibitionListA .conA{ padding:0 10px 10px;}
.exhibitionListA .conA li{ padding:10px 0 8px;}
.exhibitionListA .conA dt{ float:left; display:inline; margin-right:8px;}
.exhibitionListA .conA dt a img{ border:solid 1px #CCC; padding:1px;}
.exhibitionListA .conA h3{ margin-top:3px;}
.exhibitionListA .conA h3,.exhibitionListA .conA p{ height:18px; line-height:18px;}
.newsListB .conA{ padding:0px; line-height:18px;}
.newsListB .conA li{ padding:20px;}
.newsListB .conA li.s{ background:#f8f8f8;}
.newsListB .conA h3{ font-size:14px;}
.newsListB .conA h3,.newsListB .conA h3 a{color:#297cc2; }
.newsListB .conA dl{ color:#bababa; margin:8px 0;}
.newsListB .conA dt,.newsListB .conA dd{ display:inline;}
/**********
exhibition
**********/
.exhibition .timeCateA{ margin-top:10px;}
.exhibition .areaCateA{ margin-top:10px;}
.timeCateA .conA{ letter-spacing:-6px; font-size:0px; padding:10px 0;}
.timeCateA li{ display:inline-block; *display:inline; letter-spacing:normal; font-size:12px; vertical-align:top; width:50%;}
.timeCateA dl{ padding:10px 0 5px 25px; line-height:30px;}
.timeCateA dt{ font-weight:bold;}
.timeCateA dd a{ white-space:nowrap;}
.areaCateA .conA{ line-height:24px; padding:10px 25px 25px;}
.areaCateA dt{ font-weight:bold; padding-top:10px;}
.areaCateA dd li{ display:inline; white-space:nowrap;margin-right:6px;}
.exhibitionListB .conA{ padding:0px;line-height:18px;}
.exhibitionListB .conA li{ padding:20px;}
.exhibitionListB .conA li.s{ background:#f8f8f8;}
.exhibitionListB .conA dt{ float:left; display:inline; margin-right:14px;}
.exhibitionListB .conA dt a img{ border:solid 1px #CCC; padding:1px;}
.exhibitionListB .conA h3{ margin:3px 0 5px; font-size:14px}
.exhibitionListB .conA h3,.exhibitionListB .conA h3 a{ color:#297cc2;}
/*********
  member
*********/
.login .main,.reg .main{ background:url(../content/images/bg_mainA.gif) left top repeat-x; padding-top:25px;}
.formLoginA{  padding:150px 0 150px;text-align: center;}
.formLoginA div{ display:block; margin:5px 0;}
.formLoginA div select{font-size:24px; font-weight:bold; width:500px;}
.formLoginA div select.child{font-size:20px;}
.formLoginA .btnA{ margin-top:64px;}
.login .formLoginA{background:url(../content/images/bg_member_01.gif) center top no-repeat;}
.reg .formLoginA{background:url(../content/images/bg_member_02.gif) center top no-repeat;}
.siteListA{ display:block; letter-spacing:-6px; font-size:0px; text-align:left; width:880px; margin:0 auto;}
.siteListA li{ display:inline-block; *display:inline; letter-spacing:normal; font-size:12px; width:139px; line-height: 48px;   height:48px; text-align:center; padding:2px; border:solid 1px #CCC; margin:10px 0 0 5px;}
.siteListA li img{ height:48px;width:139px;}
.siteA .conA{ padding:0 0 30px;}
.siteListB{ display:block; letter-spacing:-6px; font-size:0px; text-align:left;}
.siteListB li{ display:inline-block; *display:inline; vertical-align:top; letter-spacing:normal; font-size:12px;text-align:center; margin:30px 2px 0 38px;}
.siteListB li a img{ padding:2px; border:solid 1px #CCC; margin-bottom:10px;}
.siteListB li a:hover img{ border:solid 1px #999}
/*********
  about
*********/
.about{ margin-top:10px;}
.about h1,.about .pay h2{ color:#ff4200; font-size:14px; font-weight:bold; background:url(../content/images/bg_about_1.gif) left 7px no-repeat; line-height:24px; height:24px; padding-left:12px;}
.menuD{ float:left; display:inline; width:227px; margin-right:29px;}
.menuD li{ height:32px;line-height:30px; font-size:14px;text-align:center; margin:0 0 5px; font-weight:bold}
.menuD li a{ display:block;border:solid 1px #e8e8e8; background:#f9f9f9; }
.menuD li a:hover{ background:#f4f4f4;}
.menuD li.s a,.menuD li.s a:hover{ background:#ffa703; border:solid 1px #ffa703;color:#FFF;}
.about .pp{ line-height:18px; margin:0 80px 60px 15px;}
.about .pp h3{ margin-top:20px; font-weight:bold}
.aboutus p{ margin:20px 75px 40px 0; line-height:18px;}
.aboutus p b{ float:left; clear:left; display:inline;}
.aboutus p span{ display:block;zoom:1; overflow:hidden;}
.contactus .con{ margin-top:10px; line-height:18px; height:500px; letter-spacing:-6px; font-size:0px;}
.contactus .con li,.contactus .con dl,.contactus .con h3{letter-spacing:normal; font-size:12px; }
.contactus .con h3{ font-size:14px; font-weight:bold; margin:0 0 10px 10px;}
.contactus .con ul{ margin-bottom:10px; padding:0 10px;}
.contactus .con dl{ display:inline-block; *display:inline; vertical-align:top; border:solid 1px #eee; background:#f8f8f8; padding:10px; margin:10px 10px 0 0; width:250px;}
.contactus .con dt{ font-weight:bold; padding-bottom:5px;}
.contactus .con b{ float:left; display:inline; clear:left; font-weight:normal;}
.contactus .con span{ display:block;zoom:1; overflow:hidden;}
.webmap ul{ margin:0 40px 40px 0;}
.webmap li{ line-height:12px; margin-top:10px;}
.webmap li a{display:inline-block; *display:inline;zoom:1; margin:5px 0;}
.webmap li h3{ float:left; display:inline; font-weight:bold;}
.webmap li h4{ letter-spacing:-6px; font-size:0px;}
.webmap li h4 a{letter-spacing:normal; font-size:12px; vertical-align:top; padding:0 10px;border-right:solid 1px #666;}
.webmap li h4 a.more{ border-right:0px; color:#ccc;}
.friend-link{ line-height:24px; padding-bottom:50px;}
.friend-link h3{ font-weight:bold; margin:20px 10px 0;}
.friend-link ul{ margin:0 10px;}
.friend-link li{ display:inline; white-space:nowrap; margin-right:30px;}
.agreement .pp{ margin-top:20px;}
.agreement h4{ margin:10px 0;}
.service .con{ padding-bottom:50px; line-height:24px;}
.service .con h2{ font-size:14px; font-weight:bold; margin:20px 0 10px;}
.service .con h3{font-weight:bold; margin:5px 0;}
.service .con .fl{ float:left; display:inline;}
.pay{ padding-bottom:30px;}
.pay .s1{ float: right; display:inline;color:#ff4200;}
.pay .s2 p{padding:10px 20px; border-bottom:dashed 1px #CCC;}
.pay .s2 h3{padding:0 20px; margin:10px 0;color:#ff4200;}
.pay .s2 ol{ padding:0 20px;}
.pay .s3 h2{ margin-top:20px;}
.pay .s3 li{ border:solid 3px #5a8bdb; margin:10px 0 0;}
.pay .s3 h3{ text-align:center; padding:10px 0; border-bottom:solid 1px #5a8bdb;}
.pay .s3 li div{ letter-spacing:-6px; font-size:0px; padding:10px;}
.pay .s3 li div *{letter-spacing: normal; font-size:12px;}
.pay .s3 li dl{ display:inline-block; *display:inline; vertical-align:top; width:49.9%;}
.pay .s3 li dt{ float:left; display:inline; margin-right:10px;}
.pay .s3 li dt img{ border:solid 1px #ddd;}
.pay .s3 li dd{ line-height:18px;}
.pay .s3 li.l3 dd span{ color:#ff4200;}
.pay .s3 li.l3 dl{ width:100%;}
/*********
  search
*********/
.search p{ float:left; display:inline; width:120px; color:#09F; padding:0 30px 0 10px;}
.search p b{ color:#F00; margin:0 5px;}
.search p img{ display:block; margin:40px auto 0 10px;}
.search dl{ padding:40px 0 10px;}
.search dt{ font-weight:bold; font-size:14px;}
.search dt em{ color:#fc9716;}
.search dd{ margin-top:10px; line-height:24px;}
.search .cateC li{ display:inline-block; *display:inline; white-space:nowrap; margin: 0 5px;}
.search .cateC li a{ color:#1d5f9c;}
.search .yqts ol{ display:list-item;list-style:decimal; padding:0 5px;}
.search .logoB{padding:0 0 5px 0; margin-top:120px;}
.search .logoB li{ float:left; display:inline; width:147px; height:48px; text-align:center; padding:2px; border:solid 1px #CCC; margin:5px 0 0 5px;}
.search .logoB li img{ height:48px;width:147px;}
.webview .viewA{ text-align:center; }
.webview .viewA .conA{ padding:50px;}
.webview .viewA dt{ float:left; display:inline;overflow:hidden; vertical-align:top; margin-right:20px;}
.webview .viewA dt img{ padding:2px; border:solid 1px #CCC; }
.webview .viewA dd { vertical-align:top; text-align:left; font-size:14px;}
.webview .viewA dd.d1 h2{ font-weight:bold; font-size:16px; padding:5px 0;}
.webview .viewA dd.d1 ul{ padding:0;}
.webview .viewA dd.d1 li{ padding:5px 0;}
.webview .viewA dd.d1 .s1{}
.webview .viewA dd.d1 li .l{ float:left; display:inline; font-size:14px;}
.webview .viewA dd.d1 li .r{}
.webview .viewA dd.d1 .s3 .r a{ margin-right:10px; white-space:nowrap}
.webview .viewA dd.d1 .s3{ line-height:26px;}
.webview .viewA dd.d1 .s4{ line-height:26px;}
.webview .viewA dd.d1 .s4 .r b{ display:inline; }
.webview .viewA dd.d1 .s4 .r span{ overflow:hidden;zoom:1; margin:0px; padding:0px; padding-bottom:10px; }
.webview .viewA dd.d1 .s4 .r span a{ margin-left:5px;}
.webview .viewA dd.d2{ clear:both; padding-top:70px; letter-spacing:-6px;}
.webview .viewA dd.d2 li{ display:inline-block;*display:inline;zoom:1; overflow:hidden; white-space:nowrap; letter-spacing:normal; margin:8px 10px 0 0; font-size:14px;}
/***********
    area
************/
.areaListA{ line-height:22px; border-top:solid 2px #CCC; padding:0 20px;}
.areaListA dt,.areaListA dd{ margin-top:20px;vertical-align:top;}
.areaListA dt{ float:left; clear:left; display:inline;font-size:14px; font-weight:bold;}
.areaListA dt a{ }
.areaListA dd{letter-spacing:-6px;}
.areaListA dd a{ display:inline-block; white-space:nowrap; margin-left:20px; letter-spacing:normal; color:#0000cc; text-decoration:underline}
.areaListB dd{letter-spacing:-6px;}
.areaListB dd a{ display:inline-block; *float:left;vertical-align:top; overflow:hidden; width:20%; padding:0px; margin:10px 0 0 0; height:16px; line-height:16px; letter-spacing:normal;color:#0000cc;text-decoration:underline;text-indent:1em;}
.areaListB .conA{ padding-bottom:20px;}
/***********
   dict
***********/
.barB{ font-weight:bold; padding:5px 0;}
.leftA{ float:left; display:inline; width:190px; margin-right:40px;}
.rightA{ _float:left;}
.leftB{padding:10px 20px;}
.rightB{ float:right; display:inline; width:235px;}
.leftC{float:left; display:inline; width:150px; margin-right:10px!important; margin-right:6px;}
.searchB .main{ text-align:center; padding:95px 0 155px;}
.labA{ letter-spacing:-6px;}
.inputA{ background:url(../content/images/inputA.gif); width:477px; height:35px; line-height:34px; border:0px; padding:0px; margin:0px;overflow:hidden; text-indent:5px;display:inline-block; vertical-align:top; letter-spacing:normal}
.btnB{background:url(../content/images/btnA.gif); width:116px; height:35px; line-height:35px; border:0px; padding:0px; margin:0px; overflow:hidden; cursor:pointer!important; cursor:hand; display:inline-block; vertical-align:top;letter-spacing:normal}
.dictListA{  padding:5px;}
.dictListA li{ height:24px; line-height:24px; padding-left:10px;}
.dictListB{ padding:0 10px;}
.dictListB dt{ font-weight:bold; margin-top:2em;}
.dictListB dt,.dictListB dt a{ color:#22559d;}
.dictListB dd{line-height:20px; max-height:60px; }
.titleA span{ float:right; display:inline; margin:10px 20px 0 0;}
.titleA span img{ margin:0 2px 0 10px;}
.titleA h1{ font-weight:bold; font-size:24px;}
.detailA{font-size:14px;}
.detailA dt{ font-weight:bold; margin-top:20px;}
.detailA dt,.detailA dd{ padding:5px 0;}
.detailA dl{ border-bottom:solid 1px #dedede; padding-bottom:15px;}
.detailA .btm{ margin-top:20px; padding-bottom:50px;}
.detailA .fr{ float:right; width:148px; border:solid 1px #ededed; }
.detailA .fr a{ display:block; margin:0; padding:5px 0 5px 40px; overflow:hidden;zoom:1;background:#f7f7f7 url(../content/images/bg1.png) 10px -315px no-repeat;}
.detailA .fr a i{ color:#ccc;}
.detailA .fr a:hover{ background-color:#eee; background-position:10px -275px;}
a.blueA{ color:#225588}
.dictListC li{ height:24px; line-height:24px; padding:0 5px;}
.dictD{ padding:15px;}
.dictD dt{ border-bottom:solid 1px #dedede;}
.dictD dd{ border-top:solid 1px #fff; padding:10px 5px 0;}
/*totop*/
.totop{}
.totop .menuD{ float:none; display:block; width:auto; margin-right:0px;}
.typeListA{margin:0 0 0 -10px; letter-spacing:-6px;}
.typeListA dl{display:inline-block;*display:inline;zoom:1; width:50%; *width:49.9%; letter-spacing:normal;vertical-align:top;}
.typeListA dt{margin-top:10px;margin-left:10px;}
.typeListA dd{margin-left:10px;}
.totop .tradeHotA{ width:100%;}
.totop .tradeHotA .up{ width:24.9%; float:left; display:inline; background:url(../content/images/bg.gif) 32px -484px no-repeat;}
.totop .tradeHotA .down{ width:24.9%; float:left; display:inline; background:url(../content/images/bg.gif) 32px -513px no-repeat;}
.totop .tradeHotA li u{ color:#ccc; margin-left:5px;}
.hotA th{ text-align:left; color:#999; font-weight:normal; line-height:26px; white-space:nowrap}
.hotA th u{ display:inline-block;width:70px;}
.hotA td{ line-height:26px; white-space:nowrap;}
.hotA td,.hotA td a{ color:#0066cc;}
.hotA td i{display:inline-block;background:url(../content/images/bg_ol.jpg) left -22px repeat-x; height:14px; line-height:14px; border:solid 1px #ccc; padding:0 5px;font-style:normal;color:#cc3333;font-weight:bold;margin-right:10px;}
.hotA td u{display:inline-block; vertical-align:middle; width:59px; background:#e0dede; margin:0 5px; height:4px; line-height:4px; overflow:hidden; text-align:left;}
.hotA td u s{ display:inline-block; vertical-align:top; background:#ff6000; height:4px; line-height:4px; overflow:hidden;}
.hotA td .d{ float:right;vertical-align:middle;width:16px;text-indent:-999em;background:url(../content/images/bg_ol.jpg) right -40px no-repeat;}
.hotA .t1{ *float:left; width:2em;}
.hotA .t3{ text-align:right;}
.hotA th.t4{ text-align:right; width:2em;}
.hotA .t5{ text-align:center;}
.totopListA { margin-top:10px;}
.formA{ text-align:center;}
#Chart_FlashChart{ text-align:center; margin-top:10px; position:relative}
.chain { width:368px; height:198px; background:url(../content/images/bg_chain.png) center 40px no-repeat; position:relative; padding:9px 0; text-align:center }
.chain div { position:absolute; }
.chain div p a{ color:#0066cc;}
.chain cite { display:inline-block; padding-top:12px; font-style:normal }
div.c1 { width:50px; top:50px; left:45px; }
div.c2 { width:60px; top:50px; left:119px; }
div.c3 { width:35px; top:50px; left:205px; }
div.c4 { width:60px; top:50px; left:266px; }
div.c5 { width:60px; top:139px; left:177px; }
div.c6 { width:60px; top:139px; left:262px; }
.textListA li{ font-family:"Microsoft YaHei"; float:left; width:49.9%; height:24px; line-height:24px;}
.textListA li a{ margin-right:1em;}

	.nav-toggle {
				display: none;
			}
			
			.form-item-box,.form-item-warp {
				padding: 20px;
			}
			
			.item-warp-p span.active {
				background: #fb9d12;
				color: #fff;
				border-color: #FB9D12;
			}
			
			.form-item-two,.form-item-warp li {
				/*border-top: solid 1px #efefef;*/
				padding: 20px 0;
				margin-right: 20px;
				margin-left: 20px;
				position: relative;
			}
			
			.form-item-two:after,.form-item-warp li:after {
				content: '';
				display: inline-block;
				position: absolute;
				left: 5px;
				right: 5px;
				top: 1px;
				height: 1px;
				background: #efefef;
			}
			
			.form-item-warp li:first-child:after { display: none;}
			.form-item li,.item-warp-p span {
				display: inline-block;
				float: left;
				padding: 5px 10px;
				margin: 0 5px 10px;
				font-size: 14px;
				border-radius: 5px;
				overflow: hidden;
				cursor: pointer;
			}
			.form-item-warp li label{ display: none;}
			
			.pic-list {
				padding-bottom: 50px;
				position: relative;
				z-index: 0;
				padding-left: 15px;
				padding-right: 15px;
			}
			
			.pic-list li {
				margin-right: 10px;
				padding: 10px;
				margin-bottom: 10px;
			}
			
			.sj-header,.sj{
				display: none;
			}
			.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
			.clearfix{*+height:1%;}
			@media (max-width: 768px) {
				.sj-header {
					height: 118px;
					display: block;
				}
				.top,
				.logo,
				.menuB,
				.tree,
				.main,
				.flink,
				.footer,
				.about {
					width: 100%;
				}
				.top h1 {
					padding: 0 10px;
				}
				.logo {
					border-bottom: solid 2px #FB9D12;
				}
				.logo img {
					max-height: 50px;
				}
				.top .menuA,
				.logo .searchA {
					display: none;
				}
				.siteListA {
					width: 100%;
				}
				.siteListA li {
					width: 45%;
					float: left;
					height: auto;
					line-height: 46px;
                    text-align:center;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					/* Firefox */
					-webkit-box-sizing: border-box;
					/* Safari */
				}
                    .siteListA li img {
                        max-width: 100%;
                        height: 46px;
                    }
				.footer h2 {
					float: none;
					display: none;
					border: none;
				}
				.footer .menuC li {
					padding: 0 10px 5px 0;
					border: none;
				}
				.header {
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					z-index: 9999;
					background-color: #fff;
				}
				.menuB {
					z-index: -999;
					top: 0px;
					bottom: 0;
					position: fixed;
					overflow: hidden;
					height: 100%;
					right: -200px;
					background: #555;
					width: 200px;
					padding: 0;
					-webkit-transform: translateX(0px);
					-ms-transform: translateX(0);
					-o-transform: translateX(0);
					transform: translateX(0);
					-webkit-transition: transform 0.3s linear;
					-o-transition: transform 0.3s linear;
					transition: transform 0.3s linear;
					.pc {
						display: none;
					}
					.sj {
						display: block;
					}
				}
				.menuB .fl {
					float: none;
				}
				.menuB .fl li,
				.menuB .fr li,
				.menuB .fm li {
					background: none;
					width: 100%;
					display: block;
					height: auto;
					line-height: 45px;
					border-bottom: solid 1px rgba(0, 0, 0, .1);
					margin: 0;
					padding: 0;
				}
				.menuB .fl li a,
				.menuB .fr li a,
				.menuB .fm li a {
					line-height: 45px;
					height: 45px;
					font-weight: normal;
					font-size: 16px;
					padding: 0 15px;
					margin: 0;
				}
				.menuB .fr li.s1 {
					background: none;
				}
				.menuB .fr,
				.menuB .fm {
					float: none;
					width: 100%;
					padding: 0;
				}
				.logo h2 {
					-webkit-transition: all .5s ease-out;
					-o-transition: all .5s ease-out;
					transition: all .5s ease-out;
				}
				.navbg {
					display: none;
					height: 100%;
					width: 100%;
					position: fixed;
					left: 0;
					top: 0;
					z-index: 3;
					background: #000;
					opacity: .5;
				}
				.open-toggle .navbg {
					display: block
				}
				.open-toggle .main {
					overflow: hidden;
					/* position:fixed; */
					width: 100%;
					left: 0px;
					right: 0px;
				}
				.nav-toggle {
					background: 0 0;
					border: none;
					display: block;
					z-index: 5;
					top: 60px;
					position: absolute;
					right: 15px;
					width: 27px;
					height: 27px;
					-webkit-transition: all .5s ease-out;
					-o-transition: all .5s ease-out;
					transition: all .5s ease-out;
					outline: none;
				}
				.open-toggle .nav-toggle {
					right: 210px
				}
				.nav-toggle .icon-bar:first-child {
					top: 0;
					-webkit-transform: translateY(0);
					transform: translateY(0);
					transform: translateZ(0) rotate(0);
					transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
					-webkit-transform: translateZ(0) rotate(0);
					-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s
				}
				.nav-toggle .icon-bar:nth-child(2) {
					top: 8px;
					transform: translateZ(0) rotate(0);
					transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
					-webkit-transform: translateZ(0) rotate(0);
					-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s
				}
				.nav-toggle .icon-bar:last-child {
					top: 16px;
					-webkit-transform: translateY(0);
					transform: translateY(0)
				}
				.nav-toggle .icon-bar {
					width: 27px;
					height: 2px;
					position: absolute;
					top: 0;
					left: 0;
					background-color: #666;
					border-radius: 5px;
					top: 8px
				}
				.open-toggle .nav-toggle .icon-bar {
					background-color: #000;
				}
				.open-toggle .logo h2 {
					margin-left: -150px;
				}
				.open-toggle .nav-toggle .icon-bar:first-child {
					top: 0;
					-webkit-transform: translateY(0);
					transform: translateY(0);
					transform: translateZ(0) rotate(0);
					transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
					-webkit-transform: translateZ(0) rotate(0);
					-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s
				}
				.open-toggle .nav-toggle .icon-bar:nth-child(2) {
					top: 8px;
					transform: translateZ(0) rotate(0);
					transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
					-webkit-transform: translateZ(0) rotate(0);
					-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s
				}
				.open-toggle .nav-toggle .icon-bar:last-child {
					top: 16px;
					-webkit-transform: translateY(0);
					transform: translateY(0)
				}
				.open-toggle .nav-toggle .icon-bar:first-child {
					top: 7px;
					transform: translateZ(0) rotate(45deg);
					transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
					-webkit-transform: translateZ(0) rotate(45deg);
					-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s
				}
				.open-toggle .nav-toggle .icon-bar:nth-child(2) {
					top: 7px;
					transition: transform .2s ease 0s;
					transform: translate3d(0, 0, 0);
					-webkit-transition: -webkit-transform .2s ease 0s;
					-webkit-transform: translate3d(0, 0, 0);
					transform: translateZ(0) rotate(-45deg);
					-webkit-transform: translateZ(0) rotate(-45deg)
				}
				.open-toggle .nav-toggle .icon-bar:last-child {
					transition: transform .25s cubic-bezier(.4, .01, .165, .99) .2s;
					opacity: 0
				}
				.open-toggle .menuB {
					z-index: 9999;
					float: none;
					height: auto;
					width: 170px;
					overflow-y: auto;
					-webkit-transform: translateX(-200px);
					-ms-transform: translateX(-200px);
					-o-transform: translateX(-200px);
					transform: translateX(-200px);
					-webkit-transition: transform 0.3s linear;
					-o-transition: transform 0.3s linear;
					transition: transform 0.3s linear;
				}
				.pc {
					display: none;
				}
				.sj {
					display: block;
				}
				ul, ol, li, dl, dt, dd{ height: auto; overflow:visible;}
				.tree{ display: none;}
				.login .main, .reg .main{ background: none; padding-top: 0; margin-top: 0;}
				body.pf{ position: fixed; height: 100%; overflow: hidden;}
				.bg{position: fixed;background: rgba(0,0,0,.2);background-color: #000; opacity: .2;filter: alpha(opacity=20); top: 110px; bottom: 0px;left: 0px;right: 0px;z-index: 1;overflow: hidden; display: none;}
				.form-item-warp { padding: 0; z-index: 999; top:118px; position: fixed; left: 0; right: 0;}
				.form-item-warp ul{position: relative; padding-bottom:300px;}
				.form-item-warp li{ width: 50%;float: left; text-align: center; margin: 0; padding: 0;}
				.form-item-warp li:after{ display: none;}
				.form-item-warp li.s3{ width: 33.3333%;}
				.form-item-warp li.active label:after{border-top:6px solid #fff;}
				.form-item-warp li.active label{ color: #fff; background: #FB9D12;}
				.form-item-warp li label{ position: relative; width:100%;background: linear-gradient(to bottom, #ffff 1%,#f4f5f5 77%); line-height: 45px; display: block; font-size: 12px; border-bottom: solid 1px #cfcfcf;}
				.form-item-warp li label:before{ content:''; display: inline-block; position: absolute; top: 0; bottom: 0; right: 0; width: 1px;  background: #cfcfcf;}
				.form-item-warp li:last-child label:before,.form-item-warp li.active label:before{ display: none;}
				.form-item-warp li label:after{ content: ''; margin-left: 5px;  display: inline-block;width: 0;height: 0;border-left: 3px solid transparent;border-right:3px solid transparent;border-top:5px solid #999;}
				.form-item-warp li .item-warp-p{ display: none; position:fixed;left: 0px; right: 0;z-index: 999;top:164px;background: #fff;}
			    .form-item-warp li.active .item-warp-p{ display: block; padding: 20px 0;}
			     .form-item-warp li .item-warp-p p{ max-height:240px; overflow: scroll;}
			    .form-item-warp li .item-warp-p p span{ font-size: 14px; padding: 5px 15px; display: inline-block;}
				 .form-item-warp li .item-warp-p p span.active{ background: none; color: #FB9D12;}
			}
			.sj-main-height{ height: 60px;}
.form-item-warp{ width: 500px; margin: 0 auto;}	
.form-control {
	
	position: relative;
	font-family:Microsoft YaHei;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size:24px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 3px solid #ccc;
    border-radius: 4px;
    outline:none;
    appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
select::-ms-expand { display: none; }
.item-warp-p{ position: relative;}
.item-warp-p:after{
	content: ''; display: inline-block;	width:0; 
    height:0; 
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #cfcfcf;
}

/*---2019-07-22---手机二维码*/
.share-box {position: fixed;left: 50%;margin-left: 620px;z-index: 999;bottom: 60px;}
.share-box .qr-code {border: 1px solid #d9dadc;margin-top: 10px;background-color: #fff;word-wrap: break-word;word-break: break-all;text-align: center;width: 122px;}
.share-box .qr-code .qr-code-img img {width: 110px;padding:5px;}
.share-box .qr-code p {font-size: 14px;line-height: 20px;padding-bottom: 5px;}
