﻿@charset "utf-8";
html
{
    overflow-x:hidden;
}

/*公共部分*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body {
    padding: 0;
    margin:0 auto;
    font-family: "微软雅黑", "宋体", "Trebuchet MS", Tahoma, Arial, sans-serif !important;
    color: #444 !important;font-size: 15px !important;line-height: 22px !important;
}
input[type="text"]{background-color:#fff;border: 1px solid #ccc;  padding: 4px 6px; font-size: 14px; line-height: 20px; color: #555;vertical-align: middle;}
select, input[type="file"] {height:30px;line-height: 30px;display: inline-block !important;}
input[type="button"] {height:26px;line-height: 26px;}
ul,li{list-style:none;}
a{color:#6666a6 !important;text-decoration:underline}
a:hover{color:#A66666 !important;text-decoration:underline;}



/*顶部*/
#logoA {padding: 0;}
#nav_top { border-bottom:1px solid #3091f2 ; margin-bottom: 0px;background: white;} 
#nav_top  .navbar-nav > .open > a{background: white !important;} 

.nav {margin-top: 23px !important;}
.nav > li > a{ font-size: 18px;}
.dropdown-menu{ left: 0 !important; }
.dropdown > ul > li > a{ font-size: 18px;}
.dropdown-menu > dl > dd > a, .dropdown-menu > dl > dt > a{ font-size: 16px;line-height: 1.8;}

 #div_pdf_dropdown_menu{ width: 800px;}
 #div_docpe_dropdown_menu{ width: 620px;}


