@charset "utf-8";
body{margin:0;padding:0;font-size:12px;color:#282828; font-family:"Microsoft YaHei";}
dl,dd,p{margin:0;padding:0;border:0;}
a {color:#282828;text-decoration:none;!important}
a:visited {color:#282828;text-decoration:none;}
a:hover {text-decoration:none;}
a:active {color:#282828;}
a:focus {outline:none;}
P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
img{ border:0;}
.clear{clear:both}
#topline{background:#333; height:30px;width:100%;color:#CCC;line-height:30px;}

.header{background:url(../images/bg.jpg) repeat-x;width:100%;height:81px;/*border-bottom: 1px solid #f4f4f4;*/}
.header_div{
  margin:0 auto;
  width: 90%;
  float: left;
  margin-left: 5%;
}
.logo{padding-top:16px; float:left; width:15%;}
.logo img{
  max-width: 100%
}
.hotline{float:right; display:block; width: 10%;padding-top: 15px;}
.hotline img{max-width: 99%;}

#top_nyt {
  margin-bottom: 15px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  _position:absolute;
  _bottom:auto;
  _top:expression(eval(document.documentElement.scrollTop));
}

.menu { float:left;width:75%;height:57px; overflow: hidden; display:block;padding-top: 25px;}
.menu ul{list-style:none;margin:0;padding:0;}
.menu ul li { float: left; 
      overflow: hidden; 
      width:100px;
      height:57px; 
      position: relative; 
      line-height: 57px; 
      text-align: center; 
      margin-left: 5px; 
      _display: inline;
      font-weight: bold; }
.menu ul li a { position: relative; display: block; width:100px;height:57px; font-size: 14px; }
.menu ul li a span { position: absolute; left: 0; width: 100px; cursor:pointer;}
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over, .menu ul li a span.bg { top: 57px; }
#menu ul li a span.over { color: #fff; background:url(../images/btn_bg.png) center; }
#menu ul li a.current { color: #fff; /*background:url(../images/btn_bg.png) center; */background-color: #dc0000; }
.menu ul li a:hover{text-decoration:none;}
.navhover{color: #fff !important; background:url(../images/btn_bg.png) center !important; }

#full-screen-slider { width:100%; height:310px; float:left;position:relative}
#slides { display:block; width:100%; height:310px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:20%; top:270px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; border-radius:5px; background:url(../images/flash-a.png) no-repeat;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:url(../images/flash-hover.png)}

.banner{width:90%; margin:0 auto;margin-top:1px}
.banner img{width: 100%;max-height: 150px;}

.search_wrap{background:url(../images/search_bg.png) repeat-x;width:100%;height:83px;float:left;}
.search_wrap .lxxx{ float:left; margin-right:52px}
.search_wrap .lxxx .xx_ico{float:left;width:64px; height:64px}
.search_wrap .lxxx .xx_con{float:left; line-height:26px; margin:6px 0 0 2px; font-size:14px; color:#3e3e3e}
.search_wrap .lxxx .xx_con .zx{color:#e11200; font-style:italic;}
.search_wrap .lxxx .xx_con .rx{color:#0367a9;font-style:italic;}
.search_wrap .lxxx .xx_con .xx_tit{font-size:16px; color:#0367a9}

.service{ background:url(../images/service_bg.jpg) repeat-x; width:100%;height:295px;float:left;}
.serviceTitle{background:url(../images/service_bg.jpg) no-repeat;height:20px;}
.serviceItem ul{list-style:none; margin:0 auto; padding:0}
.serviceItem ul li{width:212px;height:234px;margin:0 4px;padding:12px 8px; background:url(../images/serviceli_bg.jpg) no-repeat center; float:left;border:1px #cfcfcf solid}
.serviceItem ul li:hover{border:1px #2d5777 solid}
.serviceItem ul li h2{text-align:left;font-size:16px;color:#0367a9; margin:6px 2px;}
.serviceItem ul li p{font-size:12px;color:#616161; line-height:24px; padding:0 2px}
.serviceItem ul li .xq_btn{text-align:center; margin-top:8px}

#main{width:90%;margin:0 auto;}

.case,.newlist{clear:both;width:960px;float:left; }
.newlist{margin-top:30px}

.caseTitle{background:url(../images/line.gif) no-repeat bottom;height:84px;}
.jzclass{height:82px; line-height:82px;float:right; margin-right:20px}
.jzclass ul{list-style:none; margin:0; padding:0}
.jzclass ul li{width:100px; text-align:center;height:82px;float:left; line-height:82px;}
.jzclass ul li a{width:100px;height:82px;display:block;font-weight:bold;color:#444444;font-size:14px;text-align:center;text-decoration:none;}
.jzclass ul li a:hover{color:#0367a9}
.jzclass ul li.iover{background:url(../images/hover.gif) no-repeat center top;CURSOR: pointer; }
.jzclass ul li.iout{ background:none}

.cases{width:960px;margin:0 auto; margin-top:15px}
.cases dl{width:310px;float:left;}
.cases dt{width:310px;position: relative;}
.cases dt span { position:absolute; bottom: 0px; left: 0px; display: block; width: 310px; height: 45px; background: url(../images/casepic_span.png) no-repeat; text-align: center; display: none; }
.cases dt span a { line-height: 45px; font-size: 14px; color:#fff;}
.cases_name{font-size:14px;padding-top:15px;}
.cases_int{font-size:12px;padding-top:10px;color:#999;line-height:20px;}
.cases_center{margin:0 15px;}

.webprocess{background:url(../images/process_bg.gif);width:960px;height:67px;float:left;margin-top:30px;}
.bz{margin-left:85px; margin-top:15px;}
.bz ul{margin:0; padding:0; list-style:none}
.bz ul li{float:left; width:102px; line-height:36px}
.bz ul li .num{background:url(../images/num_bg.gif); width:32px; height:36px; font-size:34px; padding-left:4px;font-style:italic; font-weight:bold; color:#ffffff; float:left;}
.bz ul li .procon{float:left; margin-left:10px; font-size:14px; color:#616161}
.bz ul em{float:left;background:url(../images/arrow.gif); width:20px; height:17px; margin:10px 15px;}

.newlist_1{ width:295px; float:left;}
.title1{ width:295px; height:37px; background:url(../images/news_bg.jpg) no-repeat center; border-bottom:1px #999 dashed}
.title1 .more{height:37px; line-height:37px;}
.newlist_1 ul { width:295px; height:125px; margin-left:0px; margin-top:15px;padding:0;}
.newlist_1 ul li{ height:30px;list-style:none;}
.newlist_1 ul li img{float:left;}
.newlist_1 ul li a{color:#666666;}
.newlist_1 ul li a:hover{ color:#f00;}

.newlist_2{width:295px; float:left;margin-left:40px;}
.title2{ width:295px; height:37px; background:url(../images/SEO_bg.jpg) no-repeat center; border-bottom:1px #999 dashed}
.title2 .more{height:37px; line-height:37px;}
.newlist_2 ul { width:295px; height:125px; margin-left:0px; margin-top:15px;padding:0;}
.newlist_2 ul li{height:30px;list-style:none;}
.newlist_2 ul li img{float:left;}
.newlist_2 ul li a{color:#666666;}
.newlist_2 ul li a:hover{ color:#f00;}

.newlist_3{ width:295px; float:right;}
.title3{ width:295px; height:37px; background:url(../images/pro_bg.jpg) no-repeat center; border-bottom:1px #999 dashed}
.title3 .more{height:37px; line-height:37px;}
.newlist_3 ul { width:295px; height:125px; margin-left:0px; margin-top:15px;padding:0;}
.newlist_3 ul li{height:30px; list-style:none;}
.newlist_3 ul li img{float:left;}
.newlist_3 ul li a{color:#666666;}
.newlist_3 ul li a:hover{ color:#f00;}

.more{float:right;padding-left:10px;font-size:12px;}
.more a{color:#999;}

.partners{background:url(../images/partners_bg.png);width:960px;height:87px;margin-top:30px;float:left;}
.partners ul{list-style:none;margin:0px;padding-left:20px;}
.partners ul li{float:left; padding-left:20px; padding-top:20px}
/******2013年12月23日 16:38:13  修改的底部样式**************/

#footer{width:100%; padding: 5px 0px;/*height:115px; *//*background:url(../images/foot_bg.gif) repeat-x;*/margin-top:20px;float:left;background-color: #ececec;}
.foot_Info{width:90%; float: left;margin-left: 5%;}
.foot_left{width:70%; float:left;margin-left:2%;line-height:2.5;color:#020202; padding-top:15px;}
.foot_left a{ text-decoration:none;color:#020202;margin: 0px 5px;}
.foot_right{width:25%;float:right;padding-top:25px;padding-left:3%; text-align: center;}
.foot_right img{max-width: 95%;}

#service_ul{list-style:none; padding:0px; margin:0px; width:600px}
#service_ul li{width:146px; float:left;text-align:center;line-height:28px;height:28px;}

#servicesBox { width:960px; height:150px; margin:0 auto; clear:both; padding:14px 0px 20px 0px; line-height:18px; color:#999999; font-size:12px;}
#servicesBox .serBox { cursor:pointer; display:inline; width:310px; height:150px; float:left; overflow:hidden; background-color:#f7f7f7; position:relative; padding:0}
#servicesBox .serBoxOn { display:none; width:310px; height:150px; background:#D9D9D9; position:absolute; left:0px; top:0px; z-index:19;}
#servicesBox .serBox .pic1 { width:90px; height:90px; text-align:center; position:absolute; top:15px; right:110px; z-index:99;}
#servicesBox .serBox .pic2 { width:90px; height:90px; text-align:center; position:absolute; top:15px; left:-90px; z-index:99;}
#servicesBox .serBox .txt1 { width:240px; height:100px; color:#999999; position:absolute; top:110px; left:40px; z-index:99;}
#servicesBox .serBox .txt2 { width:240px; height:100px; color:#999999; position:absolute; top:110px; right:-240px; z-index:99;}
#servicesBox .serBox span.tit { font-size:16px; display:block; height:50px; line-height:40px; text-align:center;}
#servicesBox .serBox .txt1 .tit { color:#000000;}
#servicesBox .serBox .txt2 .tit {color:#008BFD}
.fgH20 { float:left; width:14px; height:150px;}
#servicesBox h3 { font-weight:normal; font-size:16px; height:30px; line-height:20px; color:#000000;}

td{background:#FFF;font-size:15px;color:#333;padding:5px;line-height:25px}
.title{font-size:14px; font-weight:bold; background:#6ab4ff;}
.price{font-size:14px; color:#F06; font-weight:bold;}
.column{background:#eee;}

.case_list{width:960px;}
.pro_item{width:270px;height:196px; padding:22px 18px;float:left;background:url(../images/case_bg.png) no-repeat;margin:10px 7px;text-align:left;}
.pro_img{width:270px;height:185px;position:relative;}
.pro_img img{width:270px;height:185px;}
.pro_notice{width:250px;height:165px;padding:10px;position:absolute;left:0px; top:0px; background:url(../images/case_img_bg.png); color:#fff;display:none;z-index:100;}
.pro_notice_title{margin:0px;padding:0px;width:100%;}
.pro_notice_title a{font-weight:600; font-size:14px; width:100%; position:absolute; text-align:center; top:50px; left:0;color:#FFF; text-decoration:none;}
.pro_notice_title a:hover{color:#fdca05;}
.btn_gallery{width:59px; height:59px; display:block; position:absolute; top:90px;right:105px; background:url(../images/enter.png)}
/**2013年12月18日 11:06:41  潇潇增加 case_info**/
.case_info{width:960px;}
.case_info h1 span{ font-size:14px; padding:0 15px 0 0; float:right; font-weight:normal;}
.case_info dl{ font-size:16px; line-height:25px; text-indent:15px;}

.seo_why{width:960px;margin-top:10px; float:left}
.why_title {LINE-HEIGHT: 45px; BACKGROUND: url(../images/title_01.png) no-repeat; HEIGHT: 45px}
.why_relative {TEXT-ALIGN: center; WIDTH: 204px; BACKGROUND: url(../images/title_02.png) no-repeat; HEIGHT: 45px; COLOR: #fff;PADDING-TOP: 2px; margin-left:10px;FONT-SIZE: 16px; FONT-WEIGHT: bold}
.why_box {TEXT-ALIGN: left; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND:url(../images/19300001317260131200538872028_950.jpg) no-repeat right; PADDING-TOP: 20px}
.why_text {WIDTH: 680px}
.f_14 {FONT-SIZE: 14px; FONT-WEIGHT: bold}
.why_text P{line-height:25px}

.seo_Analysis{width:480px;margin-top:20px; float:left}
.Analysis_title {LINE-HEIGHT: 45px; BACKGROUND: url(../images/title_03.png) no-repeat; HEIGHT: 45px}
.Analysis_relative {TEXT-ALIGN: center; WIDTH: 166px; BACKGROUND: url(../images/title_04.png) no-repeat; HEIGHT: 45px; COLOR: #fff;PADDING-TOP: 2px; margin-left:10px;FONT-SIZE: 16px; FONT-WEIGHT: bold}
.Analysis_box {TEXT-ALIGN: left;PADDING-LEFT: 10px; PADDING-RIGHT: 10px;PADDING-TOP: 20px}
.Analysis_text {WIDTH: 460px}
.Analysis_text P{line-height:25px}

.seo_knowledge{width:470px;margin-top:20px; float:right}
.knowledge_title {LINE-HEIGHT: 45px; BACKGROUND: url(../images/title_03.png) no-repeat; HEIGHT: 45px}
.knowledge_relative {TEXT-ALIGN: center; WIDTH: 166px; BACKGROUND: url(../images/title_04.png) no-repeat; HEIGHT: 45px; COLOR: #fff;PADDING-TOP: 2px; margin-left:10px;FONT-SIZE: 16px; FONT-WEIGHT: bold}
.knowledge_title .more{height:45px;line-height:45px;float:right; padding-right:10px;color:#666;}
.knowledge_box {PADDING-LEFT: 10px; PADDING-RIGHT: 10px;PADDING-TOP: 20px}
.knowledge_box ul{list-style:none;margin:0;padding:0;}
.knowledge_box ul li{ height:30px;}
.knowledge_box ul li img{float:left;}
.knowledge_box ul li a{color:#333333;}
.knowledge_box ul li a:hover{ color:#ff0000;}
.knowledge_box ul li .n_time{float:right}

.seo_process{width:960px;margin-top:20px; float:right}
.process_title {LINE-HEIGHT: 45px; BACKGROUND: url(../images/title_01.png) no-repeat; HEIGHT: 45px}
.process_relative {TEXT-ALIGN: center; WIDTH: 166px; BACKGROUND: url(../images/title_04.png) no-repeat; HEIGHT: 45px; COLOR: #fff;PADDING-TOP: 2px; margin-left:10px;FONT-SIZE: 16px; FONT-WEIGHT: bold}
.process_box1 {PADDING-LEFT: 10px; PADDING-RIGHT: 10px;PADDING-TOP: 20px; background:url(../images/seo_shouyi.jpg) no-repeat bottom;height:447px;}

.seo_case{width:960px;margin-top:20px; float:right}
.case_title {LINE-HEIGHT: 45px; BACKGROUND: url(../images/title_01.png) no-repeat; HEIGHT: 45px}
.case_relative {TEXT-ALIGN: center; WIDTH: 166px; BACKGROUND: url(../images/title_04.png) no-repeat; HEIGHT: 45px; COLOR: #fff;PADDING-TOP: 2px; margin-left:10px;FONT-SIZE: 16px; FONT-WEIGHT: bold}
.case_title .more{height:45px;line-height:45px;float:right;padding-right:10px;color:#666;}
.case_box {PADDING-LEFT: 10px; PADDING-RIGHT: 10px;PADDING-TOP: 10px}
.case_le {TEXT-ALIGN: left; WIDTH: 450px}
.case_le DT {FLOAT: left; MARGIN-RIGHT: 10px}
.case_le DT img{border:solid 1px #ccc; padding:2px; width:150px; height:100px;}
.case_le DD {LINE-HEIGHT: 18px; FONT-SIZE: 12px}
.case_le DD H3 {MARGIN: 0px;padding-bottom:0px; FONT-SIZE: 12px;color:#0186e3}
.fl {FLOAT: left}
.fr {FLOAT: right}

.leftpart{float:right; width:20%;margin-top:10px;}
.rightpart{float:left; width:78%;margin-top:10px;}
.bigtitle{background:url(../images/atitle_bg.png) repeat-x; width:100%; height:35px; border-radius: 3px; font-size:16px;color:#ffffff; font-weight:bold; line-height:35px;}
.bigtitle_arr{display: block;float: left;width: 40px; text-align: center;height: 35px;}
.bigtitle_arr img{max-width: 36%;margin-top: 28%;}
.bigtitle_bt{display: block;float: left;height: 35px;}
.bigtitle_news{background:url(../images/title_bg_02.png) no-repeat; width:231px; height:37px; color:#cccccc; padding-left:35px; line-height:37px;}
.menu_list{ width:99%; border:1px solid #dc0000; border-top:none; padding-bottom:20px; height:auto;}
.menu_list ul{width:98%;overflow:hidden;margin:0 auto;padding:0;background: -webkit-gradient(linear,left top,left bottom,from(#fff2f2),to(#fff));
  background: linear-gradient(180deg,#fff2f2,#fff);}
.menu_list ul li{
  background:url(../images/arrow.png) no-repeat left; 
  width:100%; 
  height:40px; 
  text-indent:30px; 
  line-height:40px;
  border-bottom:1px #282828 dashed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu_list ul li a{color:#282828; font-size:14px;text-decoration: none}
.menu_list ul li a:hover{color:#dc0000; font-weight:bold;}
.menu_list ul li a.current{color:#dc0000; font-weight:bold;}
.contact_s{margin-top:15px; line-height:5px; margin-bottom: 15px}

.problem{width:231px;margin-top:15px;border:1px #cccccc solid;}
.problem_title{ width:231px; height:35px;border-bottom:2px #1371c8 solid;}
.problem_title .ptitle{ background:url(../images/help.png) 5px no-repeat;line-height:35px;float:left; font-size:16px; font-weight:bold; color:#333333;padding-left:33px}
.problem_title .more{line-height:35px;float:right;color:#666;padding-right:10px;}
.problem_list ul{width:219px;overflow:hidden;margin:0 auto;padding:20px 0 0 0; list-style:none}
.problem_list ul li{height:35px;}
.problem_list ul li img{float:left;}
.problem_list ul li a{color:#333333; font-size:12px;text-decoration: none}

.title_name{
  background:url(../images/arr_black.png) left no-repeat;
  background-size: 25px 20px;
  text-indent:30px;
  height:37px;
  margin:5px 0px;
  line-height:37px;font-size:16px;
  font-weight:bold;
  border-bottom: 1px solid #f97777;
  width: 100%;
  float: left;
}
.text_con{padding:20px 10px;}
.text_con p{font-size:14px;line-height:30px; text-indent:2em;}
.text_con .f_16{font-size:16px;font-weight:bold;text-indent:0em;}
.IndustryInfo{padding-top:30px;}
.webknowledge{padding-top:30px;}
.news_con{/*padding:20px;*/font-size: 14px; line-height: 24px;float: left;width: 100%;}
.news_title{font-size:14px; font-weight:bold;color:#0062b5}
.news_list{padding-top:10px;}
.news_list ul{list-style:none;margin:0;padding:0;}
.news_list ul li{ background:url(../images/bullet_arrow_up.png) no-repeat left;height:30px; line-height:30px;border-bottom:1px #CCC dashed; padding-left:15px;}
.news_list ul li a{color:#333333;}
.news_list ul li a:hover{ color:#ff0000;}
.news_list ul li .n_time{float:right}

.news_box{border:1px #ccc solid; border-top:none;padding:15px;}
.news_box h2{ text-align:center; font-size:16px;}
.son_title{ text-align:center; padding:15px; color:#666; font-size:12px; border-bottom:1px #ccc dashed;}
.info p{  font-size:14px;line-height:25px; margin-top:12px;}
.pageNavi{border:none; height:30px; padding-top:30px;}
.pageleft {
	OVERFLOW: hidden; WIDTH: 330px; LINE-HEIGHT: 24px; HEIGHT: 30px; float:left
}
.pageright {
	OVERFLOW: hidden; WIDTH: 330px; LINE-HEIGHT: 24px; HEIGHT: 30px; float:right
}

.rightpart .title {width:676px;height:37px;line-height:37px;background:url(../images/title_bg.png) no-repeat; padding-left:35px;font-size:14px;font-weight:bold;float:left; padding-bottom:15px;}
.rightpart .title .titlename{height:37px;line-height:37px;font-size:14px; font-weight:bold;float:left;}
.rightpart .title .webadd{height:37px;line-height:37px;padding-right:20px;font-size:12px;color:#777;float:right; font-weight:normal;}

.rightpart .text_con{padding:20px;border:1px #ccc solid; border-top:none}
.rightpart .text_con p{font-size:14px;line-height:30px; text-indent:2em;}
.rightpart .news_con{padding-top:10px;padding-bottom: 10px;}
.news_dl_con{ padding:1px 0 0 15px;}
.news_dl {font-size:14px; color:#333;line-height:25px; border-bottom:1px dashed #CCCCCC;}
.news_dl dt{margin-bottom:3px;margin-top:5px;height:24px;line-height:24px;width:689px;overflow:hidden;}
.news_dl .dt_1{background:url(../images/page_white_text.png) left no-repeat;display:block;height:24px;line-height:24px;padding-left:23px;font-size:14px;color:#333;font-weight:bold; text-decoration:none}
.news_dl .dt_1:hover{color:#ff0000; }
.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 15px;  font-family:"宋体"; }
.news_dl .dt_3 { font-size:12px;}
.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;}
.news_dl dd{margin-left:23px;;font-size:12px;margin-bottom:5px;}
/**********2013年12月20日 14:43:47  潇潇增加 快速建站样式************/
#pro_sort { border:solid 1px #dedede; padding:5px; overflow:hidden; margin-top:10px;white-space:normal;word-break:break-all; background:url(../images/ttbg.gif) repeat-x top; }
#pro_sort h1{font-family: 'Microsoft Yahei';color: #E93002;font-size: 16px; margin:0; padding:0; padding-left:8px; line-height:36px; border-bottom: solid 1px #efefef}
#pro_sort ul{ margin:0; padding:0 15px; padding-top:5px;}
#pro_sort li{ float:left;font-size:12px; list-style:none;width:123px; padding:4px 15px; background:url(../images/zy_04.gif) no-repeat 7px 9px;white-space:nowrap; }
#pro_sort span{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999}
#pro_sort li a{ color:#586485}
#pro_sort li a:hover{ color:#F30}

.Contentkuai{ width:958px; margin-bottom:10px; text-align:center;  border:solid 1px #dedede; padding-bottom:15px; float:left;}
.Contentkuai ul{ margin: 0; padding: 0; list-style-type: none; }
.Contentkuai ul li{ text-align: center; width: 230px; float: left; margin: 5px 0 4px 3px; padding: 0 3px; }
.Contentkuai ul li span{ line-height: 24px; text-align: center; width: 220px; height: 24px; overflow: hidden; margin: 0; cursor: hand; display: block; font-weight:bold; color:#f82727; }
.Contentkuai ul li span a{ color: black; text-decoration: none; border-style: none; border-width: 0; color:#f82727; }
.Contentkuai ul li span a:hover{ color: #FF0000;text-decoration: underline; border-style: none; border-width: 0; }
.Contentkuai ul li img{ width: 215px; height: 186px; margin: 0px 0px 0px 0px; padding: 0; border-width: 0; }
.Contentkuai ul li a img{ color: black; text-decoration: none; border: solid 5px #efefef; padding:1px;}
.Contentkuai ul li a:hover img{color: #b90704; border: solid 5px #0137a4; }

/**2013年12月18日 11:06:41  潇潇增加 case_info**/
.Contentkuai_info{width:960px;}
.Contentkuai_info h1{ font-size:16px; padding:0 15px 0 0; text-align:center; font-weight:bold;}
.Contentkuai_info h2{ font-size:14px; padding:0 15px 0 0; text-align:center; font-weight:normal;}
.Contentkuai_info dl{ font-size:16px; line-height:25px;}
/**********n内页滚动模版*******************/
#w_pro_sort {border:solid 1px #dedede; padding:1px; overflow:hidden; margin-top:10px;white-space:normal;word-break:break-all; background:url(../images/ttbg.gif) repeat-x top;}
#w_pro_sort h1{font-family: 'Microsoft Yahei';color: #E93002;font-size: 16px; margin:0; padding:0; padding-left:8px; line-height:36px; border-bottom: solid 1px #efefef}
.w_pic{ margin-top:1px; width:960px;}
.w_pic_info{ border-top:none; background:#FFF; padding:15px;}
.w_pic_info ul{ zoom:1; overflow:hidden; padding-left:10px;}
.w_pic_info ul li{ float:left; width:210px; text-align:center;}
.w_pic_info ul li a span{ display:block; width:120px; margin:0 auto; text-align:center; padding:5px 0;}
/**修改的网站优化里的流程**/
.process_box2{PADDING:20px 0 0 20px;height:50px;}
.process_box2 ul{margin:0; padding:0; list-style:none}
.process_box2 ul li{float:left;height:50px; font-size:16px; color:#555555; font-weight:bold;margin-right:10px;padding:0 10px;line-height:25px;}
.process_box2 ul li.seolc_1{background:url(../images/seolc_01.png) left no-repeat;padding-left:50px;width:100px; border-right:1px #ccc dashed}
.process_box2 ul li.seolc_2{background:url(../images/seolc_02.png) left no-repeat;padding-left:50px;width:120px; border-right:1px #ccc dashed}
.process_box2 ul li.seolc_3{background:url(../images/seolc_03.png) left no-repeat;padding-left:50px;width:125px; border-right:1px #ccc dashed}
.process_box2 ul li.seolc_4{background:url(../images/seolc_04.png) left no-repeat;padding-left:50px;width:125px; border-right:1px #ccc dashed}
.process_box2 ul li.seolc_5{background:url(../images/seolc_05.png) left no-repeat;padding-left:50px;width:115px;}

.seo_wsm { width:960px; height:200px; background:#fff;}
.seo_wsm ul { padding:2px 0 0 1px;}
.seo_wsm ul li { width:230px; padding-left:5px; height:195px; float:left; list-style:none;}
.seo_wsm li:first-child { border-left:none;}
.seo_wsmnr { background:url(../images/seo_wsm1.jpg) no-repeat; padding-left:105px; padding-top:20px; height:69px; font-size:24px; font-family:"Microsoft YaHei"; color:#333; line-height:1.2;}
.seo_wsmnr02 { background:url(../images/seo_wsm2.jpg) no-repeat; padding-left:105px; padding-top:20px; height:69px; font-size:24px; font-family:"Microsoft YaHei"; color:#333; line-height:1.2;}
.seo_wsmnr03 { background:url(../images/seo_wsm3.jpg) no-repeat; padding-left:105px; padding-top:20px; height:69px; font-size:24px; font-family:"Microsoft YaHei"; color:#333; line-height:1.2;}
.seo_wsmnr04 { background:url(../images/seo_wsm4.jpg) no-repeat; padding-left:105px; padding-top:20px; height:69px; font-size:24px; font-family:"Microsoft YaHei"; color:#333; line-height:1.2;}
.seo_wsmnr1 { color:#666; line-height:2; padding-left:2px; padding-right:10px;}
.seo_fwkh { width:980px; height:720px; border:1px #d3d1d1 solid; border-top:0; background:#fff;}
.seo_fwkhnr { padding-left:15px;}
.seo_fwkhpc,.seo_fwkhps { float:left; width:450px;}
.seo_fwkhpc { background:url(../images/seo_fwkhpcbg.jpg) right 5px no-repeat;}
.seo_fwkhpc ul { width:440px; height:80px; background:#fcdddd; margin-top:5px; padding-top:5px;font-size:16px; font-family:"Microsoft YaHei"; color:#000; font-weight:bolder; line-height:1.5; }
.seo_fwkhpc ul span {color:#f00;}
/**********************2013年12月27日 14:03:13 潇潇增加案例详细内页*************************/
.case_name{font-size:14px;margin-top:15px;padding-left:20px;}
.case_name a{ color:#000;}
.case_int{color:#999;line-height:20px;border-top:1px solid #eee;padding:20px;background:#fafafa;} 
.case_int a{color:#999;}
.case_tag{text-align:left;margin:10px 0;margin-left:20px;}
.case_tag a{ display:inline-block;background:#666;color:#fff;height:15px;line-height:15px; text-align:center; padding:2px 4px; margin-right:5px;}
.case_tag a:hover{ color:#fff;}
.case_detail{padding-top:20px;width:960px;margin:0 auto;}
.case_detail_le{width:630px;background:#999;text-align:center;min-height:365px;height:auto!important;height:365px;padding:10px;}
.case_detail_le img{background:#fff;width:630px;}
.case_detail_ri{width:260px;padding:5px 0 0 40px;background:#fafafa;}
.case_detail_name{font-size:18px;font-family:"Microsoft YaHei";}
.case_detail_date{color:#ffb243;margin:40px 0 20px 0;}
.case_detail_rolling{margin-top:20px;}
.case_detail_rolling a{display:block;background:#eee;border:1px solid #d8d8d8;width:26px;height:26px;margin-right:5px;text-align:center;line-height:26px;}
.case_detail_rolling a:hover,.case_detail_rolling a.a3{background:#4bcdd9;border:1px solid #36a8b3;color:#fff;}
.case_detail_info{ width:960px; overflow:hidden; margin:10px auto; line-height:20px; text-align:left;}
.local{color:#666;text-align:right;float:right;padding-bottom:18px;padding-left:20px;margin-top:20px;background:url(../images/local.png) no-repeat 0px 0px;}

/*case.html start*/
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;} 
.case_class ul{margin-bottom:5px; margin-top:15px; margin-left:12px;width:960px;height:36px;padding:0px;}
.search fr{ width:305px; float:right;}
.case_class ul li{float:left;margin-right:10px;font-size:18px;width:100px;height:36px;font-family:"Microsoft YaHei";line-height:36px;text-align:center; list-style:none}
.case_class ul li a{display:block;border:1px solid #ccc;}
.case_class ul li a:hover,.case_class ul li a.a2{background:#4bcdd9;color:#fff;border:1px solid #4bcdd9;}

li{list-style:none;}
/*==============分页=============*/
.page{ text-align:right; padding:10px;}
.page a{ margin-left:10px;}

/*==============产品列表=============*/
.product_view ul{ zoom:1; overflow:hidden; padding:15px 0 0 15px !important; _padding:10px 0 0 10px;}
.product_view ul li{ float:left; width:165px; margin-right:10px; margin-bottom:30px; line-height:22px}
.product_view ul li img{ border:solid 1px #CCC;}
.product_view ul li span{ display:block; text-align:center; line-height:24px;}
.product_view ul li div{ text-align:center; }

/*==============新闻列表=============*/
.list ul{margin:0; padding:3px 0px;}
.list li{ height:32px; line-height:2.5; background:url(../images/lines.gif) repeat-x left bottom; padding-bottom:5px; zom:1; overflow:hidden;}
.list li a{ background: url(../images/ico.gif) no-repeat 8px center;
    text-indent: 18px; font-size:14px; float:left;width: 76%;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.list li span{ float:right;margin-right: 2%;
width: 22%;}

/*==============内容页=============*/
.view{ padding:5px 15px 15px 15px;}
.view h2{ text-align:center; font-size:16px;}
.son_title_f{ text-align:center; padding:15px; color:#666; background:url(../images/lines.gif) repeat-x left bottom;}
.info_f p{ text-indent:24px; line-height:20px; margin-top:12px;}


.seo_list{ width:229px; border:1px solid #cccccc; border-top:none;  height:auto;}
.seo_list ul{width:209px;overflow:hidden;margin:0 auto;padding:0;}
.seo_list ul li{ width:39px; float: left; height:25px; padding-left:10px; line-height:25px;border-bottom:1px #CCC dashed;}
.seo_list ul li a{color:#333333; font-size:13px;text-decoration: none}
.seo_list ul li a:hover{color:#0062b5; font-weight:bold;}
.seo_list ul li a.current{color:#0062b5; font-weight:bold;}

.seoxm{width:231px;border:1px #cccccc solid; padding-bottom:20px;}
.seoxm_title{ width:231px; height:35px;border-bottom:2px #1371c8 solid;}
.seoxm_title .ptitle{ background:url(/images/help.png) 5px no-repeat;line-height:35px;float:left; font-size:16px; font-weight:bold; color:#333333;padding-left:33px}
.seoxm_title .more{line-height:35px;float:right;color:#666;padding-right:10px;}
.seoxm_list ul{width:219px;overflow:hidden;margin:0 auto;padding:20px 0 0 0; list-style:none}
.seoxm_list ul li{height:35px;}
.seoxm_list ul li img{float:left;}
.seoxm_list ul li a{color:#333333; font-size:12px;text-decoration: none}
.prenext{
  width: 100%;
  margin: 5px 0px;
  line-height: 26px;
}
.pre{
  float: left;
  width: 100%;
  text-align: left;

}
.bschrome,.bsChrome {
    background-image: url('../images/compatible_chrome.gif');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.bsedge,.bsIE {
    background-image: url('../images/compatible_edge.gif');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.bsfirefox,.bsFirefox {
    background-image: url('../images/compatible_firefox.gif');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.bssafari,.bsSafari {
    background-image: url('../images/compatible_safari.gif');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.bsopera,.bsOpera {
    background-image: url('../images/compatible_opera.gif');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.list{
  width: 32%;
  float: left;
  border: 1px dotted #dc0000;
  background: -webkit-gradient(linear,left top,left bottom,from(#fff2f2),to(#fff));
  background: linear-gradient(180deg,#fff2f2,#fff);
  /*border-radius: 10px;*/
}
.list:nth-child(2){
  margin-left: 1.5%;
}
.list:nth-child(3){
  margin-left: 1.5%;
}
.list_bt{
  line-height: 2.5;
  font-size: 15px;
  text-indent: 30px;
  font-weight: bold;
  border-bottom: 1px dashed #dc0000;
  background: url(../images/arrow.png) no-repeat 5px;
}
.list_bt a{
  float: right;
  margin-right: 5px;
}
.list_sub{

}
.martop10{margin-top: 10px;}
.links{width: 90%;float: left;line-height: 2.5;margin: 5px 5% 0px 5%;border:1px dashed #dc0000;border-radius: 5px;}
.links ul{width: 100%;float: left;margin:0px;padding:0px;}
.links ul li{list-style: none;width: 8%;float: left;margin-right: 2%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/****教程首页****/
.classlist{width: 100%;float: left;line-height: 2.5;font-size: 16px;}
.classlist ul{width: 100%;float: left;margin: 0px;
  padding: 0px;
  border: 1px solid #f97779;border-radius: 5px;
}
.classlist ul li{width: 8%;float: left;margin-right: 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.second{width: 100%;float: left;}
.second a {float: right;margin-right: 1%;}
.secondarticle{width: 100%;float: left;margin: 0px;padding: 0px;}
.secondarticle_bt{
  width: 32%;text-indent: 30px;line-height: 2.5;
  border-bottom: 1px dashed #282828;
  background: url(../images/arrow.png) no-repeat 5px;
  float: left;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.secondarticle li:nth-child(3n-1),.secondarticle li:nth-child(3n){margin-left: 1%;}
.news_con_pro{border: 1px solid #dc0000;border-radius: 5px;}

/****教程分类****/
.articlelist{width: 100%;float: left;margin: 0px;padding: 0px;}
.article_list{
  width: 100%;
  text-indent: 30px;
  line-height: 2.5;
  border-bottom: 1px dashed #282828;
  background: url(../images/arrow.png) no-repeat 5px;
  float: left;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article_list span{float: right;margin-right: 1%;}
.pages{
    width: 100%;float: left; text-align: center;line-height: 2.5;padding:5px 0px;margin-bottom: 20px;
    clear: both;
}
.pagination {
  height: 40px;
  padding: 20px 0px;
}
.pages .pagination {
  text-align: center;
  height: auto;
}
.pagination p {
  margin: 0;
  cursor: pointer;
}
.pagination p {
  float: left;
  padding: 2px 12px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  color: #dc0000;
  border: 1px #dc0000 solid;
  background: #fcfcfc;
  margin-right: 8px;
}
.pages .pagination p {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  font-size: 14px;
  float: none;
  display: inline-block;
}
.pagination a {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 2px 12px;
  height: 24px;
  border: 1px #dc0000 solid;
  background: #fff;
  text-decoration: none;
  color: #282828;
  font-size: 12px;
  line-height: 24px;
}
.pagination a.cur {
  border: none;
  background: #dc0000;
  color: #fff;
}
.pages .pagination a {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  font-size: 14px;
  float: none;
  display: inline-block;
}
/****文章详细****/
.article_bt{
  width: 100%;
  float: left;
  line-height: 2.5;
  font-size: 20px;
  font-weight: bold;
  text-indent: 2%;
  border-bottom: 1px dashed #282828;
}
.article_con{
  line-height: 2.5;
  font-size: 15px;
  width: 96%;
  float: left;
  padding:10px 2%;
  word-break: break-all;
 /* white-space: break-spaces;*/
}
.article_con img{
  max-width: 100%;
  border:1px dashed #dc0000;
  float: left;
}
.article_con h1,.article_con h2,.article_con h3,.article_con h4{
  float: left;
  width: 100%;
  line-height: 2.5;
}
.article_con h2{
  background-color: #faf1f1;
  border-radius: 5px;
  text-indent: 5px;
}
.article_con h3{
  border:1px dashed #dc0000;
  text-indent: 5px;
  background-color: #faf1f1;
}
.article_con_next{ 
  float: left;
  margin: 0px 1%;
  width: 98%;
}
.article_con_next h3{
  border:1px dashed #dc0000;
  text-indent: 5px;
  background-color: #faf1f1;
  float: left;
  width: 100%;
  line-height: 2.5;
}
.article_con ul{
  margin: 0px;
  padding:0px;
  float: left;
  width: 100%;
}
.article_con table{
  border:1px solid #dc0000;
  float: left;
  width: 100%;
}
.article_con p{
  width: 100%;
  float: left;
}
.article_con li{
  float: left;
}
.article_con div{
  float: left;
  width: 100%;
}
.article_con table th,.article_con table td{
  border-bottom:1px dashed #dc0000;
  text-align: left;
}
.article_xg{
  width: 100%;
  float: left;
  line-height: 2.5;
  border:1px solid #f97777;
  margin-top:10px;
  padding-bottom: 5px;
  border-radius: 5px;
}
.article_xg_bt{
  width: 100%;
  float: left;
  line-height: 2.5;
  text-indent: 30px;
  background: url(../images/arr_black.png) left no-repeat;
  background-size: 25px 20px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px dashed #282828;
}
.article_xg ul{
  margin: 0px;
  padding:0px;
  width: 100%;
  float: left;
}
.article_xg ul li{
  line-height: 2.5;
  float: left;
  width: 47%;
  list-style: none;
  border-bottom: 1px dashed #282828;
  background: url(../images/arrow.png) no-repeat 5px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: 30px;
  font-size: 14px;
}
.article_xg ul li:nth-child(2n){
  margin-left: 6%;
}
.news_con_xx{
  border: 1px solid #f97777;
  border-radius: 10px;
}
pre{
  width: 98%;
  word-break: break-all;
  white-space: break-spaces;
  border: 1px dashed #dc0000;
  padding:3px 0.5%;
  border-radius: 5px;
  background-color: #fcf9f9;
  float: left;
}
pre table{
  width: 100%;
}
pre br{
  display: none;
}
pre p{
  margin: 3px 0px !important;
  padding: 3px 0px !important;
  float: left;
  width: 100%;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  line-height: 1.125;
}
.dy{
  border:1px solid #f97777;
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
  border-radius: 10px;
}
@media (max-width:640px){
  .header{
    height: 90px;
  }
  .header_div{width: 98%;margin-left: 1%;}
  .banner{width: 98%;}
  #main{width: 98%;float: left;margin-left: 1%;}
  .hotline,.menu{display: none;}
  .logo{
    padding-top: 5px;
    float: left;
    width: 100%;
    text-align: center;
  }
  .leftpart{width: 100%;float: left;}
  .rightpart {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .list {
    width: 100%;
    float: left;
    border: 1px dotted #dc0000;
  }
  .list:nth-child(2),.list:nth-child(3) {
    margin-left: 0px;
    margin-top:5px;
  }
  .links ul li{
    width: 15%;
  }
  .classlist ul li{
    width: 30%;
  }
  .secondarticle_bt{
    width: 48%;
  }
  .secondarticle li:nth-child(3n-1), .secondarticle li:nth-child(3n) {
    margin-left: 0px;
  }
  .secondarticle li:nth-child(2n){
    margin-left: 1%;
  }
  .menu_list{width: 99.5%;}
  .dy img{max-width: 99%;}
}