@charset "utf-8";

body{
    min-height:100%;
    position:absolute;
}
/* container
--------------------------------------------------------------------------------------------------------*/
#container{ width:100%; height:auto; padding-bottom: 90px;margin-bottom: 20px}

/* common_warning
--------------------------------------------------------------------------------------------------------*/
.common_warning{ width:100%; height:auto; }
.common_warning_icon{ width:2.5%; float:left; background:#fdf1ae; }
.common_warning_icon_content{ padding:6px 10px 0px 10px; }
.common_warning_text{ width:97.5%; float:left; background:#fffadd; }
.common_warning_text_icon{ float:left; padding:12px 5px 10px 10px; }
.common_warning_text_content{ float:left; font:#655533; font-size:16px; font-weight:bold; padding:10px 5px 10px 5px; }
.common_warning_text_close{ float:right; padding:12px 25px 10px 5px; }

/* header
--------------------------------------------------------------------------------------------------------*/
#header{ width:100%; height:auto}
#header .topmenubg{ width:100%; height:36px; background:#f8f8f8}
#header .topmenu{ width:1200px; margin:0 auto; height:36px;line-height:36px; color:#555555}
#header .topmenu a{ color:#555555}
#header .topmenu a:hover{ color:#109ccf}
#header .topmenu_left{ float:left; line-height:33px; height:33px; background:url(../../images/detection/icon_home.jpg) left center no-repeat; padding-left:9px; padding-top:0px; width:260px}
#header .topmenu_left li{ width:auto; margin:0 11px;float:left; line-height:37px}
#header .topmenu_left li a.txt{ color:#d10404; text-decoration:underline}

/* top nav导航盒子
--------------------------------------------------------------------------------------------------------*/
/*nav导航盒子*/
div.nav{ width:900px; height:36px; line-height:36px; text-align:center; font-size:12px; position:relative; background:#f8f8f8; float:right}
/*nav-main*/
ul.nav-main{ width:100%; height:100%; list-style-type:none}
/*ul.nav-main span{ display:inline-block; margin-left:5px; width:7px; height:7px; background:url(../../images/detection/icon001.jpg) no-repeat}*/
ul.nav-main span{ position:relative; display:inline-block; margin-left:5px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #6F6F6F; vertical-align:middle}
ul.nav-main span:after{ position:absolute; top:-6px; left:-4px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #fff; content:''}
/*图标向上旋转*/
.hover-up{ transition-duration:.5s; transform:rotate(180deg); -webkit-transform:rotate(180deg)}
/*图标向下旋转*/
.hover-down{ transition-duration:.5s; transform:rotate(0deg); -webkit-transform:rotate(0deg)}
/*导航条设置*/
ul.nav-main>li{ width:auto; height:100%; display:block; float:right; background:#f8f8f8; color:#545454; margin-right:0px; padding:0 15px; cursor:pointer; font-weight:700; border-left:1px #f8f8f8 solid; border-right:1px #f8f8f8 solid; position:relative}
ul.nav-main>li:hover{ background:#fff; color:#119bcc; border-left:1px #e7e7e7 solid; border-right:1px #e7e7e7 solid}
ul.nav-main>li:hover:after{ position:absolute; width:100%; bottom:-1px; left:0; border-bottom:1px #fff solid; content:'';}
ul.nav-main>li>ul{ display:none; width:330px; border:1px solid #e7e7e7; position:absolute; display:none; background:#fff; top:36px; right:-1px; padding:14px 12px; list-style-type:none; color:#643519; cursor:pointer}
ul.nav-main>li:hover>ul{ display:block}
ul.nav-main>li:hover>ul li{ width:108px; height:24px; line-height:24px; float:left; color:#949494; text-align:center; font-weight:normal}
ul.nav-main>li:hover>ul li.rightdot{ background:url(../../images/detection/icon002.jpg) repeat-y right} 
ul.nav-main>li:hover>ul li:hover{ color:#129ccb}
/*隐藏盒子设置*/
div.hidden-box{ width:270px; border:1px solid #e7e7e7; border-top:0; position:absolute; display:none; background:#fff url(../../images/detection/icon003.jpg) no-repeat top right; top:36px; right:0; padding:14px 12px}
.hidden-box>ul{ list-style-type:none; color:#643519; cursor:pointer}
.hidden-box li{ width:88px; height:24px; line-height:24px; float:left; color:#949494; text-align:center}
.hidden-box .rightdot{ background:url(../../images/detection/icon002.jpg) repeat-y right} 
.hidden-box li:hover{ color:#129ccb}
/*隐藏盒子位置设置*/
.hidden-loc-index{ left:121px}
.hidden-loc-mem{ left:511px}
.hidden-loc-info{ left:418px}
.box04{ left:485px}
#apDiv1 { position:absolute; width:18px; height:27px; z-index:1; right:0; top:-8px}
#apDiv1 .boxred{ min-width:10px; max-width:25px; padding:1px 2px 1px 2px; height:14px; border-radius:10px; background:#F00; color:#fff; font-size:9px; line-height:14px; display:inline-block}

/* top
--------------------------------------------------------------------------------------------------------*/
#top{ width:1200px; height:135px; line-height:33px; color:#F00; margin:40px auto 0 auto; overflow:hidden}
#top .logo{ width:236px; height:77px; background:url(../../images/detection/logo_2.jpg) no-repeat; float:left; margin:3px 70px 0 6px}
/* 购物车 */
#top .shoppingcart{ width:144px; height:40px; margin-left:55px; float:left; background:#f2f2f2; border-radius:20px; color:#666666; margin-top:35px}
#top .shoppingcart a{ color:#666666}
#top .shoppingcart a:hover{ color:#2eabe0}
#top .shoppingcart li{ width:auto; margin-left:6px; float:left; height:40px; line-height:40px}
#top .shoppingcart li.carticon{ margin-top:10px; margin-left:15px}
#top .shoppingcart li .dot{ min-width:24px; height:24px; background:#2eabe0; color:#FFF; font-weight:bold; line-height:24px; text-align:center; margin-top:9px; border-radius:12px}
#top .keyword{ color:#666; margin-right:10px; line-height:24px; height:24px; margin-top:-5px; position:absolute; font-size:13px; width:400px}
#top .keyword a{ color:#666; margin-right:10px}
#top .keyword a:hover{ color:#2eabe0}
/* 搜索框 */
#top .searchbox{ width:540px; height:40px; float:right; background:#f2f2f2; color:#666666; margin-top:10px}
#top .searchbox .searchform{ width:100%; height:auto}
#top .searchbox .searchform input[type=text]{ width:418px; height:38px; border:#2dabde 1px solid; float:left; padding:0 5px}
#top .searchbox .searchform .searchbtn{ width:110px; height:40px; font-size:16px; color:#FFF; background:#2dabde; border:none; float:left; letter-spacing:10px; text-indent:10px}

/* searchbar
--------------------------------------------------------------------------------------------------------*/
#searchbar{ }
#searchbar .menu{ height:34px; line-height:34px; color:#2eabe1;font-size:14px} 
#searchbar .menu li{ float:left;width:auto;text-align:center;line-height:34px;height:34px;cursor:pointer;font-size:16px;overflow:hidden; padding:0 12px} 
#searchbar .menudiv{ height:80px;border-top:0;background:#fefefe} 
#searchbar .menudiv div{ padding:0px;line-height:28px} 
#searchbar .off{ background:#2eabe1;color:#fff} 
#searchbar .input{ width:510px; height:40px; border:#2dabde 1px solid; text-align:left; padding:0 118px 0 10px}
#searchbar .searchbtn{ width:112px; height:42px; line-height:42px; font-size:16px; color:#FFF; background:#2dabde; border:none; float:left}
#searchbar .jiancesearch{ height:50px}
#searchbar .jiancesearch .inputbox{ float:left; width:528px}
#top #searchbar{ float:left}
#top #searchbar,#top #searchbar .menu,#top #searchbar .menudiv,#top #searchbar .jiancesearch{ width:680px}
#content #searchbar,#content #searchbar .menu,#content #searchbar .menudiv,#content #searchbar .jiancesearch{ width:780px; margin:0 auto}

/* head
--------------------------------------------------------------------------------------------------------*/
#head{ width:100%; height:86px; background:#f8f8f8 url(../../images/detection/layout_head_img001.jpg) repeat-x bottom}
#head .top{ width:1200px; height:86px; margin:0 auto}
#head .logo{ width:181px; height:60px; margin:0px 0 0 20px; padding-top:11px; float:left}
#head .help{ width:auto; height:20px; float:right; font-size:14px; margin-top:30px; font-weight:bold; margin-right:10px}
#head .help a{ color:#555555; text-decoration:underline}
#head .help a:hover{ color:#ed145b}

/* content
--------------------------------------------------------------------------------------------------------*/
#content{ width:100%; height:auto; }

/* footer
--------------------------------------------------------------------------------------------------------*/
#footer{ width:100%; height:auto; background:#f8f8f8; margin-top:25px}
#footer .menu{ width:1200px; height:167px; margin:0 auto;border-bottom:1px #dcdcdc solid; padding-top:12px}
#footer .menu ul li{ width:145px; float:left; font-size:16px; font-weight:bold; line-height:28px; margin-right:80px}
#footer .menu ul li a{ color:#585858}
#footer .menu ul li a:hover{ color:#2eabe1}
#footer .menu ul li.qrcode{ float:right; padding-top:20px; width:auto; margin:0}
#footer .menu ul li.qrcode li{ width:auto; margin:0 0 0 40px}
#footer .menu ul li ul li{ font-size:14px; font-weight:normal} 
#footer .text{ width:400px; height:110px; line-height:20px; text-align:center; color:#999999; margin:0 auto; margin-top:20px; font-size:12px}
#footer .text li{ width:100px; height:30px; float:left; margin-top:15px}
#footer .copyright{ }
#footer .icp a{ color:#d10404; text-decoration:underline}
#footer .counter{ text-align:center; width:400px; margin:0 auto; height:60px; margin-top:8px}

/* foot
--------------------------------------------------------------------------------------------------------*/
#foot{ width:100%; height:auto; background:#f8f8f8; line-height:20px;position: absolute;bottom: 0px;margin-top: 100px}
/* #foot{ width:560px; height:auto; margin:60px auto; color:#999999; line-height:20px; text-align:center} */
/* #foot .img{ margin-left:200px; } */
.qrcode img{margin-left: 10px}
#foot .qrcode{ width:41.5%; height:65px; text-align:right; float:left; margin-top:32px; margin-right: 40px;margin-bottom: 32px}
#foot .copyright{ width:auto; height:65px; text-align:left; padding-left:40px; border-left:1px #dddddd solid; margin-top:32px; float:left; margin-bottom: 32px}