﻿body { background-color: #f5f7fa; }

/*顶部*/
.tool-header_nav { height: 57px; margin: auto; background-color: #fff; position: fixed; top: 0px; width: 100%; z-index: 1006; border-bottom: 1px solid #e6e9ed; }
.tool-header_nav2 { height: 57px; margin: auto; background-color: #fff; width: 100%; z-index: 1006; border-bottom: 1px solid #e6e9ed; }
.tool-header { width: 1200px; height: 57px; margin: auto; background-color: #fff; }
.tool-headerTop { width: 270px; height: 57px; text-align: center; float: left; padding-top:5px;}
.tool-hdbanner { width: 720px; height: 57px; float: right; }
.tool-hdul { list-style-type: none; height: 57px; margin-left: 22px; color: #3e3e3e; font-size: 16px; float: right; }
.tool-hdul li { float: left; width: 80px; height: 56px; line-height: 57px; margin-left: 15px; font-size: 16px; font-family: "思源黑体"; text-align: center; }
.tool-hdul li a { color: #999; }
.tool-hdbanner .cur { border-top: 2px solid #3fb3ff;background-color:rgb(248,248,248);}
.tool-hdbanner .cur a { color: #3fb3ff !important}




/*焦点*/
.bannerA { height: 310px; margin: auto; }
#banner { width: 108px; height: 30px; margin: auto; margin-top: 5px; }
#banner ul { position: absolute; list-style-type: none; z-index: 1002; text-align:center;}
#banner ul li { padding: 0px 0px; float: left; display: block; background: url(/r/images/2022/sstgNew/roll_ci.png) no-repeat -24px 0; font-size: 5px;  cursor: pointer; margin-left: 0px;   width: 11px;  height: 11px; line-height: 11px;text-align: center;color: #d5d5d5;  }
#banner ul li.on {background: url(/r/images/2022/sstgNew/roll_ci.png) no-repeat 0 0;color: #72ce19;}
#banner a { position: absolute; }

.downBtn { position: absolute; top: 420px; right: 450px; width: 254px; height: 52px; float: right; background: #fff; z-index: 1005; border-radius: 10px; }

.downbtn1 { width: 254px; text-align: center; color: #000; font-size: 14px; line-height: 25px; position: relative; }

.downbtn1 a { display: block; }
.downbtn1 a:hover { text-decoration: none; }
.downbtn1_1 { height: 22px; position: absolute; bottom: 5px; left: 65px; color: #a21b06; font-size: 12px; }

.downbtn2 { margin-top: 32px; width: 309px; height: 55px; color: #000; font-size: 12px; line-height: 25px; padding-left: 40px; }
.downbtn2 span { color: #dcd11a; }
.downbtn3 { margin-top: 32px; width: 309px; height: 55px; color: #000; font-size: 12px; line-height: 25px; padding-left: 40px; }
.downbtn3 span { color: #a21b06; }
.downbtn3 a { color: #fff; }
.tool-zuo { position: relative; }
.tool-zuo em { background: url(/r/images/teach/t_p_44.png) no-repeat scroll; position: absolute; right: -15px; top: -17px; width: 27px; height: 18px; float: left; }

.div-img{text-align:center; padding:20px;}

.txt_1 { line-height: 36px; font-size: 18px; padding-left: 30px;font-family: "思源黑体";padding-top:30px;padding-right:15px;font-weight:600;color:rgb(102,102,102)}
    /*工具箱*/
    .Toolbox { width: 1000px; height: 178px; margin: auto; background-color: #fff; }
#feature { overflow: hidden; zoom: 1; width: 1000px; margin: auto; padding-bottom: 52px; background-color: #fff; position: relative; }
#feature img { padding: 0 0 10px 12px; }
#feature dt { text-align: center; }
#feature dl { width: 180px; float: left; height: 205px; }
#feature dd { font-size: 12px; line-height: 21px; color: #4c4c4c; text-align: center; }
#feature dd p { font-size: 24px; margin-bottom: 20px; color: #444547; font-family: "思源黑体"; }
#feature dd a { font-size: 24px; color: #444547; font-family: "思源黑体"; }
#feature dd span { font-size: 24px; line-height: 28px; color: #4f9117; font-family: "思源黑体"; }
#feature .seperate { padding: 0 8px 0 8px; float: left; }
#feature .font { font-size: 14px; color: #99999a; }
#feature dl:hover { background: url('/r/images/ssTool/line_1_03.jpg') repeat-x -100px -10px; }
#feature .dlys { background: url('/r/images/ssTool/line_1_03.jpg') repeat-x -100px -10px; }
#feature .dlwys:hover { background: #ffffff; }

.xf { position: absolute; top: -25px; width: 190px; height: 339px; padding: 5px; right: -1px; margin-left: 340px; z-index: 10; background: #fafafa; border: 1px solid #3eaf0e; }
.xff { width: 110px; height: 25px; font-size: 16px; color: #65b137; text-align: center; border: 1px solid #3eaf0e; font-family: 思源黑体; position: absolute; top: -50px; left: 50%; margin-left: 389px; z-index: 999; border-bottom: 0px; background: #FAFAFA url(/r/images/ssTool/up.png) right no-repeat; }
.xff a { color: #65b137; }
.xfc { width: 200px; height: auto; margin-bottom: 15px; }
.xfcTitle { height: 24px; font-size: 14px; margin-left: 18px; font-weight: bold; }
.xfcTitle a { color: #4c4f56; }
.xfcLink { height: 28px; font-size: 13px; }
.xfcLink a { color: #4c4f56; text-decoration: none; }
.xfcLink a:hover { color: Red; font-weight: bold; }
#shuaishou_index a { display: block; width: 110px; }

.tool_main { width: 1200px; margin: auto; }
.div_main {width : 1200px; background-color:#fff;border-radius:6px;margin-top:20px;}
.tool_aList { margin-top: 10px; }
.tool_aList ul { overflow: hidden; zoom: 1;}
.tool_aList ul li { float: left; width: 205px;text-align:center;}
.tool_aList ul li div { font-size:18px; line-height:45px;margin-top:10px; font-weight:normal;text-align:center;}
.tool_aList ul li div img { margin-right:10px ;}

.tool_bList { margin-top: 10px; margin-bottom: 20px; }
.tool_bList ul { overflow: hidden; zoom: 1;}
.tool_bList ul li { float: left; width: 300px;text-align:center;}
.tool_bList ul li div h4 { font-size:18px;color:#666; line-height:35px;margin-top:10px; font-weight:normal; position:relative;text-align:center;}

.tool_cList { margin-top: 10px; margin-bottom: 20px; }
.tool_cList ul { overflow: hidden; zoom: 1;}
.tool_cList ul li { float: left; width: 240px;text-align:center;}

.tab{padding-top:20px;}
.tab span{ font-size:16px;margin-left:25px;padding:5px;}
.onTab{ color:white;background-color:rgb(50,147,255);}

.descripe{ background-color:rgb(251,251,251);border-radius:100px;width:1160px;height:60px;margin:20px;}
.descripe p{ font-size:16px;color:#666;text-align:left;padding: 17px 10px 0 15px;}

.li_div {
    width: 200px;
    height: 45px;
    background: rgb(236,236,236);
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    position: relative;
    bottom: -5px;
    cursor:pointer;
}
.curTab{
    width: 200px;
    height: 45px;
    background: #fff;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    position: relative;
    bottom: 0px;
    padding-top: 5px;
}
.li_div2 {
    width: 200px;
    height: 80px;
    background: #fff;
    margin: 20px 50px;
    border: 1px solid #ccc;
    border-radius:5px;
    box-shadow:1px 1px 5px 1px #e8e6e6;
}
.li_div3 {
    width: 172px;
    height: 65px;
    background: #fff;
    margin: 20px 32px;
    border: 1px solid #ccc;
    border-radius:5px;
    box-shadow:1px 1px 5px 1px #e8e6e6;
}
.fun_1 {
    text-align: center;
    font: 31px Tahoma, Verdana, Arial, "思源黑体";
    line-height: 49px;
    padding: 40px;
    font-weight:600;
}
.fun_2 {
    text-align: center;
    font: 30px Tahoma, Verdana, Arial, "思源黑体";
    color: #666;
    padding: 0 0 60px 0;
}
.wd-tool-list { padding-bottom: 30px;  padding-left:100px;}
.wd-tool-list .item { float: left; width: 320px; margin: 10px 65px;  margin-bottom:30px; text-align: center; }
.wd-tool-list .item h2 { font-size: 24px; line-height: 30px; padding-top: 10px; color: #666666; font-weight:normal;}
.wd-tool-list .item p { font-size: 14px; color: #999999; line-height: 26px; }


.tool_new_ll { color: #048ee7; font-size: 36px; line-height: 40px; font-weight: bold; margin: 30px 0px; padding-left: 30px; }
.tool_new_ll img { margin-right: 15px; }

.tool_js_left { overflow: hidden; zoom: 1; padding: 30px 0px 50px 50px; }
.tool_js_left .left { float: left; width: 380px; padding-top: 80px; }
.tool_js_left .left h2 {font: 24px Tahoma, Verdana, Arial, "思源黑体"; line-height: 34px; color: #393939; padding-left: 5px; font-weight: 500;  position:relative;}
.tool_js_left .left h2 img { margin-right:10px;}
.tool_js_left .left h2 img.tip { position: absolute; top: -15px; }
.tool_js_left .left p { padding-left: 30px; padding-top: 15px; color: #666;  font-size:16px; line-height:26px;}
.tool_js_left .left .memo { margin-top: 20px; font: 18px Tahoma, Verdana, Arial, "思源黑体"; padding-left: 16px; padding-top: 10px; line-height: 26px; color: #393939; }
.tool_js_left .right { float: right; width: 650px; text-align: center; padding-right: 70px; }

.tool_js_right { overflow: hidden; zoom: 1; padding: 30px 0px 50px 50px; }
.tool_js_right .left { float: left; width: 560px; text-align: center; padding-right: 20px; }
.tool_js_right .right { float: right; width: 350px; padding-top: 80px; }
.tool_js_right .right h2 { font: 22px Tahoma, Verdana, Arial, "思源黑体"; line-height: 30px; color: #666666; padding-left: 23px; font-weight: 500; }

.tool_js_content { overflow: hidden; zoom: 1; padding: 30px 0px 50px 50px; text-align: center; }
.tool_js_content h2 { font: 24px Tahoma, Verdana, Arial, "思源黑体"; line-height: 35px; color: #666666; padding-left: 23px; font-weight: 500; margin-top: 30px; }
.tool_js_content div { font-size: 18px; line-height: 30px; color: #666666; padding-left: 23px; font-weight: normal; }
.tool_js_content p { margin-top: 20px; }

.tool-img-c { text-align: center; margin: 10px 0px; }
.tool-hy-title { font: 24px Tahoma, Verdana, Arial, "思源黑体"; height: 35px; line-height: 35px; margin-left: 53px; padding-left: 13px; border-left: 6px solid #4f9117; }
.tool-hy-txt { height: 35px; line-height: 35px; margin-left: 80px; color: #595959; font-size: 20px; }
.tool-title2 { background: url('/r/images/tool/yzg_19.jpg') no-repeat; padding-left: 10px; }

.fun_2 { padding-top: 28px; font-family: "思源黑体"; overflow: hidden; }
.fun_2 .fntitle { width: 423px; font-size: 28px; line-height: 30px; color: #393939; padding-left: 23px; }
.fun_2 .fncon { font-size: 18px; padding-left: 36px; padding-top: 10px; line-height: 26px; width: 410px; color: #393939; }
.fun2_f { width: 452px; height: auto; float: left; }
.fun2img { margin-right: 12px; }

.fun_3 { padding-top: 36px; font-family: "思源黑体"; overflow: hidden; }
.fun3_img { width: 528px; height: 283px; float: left; margin-left: 22px; }
.fun3_font { width: 400px; height: 283px; float: right; padding-top: 65px; }
.fun3_f_title { height: 30px; margin-bottom: 20px; font-size: 30px; color: #393939; line-height: 30px; }
.fun3_f_con { font-size: 18px; padding-left: 25px; padding-right: 20px; width: 353px; color: #393939; padding-top: 20px; line-height: 26px; }

.tbox_db { font-family: "思源黑体"; width: 800px; height: 400px; margin: auto; }
.tbox_db_left { width: 286px; height: 400px; float: left; }
.tbox_db_leftfont { width: 286px; height: 63px; font-size: 18px; color: #393939; line-height: 42px; }
.tbox_db_right { width: 266px; height: 400px; float: left; }
.tbox_db_rightfont { width: 286px; height: 63px; font-size: 18px; color: #393939; line-height: 42px; }

.div-title { width:600px;margin:20px auto; background:#fc475d; font-size:26px; line-height:72px; border-radius:50px; text-align:center; color:#fff; }
.div-p { width:1200px; color: #666;  font-size:17px; line-height:26px; font-weight:500;margin-left:250px;}


.body { width: 1000px; height: auto; margin: auto; background-color: #fff; padding-bottom: 50px; overflow: hidden; }
.body_left { width: 486px; height: 360px; float: left; }
.body_right { width: 460px; height: auto; float: right; overflow: hidden; }
.body_left_title { width: 462px; height: 38px; font-size: 24px; color: #606060; font-weight: bold; padding-left: 24px; }
.body_left_con { width: 372px; height: 295px; background: #e2e0e1; margin-left: 42px; padding-top: 25px; }
.body_left_con li { float: left; list-style: none; width: 103px; font-size: 14px; color: #393939; }
.body_right_title { width: 460px; height: 38px; font-size: 24px; color: #606060; font-weight: bold; }
.body_right_comm1 { width: 460px; height: 95px; }
.body_right_comm2 { width: 460px; height: 148px; }
.body_right_comm1left { width: 67px; height: 95px; float: left; padding-left: 5px; }
.body_right_comm1right { width: 380px; height: auto; float: right; overflow: hidden; }
.body_right_comm1right2 { width: 380px; height: auto; float: right; margin-bottom: 50px; overflow: hidden; }

.con { width: 385px; height: 85px; color: #393939; font-size: 12px; padding-left: 22px; line-height: 20px; padding-right: 40px; text-indent: 2em; }
.con2 { width: 385px; height: 85px; color: #393939; font-size: 12px; padding-left: 45px; line-height: 20px; padding-right: 10px; text-indent: 2em; }



.footer { width: 1000px; height: 51px; margin: auto; text-align: center; line-height: 60px; font-size: 12px; color: #000000; background-color: #fff; }
.footer a { color: #000; }
.footer2 { width: 1000px; height: 30px; margin: auto; text-align: center; font-size: 12px; color: #999999; background-color: #fff; }




.down{text-align:center; margin-top:40px; padding-bottom:50px;}
.down h4{font-size:32px; line-height:30px; margin-bottom:30px;}







