﻿body { background-color: #f5f7fa; }

/*顶部*/
.tool-header_nav { height: 77px; margin: auto; background-color: #f5f7fa; position: fixed; top: 0px; width: 100%; z-index: 1006; border-bottom: 1px solid #e6e9ed; }
.tool-header_nav2 { height: 77px; margin: auto; background-color: #f5f7fa; width: 100%; z-index: 1006; border-bottom: 1px solid #e6e9ed; }
.tool-header { width: 1200px; height: 77px; margin: auto; background-color: #f5f7fa; }
.tool-headerTop { width: 270px; height: 77px; text-align: center; float: left; }
.tool-hdbanner { width: 720px; height: 77px; float: right; }
.tool-hdul { list-style-type: none; height: 77px; margin-left: 22px; color: #3e3e3e; font-size: 16px; float: right; }
.tool-hdul li { float: left; width: 80px; height: 56px; line-height: 77px; margin-left: 15px; font-size: 16px; font-family: "思源黑体"; text-align: center; }
.tool-hdul li a { color: #999; }
.tool-hdbanner .cur { border-bottom: 3px solid #fc475d; }
.tool-hdbanner .cur a { color: #3e3e3e !important; }




/*焦点*/
.bannerA { height: 526px; margin: auto; }
#banner { width: 108px; height: 30px; margin: auto; margin-top: 5px; }
#banner ul { position: absolute; list-style-type: none; z-index: 1002; }
#banner ul li { padding: 0px 0px; float: left; display: block; margin-right: 12px; background: url(/r/images/ssTool/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/ssTool/roll_ci.png) no-repeat 0 0; margin-right: 12px; color: #72ce19; }
#banner a { position: absolute; }

.downBtn { position: absolute; top: 100px; right: 0px; width: 344px; height: 432px; float: right; background: #fff; z-index: 1005; border-radius: 10px; }
.downBtn h2 { color: #f04e1e; font-size: 30px; line-height: 40px; text-align: center; margin-top: 30px; font-weight: normal; }
.downBtn h2 span{font-size:14px; color:#666;}
.downBtn dl { margin-top: 30px; text-align: center; font-family: "思源黑体"; font-size: 14px; }
.downBtndata { position: absolute; top: 100px; right: 0px; width: 344px; height: 443px; float: right; background-image: url(/r/Images/ssTool/index_1_data.png); z-index: 1005; }
.downBtnzq { position: absolute; top: 100px; right: 0px; width: 344px; height: 443px; float: right; background-image: url(/r/Images/ssTool/index_1_zq.png); z-index: 1005; }
.downBtnfz { position: absolute; top: 100px; right: 0px; width: 344px; height: 443px; float: right; background-image: url(/r/Images/ssTool/index_1_fz.png); z-index: 1005; }
.downfont { margin-top: 33px; min-height: 140px; color: #333; font-size: 16px; line-height: 28px; padding-left: 40px; padding-right: 40px; font-family: "思源黑体"; }

.downbtn1 { margin-top: 50px; width: 309px; height: 68px; color: #000; font-size: 14px; line-height: 25px; padding-left: 40px; position: relative; }
.downbtn1 a { float: left; width: 248px; height: 88px; background: url(/r/images/yz/home_07.png) no-repeat; }

.downbtn1 a p { font-size: 26px; padding-left: 60px; padding-top: 12px; color: #a21b06; }
.downbtn1 a p span { margin-left: 10px; font-size: 16px; }
.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;}

/*工具箱*/
.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; background: #fff; }

.tool_aList { margin-top: 10px; margin-bottom: 20px; }
.tool_aList ul { overflow: hidden; zoom: 1;  padding:10px 96px;}
.tool_aList ul li { float: left; width: 181px;    margin: 8px 35px; text-align: center; }
.tool_aList ul li p { margin-top: 15px; text-align:center; font-size:16px;  _white-space: nowrap; _overflow: hidden; _text-overflow: ellipsis; }
.tool_aList ul li a { text-decoration: underline; color: #000; font-size: 14px; }
.tool_aList .alluser{background:#fffc00; text-align:center; padding:12px 30px; border-radius:40px;  font-size:34px; color:#ff0000; width:700px; margin:auto;margin-top:40px; }

.fun_1 { background: url('/r/images/yz/home_09.png') no-repeat; font: 24px Tahoma, Verdana, Arial, "思源黑体"; line-height: 49px; padding-left: 30px; color: #fff; margin: 10px; }

.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 { background: url(/r/images/yz/home_10.png) no-repeat; font: 24px Tahoma, Verdana, Arial, "思源黑体"; line-height: 34px; color: #393939; padding-left: 23px; font-weight: 500; }
.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; }



/*相关软件*/
.xgrj { width: 1000px; height: 400px; margin: auto; border-bottom: 1px solid #ccc; font-family: "思源黑体"; background-color: #fff; }
.xgrjleft { width: 500px; height: 186px; float: left; }
.xgrjleft1 { width: 496px; height: 186px; float: left; }
.xgrjright { width: 422px; height: 186px; float: right; }
.xgrjfont1 { width: 400px; height: 144px; font-size: 14px; color: #393939; line-height: 24px; }
.xgrjfont2 { width: 422px; height: 144px; font-size: 14px; color: #393939; line-height: 24px; }
.xgrjfont3 { width: 422px; height: 144px; font-size: 14px; color: #393939; line-height: 24px; }
.xgrjfont4 { width: 422px; height: 144px; font-size: 14px; color: #393939; line-height: 24px; }
.xgrjtitle1 { width: 422px; height: 28px; font-size: 18px; color: #393939; font-weight: bold; margin-top: 10px; }

/*解决方案*/
.Soldiv { width: 1000px; margin: auto; height: auto; background-color: #fff; border: 1px solid #fff; }
.sol_1 { width: 700px; height: 67px; font-family: "思源黑体"; }
.sol_2 { width: 700px; font-family: "思源黑体"; }
.sol_2 li { height: 100px; margin-bottom: 10px; border-bottom: 1px solid #e6e9ed; padding-bottom: 20px; padding-top: 20px; }
.sol_left { float: left; height: 98px; }
.soltitle { font-size: 18px; font-family: "思源黑体"; height: 35px; color: #393939; }
.sol_right { font-size: 14px; float: left; height: 98px; width: 520px; color: #999999; margin-left: 10px; }
.sol_right span { font-size: 18px; }

/*解决方案2*/
.solution { width: 980px; margin: auto; background-color: #fff; padding-left: 20px; }
.solution_con { width: 320px; height: 227px; border: 1px solid #eff3f4; border-right: none; float: left; }
.solution_con2 { width: 320px; height: 227px; border: 1px solid #eff3f4; float: left; }
.nbsp3 { width: 320px; height: 22px; background-color: #fff; }
.title { width: 270px; height: 45px; font-size: 22px; padding-left: 18px; padding-right: 18px; color: #41484e; line-height: 43px; }
.con1 { width: 270px; height: 98px; padding-left: 30px; padding-right: 20px; font-size: 13px; color: #61686e; line-height: 19px; }
.detail { width: 270px; padding-left: 30px; padding-right: 20px; text-align: right; }
.detail a { font-size: 12px; text-decoration: none; color: #61686e; }
.detail a:hover { color: #1b59a6; }


.xiapi-core{padding-left:50px;}
.xiapi-core .core { float: left; text-align: center; padding: 40px 15px 0px 15px; width: 190px; height: 110px; background: #51c259; color: #fff; margin: 25px; }
.xiapi-core .core h2 { font-size: 24px; line-height: 30px; font-weight: normal; }
.xiapi-core .core p { font-size: 16px; line-height: 20px; margin-top: 10px; }
.xiapi-core .pc_1 { }
.xiapi-core .pc_2 { background: #18c3e8; }
.xiapi-core .pc_3 { background: #ffa800; }
.xiapi-core .pc_4 { background: #d36dfe; }
.xiapi-down { text-align: center;  padding-bottom:30px;}
.xiapi-down h1 { font-size: 36px; line-height: 80px; font-weight: normal;  }
.xiapi-down h2 { font-size: 24px; line-height: 40px; margin: 10px; font-weight: normal; }

/*典型案列*/
.backImg { background: url('/r/images/ssTool/index_02_d.jpg'); height: 78px; }
.nbsp { width: 1000px; height: 20px; background-color: #fff; margin: auto; }
.nbsp2 { width: 1000px; height: 20px; background-color: #fff; margin: auto; }
.toolcase { width: 1000px; height: 67px; margin: auto; background-color: #fff; }
.toolcase_div { width: 263px; height: 49px; font-size: 24px; color: White; font-weight: bold; padding-left: 12px; line-height: 49px; background: url('/r/images/ssTool/index_26.jpg'); }
.logo { width: 500px; height: 175px; float: left; padding-top: 25px; background-color: #fff; }
.logo_l { width: 500px; float: left; background-color: #fff; }
.logo_l li { width: 220px; height: 86px; float: left; margin-left: 15px; text-align: center; }

.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; }

/*服务保障*/
.toolservice { width: 1000px; height: 67px; margin: auto; background-color: #fff; }
.toolservice_div { width: 263px; height: 49px; font-size: 24px; color: White; font-weight: bold; padding-left: 12px; line-height: 49px; background: url('/r/images/ssTool/index_26.jpg'); }
.toolser { width: 1000px; height: 243px; margin: auto; background-color: #fff; }
.toolser_left { width: 471px; height: 243px; float: left; }
.toolser_right { width: 504px; height: 243px; float: right; }
.toolser_leftT { width: 471px; height: 99px; }
.toolser_leftB { width: 471px; height: 143px; }
.toolser_leftT_left { width: 123px; height: 99px; float: left; padding-left: 25px; }
.toolser_rightT_left { width: 123px; height: 99px; float: left; }
.toolser_leftT_right { width: 323px; height: 99px; float: right; }
.toolser_rightT_right { width: 345px; height: 99px; float: right; }
.toolser_leftT_right_title { width: 323px; height: 30px; color: #393939; font-size: 18px; font-family: "思源黑体"; }
.toolser_leftT_right_con { width: 323px; height: 39px; color: #717171; font-size: 14px; font-family: "思源黑体"; }
.toolser_rightT_right_con { width: 345px; height: 39px; color: #717171; font-size: 14px; font-family: "思源黑体"; }

.tool_t { width: 1000px; height: auto; margin: auto; background-color: #fff; overflow: hidden; }
.tool_t_1 { width: 1000px; margin-top: 35px; height: 38px; color: #393939; font-size: 25px; font-weight: bold; background-color: #fff; background: url("/r/Images/ssTool/lineh.jpg") no-repeat; }
.tool_qun { width: 1000px; height: 220px; margin: auto; background-color: #fff; }

.tool_list { width: 500px; margin: auto; height: 200px; }
.tool_list li { line-height: 21px; height: 35px; }

/*升级日志*/
.toollog { width: 1000px; height: 67px; margin: auto; background-color: #fff; }
.toollog_div { width: 263px; height: 49px; font-size: 24px; color: White; font-weight: bold; padding-left: 12px; line-height: 49px; background: url('/r/images/ssTool/index_26.jpg'); background-color: #fff; }

.log { width: 1000px; margin: auto; border-bottom: 1px solid #ccc; position: relative; background-color: #fff; padding-bottom: 50px; }
.log_left { width: 504px; height: 210px; float: left; border-right: 2px solid #ccc; }
.log_right { width: 494px; height: 210px; float: right; border-left: 2px solid #ccc; }
.log_left_l1 { width: 502px; height: 245px; border: 1px solid black; }
.log_left_l1div { width: 457px; height: 139px; background: url('/r/images/ssTool/index_03_w.jpg'); margin-left: 35px; }
.log_left_l2div { width: 457px; height: 139px; background: url('/r/images/ssTool/zhixiang.jpg'); margin-left: 10px; }
.logtitle { width: 425px; height: 35px; color: #b1b0b0; font-size: 18px; font-weight: bold; padding-left: 45px; padding-top: 19px; }
.logtitle2 { color: #393939; width: 425px; height: 35px; font-size: 18px; font-weight: bold; padding-left: 22px; padding-top: 19px; }
.logtitle a { color: #393939; }
.logtitle2 a { color: #393939; }

.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; }




/*能做什么*/

.tool_dowhatlist { overflow: hidden; zoom: 1; }
.tool_dowhatlist .item { float: left; width: 295px; margin-left: 33px; _margin-left: 30px; position: relative; margin-top: 30px; }
.tool_dowhatlist .item .box { height: 191px; }
.tool_dowhatlist .item .box em { position: absolute; right: 0px; float: right; width: 70px; height: 28px; top: 18px; background: url('/r/images/tool/tool_28.png'); line-height: 28px; color: #fff; font-size: 14px; text-align: center; padding-left: 8px; }
.tool_dowhatlist .item .box p { line-height: 30px; color: #fff; font-size: 14px; padding-left: 18px; padding-top: 40px; }
.tool_dowhatlist .item .box h2 { font: 26px Tahoma, Verdana, Arial, "思源黑体"; text-align: center; color: #ffff00; line-height: 30px; padding-top: 24px; }
.tool_dowhatlist .item .m_n { line-height: 30px; font-size: 14px; }
.tool_dowhatlist .item .m_n a { color: #000; padding-left: 5px; }
.tool_dowhatlist .item .m_n .e_video { position: absolute; bottom: 0px; right: 5px; }


.tb_title { height: 49px; font-size: 24px; color: #fff; padding-left: 12px; line-height: 49px; background: url('/r/images/toolbox/tb-2.jpg') no-repeat; position: relative; }

.tb_other { padding: 30px 20px; }
.tb_other .tb_o_item { width: 458px; height: 186px; float: left; margin-left: 20px; }
.tb_other .tb_o_item .t_pic { width: 70px; float: left; padding-top: 30px; padding-right: 10px; }
.tb_other .tb_o_item .t_info { width: 378px; height: 186px; float: right; }
.tb_other .tb_o_item .p_title { height: 28px; font-size: 18px; color: #393939; font-weight: bold; margin-top: 10px; }
.tb_other .tb_o_item .p_title a { margin-left: 15px; }
.tb_other .tb_o_item .t_text { height: 144px; font-size: 14px; color: #393939; line-height: 24px; }


.wd-trait{padding:70px;}
.wd-trait .item{float:left;width:200px; position:relative; margin:30px; text-align:center}
.wd-trait .item .box{ margin-top:10px;}
.wd-trait .item .box h3{color:#aecf78; font-size:24px; line-height:30px; margin-bottom:5px;}
.wd-trait .item .box p{font-size:16px; color:#666666; line-height:24px;}

.down{text-align:center; margin-top:40px; padding-bottom:50px;}
.down h4{font-size:32px; line-height:30px; margin-bottom:30px;}







