@charset "gb2312";
/* CSS Document */

/*nomal*/
body { margin: 0 auto; font: normal 12px/150% "Microsoft Yahei", Arial, sans-serif; color: #333; background-color: #f2f2f2; }
body { padding-top:204px;}
ul { list-style: none; margin: 0; padding: 0; }
ul,li{list-style:none;}
dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, span, em { margin: 0; padding: 0; font-style: normal; }
/*RESET*/* { margin: 0; padding: 0; }
fieldset, img { border: 0; }
:focus { outline: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal;  }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%; }
input, button, textarea, select { *font-size:100%;
}
ol, ul { list-style: none; }
caption, th { text-align: left; }
/*WEB LAYOUT*/.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.left { float: left; }
.right { float: right; }
img, .submit { border: 0 }
a{ background: transparent; color:#323433; text-decoration:none;}
a:active, a:hover { outline: 0;color:#ce020d;text-decoration:underline;}
input, select { font: 12px/20px "微软雅黑"; }
input, select { vertical-align: middle; }


/* clear */
.clearfix { zoom: 1 }
.clearfix:after { height: 0; visibility: hidden; content: "0020"; display: block; clear: both }
.w { width: 780px; margin: 0 auto; overflow: hidden; }
.blank { height: 10px; overflow: hidden; clear: both; }
.block { width: 1186px; margin: 0 auto; position: relative; }
.yh { font: normal 12px/150% "Microsoft Yahei", Arial, sans-serif; }
.st { font-family: "宋体", "Trebuchet MS"; }
.lf{float:left}
.rf{float:right;}
.ml{margin-left:20px;}
.mb{margin-bottom:20px;}
.mt{margin-top:20px;}
.mr0{margin-right:0px;}
.b { font-weight: bold; }
.tl { text-align: left }
.tc { text-align: center }
.tr { text-align: right; }
.f_red { color: #c8230f !important }

a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{ clear:both; font-size:0; line-height:0; height:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑","宋体";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}


.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed { *zoom: 1; }
.wp { margin: 0 auto; width: 1202px; }
#web { min-width: 1202px; }
.por { position: relative; }



<!--网站域名查询窗口样式------------------------------------开始---------------------------------------->
/*-- 搜索btn/域名批量注册btn author:zhaoming begin --*/
.sbox_btn{background-color: #FAFBFD; width: 194px; height: 60px; overflow: hidden; float: right;}
.sbox_btn a.search_btn2{display:inline-block;width: 151px; height:56px; line-height:54px; color:#ffffff; background-color:#f71a2c; text-align:center; font-size:24px; font-family: "微软雅黑";text-decoration: none;  padding:0 22px; border-bottom: 4px solid #b63730;}
.sbox_btn a.search_btn2:hover{color:#ffffff; background-color:#f94856;border-bottom: 4px solid #c55f59
;}
.sbox_m_btn{width: 195px; text-align: center; float: right;}
.sbox_m_btn a{ color: #333333; font-family: "微软雅黑"; font-size: 14px; line-height: 46px; }
/*-- 搜索btn/域名批量注册btn author:zhaoming end --*/

/*icon*/
.icon_r01_01{display: inline-block;width: 14px; height: 14px;position: relative;top: 2px; margin-left: 5px;
    background:url(../images/header_footer_Public.png) no-repeat -50px -150px;}

/*--- 全站搜索 插件 author:zhaoming begin ---*/
.search_content .s_logo{display: none;}
.search_box{width: 990px; position:relative; z-index: 7; margin:0 auto;}
.search_box a{text-decoration: none;}
.search_box ul li,.search_box ul{list-style:none; margin: 0px;padding:0px;}
.search_box .sbox_content{width:988px; height:60px; border:1px solid #cbcbcb; position:relative; background-color:#f3f3f3; margin:0 10px 0 0; *display:inline-block;  -moz-box-shadow:1px 1px 1px #f0f0f0 inset;
 -webkit-box-shadow:1px 1px 1px #f0f0f0 inset; box-shadow:1px 1px 1px #f0f0f0 inset; z-index:8}
.search_box .sbox_text{ border: medium none;color: #999999;float: left; font-size: 18px;height: 50px;line-height: 50px; padding: 5px 15px;width: 627px;}
/*search_box select current:搜索条件后缀当前的内容*/
.search_box .sbox_s_current{width:115px; height:60px; line-height:60px; border-left:1px solid #e8e8e8; font-size:26px; color:#333333; font-family: "微软雅黑";padding-right:20px; float:left; cursor:pointer; background:url(../newimages/new/header_footer_Public.png) no-repeat 108px -121px #f3f3f3; text-align:center;}
.search_box .sbox_s_current.on{ background-position: 108px -180px;}
.search_box .sbox_s_lst{ position:absolute;height:auto; overflow-y:scroll;overflow-y: scroll\0;*overflow-y:scroll; left:657px; top:60px; border:1px solid #cbcbcb;
 width:134px; background-color:#ffffff; display:none;max-height:240px;}
.search_box .sbox_s_lst li{ height:24px; color:#666; line-height:24px;padding-left:30px; cursor:pointer;}
.search_box .sbox_s_lst li.hover{ background-color:#f6f6f6;}




/*显示更多后缀 author:zhaoming begin*/
.search_box .sbox_more{height: 46px; width: 100%; clear: both;}
.search_box .tabBox{ width:792px;  border:1px solid #c6c6c7; position:absolute; left:0; top:61px; background-color:#ffffff; overflow:hidden; display:none; z-index:1; font-size: 12px;}
.search_box .dtClose{font-family:"宋体"; font-size:20px; position:absolute; right:3px; bottom:3px; color: #666666;}
.search_box .tabDomainNav{margin:10px 26px; height:24px; line-height:24px; overflow:hidden; vertical-align:middle;}
.search_box .tabDomainNav input,
.search_box .tabDomainNav label,
.search_box .tabDomainNav li,
.search_box .tabDomainNav label span{ vertical-align:middle;}
.search_box .tabDomainNav label{margin:0 15px 0 0;}
.search_box .tabDomainNav li{ float:left;}
.search_box .domainCon{padding:0 0 16px 26px; display:none;}
.search_box .dSuffix {overflow: hidden;}
.search_box .dSuffix li {float: left;height: 28px;line-height: 28px; width: 84px;}
/*显示更多后缀 end*/
/*--- 全站搜索 插件 end ---*/
<!--网站域名查询窗口样式------------------------------------结束---------------------------------------->



/*banner调试样式*/
#scrollUp { bottom: 20px; right: 20px; height: 50px; width: 50px; background: url(../images/top.png) repeat 0 0 #393C44; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
#scrollUp:hover { background-color: black; background-position: 0 -50px; }
#main {  }
/*顶部内容公共样式*/
.headerbox { height: 156px; background-image: url(../images/head_top_bg.jpg); }
.header_top { width: 1180px; height: 41px; margin: 0 auto; background: url(../images/top_10year.jpg) right top no-repeat; color: #FFF; }
.header_top ul { height: 41px; overflow: hidden; }
.header_top ul li { float: left; line-height: 41px; font-size: 14px; padding: 0 4px; }
.header_top ul li a { color: #FFF; display: inline-block; }
.header_top ul li a img { padding: 2px 4px 0px 0px; }
.header_logo { width: 1180px; margin: 0 auto; height: 115px; }
.header_logo img { display: block; float: left; line-height: 115px; }
.dianhua { height: 30px; line-height: 30px; font-size: 20px; color: #FFF; padding-top: 50px; float: left; }
.dianhua img { margin-left: 10px; margin-right: 10px; float: left; }
.search { background: url(../images/search_bg.gif) no-repeat; width: 216px; height: 26px; line-height: 26px; padding: 0px 3px 0px 30px; float: right; margin-bottom: 8px; margin-top: 50px; margin-right: 20px; }
.search_text { background: none; border: none; color: #bfbebe; float: left; width: 170px; height: 26px; line-height: 26px; font-size: 12px; outline: none; }
.search_btn { width: 41px; height: 22px; text-align: center; color: #fff; border: none; background: url(../images/search_btn.gif) no-repeat; float: right; margin: 2px 0px; cursor: pointer; }
/*导航根据浏览器高度跟踪*/
#scroll_head_box { position: fixed; top:0; width: 100%; left: 0; z-index: 105; display:block;}
/*结构样式*/
#header { height: 48px; width: 100%; position: relative; z-index: 10; box-shadow: 0 1px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2); }
/*.headerFix{}*/
#header .bgA_01 { max-width: 100%; min-width: 1020px; height: 100%; overflow: hidden; width: 100%; margin: 0 auto; padding: 0 0px; position: relative; background-image: url(../images/menu_bg.jpg); }
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
#header .logoField { padding: 29px 0 0; height: 46px; width: 406px; float: left; }
#header .logoField .logo { display: block; height: 100%; width: 406px; overflow: hidden; }
#header .logoField .logo img { display: block; }
#header .telNumField { position: absolute; right: 20px; top: 6px; }
#header .telNumField a { display: inline-block; zoom: 1; *display:inline;
background: url(../images/line_01.gif) 100% 50% no-repeat; padding: 0 10px }
#header .telNumField .lastlink { background: none; padding-right: 20px }
#header .telNumField a:hover { color: #2e7eae; }
#header .telNumField h1 { display: inline-block; zoom: 1; *display:inline;
padding: 0 0 0 30px; line-height: 40px; background: url(../images/icon_telNum_01.gif) -10px -40px no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #272626; }
#header .navField { margin: 0 0 0 0px; padding: 0px 0 0; }
#header .navField ul { font-size: 0; margin: 0 0 0 0; text-align: center; }
#header .navField li { display: inline-block; vertical-align: top; text-align: center; line-height: 48px; font-size: 16px; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s; -o-transition: -o-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; }
#header .navField li a { display: inline-block; padding: 0 20px; line-height: 48px; color: #FFF; text-align: center; position: relative; background: 99% -34px no-repeat; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; }
#header .navField li.link2, #header .navField li.link3, #header .navField li.link4 { padding: 0 3px 0 0; }

#header .navField li.link0 a.on { background: #000; }
#header .navField li a:hover, #header .navField li a.on, #header .navField li.act a { text-decoration: none; color: #ea5504; }
#header .navField li.act { background: #f2f2f2; }
#header .navField li.on a { background: #f2f2f2; color: #ea5504; width: 88px; }
#header .menuField { position: absolute; width: 100%; min-width: 1020px; top: 48px; background: #f2f2f2; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.2); }
#header .menuField .child { max-width: 1158px; width: 96%; margin: 0 auto; padding: 0 20px; text-align: center; display: none }
#header .menuField .current { display: block; }
#header .menuField .child:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
#header .menuField .child dl { color: #222; position: relative; margin: 0 0 0 0px; text-align: left; padding: 20px; }
#header .menuField .child a { color: #666; font-size: 14px; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; }
#header .menuField .child a:hover { text-decoration: none; color: #2e7eae; }
#header .menuField .child dl dt { font-size: 16px; line-height: 50px; }
#header .menuField .child dl dd { font-size: 14px; line-height: 28px; display: inline-block; padding: 0 20px; }
#header .menuField .child .servic { width: 100%; max-width: 1092px; display: inline-block; zoom: 1; *display:inline;
vertical-align: top; }
#header .menuField .child .servic .table_00 { width: 100%; padding: 0; margin: 0; table-layout: fixed; }
#header .menuField .child .servic .table_00 td { text-align: center; padding: 40px 0; }
#header .menuField .child .servic .table_00 td .list { display: inline-block; zoom: 1; *display:inline;
width: 100%; text-align: center }
#header .menuField .child .servic .table_00 td .list i { display: block; height: 62px; background-position: 0 100%; background-repeat: no-repeat; text-align: left; width: 118px; display: inline-block; zoom: 1; *display:inline
}
#header .menuField .child .servic .table_00 td .list i a { display: block; width: 100%; height: 100%; }
#header .menuField .child .servic .table_00 td .list .icstyle_01 { background-image: url(../images/icon_header_lk1.png) }
#header .menuField .child .servic .table_00 td .list .icstyle_02 { background-image: url(../images/icon_header_lk2.png) }
#header .menuField .child .servic .table_00 td .list .icstyle_03 { background-image: url(../images/icon_header_lk3.png) }
#header .menuField .child .servic .table_00 td .list .icstyle_04 { background-image: url(../images/icon_header_lk4.png) }
#header .menuField .child .servic .table_00 td .list .icstyle_05 { background-image: url(../images/icon_header_lk5.png) }
#header .menuField .child .servic .table_00 td .list .icstyle_06 { background-image: url(../images/icon_header_lk6.png) }
#header .menuField .child .servic .table_00 td .list h2 { padding: 18px 0 17px; border-bottom: 1px solid #d8d8d8; color: #000000; text-align: left; width: 118px; display: inline-block; zoom: 1; *display:inline
}
#header .menuField .child .servic .table_00 td .list h2 a { color: #000000; text-decoration: none; font-size: 22px; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; }
#header .menuField .child .servic .table_00 td .list ul { padding: 6px 0 0 }
#header .menuField .child .servic .table_00 td .list ul li { text-align: center }
#header .menuField .child .servic .table_00 td .list ul li a { display: block; width: 100%; display: inline-block; zoom: 1; *display:inline;
padding: 6px 0; font-size: 14px; text-align: center }
#header .menuField .child .servic .table_00 td .list ul li a span { width: 124px; display: inline-block; zoom: 1; *display:inline;
text-align: left; }
#header .menuField .child .servic .table_00 td .list ul li a:hover { background: #d23333; color: #fff; }
#header .menuField .child .servic .table_00 td:hover { background: #ececec; }
#header .menuField .child .servic .table_00 td:hover i { background-position: 0 0 }
#header .menuField .child .servic .table_00 td:hover i.istyle2 { background-position: 0 4px }
#header .menuField .child .servic .table_00 td:hover i.istyle3 { background-position: 0 8px }
#header .menuField .child .servic .table_00 td:hover i.istyle4 { background-position: 0 6px }
#header .menuField .child .servic .table_00 td:hover i.istyle5 { background-position: 0 5px }
#header .menuField .child .servic .table_00 td:hover i.istyle6 { background-position: 0 7px }
#header .menuField .child .servic .table_00 td:hover .list h2 a { color: #d23333 }
#header .langField { position: absolute; right: 20px; top: 30px; width: 84px; background: #fff; padding: 0 0 0 10px; display: none; z-index: 2; }
#header .langField a { -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; }
#header .langField a:hover { text-decoration: none; color: #00aeff; }
/*首页域名查询*/
.yumingbox { width: 100%; padding-top:60px; }
.yuming { width: 1180px; margin: 0 auto; }
.yuming span { font-size: 24px; line-height: 84px; padding-left: 40px; }
/*主营业务*/
.businessbox { width: 100%; height: 280px; background: #f9f9f9; border-bottom-style: solid; border-bottom-color: #dadada; border-bottom-width: 1px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; }
/*4个服务项目*/
.service_pro { width: 1000px; overflow: auto; margin: 0 auto; border: solid 1px #f0f0f0; border-left: none; border-right: none; padding: 20px 0; }
.service_pro img { padding-bottom: 30px; }
.left { float: left; display: inline }
.projects { width: 224px; border-right: dotted 1px #dadada; }
.project1 { padding-right: 16px; float: left; }
.project2 { padding-right: 16px; padding-left: 17px; float: left }
.project3 { border: none; float: right }
.projects .titles { width: 224px; height: 94px; background-image: url(../images/no_bg.jpg); background-repeat: no-repeat; background-position: right; }
.titles a { color: #838383; }
.titles a:hover { color: #F00; }
.projects .titles a { display: block; width: 224px; height: 94px; cursor: pointer }
.projects .titles a:hover .tit_xl { background: url(../images/no2.gif) no-repeat }
.projects .titles .tit_xl { width: 31px; height: 94px; background: url(../images/no1.gif) no-repeat; text-align: center }
.projects .titles .tit_xl1 { width: 31px; height: 94px; background: url(../images/no2.gif) no-repeat; text-align: center }
.projects .titles .tit_txt { width: 100px; height: 90px; text-align: center; background-image: url(../images/computer.png); background-repeat: no-repeat; background-position: center 6px; margin-left: 50px; }
.projects .titles .tit_phone { width: 100px; height: 61px; text-align: center; background-image: url(../images/phone.png); background-repeat: no-repeat; background-position: center 6px; margin-left: 50px; }
.projects .titles .tit_gear { width: 100px; height: 61px; text-align: center; background-image: url(../images/gear.png); background-repeat: no-repeat; background-position: center 6px; margin-left: 50px; }
.projects .titles .tit_terminal { width: 100px; height: 61px; text-align: center; background-image: url(../images/terminal.png); background-repeat: no-repeat; background-position: center 6px; margin-left: 50px; }
.projects .titles a:hover .tit_txt { background-image: url(../images/computer_red.png); background-repeat: no-repeat; }
.projects .titles a:hover .tit_phone { background-image: url(../images/phone_red.png); background-repeat: no-repeat; }
.projects .titles a:hover .tit_gear { background-image: url(../images/gear_red.png); background-repeat: no-repeat; }
.projects .titles a:hover .tit_terminal { background-image: url(../images/terminal_red.png); background-repeat: no-repeat; }
.projects .titles p { padding-top: 61px; font-size: 14px; display: block; color: #4B4B4B; }
.projects .titles a:hover p { color: #e83828; }
.projects .pro_txt { line-height: 20px; margin: 0 auto; width: 224px; padding-top: 15px; color: #4B4B4B; }
/*最新案例*/
.caseshow_box { width: 100%; height: 380px; background: #f2f2f2; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dadada; }
.caseshow { width: 1000px; height: auto; overflow: hidden; margin: 0 auto; }
.index_tit { position: relative; margin-bottom: 20px; width: 100%; overflow: hidden; margin-top: 20px; }
.index_tit a { position: absolute; right: 10px; bottom: 5px; }
.case_top { height: 33px; line-height: 24px; text-align: center; overflow: hidden; width: 100%; clear: both; font-size: 14px; font-family: "微软雅黑"; padding: 5px 0 }
.case_top a { margin: 0 10px; width: 99px; height: 24px; padding-bottom: 9px; display: inline-block; color: #fff; background: url(../images/index_2.png) no-repeat 0 0; font-weight: lighter; cursor: pointer }
.case_top a.hover, .case_top a:hover { background: url(../images/index1.png) no-repeat 0 0 }
.case_list { width: 100%; height: 260px; margin: 0 auto; }
.case_list ul li { width: 232px; height: 210px; background: #fff; float: left; margin: 10px 9px; }
.case_list ul li a { color: #333; }
.case_list ul li h4 { font-size: 14px; padding-left: 6px; line-height: 18px; }
.case_list ul li span { font-size: 12px; padding-left: 6px; }
.case_list ul li a:hover { background: #e83828; width: 232px; height: 210px; display: block; color: #FFF; }
.case_list ul li a img { padding: 6px; }
/*我们的客户*/
.service { width: 100%; margin: 0 auto; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #f5f5f5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dadada; }
.service h4 { width: 100%; text-align: center; font-size: 30px; font-weight: normal; line-height: 64px; }
/*轮播图样式*/
.cuscon { overflow: hidden; clear: both; }/*customer_container*/
.cuscon_content { width: 1000px; margin: 0 auto; overflow: hidden; }
.cuscon_t { position: relative; z-index: 1; }/*cuscon_top*/
.cuscon_b { border-top: 1px solid #D8D9DA; background: #f3f4f5; padding: 60px 0 50px; overflow: hidden; margin: -1px 0 0; }/*cuscon_bottom*/
.cuscon_allBtn { border-top: 1px solid #f23131; height: 26px; line-height: 26px; background: #f3f4f5; width: 164px; display: block; margin: 0 auto; text-align: center; font-size: 16px; cursor: default; }
.cuscon_allBtn:hover { color: #666; }
.cb_Box { height: 140px; margin: 0 auto; position: relative; width: 100%; }
.cbb_list { height: 90px; width: 1000px; overflow: hidden; margin: 0 auto; }
.cb_PageDiv { position: relative; width: 990px; margin: -40px auto 0px; text-align: center; top: -20px; }
.cbb_container { width: 990px; overflow: hidden; margin: 20px auto; }
.cbb_list li { overflow: hidden; float: left; }
.cbLeft { display: inline-block; width: 37px; height: 37px; background: url(../images/leftBtn.png); position: absolute; left: -35px; top: -30px; }
.cbRight { display: inline-block; width: 37px; height: 37px; background: url(../images/rightBtn.png); position: absolute; right: -35px; top: -30px; }
.cbb_list dl { width: 148px; margin: 0 9px 0 8px; float: left; }
.cbb_list dt { border: 0px solid #ccc; }
.cbb_list dd { line-height: 30px; color: #666; text-align: center; height: 30px; font-size: 14px; }
.cb_content { width: 990px; margin: 0 auto; }
.cb_page { width: 100px; height: 20px; margin: 30px auto 0; }
.cb_page li { float: left; }
.cb_page li a { font-size: 80px; color: #2c2c2c; width: 20px; height: 20px; text-align: center; line-height: 20px; display: block; }
.cb_page li a.on { color: #df3c17; }
/*轮播图样式*

/*首页新闻模块*/
.index_about { padding: 10px 0px 40px; overflow: hidden; background: #F9F9F9; clear: both; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dadada; }
.index_about dl { width: 366px; float: left; padding: 0px 14px; font-family: '微软雅黑', "Trebuchet MS", Arial, Helvetica, sans-serif; }
.index_about dt { position: relative; margin-bottom: 0px; font-size: 16px; color: #000; height: 60px; line-height: 60px; background: url(../images/double_line.gif) repeat-x left bottom; }
.index_about dt img { vertical-align: middle; }
.index_about dt span.f_red { color: #c8230f; }
.index_about dt a { position: absolute; right: 0px; bottom: 15px; }
.index_about dd { padding-top: 15px; }
.index_about dd div { padding: 0 0px 15px; overflow: hidden; border-bottom: #ddd dotted 1px; margin-bottom: 10px; }
.index_about dd div img { float: left; margin-right: 10px; }
.index_about dd div h4 { font-size: 14px; height: 24px; line-height: 24px; color: #434343; overflow: hidden; font-weight: normal; }
.index_about dd div h4 a { color: #434343; }
.index_about dd div p { line-height: 1.5; margin-bottom: 5px; color: #a2a2a2; }
.index_about dd div p a { color: #5e9100; }
.index_about dd div p a:hover { text-decoration: underline; }
.index_about dd ul { display: block; clear: both; }
.index_about dd ul li { text-align: right; padding-left: 15px; background: url(../images/list_ico1.gif) no-repeat left center; height: 24px; line-height: 24px; color: #a3a3a3; }
.index_about dd ul li a { float: left; color: #333333; }
.index_about dd ul li a:hover { color: #b90804; }
/*底部样式*/
.foot_red_line { width: 100%; background: #DF262E; height: 80px; }/*red_line*/
.foot_red_line ul { width: 1000px; margin: 0 auto; height: 80px; }
.foot_red_line ul li { float: left; text-align: left; line-height: 80px; display: block; color: #FFF; font-size: 20px; }
.foot_red_line ul li span font { color: #FC0; font-size: 20px; }
.foot_red_line ul li .sccd_l { width: 250px; display: inline-block; background-image: url(../images/icon_10year.jpg); background-position: left center; background-repeat: no-repeat; padding-left: 50px; }
.foot_red_line ul li .sccd_m { width: 370px; display: inline-block; background-image: url(../images/icon_love.jpg); background-position: 30px center; background-repeat: no-repeat; padding-left: 80px; }
.foot_red_line ul li .sccd_r { width: 200px; display: inline-block; background-image: url(../images/iconj_four.jpg); background-position: left center; background-repeat: no-repeat; padding-left: 50px; }
/**************底部**************/
footer { background: #333; min-width: 1000px; color: #fff; font-size: 14px; }
footer h3 { background: #333; width: 1000px; height: 21px; margin: 0 auto; overflow: hidden; padding-top: 1px }
footer h3 a { float: right; width: 47px; height: 21px; display: block; background: #f9f9f7; color: #333; text-align: center; font-size: 12px; line-height: 21px; font-weight: lighter }
footer dl { margin: 0 auto; padding: 10px 0 30px; width: 1100px; line-height: 2.2; background: #333; overflow: hidden }
footer dl big { font-size: 18px; display: block; width: 100%; clear: both; margin-bottom: 10px }
footer dl big a { color: #fff }
footer dl dd { float: left; width: 150px; margin-left: 20px; display: inline; overflow: hidden }
footer dl dd p a { height: 24px; line-height: 24px; overflow: hidden; display: block; color: #fff }
footer dl dd p a:hover { color: #c60707 }
footer dl dt { float: right; margin-left: 20px; width: 380px; overflow: hidden }
footer dl dt p img { width: 77px; height: 22px; margin: 5px 10px 0 0; display: inline }
.foot { margin: 0 auto; padding: 15px 1px 30px 14px; line-height: 24px; width: 1085px; border-top: 1px solid #434343 }
/*网站右边在线客服样式*/
.custom_service p img { display: inline; margin-top: -5px; vertical-align: middle; }
.scrollsidebar { position: absolute; z-index: 999; top: 150px; }
.side_content { width: 117px; height: 245px; ; overflow: hidden; float: left; background: url(../img/consulting.png) no-repeat; }
.side_content .side_list { width: 117px; overflow: hidden; }
.show_btn { width:0px; height: 150px; overflow: hidden; float: left; cursor: pointer; }
.show_btn span { display: none; }
.close_btn { width:35px; height: 24px; cursor: pointer; }
.side_title { }
.side_bottom { height: 8px; }
.side_center { font-family: Verdana, Geneva, sans-serif; padding: 5px 12px; font-size: 12px; }
.close_btn { float: right; display: block; width: 35px; height: 16px; margin-top: 78px; }
.close_btn span { display: none; }
.side_center .custom_service p { text-align: center; padding: 6px 0; margin: 0; vertical-align: middle; }
.other { text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd }
.other p { padding: 5px 0; _height: 16px; margin: 0; color: #666666; }
.side_green .show_btn { background-image: url(../img/online_left.png); background-repeat: no-repeat; }
.qq-open-panel ul { padding-top: 58px; display: inline-block; }
.qq-open-panel li { padding-left: 16px; float: left; width: 90px; height: 30px; }
.qq-open-panel li a { font-size: 12px; display: inline-block; vertical-align: middle; line-height: 30px; color: #666; }
.qq-open-panel li a img { float: left; vertical-align: middle; line-height: 30px; }
.qq-open-panel li a:hover { color: #F60; }
/*网站内页banner样式*/
.about_banner { width: 100%; height: 170px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative; background-image: url(../images/bannner/banner_about.jpg); background-repeat: no-repeat; background-position: bottom; }
.web_banner { width: 100%; height: 170px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative; background-image: url(../images/bannner/banner_service.jpg); background-repeat: no-repeat; background-position: bottom; }
.host_banner { width: 100%; height: 240px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative; background-image: url(../images/bannner/domain_bg.jpg); background-repeat: no-repeat; background-position: bottom; }
.sale_banner { width: 100%; height: 360px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative; background-image: url(../images/bannner/sale_banner.jpg); background-repeat: no-repeat; background-position: bottom; }
.soft_banner { width: 100%; height: 227px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative;background-image: url(../images/bannner/soft_banner.jpg); background-repeat: no-repeat; background-position: bottom; }
.contact_banner { width: 100%; height:170px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative;background-image: url(../images/bannner/banner_advisory.jpg); background-repeat: no-repeat; background-position: bottom; }
.news_banner {width: 100%; height:150px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative; background-image: url(../images/bannner/bg5.jpg); background-repeat: no-repeat; background-position: bottom;}
.case_banner {width: 100%; height:172px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative; background-image: url(../images/bannner/banner_case.jpg); background-repeat: no-repeat; background-position: bottom;}

.search_banner{width: 100%; height:200px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative; background-image: url(../images/bannner/banner_sec.jpg); background-repeat: no-repeat; background-position: bottom;}

.gc_banner { width: 100%; height:170px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative;background-image: url(../images/bannner/gc.jpg); background-repeat: no-repeat; background-position: bottom; }


.jjfa_banner { width: 100%; height:170px; margin: 0 auto; border-bottom: solid #ffffff 1px; position: relative;background-image: url(../images/bannner/jjfa.jpg); background-repeat: no-repeat; background-position: bottom; }

.inside_box { width: 1186px;height: auto; overflow:hidden; margin: 0 auto; border: solid #dcdcdc 1px; background-image: url(../images/page_top1.gif); background-repeat: no-repeat; background-position: right top; background-color: #f9f9f9; margin-top: 60px; }
.page_top { width: 100%; height: auto; overflow: hidden; background-image: url(../images/top_line.jpg); background-repeat: repeat-x; background-position: bottom; }
.page_tit { padding-left: 20px; padding-top: 14px; }
.page_nav { width: 96%; margin: 0 auto; height: 66px; }
.page_nav span { float: right; padding-top: 24px; padding-left: 18px; background-image: url(../images/ico_home.gif); background-repeat: no-repeat; background-position: left 28px; font-size: 14px; color: #999; }
.page_nav span a { color: #999; }
.page_nav span a:hover { color: #e55406 }
.page_menu { float: left; }
.page_menu li { float: left; margin-right: 10px; text-align: center; line-height: 22px; list-style-type: none; margin-top: 20px; }
.page_menu li a { color: #FFF; list-style: none; font-size: 14px; width: 84px; height: 28px; background: url(../images/page_nav.gif); display: inline-block; }
.page_menu li a:hover { color: #FFF; width: 84px; height: 28px; background-image: url(../images/page_nav_cur.gif); display: inline-block; }
.page_menu li a.on { color: #FFF; width: 84px; height: 28px; background-image: url(../images/page_nav_cur.gif); display: inline-block; }
/*关于我们*/
.about_m { padding-top: 24px; width: 100%; text-align: center; }
.about_m p { font-size: 20px; padding-top: 20px; color: 646464; }
.about_font { width: 94%; margin: 0 auto; font-size: 16px; line-height: 30px; }
.about_center { text-align: center; font-size: 20px; line-height: 30px; padding: 20px; }
.about_center font { color: #F30; font-size: 20px; }
#focus2 { height: 340px; position: absolute; width: 1920px; z-index: 99; left: 50%; margin-left: -960px }
#focus2 ul { height: 350px; position: absolute }
#focus2 ul li { float: left; width: 640px; height: 392px; position: relative; background: #fff }
#focus2 ul li div { position: absolute }
#focus2 .preNext { width: 71px; height: 72px; position: absolute; top: 145px; cursor: pointer }
#focus2 .pre { left: 530px; background: url(../images/about_ico1.png) no-repeat }
#focus2 .pre:hover { background: url(../images/about_ico1_hover.png) no-repeat }
#focus2 .next { right: 530px; background: url(../images/about_ico2.png) no-repeat }
#focus2 .next:hover { background: url(../images/about_ico2_hover.png) no-repeat }
.aboutshow { height: 340px; width: 1024px; margin: 0 auto; display: none }
.left-arrow, .right-arrow { width: 71px; height: 72px; position: absolute; top: 38%; cursor: pointer }
.left-arrow { left: 20%; background: url(../images/about_ico1.png) no-repeat }
.left-arrow:hover { background: url(../images/about_ico1_hover.png) no-repeat }
.right-arrow { right: 20%; background: url(../images/about_ico2.png) no-repeat }
.right-arrow:hover { background: url(../images/about_ico2_hover.png) no-repeat }
.slide-content-small { width: 620px; margin: 0 auto }
@media only all and (max-width:1024px) {
.slide-content-small { display: block; width: 500px }
}
@media only all and (max-width:768px) {
.slide-content-small { width: 400px; padding-bottom: 0 }
}
@media only all and (max-width:640px) {
.slide-content-small { width: 400px }
}
@media only all and (max-width:480px) {
.slide-content-small { width: 320px }
}
@media only all and (max-width:320px) {
.slide-content-small { width: 100%; position: relative; padding-bottom: 0 }
.slide-content-small img { width: 100% }
}
.slide-content { position: relative; width: 100%; margin: 0 auto }
@media only all and (max-width:1024px) {
.slide-content { display: none }
}
.slick-slide img { width: 100% }
.slick-dots { display: none; top: 308px }
@media only all and (max-width:1024px) {
.slick-dots { display: block; top: 290px }
}
@media only all and (max-width:768px) {
.slick-dots { top: 230px }
}
@media only all and (max-width:480px) {
.slick-dots { top: 185px }
}
@media only all and (max-width:320px) {
.slick-dots { height: 20px; top: 140px; display: none!important }
}
@media only all and (max-width:1024px) {
.left-arrow { display: none!important }
}
@media only all and (max-width:1024px) {
.right-arrow { display: none!important }
}
/*企业荣誉*/
/* .sti_container { max-width: 100%; height: auto; } */

.sti_container { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #c1c1c1; margin: 0px auto; width: 550px; min-height: 200px; padding: 0px; overflow: hidden; margin-bottom: 20px; }
.sti_container a { text-decoration: none; color: #2d75cd; }
.ajax_content { clear: both; }
.sti_slider { width: 550px; overflow: hidden; position: relative; background: #f4f4f4; margin: 0; }
.sti_items { float: left; display: none; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; padding: 0px; margin: 0px; width: 15000px; -webkit-transform: translate3d(0px, 0px, 0px); }
.sti_items img { padding: 0px; margin: 0px; float: left; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate2d(0px, 0px); }
.preload_32 { background: #fff url(../images/preload_32.gif) center no-repeat; width: 32px; height: 32px; padding: 5px; position: absolute; z-index: 1000; border: #ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, .3); }
.preload_16 { background: #fff url(../images/preload_16.gif) center no-repeat; width: 16px; height: 16px; padding: 5px; position: absolute; z-index: 1001; margin-top: 28px; left: 5px; border: #ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.sti_slide { width: 550px; height: 207px; float: left; padding: 0; margin: 0; background: url(../images/texture_01.jpg); position: relative; }
.sti_slide img { display: block; border: none !important; margin: 0 !important; padding: 0 !important; max-width: none !important; max-height: none !important; height: none !important; }
.sti_slide div.banner_title { font-size: 13px; background: #000; color: #999; padding: 10px; position: absolute; left: 0; bottom: 30px; opacity: .8; }
.sti_slide div.banner_title a { color: #fff; }
.sti_slide div.banner_title a:hover { text-decoration: underline; }
/* ----------------------------------------------------
	sti product
---------------------------------------------------- */

.sti_prod { width: 110px; height: 150px; display: inline-block; margin: 22px 0px -5px 40px; position: relative !important; line-height: 30px; /* ie7 fix */
zoom: 1; *display: inline;
*margin-bottom:0px;
}
.sti_prod img { position: absolute !important; bottom: 0; display: block !important; border: none !important; margin: 0 !important; padding: 0 !important; max-width: none !important; max-height: none !important; height: none !important; }
.sti_prod a.link { position: absolute; width: 32px; height: 32px; background: transparent url(../images/sprite_icons.png) no-repeat; bottom: 0; opacity: .6; outline: none; z-index: 2; }
.sti_prod a.link.more { background: transparent url(../images/sprite_icons.png) no-repeat 0 0; }
.sti_prod a.link.zoom { background: transparent url(../images/sprite_icons.png) no-repeat -32px 0; }
.sti_prod a.link.video { background: transparent url(../images/sprite_icons.png) no-repeat -64px 0; }
.sti_prod a.link.audio { background: transparent url(../images/sprite_icons.png) no-repeat -96px 0; }
.sti_prod a.link.content { background: transparent url(../images/sprite_icons.png) no-repeat -128px 0; }
.sti_shelf_divider { height: 30px; clear: both; background: url(../images/shelf_divider.png) repeat-x; }
/*.sti_shelf_divider_bottom { width:100%; height:5px; clear:both; background:url(../images/shelf_divider_bottom.png) repeat-x; }*/
.sti_shelf_divider_bottom { width: 100%; height: 30px; clear: both; background: url(../images/shelf_divider.png) repeat-x; }
.sti_prod .fx_shadow { width: 11px; height: 150px; right: -11px; bottom: 0; position: absolute; z-index: 0; }
.sti_prod .fx_leftside { width: 11px; height: 150px; left: 0; bottom: 0; position: absolute; }
/* .sti_prod .ribbon { display:none; } */
.sti_prod .ribbon_green { background: url(../images/ribbon_green.png) no-repeat; width: 51px; height: 54px; right: -6px; top: -6px; position: absolute; z-index: 1; }
.sti_prod .ribbon_blue { background: url(../images/ribbon_blue.png) no-repeat; width: 51px; height: 54px; right: -6px; top: -6px; position: absolute; z-index: 1; }
.sti_prod .ribbon_orange { background: url(../images/ribbon_orange.png) no-repeat; width: 51px; height: 54px; right: -6px; top: -6px; position: absolute; z-index: 1; }
.sti_prod .ribbon_red { background: url(../images/ribbon_red.png) no-repeat; width: 51px; height: 54px; right: -6px; top: -6px; position: absolute; z-index: 1; }
.sti_prod .ribbon_black { background: url(../images/ribbon_black.png) no-repeat; width: 51px; height: 54px; right: -6px; top: -6px; position: absolute; z-index: 1; }
.sti_prod .ribbon_gray { background: url(../images/ribbon_gray.png) no-repeat; width: 51px; height: 54px; right: -6px; top: -6px; position: absolute; z-index: 1; }
.sti_prod .ribbon_violet { background: url(../images/ribbon_violet.png) no-repeat; width: 51px; height: 54px; right: -6px; top: -6px; position: absolute; z-index: 1; }
.sti_thumb_gallery { margin: 12px; margin-top: 16px; }
.sti_thumb_gallery img { border: #ddd solid 1px !important; padding: 3px !important; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1) !important; }
/* ----------------------------------------------------
	sti prev/next / paginate
---------------------------------------------------- */

.sti_previous { top: 44%; left: 0; height: 40px; width: 40px; position: absolute; background: #000 url(../images/nav_next_prev.png) left top no-repeat; opacity: .8; border: #555 solid 1px; box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); cursor: pointer; z-index: 2; }
.sti_next { top: 44%; right: 0; height: 40px; width: 40px; position: absolute; background: #000 url(../images/nav_next_prev.png) right top no-repeat; opacity: .8; border: #555 solid 1px; box-shadow: -3px 3px 5px rgba(0, 0, 0, .5); cursor: pointer; z-index: 2; }
.sti_paginate { position: relative; display: inline-block; zoom: 1; *display:inline;
margin-top: 20px; min-width: 50px; text-align: center; overflow: hidden; }
.sti_paginate .sti_page { float: left; }
.sti_paginate .sti_control { float: left; border-left: #eaeaea solid 1px; margin-left: 10px; padding-left: 8px; }
.sti_paginate .sti_control img { border: none !important; padding: 0; }
.sti_paginate .sti_play { padding: 0 !important; line-height: 0 !important; float: left; margin-left: 6px; margin-right: 0 !important; }
.sti_paginate .sti_pause { padding: 0 !important; line-height: 0 !important; float: left; margin-left: 6px; margin-right: 0 !important; }
.sti_paginate .sti_btn { display: inline-block; zoom: 1; *display:inline;
padding: 4px 11px 4px; margin-right: 5px; margin-bottom: 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; color: #777; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; /*background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);*/
background-repeat: repeat-x; border: 1px solid #CCC; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #E6E6E6 #E6E6E6 #BFBFBF; border-bottom-color: #B3B3B3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); outline: none; }
.sti_paginate .active { color: #222; background-color: #dddddd; background-image: none; background-image: -ms-linear-gradient(top, #dddddd, #c5c5c5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#c5c5c5)); background-image: -webkit-linear-gradient(top, #dddddd, #c5c5c5); background-image: -o-linear-gradient(top, #dddddd, #c5c5c5); background-image: linear-gradient(top, #dddddd, #c5c5c5); background-image: -moz-linear-gradient(top, #dddddd, #c5c5c5); border: 1px solid #999; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #D6D6D6 #D6D6D6 #BEBEBE; border-bottom-color: #888; }
.sti_paginate .bullets_page { background: url(../images/page_bullets_sprite.png) no-repeat; width: 18px; height: 18px; margin: 6px 6px 0 0; float: left; border: none; outline: none; }
.sti_paginate .bullets_page_active { background: url(../images/page_bullets_sprite.png) no-repeat -18px 0; width: 18px; height: 18px; margin: 6px 6px 0 0; float: left; border: none; outline: none; }
.sti_paginate .thumbnails_page { margin: 0 3px 0 0; float: left; border: #fff solid 1px; outline: none; width: 60px; height: 40px; padding: 0px; background: #fff; }
.sti_paginate .thumbnails_page img { border: none !important; }
.sti_paginate .thumbnails_page_active { margin: 0 3px 0 0; float: left; border: #555 solid 1px; outline: none; width: 60px; height: 40px; padding: 0px; background: #fff; opacity: .3 }
.sti_paginate .thumbnails_page_active img { border: none !important; }
/* ----------------------------------------------------
	sti menu
---------------------------------------------------- */

.sti_menu { position: relative; display: inline-block; zoom: 1; *display:inline;
margin: 0 auto 15px auto; background-color: #fff; font-weight: 300;/*
	background:url(../img/texture_01.jpg);
	background-position:0 50px;
	*/
}
.sti_menu .sti_btn { display: inline-block; zoom: 1; *display:inline;
padding: 0px 8px 0px 2px; margin-bottom: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; border-right: #ddd solid 1px; outline: none; }
.sti_menu .sti_btn:last-child { border: none; /* padding-right:0; */ }
.sti_menu .active { color: #b9b9b9; }
/* ----------------------------------------------------
	sti cursor
---------------------------------------------------- */

.grab_cursor { cursor: move; }
.grab_cursor { cursor: url(../images/cursor/mozgrab.png) 8 8, move; }
.grabbing_cursor { cursor: url(../images/cursor/mozgrabbing.png) 8 8, move; }
/* ----------------------------------------------------
	sti tooltip
---------------------------------------------------- */

.sti_tooltip { background: #000; color: #fff; padding: 5px 10px; position: absolute; z-index: 1001; top: 0; max-width: 150px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: center; box-shadow: 0 0 14px rgba(0, 0, 0, .5); border: #444 solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* ----------------------------------------------------
	sti lightbox
---------------------------------------------------- */

#mask_lightbox { position: absolute; left: 0; top: 0; z-index: 1001; background-color: #000; display: none; }
#popup_lightbox { position: fixed; left: 0; top: 0; width: 48px; height: 48px; display: block; z-index: 9999; background: #000; padding: 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-align: left; box-shadow: 0 0 30px rgba(0, 0, 0, .8); }
#preload_lightbox { background: #fff url(../images/preload_16.gif) center no-repeat; width: 16px; height: 16px; padding: 5px; position: absolute; z-index: 1001; left: 10px; top: 10px; border: #ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
#sti_bar_lightbox { position: absolute; color: #888; font-family: Arial, Helvetica, sans-serif; font-size: 12px; bottom: 0px; text-align: left; height: 30px; background-color: #000; padding: 0; text-indent: 10px; line-height: 32px; border-top: #222 solid 1px; display: none; box-shadow: 0 10px 20px rgba(0, 0, 0, .8); }
#close_btn_lightbox { width: 30px; height: 30px; top: 0px; right: 0; position: absolute; float: right; cursor: pointer; background: transparent url(../images/btn_close.png) no-repeat; }
#html_content_lightbox { background: #fff; }
#html_content_lightbox html, body { height: 100%; }
#sti_previous_lightbox { top: 0; left: -40px; height: 100%; width: 40px; position: absolute; background: #000 url(../images/nav_next_prev.png) left center no-repeat; opacity: .7; box-shadow: -3px 3px 10px rgba(0, 0, 0, .8); cursor: pointer; z-index: 1002; }
#sti_next_lightbox { top: 0; right: -40px; height: 100%; width: 40px; position: absolute; background: #000 url(../images/nav_next_prev.png) right center no-repeat; opacity: .7; box-shadow: 3px 3px 10px rgba(0, 0, 0, .8); cursor: pointer; z-index: 1002; }
/* ----------------------------------------------------
	sliders description
---------------------------------------------------- */

.slider_description { margin: 0px auto 40px auto; font-size: 11px; color: #777; letter-spacing: 1px; font-family: Helvetica, Arial, sans-serif; background: #f9f9f9; padding: 5px; }
.slider_description strong { color: #222; font-size: 12px; }
/*************** 人力资源 **************/
.w960 { width: 960px; margin: 0 auto; }
.site_job { min-height: 300px; _height: 300px; }
.main_job { padding-bottom: 20px; }
.job-search { position: relative; z-index: 10; }
.job-search li { float: left; width: 307px; padding-right: 4px; }
.job-search-select { position: relative; width: 297px; padding: 0 5px; height: 27px; color: #b8b8b8; border: #d9d9d9 1px solid; line-height: 27px; background: url(../img/job_img07.jpg) no-repeat; }
.job-search-select dt { cursor: pointer; }
.job-search-select dd { display: none; position: absolute; z-index: 999; top: 27px; left: -1px; width: 297px; padding: 0 5px; border: 1px solid #d9d9d9; background: #fff; }
.job-search-select dd a { display: block; }
.job-search-input { width: 297px; padding: 5px; height: 17px; color: #b8b8b8; border: #d9d9d9 1px solid; line-height: 17px; background: url(../img/job_img01.jpg) no-repeat; }
.job-search-btn { width: 94px; height: 29px; overflow: hidden; border: none; background: url(../img/job_img02.jpg) no-repeat; cursor: pointer; }
.joblist { margin-top: 10px; position: relative; z-index: 5; min-height: 350px; _height: 350px; }
.joblist dt { position: relative; height: 34px; padding: 10px 0px 10px 20px; overflow: hidden; line-height: 34px; background: url(../images/job_img06.jpg) no-repeat 910px center #f1f1f1; border-bottom: #fff 1px solid; }
.joblist-overbg { position: absolute; z-index: 0; top: 0; left: 0; width: 0px; height: 54px; background: url(../images/job_img05.jpg) no-repeat 910px center #9e1420; }
.joblist-tit { position: relative; z-index: 2; cursor: pointer; }
.joblist dt a.apply { padding-right: 56px; }
.joblist dt span a { display: inline-block; color: #444; }
.joblist-tit b { display: inline-block; padding-right: 15px; font-size: 18px; font-weight: normal; line-height: 34px; background: url(../images/job_img04.jpg) no-repeat right 12px; }
.joblist-tit em { display: inline-block; padding: 0 11px; line-height: 34px; background: url(../images/job_img04.jpg) no-repeat right 10px; }
.joblist-tit i { display: inline-block; padding: 0 11px; line-height: 34px; font-style: normal; }
.joblist dt span a:hover { color: #9e1420; }
.joblist dt.over a { position: relative; z-index: 5; }
.joblist dt.over, .joblist dt.over a, .joblist dt.over a:hover { color: #fff; }
.joblist dd { display: none; padding: 20px; color: #888; border-bottom: #fff 1px solid; background: #f8f8f8; }
.joblist-dd { padding: 0 0 20px 20px; border-bottom: #dfdfdf 1px solid; }
.joblist-dd span { padding-right: 15px; }
.joblist-dd tr td { padding: 5px 35px 5px 0; }
.joblist-ddcon { padding-top: 20px; padding-left: 20px; line-height: 24px; font-size: 14px; }
.joblist-ddcon p { }
.joblist-dd span, .joblist-ddcon h3 { color: #9e1420 }
/*网站建设*/
.web_ser { width: 100%; height: 713px; background-image: url(../images/weixin_top_img.jpg); background-repeat: no-repeat; background-position: center; }
.web_ser span { font-size: 18px; width: 500px; line-height: 36px; float: left; padding-top: 180px; padding-left: 46px; }
.player { float: left; background: #000; clear: both; margin-left: 80px; border: 4px solid #FFF; margin-top: 16px; }
.web_m { text-align: center; font-size: 20px; padding-top: 30px; }
.web_m font { line-height: 42px; }
.font01 { color: #db4f02; font-size: 24px; }
.font02 { color: #1f95d5; font-size: 24px; }
.font03 { color: #008c45; font-size: 24px; }
.font04 { color: #f2a105; font-size: 24px; }
.font05 { color: #2292da; font-size: 30px; }
.font06 { color:#2292da; font-size:18px;} 
.buybuttonsss { width: 155px; height: 47px; display: block; margin: 0 auto; background-image: url(../images/buttom_weisite.png); background-repeat: no-repeat; background-position: 0px 0px; margin-left: 504px; margin-top: 10px; }
.buybuttonsss:hover { background: url("../images/buttom_weisite.png") no-repeat scroll 0 -48px rgba(0, 0, 0, 0); width: 155px; height: 47px; }
/*手机建站*/
.sitestar_phoneabout_cneter { width: 100%; }
.sitestar_phoneabout_cneter .banner1 { background-image: url(/images/sitestar_phone_banner_1.jpg); background-position: center; background-repeat: no-repeat; height: 196px; background-color: #feb739; }
.sitestar_phoneabout_cneter .banner2 { background-image: url(/images/sitestar_phone_banner_2.jpg); background-position: center; background-repeat: no-repeat; height: 196px; background-color: #feb739; }
.sitestar_phoneabout_cneter .banner3 { background-image: url(/images/sitestar_phone_banner_3.jpg); background-position: center; background-repeat: no-repeat; height: 196px; text-align: center; background-color: #feb739; border-bottom: #ece3d3 4px solid; }
.sitestar_phoneabout_cneter .banner3 .buttom1 { text-align: left; padding-top: 30px; width: 520px; padding-left: 370px; }
.sitestar_phoneabout_cneter .banner3 .buttom a { display: block; background-image: url(/images/sitestar_phone_buttom.png); background-repeat: no-repeat; width: 181px; height: 59px; }
.sitestar_phoneabout_cneter .banner3 .buttom a:hover { display: block; background-image: url(/images/sitestar_phone_buttom.png); background-position: -181px 0px; background-repeat: no-repeat; width: 181px; height: 59px; }
.sitestar_phone_center_text { width: 1000px; margin: 0 auto; }
.sitestar_phone_center_text01 { }
.sitestar_phone_center_text .left_text { height: 240px; font-family: microsoft yahei; padding-top: 38px; }
.sitestar_phone_center_text .left_text_out { height: 270px; font-family: microsoft yahei; padding-top: 38px; }
.sitestar_phone_center_text .left_text_bg { height: 640px; font-family: microsoft yahei; padding-top: 85px; }
.sitestar_phone_center_text .left_text1 { height: 520px; font-family: microsoft yahei; padding-top: 40px; }
.sitestar_phone_center_text .left_text1 .left_text11 { height: 250px; padding-top: 20px; }
.left_text11 a { float: left; background-image: url(../images/sitestar_phone_yuan.png); background-repeat: no-repeat; width: 88px; height: 100px; text-align: center; text-decoration: none; color: #333333; margin-right: 45px; margin-bottom: 20px; background-repeat: no-repeat; font-family: microsoft yahei; }
.sitestar_phone_center_text .left_text1 .left_text11 a:hover { float: left; background-image: url(../images/sitestar_phone_yuan.png); background-position: -88px 0px; background-repeat: no-repeat; width: 88px; height: 100px; color: #f86701; text-align: center; text-decoration: none; background-repeat: no-repeat; }
.sitestar_phone_center_text .left_text1 .left_text12 { background-image: url(../images/sitestar_phone_tu.png); height: 33px; width: 33px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text13 { background-image: url(../images/sitestar_phone_tu.png); background-position: -135px 0px; height: 33px; width: 33px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text14 { background-image: url(../images/sitestar_phone_tu.png); background-position: -269px 0px; height: 33px; width: 45px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text15 { background-image: url(../images/sitestar_phone_tu.png); background-position: -411px 0px; height: 33px; width: 38px; margin-top: 28px; margin-left: 28px; background-repeat: no-repeat; }
.sitestar_phone_center_text .left_text1 .left_text16 { background-image: url(../images/sitestar_phone_tu.png); background-position: 0px -85px; height: 35px; background-repeat: no-repeat; width: 33px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text17 { background-image: url(../images/sitestar_phone_tu.png); background-position: -135px -85px; background-repeat: no-repeat; height: 33px; width: 40px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text18 { background-image: url(../images/sitestar_phone_tu.png); background-position: -265px -85px; background-repeat: no-repeat; height: 33px; width: 45px; margin-top: 28px; margin-left: 20px; }
.sitestar_phone_center_text .left_text1 .left_text19 { background-image: url(../images/sitestar_phone_tu.png); background-position: -411px -85px; height: 35px; width: 33px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text11 h6 { font-size: 14px; padding-top: 26px; font-weight: normal; line-height: 32px; font-family: microsoft yahei; }
.sitestar_phone_center_text .text1 { width: 500px; color: #222222; font-size: 16px; font-family: microsoft yahei; line-height: 25px; padding-left: 100px; padding-top: 35px; }
.sitestar_phone_center_text .left_text .text2 { width: 450px; color: #222222; font-size: 16px; font-family: microsoft yahei; padding-left: 50px; line-height: 25px; }
.left_text_bg .text33 { color: #222222; font-size: 16px; font-family: microsoft yahei; line-height: 25px; width: 100%; text-align: center; }
.left_text_bg li { float: left; }
.left_text_bg .text33 h2 { color: #333333; font-weight: normal; font-family: microsoft yahei; line-height: 28px; font-size: 24px; font-family: microsoft yahei; }
.left_text_bg .text33 h3 { color: #f76301; font-weight: normal; font-family: microsoft yahei; line-height: 42px; font-size: 18px; font-family: microsoft yahei; }
.left_text_bg .text33 h4 { color: #333333; font-weight: normal; font-family: microsoft yahei; line-height: 24px; font-size: 14px; font-family: microsoft yahei; }
.left_text_bg .text34 { padding-top: 30px; }
.left_text_bg .text35 { padding-right: 30px; padding-left: 50px; }
.left_text_bg .text35 img { padding-top: 45px; }
.sitestar_phone_textbg { text-align: center; font-size: 14px; line-height: 25px; padding-bottom: 40px; }
.sitestar_phone_text3_1 { width: 832px; height: 536px; background-repeat: no-repeat; color: #222222; font-size: 16px; font-family: microsoft yahei; line-height: 25px; position: absolute; z-index: 10; margin-left: -90px; }
.sitestar_phone_center_text .text3_2 { position: absolute; z-index: 20; text-align: left; margin-left: 440px; width: 650px; }
.sitestar_phone_center_text .left_text .text2_1 { width: 500px; color: #222222; font-size: 16px; font-family: microsoft yahei; line-height: 25px; padding-top: 15px; }
.sitestar_phone_center_text h1 { color: #f86701; font-weight: normal; line-height: 48px; font-size: 30px; font-family: microsoft yahei; }
.sitestar_phone_textbg_1 { background-image: url(../images/1.jpg); background-repeat: repeat-x; width: 100% }
.sitestar_phone_textbg1 { width: 950px; height: 80px; }
.sitestar_phone_textbg_1 .sitestar_phone_textbg1 .img1 { background-image: url(../images/sitestar_phone_textbg.jpg); background-repeat: 0 0px; width: 85px; position: relative; left: 60px; float: left; height: 80px; }
.sitestar_phone_textbg_2 { background-image: url(../images/2.jpg); background-repeat: repeat-x; width: 100% }
.sitestar_phone_textbg_2 .img2 { background-image: url(../images/sitestar_phone_textbg.jpg); background-repeat: 0 0px; width: 85px; float: right; height: 81px; background-position: -85px 0px; }
.sitestar_phone_textbg_3 { background-image: url(../images/3.jpg); background-repeat: repeat-x; width: 100% }
.sitestar_phone_textbg_3 .img3 { background-image: url(../images/sitestar_phone_textbg.jpg); background-repeat: 0 0px; width: 85px; position: relative; left: 60px; float: left; height: 80px; background-position: -170px 0px; }
.sitestar_phone_textbg_4 { background-image: url(../images/4.jpg); background-repeat: repeat-x; width: 100% }
.sitestar_phone_textbg_4 .img4 { background-image: url(../images/sitestar_phone_textbg.jpg); background-repeat: 0 0px; width: 85px; float: right; height: 80px; background-position: -255px 0px; }
.sitestar_phone_bga { background-color: #fff; }
.sitestar_about_buttom2 { width: 113px; ; padding-top: 38px; padding-bottom: 20px; }
.sitestar_about_buttom2 a { display: block; color: #fff; text-decoration: none; padding-bottom: 10px; padding-top: 10px; border: #f76301 1px solid; background-color: #f76301; width: 113px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; font-size: 16px; font-family: microsoft yahei; }
.sitestar_about_buttom2 a:hover { display: block; color: #fff; text-decoration: none; padding-bottom: 10px; padding-top: 10px; border: #f76301 1px solid; background-color: #f76301; width: 113px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; font-size: 16px; font-family: microsoft yahei; }
.sitestar_phone_tu { width: 1000px; height: 900px; }
.sitestar_phone_tu li { float: left; background-image: url(../images/sitetar_phone_bg.jpg); background-repeat: no-repeat; width: 230px; height: 360px; margin-left: 10px; margin-right: 10px; text-align: center; padding-top: 68px; text-align: left; font-family: microsoft yahei; }
.sitestar_phone_tu li span { position: absolute; z-index: 5; margin-left: 22px; display: none; }
.sitestar_phone_tu li p { text-align: center; margin: 0px; padding: 0px; }
.sitestar_phone_tu li .sitestar_phone_tua1 { text-align: center; }
.sitestar_phone_tu .bg { height: 279px; position: absolute; z-index: 2; background-image: url(/images/bg.png); background-repeat: repeat; width: 185px; }
.sitestar_phone_tu .bg1 { height: 280px; position: absolute; z-index: 4; width: 185px; text-align: center; }
.sitestar_phone_tu h4 { font-size: 20px; color: #ffffff; font-family: microsoft yahei; line-height: 70px; font-weight: normal; }
.sitestar_phone_tu li a { color: #fff; text-decoration: none; display: block; padding-bottom: 4px; padding-top: 4px; border: #f76301 1px solid; margin-left: 45px; *margin-left:0px;
margin-top: 8px; background-color: #f76301; width: 95px; font-size: 12px; border-radius: 5px; -moz-border-radius: 5px; /* Old Firefox */ }
.sitestar_phone_tu li a:hover { background-color: #e24524; }
.sitestar_phone_tu h6 { font-size: 12px; color: #ffffff; font-family: microsoft yahei; line-height: 55px; font-weight: normal; }
.sitestar_about_buttom3 { text-align: left; height: 56px; font-size: 14px; font-family: microsoft yahei; width: 550px; padding-left: 480px; padding-bottom: 60px; }
.sitestar_about_buttom3 ul { list-style: none; margin: 0px; padding: 0px; }
.sitestar_about_buttom3 ul li { margin: 0px; padding: 0px; float: left; margin-right: 15px; }
.sitestar_about_buttom3 a { display: block; color: #f76301; text-decoration: none; padding-bottom: 10px; padding-top: 10px; background-color: #eaeaea; margin-left: -14px; width: 113px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; /* Old Firefox */ }
.sitestar_about_buttom3 a:hover { display: block; color: #fff; text-decoration: none; padding-bottom: 10px; padding-top: 10px; background-color: #f76301; width: 113px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; /* Old Firefox */ }
.sitestar_bottom_bg { background-color: #404040; }
.sitestar_bottom_width { width: 1000px; color: #fff; font-size: 24px; padding-bottom: 47px; padding-top: 59px; text-align: left; }
.sitestar_bottom_width1 { width: 1000px; color: #fff; font-size: 24px; text-align: center; padding-top: 3px; }
.sitestar_bottom_width_tu { margin-top: -90px; position: absolute; z-index: 5; text-align: center; margin-left: 420px; }
.sitestar_phone_center_text ul li { float: left; }
/*新增样式*/
.sitestar_phone_center_text .left_text1 .left_text20 { background-image: url(../images/sitestar_phone_tu.png); background-position: 0 -188px; height: 33px; width: 33px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text21 { background-image: url(../images/sitestar_phone_tu.png); background-position: -135px -187px; height: 33px; width: 36px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text22 { background-image: url(../images/sitestar_phone_tu.png); background-position: -273px -183px; height: 37px; width: 33px; margin-top: 28px; margin-left: 28px; }
.sitestar_phone_center_text .left_text1 .left_text23 { background-image: url(../images/sitestar_phone_tu.png); background-position: -411px -188px; height: 33px; width: 35px; margin-top: 28px; margin-left: 28px; }
.left_text23_text { margin-left: 450px; margin-top: 475px; position: absolute; z-index: 100; color: #222222; font-size: 20px; }

/*微信开发样式 */
.warp1000{ width:1000px; margin:0 auto;}
.cont1{ background:url(../images/banner.jpg) center top no-repeat #94c32e;}
.cont1 .warp1000{ position:relative; height:400px;}
.cont1 a{ display:block; position:absolute; width:140px; height:42px; background-color:#faf722; color:#77aa09; font-size:18px; font-family:microsoft yahei,微软雅黑; text-align: center; line-height:42px; left:601px; top:270px;-webkit-border-radius:2px; border-radius:2px;}
.cont1 a:hover{ background-color:#fffd63; text-decoration:none;}
.nr{ background:url(../images/nr.png) center center no-repeat; height:393px; margin:30px 0;}
.nr h2{ color:#77aa09; padding:32px 0 15px 30px; height:60px; display:block; font-size:12px; font-weight:normal;}
.nr .box1{ color:#dcfa9a; padding-top:80px;;}
.nr .box1 p{ display:block; float:left; height:55px;}
.nr .box1 p.p1{ width:230px; padding-left:20px;}
.mid{ background:url(../images/fsbg.png) 0 0 no-repeat; height:400px; padding-left:450px; margin-bottom:50px;}
.mid h3{ font-family:microsoft yahei,微软雅黑; color:#77aa09; font-size:24px; padding:80px 0 25px 0;}
.mid .m_c{ padding-top:35px; color:#689702;}
.mid .m_c h6{ padding-top:85px; display:block; float:left; height:20px; width:100px; text-align:center; position:relative; cursor:pointer;}
.mid .m_c h6.t1{ width:70px;  font-size:12px; font-weight:normal;}
.mid .m_c h6.t2{ width:100px; padding-left:15px; font-size:12px; font-weight:normal;}
.mid .m_c h6.t3{ width:100px; font-size:12px; font-weight:normal;}
.mid .m_c h6.t4{ width:100px; font-size:12px; font-weight:normal;}
.mid .m_c h6.t5{ width:100px; font-size:12px; font-weight:normal;}
.mid .m_c h6 p{ position:absolute; display:none;}
.mid .m_c h6:hover p{ position:absolute;  display:block; line-height:30px; padding-top:5px; color:#666; text-align:center; width:480px; top:110px;}
.mid .m_c h6.t1:hover p{ background:url(../images/tbg1.png) 0 0 no-repeat;left:0;}
.mid .m_c h6.t2:hover p{ background:url(../images/tbg2.png) 0 0 no-repeat;left:-70px;}
.mid .m_c h6.t3:hover p{ background:url(../images/tbg3.png) 0 0 no-repeat;left:-185px;}
.mid .m_c h6.t4:hover p{ width:540px; background:url(../images/tbg4.png) 0 0 no-repeat;left:-315px;}
.mid .m_c h6.t5:hover p{ background:url(../images/tbg5.png) 0 0 no-repeat;left:-385px;}
.cont2{ background:url(../images/arrow.png) center top no-repeat #94c32e; text-align:center; padding-top:10px; padding-bottom:60px;}
.cont2 .title{ padding:40px 0;}
.cont2 .title h4{ font-size:18px; font-family:microsoft yahei,微软雅黑; color:#fff; padding-bottom:10px;}
.cont2 .title p{ color:#384e08;}
.cont2 .line1,.cont2 .line2{height:135px; padding-left:54px;}
.cont2 strong{ width:100px; text-align:center; font-weight:normal; display:block; float:left; padding-top:92px;}
.cont2 .line1{ background:url(../images/line1.png) center top no-repeat; }
.cont2 .line2{ background:url(../images/line2.png) center top no-repeat; }
.cont2 .line3{ padding-left:54px; height:240px; background:url(../images/line3.png) center top no-repeat; }
.cont2 strong.s1{ padding-top:83px;}
.cont3{ background:url(../images/titlebg1.png) left top repeat-x #ff8b1a; padding-bottom:60px;}
.cont3 .zsdtitle{ background:url(../images/title1.png) center top no-repeat; text-align:center;}
.cont3 .zsdtitle h3{ font-family:microsoft yahei,微软雅黑; font-size:22px; color:#fff; padding:22px 0 12px 0;}
.cont3 .zsdtitle p{ font-size:14px; color:#633a11;}
.cont3 .zsdmid{ background:url(../images/zsd.png) 38px top no-repeat; padding:145px 0 50px 0; margin-top:75px; width:1150px; margin-left:-38px;}
.cont3 .zsdmid p{ display:block; color:#7c450f; line-height:18px; float:left; width:140px; float:left; padding:10px 38px 0 38px;} 
.cont3 .zsdmid p strong{display:block; text-align:center; color:#fff; padding-bottom:3px; font-size:14px;}
.cont3 .zsddown{ height:95px; padding:30px 0; background-color:#ff9524;}
.cont3 .zsddown .left{ padding-left:162px; width:278px;}
.cont3 .zsddown img{}
.cont3 .zsddown a{ display:block; width:153px; height:49px; float:right; margin-top:25px; background:url(../images/andbtn.png) center top no-repeat; text-indent:-9999px;}
.cont3 .zsddown .right{ width:278px; padding-right:162px;}
.cont3 .zsddown .right a{background:url(../images/iosbtn.png) center top no-repeat;}
.cont4{ background:url(../images/titlebg2.png) left top repeat-x; width:100%; height:423px; background-color:#FFF;}
.cont4 .khtitle{ background:url(../images/title2.png) center top no-repeat; text-align:center;}
.cont4 .khtitle h3{ font-family:microsoft yahei,微软雅黑; font-size:22px; padding:22px 0 12px 0;}
.cont4 .khtitle p{ font-size:14px; color:#666;}
.cont4 .warp1000{ padding:55px 0 0 0;}
.cont4 .warp1000 a{ background-color:#94c32e; width:180px; height:52px; line-height:52px; color:#fff; display:block; text-align:center; font-family:microsoft yahei,微软雅黑; font-size:24px;-webkit-border-radius:2px; border-radius:2px; margin:30px auto; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.15);
box-shadow: 1px 2px 2px rgba(0,0,0,0.15);}
.cont4 .warp1000 a:hover{ background-color:#9fcd3b; text-decoration:none;}

.redline { font-size: 24px; background-image: url(../images/redline.jpg); background-repeat: no-repeat; background-position: 14px center; padding-left:30px; }
.td_top_icon { background-image: url(../images/yun_icon.jpg); background-repeat: no-repeat; background-position: left top; }


/*网络营销 构成要素*/
.gc{ height:701px; padding:106px 0 0;font-family:"微软雅黑"; width:960px; margin:0 auto;}
.gc h2{ height:102px; line-height:40px; font-size:28px; color:#40372c; background:url(../images/ge01.jpg) no-repeat center bottom;}
.gc h2 span{ width:450px; float:left; text-align:right; color:#333; font-weight:normal; font-size:23px;}
.gc h2 p{ width:492px; padding-left:18px; float:left;}
.gc h2 p em{ font-style:italic; color:#d67500}
.gc_c{ padding:37px 0 0 0; line-height:30px; font-size:16px;}
.gc_t{background:url(../images/ge01.jpg) no-repeat center bottom; height:438px; width:960px;}
.gc_t img{ padding-left:270px;}
.gc_t p{ width:198px;}
.gc01,.gc03{ background:url(../images/gcbg1.jpg) no-repeat 0 0;left:0;}
.gc02,.gc04{ background:url(../images/gcbg2.jpg) no-repeat 0 0;right:7px;}
.gc02,.gc03,.gc04{ padding:32px 20px 30px 28px; }
.gc01{ height:127px; padding:16px 28px 15px 20px; }
.gc02{ height:96px;}
.gc01,.gc02{ border-bottom:solid 2px #cacaca; top:54px;}
.gc03,.gc04{top:252px;}
.gc_p{ height:52px; padding:30px 4px 0; font-size:19px; color:#333;}
.gc_p em{ font-style:italic; font-size:24px; color:#f08300}




/*定位系统*/
.dw{height:518px;padding:32px 0 0;font-family:"微软雅黑"; overflow:hidden; color:#333; margin:0 auto; width:960px;}
.dw_l{ width:535px; overflow:hidden}
.dw_l h2{ height:135px;}
.dw_r{ width:345px; padding:0 0 0 80px; line-height:45px; font-size:18px; overflow:hidden}
.dw_r h3{ height:55px; line-height:55px; border-bottom:solid 2px #ccc; font-size:25px;}
.dw_r li{height:45px; border-bottom:dashed 1px #ccc; background:url(../images/ico02.jpg) no-repeat 0 15px; padding-left:55px;}
.dw_r li.dwl1{border-bottom:solid 2px #ccc;}
.dw_r p{ line-height:36px; font-size:23px; padding-top:18px; height:98px;}
.dw_r span{ clear:both; padding:0 0 0 64px;}
.dw_p{ padding:0 0 0 16px;}
.dw_p span{ font-size:14px; top:296px; right:8px; line-height:40px;}
.dw_p span b{ font-size:26px; padding-left:3px;}



/*营销型网站系统*/
.wz{ padding:68px 0 0; height:844px; background:url(Img/fuwu/ico01.jpg) no-repeat center 0; line-height:22px; overflow:hidden; width:960px; margin:0 auto;}
.wz h2{ text-align:center; height:130px;background:url(../images/ge01.jpg) no-repeat center bottom;}
.wz_l{ width:500px; color:#ef8200;}
.wz_r{ width:435px; padding-left:25px; color:#808080}
.wz h3{ font-size:20px;font-family:"微软雅黑"; padding:19px 0 0 30px; height:50px; line-height:50px; font-weight:normal;}
.wz_l h3{ background:url(Img/fuwu/ico03.jpg) no-repeat 0 40px;}
.wz_r h3{ background:url(Img/fuwu/ico04.jpg) no-repeat 0 40px;}
.wz_p img{ border:solid 3px #ddd; padding:2px; background:#fff;}
.wz_p p{ padding-left:22px; border-bottom:dashed 1px #d5d5d5;}
.wz_p{ background:url(Img/fuwu/wz_bg.jpg) no-repeat 0 bottom; padding-bottom:19px;}
.wz_l .wz_p{ height:492px;}
.wz_r .wz_p{ height:428px;}
.wz_l p{ background:url(../images/ico06.gif) no-repeat 0 center; left:348px; width:128px;}
.wz_r .wz_p p{ background:url(../images/ico07.gif) no-repeat 0 center; left:306px; width:115px;}
.wzl1{ top:30px;padding:15px 0;}
.wzl2{ top:102px;padding:12px 0;}
.wzl3{ top:170px;padding:10px 0;}
.wzl4{ top:232px;padding:16px 0;}
.wzl5{ top:278px; padding:52px 0;}
.wz_p .wzl6{ top:425px; border:0}
.wzr1{ top:0; padding:56px 0;}
.wzr2{ top:145px; padding:48px 0;}
.wz_p .wzr3{ top:328px; border:0}
.wz_lw{ font-size:15px; line-height:24px; width:360px; height:72px; text-align:right; padding:10px 8px 0; color:#333;}
.wz_jg{ width:392px; padding:16px 12px 0; color:#ef8200; font-size:30px; line-height:46px; text-align:center;font-family:"微软雅黑";}
.wz_jg h4{ background:url(../images/ico05.jpg) no-repeat 135px 16px; font-size:24px; text-align:left; padding-left:180px; font-weight:normal; height:44px; line-height:44px;}
.wz_jg p{ background:url(Img/fuwu/wz_ge.jpg) no-repeat 0 0;}
.wz_jg b{ font-size:38px; display:block;}


/*推广系统*/
.tg{ background:url(../images/tgbg.jpg) no-repeat 0 136px; padding:79px 0 0 125px; height:532px;font-family:"微软雅黑"; width:840px; margin:0 auto;}
.tg h2{ height:90px;}
.tg_t{ height:87px; line-height:76px; font-size:17px; color:#333;}
.tg_c{ padding:23px 56px;}
.tg_c h3,.yy_c h3{ font-size:31px; color:#312c25; height:65px; line-height:65px;}
.tg_c li{ background:url(Img/fuwu/ico08.gif) no-repeat 0 10px; padding-left:28px; line-height:30px; font-size:16px; color:#333; height:77px;}
.tg_c li b,.yy_c li b{ display:block; color:#f16728; font-size:20px;}


/*运营系统*/
.yy{background:url(../images/yybg.jpg) no-repeat 0 0; padding:66px 0 0 125px; height:594px;font-family:"微软雅黑"; width:840px; margin:0 auto;}
.yy_t{ height:72px; line-height:64px; font-size:17px; color:#333;}
.yy_c{ padding:37px 0 0 140px;}
.yy_c h3 { font-size:20px; line-height:48px; padding-left:120px;}
.yy_c li{ width:274px; height:107px; float:left;line-height:25px;background:url(../images/ico08.gif) no-repeat 0 10px; padding:0 0 0 25px; font-size:16px; color:#333;}
.yy_c li b{ line-height:36px;}


/*PK*/
.pk{ padding:55px 0 0; height:696px; width:960px; margin:0 auto;}
.pk h2{ height:57px; line-height:57px; font-weight:normal; font-size:20px;}
.pk_l h2{ text-align:right}
.pk_l{ width:295px; color:#ef8200; background:url(../images/pk_bg.jpg) no-repeat 53px 573px; height:590px;}
.pk_r{ width:295px; color:#666;background:url(../images/pk_bg.jpg) no-repeat 10px 573px;height:590px;}
.pk_c{ width:370px; color:#333; font-size:20px; text-align:center; padding:53px 0 0;}
.pkc{ width:276px; height:506px; background:#fff; padding:2px;font-size:20px; line-height:30px; border:solid 3px #e5e5e5; border-radius:3px; overflow:hidden}
.pkc ul{ clear:both;background:url(../images/pk_ge.jpg) no-repeat center bottom #ede8e2;}
.pk_l li{ background:url(../images/ico09.jpg) no-repeat 0 9px; padding-left:36px;}
.pk_l li p{ font-size:16px; padding-left:20px;}
.pk_r li{ background:url(../images/ico10.jpg) no-repeat 0 9px; padding-left:36px;}
.pk1{ padding:26px 31px 0; height:64px;}
.pk2{ padding:20px 31px 0; height:154px;}
.pk3{ padding:18px 31px 0; height:100px;}
.pkc ul.pk4{ padding:12px 31px 0; height:112px; background:none #ede8e2;}
.pk5{ padding:34px 31px 0; height:66px;}
.pk6{ padding:18px 31px 0; height:124px;}
.pk7{ padding:20px 31px 0; height:128px;}
.pkc ul.pk8{ padding:16px 30px 0; height:100px;background:none #ede8e2;}

.pk_c h3{ height:62px; line-height:62px; text-align:center; font-size:34px;}
.pk_t{ height:412px;}
.pk_w{ background:url(../images/ico11.jpg) no-repeat center 0; padding:86px 0 0 0; line-height:34px; width:400px;}
.pk_w b{ color:#ed8100; font-size:28px;}

.wd_list { min-height: 180px; border-bottom: 1px dashed #B0B0B0 }
.wd_list li{ float: left; margin-bottom:10px; padding: 0 20px 0 20px; border-right: 1px dashed #b0b0b0 }
.wd_list span{ color: #454545; width: 100%; font-size: 16px; padding-bottom: 1px }
.wd_list a:hover span{ color: #E83828; border-bottom: 1px #E83828 solid }
.wd_list { width:740px; margin: 0 auto; margin-top:20px;}
}

.wd_list li { padding: 0 10px 0 0 }
.wd_list .devep1, .wd_list .devep2, .wd_list .devep3, .wd_list .devep4 { width: 135px; padding-top: 115px; height: 30px; display: block }
.wd_list .devep1 { background: url(../images/oa_deveploer_hover.png) 10px 0 no-repeat }
.wd_list .devep1:hover { background: url(../images/oa_deveploer.png) 10px 0 no-repeat }
.wd_list .devep2 { background: url(../images/crm_developer_hover.png) 10px 0 no-repeat }
.wd_list .devep2:hover { background: url(../images/crm_developer.png) 10px 0 no-repeat }
.wd_list .devep3 { background: url(../images/hr_developer_hover.png) 10px 0 no-repeat }
.wd_list .devep3:hover { background: url(../images/hr_developer.png) 10px 0 no-repeat }
.wd_list .devep4 { background: url(../images/erp_developer_hover.png) 10px 0 no-repeat }
.wd_list .devep4:hover { background: url(../images/erp_developer.png) 10px 0 no-repeat }
.pc { text-align: center }

/*网站意见反馈样式*/
.feedback{ clear:both; padding:30px 0px;}

.feedback h3{ color:#b90804; font-size:16px; font-weight:normal; background:url(../images/contact_img/line1.gif) repeat-x left bottom; padding:10px 0px; margin-bottom:10px;}

.feedback table{ width:850px; margin:20px auto;}

.feedback td{ vertical-align:text-bottom; color:#4a4a4a; padding:10px 2px;}

.feedback .f1{ color:#ff0000;}

.feedback .f3 label{ padding:0px 5px; margin-right:10px; letter-spacing:5px;}

.feedback img{ vertical-align:middle; }

.page_l input.input-text{ width:250px; }

.page_l .errorInput,.feedback .errorInput{ border:1px solid #ff7e00; }

.page_l .errorTip,.feedback .errorTip{ padding-left:0; color:#c00; display:block }

.textarea{ width:490px; height:130px; border:#dbdbdb solid 1px; overflow:auto;}

.btn_submit{ width:117px; height:44px; border:none; background:url(../images/contact_img/btn_submit.gif) no-repeat; cursor:pointer; margin-right:20px;}

.btn_reset{ width:117px; height:44px; border:none; background:url(../images/contact_img/btn_reset.gif) no-repeat; cursor:pointer;}






.company_name{ font-size:18px; font-weight:normal; color:#000; margin-bottom:10px;}

.company_address{ color:#686868; clear:both; overflow:hidden; margin-bottom:20px;}

.company_l{ width:440px; float:left; clear:both;}

.company_r{ width:435px; float:right;}



.company_l dl{ clear:both; overflow:hidden; margin-bottom:30px;}

.company_l dt{ background:url(../../images/lnest/contact_ge.gif) no-repeat right bottom; height:36px; overflow:hidden; font-size:14px; color:#c51400;}

.company_l dd{ line-height:2;}



.faq{ margin-bottom:30px;}

.faq dl{ background:url(../images/contact_img/line1.gif) repeat-x left bottom; clear:both; overflow:hidden; padding:30px 0px; width:100%;}

.faq dt{ width:110px; height:105px; float:left; overflow:hidden; background:url(../../images/lnest/faq_z.gif) no-repeat 0 0; }

.faq dt a{ display:block; height:100%; cursor:pointer; }

.faq dd{ width:780px; height:100px; float:right; overflow:hidden;}

.faq dd h3{ font-size:14px; color:#000; font-weight:normal; margin-bottom:10px;}

.faq dd p{ line-height:2; color:#686868;}

.faq dl.cur dt{ height:172px; background:url(../../images/lnest/faq_s.gif) no-repeat 0 0; }

.faq dl.cur dd{ height:auto; }



.news_list .nothing{ padding:15px 20px; }


/*通用表单*/

.common-form{}

.common-form div.contentWrap{padding-right:20px}

.common-form ul li{color:#444; clear:both; vertical-align:middle}

.common-form ul li span.text{width:60px}

.common-form .set{border:1px dashed #e0e7ed;zoom:1; background:#f2f7fb; padding:10px; font-size:12px; margin-bottom:10px}

.common-form .set table td,.common-form .set table th{padding-left:12px}

.common-form .set table th{font-weight:normal; text-align:left;padding:0 8px}

.common-form .set table td{ padding:3px 0 3px 5px}

.common-form .set table td.y-bg{background: url(../images/admin_img/set_y_line.png) repeat-y right top}

.common-form .set table td input{ background-image:none; height:18px; font-size:12px}

.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #A7A6AA;height:18px;margin:0 5px 0 0;padding:2px 0 2px 5px;border: 1px solid #d0d0d0;background: #FFF url(../images/contact_img/input.png) repeat-x; font-family: Verdana, Geneva, sans-serif,"宋体";font-size:12px;}

.input-focus{background: #FFF url(../images/admin_img/input_focus.png) repeat-x; border-color:#afcee6;font-size:12px;}

input.date,input.endDate{background: #fff url(../images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}

textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}

select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}

.search-form{ margin-bottom:10px}

.contactus .box{ width:330px; background: #fff url(../images/contact_img/linebg4.gif) 0px bottom no-repeat; padding:0px 12px 16px 12px; z-index:10;right:0;top:-630px; position:absolute;filter:alpha(opacity=90);opacity:0.9;}
.contactus h2{color:#747474; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; padding:25px 0px 16px 10px; line-height:31px;}
.contactus h2 span{ font-size:30px; display:block; color:#333333; font-family:"微软雅黑";}
.contactus .info{  padding:0px 0px 15px 10px; color:#747474;}
.contactus .info .f1{ font-size:14px; color:#626262; line-height:28px;}
.contactus .info .f2{ font-size:14px; color:#4b4b4b; font-family:Arial, Helvetica, sans-serif;}
.contactus h3{ color:#333333; font-size:14px; margin-bottom:5px;}
.contactus .orange{ color:#f08326; font-weight:bold;}
.btn_4 { width:125px; height:35px; color:#fff; font-size:14px; font-weight:bold;background: transparent url(../images/contact_img/btnbg4.gif); border:none; cursor:pointer; margin-top:12px;}


<!--新闻中心样式-->
.newsBanner { }
.newsBanner .newsMenu { margin: 0px auto 0; text-align: center; padding-top:52px; }
.newsBanner .newsMenu li { display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 49px; line-height: 49px; overflow: hidden; }
.newsBanner .newsMenu li a { display: block; height: 100%; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; font-size: 20px; color: #fff; background: #4d4d4d; }
.newsBanner .newsMenu li a:hover { background: #d51737; }
.newsBanner .newsMenu li.on a { background: #d51737; }
.newsBanner .newsMenu li  .on {background: #d51737;}
.newsCon { padding-top: 20px; padding-bottom: 50px; width: 100%; background-color: #eaeaea; background-image: url(../images/news/bg6.jpg); background-position: center top; background-attachment: fixed; background-repeat: no-repeat; }
.newsCon .readMore { display: block; margin: 0 auto; width: 177px; height: 33px; border: 3px solid #d2d2d2; text-align: center; line-height: 33px; font-size: 14px; color: #929292; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsCon .readMore:hover { border-color: #d51737; background-color: #d51737; color: #fff; }

.newsBox { margin-bottom: 5px; overflow: hidden; }
.newsBox .newsList li { float: left; margin-bottom: 15px; padding: 17px 20px; width: 553px; height: 125px; background-color: #fff; overflow: hidden; }
.newsBox .newsList li .info a { font-size: 16px; color: #333; }
.newsBox .newsList li .info a span { color: #df0b19; }
.newsBox .newsList li .info a:hover { color: #df0b19; }
.newsBox .newsList li .info p { color: #999; line-height: 20px; padding-top: 8px; height: 62px; overflow: hidden; }
.newsBox .newsList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.newsBox .newsList li .img img { width: 100%; height: 100%; }
.newsBox .newsList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBox .newsList li:first-child { margin-top: 348px; margin-right: 15px; }
.newsBox .newsSlide { position: absolute; top: 0; left: 0; width: 593px; height: 333px; background-color: #fff; }
.newsBox .newsSlide .bd { padding: 20px; }
.newsBox .newsSlide .bd .img { display: block; float: left; width: 280px; height: 240px; }
.newsBox .newsSlide .bd .img img { width: 100%; height: 100%; }
.newsBox .newsSlide .bd .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBox .newsSlide .bd .info { margin-left: 300px; }
.newsBox .newsSlide .bd .info a { font-size: 20px; color: #333; line-height: 1.5; }
.newsBox .newsSlide .bd .info a span { color: #d51737; }
.newsBox .newsSlide .bd .info a:hover { color: #d51737; }
.newsBox .newsSlide .bd .info p { padding-top: 5px; color: #999; font-size: 14px; line-height: 24px; }
.newsBox .newsSlide .hd { height: 12px; }
.newsBox .newsSlide .hd ul { float: right; margin-right: 25px; margin-top: 20px; }
.newsBox .newsSlide .hd ul li { float: left; width: 12px; height: 12px; margin-left: 8px; background: url(../images/dot3.png) no-repeat; cursor: pointer; }
.newsBox .newsSlide .hd ul li.on { background-image: url(../images/dot4.png); }

.newsNum { margin: 0 auto 10px; background: url(../images/icon33.png) center no-repeat; text-align: center; color: #ccc; font-family: "Arial"; width: 39px; height: 12px; line-height: 12px; }

.newsInfoCon { position: relative; margin-top: -20px; margin-bottom: 55px; background-color: #fff; }
.newsInfoCon .otherPage { border-top: 1px solid #e3e3e3; background-color: #f2f2f2; }
.newsInfoCon .pageList { float: left; margin-left: 27px; padding: 12px 0; }
.newsInfoCon .pageList li { line-height: 32px; font-size: 14px; color: #333; }
.newsInfoCon .pageList li a { color: #333; }
.newsInfoCon .pageList li a:hover { color: #d51737; }
.newsInfoCon .otherTool { float: right; padding-top: 18px; }
.newsInfoCon .otherTool li { position: relative; float: left; width: 58px; text-align: center; cursor: pointer; }
.newsInfoCon .otherTool li a { display: block; line-height: 24px; font-size: 14px; color: #333; text-align: center !important; padding-top: 32px; padding-left:0px; background:none; margin:0px; float:none; }
.newsInfoCon .otherTool li.close { background: url(../images/icon36.png) center top no-repeat; }
.newsInfoCon .otherTool li.close a:hover{ background: url(../images/icon36s.png) center top no-repeat; }
.newsInfoCon .otherTool li.share { background: url(../images/icon37.png) center top no-repeat; }
.newsInfoCon .otherTool li.share a:hover{ background: url(../images/icon37s.png) center top no-repeat; }
.newsInfoCon .otherTool li.share:hover .shareBox { display: block; }
.newsInfoCon .otherTool li:hover a { color: #d51737; }
.newsInfoCon .otherTool li .shareBox { position: absolute; display: none; width: 150px; bottom: 56px; left: 0; border: 1px solid #ccc; background-color: #fff; }
.newsInfoCon .otherTool li .shareBox dt { line-height: 24px; border-bottom: 1px solid #ccc; background-color: #f1f1f1; font-size: 14px; text-indent: 10px; color: #333; text-align: left; }
.newsInfoCon .otherTool li .shareBox dd { padding: 10px; }

.newsInfoBox { padding: 50px 145px; }
.newsInfoBox .closeBtn { position: absolute; top: -18px; right: 0; width: 59px; height: 70px; border-top: 2px solid #d51737; text-align: center; background-color: #fff; z-index: 3; }
.newsInfoBox .closeBtn a { display: block; padding-top: 45px; height: 25px; line-height: 25px; font-size: 14px; color: #bcbcbc; background: url(../images/icon34.png) no-repeat; }
.newsInfoBox .closeBtn a:hover { background: url(../images/icon35.png) no-repeat; color: #f2b9c3; }
.newsInfoBox h1 { text-align: center; font-size: 30px; line-height: 1.2; margin-bottom: 7px; }
.newsInfoBox .time { text-align: center; font-size: 14px; color: #999; margin-bottom: 40px; }
.newsInfoBox .article { font-size: 14px; line-height: 30px; min-height: 300px; }
.newsInfoBox .article p { margin-bottom: 15px; }
.newsInfoBox .article img { max-width: 100%; height: auto !important; }


.caseInfoBox { position: relative; width: 100%; padding-bottom: 100px; }
.caseInfoBox .goNextBtn { position: absolute; left: 50%; bottom: 35px; margin-left: -23px; width: 45px; height: 45px; background: url(../images/icon14.png) no-repeat; cursor: pointer; -webkit-animation: goNextBtn 2s linear infinite; animation: goNextBtn 2s linear infinite; }

.caseInfoList { padding-top: 70px; padding-bottom: 110px; }

.caseInfoTit { position: relative; width: 393px; margin: 0 auto; border-top: 1px solid #cbcbcb; margin-bottom: 45px; }
.caseInfoTit h6 { position: absolute; width: 90px; font-size: 20px; color: #999; height: 30px; line-height: 30px; left: 50%; top: -15px; margin-left: -45px; text-align: center; }

.caseInfoWater { position: relative; }
.caseInfoWater li { display: none; width: 278px; border-bottom: 2px solid #dadada; -webkit-transition: .5s ease-out all; transition: .5s ease-out all; background-color: #fff; transform-style: preserve-3d; }
.caseInfoWater li a { position: relative; display: block; width: 100%; overflow: hidden; }
.caseInfoWater li a img { position: relative; display: block; width: 100%; z-index: 2; }
.caseInfoWater li a h3 { font-size: 16px; color: #333; font-weight:normal; margin-bottom: 3px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; line-height:24px; }

.caseInfoWater li a h3 span { color: #df0b19; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseInfoWater li a p { line-height: 22px; color: #999; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseInfoWater li a i { position: absolute; display: block; width: 100%; height: 100%; bottom: 200px; *bottom: 203px; left: 0; background-color: #df0b19; }
.caseInfoWater li .info { position: relative; padding: 15px 20px; z-index: 2; }
.caseInfoWater li.on a h3, .caseInfoWater li.on a h3 span, .caseInfoWater li.on a p { color: #fff; }
.caseInfoWater li.redborder { border-color: #ff5f3e; }

.caseFloat { position: fixed; width: 50px; top: 200px; right: 10px; }
.caseFloat li { margin-bottom: 1px; width: 50px; height: 50px; background-color: #fff; text-align: center; line-height: 50px; font-size: 14px; font-weight: bold; color: #ccc; }
.caseFloat li a { display: block; height: 100%; background-repeat: no-repeat; background-position: center; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseFloat li a:hover { background-color: #df0b19; }
.caseFloat li .goTop { color: #ccc; }
.caseFloat li .goTop:hover { background-image: url(../images/icon24.png); font-size: 0; }
.caseFloat li .nextPage { background-image: url(../images/icon15.png); }
.caseFloat li .nextPage:hover { background-image: url(../images/icon16.png); }
.caseFloat li .goList { background-image: url(../images/icon17.png); }
.caseFloat li .goList:hover { background-image: url(../images/icon18.png); }
.caseFloat li .prevPage { background-image: url(../images/icon20.png); }
.caseFloat li .prevPage:hover { background-image: url(../images/icon21.png); }
.caseFloat li .phone { background-image: url(../images/icon22.png); }
.caseFloat li .phone:hover { background-image: url(../images/icon23.png); }

.caseBanner { height: 227px; }

.caseBox { padding-top: 35px; overflow: hidden; }
.caseBox .hotTag { margin-bottom: 30px; line-height: 26px; font-size: 14px; color: #333; }
.caseBox .hotTag a { display: inline-block; color: #333; margin: 0 10px; }
.caseBox .hotTag a:hover,.caseBox .hotTag a.lion { color: #d51737; }   //LCL
.caseBox .readMore { margin-bottom: 40px; }




.reNewsTit { margin: 0 auto 30px; font-size: 20px; color: #999; width: 433px; height: 21px; background: url(../images/icon38.png) no-repeat; text-align: center; line-height: 21px; }

.reNewsBox { position: relative; }
.reNewsBox .newsList { margin-bottom: 20px; }
.reNewsBox .newsList li { float: left; margin-bottom: 15px; padding: 17px 20px; width: 553px; height: 125px; background-color: #fff; overflow: hidden; }
.reNewsBox .newsList li .info a { font-size: 16px; color: #333; }
.reNewsBox .newsList li .info a span { color: #df0b19; }
.reNewsBox .newsList li .info a:hover { color: #df0b19; }
.reNewsBox .newsList li .info p { color: #999; line-height: 20px; padding-top: 8px; height: 62px; overflow: hidden; }
.reNewsBox .newsList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.reNewsBox .newsList li .img img { width: 100%; height: 100%; }
.reNewsBox .newsList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.articlehdiv{ text-align: right; border-bottom: 1px solid #eee; padding: 25px 0px; clear: both; margin-bottom: 15px; line-height: 24px;  color: #666; font-size: 12px; }
.articlehdiv a{  color: #666; }
.articlehdiv a:hover{ text-decoration: underline;  color: #d51737; }
.articleh3{ padding: 15px 0px; line-height: 24px; color: #666; clear: both; font-size: 14px; font-weight:normal; }
.keyword{ color: #5a5a5b; padding-top: 5px; }





/* reset.css V1.2  End */
.pagedcase{ padding-bottom: 20px; font-weight:bold;}
.paged { padding-top: 10px; text-align: center;clear:both; }
.paged a, .paged .p_info, .paged .current, .paged .currenton { display: inline-block; zoom: 1; *display: inline; margin: 0px 3px; padding: 5px 10px; font-size: 12px; text-align: center; border: 1px solid #cfcfcf; background: #ffffff; color: #333; }
.paged .currenton, .paged a:hover { border: 1px solid #d51737; background: #d51737; color: #fff; }
.pagedcase a, .pagedcase .p_info, .pagedcase .current, .pagedcase .currenton{ padding: 7px 20px; margin: 0px 8px; }
.pagedcase .readMore{ display: inline; margin-right: 15px; padding: 7px 40px; }
.pagedcase .readMore:hover { border: 2px solid #df0b19; }
.header { margin-bottom: 15px; }
.pdisplay{ display: none; }

/*网站案例详细页面样式*/
#inner_content {
	border-bottom:6px #ef403a solid;
	padding:30px 0;
	width:100%;
	height:100%;
}
#inner_content_main01 {
	margin:0 auto;
	width:960px;
	height:100%;
}
#content_case01 {
	width:960px;
	position:relative;
}
.inner_content_title {}
.inner_contactus_title h1,
.inner_content_title h1 {
	font-family:Calibri;
	font-size:36px;
	color:#2d2d2d;
	font-weight:normal;
	text-shadow:2px 2px 1px #cacaca;
}
.inner_contactus_title h3,
.inner_content_title h3 {
	font-family:"微软雅黑";
	font-size:18px;
	color:#ed022a;
	font-weight:normal;
}
#content_case {
	background:#F2F2F2;
}
.project_case {
	width:100%;
	height:280px;
	/*background:url(../images/bg_case01.jpg) no-repeat bottom;*/
	margin:30px 0 50px 0;
}
.case_img {
	float:left;
	width:690px;
}
.case_img img {
	width:auto;}
.case_img img.img_border {
	border-right:1px solid #FFF;
}
.brief {
	float:right;
	width:270px;
	height:280px;
	background:url(../images/bg_brief.jpg) no-repeat right;
}
.case_text {
	float:left;
	width:auto;
	line-height:1.2;
	padding:112px 0 0 18px;
}
.case_text h4 {
	color:#ed022a;
}
.case_text span {
	font-size:12px;
	color:#cfd0d0;
}
.case_text p {
	font-size:12px;
	color:#9b9a9a;
}
.case_btn {
	clear:left;
	float:left;
	width:144px;
	height:auto;
	padding:30px 0 0 18px;
}
.case_btn li {
	float:left;
	width:54px;
	height:54px;
	padding:0 10px 0 0;
	background:url(../images/bg_casebtn.gif) no-repeat 10% 50%;
}
.case_btn li a {
	display:block;
	text-align:center;
	width:54px;
	height:54px;
}
.case_btn li a.one {
	background: url(../images/bg_casebtn03.gif) center no-repeat;
	-webkit-transition: all 0.35s ease-in 0s;
	-moz-transition: all 0.35s ease-in 0s;
	-ms-transition: all 0.35s ease-in 0s;
	-o-transition: all 0.35s ease-in 0s;
	transition: all 0.35s ease-in 0s;
}
.case_btn li a.one:hover { background:url(../images/bg_casebtn01.gif) no-repeat; }
.case_btn li a.two {
	background:url(../images/bg_casebtn04.gif) center no-repeat;
	-webkit-transition: all 0.35s ease-in 0s;
	-moz-transition: all 0.35s ease-in 0s;
	-ms-transition: all 0.35s ease-in 0s;
	-o-transition: all 0.35s ease-in 0s;
	transition: all 0.35s ease-in 0s;
}
.case_btn li a.two:hover { background:url(../images/bg_casebtn02.gif) no-repeat; }
.case_btn li a.one:hover,
.case_btn li a.two:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.case_computer {
	width:724px;
	height:100%;

}
#galleryContainer {
	background:url(../images/case/iMac.jpg) no-repeat;
	width:720px;
	height:672px;10
	z-index:1;
}
#gallery {
	width:650px;
	height:369px;
	overflow:hidden;
	padding:35px 0 0 35px;
	z-index:1;
	float:left;
}
#gallery img {
	float:left;
}
#iframe {
	/*visibility:hidden;*/
}
.white_mask {
	float:right;
	width:326px;
	height:298px;
	margin:-369px 35px 0 0;
	z-index:10;
}
.web_screenshot {
	/*width:723px;*/
	margin:16px 0;
	padding:3px 3px 3px 3px;
	border:1px solid #CCC;
	background:#FFF;
	/*float:left;*/
}
.case_introduction {
	width:222px;
	height:296px;
	position:absolute;
	top:150px;
	right:0;
	float:right;
	background:url(../images/case/bg_introduction.gif) no-repeat bottom;
	z-index:10;
}
.case_changePic {
	display:inline;
	float:right;
	width:100%;
	height:20px;
}
.perv a,
.next a,
.perv_g,
.next_g {
	display:block;
	height:11px;
}
.perv a {
	float:left;
	width:70px;
	background:url(../images/case/prev.png) no-repeat;
}

.next a {
	float:right;
	width:51px;
	background:url(../images/case/next.png) no-repeat;
}
.perv_g  {
	float:left;
	width:70px;
	background:url(../images/prev_g.png) no-repeat;
}
.next_g {
	float:right;
	width:51px;
	background:url(../images/next_g.png) no-repeat;
}
/*.perv a:hover {
	background:url(../images/prev_g.png) no-repeat;
}
.next a:hover {
	background:url(../images/next_g.png) no-repeat;
}*/
.intro_content {
	float:left;
	padding:30px 0 0 16px;
}
.intro_content h4 {
	font-size:16px;
	color:#241f20;
}
.intro_content h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b9babe;
	padding:6px 0;
	font-weight:normal;
}
.intro_content h5.over {
	padding:0;
}
.intro_content p.one,
.intro_content p.two {
	font-size:12px;
	color:#9b9a9a;
	line-height:1.5;
	padding:0px 0;
}
.intro_content p.two {
	padding:10px 0 12px 0;
}
.intro_content_p {
	width:200px;
	height:70px;
	overflow:hidden;

}
.intro_content_p12 {
	width:200px;
	height:42px;
}
.intro_content p {
	font-size:12px;
	color:#838282;
	line-height:24px;
}
.intro_content li {
	float:left;
	padding:16px 16px 0 0;
}
.intro_content li a {
	display:block;
	width:49px;
	height:49px;
}
.intro_content li a.one {
	background:url(../images/case/back.png) no-repeat;
}
.intro_content li a.two {
	background:url(../images/case/website.png) no-repeat;
}