@charset "utf-8";
/* 整体样式设置 */
*{padding:0; margin:0;}/* 不同浏览器默认边距清零 */
body{font:12px/1.8 "微软雅黑","宋体","黑体", arial; color:#666; padding:0;margin:0; background:url(../images/fl01-bg3.gif) repeat-x center 0px #EBFAFF;}
h1, h2, h3, h4, h5, h6{font:14px/1.8 "微软雅黑","宋体","黑体", arial; color:#0C5EB8; font-weight:bold; line-height: 35px;}
/*----------首页标题----------*/
.title0{width:1200px; margin:10px auto; height:55px; line-height:35px; background:url(../images/bg-title2.jpg) no-repeat 0 0 #fff; text-align:center;}
.title0 h2{ font-size: 24px; line-height:30px; color:#eee; padding-top:9px; display:block; text-align:center; }
.title0 h2 span{font:12px/1.8 arial; color:#666; line-height:16px; color:#333; font-weight:bold;}
/*----------建站标题----------*/
.title{ width:1200px; margin:0 auto; height: 75px; line-height: 35px; background:url(../images/bg-title.jpg) no-repeat 10px 0 #fff; }
.title h1{ float:left; font-size: 24px; line-height:38px; color:#fff; padding: 0 20px; display:block; }
.title h2{ float:left; font-size: 24px; line-height:38px; color:#fff; padding: 0 20px; display:block; }
.title h1 span{font-size: 14px; line-height:16px; color:#ccc;}/* ？ */
.title p { text-align:right; padding-top: 20px; padding-right: 10px;}
.title p a { line-height:16px; margin-left:5px;  padding:2px 8px; color:#fff; background-color:#0C5EB8; display:inline-block;}
.title p a:hover {text-decoration: underline; background-color:#007BF4; }
.title p .selected{ background-color:#c00; }
#con .con-l .title{background:url(../images/bg-title.jpg) no-repeat 0 0 #fff;}/*----------修正基本信息页面----------*/
/*----------右侧新闻栏目标题----------*/
.title1{line-height:35px; height:35px; width:210px; text-align:right; color:#666; background:url(../images/title02.gif) no-repeat left bottom; display: inline-block;}
.title1 h2 {line-height:35px; height:35px; float:left; float:left; color:#666; background:url(../images/icon-a.gif) no-repeat 0 11px; padding-left: 15px;}
.title1 a{ float:right;}
.title1 .selected {color:#c00; text-decoration:none;}
/*----------左侧大块栏目标题----------*/
.title2{line-height:35px; height:35px; text-align:right; background:url(../images/00bg-title.gif) no-repeat 0 0;}
.title2 h2 {line-height:35px; padding:0 10px; margin-bottom:2px; float:left; background-color:#0C5EB8; color:#fff;}
.title2 a{ padding:0 5px;}
.title2 .selected {color:#c00; text-decoration:none;}
/*----------客服中心首页标题----------*/
.title3{width:1200px; padding:60px 0; height:55px; line-height:35px; text-align:center; }
.title3 h2{ font-size: 24px; line-height:30px; color:#666; display:block; text-align:center; font-weight:normal; }
.title3 h2 span{font:12px/1.8 arial; line-height:16px; color:#aaa; font-weight:bold;}
/*----------首页案例列表标题----------*/
.title4{ height:58px; text-align:center; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:40px;}
.title4 h2{ font-size:32px; font-weight:normal; color:#333; line-height:42px; display:block; text-align:center; }
.title4 h2 span{font:12px/1.8 arial; color:#999; line-height:16px; font-weight:bold; padding-bottom:11px; border-bottom:1px #c00 solid;}
/*----------报价列表属性切换----------*/
.title8{line-height:32px; height:35px; border-bottom:2px #0C5EB8 solid; }
.title8 a{  display: inline-block; padding:0 30px; background-color:#eee; font-size:14px;}
.title8 .right{  display:inline; float:right; padding:0 5px; background-color:#fff; font-size:12px;}
.title8 .selected{ background-color:#0C5EB8; color:#fff; line-height:35px; }
.colork2:hover{ background-color:#ffffcc;}
.colork3:hover{ background-color:#ffffcc;}
/*----------输入框和按钮基本样式----------*/
input, select, textarea{ font-size:12px; color:#666; font-family:"微软雅黑","宋体","黑体", arial;}
select{ font-size:12px; color:#666;}
input[type="text"], input[type="password"], select, textarea{ border:1px #ccc solid; }
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover{ border:1px #0C5EB8 solid;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus{ border:1px #0C5EB8 solid;}
input[type="submit"]{ font-weight:bold; color:#fff; border:0; background-color:#0C5EB8; cursor:pointer; display:inline-block; *display:inline; zoom:1;}
input[type="submit"]:hover{ background-color:#007BF4;}
input[type="reset"]{border:none; background:none; color:#666; cursor:pointer; display:inline-block; *display:inline; zoom:1;}
input[type="reset"]:hover{color:#c00;}

a, input, button, select, textarea{ outline:none;}/*去除鼠标点击按钮产生的虚线边框*/
img {border:0;}
li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#c00; text-decoration:none;}
a:active {color:#c00; text-decoration:none;}
.yishuzi { font-size:18px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; color:#f00; font-weight:bold;}
.yuanjia { text-decoration:line-through;}
.bold { font-weight:bold; color:#0C5EB8;}/*-?-*/
#bd-t, #bd, #ft, #banner, #con, #con1, #con2, #hd { width: 1200px; margin:0 auto; overflow:hidden;}
.hide{display:none}/*4Show&Hide*/
.red{ color:#c00;}
.green{ color:#090;}


/*----------首页----------*/
#hd{ position:relative; z-index:999; width:100%; height:95px; overflow:visible; }
#hd a{ padding:0 5px; display:inline-block;}
#hd .bg-hd-1{ width:1200px; margin:0 auto; height:25px; overflow:hidden; background-color:#fff; filter:alpha(opacity=80);_filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
#hd .hd-1{ width:1200px; margin:0 auto; height:25px; overflow:hidden; position:relative; z-index:999;}
#hd .hd-1 .p1{ position:absolute; top:0; left: 20px; height:25px; line-height:25px;}
#hd .hd-1 .p1 span{ color:#090; font-weight:bold;}
#hd .hd-1 .p2{ position:absolute; top:0; left: 480px; height:25px; line-height:25px;}
#hd .hd-1 .p3{ position:absolute; top:0; right: 20px; height:25px; line-height:25px;}
#hd .hd-1 .p3 .a3{text-decoration: underline; }


/*----------顶部第一部分结束----------*/
#hd .hd-2{ width:1200px; margin:0 auto; height:70px; overflow:visible; position:relative; z-index:999;}
#hd .hd-2 .logo{ position:absolute; top:20px; left:0;}
#hd .hd-2 .p4{ position:absolute; top:10px; left:380px; z-index:9999; height:20px; line-height: 20px;}
#hd .hd-2 .p4-bg{ position:absolute; top:10px; left:375px; width:250px;  height:20px; line-height: 20px; background-color:#fff; filter:alpha(opacity=80);_filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
#hd .hd-2 .p4 a{ width:60px; padding:0 0; text-align: center;}
#hd .hd-2 .p5{ position:absolute; top:10px; left:720px; height:20px; line-height: 20px;}
#hd .hd-2 .p5 select{ font-size:12px; width:85px; height:20px; line-height:20px; overflow:hidden;}

#hd .hd-2 .ul1{ position:absolute; top:10px; left:715px;}
#hd .hd-2 .ul1 li{ float:left; width:83px; height:18px; line-height:18px; margin-right:5px; border:1px solid #aaa; background-color:#fff; position:relative;}
#hd .hd-2 .ul1 .li1{}
#hd .hd-2 .ul1 li .span1{ padding-left:5px; cursor:default;}
#hd .hd-2 .ul1 li .span2{ position:absolute; top:1px; right:1px; width:15px; height:16px; background:url(../images/icon-b6.gif) center center no-repeat;}
#hd .hd-2 .ul1 li:hover .span2{ background:url(../images/icon-b6-h.gif) center center no-repeat;}

#hd .hd-2 .ul1 li .subNav{ position:absolute; z-index:99999; top:18px; left:-1px; width:100%; display:none; background-color:#fff; border:1px solid #aaa; overflow:hidden;}
#hd .hd-2 .ul1 li .subNav li{ border:none; background:none; height:20px; line-height:20px;}
#hd .hd-2 .ul1 li .subNav li a{ display:block; padding:0; padding-left:5px; }
#hd .hd-2 .ul1 li .subNav li a:hover{ display:block; background-color:#007BF4; color:#fff;}

#hd .hd-2 .nav1 { position: absolute; width:130px; height:20px; line-height:20px; right:0; top: 10px; z-index:9999; cursor:default; }
#hd .hd-2 .nav1-bg{ position: absolute; width:130px; height:20px; line-height:20px; right:0; top: 10px; background-color:#fff; filter:alpha(opacity=80);_filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
#hd .hd-2 .nav1 ul {position:relative; overflow:visible; z-index:3; }
#hd .hd-2 .nav1 ul li{float:left; width:55px; height:20px; line-height:20px;position:relative; text-align:center;}
#hd .hd-2 .nav1 ul .li1{width:75px;}
#hd .hd-2 .nav1 ul li:hover{color:#d00; background-color:#eee; cursor:pointer; }
#hd .hd-2 .nav1 ul li .subNav { position:absolute; z-index:4; top:20px; left:0; width:120px; height:120px; display:none; background-color:#fff; border:#e5e5e5 5px solid;}
#hd .hd-2 .nav1 ul li .subNav .li {}

#hd .hd-2 .p6{ position:absolute; top:10px; right:0px; height:20px; line-height: 20px;}
#hd .hd-2 .p6 a{ color:#333;  background-color:#fff; filter:alpha(opacity=80);_filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; padding:0 10px;}
#hd .hd-2 .p6 a:hover{ color:#c00;}


/*----------导航栏----------*/
#hd .hd-2 .nav { position: absolute; width: 900px; height:30px; right:0; top: 40px; z-index:999; }
#hd .hd-2 .nav a { display:inline;}
#hd .hd-2 .nav ul {position:relative; overflow:visible; z-index:1; }
#hd .hd-2 .nav ul li{width:100px;float:left;position:relative; text-align:center; background-color:#0C5EB8; }
#hd .hd-2 .nav ul li a {font:14px/1.8 "微软雅黑","宋体","黑体", Arial;font-weight:bold;color:#fff;  height:30px; line-height: 30px; display:block; border-left:#0F6DD4 1px solid; border-right:#09498F 1px solid;}
#hd .hd-2 .nav ul li a:hover { background:url(../images/icon-b4.gif) center 26px no-repeat ; background-color:#007BF4;}
#hd .hd-2 .nav ul li:hover a { background:url(../images/icon-b4.gif) center 26px no-repeat ; background-color:#007BF4;}
#hd .hd-2 .nav ul li .selected {background:url(../images/icon-b3.gif) center 26px no-repeat ;  background-color:#d00; border-left:#999 1px solid; border-right:#09498F 1px solid;}
#hd .hd-2 .nav ul li .subNav { position:absolute; z-index:2; top:30px; left:-100px; width:890px; min-height:248px; _height:248px; display:none; background-color:#fff;  border:#eee 5px solid; padding:3px 0;}

#hd .hd-2 .nav ul li .subNav .u1 { float:left; background-color:#fff;  width:160px; border-right:#eee 1px solid;}
#hd .hd-2 .nav ul li .subNav .u2 { float:left; background-color:#fff;  width:250px; border-right:#eee 1px solid;}
#hd .hd-2 .nav ul li .subNav .u3 { float:left; padding-left:80px; padding-top:10px; width:320px;}
#hd .hd-2 .nav ul li .subNav .u1 li{ border:none; background-color:#fff; float:none; height:24px; line-height:24px; text-align:left; padding-left:40px; }
#hd .hd-2 .nav ul li .subNav .u1 li a {border:none; background-color:#fff; color:#666; font-weight:normal;}
#hd .hd-2 .nav ul li .subNav .u1 li a:hover { color:#c00; }
#hd .hd-2 .nav ul li .subNav .u2 li { border:none; background-color:#fff; float:none; width:auto; height:24px; line-height:24px; text-align:left; padding-left:40px; }
#hd .hd-2 .nav ul li .subNav .u2 li a {border:none; background-color:#fff; color:#666; font-weight:normal;}
#hd .hd-2 .nav ul li .subNav .u2 li a:hover { color:#c00; }
#hd .hd-2 .nav ul li .subNav .u2 .l1 { font-size:12px; height:21px; line-height:21px;}
#hd .hd-2 .nav ul li .subNav .u2 .l1 a { color:#0C5EB8; font-size:12px; height:21px; line-height:21px;}
#hd .hd-2 .nav ul li .subNav .u3 p{padding-top:10px;}
/*----------顶部第二部分结束----------*/


/*----------流动云层----------*/
.by { position:absolute; left:0; top:0; width:100%; height:140px; overflow:hidden;}/*流动云层*/
.by .ssmo8{  overflow:hidden; width:100%; float:left;}
.by .ssmo8 .ssmo {/*width:99999999px;*/width:8000%; }
.by .ssmo8 .ssmo div{ float:left;}
.by .ssmo8 .ssmo dl{float:left; overflow:hidden; zoom:1; }
.by .ssmo8 .ssmo dl dt{float:left;display:block; width:1024px; height:140px; list-style:none; background:url(../images/by2.jpg) 0 0 repeat-x;}


/*----------首页动画----------*/
#fl2{ position:absolute; left:0; top:0; width:100%; height:495px; overflow:hidden;}

#kinMaxShow {display:none;}

#kinMaxShow .txt{ position:relative; width:1200px; height:400px; margin:0 auto; margin-top:95px;}
#kinMaxShow .txt p{ font-size:20px; height:40px; line-height:40px; color:#fff; text-align:center; overflow:hidden; opacity: 0;}
#kinMaxShow .txt .span1{ font-size:50px; font-weight:bold; color:#d00;}
#kinMaxShow .txt .span2{ font-weight:bold; color:#d00;}
#kinMaxShow .txt .span3{ color:#d00;}

#kinMaxShow .txt .sub_1_1 {display:block;position:absolute;left:580px;top:60px; font-size:30px; height:50px; line-height:50px;}/*移动前位置*/
#kinMaxShow .txt .sub_1_2 {display:block;position:absolute;left:630px;top:180px;}
#kinMaxShow .txt .sub_1_3 {display:block;position:absolute;left:580px;top:280px;}
#kinMaxShow .txt .sub_1_4 {display:block;position:absolute;left:50px;top:40px; opacity: 0;}

#kinMaxShow .txt .sub_2_1 {display:block;position:absolute;left:0;top:50px; font-size:40px; width:100%; height:50px; line-height:50px; }
#kinMaxShow .txt .sub_2_2 {display:block;position:absolute;left:200px;top:190px;}
#kinMaxShow .txt .sub_2_3 {display:block;position:absolute;left:700px;top:190px;}
#kinMaxShow .txt .sub_2_4 {display:block;position:absolute;left:250px;top:290px;}
#kinMaxShow .txt .sub_2_5 {display:block;position:absolute;left:650px;top:290px;}

#kinMaxShow .txt .sub_3_1 {display:block;position:absolute;left:70px;top:100px; font-size:40px; height:50px; line-height:50px;}
#kinMaxShow .txt .sub_3_2 {display:block;position:absolute;left:150px;top:175px; font-size:40px; height:50px; line-height:50px;}
#kinMaxShow .txt .sub_3_3 {display:block;position:absolute;left:230px;top:250px; font-size:40px; height:50px; line-height:50px;}

#kinMaxShow .txt .sub_4_1 {display:block;position:absolute;left:0;top:80px; font-size:40px; width:100%; height:50px; line-height:50px;}
#kinMaxShow .txt .sub_4_2 {display:block;position:absolute;left:0;top:250px; font-size:40px; width:100%; height:50px; line-height:50px;}

#kinMaxShow .txt .sub_5_1 {display:block;position:absolute;left:0;top:90px;}
#kinMaxShow .txt .sub_5_2 {display:block;position:absolute;left:0;top:150px;}
#kinMaxShow .txt .sub_5_3 {display:block;position:absolute;left:0;top:215px;}
#kinMaxShow .txt .sub_5_4 {display:block;position:absolute;left:0;top:275px;}
#kinMaxShow .txt .sub_5_5 {display:block;position:absolute;left:1150px;top:80px; font-weight:bold; font-size:50px; width:50px; height:auto; line-height:60px; color:#d00;}

#kinMaxShow .kinMaxShow_button{ width:100%; text-align:center;}/*下方按钮部分样式*/
#kinMaxShow .kinMaxShow_button li{ display:inline-block; *display:inline; zoom:1; margin-left:4px;}


/*----------首页动画2----------*/
.banner .txt{ position:relative; width:1200px; height:400px; margin:0 auto; margin-top:95px;}
.banner .txt p{display:block;position:absolute;font-size:20px; height:40px; line-height:40px; color:#fff; text-align:center; overflow:hidden; opacity:0;}
.banner .txt .span1{ font-size:50px; font-weight:bold; color:#d00;}
.banner .txt .span2{ font-weight:bold; color:#d00;}
.banner .txt .span3{ color:#d00;}

.banner .txt .fl1-1 {left:580px;top:60px; font-size:30px; height:50px; line-height:50px;}/*移动前位置*/
.banner .txt .fl1-2 {left:630px;top:180px;}
.banner .txt .fl1-3 {left:580px;top:280px;}
.banner .txt .fl1-4 {left:50px;top:40px; height:auto; opacity:0;}

.banner .txt .fl2-1 {left:0;top:50px; font-size:40px; width:100%; height:50px; line-height:50px; }
.banner .txt .fl2-2 {left:200px;top:190px;}
.banner .txt .fl2-3 {left:700px;top:190px;}
.banner .txt .fl2-4 {left:250px;top:290px;}
.banner .txt .fl2-5 {left:650px;top:290px;}

.banner .txt .fl3-1 {left:70px;top:100px; font-size:40px; height:50px; line-height:50px;}
.banner .txt .fl3-2 {left:150px;top:175px; font-size:40px; height:50px; line-height:50px;}
.banner .txt .fl3-3 {left:230px;top:250px; font-size:40px; height:50px; line-height:50px;}

.banner .txt .fl4-1 {left:0;top:80px; font-size:40px; width:100%; height:50px; line-height:50px;}
.banner .txt .fl4-2 {left:0;top:250px; font-size:40px; width:100%; height:50px; line-height:50px;}

.banner .txt .fl5-1 {left:0;top:90px;}
.banner .txt .fl5-2 {left:0;top:150px;}
.banner .txt .fl5-3 {left:0;top:215px;}
.banner .txt .fl5-4 {left:0;top:275px;}
.banner .txt .fl5-5 {left:1150px;top:80px; font-weight:bold; font-size:50px; width:50px; height:auto; line-height:60px; color:#d00;}

.banner .KMSPrefix_banner_frbtn{position:absolute;z-index:99;bottom:20px; left:0; width:100%; height:13px; margin:0 auto; padding:0px; text-align:center;}
.banner .KMSPrefix_banner_frbtn ul{}
.banner .KMSPrefix_banner_frbtn ul li{ width:13px; height:13px; line-height:13px; font-size:10px; background: url(../images/btn_off.png) no-repeat;
 border:0; color:#666666; text-align:center; margin:0 4px; font-family:Verdana; display:inline-block; *display:inline; zoom:1; cursor:pointer; -webkit-text-size-adjust: none;}
.banner .KMSPrefix_banner_frbtn ul li.KMSPrefix_banner_focus{ background: url(../images/btn_on.png) no-repeat;}

.banner .prevnext{ position:absolute; left:0; right:0; top:267px; z-index:99; width:1200px; height:56px; margin:0 auto;}
.banner .prevnext .prev{ position:absolute; left:0; top:0; width:56px; height:56px; background: url(../images/prevArrow.png) no-repeat;}
.banner .prevnext .next{ position:absolute; right:0; top:0; width:56px; height:56px; background: url(../images/nextArrow.png) no-repeat;}


#fl-t{ width:100%; height:400px;}

#bd { background-color:#fff;}
#bd1, #bd2 { margin:0 10px; width:1180px;}

/*----------首页滚动广告部分----------*/
#bd-t { height:40px; background-color:#eee; margin: 10px; width:1180px; position:relative; font-size:14px; }
#bd-t h3 { float:left; height:40px; line-height:40px; color:#333; padding-left:20px;}

.scroltit{ float:left; width:41px; height:20px; padding-left:5px; padding-right:10px; padding-top:10px;}/*左右箭头*/
.scroltit .updown{ font-size:16px; font-family:"宋体",arial, helvetica, clean, sans-serif; width:20px; height:20px; line-height:20px; text-align:center; float:left; background-color:#ddd;}
.scroltit .updown2{ font-size:16px; font-family:"宋体",arial, helvetica, clean, sans-serif; width:20px; height:20px; line-height:20px; text-align:center; float:right; background-color:#ddd;}
.scroltit .updown:hover{ color:#fff; background-color:#0C5EB8;}
.scroltit .updown2:hover{ color:#fff; background-color:#0C5EB8;}

.scrollbox{ float:left; width:600px; height:40px; line-height:40px; overflow:hidden;}
#scrollDiv{ width:100%; height:40px; line-height:40px; overflow:hidden;}
#scrollDiv li{ height:40px; overflow:hidden;}
#scrollDiv li a{ color:#0C5EB8;}
#scrollDiv li a:hover{ color:#f00;}
#scrollDiv li span{ padding-left:50px;}

#bd-t .bd-t-r{position:absolute;right:20px; top:10px;}
#bd-t .sp1 { position:absolute;right:198px; top:2px; height:40px;line-height:40px; font-size: 12px; font-weight:bold; color:#0C5EB8;}


/*----------首页选项点击切换及新闻部分----------*/
#bd1{ height:318px; position:relative;}
#bd1 .left {width:810px; overflow:hidden; position:absolute; top:0; left:0; }
#bd1 .left .Menubox {width:290px; background:#eee; float:left;}
#bd1 .left .Menubox ul {}
#bd1 .left .Menubox ul h2 { padding-left:13px; padding-right:24px; font-family:"黑体"; font-size:32px; color:#fff; font-weight:bold; background-color:#0C5EB8; background:url(../images/a1.png) no-repeat; display: block; _display:inline-block; float: left; height:43px; line-height:38px; }
#bd1 .left .Menubox li{display:block; background:url(../images/jt.jpg) no-repeat 280px 0; cursor:pointer; width:100%; height:43px; line-height:43px; overflow:hidden; border-bottom:#fff 1px solid; }

#bd1 .left .Menubox li.hover{background:url(../images/jt-h.jpg) no-repeat 275px 0 #333; margin-left:6px; width:98%; color:#fff; border-bottom:#fff 1px solid;}
#bd1 .left .Menubox li.hover h2 {background-image:none; background-color:#0C5EB8; border-right:#ccc 1px solid; width:83px; line-height:43px; padding-right:0px; }
#bd1 .left .Contentbox{ border:#ccc 5px solid; float:right; width:490px; height:277px; padding: 10px; color:#666; background-color:#fff;}

#slide_right2{width:360px; height:297px; overflow:hidden; position:absolute; top:0; right:0; background-color:#f5f5f5; padding-top:10px;}
#slide_right2 ul{ font-size:0; height:35px; text-align:center;}
#slide_right2 ul li{ font-size:14px; width:102px; line-height:35px; height:35px; font-weight:bold; cursor:pointer; display:inline-block; *display:inline; zoom:1;}
#slide_right2 ul span{ font-size:14px; font-weight:bold; display:inline-block; *display:inline; zoom:1; cursor:default;}

#slide_right2 .tab{ color:#0C5EB8; border-left:none; background:url(../images/title01.gif) no-repeat bottom; }

#slide_right2 .newslist2 { padding:10px;}
#slide_right2 .newslist2 .newslist2-bg{ max-height:217px; overflow:hidden;}
#slide_right2 .newslist2 p { border-bottom:#999 1px dotted; height:30px; line-height:30px; _line-height:30px;}
#slide_right2 .newslist2 p a { float:left; width:240px; padding-left:13px; background:url(../images/icon-c.gif) no-repeat 0 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#slide_right2 .newslist2 p a:hover{background:url(../images/icon-c1.gif) no-repeat 0 12px;}
#slide_right2 .newslist2 p span { color:#666; float:right;}
#slide_right2 .newslist2 .more { border-bottom:none;}
#slide_right2 .newslist2 p .more {float:right; width:auto; border-bottom:none;}
#slide_right2 .newslist2 p .more:hover {text-decoration:underline;}

#slide_right2 .hide{ display:none; }


/*----------首页热门活动部分----------*/
#bd2{ height:600px; position:relative; margin-bottom:10px;}
#bd2 h3{ color:#eee; font-size:16px; line-height:25px; }
#bd2 h4{ line-height:25px; color:#06e;}
#bd2 .bd2-1{ width:790px; height:350px; position:absolute; left:0; top:0; }
#bd2 .bd2-1-bg{ width:750px; height:180px; position:absolute; left:20px; top:20px; background-color:#000; filter:alpha(opacity=80);_filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
#bd2 .bd2-1-t{ width:720px; height:180px; padding:10px 20px; position:absolute; left:20px; top:20px; color:#ccc; overflow:hidden;}
#bd2 .bd2-1-b{ position:absolute; left:0; top:200px; width:100%; padding-top:50px; text-align:center;}
#bd2 .bd2-1-b a{color:#fff; font-size:16px; width:164px; line-height:40px; font-weight:bold; background-color:#d00; display:block; margin:0 auto;}
#bd2 .bd2-1-b a:hover{background-color:#f00;}

#bd2 .bd2-2{ width:390px; height:240px; position:absolute; left:0; top:360px; }
#bd2 .bd2-2-bg{ width:350px; height:120px; position:absolute; left:20px; top:20px; background-color:#000; filter:alpha(opacity=80);_filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
#bd2 .bd2-2-t{ width:310px; height:180px; padding:10px 20px; position:absolute; left:20px; top:20px; color:#ccc; overflow:hidden;}
#bd2 .bd2-2-b{ position:absolute; left:0; top:150px; width:100%; padding-top:20px; text-align:center;}
#bd2 .bd2-2-b a{color:#fff; font-size:16px; width:124px; line-height:40px; font-weight:bold; background-color:#d00; display:block; margin:0 auto;}
#bd2 .bd2-2-b a:hover{background-color:#f00;}

#bd2 .bd2-3{ width:390px; height:240px; position:absolute; left:400px; top:360px; }
#bd2 .bd2-3-bg{ width:350px; height:120px; position:absolute; left:20px; top:20px; background-color:#000; filter:alpha(opacity=80);_filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
#bd2 .bd2-3-t{ width:310px; height:180px; padding:10px 20px; position:absolute; left:20px; top:20px; color:#ccc; overflow:hidden;}
#bd2 .bd2-3-b{ position:absolute; left:0; top:150px; width:100%; padding-top:20px; text-align:center;}
#bd2 .bd2-3-b a{color:#fff; font-size:16px; width:124px; line-height:40px; font-weight:bold; background-color:#d00; display:block; margin:0 auto;}
#bd2 .bd2-3-b a:hover{background-color:#f00;}

#bd2 .bd2-4{ width:380px; height:350px; position:absolute; right:0; top:0; }
#bd2 .bd2-4-bg{ width:340px; height:180px; position:absolute; left:20px; top:20px; background-color:#000; filter:alpha(opacity=80);_filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
#bd2 .bd2-4-t{ width:300px; height:180px; padding:10px 20px; position:absolute; left:20px; top:20px; color:#ccc; overflow:hidden;}
#bd2 .bd2-4-b{ position:absolute; left:0; top:200px; width:100%; padding-top:50px; text-align:center;}
#bd2 .bd2-4-b a{color:#fff; font-size:16px; width:124px; line-height:40px; font-weight:bold; background-color:#d00; display:block; margin:0 auto;}
#bd2 .bd2-4-b a:hover{background-color:#f00;}

#bd2 .bd2-5{ width:380px; height:240px; position:absolute; right:0; bottom:0; }
#bd2 .bd2-5-bg{ width:340px; height:120px; position:absolute; left:20px; top:20px; background-color:#000; filter:alpha(opacity=80);_filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
#bd2 .bd2-5-t{ width:300px; height:180px; padding:10px 20px; position:absolute; left:20px; top:20px; color:#ccc; overflow:hidden;}
#bd2 .bd2-5-b{ position:absolute; left:0; top:150px; width:100%; padding-top:20px; text-align:center;}
#bd2 .bd2-5-b a{color:#fff; font-size:16px; width:124px; line-height:40px; font-weight:bold; background-color:#d00; display:block; margin:0 auto;}
#bd2 .bd2-5-b a:hover{background-color:#f00;}


/*----------首页案例列表----------*/
#bd3{ width:100%; height:auto; margin-top:50px; margin-bottom:50px;}

#case_list{ font-size:0; width:100%; margin-bottom:30px;}
#case_list ul{}
#case_list ul li{ float:left; width:25%; position:relative; overflow:hidden;}
#case_list ul li a{ padding:0; margin:0;}
#case_list ul li a img{
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
	transition: all 500ms linear;
}
#case_list ul li:hover a img{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}
#case_list ul li .wenzi {width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; background:#c00; display:none;}
#case_list ul li .wenzi a{ display:block; width:100%; height:100%;}
#case_list ul li .wenzi a .p1{ font-size:14px; font-weight:bold; line-height:18px; color:#fff; padding-top:80px;}
#case_list ul li .wenzi a .p2{ padding-top:25px; padding-left:5px;}
#case_list ul li .wenzi a .p2 span{ font-size:12px; height:18px; line-height:18px; padding:0 5px; margin-top:5px; margin-right:5px; background-color:#0C5EB8; color:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:top;}

#bd3 .more{ height:40px; line-height:40px; text-align:center;}
#bd3 .more a{ font-size:16px; padding:0 30px; color:#fff; background-color:#0C5EB8; display:inline-block; *display:inline; zoom:1;}
#bd3 .more a:hover{ background-color:#007BF4;}


/*----------底部----------*/
#ft0{ clear:both; width:100%; background-color:#0d0d0d;}
#ft{ width:1200px; margin:0 auto;}
#ft .ft1 { width:1200px; overflow:hidden;  padding-top: 20px; padding-bottom: 20px; }
#ft .ft1 .clearfix { width:1200px; }
#ft .ft1 .clearfix .logo1{ width:180px; padding-left:50px; padding-right:31px; padding-top:30px; border:none;}
#ft .ft1 .clearfix .dbewm{ width:338px; padding:0;}
#ft .ft1 .clearfix .dbewm .ewm{ width:100px; height:145px; float:left; padding-left:46px; padding-top:15px;}
#ft .ft1 .clearfix .dbewm .ewm p{ font-weight:bold; height:22px; line-height:22px; color:#797979; text-align:center;}
#ft .ft1 .clearfix li{ float:left; width: 140px; padding-left: 59px; border-left:solid 1px #181818;}
#ft .ft1 .clearfix li h3 { padding:0; margin:0; color:#777777; }
#ft .ft1 .clearfix li ul { padding:0; margin:0;}
#ft .ft1 .clearfix li ul li{ padding:0; margin:0;  border:none;}
#ft .ft1 .clearfix li ul li a{ padding:0; margin:0; color:#797979; }
#ft .ft1 .clearfix li ul li a:hover {color:#06f;}
#ft .ft1 .clearfix li ul li .selected {color:#06f;}
#ft .ft2 {height: 40px; line-height:40px; text-align:center; overflow:hidden; border-bottom: solid 1px #121812; background-color:#222; }
#ft .ft2 ul { width:680px; margin:0 auto; height: 14px; border-left: solid 1px #121812; margin-top: 13px; }
#ft .ft2 ul li {float:left; height: 14px;line-height: 14px;}
#ft .ft2 ul li a {height: 14px;line-height: 14px; border-right: solid 1px #121812; padding: 0 15px; color:#4e4e4e;}
#ft .ft2 ul li a:hover {color:#06f;}
#ft .ft3 {text-align:center; overflow:hidden; line-height: 22px; background-color:#111; padding:10px 20px;}

#ft .ft3 a {color:#4e4e4e;}
#ft .ft3 a:hover {color:#06f;}


/*----------design----------*/
#con-t{ position:relative; z-index:2; width:1180px; padding:10px; margin:0 auto; margin-top: 10px; background-color:#fff;}


/*----------二级页面面包屑导航----------*/
#con-t .con-t1 { width:1180px; height:40px; background-color:#eee; margin-bottom:10px; position:relative; }
#con-t .con-t1 p { height: 40px; line-height: 40px; padding-left: 20px; color:#0C5EB8; }
#con-t .con-t1 p .selected {color:#0C5EB8; }
#con-t .con-t1 p .selected:hover {color:#d00; }
#con-t .con-t1 .con-t-r{position:absolute;right:20px; top:10px;}
#con-t .con-t1 .sp1 { position:absolute;right:198px; top:2px; height:40px;line-height:40px; font-size: 12px; font-weight:bold; color:#0C5EB8;}


/*----------主频道点击切换----------*/
#Tab1 .Menubox {margin-top:0px;float:left; width:190px;}
#Tab1 .Menubox ul {}
#Tab1 .Menubox ul h2 { padding-left:24px; padding-right:24px; font-family:"黑体"; font-size:32px; color:#fff; font-weight:bold; background-color:#0C5EB8; background:url(../images/a2.png) no-repeat; display:block; _display:inline-block; float: left; height:43px; line-height:38px;}
#Tab1 .Menubox li{display:block; background:url(../images/jt.jpg) no-repeat 179px 0; cursor:pointer; width:100%;  height:44px; line-height:44px; overflow:hidden;}
#Tab1 .Menubox li.hover{background:url(../images/jt-h.jpg) no-repeat right 0; margin-left:6px; width:184px; color:#fff; border:none; }
#Tab1 .Menubox li.hover h2 {background-image:none; background-color:#0C5EB8; width:150px; line-height:43px; padding-right:0; }
#Tab1 .Contentbox{border:#ccc 5px solid; float:right; width:960px; min-height:150px; _height:150px; padding: 10px; background-color:#fff;}


/*----------两栏内页主体部分----------*/
#con{ min-height:500px; _height:500px; overflow:visible; background:url(../images/design1.jpg) no-repeat 940px 0px #fff; }
#con .con-l{ float:left; width:900px; margin-left:20px;}


/*----------内页右侧会员登录提示框----------*/
#vip{ border:5px #eee solid; padding:10px;  margin-bottom:10px;}
#vip h4{ height:25px; line-height:25px;}
#vip .red{ color:#d00;}
#vip img{ vertical-align:middle;}


/*----------表单样式----------*/
.mylist{ width:100%; height:auto; border:1px solid #accdf4; font-size:12px; text-align:center; border-collapse: collapse; margin-bottom:10px; clear:both; }
.mylist .tr1{ background-color:#fff;}
.mylist .tr1:hover{ background-color:#ffc;}
.mylist th{ background-color:#d0e4ff; text-align:center; border-right:1px solid #accdf4; border-bottom:1px solid #accdf4; text-align:center; height:30px;  line-height:30px; }   
.mylist td { border-right:1px solid #accdf4; border-bottom:1px solid #accdf4; text-align:left; padding: 5px 10px; height:25px; line-height:20px; } 
.mylist .td-h{ font-weight:bold;}
.mylist .td1{ text-align:center;}
.mylist a{ font-weight:bold; text-decoration:none; display:inline-block; *display:inline; zoom:1; } 
.mylist a:hover{text-decoration:underline;} 
.mylist .green{ color:#060; margin-left:10%;} 
.mylist .red{ color:#F00;} 
.mylist .shopcar{ color:#d00; margin-right:10%;} 


/*----------案例欣赏----------*/
#con .con-l .main{ background-color:#eee; width:900px; height:550px; overflow:hidden;}


/*----------风格----------*/
#con .con-l .fenge{ background-color:#eee; padding:0 10px; padding-bottom:10px;}
#con .con-l .fenge a img{ border:10px #fff solid; margin-left:10px;}


/*----------流程----------*/
#con .con-l .tclc{ background-color:#eee; padding:20px; margin-bottom:20px; clear:both; text-align:center;}


/*----------网站建设首页在线订单----------*/
#con .con-l .zxdd { height:60px; padding:20px;}
#con .con-l .zxdd .zxdz{width:200px; height:60px; float:left; margin-left:65px;}
#con .con-l .zxdd .zxdz a{ display:block; padding-left:65px; padding-top:6px; width:135px; height:54px; font-size:14px; font-weight:bold; color:#0C5EB8; background:url(../images/zxdz.gif) no-repeat 0px 0;}
#con .con-l .zxdd .zxdz a span{ font-size:12px; font-weight:normal; color:#666;}
#con .con-l .zxdd .zxdz a:hover{ color:#c00; background:url(../images/zxdz-h.gif) no-repeat 0px 0; }
#con .con-l .zxdd .zxdz:hover a{ color:#c00; background:url(../images/zxdz-h.gif) no-repeat 0px 0; }

#con .con-l .zxdd .zxht{width:200px; height:60px; float:left; margin-left:65px;}
#con .con-l .zxdd .zxht a{ display:block; padding-left:65px; padding-top:6px; width:135px; height:54px; font-size:14px; font-weight:bold; color:#0C5EB8; background:url(../images/zxht.gif) no-repeat 0px 0;}
#con .con-l .zxdd .zxht a span{ font-size:12px; font-weight:normal; color:#666;}
#con .con-l .zxdd .zxht a:hover{ color:#c00; background:url(../images/zxht-h.gif) no-repeat 0px 0; }
#con .con-l .zxdd .zxht:hover a{ color:#c00; background:url(../images/zxht-h.gif) no-repeat 0px 0; }

#con .con-l .zxdd .zxzf{width:200px; height:60px; float:left; margin-left:65px;}
#con .con-l .zxdd .zxzf a{ display:block; padding-left:65px; padding-top:6px; width:135px; height:54px; font-size:14px; font-weight:bold; color:#0C5EB8; background:url(../images/zxzf.gif) no-repeat 0px 0;}
#con .con-l .zxdd .zxzf a span{ font-size:12px; font-weight:normal; color:#666;}
#con .con-l .zxdd .zxzf a:hover{ color:#c00; background:url(../images/zxzf-h.gif) no-repeat 0px 0; }
#con .con-l .zxdd .zxzf:hover a{ color:#c00; background:url(../images/zxzf-h.gif) no-repeat 0px 0; }


/*----------内页右侧----------*/
#con .con-r{ float:right; width:210px; margin-right:10px; overflow:hidden;}
#con .con-r .main{ background-color:#fff; padding-bottom:10px;}
#con .con-r .main a img{ margin-bottom:2px;}


/*----------内页右侧新闻列表----------*/
#con .con-r .newslist{ padding-top:5px; padding-bottom:10px;}
#con .con-r .newslist li a { padding-left: 15px; display:block; background:url(../images/icon-c.gif) no-repeat 0px 8px; }
#con .con-r .newslist li a:hover { background:url(../images/icon-c1.gif) no-repeat 0px 8px;}


/*----------design1----------*/
/*----------三级页面面包屑导航----------*/
#con-t01{ position:relative; z-index:2; width:1180px; padding:10px; margin:0 auto; margin-top: 10px; height:20px; background-color:#fff; }
#con-t01 .con-t1 { width:1180px; height:20px; position:relative; }
#con-t01 .con-t1 p { height: 20px; line-height: 20px; padding-left: 20px; color:#0C5EB8; }
#con-t01 .con-t1 p .selected {color:#0C5EB8; }
#con-t01 .con-t1 .con-t-r{position:absolute;right:20px; top:0px;}
#con-t01 .con-t1 .sp1 { position:absolute;right:198px; top:2px; height:20px;line-height:20px; font-size: 12px; font-weight:bold; color:#0C5EB8;}


/*----------三级页面右侧栏目----------*/
#con .con-r .leftmanu { padding-bottom:10px;}
#con .con-r .leftmanu .li2{ margin-left:20px;}
#con .con-r .leftmanu a {color:#666;}
#con .con-r .leftmanu a:hover {color:#c00;}
#con .con-r .leftmanu .selected a { color:#c00;}


/*----------新闻类详细页面----------*/
#con .con-l .content { margin-bottom:20px; padding:20px; background-color:#f5f5f5; min-height:300px; _height:300px; font-size:14px;}
#con .con-l .content a { color:#0C5EB8; text-decoration:underline;}
#con .con-l .content a:hover { color:#d00; }
#con .con-l .content .view-h{ font-size:18px; text-align:center; line-height:34px; font-weight:bold;}
#con .con-l .content .view{ text-align:center; border-bottom:#ccc 1px solid; margin-bottom:10px; padding-bottom:10px;}
#con .con-l .content .view .return { color:#1BAD55; text-decoration:underline;}
#con .con-l .content .view .return:hover { color:#d00; }


/*----------design2----------*/
/*----------两栏内页主体部分----------*/
#con1{ width:1180px; min-height:500px; _height:500px; overflow:visible; padding:10px; background-color:#fff; }


/*----------案例查找----------*/
#con3{ margin-bottom: 10px; background:url(../images/bg-con3.gif) repeat-y 0 0 #eee;}
#con3 .con3-l{ float:left; width:200px; padding:10px; }
#con3 .con3-l h2{ text-align:right; font-size:28px; line-height:32px; color:#FFF; }
#con3 .con3-l h2 span{ font:14px/1.8 arial, Trebuchet MS, sans-serif, Lucida Sans Unicode, Arial, Helvetica;}
#con3 .con3-r{ float:right; width:940px; padding:10px; padding-bottom:5px;}
#con3 .con3-r .p1 { float:left; font-size:14px; line-height:21px; color:#0C5EB8; font-weight:bold; padding-left:10px;}
#con3 .con3-r .p2 { float:left;}
#con3 .con3-r .p3 { font-size:0; width:770px; float:left;}
#con3 .con3-r p a { font-size:12px; line-height:16px; margin-left:5px; margin-bottom:5px;  padding:2px 8px; color:#fff; background-color:#0C5EB8; display:inline-block; *display:inline; zoom:1;}
#con3 .con3-r p a:hover {text-decoration: underline; background-color:#007BF4; }
#con3 .con3-r p .selected{ background-color:#c00; }


/*----------案例搜索----------*/
#case { width:400px; height:30px; line-height:30px; border:solid 2px #227BD6; margin:0 auto; margin-top:20px; }
#case .sea-input1{float:left; border:0px; width:320px; padding:0 10px; font-size:14px; line-height:30px; height:30px; color:#999; }
#case .sea-input{float:right; width:60px; font-size:14px; line-height:30px; height:30px; background-color:#227BD6;}

.sea-title{ padding:0 20px; margin-top:20px; height:40px; line-height:40px; background-color:#eee; }
.sea-title p a{ padding:5px 10px; padding-right:28px; border:1px #ccc solid; width:auto; display: inline;  background:url(../images/del.jpg) no-repeat right; color:#666; margin-right:10px; }
.sea-title p a:hover{ border:1px #d00 solid; color:#666;  background:url(../images/del-h.jpg) no-repeat right;}


/*----------案例列表----------*/
.anlilist{ padding-top:20px;}
.anlilist .clearfix { border-left: 1px #eee solid; border-top: 1px #eee solid; display:inline-block; *display:inline; zoom:1;}
.anlilist .clearfix li { float:left; padding:11px; overflow:hidden; border-right: 1px #eee solid; border-bottom: 1px #eee solid; text-align:center;}
.anlilist .clearfix li .bg { width:370px; height:312px; background-color:#f5f5f5; padding-top:5px;}
.anlilist .clearfix li:hover .bg {background-color:#0C5EB8; color:#fff; }
.anlilist .clearfix li .bk{ font-size:14px; line-height:40px; color:#fff; background-color:#0C5EB8;  padding:5px 12px;}
.anlilist .clearfix li .bk:hover{ background-color:#fff; color:#0C5EB8;}
.anlilist .clearfix li:hover .bk{ background-color:#fff; color:#0C5EB8;}


/*----------选项卡内套餐案例列表----------*/
.anlilist1 .clearfix { border-left: 1px #ddd solid; border-top: 1px #ddd solid; width:822px; margin:0 auto;}
.anlilist1 .clearfix li { float:left; padding:20px; overflow:hidden; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; text-align:center;}
.anlilist1 .clearfix li .bg { width:370px; height:312px; background-color:#ddd; padding-top:5px;}
.anlilist1 .clearfix li:hover .bg {background-color:#0C5EB8; color:#fff; }
.anlilist1 .clearfix li .bk{ font-size:14px; line-height:40px; color:#fff; background-color:#0C5EB8;  padding:5px 12px;}
.anlilist1 .clearfix li .bk:hover{ background-color:#fff; color:#0C5EB8;}
.anlilist1 .clearfix li:hover .bk{ background-color:#fff; color:#0C5EB8;}

#page_d{ padding-top:20px; text-align:center;}/*翻页*/


/*----------案例列表效果----------*/
.clearfix li .bg .alixixi {position:relative; overflow:hidden; width:360px; height:270px; margin:0 5px;}	
.clearfix li .bg .alixixi .heading {position:absolute; top:-50px; left:330px; background:rgba(0, 0, 0, 0.6)!important;/*实现背景透明，文字不透明*/ background:#000; filter:Alpha(opacity=60);/*实现IE背景透明*/ height:30px; width:30px; line-height:20px; text-align:center; overflow:hidden;}
.clearfix li .bg .alixixi .heading span{ position:relative;}
.clearfix li .bg .alixixi .heading img { padding-top:5px;}
.clearfix li .bg .alixixi .caption {position:absolute; bottom:-200px; left:0px; background:rgba(0, 0, 0, 0.6)!important;/*实现背景透明，文字不透明*/ background:#000; filter:Alpha(opacity=60);/*实现IE背景透明*/ height:auto; width:360px; padding-bottom:5px; text-align:left;  overflow:hidden;}
.clearfix li .bg .alixixi .caption span{color:#aaa; position:relative; font-size:0;}
.clearfix li .bg .alixixi .caption span a{ font-size:12px; line-height:18px; padding:0 5px; margin-top:5px; margin-left:5px; font-weight:normal; background-color:#d00; color:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:top;}


/*----------新闻列表----------*/
#con .con-l .newslist { margin-bottom:20px; padding:20px; background-color:#f5f5f5; min-height:300px; _height:300px;}
#con .con-l .newslist ul li { border-bottom:#999 1px dotted; height:35px; line-height:35px;}
#con .con-l .newslist ul li a {background: url(../images/icon-c.gif) 10px 15px no-repeat; padding-left:25px;  float:left;}
#con .con-l .newslist ul li a:hover {background: url(../images/icon-c1.gif) 10px 15px no-repeat; }
#con .con-l .newslist ul li span { color:#999; float:right; padding-right:10px;}
#pg { font-size:12px; margin:20px 0; text-align:center;}


/*----------建站学堂新闻列表----------*/
.newslist4 { margin-bottom:20px; padding:20px; padding-bottom:0; background-color:#f5f5f5; overflow:hidden;}
.newslist4 p{ font-size:12px;}
.newslist4 .p1{ font-weight:bold; font-size:14px; line-height:30px;}
.newslist4 .p2{ min-height:66px;_height:66px; line-height:22px; }
.newslist4 .p3{ font-weight: normal; color:#999; line-height:20px; text-align:left; padding-top:5px; padding-bottom:7px;}
.newslist4 .p3 .more{float:right; padding:0 5px; background-color:#eee; text-decoration: none; display:inline-block; *display:inline; zoom:1;}
.newslist4 .p4{ width:100%; overflow:hidden;}
.newslist4 .p4 img{ max-width:100%!important; margin-top:15px;}
.newslist4 #pg{ margin-top:0;}

.newslist4 ul { font-size:0;}
.newslist4 ul li{ font-size:12px; padding:15px; margin-bottom:20px; background-color:#fff; border:1px #fff solid; overflow:hidden;}
.newslist4 ul li .left{ float:left; width:130px; height:130px; text-align:center; background-color:#eee; overflow:hidden;}
.newslist4 ul li .left img{ width:130px; height:130px;}
.newslist4 ul li .left .day{ display:block; font-family: arial; font-size:52px; font-weight:bold; height:70px; line-height:70px;}
.newslist4 ul li .left .year{ display:block; font-family: arial; height:22px; line-height:22px;}
.newslist4 ul li .left .xian{ display:block; font-size:0; width:14px; height:1px; margin:3px auto; background-color:#ccc;}
.newslist4 ul li .left .span1{ display:block; height:24px; line-height:24px;}

.newslist4 ul li .right3{ float:right; width:130px; height:130px; margin-left:15px;}
.newslist4 ul li .right3 a{ display:block; width:130px; height:40px; line-height:40px; margin-top:45px; background-color:#eee; text-align:center;}

.newslist4 ul li .right{ overflow:hidden; padding-left:15px; height:auto; vertical-align:top;}
.newslist4 ul li .right .p1{ padding-top:2px; }

.newslist4 ul .li1{ width:274px; margin-left:19px; padding:0; border:none; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.newslist4 ul .li2{ margin-left:0;}
.newslist4 ul .li1 .left2{}
.newslist4 ul .li1 .left2 img{ width:274px; height:206px; }
.newslist4 ul .li1 .right2{}
.newslist4 ul .li1 .right2 .p1{ text-align:center;} 

.newslist4 ul li:hover{ border:1px #d00 solid;}
.newslist4 ul li:hover .left{ background-color:#d00;}
.newslist4 ul li:hover .left p{}
.newslist4 ul li:hover .left span{ color:#fff;}
.newslist4 ul li:hover .left .xian{ background-color:#fff;}
.newslist4 ul li:hover .more{ background-color:#d00; color:#fff;}
.newslist4 ul li .more:hover{ background-color:#c00; color:#fff;}

.newslist4 ul .li1:hover{ border:none;}
.newslist4 ul .li1:hover img{ filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.newslist4 ul .li1:hover .p1 a{ color:#c00;}


/*----------设计素材列表----------*/
#container{position:relative; width:1188px; margin-top:15px; margin-left:1px;}
#container .grid{ float:left; width:386px; min-height:100px; margin-right:10px; margin-bottom:10px; background:#fff; overflow:hidden;
	box-shadow: 0 3px 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.6));
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.6);
}
#container .grid .pic{ position:relative; width:100%; height:100%; overflow:hidden;}
#container .grid .pic img{width:100%; background:#ccc; display:block;}
#container .grid .pic .txt{ position:absolute; left:0; bottom:-100%; width:100%; height: auto; line-height:40px; background:rgba(0, 0, 0, 0.6)!important;/*实现背景透明，文字不透明*/ background:#000; filter:Alpha(opacity=60);/*实现IE背景透明*/}
#container .grid .pic .txt a{ position:relative; display:block; font-size:14px; font-weight:bold; color:#fff; padding-left:10px;}

#con1 .newslist5{}


/*----------设计素材详细页----------*/
#bg{position:fixed; z-index:1; overflow:hidden; width:100%; height:100%; background-color:#0C5EB8;}/*整体背景色*/

#img_title{position:fixed; z-index:3; left:10px; top:10px; background:rgba(0, 0, 0, 0.6)!important; background:#000; filter:Alpha(opacity=60); color:#FFF; font-size:24px; width:auto; max-width:70%; height:50px; line-height:50px; padding:0 10px; text-transform:uppercase; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#sx{position:absolute; right:10px; top:10px; z-index:3; width:50px; height:50px; background:rgba(0, 0, 0, 0.2)!important; background:#000; filter:Alpha(opacity=20); display:none;}

#fd{position:absolute; right:10px; top:10px; z-index:4; width:50px; height:50px; background:rgba(0, 0, 0, 0.2)!important; background:#000; filter:Alpha(opacity=20);}

#return{position:absolute; right:70px; top:10px; z-index:3; width:50px; height:50px; background:rgba(0, 0, 0, 0.2)!important; background:#000; filter:Alpha(opacity=20);}

#sx a,#fd a,#return a{ position:relative;}
#sx:hover,#fd:hover,#return:hover{ background:rgba(0, 0, 0, 0.5)!important; background:#000; filter:Alpha(opacity=50);}
#sx img:hover,#fd img:hover,#return img:hover{ filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}

#js{ position:absolute; left:10px; top:70px; z-index:3; width:40%; background:rgba(0, 0, 0, 0.3)!important; background:#000; filter:Alpha(opacity=30);}
#js .p1{ position:relative; color:#fff; padding:10px;}

#preloader{position:relative; z-index:3; width:32px; padding:20px; top:80px; margin:auto; background:#0C5EB8;}

#toolbar{position:fixed; z-index:3; right:10px; top:10px; padding:5px; background:url(../images/fs_img_g_bg.png);}
#toolbar img{border:none;}
#bgimg{display:none; -ms-interpolation-mode: bicubic;}

#thumbnails_wrapper{z-index:2; position:fixed; bottom:0; width:100%; background:url(../images/empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container{position:relative; padding:0; width:100%; margin:40px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:url(../images/fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:170px;}
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:5px; height:100%;}
#outer_container .thumbScroller img{border:5px solid #fff;}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:50%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.nextImageBtn{right:0; background:url(../images/nextImgBtn.png) center center no-repeat;}
.prevImageBtn{background:url(../images/prevImgBtn.png) center center no-repeat;}


/*----------建站学堂首页----------*/
#con5{ width:1180px; min-height:500px; _height:500px; overflow:visible; padding:10px; margin:0 auto; background-color:#fff; }
#con5 .title4{ margin-bottom:20px;}
#con5 .anlilist{padding-top:0; margin-bottom:50px;}
#con5 .anlilist ul{ margin-bottom:20px;}
#con5 #slide_right3 .newslist4{ margin-bottom:50px;}
#con5 #slide_right3 .newslist4 .more2{ padding-bottom:20px;}
#con5 #slide_right3 .newslist4 ul .li1{width:270px; margin-left:20px;}
#con5 #slide_right3 .newslist4 ul .li2{ margin-left:0;}
#con5 #slide_right3 .newslist4 ul .li1 .left2 img{ width:270px; height:202px; }
#con5 .newslist5{ margin-bottom:20px;}
#con5 .newslist5 #container{ margin-bottom:10px;}
#con5 .more2{ font-size:16px; height:18px; line-height:18px; text-align:center;}
#con5 .more2 a{ padding-right:20px; background:url(../images/title10-2.gif) no-repeat right 1px; display:inline-block; *display:inline; zoom:1;}
#con5 .more2 a:hover{ background:url(../images/title10-2-h.gif) no-repeat right 1px;}


/*----------登录界面login----------*/
#login0{ position:relative; z-index:2; height:480px; width:980px; margin:40px auto; background-color:#fff; border:10px #eee solid; }
#login0 .login1 { position:absolute; height:460px; width:520px; left:10px; top:10px; }
#login0 .login1 .red{ color:#f00; padding-right:10px; }
#login0 .login1 h1{ padding-left:20px; padding-top:20px; padding-bottom:20px; font-weight:bold; font-size:24px;}
#login0 .login1 .biao {padding-top:30px; font-size:14px; line-height:37px; width:520px; height:37px;}
#login0 .login1 .biao .left{text-align:right; width:160px; float:left; }
#login0 .login1 .biao .right{text-align:left; width:360px; float:right; }
#login0 .login1 .biao .right .text{ height:25px; line-height:25px; padding:5px; width:200px; }
#login0 .login1 .biao .right input[type="submit"]{ font-size:14px; width:100px; height:35px; line-height:35px; margin-right:15px;}
#login0 .login1 .biao .right .b-r{ color:#0C5EB8;}
#login0 .login1 .biao .right .b-r:hover{ color:#c00;}
   
#login0 .login2 { position: absolute; height:460px; width:430px;  right:10px; top:10px; background-color:#0C5EB8;}


/*----------注册界面reg----------*/
#reg{ position:relative; z-index:2; width:900px; margin:40px auto; padding:0 40px; background-color:#fff; border:10px #eee solid; }
#reg h1{ padding-top:20px; font-weight:bold; font-size:24px;}
#mPro1{ text-align:center; padding-bottom:20px; padding-top:10px;}
#reg .biao0{ clear:both; width:600px; margin:0 auto; padding-bottom:20px;}
#reg .biao { clear:both; line-height:30px; padding-bottom:10px;}
#reg .biao .left{ float:left; text-align:right; width:120px; }
#reg .biao .right{ float:right; width:480px;}
#reg .biao .right .text{ height:18px; line-height:18px; padding:5px; width:240px; }

#reg .biao .right .span1{ width:252px; display:inline-block; *display:inline; zoom:1;}
#reg .biao .right .checkbox_wrap{ padding-right:12px;}
#reg .biao .right #Ac0, 
#reg .biao .right #Ac02, 
#reg .biao .right #Ac03, 
#reg .biao .right #Ac04, 
#reg .biao .right #Ac05, 
#reg .biao .right #Ac06{ line-height:20px;}

#reg .biao2 { clear:both; line-height:30px;}
#reg .biao2 .left{ float:left; text-align:right; width:200px; }
#reg .biao2 .right{ float:right; width:400px;}

#reg .biao3 { clear:both; height:auto; padding-top:20px; padding-bottom:10px;}
#reg .biao3 .left{ float:left; text-align:right; width:200px; }
#reg .biao3 .right{ float:right; width:400px;}

#reg input[type="submit"]{ height:30px; line-height:30px; padding:0 20px; margin-right:30px;}
#reg input[type="submit"]:disabled{ background-color:#999; cursor:default;}/*未勾选注册条款时注册按钮背景色变为灰色*/
#reg input[type="reset"]{ height:30px; line-height:30px;}
#reg .return{ height:30px; line-height:30px; background:none; border:none; cursor:pointer; color:#666;}
#reg .return:hover{ color:#c00;}


/*----------注册界面、客户反馈select下拉框美化样式开始----------*/
.select-wrapper{width:250px; height:28px; position:relative; cursor:pointer; display:inline-block; *display:inline; *float:left; background:#fff;
border: 1px solid #ccc;}/*外层*/
.select-wrapper:hover{ border: 1px solid #0C5EB8;}
.select-wrapper.focus{ border: 1px solid #0C5EB8;}

/*箭头*/
.select-down{ position:absolute; top:2px; right:2px; z-index:2; width:20px; height:24px; background:url(../images/ico.gif) center center no-repeat #ccc;}
.select-wrapper:hover .select-down{ background:url(../images/ico-h.gif) center center no-repeat #0C5EB8;}
.select-wrapper.focus .select-down{ background:url(../images/ico-h.gif) center center no-repeat #0C5EB8;}

/*内外层*/
.select-button{ font-size:12px; width:250px; height:28px; color:#666; border:0; cursor: pointer; padding-left:5px; overflow:hidden; text-align:left; background-color:#fff; outline:none; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}

/*下拉部分*/
.select-list{ font-size:12px; width:250px; background:#fff; border: 1px solid #ccc; display:none; z-index:2; position:absolute; left:-1px; top:30px; overflow:hidden;}
.select-list ul{ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; max-height: 240px;}
.select-list ul li{ width:250px; height:28px; line-height:28px; padding-left:5px; cursor:pointer; overflow:hidden; white-space:nowrap; word-break: keep-all; text-overflow: ellipsis; }
.select-list ul li.selected, .select-list ul li:hover{color: #fff; background: #0C5EB8;}
/*----------select下拉框美化样式结束----------*/


/*----------会员中心myCount----------*/
#con2{position:relative; z-index:2;  margin-top:20px; background-color:#fff; width:1160px; padding:20px;}
#con2 .body1 { min-height:320px;}
#con2 .body1 .left { width:220px; overflow:hidden; float:left; }
#con2 .body1 .left .ltit { font-size:14px; margin:0; padding:0; color:#666; display:none;}
#con2 .body1 .left .lcon { margin-left:10%;}

#nav_menu3 { padding:0 15px;}/*会员界面左侧分类*/
#nav_menu3 ul {}
#nav_menu3 ul li { line-height:24px;}
#nav_menu3 ul .li1{ padding-left:20px;}
#nav_menu3 ul li a { display:block; width:100%; white-space:nowrap; }
#nav_menu3 ul .red{ color:#c00;}
#nav_menu3 ul li a:hover {}
#nav_menu3 ul li a img{ vertical-align:middle;}

#left_Button3 { margin-top:40px;}/*会员界面左侧网站订制、在线合同、在线支付按钮*/
#left_Button3 ul li { height:50px; text-align:center;}
#left_Button3 ul li .big14blue { font-size:14px; font-weight:bold; color:#0C5EB8;}
#left_Button3 ul li .big14blue a:hover { text-decoration:none;}
#left_Button3 ul li .spp11 { background:url(../images/extend_left1.gif) no-repeat right;}
#left_Button3 ul li .spp12 { background:url(../images/extend_left2.gif) no-repeat right;}
#left_Button3 ul li .spp13 { background:url(../images/extend_left3.gif) no-repeat right;}
#left_Button3 ul li .spp2 { background:url(../images/extend_bg.gif) repeat-x}
#left_Button3 ul li .spp3 { background:url(../images/extend_right.gif) no-repeat left;}

#con2 .body1 .left .lcon #news_n { margin-top:20px;  background:url(../images/dcc.gif) no-repeat -220px -187px;}/*？？？？*/
#con2 .body1 .left .lcon #news_n h4 { font-size:14px; color:#085DBD;}
#con2 .body1 .left .lcon #news_n .news_bg1 { background:url(../images/news_bg.gif) no-repeat -3px 0;}
#con2 .body1 .left .lcon #news_n .news_bg2 { background:url(../images/news_bg.gif) no-repeat 0px -190px;}
#con2 .body1 .left .lcon #news_n .news_bg3 { background:url(../images/news_bg.gif) no-repeat 10px -360px;}
#con2 .body1 .left .lcon #news_n .news_bg1 LI{ line-height:15px; padding:4px 0;}
#con2 .body1 .left .lcon #news_n .news_bg2 LI{ line-height:15px; padding:4px 0;}
#con2 .body1 .left .lcon #news_n .news_bg3 LI{ line-height:15px; padding:4px 0;}

#con2 .body1 .middle { width:60px; overflow:hidden; height:610px; float:left; background:url(../images/design1.jpg) no-repeat center top;}

#con2 .body1 .right { width:880px; overflow:hidden; float:right;}
#con2 .body1 .right .flash { background:url(../images/banner4021.jpg);}

#con2 .body1 .rcon { position:relative;}
#con2 .body1 .rcon .return{ position:absolute; right:0; top:6px; color:#fff; height:24px; line-height:24px; padding:0 10px; background-color:#ff7300;}
#con2 .body1 .rcon .return:hover{ background-color:#dd0000;}

#con2 .body1 .rcon .tit { font-size:14px; color:#085DBD; margin:0; padding:0; clear:both;}
#con2 .body1 .rcon .tit2{ font-size:18px;}
#con2 .body1 .rcon .tit b { font-weight:400;}
#con2 .body1 .rcon .tit span { font-size:12px; float:right; font-weight:400;}
#con2 .body1 .rcon .con { margin-bottom:20px;}

#dindan table {border-collapse:collapse; border:1px #ccc solid; width:100%; margin-bottom:20px; text-align:center;}
#dindan table .tr1{ background-color:#fff;}
#dindan table .tr1:hover{ background-color:#ffc;}
#dindan table tr td { border:1px #ccc solid; line-height:30px; }
#dindan table tr td .green{ color:#090;}
#dindan table tr .tHd { font-size:14px; font-weight:bold; height:30px; line-height:30px; background-color:#f5f5f5;} 
#dindan table tr .tHd2 { font-weight:bold;}
#dindan table tr .td1 { width:20%; background-color:#f9f4f1;}
#dindan table tr .td2 { text-align:left; padding-left:10px;} 
#dindan table tr .td2 .text{ width:150px; height:22px; line-height:22px; padding:0 5px;}
#dindan table tr .td2 .text2{ width:300px; height:22px; line-height:22px; padding:0 5px;}
#dindan table tr .td2 .red{ height:10px; line-height:10px; padding-left:5px;}
#dindan table tr .td2 label{ padding-right:20px;}
#dindan table tr .td2 select{ width:162px; height:22px; line-height:22px;}
#dindan table tr .td2 textarea{ width:500px; line-height:20px; padding:5px; margin:5px 0; vertical-align: middle;}
#dindan table tr .td3 { width:17%; padding-right:5px; text-align:right;}

#dindan input[type="submit"]{ height:30px; line-height:30px; padding:0 20px; margin:5px 0;}
#dindan input[type="reset"]{ height:30px; line-height:30px; margin-left:30px;}

#dindan table tr td p .a2 { color:#0C5EB8; padding-left:5px;}
#dindan table tr td p .a2:hover { color:#ff7300;}
#dindan table tr td p .a4 { color:#fff; padding:5px 10px; background-color:#119911; display:inline;}
#dindan table tr td p .a4:hover { background-color:#12a312;}
#dindan table tr td p .a5 { color:#fff; padding:5px 10px; background-color:#ff7300; display:inline;}
#dindan table tr td p .a5:hover { background-color:#F88425;}


/*-----我的讯息、公告的列表页和详细页样式-----*/
#new_list{}
#new_list li{ height:30px; line-height:30px; border-bottom:#ccc 1px dotted; clear:both; }
#new_list li span{ float:right;}
#new_list li .time{ padding-right:5px;}
#new_list li .txt{width:80%; height:30px; line-height:30px; padding-left:25px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#body2{ background:none;}
#conten{ margin:0 10px; padding-bottom:10px;}
#conten .time{ text-align:right; line-height:24px; border-bottom:#ccc 1px solid; margin-bottom:10px; color:#999;}


/*-----会员首页、我的订单、购物车、支付页面的订单详细样式-----*/
#orderDiv0{ border:5px #eee solid; padding:10px;}
#orderDiv0 .li1{ height:30px; line-height:30px; border-bottom:#e5e5e5 1px solid; background:url(../images/gif-0775.gif) no-repeat 5px 11px #fff; padding-left:15px; padding-right:5px; clear:both; overflow:hidden;}
#orderDiv0 .li1:hover{ background:url(../images/gif-0775.gif) no-repeat 5px 11px #ffffac;}
#orderDiv0 .li1 .span-r{ float:right;}
#orderDiv0 .li1 .span-r .text{width:30px; height:20px; line-height:20px; padding:0 5px; text-align:center;}
#orderDiv0 .li1 .del{ float:right; font-size:16px; padding-left:20px;}

#orderDiv0 .li2{ line-height:40px; text-align:right; padding-right:5px;}
#orderDiv0 .li2 img{ vertical-align:middle;}

#orderDiv0 .li3{ padding-top:10px; padding-bottom:10px; line-height:20px;}
#orderDiv0 .li3 .p1{ float:left; padding-top:6px;}
#orderDiv0 .li3 .p2{ overflow:hidden; min-height:120px; _height:120px; padding:5px; vertical-align:top; border:1px #ccc solid;}
#orderDiv0 .li3 .p3{ overflow:hidden; vertical-align:top;}
#orderDiv0 .li3 .p3 textarea{ width:100%; line-height:20px; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#orderDiv0 .li4{ padding-bottom:10px;}
#orderDiv0 .li4 table {border-collapse:collapse; border:none; width:100%;}
#orderDiv0 .li4 table tr td{ padding-top:10px;}
#orderDiv0 .li4 table tr .td1{ width:100px; text-align:right;}
#orderDiv0 .li4 table tr .td2 .text{ width:300px; height:20px; line-height:20px; padding:5px;}

#orderDiv0 .li5{ text-align:center; padding-top:10px; padding-bottom:10px;}
#orderDiv0 .li5 .btn{ height:34px; line-height:32px; padding:0 30px; border-left:#ddd 2px solid; border-top:#ddd 2px solid; border-bottom:#900 2px solid; border-right:#900 2px solid; background-color:#c00;}
#orderDiv0 .li5 .btn:hover{ background-color:#f00;}

#orderDiv0 .li6{ text-align:center; padding-bottom:10px;}
#orderDiv0 .li6 .btn2{ font-weight:bold; color:#666; border:0; width:100px; height:30px; line-height:30px; margin:0 30px; background-color:#ddd; cursor:pointer;}
#orderDiv0 .li6 .btn2:hover{ background-color:#0C5EB8; color:#fff;}

#orderDiv0 .li7{ text-align:center; padding:20px 0;}
#orderDiv0 .li7 img{ vertical-align:middle;}

#orderShow .close{ text-align:center; line-height:30px;}
#orderShow .close .red{ color:#c00;}


/*----------网站超市动画部分开始----------*/
#fl{ width:1200px; height:400px; margin:0 auto; overflow:hidden;}
#fl .DB_tab25 {width:1200px;height:400px;position:relative;overflow:hidden;}
#fl .DB_tab25 .DB_bgSet{position:relative;}
#fl .DB_tab25 .DB_bgSet li{position:absolute;width:1200px;height:400px;display:none;}
#fl .DB_tab25 .DB_imgSet{width:1200px;height:400px;}
#fl .DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:100px;top:60px; z-index:2;}/*--移动后位置--*/
#fl .DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:790px;top:90px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:868px;top:281px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:100px;top:80px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:408px;top:80px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:655px;top:255px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:100px;top:95px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:255px;top:60px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:335px;top:294px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:100px;top:100px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:845px;top:100px; z-index:2;}
#fl .DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:610px;top:130px; z-index:2;}
#fl .DB_tab25 .DB_menuWrap{width:1200px;}
#fl .DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute; top:380px; width:1200px; text-align: center; font-size:0; border-radius:20px;}
#fl .DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer; margin:0 3px; display:inline}
#fl .DB_tab25 .DB_prev{position:absolute;left:10px;top:167px;cursor:pointer;display:none}
#fl .DB_tab25 .DB_next{position:absolute;right:10px;top:167px;cursor:pointer;display:none}
/*----------网站超市动画部分结束----------*/


/*----------网站超市----------*/
#con4{ width:1200px; margin:0 auto; margin-top:20px;}

#slide_right3{ position:relative;}
#slide_right3 .ul-t{line-height:32px; height:35px; border-bottom:2px #0C5EB8 solid;}
#slide_right3 .ul-t .li-t{float:left; padding:0 30px; background-color:#eee; font-size:14px; margin-right:4px; cursor:pointer;}
#slide_right3 .ul-t .tab{ background-color:#0C5EB8; color:#fff; line-height:35px; }
#slide_right3 .ul-t .rightmore{ float:right; line-height:35px;}

#myPro_ymcx{ width:1100px; padding:25px 50px; padding-bottom:20px; margin:0 auto; margin-bottom:70px; background-color:#ff7300;}
#myPro_ymcx h2{ float:left; color:#fff; font-size:32px; font-weight:normal; line-height:50px; padding-right:40px;}
#myPro_ymcx .ymcx2{ overflow:hidden;} 
#myPro_ymcx .ymcx2 .shuru .p1{ float:right;}
#myPro_ymcx .ymcx2 .shuru .p1 input{ border:none; font-size:22px; font-weight:normal; width:170px; height:50px; line-height:50px; text-align:center; background-color:#A25617;}
#myPro_ymcx .ymcx2 .shuru .p1 input:hover{ background-color:#7A3F0F;}
#myPro_ymcx .ymcx2 .shuru .p2{ overflow:hidden;}
#myPro_ymcx .ymcx2 .shuru .p2 input{ border:none; width:100%; height:50px; line-height:50px; padding:0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#myPro_ymcx .ymcx2 .p3{ height:20px; line-height:20px; color:#fff; padding-top:10px;}
#myPro_ymcx .ymcx2 .p3 input{ vertical-align:middle;}

#myPro_list{ margin-bottom:70px;}
#myPro_list .title10{ position:relative; text-align:center; margin-bottom:15px;}
#myPro_list .title10 h2{ position:relative; z-index:3; float:none; font-size:32px; font-weight:normal; color:#333; height:54px; line-height:54px; padding:0 18px;  background-color:#EBFAFF; display:inline-block; *display:inline; zoom:1;}
#myPro_list .title10 .xian{ position:absolute; top:28px; left:0; z-index:2; font-size:0; width:100%; height:1px; background-color:#e5e5e5;}
#myPro_list .title10 p{ font-size:0; text-align:center;}
#myPro_list .title10 p span{ font-size:14px; line-height:48px; margin:0 35px; padding-left:18px; background:url(../images/title10.gif) no-repeat 0 20px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}

#myPro_list dl{ font-size:0; width:1216px; margin-bottom:20px;}
#myPro_list dl dt{ width:286px; height:auto; padding-bottom:12px; margin-top:16px; margin-right:16px; border:1px #e5e5e5 solid; background-color:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:top;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
#myPro_list dl dt .pic{ width:100%; min-height:120px; text-align:center; overflow:hidden; background-color:#f6f7f9;}
#myPro_list dl dt .pic .pic-1{ margin:0 20px; margin-top:25px;}
#myPro_list dl dt .pic .pic-1 .p2{ text-align:left;}

#myPro_list dl dt .txt{ margin:0 20px; margin-top:15px; padding-bottom:15px; border-bottom:1px dashed #ddd;}

#myPro_list dl dt .p1{ font-size:16px; color:#333; height:26px; line-height:26px; padding-bottom:5px; overflow:hidden;}
#myPro_list dl dt .p2{ font-size:12px; height:40px; line-height:20px; overflow:hidden;}
#myPro_list dl dt .p3{ font-size:12px; height:20px; line-height:20px; overflow:hidden;}

#myPro_list dl dt .price{ margin:0 20px; margin-top:15px;}
#myPro_list dl dt .price p{ padding-bottom:12px; font-size:14px; height:24px; line-height:24px;}
#myPro_list dl dt .price p .span1{ font-size:12px; padding-left:15px;}
#myPro_list dl dt .price p .yuanjia{ font-size:12px;}
#myPro_list dl dt .price a{ font-size:14px; height:28px; line-height:28px; color:#fff; padding:0 20px; margin-right:20px; text-align:center; display:inline-block; *display:inline; zoom:1; filter:alpha(opacity=0);_filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#myPro_list dl dt .price .shopcar{ background-color:#c00;}
#myPro_list dl dt .price .shopcar:hover{ background-color:#e00;}
#myPro_list dl dt .price .green{ background-color:#060;}
#myPro_list dl dt .price .green:hover{ background-color:#168a16;}

#myPro_list .more{ font-size:16px; height:28px; line-height:28px; text-align:center;}
#myPro_list .more a{ padding-right:20px; background:url(../images/title10-2.gif) no-repeat right 6px; display:inline-block; *display:inline; zoom:1;}

#myPro_list .more a:hover{ background:url(../images/title10-2-h.gif) no-repeat right 6px;}

#myPro_list dl dt:hover{ border:1px #0C5EB8 solid; padding-bottom:20px; margin-top:8px;
 -webkit-box-shadow: 0 0 10px 5px rgba(12,94,184,0.2);
 -moz-box-shadow: 0 0 10px 5px rgba(12,94,184,0.2);
 box-shadow: 0 0 10px 5px rgba(12,94,184,0.2);
}
#myPro_list dl dt:hover .pic{ background-color:#0C5EB8; color:#fff;}
#myPro_list dl dt:hover .pic .pic-1 .p1{ color:#fff;}
#myPro_list dl dt:hover .price a{ filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/*----------网站建设首页、域名首页、空间首页、邮箱首页的产品列表单独定义，和网站超市的区分开----------*/
#con .con-l #myPro_list{ margin-bottom:30px;}
#con .con-l #myPro_list #slide_right3 .newslist3{ min-height:200px; _min-height:200px;}
#con .con-l #myPro_list #slide_right3 .newslist3 dl{ width:918px;}
#con .con-l #myPro_list #slide_right3 .newslist3 dl dt{ margin-right:18px; margin-top:18px;}
#con .con-l #myPro_list #slide_right3 .newslist3 dl dt:hover{ margin-top:10px;}



/*----------在线定制、在线合同、在线支付表单样式----------*/
#Layer0{ width:980px; margin:40px auto; background-color:#fff; border:10px #eee solid; font-size:14px; position:relative;}
#Layer0 h1 { padding-left:30px; padding-top:20px; font-weight:bold; font-size:24px;}
#Layer0 .return{ position:absolute; right:30px; top:27px; color:#fff; height:24px; line-height:24px; padding:0 10px; background-color:#ff7300;}
#Layer0 .return:hover{ background-color:#dd0000;}
#Layer1 {  width: 900px; padding:0 40px; padding-bottom:20px;}   

#Layer1 .biao{ padding-top:10px;}
#Layer1 .biao .left{ float:left; width:15%;  }
#Layer1 .biao .left p{ text-align: right; font-weight:bold; height:32px; line-height:32px;}
#Layer1 .biao .right { float:right; width:84%; }

#Layer1 .biao .right input{ font-size:14px;}
#Layer1 .biao .right .box{ height:20px; line-height:20px; width:300px; color:#ccc; padding:5px; }
#Layer1 .biao .right .box1{ height:20px; line-height:20px; width:150px;  color:#666; padding:5px; margin-right:10px;}
#Layer1 .biao .right textarea{width:680px; color:#ccc; line-height:20px; padding:5px; font-size:14px;}
#Layer1 .biao .right .textarea1{color:#666;}

#Layer1 .checkbox_controls_inner{font-weight:normal; line-height:32px; }
#Layer1 .checkbox_controls_inner .checkbox_wrap{ width:110px; display:inline-block; }

#Layer1 .biao .right input[type="submit"]{ padding:0 30px; height:40px; line-height:40px; margin-top:10px; margin-right:30px; vertical-align:top;}
#Layer1 .biao .right input[type="reset"]{ height:40px; line-height:40px; margin-top:10px; vertical-align:top;}


/*----------网站建设详细页面顶部左侧图片部分----------*/
#con .con-l .right-t .right-t-l {width:320px; height:240px; float:left;} /**/
#con .con-l .right-t .right-t-l img { border:#eee 1px solid; padding:2px;} /**/


/*----------域名、空间、邮箱详细页面顶部左侧图片部分----------*/
#con .con-l .right-t .right-t-domain {width:320px; height:240px; float:left; background:url(../images/domain-bg.gif)  no-repeat 0 0;}
#con .con-l .right-t .right-t-domain .p1 {padding-left:90px; font-size:20px; padding-top:10px; color:#333; font-weight:bold;}
#con .con-l .right-t .right-t-domain .p2 { padding-left:20px; font-size:14px; padding-top:30px; }	

#con .con-l .right-t .right-t-hosting { width:320px; height:240px; float:left; background:url(../images/hosting-bg.gif)  no-repeat 0 0;}
#con .con-l .right-t .right-t-hosting .p1 {padding-left:80px; font-size:20px; padding-top:25px; color:#333; font-weight:bold;}
#con .con-l .right-t .right-t-hosting .p1 span{ font-size:16px; font-weight:normal;}
#con .con-l .right-t .right-t-hosting .p2 { font-size:14px; padding:40px; }

#con .con-l .right-t .right-t-email { width:320px; height:240px; float:left; background:url(../images/email-bg.gif)  no-repeat 0 0;}
#con .con-l .right-t .right-t-email .p1 {padding-left:80px; font-size:20px; padding-top:25px; color:#333; font-weight:bold;}
#con .con-l .right-t .right-t-email .p1 span{ font-size:16px; font-weight:normal;}
#con .con-l .right-t .right-t-email .p2 { font-size:14px; padding:40px; }


/*----------详细页面顶部右侧简述部分----------*/
#con .con-l .right-t .right-t-r {width:560px; height:240px; float:right; overflow:hidden; position:relative;} /**/
#con .con-l .right-t .right-t-r h1 { font-size:18px; line-height:30px; padding-right:20px; padding-bottom:5px; display:inline-block; background:url(../images/title03.gif) no-repeat bottom right;} /**/
#con .con-l .right-t .right-t-r .p1{ font-size:14px;}
#con .con-l .right-t .right-t-r .p2 span{ font-weight:bold;}

#con .con-l .right-t .right-t-r .right-t-r-b { position:absolute; left:0; bottom:0; height:105px;} /**/
#con .con-l .right-t .right-t-r .right-t-r-b {width:100%; height:105px; overflow:hidden;  padding:5px 0; background-color:#f5f5f5; text-align:center;}
#con .con-l .right-t .right-t-r .right-t-r-b p .yishuzi{ font-size:20px; line-height:24px;}
#con .con-l .right-t .right-t-r .right-t-r-b p .span1{ margin-left:20px;}
#con .con-l .right-t .right-t-r .right-t-r-b .dnyh{ background-color:#fff; height:33px; line-height:33px; text-align:center; margin-top:10px;}
#con .con-l .right-t .right-t-r .right-t-r-b .dnyh a{ color:#F00; text-decoration:underline;}
#con .con-l .right-t .right-t-r .right-t-r-b .dnyh .yishuzi{ font-size:16px;}
#con .con-l .right-t .right-t-r .right-t-r-b .dnyh a .yishuzi{ font-size:18px;}


/*----------产品详细页选项卡点击切换----------*/
.proview2{ clear:both; margin:20px 0; border:solid 1px #ccc; position:relative;}
.proview2 h2{ position:absolute; left:0; top:0; width:168px; text-align:center; font-size:16px; color:#fff; background-color:#0C5EB8; height:40px; line-height:40px;}
#proDetail #proIntro #t { margin-left:168px; font-size:14px; height:39px; line-height:40px; border-bottom:solid 1px #ccc; background-color:#eee;}
#proDetail #proIntro #t a{ float:left; color:#666; width:145px; height:40px; line-height:40px; border-right:solid 1px #ccc; text-align:center; cursor:pointer;}
#proDetail #proIntro #t #t0{ color:#c00; background-color:#FFF; border-left:solid 1px #ccc; }
#proDetail #proIntro #t #t4{ border-right:none;}

#proDetail #proIntro #tc{ overflow:hidden; min-height:200px; _height:200px; margin:15px; padding:20px; background-color:#f5f5f5; font-size:14px;}
#proDetail #proIntro #tc1{ display:none;}
#proDetail #proIntro #tc2{ display:none;}
#proDetail #proIntro #tc3{ display:none;}
#proDetail #proIntro #tc4{ display:none;}

#proDetail #proIntro #tc #tc0 .con.colork2 { padding-top:20px;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix { width:815px; border-left: 1px #fff solid; border-top: 1px #fff solid;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li { float:left; padding:18px; overflow:hidden; border-right: 1px #fff solid; border-bottom: 1px #fff solid; text-align:center;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bg { width:370px; height:305px; background-color:#fff; padding-top:5px;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li:hover .bg {background-color:#0C5EB8; color:#fff; }

#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bk{ font-size:14px; line-height:35px; color:#fff; font-weight:bold; background-color:#0C5EB8;  padding:5px 12px;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bk:hover{ background-color:#fff; color:#0C5EB8; }
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li:hover .bk{ background-color:#fff; color:#0C5EB8;}

#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bg .alixixi {position:relative; overflow:hidden; width:360px; height:270px; margin:0 5px; border-bottom:1px #fff solid;}	
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bg .alixixi .heading {position:absolute; top:-50px; left:330px; background:#000; filter:alpha(opacity=100);_filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; height:30px; width:30px; line-height:20px; text-align:center;  overflow:hidden;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bg .alixixi .heading img { padding-top:5px;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bg .alixixi .caption {position:absolute; bottom:-200px; left:0px; background:#000; filter:alpha(opacity=80);_filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; height:auto; width:360px; padding-bottom:5px; text-align:left;  overflow:hidden;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bg .alixixi .caption span{color:#aaa;}
#proDetail #proIntro #tc #tc0 .con.colork2 .clearfix li .bg .alixixi .caption span a{ background-color:#d00; color:#fff; display:inline-block; font-size:12px; line-height:18px; padding:0 5px; margin-top:5px; margin-left:5px; font-weight:normal;}
#anli-show { border:#ccc 5px solid;}


/*----------评论换行（已避开新闻换行冲突）----------*/
.colork6 { background-color:#f9f9f9; padding:10px 0;}
.colork5 { background-color:#eee; padding:10px 0;}

#proDetail #proIntro #tc4 .con ul li .image{ float:left; padding-left:10px; }
#proDetail #proIntro #tc4 .con ul li .txt{ float:left; margin-left:20px; width:700px; word-wrap:break-word; word-break:normal; overflow:hidden;}
#proDetail #proIntro #tc4 .con ul li .txt p span{ color:#c00; font-weight:bold;}
#proDetail #proIntro #tc4 .con .pinglun{ margin-top:15px;}
#proDetail #proIntro #tc4 .con .pinglun p{ line-height:28px; padding-top:5px;}
#proDetail #proIntro #tc4 .con .pinglun p span{ vertical-align:top; width:80px; text-align:right; display:inline-block; *display:inline; zoom:1;}
#proDetail #proIntro #tc4 .con .pinglun p .text1{ width:150px; height:16px; line-height:16px; padding:5px;}
#proDetail #proIntro #tc4 .con .pinglun p textarea{ width:600px; line-height:16px; padding:5px;}
#proDetail #proIntro #tc4 .con .pinglun .yzm{ font-size:0;}
#proDetail #proIntro #tc4 .con .pinglun .yzm input[type="text"]{ height:16px; line-height:16px; padding:5px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#proDetail #proIntro #tc4 .con .pinglun .yzm img{ vertical-align:top; margin:0 5px; margin-top:5px;}
#proDetail #proIntro #tc4 .con .pinglun .yzm a{ font-size:14px; vertical-align:top; display:inline-block; *display:inline; zoom:1;}
#proDetail #proIntro #tc4 .con .pinglun .p1{ font-size:0;}
#proDetail #proIntro #tc4 .con .pinglun .p1 .comment_ok{ font-size:12px; height:28px; line-height:28px; padding:0 15px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}


/*----------QQ----------*/
#kf{ right:0px; position:fixed; width:56px; margin-right:10px; padding-bottom:60px; z-index:999; display:block;}
#kf .kf1{ width:50px; border:3px #ddd solid; background:rgba(204, 204, 204, 0.8)!important;/*实现背景透明，文字不透明*/ background:#ccc; filter:Alpha(opacity=80);/*实现IE背景透明*/}

#kf .kf1 .qq{ width:50px; margin-top:20px; position:relative;}
#kf .kf1 .qq ul{}
#kf .kf1 .qq ul li{ font-size:14px; width:40px; height:40px; line-height:40px; border-bottom:1px #aaa solid; margin:0 auto; margin-bottom:10px; text-align:center; overflow:hidden; vertical-align:top;}
#kf .kf1 .qq ul li .qq1{background:url(../images/qq1.jpg) no-repeat center 0px; display:block; color:#008000; padding-top:10px; }
#kf .kf1 .qq ul li .qq1:hover{color:#d00; background:url(../images/qq-h.gif) no-repeat center 0px;}
#kf .kf1 .qq ul li .qq2{background:url(../images/qq2.jpg) no-repeat center 0px; display:block; color:#0000ff; padding-top:10px; }
#kf .kf1 .qq ul li .qq2:hover{color:#d00; background:url(../images/qq-h.gif) no-repeat center 0px;}

#kf .kf1 .xq{ width:50px; padding-top:20px; padding-bottom:10px; position:relative;}
#kf .kf1 .xq ul li{ font-size:14px; width:36px; height:36px; line-height:36px; border:2px #FBC599 solid; margin:0 auto; margin-bottom:10px; text-align:center;  background-color:#eee; overflow:hidden; vertical-align:top;}
#kf .kf1 .xq ul li .xq1{ background:url(../images/xq1.gif) no-repeat center center #ff7300; display:block;}
#kf .kf1 .xq ul li .xq1:hover{ background:url(../images/xq1-h.gif) no-repeat center center #dd0000;}
#kf .kf1 .xq ul li .xq2{ background:url(../images/xq2.gif) no-repeat center center #ff7300; display:block;}
#kf .kf1 .xq ul li .xq2:hover{ background:url(../images/xq2-h.gif) no-repeat center center #dd0000;}
#kf .kf1 .xq ul li .xq3{ background:url(../images/xq3.gif) no-repeat center center #ff7300; display:block;}
#kf .kf1 .xq ul li .xq3:hover{ background:url(../images/xq3-h.gif) no-repeat center center #dd0000;}

#returntop{ position:absolute; bottom:0; width:50px; height:50px; line-height:50px; margin-top:4px; border:3px #ddd solid; cursor:pointer; display:none;}
#returntop a{ width:50px; height:50px; background:url(../images/returntopa.gif) no-repeat center center #999; display:block;}
#returntop a:hover{ background:url(../images/returntopa-h.gif) no-repeat center center #dd0000;}


/*----------about----------*/
#con-t2{ position:relative; z-index:2; width:1180px; padding:10px; margin:0 auto; margin-top: 10px; height:40px; background-color:#fff;}
#con-t2 .con-t1 { width:1180px; height:40px; background-color:#eee; margin-bottom:10px; position:relative; }
#con-t2 .con-t1 p { height: 40px; line-height: 40px; padding-left: 20px; color:#0C5EB8; }
#con-t2 .con-t1 p .selected {color:#0C5EB8; }
#con-t2 .con-t1 .con-t-r{position:absolute;right:20px; top:10px;}
#con-t2 .con-t1 .sp1 { position:absolute;right:198px; top:2px; height:40px;line-height:40px; font-size: 12px; font-weight:bold; color:#0C5EB8;}


/*----------招聘结果查询----------*/
#con .con-l .rcon h3{ font-size:16px;}
#con .con-l .rcon form input[type="text"]{ height:23px; line-height:23px; padding:5px; width:200px; margin-top:5px; }
#con .con-l .rcon form input[type="text"]:hover{ }
#con .con-l .rcon form input[type="image"]{ width:100px; height:35px; float:right; margin-right:460px; margin-top:5px;}
#con .con-l .rcon .con.padding10 .table1 tr td{ padding-left:10px;}

#zpjgcx .p1 input[type="text"]{ height:23px; line-height:23px; padding:5px; width:200px; margin-top:5px; }
#zpjgcx .p1 a{ display: inline-block; font-size:14px; font-weight:bold; color:#fff; width:100px; height:35px; line-height:35px; text-align:center; margin-top:5px; margin-left:15px; background-color:#0C5EB8; vertical-align:top;}


/*----------招聘列表----------*/
#con .con-l .rcon .hrlist{ margin:30px auto;}
#slide_right6{ position:relative; min-height:75px; _height:75px; background:url(../images/bg-title.jpg) no-repeat 0 0 #fff;}
#slide_right6 h2{ position:absolute; left:10px; top:0; font-size:24px; line-height:38px; color:#fff;}
#slide_right6 .ul-t{ text-align:right; font-size:0; padding-top:20px; padding-right:10px;}
#slide_right6 .ul-t .li-t{ font-size:12px; line-height:16px; margin-left:5px;  padding:2px 8px; color:#fff; background-color:#0C5EB8; vertical-align:top; display:inline-block; *display:inline; zoom:1; cursor:pointer;}
#slide_right6 .ul-t .tab{ background-color:#c00; }

#slide_right6 .title5{ font-size:0; margin-top:20px; height:50px; border-bottom: 1px solid #eee;}
#slide_right6 .title5 p{ padding-left:20px; width:130px; font-size:14px; font-weight:bold; line-height:50px; vertical-align:top; display:inline-block; *display:inline; zoom:1;}
#slide_right6 .title5 .p1{ width:240px;}
#slide_right6 .title5 .p2{ width:170px;}

#slide_right6 .newslist6{}
#slide_right6 .newslist6 dl{ font-size:0; border-bottom: 2px dotted #eee;}
#slide_right6 .newslist6 dl dt{ padding-left:20px; width:130px; font-size:14px; line-height:50px; vertical-align:top; display:inline-block; *display:inline; zoom:1;}
#slide_right6 .newslist6 dl .dt1{ width:240px;}
#slide_right6 .newslist6 dl .dt2{ width:20px; height:10px; margin-top:20px; background:url(../images/hr.gif) no-repeat 0 0; cursor:pointer; }
#slide_right6 .newslist6 dl .dt2:hover{ background:url(../images/hr-h.gif) no-repeat 0 0;}
#slide_right6 .newslist6 dl .ig{ background:url(../images/hr2.gif) no-repeat 0 0; }
#slide_right6 .newslist6 dl .ig:hover{ background:url(../images/hr2-h.gif) no-repeat 0 0;}

#slide_right6 .newslist6 dl .submenu { font-size:12px; padding:0 20px; padding-bottom:20px;}
#slide_right6 .newslist6 dl .submenu .p3{ font-size:14px;}
#slide_right6 .newslist6 dl .submenu .p4{ padding-top:10px; font-size:14px;}
#slide_right6 .newslist6 dl .submenu .p5{ padding-top:10px; font-size:14px;}
#slide_right6 .newslist6 dl .submenu .p5 a{ line-height:36px; padding:0 15px; margin-right:15px; color:#fff; background-color:#c00; vertical-align:top; display:inline-block; *display:inline; zoom:1;}
#slide_right6 .newslist6 dl .submenu .p5 a:hover{ background-color:#e00;}
#slide_right6 .newslist6 dl .submenu .p5 .a2{ background-color:#060;}
#slide_right6 .newslist6 dl .submenu .p5 .a2:hover{ background-color:#168a16;}


/*----------招聘简历表单----------*/
#txjlbg{ position:fixed; top:0; left:0; z-index:999999; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop)); width:100%; height:100%; _height:100%; text-align:center; display:none;}
#txjlbg .i1{ display:inline-block; *display:inline; zoom:1; height:100%; vertical-align:middle;}
#txjl{ position:relative; width:798px; height:680px; max-height:98%; border:1px #000 solid; background-color:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

.txjl-1{ position:relative; height:30px; background-color:#999; }
.txjl-1 h3{ line-height:30px; color:#fff;}
.txjl-1 .close{ position:absolute; top:4px; right:4px; font-size:14px; width:20px; height:20px; line-height:20px; color:#666; text-align:center; border:1px #ffc solid; background-color:#ccc; cursor:pointer; }
.txjl-1 .close:hover{ background-color:#ffc;}

.txjl-2{ height:30px; line-height:30px;}
.txjl-2 p{ font-size:14px; font-weight:bold; text-align:center; color:#666; background-color:#FFC;}

.txjl-3{ position:absolute; left:0; top:60px; bottom:0; width:100%; overflow:auto;}
.txjl-3 form{ padding:10px 0;}

.txjl-list{ clear:both; font-size:12px; width:680px; margin:0 auto; text-align:left;}
.txjl-list .biao { width:680px; line-height:30px; padding-bottom:5px; vertical-align:top;}
.txjl-list .biao .left{ float:left; text-align:right; width:100px;}
.txjl-list .biao .left1{ line-height:20px; padding-top:5px; }
.txjl-list .biao .right{ float:right; width:580px;}
.txjl-list .biao input[type="text"]{ height:18px; line-height:18px; padding:5px; }
.txjl-list .biao .box1{ width:190px; }
.txjl-list .biao .box2{ width:328px; }
.txjl-list .biao .box3{ width:90px; }
.txjl-list .biao .red{ padding-left:5px; color:#F00;}

.txjl-list .biao1 { float:left; width:340px;}
.txjl-list .biao1 .right{ float:right; width:240px; height:30px;}

.txjl-list .biao2 { width:440px;}
.txjl-list .biao2 .right{ width:340px;}
.txjl-list .biao2 .right .span1{ float:left;}
.txjl-list .biao2 .right .span2{ float:right;}

.txjl-list .biao .select-wrapper{ width:200px; height:28px; line-height:28px;}
.txjl-list .biao .select-button{ width:200px; height:28px; line-height:28px;}
.txjl-list .biao .select-down{ height:24px;}
.txjl-list .biao .select-list{ width:200px; top:30px;}
.txjl-list .biao .select-list ul li{ width:200px; height:28px; line-height:28px;}

.txjl-list .biao .right textarea{width:530px; height:54px; line-height:18px; padding:5px;resize: vertical;}

.txjl-list .biao3{ padding-top:5px; padding-bottom:0;}
.txjl-list .biao3 .submit{ margin-left:225px; width:80px; height:30px; line-height:30px; }


/*----------主机邮局组合----------*/
.con-l .hosting_hot .clearfix{ width:800px; padding-left:80px; padding-top:20px; border:10px #eee solid; margin-bottom:20px; }
.con-l .hosting_hot .clearfix .li1{float:left; width:320px; height:240px; position:relative; padding-right:80px; padding-bottom:20px; background:url(../images/hosting-bg.gif) no-repeat 0 0;}
.con-l .hosting_hot .clearfix li h3{ position: absolute; left:85px; top:25px; font-size:24px;}
.con-l .hosting_hot .clearfix li p .span1{ color:#f00;}
.con-l .hosting_hot .clearfix li .p2{ position: absolute; left:38px; top:80px; line-height:25px;}
.con-l .hosting_hot .clearfix li .p2 .span2{ text-decoration:line-through;}

.con-l .hosting_hot .clearfix li .p3{ position: absolute; left:38px; top:165px; width:235px; line-height:18px;}
.con-l .hosting_hot .clearfix li .p4{ position: absolute; left:38px; top:115px;}
.con-l .hosting_hot .clearfix li .p5{ position: absolute; left:135px; top:115px;}
.con-l .hosting_hot .clearfix li .shopcar {background:url(../images/button_buy.gif) no-repeat top left; width:73px; height:23px; display:block; float:left;}
.con-l .hosting_hot .clearfix li .p6{ position: absolute; left:38px; top:190px; width:235px;}


/*----------新闻集锦----------*/
#con .con-l .count-r1{height:225px; width:423px; padding:10px; border:1px #ddd solid; float:left; margin-bottom:10px;}
#con .con-l .count-r1 h3{ height:22px; line-height:22px; padding:5px; padding-left:10px; background-color:#f5f5f5; }
#con .con-l .count-r1 .more{ float:right; color:#227BD6; padding-top:5px; padding-right:10px;}
#con .con-l .count-r1 .more:hover{ color:#ff7300;}
#con .con-l .count-r1 .clearfix{ padding:5px 0; }
#con .con-l .count-r1 .clearfix li { border-bottom:#999 1px dotted; margin-top:8px;  height:22px;}
#con .con-l .count-r1 .clearfix li a {background: url(../images/icon-c.gif) left no-repeat; padding-left:15px; float:left;}
#con .con-l .count-r1 .clearfix li span { color:#aaa; float:right;}
#con .con-l .count-r1 .clearfix li .s1 { color:#ff7300; float:none; padding-left:5px;}
#con .con-l .count-r1 .p5{ text-align:center;}

#con .con-l .count-r2{height:225px; width:423px; padding:10px; border:1px #ddd solid; float:right; margin-bottom:10px;}
#con .con-l .count-r2 h3{ height:22px; line-height:22px; padding:5px; padding-left:10px; background-color:#f5f5f5; }
#con .con-l .count-r2 .more{ float:right; color:#227BD6; padding-top:5px; padding-right:10px;}
#con .con-l .count-r2 .more:hover{ color:#ff7300;}
#con .con-l .count-r2 .clearfix { padding:5px 0;}
#con .con-l .count-r2 .clearfix li { border-bottom:#999 1px dotted; margin-top:8px; height:22px;}
#con .con-l .count-r2 .clearfix li a {background: url(../images/icon-c.gif) left no-repeat; padding-left:15px; float:left;}
#con .con-l .count-r2 .clearfix li span { color:#aaa; float:right;}
#con .con-l .count-r2 .clearfix li .s1 { color:#ff7300; float:none;}
#con .con-l .count-r2 .p5{ text-align:center;}
#con .con-l .count-r2 .a3{ color:#fff; padding:8px 20px; background-color:#227BD6; display:inline;}
#con .con-l .count-r2 .a3:hover { background-color:#1168c1;}


/*----------域名查询提交----------*/
.ymcx{  border:10px #eee solid; padding:20px; margin-bottom:30px;}
#con .con-l .ymcx form table tr{ text-align:center;}
#con .con-l .ymcx form table tr td{ line-height:30px;}
#con .con-l .ymcx form table tr td img{ vertical-align:middle;}
#con .con-l .ymcx form input[type="text"]{ width:200px; height:23px; line-height:23px; padding:5px; margin-right:20px; vertical-align:middle; }
#con .con-l .ymcx form .cx{ font-size:14px; color:#fff; width:100px; height:35px; line-height:35px; background-color:#0C5EB8; vertical-align:middle; display:inline-block; *display:inline; zoom:1;}
#con .con-l .ymcx form .cx:hover{ background-color:#007BF4;}
#con .con-l .ymcx .con.padding10 .table1 tr td{ padding-left:10px;}

#result{ padding-bottom:10px;}/*域名查询结果列表*/
#result ul li{ clear:both; line-height:20px; padding:5px 0; border-bottom:1px #ccc dotted;}
#result ul li a{ float:right; margin-left:20px;}
#result ul li span{ overflow:hidden;}

#con .con-l .cxts{ background-color:#f5f5f5; padding:20px; margin-bottom:20px;}


/*----------客服中心首页----------*/
#con1 .kfzx{ padding-bottom:60px;}
#con1 .kfzx h2{ font-size:36px; line-height:40px;}
#con1 .kfzx .clearfix{ margin-left:50px;}
#con1 .kfzx .clearfix li{ float:left; width:220px; height:200px; border:10px #eee solid; margin-right:40px; text-align:center;}
#con1 .kfzx .clearfix li img{ padding-top:13px;}
#con1 .kfzx .clearfix li .p3{ font-size:14px; padding-bottom:15px; color:#0C5EB8;}
#con1 .kfzx .clearfix li .p1{ font-size:16px;}
#con1 .kfzx .clearfix li .p2{ font-size:16px; line-height:54px;}
#con1 .kfzx2 h2{ font-size:36px; line-height:40px;}


/*----------高端定制首页----------*/
#con1 .dowebok{}
#con1 .dowebok .row{ width:100%; height:400px; padding-top:50px; overflow:hidden;}
#con1 .dowebok h2{ font-size:24px; padding-bottom:25px; padding-top:10px;}
#con1 .dowebok p{ font-size:14px;}
#con1 .dowebok a{ display:inline-block;*display:inline;zoom:1; width:120px; height:38px; line-height:38px; border: #e6e6e6 solid 1px; text-align:center; margin:15px 0; border-radius:20px;}
#con1 .dowebok a:hover{ background-color:#0C5EB8; color:#fff; text-decoration:underline;}
#con1 .dowebok ul{ width:480px;}
#con1 .dowebok ul li{ float:left; width:148px; height:50px; border: #e6e6e6 solid 1px; margin-right:10px; background-color:#fff;}

#con1 .dowebok .row2{ width:100%; height:400px; padding-top:50px; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center center;}
#con1 .dowebok .row2 h2{color:#fff;}
#con1 .dowebok .row2 p{color:#fff;}
#con1 .dowebok .row2 a{color:#fff;}
#con1 .dowebok .row3{ width:100%; height:400px; padding-top:50px; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center;}
#con1 .dowebok .row3 h2{color:#fff;}
#con1 .dowebok .row3 p{color:#fff;}
#con1 .dowebok .row3 a{color:#fff;}
#con1 .dowebok .row4{ width:100%; height:400px; padding-top:50px; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center center;}
#con1 .dowebok .row4 h2{color:#fff;}
#con1 .dowebok .row4 p{color:#fff;}
#con1 .dowebok .row4 a{color:#fff;}

#con1 .dowebok .rollLeft{ float:left; width:470px; margin-left:40px;
-webkit-animation: rollLeft 1s ease-out;
-moz-animation: rollLeft 1s ease-out;
-ms-animation: rollLeft 1s ease-out;
animation: rollLeft 1s ease-out;
}
#con1 .dowebok .rollRight{ float:right; width:580px; margin-right:40px;
-webkit-animation: rollRight 1s ease-out;
-moz-animation: rollRight 1s ease-out;
-ms-animation: rollRight 1s ease-out;
animation: rollRight 1s ease-out;
}

#con1 .dowebok .rollLeft2{ float:left; width:580px; margin-left:40px;
-webkit-animation: rollLeft 1s ease-out;
-moz-animation: rollLeft 1s ease-out;
-ms-animation: rollLeft 1s ease-out;
animation: rollLeft 1s ease-out;
}
#con1 .dowebok .rollRight2{ float:right; width:470px; margin-right:40px;
-webkit-animation: rollRight 1s ease-out;
-moz-animation: rollRight 1s ease-out;
-ms-animation: rollRight 1s ease-out;
animation: rollRight 1s ease-out;
}

@-webkit-keyframes rollLeft {
  0% { opacity:0; -webkit-transform:translateX(-100px);}
  100% { opacity:1; -webkit-transform:none;}
}

@keyframes rollLeft {
  0% { opacity:0; -webkit-transform:translateX(-100px);}
  100% { opacity:1; -webkit-transform:none;}
}

@-webkit-keyframes rollRight {
  0% { opacity:0; -webkit-transform:translateX(100px);}
  100% { opacity:1; -webkit-transform:none;}
}

@keyframes rollRight {
  0% { opacity:0; -webkit-transform:translateX(100px);}
  100% { opacity:1; -webkit-transform:none;}
}

@-webkit-keyframes rollLeft2 {
  0% { opacity:0; -webkit-transform:translateX(-100px);}
  100% { opacity:1; -webkit-transform:none;}
}

@keyframes rollLeft2 {
  0% { opacity:0; -webkit-transform:translateX(-100px);}
  100% { opacity:1; -webkit-transform:none;}
}

@-webkit-keyframes rollRight2 {
  0% { opacity:0; -webkit-transform:translateX(100px);}
  100% { opacity:1; -webkit-transform:none;}
}

@keyframes rollRight2 {
  0% { opacity:0; -webkit-transform:translateX(100px);}
  100% { opacity:1; -webkit-transform:none;}
}