﻿
.pagemain { width: 1100px; }

/*顶部*/
.header_nav { background-color: #fbfbfd; border-bottom: 1px solid #e6e9ed; height: 77px; margin: auto; width: 100%; z-index: 1006; }
.header_nav { position: inherit; }
.header_nav2 { height: 77px; margin: auto; background-color: #fff; width: 100%; z-index: 1006; border-bottom: 1px solid #e6e9ed; }
.header { background-color: #fbfbfd; height: 77px; margin: auto; width: 1100px; }
.headerTop { width: 270px; text-align: center; float: left; padding-top: 13px; }
.hdbanner { width: 780px; height: 77px; float: right; }
.hdul { list-style-type: none; height: 77px; margin-left: 22px; color: #3e3e3e; font-size: 16px; float: right; }
.hdul li { float: left; height: 56px; line-height: 77px; margin-left: 15px; font-size: 16px; font-family: "思源黑体"; text-align: center; }
.hdul li a { color: #3e3e3e; }
.Btm { border-bottom: 3px solid #4f9117; }




/*焦点*/
.bannerA { height: 526px; margin: auto; margin-bottom: 10px; }
#banner { width: 108px; height: 30px; margin: auto; margin-top: 12px; }
#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; }

.banner_list { overflow: hidden; height: 500px; }
.banner_list .bj { height: 500px; margin: auto; background-repeat: repeat-x; }
.banner_list .pic { height: 360px; margin: auto; padding-top: 25px; width: 1000px; }

.downBtn { position: absolute; top: 100px; right: 0px; width: 344px; height: 443px; float: right; background-image: url(/r/Images/ssTool/index_1_12.png); z-index: 1005; }
.down_data { background-image: url(/r/Images/toolbox/tb_d_5.png); }
.down_zq { background-image: url(/r/Images/toolbox/tb_d_9.png); }
.down_fz { background-image: url(/r/Images/toolbox/tb_d_3.png); }
.down_ali { background-image: url(/r/Images/toolbox/tb_d_1.png); }
.down_pm { background-image: url(/r/Images/toolbox/tb_d_2.png); }
.down_dy { background-image: url(/r/Images/toolbox/tb_d_4.png); }
.down_book { background-image: url(/r/Images/toolbox/tb_d_6.png); }
.down_video { background-image: url(/r/Images/toolbox/tb_d_7.png); }
.down_jd { background-image: url(/r/Images/toolbox/tb_d_8.png); }
.down_pic { background-image: url(/r/Images/toolbox/tb_d_10.png); }
.down_wd { background-image: url(/r/Images/toolbox/tb_d_11.png); }
.down_yz { background-image: url(/r/Images/toolbox/tb_d_12.png); }
.down_lb { background-image: url(/r/Images/toolbox/tb_d_13.png); }
.down_wln { background-image: url(/r/Images/toolbox/tb_wln_1.png?v=1); }
.down_mgj { background-image: url(/r/Images/toolbox/tb_mgj_1.png); }


.downfont { margin-top: 100px; width: 309px; height: 55px; color: #fff; font-size: 14px; line-height: 25px; padding-left: 20px; padding-right: 20px; 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: 264px; height: 68px; background: url(/r/images/ssTool/ss-download.jpg) 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: 85px; 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; }


.downbtn_new {background:rgba(68,162,13,0.8);/* filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; */}
.downbtn_new h2 { text-align: center; color: #fff; font-size: 26px; font-weight: bold; margin-top: 17px; }
.downbtn_new p.sub { text-align: center; color: #fff; margin-top: 10px; font-size: 14px; }
.downbtn_new .downfont{    margin-top: 20px;}

.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_title a { position: absolute; right: 50px; top: 0px; }
.tb_title a.more { color: #ee0000; font-size: 14px; }
.tb_title2 { background-image: url(/r/Images/toolbox/tb-2_b.jpg); }

.tb_kernel { padding: 20px 20px; }
.tb_kernel .item { float: left; height: 204px; width: 210px; text-align: center; border-right: 1px solid #f2f2f2; margin-bottom: 15px; margin-top: 5px; padding-top: 10px;  position:relative;}
.tb_kernel .item.bro { border-right: 0px; }
.tb_kernel .item a { text-decoration: none; }
.tb_kernel .item:hover { background: url('/r/images/ssTool/line_1_03.jpg') repeat-x -100px -10px; }
.tb_kernel .item h2 { font-size: 22px; line-height: 30px; color: #444547; margin-top: 5px; }
.tb_kernel .item span {position:absolute;top:-11px;right:29px; }
.tb_kernel .item p { font-size: 14px; line-height: 30px; color: #68686a; }
.tb_kernel .item p em { color: #4f9117; font-size: 22px; }

.tb-feature { padding: 40px 0px; }
.tb-feature .feature { border-bottom: 1px solid #e6e9ed; padding: 30px 40px; padding-right: 10px; }
.tb-feature .feature .info { float: left; width: 400px; padding-top: 60px; }
.tb-feature .feature .info h2 { border-left: 6px solid #4f9117; font-size: 30px; line-height: 38px; color: #393939; padding-left: 10px; font-weight: normal; }
.tb-feature .feature .info .text { font-size: 18px; padding-left: 16px; padding-top: 10px; line-height: 26px; color: #393939; }
.tb-feature .feature .info .text .red { color: #ee0000; }
.tb-feature .feature .img { float: left; width: 600px; }

.tb_vs { margin: auto; background-color: #fff; }
.tb_vs_top { width: 800px; height: 90px; margin: auto; }
.tb_vs_top div { width: 400px; height: 90px; float: left; }
.tb_vs .tbox_db { width: 800px; margin: auto; }
.tb_vs .tbox_db_left { width: 286px; float: left; }
.tb_vs .tbox_db_vs { width: 194px; float: left; }
.tb_vs .tbox_db_right { width: 286px; float: left; }
.tb_vs .tbox_db_leftfont { width: 286px; height: 63px; font-size: 18px; color: #393939; line-height: 42px; padding-left: 12px; }
.tb_vs .tbox_db_leftfont img { margin-right: 12px; }
.tb_vs .tbox_db_rightfont { width: 286px; height: 63px; font-size: 18px; color: #393939; line-height: 42px; padding-left: 12px; }
.tb_vs .tbox_db_rightfont img { margin-right: 12px; }

.tb_other { padding: 30px 40px; }
.tb_other .tb_o_item { width: 510px; height: 186px; float: left; }
.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: 422px; 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; }

.tb_tool_m { padding: 45px 0px; padding-left: 30px; }
.tb_tool_m .tob { float: left; width: 345px; height: 185px; margin-right: 10px; margin-bottom: 10px; background: #e9e9e9; }
.tb_tool_m .tob .t_pic { float: left; width: 120px; text-align: center; padding-top: 30px; }
.tb_tool_m .tob .t_info { padding-top: 30px; float: left; width: 225px; }
.tb_tool_m .tob .t_info .p_title { font: 24px; font-size: 18px; color: #393939; font-weight: bold; }
.tb_tool_m .tob .t_info .t_text { margin-top: 5px; font-size: 14px; color: #393939; line-height: 22px; }

.tb_img { text-align: center; padding: 50px 0 50px 0; border-top: 1px solid #e6e9ed; }
.tb_img ul { text-align: left; margin-left: 65px; margin-top: 15px; }
.tb_img ul h2 { line-height: 30px; font-size: 24px; margin-bottom: 10px; }
.tb_img ul p { line-height: 30px; font-size: 18px; padding-left: 10px; }
.tb_img ul p img { margin-right: 10px; }

.tb_t_text { width: 830px; margin: 30px auto; margin-bottom: 60px; }
.tb_t_text img { float: left; width: 16px; margin-top: 7px; margin-right: 10px; }
.tb_t_text .text { float: right; width: 800px; font-size: 18px; line-height: 30px; }
.tb_t_text .text .ff490a { color: #ff490a; }
.tb_t_text .text p { float: left; width: 510px; }
.tb_t_text .text img { float: right; width: 271px; margin-top: 0; }

.tb_download { width: 504px; height: 73px; margin: 50px auto; }
.tb_download a { display: block; height: 73px; background: url('/r/images/toolbox/tb-35.jpg') no-repeat; }
.tb_download a h2 { padding-left: 95px; padding-top: 17px; line-height: 55px; font-size: 24px; color: #fff; }
.tb_download a:hover { text-decoration: none; }


.tb_ali { width: 540px; padding-left: 70px; }
.tb_ali .text { width: 510px; }

.tb_list { margin-left: 260px; }
.tb_list h2 { float: left; width: 520px; line-height: 68px; font-size: 28px; color: #ffff00; background: #66ccff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding-left: 10px; }
.tb_list ul { margin-top: 30px; }
.tb_list ul li { font-size: 18px; line-height: 50px; font-weight: bold; }


.tb_img { padding-left: 25px; }
.tb_img .tb_t_text { float: left; width: 345px; text-align: left; padding-top: 50px; }
.tb_img .tb_t_text .text { width: 315px; }
.tb_img .tb_i_r { float: right; text-align: center; width: 725px; }

.tb-video-msg { background: #f2445d; padding-left: 130px; line-height: 88px; font-size: 24px; font-weight: bold; }
.tb-video-msg a { color: #fff; text-decoration: none; }
.tb-video-msg a:hover { color: #fff !important; }

.tb-introduce-synopsis { padding: 30px 75px 50px 30px; }
.tb-introduce-synopsis p { float: left; width: 820px; font-size: 16px; text-indent: 2em; line-height: 30px; }
.tb-introduce-synopsis a { float: right; width: 130px; display: block; }

.tb-introduce-font ul { margin-bottom: 45px; }
.tb-introduce-font ul li { float: left; width: 250px; margin: 0px 56px; text-align: center; background: #f6f6f6; border: 1px solid #e7e7e7; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 40px 0 20px 0; }
.tb-introduce-font ul li div { margin-bottom: 35px; }
.tb-introduce-font ul li h2 { color: #ff490a; font-size: 24px; line-height: 26px; font-weight: normal; }
.tb-introduce-font ul li p { font-size: 14px; margin-top: 30px; }

.tb-introduce-list { margin-top: 32px; padding: 0px 30px; }
.tb-introduce-list .introduce-item { border-bottom: 1px solid #e7e7e7; padding: 20px 65px 35px 70px; }
.tb-introduce-list .introduce-item .pic { float: left; width: 103px; }
.tb-introduce-list .introduce-item .content { float: right; width: 760px; }
.tb-introduce-list .introduce-item .content h2 a { color: #3f910d; line-height: 30px; font-size: 22px; font-weight: normal; }
.tb-introduce-list .introduce-item .content h2 em { color: #ff490a; font-size: 18px; }
.tb-introduce-list .introduce-item .content h2 a:hover { color: #3f910d !important; text-decoration: none; }
.tb-introduce-list .introduce-item .content h2 a:hover em { color: #ff490a !important; }
.tb-introduce-list .introduce-item .content p { color: #666666; line-height: 24px; font-size: 14px; margin-top: 10px; }
.tb-introduce-list .introduce-item .content p a { color: #3f910d; }

.tb-introduce-list .more_function { width: 336px; margin: 30px auto; height: 50px; line-height: 50px; text-align: center; background: #bababa; font-size: 24px; color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.tb-case-list { padding: 37px 0; padding-left: 32px; }
.tb-case-list .case-item { float: left; width: 300px; margin: 23px; }
.tb-case-list .case-item img { width: 300px; height: 197px; }
.tb-case-list .case-item p { position: relative; padding-top: 15px; padding-bottom: 10px; padding-left: 7px; font-size: 14px; background: #f5f7fa; line-height: 30px; }
.tb-case-list .case-item p a { float: left; width: 77px; height: 33px; padding-left: 7px; line-height: 33px; background: url('/r/images/toolbox/tb-44.jpg') no-repeat; position: absolute; right: 10px; top: 15px; color: #fff; }

.tb-lb-fimg { position: relative; padding: 40px 40px 40px 400px; }
.tb-lb-fimg div { position: absolute; left: 130px; top: 100px; }
.tb-lb-fimg div h2 { color: #f79114; line-height: 36px; font-size: 24px; }
.tb-lb-fimg div p { color: #666; line-height: 30px; font-size: 18px; }

.tb-lb-cz { padding-left: 140px; text-align: left; padding-top: 50px; }
.tb-lb-cz .item { float: left; width: 400px; padding-left: 50px; background: url('/r/images/toolbox/tb-lb-6.jpg') no-repeat; line-height: 50px; font-size: 18px; }


.tobx_xz{font-family: "思源黑体";}
.tobx_xz_banner{background: url(/r/images/toolbox/xz_01.jpg) no-repeat scroll center center;height: 593px;}
.tobx_xz_banner .tobx_xz_box{position:relative; width:950px; margin:auto;height: 593px;}
.tobx_xz_banner .tobx_xz_box a{float:left;width:360px; height:82px; position:absolute;    left: 429px;top: 324px;}

.tobx_xz_ba01{background:#fff;}
.tobx_xz_ba02{background:#f8f8f8;}

.tobx_xz_content{width:1150px; margin:auto; padding:20px 0;}
.tobx_xz_content .title{text-align:center;    font-size: 24px;line-height: 50px;}

.tobx_xz_zuo {padding:30px 0px; margin-right:100px;}
.tobx_xz_zuo .zuo_item{float:left;width:245px; height:320px; margin:20px 60px; text-align:center;}
.tobx_xz_zuo .zuo_item h3{font-size:16px;    line-height: 40px;}
.tobx_xz_zuo .zuo_item p{text-align:left;font-size:14px;line-height: 24px; color:#666666;}

.tobx_xz .title2{margin:15px 0px}
.tobx_xz .title2 h3{font-size:20px; line-height:45px; padding-left:40px; position:relative;}
.tobx_xz .title2 h3 i{color:#fff; position:absolute;    left: 0px;top: 9px; float:left;width:30px; height:30px; line-height:30px;text-align:center; background:#35bd60; -webkit-border-radius: 50%;-moz-border-radius: 50;border-radius: 50;}
.tobx_xz .title2 p{font-size:18px; line-height:26px; color:#35bd60; padding-left:40px;}
.tobx_xz .tobx_xz_img{text-align:center;}

.tobx_xz_img2{text-align:center; padding-top:30px;}
.tobx_xz_qrcode{text-align:center; font-size:16px; font-weight:bold; line-height:30px; padding-bottom:60px;}





















