


/*一站式网络营销服务*/
  .pttg_four{height: 1350px;overflow: hidden;}
  .pttg_four article{width: 1200px;margin: 0 auto;padding-top: 50px; margin-bottom: 40px;}
  .pttg_four article .pttg_four_one{}
  .pttg_four article .pttg_four_one h2{text-align: center;font-size: 45px; color:#000;}
  .pttg_four article .pttg_four_one p{text-align: center;padding-top: 15px;color: #aaa;}
  .pttg_four article .pttg_four_two{}
  .pttg_four article .pttg_four_two ul{}
  .pttg_four article .pttg_four_two ul li{float: left;width: 50%;padding-top: 50px;padding-bottom: 13px;}
  .pttg_four article .pttg_four_two ul li div{padding-left: 166px;padding-right: 68px;}
  .pttg_four article .pttg_four_two ul li div h3{    font-weight: bold;font-size: 20px;    color: #e16314;}
  .pttg_four article .pttg_four_two ul li div p{color: #999;font-size: 16px;line-height: 30px;}
  
  .pttg_four_w120{ width:1200px; margin:0 auto;}
  .pttg_four_w120 > div{width:510px; height:140px; padding: 40px; float: left !important; margin-bottom: 27px;border-bottom:2px solid #ddd;}
  .pttg_four_w120>div:nth-child(2n+0){ float: right !important; }

  .pttg_four_w120 > div b{ font-size: 20px; display: block;}

  .pttg_four_w120 > div > span{ width: 70%; font-size: 16px; display: block;    padding: 10px 0 15px 0;}

  .pttg_four_w120 > div > div a{color: #bfa58b; border: 1px solid #bfa58b; padding: 3px 10px; border-radius: 27px;display: block; float: left; margin-right: 5px; margin-bottom: 5px;}

  .pttg_four_w120 > div >div{ width: 80%; }

  .pttg_four_w120 > div:hover{background-position-x: 384px !important; transition: all 0.5s;}

 .pttg_four_w120 > div:nth-child(1) a{ border: 1px solid #bfa58b; color: #bfa58b; }
 .pttg_four_w120 > div:nth-child(2) a{ border: 1px solid #946c45; color: #946c45; }
 .pttg_four_w120 > div:nth-child(3) a{ border: 1px solid #348cf9; color: #348cf9; }
 .pttg_four_w120 > div:nth-child(4) a{ border: 1px solid #fca19e; color: #fca19e; }
 .pttg_four_w120 > div:nth-child(5) a{ border: 1px solid #e95784; color: #e95784; }
 .pttg_four_w120 > div:nth-child(6) a{ border: 1px solid #fab62a; color: #fab62a; }
 .pttg_four_w120 > div:nth-child(7) a{ border: 1px solid #fd7a23; color: #fd7a23; }
 .pttg_four_w120 > div:nth-child(8) a{ border: 1px solid #e94672; color: #e94672; }
.pttg_four_w120 div a{border: 1px solid #c7c7c7 !important;color: #666666 !important;}
  .pttg_four_w120 > div:hover{border-bottom:2px solid #ff6600;}
  
/*网站案例*/
 
.idx_case{ height:980px;position: relative;z-index: 1;background: #f9f9f9; p;overflow: hidden; border-top:1px solid #EEE;}

  
.nTab{float: left;width:1225px;background-position:left;background-repeat:repeat-y; }
.nTab .TabTitle{text-align: center;}
.nTab .TabTitle ul{display: inline-block;*display:inline;zoom:1;}
.nTab .TabTitle li{ width: 180px;float: left;position: relative; }
.nTab .TabTitle li i{ width: 1px; height:20px; position: absolute;left: 0; top: 50%;margin-top: -5px;}
.nTab .TabTitle li:first-child i{display: none;}
.nTab .TabTitle li a{line-height:35px; padding-top:3px;padding-left:25px;padding-right: 25px;position: relative;color: #333; font-size:18px;cursor: pointer;display: inline-block;}
.nTab .TabTitle li a b{width: 0; height: 0; border:5px solid transparent; border-top:5px solid #ea5504;position: absolute; bottom: -10px; left: 50%; margin-left: -5px;display: none;}
.nTab .TabTitle li.active a{ background:#F00; color:#fff;}
.nTab .TabTitle li.active a b{display: block;}
.none {display:none;}

.box12{width: 1200px; margin: 0 auto;}
  .box12 article{width: 1200px;margin: 0 auto;padding-top:50px; margin-bottom: 40px;}
  .box12 article .pttg_four_one{}
  .box12 article .pttg_four_one h2{text-align: center;font-size: 45px; color:#000;}
  .box12 article .pttg_four_one p{text-align: center;padding-top: 15px;color: #aaa;}
  .box12 article .pttg_four_two{}
  .box12 article .pttg_four_two ul{}
  .box12 article .pttg_four_two ul li{float: left;width: 50%;padding-top: 50px;padding-bottom: 13px;}
  .box12 article .pttg_four_two ul li div{padding-left: 166px;padding-right: 68px;}
  .box12 article .pttg_four_two ul li div h3{    font-weight: bold;font-size: 20px;    color: #e16314;}
  .box12 article .pttg_four_two ul li div p{color: #999;font-size: 16px;line-height: 30px;}


.case_ul{text-align: center;}
.case_ul ul{display: inline-block;*display:inline;zoom:1;margin-top: 36px;}
.case_ul li{ float:left;margin:0px 20px 25px 0px;width: 387px;}
.case_ul li:hover{ background:#e5000a;}
.case_ul li:hover img{transition:transform 1s ease;  transform:scale(1.10,1.10);-moz-transition:scale(1.10,1.10);-ms-transition:scale(1.10,1.10);-o-transition:scale(1.10,1.10);}
.case_img{width: 387px;height: 250px;position: relative;overflow: hidden;}
.case_img img{width: 100%;}
.case_img i{width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;display: none;}
.case_img b{width: 50px;height:20px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 1;display: none;}
.case_ul li:hover .case_img i,.case_ul li:hover .case_img b{display: block;}
.case_ul li h3{font-size: 18px; font-weight:normal; color: #999;margin-top:20px;}
.case_ul li p{color: #999;min-height: 2em;}
.case_ul li p i{margin-left: 0px;}
.case_ul li:hover h3{color: #fff;}
.case_ul li:hover p{color: #fff;}
.case_more{margin-bottom: 100px;display: inline-block; width:97px; height:35px;}
.case_more:hover img{ display:none;}
.case_more:hover{background:url(../images/more_w.png) top left no-repeat;}


/*建站知识*/
.dxbr { width:1200px; margin:0 auto; height:50px;}
.container { width:1200px; margin:0 auto; }

.indexzs{overflow:hidden; width:1200px; margin:0px auto;}
  .indexzs article{width: 1200px;margin: 0 auto;padding-top: 50px; margin-bottom: 40px;}
  .indexzs article .pttg_four_one{}
  .indexzs article .pttg_four_one h2{text-align: center;font-size: 45px; color:#000;}
  .indexzs article .pttg_four_one p{text-align: center;padding-top: 15px;color: #aaa;}
  .indexzs article .pttg_four_two{}
  .indexzs article .pttg_four_two ul{}
  .indexzs article .pttg_four_two ul li{float: left;width: 50%;padding-top: 50px;padding-bottom: 13px;}
  .indexzs article .pttg_four_two ul li div{padding-left: 166px;padding-right: 68px;}
  .indexzs article .pttg_four_two ul li div h3{    font-weight: bold;font-size: 20px;    color: #e16314;}
  .indexzs article .pttg_four_two ul li div p{color: #999;font-size: 16px;line-height: 30px;}
.service3{ width:1200px; margin:0px; height:650px;}


.dxmidNews{margin-right:26px; display:inline; padding:0px; float:left; width:382px;}
.dxRtNews{margin:0px;  padding:0px; float:left; width:384px;}
.dxmid_cont{margin:0px; padding-top:10px; float:left; width:382px; height:580px; overflow:hidden;background-color:#F3F3F3;}
.dxmid_cont .zdTitel{margin:0px 0px 10px 10px; padding-top:10px; float:left; width:310px; height:25px; overflow:hidden; border-bottom:1px solid #ddd;}
.dxmid_cont .zdTitel a{font-size:14px; color:#F00;}
.dxmid_cont ul{margin:0px; padding:0px; list-style:none;}
.dxmid_cont li{ padding:5px 0 0 5px;margin:0px;width:372px; line-height:25px; float:left;}
.dxmid_cont li a{ font-size:14px; color:#333333; text-decoration:none;padding:18px 0px 0px 5px; margin:0px;background:url(../images/ico_1.jpg) center no-repeat; }
.dxmid_cont li a:link,a:visited{ color:#333333;}
.dxmid_cont li a:hover{ font-size:14px; color:#C00; text-decoration: underline;}

/*******服务类别******/
.pttgtop_four{height: 800px;overflow: hidden;}
.pttgtop_four article{width: 1200px;margin: 0 auto;padding-top: 50px; margin-bottom: 40px;}
.pttgtop_four article .pttg_four_one{}
.pttgtop_four article .pttg_four_one h2{text-align: center;font-size: 45px; color:#000;}
.pttgtop_four article .pttg_four_one p{text-align: center;padding-top: 15px;color: #aaa;}
.pttgtop_four article .pttg_four_two{}
.pttgtop_four article .pttg_four_two ul{}
.pttgtop_four article .pttg_four_two ul li{float: left;width: 50%;padding-top: 50px;padding-bottom: 13px;}
.pttgtop_four article .pttg_four_two ul li div{padding-left: 166px;padding-right: 68px;}
.pttgtop_four article .pttg_four_two ul li div h3{    font-weight: bold;font-size: 20px;    color: #e16314;}
.pttgtop_four article .pttg_four_two ul li div p{color: #999;font-size: 16px;line-height: 30px;}
  
.pttg_four_wb120{ width:1200px; margin:0 auto; background-color:#0C9;}
.pttg_four_wb120  > div b{ padding:30px 10px 10px 20px;text-decoration:underline; font-size: 20px; display: block;}
.pttg_four_wb120  > div > span{ width: 90%; font-size: 14px; line-height:24px; display: block;    padding: 10px 0 15px 20px;}
.pttg_four_wb120  > div > div a{color: #bfa58b; border: 1px solid #bfa58b; padding: 3px 10px; border-radius: 27px;display: block; float: left; margin-left: 15px; margin-bottom: 5px;}
.pttg_four_wb120  > div >div{ width: 95%; }
  /*.pttg_four_wb120  > div:hover{background-position-x: 384px !important; transition: all 0.5s;}*/
.pttg_four_wb120 .left_fu{ margin:0px; padding:0px; width:300px; height:500px; float:left; border:1px solid #ddd; border-radius:5px;background: url(../images/index_04.jpg) no-repeat right bottom;}
.pttg_four_wb120 .midder_fu{ margin-left:20px; display:inline; padding:0px; width:425px; height:235px; float:left; border:1px solid #ddd; border-radius:5px;background: url(../images/index_06.jpg) no-repeat right bottom;}
.pttg_four_wb120 .midder2_fu{ margin-left:20px; display:inline; padding:0px; width:425px; height:235px; float:left; border:1px solid #ddd; border-radius:5px;background: url(../images/index_05.jpg) no-repeat right bottom;}
.pttg_four_wb120 .right_fu{ margin-left:20px; margin-top:20px; display:inline; padding:0px; width:276px; height:240px; float:left; border:1px solid #ddd; border-radius:5px;background: url(../images/index_07.jpg)no-repeat right bottom;}


/*******公司简介******/

/*about*/

.dXabout .enspan{padding-top:20px;  display:block; text-align:center; font-size:13px; color:#c1c1c1; font-family:Arial}
.dXabout h3{ font-size:32px; color:#222; text-align:center; padding-bottom:20px; background:url(../Images/zhichi_h.png) no-repeat center bottom; margin-bottom:40px;}
.dXabout h3 b{ color:#fe2002;}
.dXabout h3 a{ color:#222;}

.dXabout{width: 100%;overflow: hidden;background: url(../Images/aboutBg2.png) repeat;padding-bottom: 58px; margin-bottom:20px;}
.dXabout .Title h2{background: url(../Images/aboutBg1.png) no-repeat center;}
.dXabout .GJ-intro{width: 100%;overflow: hidden;height: 292px;margin-top: 35px; }
.dXabout .GJ-intro .GjPic{display: block;float: left;}
.dXabout .GJ{float: right;width: 610px;height: 292px; }
.dXabout .Ab a{color: #2454AC;}
.dXabout .GJ h4{font-size: 22px;font-weight: normal;margin-bottom: 12px;}
.dXabout .GJ h4 a{color: #333333;}
.dXabout .GJ p{font-size: 14px;color: #666666;line-height: 25px;text-overflow: ellipsis;overflow: hidden;height: 125px;}
.dXabout .GJ span a{font-size: 14px; color: #2454ac;}
.dXabout .ABox{width: 610px;position: relative;margin-top:10px;overflow: hidden;height: 120px;}
.dXabout .ABox ul{overflow: hidden;width: 575px;position: absolute;top: 0;left: 0;height: 120px;}
.dXabout .ABox li{float: left;width: 188px;height: 120px;margin-right: 11px;}
.dXabout .ABox i{display: block;position: absolute;width: 34px;height: 60px;color: #FFFFFF;cursor: pointer;z-index: 5;}
.dXabout .ABox .btn01{top: 0;right: 0;background: url(../Images/aboutBtn02.jpg) no-repeat left top;}
.dXabout .ABox .btn01:hover{background: url(../Images/aboutBtn01.jpg) left top;}
.dXabout .ABox .btn02{right: 0;bottom: 0; background: url(../Images/aboutBtn02.jpg) no-repeat left bottom;}
.dXabout .ABox .btn02:hover{background: url(../../Images/aboutBtn01.jpg) left bottom;}

.dXabout .baseBox{position: relative;margin-top: 37px;}
.dXabout .baseBox i{display: block;width: 30px; height: 60px;position: absolute;top: 66px;cursor: pointer;}
.dXabout .baseBox .btn01{background: url(../Images/hz-btn01.png) no-repeat left top; left: -50px;}
.dXabout .baseBox .btn02{background: url(../Images/hz-btn02.png) no-repeat right top;right: -50px;}
.dXabout .BLb{width: 1000px;overflow: hidden;position: relative;height: 220px;}
.dXabout .BLb ul{position: absolute;top: 0; left: 0;}
.dXabout .BLb li{width: 235px;float: left;text-align: center;height: 220px;margin: 0 7px;}
.dXabout .BLb li img{display: block;margin-bottom: 12px;}
.dXabout .BLb li a{font-size: 14px;color: #555555;text-decoration: none;}