.navbar-nav > li > .dropdown-menu {background: white;border-top: 0;border-width: 1px;border-color: #3091f2;}
.dropdown-menu > dl {display: inline-block;vertical-align: top;padding: 0px 5px 5px 5px;line-height: 26px;}


/*主题内容*/
.main_page_body{margin:0 auto; min-height:700px;margin-top: 80px; overflow:hidden; }
.fn-left{ display: none; position: absolute; padding-top: 50px;margin-top: 10px;background: transparent url(/images/tool.png) 0 0px no-repeat;height: 50px;width: 100px;overflow: hidden;}
.fn-right{margin-top: 0px;border-left: 0px solid transparent;margin-left: 0px;margin-right: 0px;   }
.page_mid_body{padding-right:10px; overflow:hidden;}
.markLeft{width: 30px; height: 30px; position: absolute; left: 160px; top: 0px; background: url(/Images/mark1.png) no-repeat}




/*侧边栏*/
.left li{width:100%; text-align:left; text-indent:10px; } 
.left > .plane{width:180px;height:20px;font-size:14px; text-align:left;margin-top:8px;font-weight:bold;border-bottom:1px solid #e0e3e4;line-height:18px;clear:both;color:#024f85}
.left > .leftmenu{width:170px;text-align:left;margin-top:5px;}


/*主题表格*/
.body_right_tab{width: 100%; border:0; border-collapse:collapse;text-align:center;}
.body_right_tab td{ border-top:1px solid #e6f0f5; padding:0 5px;line-height:35px; }
.div_form{ border:0; padding:0; margin :10px 0 0 0;}
.td_l {width: 100px; text-align:right;vertical-align: top;}
.td_r {width: auto; text-align:left; }
.td_r input[type="file"]{ width: 80%;}
.td_r label {font-weight:normal;}

/*广告*/
#divAdsense336{ width: 100%;text-align: center;}
.tabAdsense336{border: 0px;}
#divAdsense728{ width: 100%;text-align: center;}
#divAdsenseAutoFit { width: 100%;text-align: center;}

/*正在处理文件*/
.precess{width: 100%; position: absolute; z-index: 999; font-size: 36px;height: 0; text-align: center; background: rgba(221,221,221,0.5);}


/*页面正文*/
.div_title{  color:#ff9900; font-size:22px;font-weight: bold;overflow:hidden;margin: 20px 0px 0px 0px;}
.div_summary { line-height: 40px;font-size:20px;margin: 10px 0px 0px 20px;}
.div_summary_1{line-height:25px;font-size:15px;}

.div_form{ border:0; padding:0; margin :10px 0 0 0;}
.box_detail{ display: flex; flex-wrap: wrap;}
.box_detail > div { margin: 10px 0 0 10px;padding: 0 0 5px 5px;width: 48%;border: 1px solid lightgray;}
.box_detail > div:nth-child(3) { width: 97%; }
.box_detail p{margin-top: 5px;margin-bottom: 5px; padding-bottom: 0px; line-height: 20px; }


.setnote{color:#38B63C;}



.btn_primary{ border:0; background:#006dcc; color:#fff;min-width: 100px;}/*蓝*/
.btn_primary:hover{ background: #0465b9;color:#fff !important;}

.btn_delete{ border:0; background:#006dcc; color:#fff;min-width: 100px;}/*蓝*/
.btn_delete:hover{ background: #0465b9;color:#fff !important;}

.btn_download{ border:0; background:#006dcc; color:#fff !important;min-width: 100px;}/*蓝*/
.btn_download:hover{ background: #0465b9;color:#fff !important;}

.div_res{font-size:16px;font-weight:normal;width:100%;padding:0px;margin:0 0 0 0px;padding-left:0px;text-align: center;}
.lbl_res{color:#38B63C;}

/*文件上传*/
.lblnewFile{ height:auto;min-height: 50px; width: 90%;font-size: 20px !important;background: #3D99F5;margin-top: 2px;}
.newFile{position: absolute;clip:rect(0,0,0,0);}

#lblnewFileImage{ height:auto;min-height: 50px; width: 90%;font-size: 20px;background: lightgray;}
#newFileImage{position: absolute;clip:rect(0,0,0,0);}



/*操作步骤*/
.step {padding-left:10px; }
.step div{margin-left:5px;padding-left:15px;height: auto;background: url('/resources/dot-black.png') 0 7px no-repeat;}
.step div span{  margin-right: 10px;}


/*离线链接*/
.box_bottom{display: flex; flex-wrap: wrap; margin: 10px 0 0 10px;padding: 0 0 5px 5px;width: 48%;border: 1px solid lightgray; width: 97%;}
.box_bottom > a {  margin: 0 0 0 20px;}
.box_bottom_title { font-weight: bolder; width: 48%;}
.box_bottom_title > div {color: #ff3a00; height: 30px;}
.box_bottom_title > a {font-size: 20px; margin: 40px 0 0 150px;}

.box_bottom_button { text-align: center ; width: 48%;}
.box_bottom_button > input { text-align: center ; margin: 25px 0 15px 20px; height: 34px; width: 120px; line-height: 20px; }
.box_bottom_button > input:nth-child(2) {margin-left:100px; }

.box_bottom_detail { width: 97% ;  padding-left: 10px; text-align: center;}
    .box_bottom_detail > img {cursor: pointer; border: 2px solid #ff3a00; }
    .box_bottom_detail > .img4 {width: 23%; }
    .box_bottom_detail > .img3 {height: 190px; }
    .box_bottom_detail > .img2 {height: 200px; margin-left:40px;text-align: center; }
    .box_bottom_detail > p {display: block;text-align: left;    }
    .box_bottom_detail > .step { text-align: left; }

    .box_bottom_detail > .img2:hover {transform: scale(2.1);}
    .box_bottom_detail > .img3:hover {transform: scale(2);}


/*统计*/
#div_Count{text-align: center; font-size: 40px; font-family: Arial; margin: 20px 0 0 0;line-height: 40px; overflow: hidden;}

/*底部*/
.footer_box{ height:100px; overflow:hidden; border-top: 1px solid #DBDBDB;color:#999999; font-size:12px;margin-top:20px;padding-top:10px;text-align:center; }
#div_foot p{ line-height:30px;margin: 0; }





/*QQ客服*/
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 450px; left: 0px; _position: absolute; z-index: 1500; border-radius:0px 6px 6px 0px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 24px; float:left; position: relative; z-index:1;margin-top: 0px;height: 200px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px; margin-top:4px;}

.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index:9; top:0px; left: 0;  background-image: url('/images/qq.png'); 
                                         background-repeat: no-repeat; display:block;  height: 160px; padding: 0px 0  0px 0;}
.rides-cs .btnOpen { background-position: -10px 0;}
.rides-cs .btnCtn { background-position: -40px 0;}

/*弹出框*/
  #mb_con { z-Index: 99999; width: 400px; position: fixed;background-Color: White;border: 2px solid #999; border-Radius: 15px} 
  #mb_tit { display: block; font-Size: 14px; color: #444; padding: 10px 15px;background-Color: #DDD; border-Radius: 15px 15px 0 0;
            border-Bottom: 3px solid #009BFE; font-Weight: bold} 
  #mb_msg{ padding: 20px; line-Height: 20px;border-Bottom: 1px dashed #DDD; font-Size: 13px}
  #mb_ico{ display: block; position:absolute; right: 10px; top: 9px;border: 1px solid Gray; width: 18px; height: 18px; text-Align: center;
    line-Height: 16px; cursor: pointer; border-Radius: 12px;}
  #mb_btnbox{ margin: 15px 0 10px 0; text-Align: center }
  #mb_btn_ok{ height: 34px; }


.span_err {color:red }
.span_info {color:red }

/*手机*/
@media screen and (max-width: 1000px) {
    #liContactUs {display: none;}
    #liRegCode{display: none;}
    #myCarousel{display: none;}

    .lblnewFile {
        max-width: 300px;
    }

    #div_pdf_dropdown_menu{ width: 300px;}
    #div_docpe_dropdown_menu{ width: 300px;}

}


@media screen and (max-width: 870px) {

    #div_Count {font-size: 22px;}

    .td_l {width: 80px;}
    
    #mb_con { width: 300px;}
    .box_detail > div  { width: 95%;}
   .fn-right {width: 100%;border-left: 0px solid transparent;margin-left: 0px;}

    .lblnewFile {
        max-width: 300px;
    }

    #divSoftBox {
    display: none;
    }

    #floatTools {
    display: none;
    }

    .fn-left {
    display: none;
    }


}