﻿.width { width: 1200px; margin: 0 auto; }
.wa { width: 100%; }
.pa { position: absolute; }
.pr { position: relative; }
.l { float: left; }
.r { float: right; }
.c { clear: both; }
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
a { text-decoration: none; color: #888; }
a:hover { text-decoration: none; }
a img { border: none; }

.banner0 {background: url(../images/mood2.jpg) repeat-x;}
.banner1{background: url(../images/mood1.jpg) repeat-x;}
.banner2{background: #23cac0;}
.banner3 {background: url(../images/mood2.jpg) repeat-x;}
.banner4{background: #23cac0;}
#banner{width:100%;height:400px;margin:0 auto;padding:0; display:block; margin-left: auto;margin-right: auto;}

.news_part1{width:100%; height:auto; margin:0px auto;background-color:#FFF;}
.news_part2{width:100%; height:auto; margin:0px auto;background-color:#f3f3f3;}
.news_part1 h3,.news_part2 h3{width:100%; height:46px; line-height:46px; font-weight:bold; text-align:center; font-size:32px;}

.introwords{width:100%;height:auto;margin:0 auto; padding:0;}
.adv li{float:left;width:250px; height:auto; min-height:110px; text-align:left;padding-left:150px;background:url(../images/news_advan_ico.png) no-repeat}
.adv li span.keytitle{width:100%; height:30px; line-height:30px; text-align:left; display:inline-block; font-size:18px; color:#f15433; margin-top:30px; margin-bottom:5px; }
.adv li.advan_ico1{ background-position:0px 0px;}
.adv li.advan_ico2{ background-position:0px -120px;}
.adv li.advan_ico3{ background-position:0px -240px;}
.adv li.advan_ico4{ background-position:0px -360px;}
.adv li.advan_ico5{ background-position:0px -480px;}
.adv li.advan_ico6{ background-position:0px -600px;}

.templatedetail{width:1224px; height:auto; margin:0 auto; padding:0; overflow:hidden; }
.templatedetail li{float:left;width:170px; height:127px; margin:7px; background:url(../images/indexbg.png) 0 -653px no-repeat transparent; padding:10px;}
.templatedetail li img{width:170px; height:127px; border:0;}
.moretemplate{width:96px; height:33px; line-height:33px; padding-left:59px; background:url(../images/indexbg.png) -751px -150px no-repeat #FFF; text-align:left; margin:19px auto 16px auto;}
.moretemplate a{color:#CCC; font-size:14px; height:33px; line-height:33px; display:inline-block;}

#ot5case .caseimg{width:1198px; height:auto; margin:0 auto; padding:0; overflow:hidden;}
#ot5case .caseimg li{float:left; width:169px; height:80px; border:1px solid #efeff0;}
#ot5case .caseimg li img{width:169px; height:80px; border:0; cursor:pointer;}

/******2013-07-02 modify********/
.moveimgcntdiv{width:850px; height:160px; position:absolute; left:173px; top:83px; background-color:#f15433;  color:#FFF; font-size:18px;}

.moveimgcntdiv li{float:left; height:160px;color:#FFF; text-align:left;}
.moveimgcntdiv li.cnt{width:770px; line-height:25px; padding-top:20px; height:140px; text-align:center;}
.moveimgcntdiv li.cnt  span{ color:#F00;  font-size:16px;}
.moveimgcntdiv li.cnt p{line-height:36px; text-indent:2em;font-size:16px; color:#000;}
.moveimgcntdiv li.cnt p.p1{font-size:30px; color:#fff; line-height:50px}
.moveimgcntdiv li.cnt p.p2{font-size:16px; color:#fff;}
.moveimgcntdiv li.cnt p.p3{font-size:16px; color:#fff;}
.moveimgcntdiv li.cnt p span{color:#fffc00; padding:0px 5px;}

.moveimgcntdiv li.lf{width:40px; background:url(../images/indexbg.png) -740px -751px no-repeat;}
.moveimgcntdiv li.rt{width:40px; background:url(../images/indexbg.png) -557px -665px no-repeat;}
.moveimgdiv{width:163px; height:78px; line-height:78px; cursor:pointer; position:absolute; left:2px; top:2px; background-color:#f15433; color:#FFF; font-size:14px; text-align:center; opacity:0.6;}

/******2013-07-02 modify********/
.createhost22{width: 174px;height: 53px;cursor: pointer;position: relative;margin: 287px 0px 0px 636px;display: inline-block;}
/*-----------------------------Common--------------------------------*/
.h20{margin-bottom:20px;}
.wrapper { position: relative; z-index: 1; }
.wrapperLeft { width: 938px; padding: 20px; border: 1px solid #d6d6d6; margin-bottom: 20px; background: #f9f9f9; margin-top: 20px; }
.wrapperLeft strong , .wrapperLeft h1, .wrapperLeft h2, .wrapperLeft h3, .wrapperLeft h4 { padding: 2px 0 5px 0; font-weight: bold; font-family: "微软雅黑", "宋体"; }
/*.wrapperLeft div { font-size: 12px; line-height: 30px; }*/
.wrapperLeft p, .wrapperLeft span, .wrapperLeft div, .wrapperLeft table tr, .wrapperLeft table td { font-family: '宋体'; font-size: 12px; }
.wrapperRight { width: 202px; overflow:hidden; }
/*over deletable*/
#rightTitle { height: 70px; margin-top: 20px; float: left; width: 201px; line-height: 70px; font-size: 20pt; border-top: 1px solid #c73938; border-right: 1px solid #c73938; text-align: center; background: #c73938; color: #fff; }
.rightItemLi { border-bottom: 1px solid #d6d6d6; background: #f6f6f6; overflow: hidden; }
.rightItemA { height: 50px; width: 74%; line-height: 50px; text-align: left; margin: 0 auto; float: right; border-right: 1px solid #d6d6d6; }
#ItemHovered { background: #f9f9f9; margin-left: -1px; width: 203px; }
#ItemHovered a { color: #EC054B; }
.dnRightItem { top: 0; left: -203px; background: #EC054B; width: 202px; height: 50px; }
.dnRightItem .rightItemA { color: #fff; }
#rightContactUs { width: 202px; height: 202px; background: #EFEFEF; float: left; border: 1px solid #d6d6d6; border-left: none; margin: 0 0 0 -1px; }
/*------------------------------News------------------------------*/
.news li { width: 810px; height: 120px; display: block; padding: 10px; }
.newsPic { width: 200px; height: 120px; background: red; float: left; }
.newRight { width: 570px; height: 80px; margin-bottom:20px;}
.newRight a{padding-bottom:2px;}
.newsTitle { font-size: 18px; color: #0A0A0A; font-family: Microsoft YaHei; }
.newsDate { font-size: 12px; margin-top: 4px; color: #2E2E2E; line-height: 22px; }
.newsDesc { font-size: 12px; margin-top: 4px; color: #4F4F4F; line-height: 22px; }
.newsLink { color: #626262; text-decoration: underline; line-height: 22px; }
.List_page { text-align: center; margin: 10px 0; }
.List_page a { margin: 0px 1px; padding: 4px 6px; border: 1px solid #F9054F; color: #F9054F; background: #fff; }
.List_page span { background: #F9054F; color: #fff; margin: 0px 1px; padding: 4px 6px; border: 1px solid #F9054F; }

/*热门媒体套餐 begin*/
.news_tx{ padding:20px 25px 0px;margin:0 auto; height:110px;}
.news_tx li{ width:215px; float:left; position:relative; display:inline; height:110px; margin:0px 5px; background: url(../images/news_txlogo.png) no-repeat}
.news_tx li.news_txlogo1{ background-position:0px 0px;}
.news_tx li.news_txlogo2{ background-position:0px -110px;}
.news_tx li.news_txlogo3{ background-position:0px -220px;}
.news_tx li.news_txlogo4{ background-position:0px -330px;}
/*热门媒体套餐 end*/
/*产品列表 begin*/
.write_list { overflow:hidden;background-color: #fff;}
.write_list { width:1200px; overflow: hidden; margin: 0px auto; color: #595959;}
.write_list ul { display: block;}
.write_list .price { position:absolute; left:10px; top:135px; width:100px; height:60px; line-height:60px; font-size:24px; text-align:center;}
.write_list ul li { float: left; width: 299px;}
.write_list ul li .pd{ border:3px solid #fff; display:block}
.write_list ul li .pd:hover{border-color: #f3f3f3;border-color: rgba(243,243,243,0.8); text-decoration:none;}
.write_list h2 { margin-bottom:10px; font-size: 18px; font-weight:bold; text-align:left; padding-left:100px;}
.write_list p { font-size: 12px; text-align:left;padding-left:100px;}
.write_list .tel { padding-left: 0px;}
.write_list .ico-01,
.write_list .ico-02,
.write_list .ico-03,
.write_list .ico-04 {width: 120px; height:120px; margin:0 auto; display:block; background: url(../images/write_item.png) no-repeat;}
.write_list .ico-01 { background-position: 0px 0px;}
.write_list .ico-02 { background-position: 0px -120px;}
.write_list .ico-03 { background-position: 0px -240px;}
.write_list .ico-04 { background-position: 0px -360px;}

/*案例 begin*/
.case_list,.case_list ul,.case_list ul li{height:350px;}
.case_list {overflow:hidden; position:relative;}
.case_list ul {position:absolute;}
.case_list ul li {float:left; width:1080px; overflow:hidden; position:relative; padding:0px 60px;}
.case_list ul li .post_body{ height:318px; overflow:hidden;}
.case_list .btnBg {position:absolute; width:800px; height:20px; left:0; bottom:0; background:#000; display:none;}
.case_list .btn {position:absolute; width:300px; height:23px; padding:0px 80px 0px 10px; right:0; bottom:15px; text-align:right;}
.case_list .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#000; color:#fff;}
.case_list .btn span.on {background:#000;}
.case_list .preNext {width:45px; height:100px; position:absolute; top:110px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.case_list .pre {left:0;}
.case_list .next {right:0; background-position:right top;}
.post_body {background: #FFFFFF;padding: 15px;line-height: 22px;}
.post_body h2 {font-size: 20px;line-height: 40px;color: #C30; font-weight:bold;}
.post_content {}
.post_info {height: 30px;line-height: 30px;text-align: right;margin-top: 10px;}

.tip_top90{ width:350px;top: 105px;left: 10px;}
.post_content dl{ overflow:hidden;}
.post_content dt{overflow:hidden;float:right;width:325px; padding:10px 0px 0px 15px;}
.post_content dt img{ border:1px solid #ddd; width:320px;}
.post_content dd{ padding:5px 0px 0px;}
.post_content dd h3{font-weight:bold;color:#000; font-size:16px;}
.post_content dd p{line-height:24px;font-size:14px; text-indent:2em;}
.post_content dd h4{font-size:15px; line-height:30px;}
.post_content dd h4 b{font-weight:bold;color:#000;}
/*案例 end*/
/* 仿QQ商城点击左右滚动jquery焦点图特效插件 */
.index-item { overflow:hidden;background-color: #fff;}
.index-item .itemlist { width:1200px; overflow: hidden; margin: 0px auto; color: #595959;}
.index-item ul { display: block;}
.index-item ul li { float: left; width: 299px;}
.index-item ul li .pd{ border:3px solid #fff; display:block}
.index-item ul li .pd:hover{border-color: #f3f3f3;border-color: rgba(243,243,243,0.8); text-decoration:none;}
.index-item h2 { margin-bottom:10px; font-size: 18px; font-weight:bold; text-align:center;}
.index-item h2 span{ display:none}
.index-item p { font-size: 12px; text-align:center;}
.index-item .tel { padding-left: 0px;}
.index-item .ico-01,
.index-item .ico-02,
.index-item .ico-03,
.index-item .ico-04 {width: 120px; height:120px; margin:0 auto; display:block; background: url(../images/index_item.png) no-repeat;}
.index-item .ico-01 { background-position: 0px 0px;}
.index-item .ico-02 { background-position: 0px -120px;}
.index-item .ico-03 { background-position: 0px -240px;}
.index-item .ico-04 { background-position: 0px -360px;}

.wrapper {width:1200px;margin:0px auto;position:relative;}
.com_bg {background:#f3f3f3;}
.row_02 .icon {width:344px;height:427px;background:url(../images/bg_09.png) no-repeat;position:absolute;right:0px;bottom:0px;}
.row_02 .head {height:40px;line-height:40px;text-align:center;}
.row_02 .head h2 {font-size:30px;color:#EA5949;font-weight:bold;}
.row_02 .body {padding:25px 0px;}
.row_02 .body p {height:32px;line-height:32px;padding:8px 0px;font-size:15px;color:#454545;}
.row_02 .body p em {display:inline-block;width:93px;height:32px;background:url(../images/bg_10.png) no-repeat;margin:0px 10px 0px 0px;text-align:center;color:#f8f8f8;}
.row_02 .foot table {text-align:center;font-size:14px;color:#454545;}
.row_02 .foot tr {background:#FFF;border-bottom:2px solid #fcfcfc;height:39px;}
.row_02 .foot tr.first {background:#EA5949;border:none;}

.tjyd{margin-top: 20px;}
.tjyd .hr{border:1px solid #e6e6e6;margin-bottom:20px;}
.tjyd .tjyd_h{margin:10px auto;text-align:left;width:100%;height:40px;overflow:hidden;background-color:#effaf7;}
.tjyd .tjyd_h span{font-size:18px;font-weight:700;line-height:40px;margin-bottom:15px;height:40px;}
.tjyd .tjyd_h a{width:3px;height:40px;display:inline-block;background-color:#029dd6;margin-right:10px;float:left;}
.tuijianleft{
	float: left;
	width: 50%;
}
.tuijianright{
	float: right;
	width: 50%;
	text-align: left;
}
