@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:"微软雅黑",Arial; font-size:12px;  background-color:#ffffff; color:#333;  margin:0 auto; min-width:1200px; }
ul{ margin:0; padding:0; list-style:none;}
li { margin:0; padding:0; list-style:none}
a{ color:#333; text-decoration:none;}
a:hover { color:#00bdb3; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s;-o-transition: 0.2s;}
img{ border:none;}
p{ margin:0; padding:0;}
i {font-style: normal;}


/*填充行距高度*/
.jg1 { width:100%; height:1px; line-height:1px; clear:both;}
.jg5 { width:100%; height:5px; line-height:5px; clear:both;}
.jg10 { width:100%; height:10px; line-height:10px; clear:both;}
.jg15 { width:100%; height:15px; clear:both;}
.jg20 { width:100%; height:20px; clear:both;}
.jg25 { width:100%; height:25px; clear:both;}
.jg30 { width:100%; height:30px; clear:both;}
.jg35 { width:100%; height:35px; clear:both;}
.jg40 { width:100%; height:40px; clear:both;}
.jg45 { width:100%; height:45px; clear:both;}
.jg50 { width:100%; height:50px; clear:both;}
.jg60 { width:100%; height:80px; clear:both;}
.jg70 { width:100%; height:70px; clear:both;}
.jg80 { width:100%; height:80px; clear:both;}
.jg90 { width:100%; height:90px; clear:both;}
.jg100 { width:100%; height:100px; clear:both;}
.jg150 { width:100%; height:150px; clear:both;}
.jg200 { width:100%; height:200px; clear:both;}

.top1 {max-width:1200px; height:100px; margin:0 auto;}

.ttel {float:right; margin-top:20px; min-height:45px; padding-left:52px; background:url(/public/pcweb/images/tb2.png) no-repeat center left; font-size:14px;}
.ttel span {font-size:24px; color:#00bdb3;}

/*.tmenubox { width:100%; height:36px; border-bottom:2px solid #c50000;}
.tmenu {max-width:1200px; height:36px; margin:0 auto; position:relative; z-index:999;}
.tmenu ul li {float:left; width:133px; height:36px; text-align:center; line-height:36px; font-size:14px;}
.tmenu ul li a { display:block; width:100%; height:36px; line-height:36px; color:#444;}
.tmenu ul li:hover a { background:#c50000; color:#fff;}
.tmenu ul li.hover a { background:#c50000; color:#fff;}*/


.head { width: 100%; height: 80px; border-bottom: 1px solid #cccccc; background: #fff; position: fixed; left: 0; top: 0; z-index:9999999999; /*box-shadow: 0px 0px 3px 3px #f9f9f9;*/}
.headm {max-width: 1200px; height: 80px; margin: 0 auto;}
.logo { float: left; margin-top: 16px;}
.tmenu {float: left; width: auto; height: auto; margin-left: 85px; margin-top: 22px;}
.tmenu ul {float: left;}
.tmenu ul li {float: left; width: auto; height: auto; position: relative;}
.tmenu ul li a { display: inline-block; padding: 0px 18px; height: 30px; line-height: 30px; color: #222; font-size: 14px;}
.tmenu ul li a:hover {color: #00bdb3}
.htel {float: right; margin-top: 26px;}
.tmenu ul li p {position: absolute; left: 0; top: 0; background: #f0f0f0; padding: 5px 0px;  height: 0; overflow: hidden; top: 30px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
}
.tmenu ul li p a { display: inline-block; width:auto;  padding: 0px 18px; height: 30px; line-height: 30px; color: #333333; font-size: 13px; }
.tmenu ul li:hover p {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	height: auto;
}


/*首页幻灯片*/
.indexslide {width:100%; height:570px; position:relative; z-index:9999}
.indexslideimg {width:100%; height:570px; position:absolute; left:0; top:0;}
.indexslideimg p {width:100%; height:570px; position:absolute; left:0; top:0;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	z-index:1;
}
.indexslideimg p.hover {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	-webkit-transition: all 1.5s ease 0s;
	-moz-transition: all 1.5s ease 0s;
	transition: all 1.5s ease 0s;
	-ms-transition: all 1.5s ease 0s;
	z-index:2;
}
.indexslideimg p a { display:block; width:100%; height:570px;}
.indexslidebtn {width:100%; height:20px; position:absolute; left:0; bottom:15px; text-align:center; z-index:3}
.indexslidebtn a { display:inline-block; width:50px; height:5px; background:#eee; margin:0 4px;}
.indexslidebtn a:hover { background:#00bdb3;}
.indexslidebtn a.hover { background:#00bdb3;}

.iserverslide { max-width:1200px; height:245px; margin:0 auto; position:relative; margin-top:24px;}


.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.iysbg {width: 100%; height: auto; background: #f5f5f5; padding: 70px 0px;}

.iysbg .title{
      width: 100%;
      height: auto;
      
    }
    .iysbg .title .tits{
      width: 100%;
      height: auto;
      text-align: center;
      font-size: 0;
    }
    .iysbg .title .tits .line{
      width: 74px;
      height: 1px;
      display: inline-block;
      background: #b5b5b5;
      vertical-align: middle;
    }
    .iysbg  .title .tits .t{
      font-size: 30px;
      line-height: 30px;
      color: #000;
      padding: 0 37px;
      display: inline-block;
      vertical-align: middle;
    }
    .iysbg .title .en{
      font-size: 14px;
      line-height: 14px;
      color: #6c6c6c;
      text-align: center;
      margin-top: 19px;
    }

.iysbox {max-width: 1200px; height: auto; margin: 0 auto;}

.iysbox .list{
      width: 252px;
      height: auto;
      float: left;
    }
    .iysbox .list .item{
      display: block; 
	  width: 120px;
      height: 116px;
      border-radius: 10px;
      background: #fff;
      margin-bottom: 11px;
      cursor: pointer;
    }
    .iysbox .list .item .icon{
      width: 39px;
      height: 37px;
      margin: 31px auto 0;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .iysbox .list .item .icon.i1{
      background-image: url(/public/pcweb/images/gx_index_icon1.png);
    }
    .iysbox .list .item .icon.i2{
      background-image: url(/public/pcweb/images/gx_index_icon2.png);
    }
    .iysbox .list .item .icon.i3{
      background-image: url(/public/pcweb/images/gx_index_icon3.png);
    }
    .iysbox .list .item .icon.i4{
      background-image: url(/public/pcweb/images/gx_index_icon4.png);
    }
    .iysbox .list .item p{
      text-align: center;
      font-size: 16px;
      line-height: 20px;
      color: #686868;
      margin-top: 8px;
    }
    .iysbox .list .item.on{
      background: #00bdb3;
    }
    .iysbox .list .item.on .icon.i1{
      background-image: url(/public/pcweb/images/gx_index_icon1_h.png);
    }
    .iysbox .list .item.on .icon.i2{
      background-image: url(/public/pcweb/images/gx_index_icon2_h.png);
    }
    .iysbox .list .item.on .icon.i3{
      background-image: url(/public/pcweb/images/gx_index_icon3_h.png);
    }
    .iysbox .list .item.on .icon.i4{
      background-image: url(/public/pcweb/images/gx_index_icon4_h.png);
    }
    .iysbox .list .item.on p{
      color: #fff;
    }


.iysbox .rightbox {float: right; width: 926px; height: 240px; background: #fff; border-radius: 10px;}


.rightbox .content-box{
      width: 100%;
      height: auto;
      display: none;
    }
    .rightbox .content-box .table-box{
      width: 613px;
      height: auto;
      float: left;
      margin-left: 45px;
      padding-top: 29px;
    }
    .rightbox .content-box .table-box label{
      width: 80px;
      height: 36px;
      float: left;
      display: block;
      font-size: 14px;
      line-height: 36px;
      color: #010101;
    }.rightbox .content-box .table-box label span{
      margin-left: 30px;
    }
    .rightbox .content-box .table-box input:focus{
      border: 1px solid #00bdb3 !important;
    }
    .rightbox .content-box .table-box .t{
      width: 100%;
      height: 50px;
      
    }
    .rightbox .content-box .table-box .t .tt{
      width: 295px;
      height: auto;
    }
    .rightbox .content-box .table-box .t .tt .text{
      width: 177px;
      height: 34px;
      font-size: 14px;
      line-height: 34px;
      border: 1px solid #c8c8c8;
      color: #a9a9a9;
      padding-left: 34px;
      float: right;
		font-family: '微软雅黑';
    }
    .rightbox .content-box .table-box .t .tt .select{
      width: 200px;
      height: auto;
      float: right;
      position: relative;
    }
    .rightbox .content-box .table-box .t .tt .select .text1{
      width: 134px;
      height: 34px;
      font-size: 14px;
      line-height: 34px;
      border: 1px solid #c8c8c8;
      padding-left: 64px;
      color: #000;
      background: url(/public/pcweb/images/gx_index_s.png) 165px center no-repeat;
      cursor: pointer;
    }
    .rightbox .content-box .table-box .t .tt .select .text1.on{
      border: 1px solid #00bdb3;
    }
    .rightbox .content-box .table-box .t .tt .select .type-list{
      width: 198px;
      height: auto;
      border: 1px solid #00bdb3;
      border-top: none;
      position: absolute;
      top: 36px;
      left: 0;
      z-index: 10;
      display: none;
      background: #fff;
    }
    .rightbox .content-box .table-box .t .tt .select .type-list li{
      width: 134px;
      height: 30px;
      font-size: 14px;
      line-height: 30px;
      padding-left: 64px;
      color: #000;
      cursor: pointer;
    }
    .rightbox .content-box .table-box .t .tt .select .type-list li:hover{
      background: #f8f8f8;
      color: #00bdb3;
    }
    .rightbox .content-box .table-box .t1{
      width: 100%;
      height: 50px;
    
    }
    .rightbox .content-box .table-box .t1 .text{
      width: 495px;
      height: 34px;
      font-size: 14px;
      line-height: 34px;
      border: 1px solid #c8c8c8;
      color: #a9a9a9;
      float: right;
      padding-left: 34px;
		font-family: '微软雅黑';
    }
    .rightbox .content-box .table-box .t1 .select{
      width: 533px;
      height: auto;
      float: right;
      position: relative;
    }
    .rightbox .content-box .table-box .t1 .select .text1{
      width: 497px;
      height: 34px;
      font-size: 14px;
      line-height: 34px;
      border: 1px solid #c8c8c8;
      padding-left: 34px;
      color: #000;
      background: url(/public/pcweb/images/gx_index_s.png) 499px center no-repeat;
      cursor: pointer;
    }
    .rightbox .content-box .table-box .t1 .select .text1.on{
      border: 1px solid #00bdb3;
    }
    .rightbox .content-box .table-box .t1 .select .type-list{
      width: 531px;
      height: auto;
      border: 1px solid #00bdb3;
      border-top: none;
      position: absolute;
      top: 36px;
      left: 0;
      z-index: 10;
      display: none;
      background: #fff;
    }
    .rightbox .content-box .table-box .t1 .select .type-list li{
      width: 497px;
      height: 30px;
      font-size: 14px;
      line-height: 30px;
      padding-left: 34px;
      color: #000;
      cursor: pointer;
    }
    .rightbox .content-box .table-box .t1 .select .type-list li:hover{
      background: #f8f8f8;
      color: #00bdb3;
    }
    .rightbox .content-box .table-box .t2{
      width: 100%;
      height:50px;
    }
    .rightbox .content-box .table-box .t2 .swt{
      width: 238px;
      height: 40px;
      text-align: center;
      float: left;
      display: block;
      color: #fff;
      font-size: 14px;
      line-height: 40px;
      background: #737373;
    }
    .rightbox .content-box .table-box .t2 .submit{
      width: 347px;
      height: 40px;
      text-align: center;
      float: right;
      display: block;
      color: #fff;
      border: none;
      font-size: 14px;
      line-height: 40px;
      background: #00bdb3;
	  font-family: '微软雅黑';
		cursor: pointer;
    }
    .rightbox .content-box .table-box .t2 .submit.s1{
      width: 100%;
    }
    .rightbox .content-box .table-box .t2 .text{
      width: 126px;
      height: 34px;
      background: none;
      padding-left: 34px;
      font-size: 14px;
      line-height: 34px;
      border: 1px solid #c8c8c8;
      color: #a9a9a9;
      float: left;
    }
    .rightbox .content-box .table-box .t2 .text1{
      width: 328px;
      height: 34px;
      background: none;
      padding-left: 17px;
      font-size: 14px;
      line-height: 34px;
      border: 1px solid #c8c8c8;
      color: #a9a9a9;
      float: right;
    }


    .rightbox .content-box .pic{
      width: 180px;
      height: 219px;
      overflow: hidden;
      border-radius: 10px;
      float: right;
      margin-top: 10px;
      margin-right: 55px;
    }




.index-works {

    width: 1200px;

    height: auto;

    margin: 40px auto 0; }

.index-bloh {

      max-width: 1200px; margin: 0 auto;

      height: 35px; }

.index-bloh .tits {

        font-size: 30px;

        line-height: 30px;

        color: #333333;

        float: left; }

.index-bloh .i {
        font-size: 12px;
        line-height: 12px;
        color: #727171;
        float: left;
        display: block;
        margin-top: 18px;
        margin-left: 20px; }
.index-bloh .i i {
          color: #00bdb3; font-style: normal;}
.index-bloh .t {
        float: right;
        font-size: 12px;

        line-height: 12px;

        margin-top: 18px;

         }

.index-bloh .t a {
            color: #02aca3;
             font-size: 16px;
      line-height: 16px;
margin-top: 13px; }


.index-works .iworklist {

      width: 100%;

      height: auto;

      overflow: hidden;  padding-bottom: 60px; }

.index-works .iworklist ul {

        width: 110%;

        height: auto; }

.index-works .iworklist ul li {

          width: 280px;

          height: auto;

          padding: 8px 8px 15px 8px;

          background: #f8f8f8;

          float: left;

          margin-right: 5px;

          margin-bottom: 10px;

          position: relative; }

.index-works .iworklist ul li a {

            display: block; }

.index-works .iworklist ul li a .pic {

              width: 280px;

              height: 280px; overflow: hidden;}
.index-works .iworklist ul li a .pic  img {transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;-o-transition: 0.3s; }

.index-works .iworklist ul li a .tits {

              font-size: 14px;

              line-height: 21px;

              color: #b0b0b0;

              margin-top: 15px;

               }

.index-works .iworklist ul li a .tits span {

                float: left; }

.index-works .iworklist ul li a .tits i {

                width: 21px;

                height: 21px;

                display: block;

                float: right;

                background: url(/public/pcweb/images/index_icon6.png) no-repeat;

                transition: 1s; }

.index-works .iworklist ul li .bg {

            width: 100%;

            height: 100%;

            position: absolute;

            top: 0;

            left: 0;

            background: url(/public/pcweb/images/3.png);

            opacity: 0; }

.index-works .iworklist ul li.on .bg{

            display: block;

           } 

.index-works .iworklist ul li:hover a .tits {

          color: #000; }

.index-works .iworklist ul li:hover a .tits i {

            background: url(/public/pcweb/images/index_icon6_h.png) no-repeat;

            transform:rotate(180deg);

            -moz-transform:rotate(180deg); 

            -webkit-transform:rotate(180deg); 

            -o-transform:rotate(180deg); }

.index-works .iworklist ul li:hover .bg {

          display: none; }
.index-works .iworklist ul li:hover a .pic img {transform: scale(1.05)}

.index-lc{overflow: hidden; height: 600px;}
.index-lc img{position: relative; display: block; left: 50%; margin-left: -832px;}

.index-lclist {max-width: 1200px; height: auto; margin: 0 auto;}
.index-lclist ul li {float: left; width: 160px; height: 150px; border: 1px solid #bfbfbf; margin-left: 65px; margin-right: 65px; position: relative; margin-top: 55px;transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;-o-transition: 0.3s;}
.index-lclist ul li span {display: inline-block; width: 100%;  position: absolute; left: 0; top: 0;}
.index-lclist ul li .tb {height: 45px; top: 40px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;-o-transition: 0.3s;}
.index-lclist ul li .txt { width: 100%; text-align: center; color: #fff; font-size: 16px; top: 100px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;-o-transition: 0.3s;}

.index-lclist ul li:hover .txt { top: 80px;}
.index-lclist ul li:hover .tb { top: 20px;}

.index-lclist ul li .tb1 { background: url(/public/pcweb/images/index_pic1.png) no-repeat 50% center;}
.index-lclist ul li.lc1:hover { background: #ff5400; border: 1px solid #ff5400;}
.index-lclist ul li:hover .tb1 {  background: url(/public/pcweb/images/index_pic1_h.png) no-repeat 50% center;}


.index-lclist ul li .tb2 { background: url(/public/pcweb/images/index_pic2.png) no-repeat 50% center;}
.index-lclist ul li.lc2:hover { background: #ffc000; border: 1px solid #ffc000;}
.index-lclist ul li:hover .tb2 {  background: url(/public/pcweb/images/index_pic2_h.png) no-repeat 50% center;}

.index-lclist ul li .tb3 { background: url(/public/pcweb/images/index_pic3.png) no-repeat 50% center;}
.index-lclist ul li.lc3:hover { background: #b2cf64; border: 1px solid #b2cf64;}
.index-lclist ul li:hover .tb3 {  background: url(/public/pcweb/images/index_pic3_h.png) no-repeat 50% center;}

.index-lclist ul li .tb4 { background: url(/public/pcweb/images/index_pic5.png) no-repeat 50% center;}
.index-lclist ul li.lc4:hover { background: #d2d57d; border: 1px solid #d2d57d;}
.index-lclist ul li:hover .tb4 {  background: url(/public/pcweb/images/index_pic5_h.png) no-repeat 50% center;}

.index-lclist ul li .tb5 { background: url(/public/pcweb/images/index_pic6.png) no-repeat 50% center;}
.index-lclist ul li.lc5:hover { background: #b85c00; border: 1px solid #b85c00;}
.index-lclist ul li:hover .tb5 {  background: url(/public/pcweb/images/index_pic6_h.png) no-repeat 50% center;}

.index-lclist ul li .tb6 { background: url(/public/pcweb/images/index_pic7.png) no-repeat 50% center;}
.index-lclist ul li.lc6:hover { background: #ff5757; border: 1px solid #ff5757;}
.index-lclist ul li:hover .tb6 {  background: url(/public/pcweb/images/index_pic7_h.png) no-repeat 50% center;}

.index-lclist ul li .tb7 { background: url(/public/pcweb/images/index_pic8.png) no-repeat 50% center;}
.index-lclist ul li.lc7:hover { background: #ffe953; border: 1px solid #ffe953;}
.index-lclist ul li:hover .tb7 {  background: url(/public/pcweb/images/index_pic8_h.png) no-repeat 50% center;}

.index-lclist ul li .tb8 { background: url(/public/pcweb/images/index_pic9.png) no-repeat 50% center;}
.index-lclist ul li.lc8:hover { background: #0096ff; border: 1px solid #0096ff;}
.index-lclist ul li:hover .tb8 {  background: url(/public/pcweb/images/index_pic9_h.png) no-repeat 50% center;}



.index-designer {

    width: 1200px;

    height: auto;

    margin: 48px auto 0; }

.index-designer  .title {

      width: 100%;
 }

.index-designer .title .tits {

        font-size: 30px;

        line-height: 30px;

        color: #333333;

        float: left; }

.index-designer .title .i {

        font-size: 12px;

        line-height: 12px;

        color: #727171;

        float: left;

        display: block;

        margin-top: 18px;

        margin-left: 20px; }

.index-designer .title .i i {

          color: #02aca3; }

.index-designer .title .t {

        float: right;

        font-size: 12px;

        line-height: 12px;

        margin-top: 18px;

         }

.index-designer .title .t a {
          color: #02aca3;
           font-size: 16px;
      line-height: 16px;
margin-top: 13px; }


.index-designer .top {

      width: 960px;

      height: auto;

      margin: 30px auto 0; }

.index-designer .top .con {

        width: 100%; }

.index-designer .top .con img {

          float: left; }

.index-designer .top .con .num {

          margin-left: 12px;

          margin-top: 23px;

          height: 100px;

          float: left; }

.index-designer .top .con .num ul li {

            width: 61px;

            height: 100px;

            overflow: hidden;

            float: left;

            margin-right: 5px;

            position: relative; }

.index-designer .top .con .num ul li img {

              position: absolute;

              top: 0;

              left: 0; }

.index-designer .top .con .img {

          margin-top: 59px;

          margin-left: 9px;

          float: left; }

.index-designer .top .con .num1 {

          margin-left: 30px;

          margin-top: 23px;

          height: 93px;

          float: left; }

.index-designer .top .con .img2 {

          float: right; }

.index-designer .top .tits {

        font-size: 10px;

        line-height: 11px;

        color: #b0b0b0;

        text-align: center;

        font-family: Arial;

        margin-top: 18px; }

.index-designer .list {

      width: 1200px;

      height: auto;

      position: relative;

      overflow: hidden;

      margin-top: 40px; }

.index-designer .list .bd {

        width: 1063px;

        height: 440px;

        margin: 0 auto; }

.index-designer .list .bd ul {

          width: 100%;

          height: auto; }
.index-designer .list .bd ul li {

            width: 260px;

            height: 440px;

            position: relative;

            margin-right: 7px; }

.index-designer .list .bd ul li a {

              display: block; }

.index-designer .list .bd ul li a .bg {

                width: 255px;

                height: 255px;

                position: absolute;

                left: 2.5px;

                bottom: 30px;

                background: url(/public/pcweb/img/index_bg1.png) no-repeat;

                display: none; }

.index-designer .list .bd ul li a .bg .tits {

                  font-size: 14px;

                  line-height: 32px;

                  color: #fff;
                  margin-top: 140px;

                  text-align: center; }
.index-designer .list .bd ul li:hover a .bg{
                    display: block;
                  } 
.index-designer .list .bd ul li a .bg1 {
                      width: 260px;
                      height: 440px;
                      position: absolute;
                      left: 0;
                      top: 0;
                      background: rgba(0,0,0,0.3);
                      opacity: 0;
                      filter: alpha(opacity=0); 
                    } 

.index-designer .list .prev {

        width: 38px;

        height: 74px;

        display: block;

        position: absolute;

        top: 184px;

        left: 0;

        background: url(/public/pcweb/img/index_prev1.png) no-repeat; }

.index-designer .list .prev:hover {

        background: url(/public/pcweb/img/index_prev1_h.png) no-repeat; }

.index-designer .list .next {

        width: 38px;

        height: 74px;

        position: absolute;

        display: block;

        top: 184px;

        right: 0;

        background: url(/public/pcweb/img/index_next1.png) no-repeat; }

.index-designer .list .next:hover {

        background: url(/public/pcweb/img/index_next1_h.png) no-repeat; }

.index-designer .gg {
      width: 1200px;
      height: 120px;
      margin-top: 60px; }
.index-designer .gg .bd{
        width: 100%;
        height: 120px;
        overflow: hidden;
      }
.index-designer .gg .bd ul {
        width: 100%;
        height: auto;
      }
.index-designer .gg .bd ul li{
        width: 1200px;
        height: 120px;
        float: left;
        display: block;
      }
.index-designer .gg .bd ul li a {

        display: block; }





/*首页设计师*/
.iteambox {max-width:1200px; height:300px; margin:0 auto;}
.iteamlist ul li { float:left; width:228px; height:300px; margin-left:15px; position:relative; color: #fff;}
.iteamlist ul li.f { margin-left:0;}
.iteamlist ul li a.img { display:block; width:100%; height:300px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.iteamlist ul li a.img img { width:100%; min-height:350px;
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.iteamlist ul li .bg {width:100%; height:50px; background:rgba(51,51,51,0.6); position:absolute; bottom:0px; left:0; z-index:2;}
.iteamlist ul li .bg .nrow { display:inline-block; width:auto; margin-left: 10%; height:22px; font-size:14px; color:#555; margin-top:3px;  border-bottom:2px solid #fff;}
.iteamlist ul li .bg .nrow a { font-style:normal; font-size:14px; color:#fff;}
.iteamlist ul li .bg .nrow a:hover {color: #fff;}
.iteamlist ul li .bg .des { display: block; width: 80%; margin: 0 auto; height:20px; overflow:hidden; padding-top:2px; margin-top:0; color: #eee; font-size: 12px;}

.iteamlist ul li .btn { width:100%; height:30px; background:#423e3c; position:absolute; left:0; bottom:0; z-index:3;}
.iteamlist ul li .btn a { display:block; float:left; width:50%; height:30px; line-height:29px; text-align:center; font-size:13px; color:#fff;}
.iteamlist ul li .btn a.r { background:#00bdb3;}

.iteamlist ul li:hover a.img img { 
	transform: scale(1.1);
}
.iteamlist ul li:hover .bg .nrow a { color:#fff;}


.iteamlist div {float: left; width: 228px; height: 300px; overflow: hidden; margin-left:15px; position:relative; color: #fff;}

.iteamlist div.f { margin-left:0;}
.iteamlist div a.img { display:block; width:100%; height:300px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.iteamlist div a.img img { width:100%; min-height:350px;
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.iteamlist div .bg {width:100%; height:50px; background:rgba(51,51,51,0.6); position:absolute; bottom:0px; left:0; z-index:2;}
.iteamlist div .bg .nrow { display:inline-block; width:auto; margin-left: 10%; height:22px; font-size:14px; color:#555; margin-top:3px;  border-bottom:2px solid #fff;}
.iteamlist div .bg .nrow a { font-style:normal; font-size:14px; color:#fff;}
.iteamlist div .bg .nrow a:hover {color: #fff;}
.iteamlist div .bg .des { display: block; width: 80%; margin: 0 auto; height:20px; overflow:hidden; padding-top:2px; margin-top:0; color: #eee; font-size: 12px;}

.iteamlist div .btn { width:100%; height:30px; background:#423e3c; position:absolute; left:0; bottom:0; z-index:3;}
.iteamlist div .btn a { display:block; float:left; width:50%; height:30px; line-height:29px; text-align:center; font-size:13px; color:#fff;}
.iteamlist div .btn a.r { background:#00bdb3;}

.iteamlist div:hover a.img img { 
	transform: scale(1.1);
}
.iteamlist div:hover .bg .nrow a { color:#fff;}








.index-question {
    width: 1200px;
    height: auto;
    margin: 40px auto 0; }

.index-question .con1 {
      width: 100%;
      height: auto;
      margin-top: 20px; }
.index-question .con1 .con-left {
        width: 175px;
        height: 239px;
        background: url(/public/pcweb/images/g_bg.jpg) no-repeat;
        float: left; }
.index-question .con1 .con-left a {
          width: 100%;
          height: auto;
          display: block;
          padding-top: 70px; }
.index-question .con1 .con-left a img {
            width: 60px;
            height: 60px;
            display: block;
            margin: 0 auto; }
.index-question .con1 .con-left a p {
            width: 100%;
            height: auto;
            font-size: 18px;
            line-height: 20px;
            text-align: center;
            color: #fff;
            margin-top: 15px; }
.index-question .con1 .con-right {
        width: 1007px;
        height: auto;
        overflow: hidden;
        float: right; }
.index-question .con1 .con-right ul {
          width: 110%;
          height: auto; }
.index-question .con1 .con-right ul li {
            width: 240px;
            height: 239px;
            overflow: hidden;
            margin-right: 17px;
            position: relative;
            float: left; }
.index-question .con1 .con-right ul li a {
              width: 100%;
              height: 100%; overflow: hidden;
              display: block; }
.index-question .con1 .con-right ul li a .tits {
                width: 230px;
                height: 45px;
                background: rgba(0, 0, 0, 0.8);
                font-size: 16px;
                line-height: 45px;
                color: #fff;
                padding-left: 10px;
                position: absolute;
                bottom: 0;
                left: 0; }
.index-question .con1 .con-right ul li a .tag {
                width: 69px;
                height: 29px;
                position: absolute;
                top: 0;
                right: 0;
                background: #02aca3;
                text-align: center;
                font-size: 14px;
                line-height: 29px;
                color: #fff; }
.index-question .con1 .con-right ul li a img {transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;-o-transition: 0.3s;}
.index-question .con1 .con-right ul li a:hover img {transform: scale(1.1)}

.index-question .con2 {width: 100%; height: 240px; margin-top: 15px;}
.index-question .con2 .clist { width: 1008px; height: 240px; float: right;}
.index-question .con2 .clist ul li {float: right; width: 48%; height: 64px; overflow: hidden; margin-top: 35px; margin-left: 2%;}
.index-question .con2 .clist ul li.f {margin-left: 0; float: left}
.index-question .con2 .clist ul li .date { float: left; width: 100px; height: 64px; background: url(/public/pcweb/images/tb27.jpg) no-repeat;}
.index-question .con2 .clist ul li .date span {display: block; width: 100%; text-align: center; color: #333;font-family:"Regular";}
.index-question .con2 .clist ul li .date .d { font-size: 32px; margin-top: 2px;}
.index-question .con2 .clist ul li .date .m { font-size: 14px;}
.index-question .con2 .clist ul li .info {float: left; width: 360px; height: auto; overflow: hidden; margin-left: 15px; margin-top: 12px;}
.index-question .con2 .clist ul li .info a { display: inline-block; font-size: 20px; color: #000; line-height: 20px; max-height: 20px; overflow: hidden;}
.index-question .con2 .clist ul li .info a:hover {color: #00bdb3}
.index-question .con2 .clist ul li .info .des { display: block; width: 100%; height: 20px; line-height: 20px; color: #787878; font-size: 14px; overflow: hidden; margin-top: 5px;}



.footer {
  width: 100%;
  height: auto;
  min-width: 1200px;
  overflow: hidden;
  /*padding-bottom: 52px;*/ }
  .footer .foot {
    width: 100%;
    border-top: 1px solid #ededed;
    height: auto;
    padding-bottom: 50px;
    background: #f0f0f0; }
    .footer .foot .foot-new {
      width: 1200px;
      height: auto;
      margin: 0 auto;
     }
      


      .footer .foot .foot-new .list2{
        width: 100%;
        height: auto;
        margin-top: 40px;
      }
      .footer .foot .foot-new .list2 .foot-nav{
        width: 650px;
        height: auto;
        float: left;
        margin-top: 23px;
      }
      .footer .foot .foot-new .list2 .foot-nav dl{
        width: auto;
        margin-right: 80px;
        height: auto;
        float: left;
      }
      .footer .foot .foot-new .list2 .foot-nav dl dt{
        font-size: 18px;
        line-height: 28px;
        color: #999;
        margin-bottom: 15px;
      }
      .footer .foot .foot-new .list2 .foot-nav dl dd{ padding: 0; margin: 0;
        font-size: 14px;
        line-height: 28px;
      }
      .footer .foot .foot-new .list2 .foot-nav dl dd a{
        color: #666;
      }
      .footer .foot .foot-new .list2 .foot-nav dl dd a:hover{
        color: #02aca3;
      }
      .footer .foot .foot-new .list2 .line{
        width: 1px;
        height: 210px;
        background: #ddd;
        float: left;
      }

      .footer .foot .foot-new .list2 .gz {
        width: 140px;
        height: auto;
        float: left;
        margin-top: 26px;
        margin-left: 40px;
        margin-right: 40px; }
        .footer .foot .foot-new .list2 .gz .tits {
          width: 100%;
          height: 28px;
          background: #eee;
          font-size: 12px;
          line-height: 28px;
          color: #666;
          text-align: center;
        }
        

        .footer .foot .foot-new .list2 .zx{
          width: 267px;
          height: auto;
          float: right;
          margin-top: 10px;
        }
        .footer .foot .foot-new .list2 .zx h1{
          width: 100%;
          height: auto;
          font-size: 12px;
          line-height: 28px;
          color: #999;
          text-align: center;
        }
        .footer .foot .foot-new .list2 .zx h2{
          font-size: 30px;
          line-height: 28px;
          text-align: center;
          color: #02aca3;
          margin-top: 5px;
        }
        .footer .foot .foot-new .list2 .zx h3{
          text-align: center;
          font-size: 14px;
          line-height: 28px;
          color: #808080;
          margin-top: 17px;
        }
        .footer .foot .foot-new .list2 .zx a{
          width: 160px;
          height: 39px;
          display: block;
          margin: 12px auto 0;
          border: 1px solid #02aca3;
          text-align: center;
          font-size: 16px;
          line-height: 39px;
          color: #02aca3;
        }
        .footer .foot .foot-new .list2 .zx a:hover{
          background: #02aca3;
          color: #fff;
        }

  .footer .foott {

    width: 100%;
    height: auto;
    background: #212121;
    font-size: 12px;
    line-height: 20px;
    color: #c1c1c1;
    padding-bottom: 20px;
    padding-top: 10px; }
    .footer .foott .link{
      width: 1200px;
      height: auto;
      margin: 0 auto;
		text-align: center;
		padding-top: 5px;
    }
    .footer .foott .link span{
       font-weight: bold;
      display: inline-block; margin-right: 18px;color: #666;
    }
    
    .footer .foott .link  a{
      color: #666;
       display: inline-block; margin-right: 18px;
    }
    .footer .foott .link  a:hover{
      color: #fff;
    }
    .footer .foott .p{
      width: 100%;
      text-align: center;
      font-size: 12px;
      line-height: 28px;
      color: #c1c1c1;
      margin-top: 18px;
    }
    .footer .foott .p a{
      color: #c1c1c1;
    }
    .footer .foott .p span{
      color: #02aca3;
      font-size: 16px;
      margin-left: 5px;
    }

  .footer .foottt {

    width: 100%;

    height: 52px;

    background: #000;

    position: fixed;

    bottom: 0;left: 0;
    z-index: 3; }

    .footer .foottt .foottt-new {

      width: 1200px;

      height: auto;

      margin: 0 auto; }

      .footer .foottt .foottt-new img {

        display: block;

        margin-top: -22px;

        float: left; }

      .footer .foottt .foottt-new span {

        float: left;

        display: block;

        font-size: 48px;

        line-height: 48px;

        color: #00bdb3;

        margin-top: 2px;

        margin-left: 22px;

        font-weight: bold;

        letter-spacing: -2px;

        font-family: Arial; }

      .footer .foottt .foottt-new .t {

        background: url(/public/pcweb/img/footer_add.png) 0 13px no-repeat;

        float: right;

        font-size: 20px;

        color: #ffffff;

        line-height: 52px;

        padding-left: 32px; }



/*首页板块头标题*/
.ibox {width:100%; height:auto;}
.ibox_h {width:100%; height:auto; padding:35px 0px 20px 0px; text-align:center; color:#111;}
.ibox_h .zh {font-size:24px; padding-bottom:2px;}
.ibox_h .en {width:100%; height:auto;  background:url(/public/pcweb/images/tb3.gif) repeat-x center;}
.ibox_h .en span {font-size:14px; display:inline-block; padding:0px 30px; background:url(/public/pcweb/images/tb4.gif) repeat-x center;}
.ibox_h .en span i {display:inline-block; font-style:normal; padding:0px 30px; background:#fff;text-transform:uppercase}
.ibox_m {max-width:1200px; height:auto; margin:0 auto;}
.ibox_h .en span i.gray { background:#f0f0f0;}
.ibox_h a { color:#111;}
.ibox_h a:hover { color:#e50000;}

/*首页报价*/
.ibox_m { max-width:1200px; height:auto; min-height:200px; position:relative;}
.ibj { margin-top:25px;}
.ibj_img {float:left; width:335px; height:240px;}
.ibj_rbox {float:left; width:864px; height:238px; border:1px solid #d7d7d7; border-left:none;}
.ibj_rbox .lform {float:left; width:630px; height:auto; margin-left:24px;}
.ibj_rbox .lform p {font-size:14px; width:100%; margin-top:18px;}
.ibj_rbox .lform p.tit { font-size:18px; color:#111;}
.ibj_rbox .lform p .input { font-size:12px;}
.ibj_rbox .lform p .radio { cursor:pointer;}
.ibj_rbox .lform p .box { float:left; width:270px; font-size:12px;}
.ibj_rbox .lform p .box input {width:130px; height:26px; padding:0px 5px; background:none; border:1px solid #d7d7d7;}
.ibj_rbox .lform p .box .lab { font-size:14px;}

.ibj_rbox .rtxt {float:right; width:175px; height:auto; margin-top:18px; margin-right:20px; }
.ibj_rbox .rtxt .price {width:100%; height:auto; padding:10px 0px; background:#f0f0f0; border-radius:7px; text-align:center; line-height:1.6; font-size:16px;}
.ibj_rbox .rtxt .price span { color:#e50000;}
.ibj_rbox .rtxt .price i { font-style:normal;}
.ibj_rbox .rtxt .des {width:100%; height:auto; line-height:1.4;  font-size:12px; color:#666; padding:5px 0px 2px 0px;}
.ibj_rbox .rtxt a.btn {display:block; width:173px; height:34px; line-height:34px; border:1px solid #d9d9d9; text-align:center; border-radius:5px; color:#666; font-size:14px; margin-top:8px;}
.ibj_rbox .rtxt a.rg { background:#e50000; border:1px solid #e50000; color:#fff;}
.ibj_rbox .rtxt a:hover {border:1px solid #e50000; background:#e50000; color:#fff; }


.indexblo_h {max-width:1200px; margin:0 auto; height:40px; margin-top:30px; border-bottom:1px solid #dfdfdf; margin-bottom:10px;}
.indexblo_tit {float:left; font-size:24px; color:#000;}
.indexblo_tit a { display:inline-block; height:39px; border-bottom:1px solid #000;}
.indexblo_tit a:hover { color:#333;}
.indexblo_tit i { font-style:normal; color:#00bdb3;}
.indexblo_tit span {display:inline-block; padding-left:17px; background:url(/public/pcweb/images/tb4.png) no-repeat center left; font-family:'微软雅黑'; font-size:16px; color:#666; font-weight:normalr; font-style:italic;}
.indexblo_more {font-size:14px; float:right; margin-top:7px;}
.indexblo_more a { display:inline-block; margin-left:15px;}
.indexblo_more a.hover { color:#b80202;}
.indexblo_more span {display:inline-block; margin-left:20px;}

.icasebox {max-width:1200px; height:auto; margin:0 auto; min-height:428px;}
.icaseleft {float:left; width:286px; height:428px; position:relative; background:url(/public/pcweb/images/img7.jpg) no-repeat;}
.icaseleft p {width:210px; height:auto; position:absolute; left:38px; bottom:35px;}
.icaseleft p a {display:block; width:100%; height:43px; line-height:40px; margin-top:14px; background:url(/public/pcweb/images/tb5.png) no-repeat; font-size:14px; color:#fff; text-align:center;}
.icaseleft p a:hover { background-position:0px -43px;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}
.icaseleft p a.hover { background-position:0px -43px;}
.icaseright {float:right; width:894px; height:428px; position:relative;}
.icaseright ul {width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.icaseright ul.hover { display:block;}
.icaseright ul li {float:left; width:290px; height:208px; position:relative; margin-left:12px; margin-top:12px;}

.icaseright ul li.nl { margin-left:0;}
.icaseright ul li.nt { margin-top:0;}
.icaseright ul li a.img { display:block; width:100%; height:208px; position:absolute; left:0; top:0; 
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.icaseright ul li a.img img { width:290px; height:208px;}
.icaseright ul li:hover a.img {
	transform: scale(1.03);
}
.icaseright ul li .p1 { width:100%; height:38px; position:absolute; left:0; bottom:0; line-height:36px; background:rgba(0,0,0,0.5); text-align:center; font-size:14px;
	height:38px; overflow:hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.icaseright ul li .p1 a { color:#fff; font-size:14px}
.icaseright ul li:hover .p1 { 
	height:0;
}

.icaseright ul.pic li .p2 { width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; overflow:hidden;
	transform: scale(0.8);
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.icaseright ul.pic li:hover .p2 {
	transform: scale(1.03);
	opacity:1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	/*box-shadow: 0px 5px 20px #ccc;*/
}
.icaseright ul.pic li .p2 span {display:block; width:197px; height:auto; min-height:140px; font-size:14px; color:#fff; margin:0 auto; line-height:1.8; padding:15px 0px 0px 0px; }
.icaseright ul.pic li .p2 a {display:block; width:195px; height:36px; line-height:34px; background:rgba(0,0,0,0.6); border:1px solid #a1a1a2; font-size:14px; color:#fff; text-align:center; margin:0 auto;
}
.icaseright ul.pic li .p2 a:hover { border:1px solid #b80202; background:#b80202; color:#fff;}

/* .vr 眼睛样式 */
.icaseright ul.vr li { overflow:hidden;}
.icaseright ul.vr li .p2 {width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:210px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.icaseright ul.vr li .p2 a { display:block; width:100%; height:208px; background:url(/public/pcweb/images/tb22.png) no-repeat center;}
.icaseright ul.vr li:hover .p2 { bottom:0;}



.iartbox {max-width:1200px; height:auto; margin:0 auto;}
.ihdbox {float:left; width:435px; height:auto;}
.ihdlist {width:100%; height:auto;}
.ihdlist ul li { width:100%; height:88px; border-bottom:1px solid #efefef; margin-top:9px;}
.ihdlist ul li a.img { display:block; float:left; width:120px; height:80px; overflow:hidden;}
.ihdlist ul li p { float:right; width:305px; height:80px; overflow:hidden; color:#999; font-size:14px; line-height:1.6;}
.ihdlist ul li p a { font-size:18px; color:#000; display:inline-block; height:30px; overflow:hidden;}
.ihdlist ul li:hover { border-bottom:1px solid #00bdb3;}
.ihdlist ul li:hover p a { color:#00bdb3;}
.inewsbox {float:right; width:730px; height:auto;}
.inewsmain {width:728px; height:383px; border:1px solid #f0f0f0;}
.inewssort {width:100%; height:56px; background:#f0f0f0;}
.inewssort a { display:block; width:25%; height:56px; border-top:1px solid #f0f0f0; background:url(/public/pcweb/images/tb6.gif) no-repeat center right; font-size:16px; color:#414141; line-height:56px; float:left; text-align:center; }
.inewssort a.l { background:#f0f0f0;}
.inewssort a:hover { border-top:1px solid #00bdb3; background:#fff; color:#00bdb3; font-weight:bold;}
.inewssort a.hover { border-top:1px solid #00bdb3; background:#fff; color:#00bdb3; font-weight:bold;}
.inewslist { width:690px; height:300px; position:relative;}
.inewslist ul { width:100%; height:auto; position:absolute; left:20px; top:6px; display:none; }
.inewslist ul.hover { display:block;}
.inewslist ul li { float:left; width:310px; height:24px; margin-top:14px; padding-left:20px; background:url(/public/pcweb/images/tb7.gif) no-repeat 0 5px; font-size:16px; margin-left:30px; overflow:hidden; line-height:1.5}
.inewslist ul li.f { margin-left:0;}


/*首页主材、友情链接、口号*/
.izc {padding:0px 0px 30px 0px;}
.izcList {width:100%; height:268px;}
.izcList .limg {float:left; width:252px;}
.izcList ul { float:left; width:948px;}
.izcList ul li { float:left; width:148px; height:82px; margin-left:8px; margin-top:8px; border:1px solid #DFDFDF; position:relative;}
.izcList ul li.f { margin-top:0;}
.izcList ul li span { display:block; width:100%; height:82px; position:absolute; left:0; top:0; background:rgba(0,0,0,0.65); font-size:18px; text-align:center; line-height:82px; color:#fff; font-weight:bold; display:none;}
.izcList ul li:hover span { display:block;}

.flink { width:1190px; padding:0px 5px; height:auto; line-height:1.6; margin-top:22px; padding-top:5px; }
.flink span { font-size:16px; color:#111; line-height:1.8;}
.flink a { color:#666;}
.flink a:hover { color:#e50000;}

.izc_kh { width:100%; padding-top:30px; text-align:center;}


.footbg {width:100%; height:auto; background:#3d3d3d;  padding:40px 0px 30px 0px; }
.footm { max-width:1200px; min-height:180px; margin:0 auto;}
.fmenu {float:left; width:auto; height:auto;}
.fmenu ul { float:left; width:auto; margin-right:40px;}
.fmenu ul li { width:auto; height:28px; font-size:13px;}
.fmenu ul li.f { font-size:15px; border-bottom:1px solid #fff; padding-right:5px; margin-bottom:10px;}
.fmenu ul li a { color:#fff;}
.fmenu ul li a:hover { color:#00bdb3;}

.fcont {float:left; width:520px; height:auto; color:#fff;  margin-left:50px; }
.fcont .ftel { padding-left:62px; min-height:55px; background:url(/public/pcweb/images/tb12.png) no-repeat left top; color:#fff; font-size:16px; line-height:1.2; color:#f0f0f0}
.fcont .ftel span { font-size:36px; color:#fff; font-family:arial;}
.fcont .fadd { width:100%; line-height:1.8; font-size:13px; margin-top:10px;}
.fcont .fcopyr {width:100%; line-height:1.6; font-size:13px; margin-top:10px; color:#c0c0c0;}
.fcont a { color:#c0c0c0;}
.fcont a:hover { color:#00bdb3;}
.fewm { float:right; line-height:2; text-align:center; font-size:14px; color:#fff; margin-top:10px;}



.nhpos {float:right; background:url(/public/pcweb/images/tb13.png) no-repeat left 5px; padding-left:17px; margin-top:10px; color:#666; font-size:14px;}
.nhpos a { color:#666;}
.nhpos a:hover { color:#00bdb3;}

.ncasesort {max-width:1200px; height:auto; margin:0 auto;}
.ncasesort .srow {width:100%; height:48px;}
.ncasesort .srow span.lab {float:left; display:block; color:#666; width:90px; height:28px; font-size:14px; line-height:28px; margin-left:25px; margin-top:10px;}
.ncasesort .srow span.fg { padding-left:30px; background:url(/public/pcweb/images/tb14.gif) no-repeat center left;}
.ncasesort .srow span.hx { padding-left:30px; background:url(/public/pcweb/images/tb15.gif) no-repeat center left;}
.ncasesort .srow span.mj { padding-left:30px; background:url(/public/pcweb/images/tb16.gif) no-repeat center left;}
.ncasesort .srow span.list { display:block; float:left; width:auto; height:28px; font-size:14px; margin-top:10px; line-height:28px;}
.ncasesort .srow span.list a { display:inline-block; width:auto; height:28px; line-height:28px; padding:0px 15px; margin:0px 2px;} 
.ncasesort .srow span.list a:hover { background:#00bdb3; color:#fff;}
.ncasesort .srow span.list a.hover { background:#00bdb3; color:#fff;}

.ncasebox {max-width:1200px; height:auto; margin:0 auto;}
.ncaselist {width:100%; height:auto;}
.ncaselist ul li { float:left; width:380px; height:355px; position:relative; margin-left:30px; margin-top:30px;}
.ncaselist ul li.f { margin-left:0;}
.ncaselist ul li a.img { display:block; width:380px; height:280px; overflow:hidden; z-index:1; position:absolute; left:0; top:0;
	
}
.ncaselist ul li a.img img { width:100%; height:280px;
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}

.ncaselist ul li .tit { width:100%; height:40px; background:rgba(0,0,0,0.7); line-height:40px; text-align:center; position:absolute; left:0; top:240px; z-index:2; font-size:14px;}
.ncaselist ul li .tit a { color:#fff;}
.ncaselist ul li .des { width:378px; height:74px; border:1px solid #f0f0f0; border-top:none; border-bottom:1px solid #00bdb3; background:#fff; position:absolute; left:0; bottom:0; z-index:3; color:#666;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.ncaselist ul li .des span { float:left; margin-left:14px; margin-top:16px; font-size:12px; width:100px; height:12px; overflow:hidden; line-height:1}
.ncaselist ul li .des span.m { width:90px;}
.ncaselist ul li .des span.l { width:140px;}
.ncaselist ul li .des a { color:#666}

.ncaselist ul li:hover a.img img {
	transform: scale(1.1);
}
.ncaselist ul li:hover .des { background:#00bdb3; border-color:#00bdb3; color:#fff;}
.ncaselist ul li:hover .des a { color:#fff;}

.npage{height:34px; padding:0; text-align:center;font-size:14px; width:100%; margin:0 auto; margin-top:30px; padding-bottom:10px;}
.npage p{text-align:right; padding-right:20px;}
.npage a{ display:inline-block; padding:0px 13px; height:32px; line-height:32px; color:#454545; border:1px solid #aaa; background:#fff; text-decoration:none; text-align:center;}
.npage a:hover{ background:#00bdb3; border:1px solid #00bdb3; color:#fff; text-decoration:none;transition: all 0.5s ease 0s;}
.npage a.hover{ background:#00bdb3; border:1px solid #00bdb3; color:#fff; text-decoration:none;transition: all 0.5s ease 0s;}


.nteamlist {}
.nteamlist ul li { margin-top:20px; }


.gdlist { width:100%; height:auto;}
.gdlist ul li { float:left; width:390px; height:375px; margin-left:15px; margin-top:20px; box-shadow: 0px 5px 10px  #f9f1f1;}
.gdlist ul li.f { margin-left:0;}
.gdlist ul li a.img { display:block; width:100%; height:290px; overflow:hidden;}
.gdlist ul li a.img img { width:100%; height:290px;
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.gdlist ul li p { width:360px; padding:0 15px; height:85px; background:#fff; position:relative; line-height:2.8; color:#666;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.gdlist ul li p a.tit { display:inline-block; font-size:18px; height:24px; overflow:hidden; line-height:1; margin-top:18px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.gdlist ul li p a.btn { display:block; width:90px; height:24px; text-align:center; line-height:24px; font-size:12px; color:#fff; background:#00bdb3; position:absolute; right:15px; bottom:15px; border-radius:12px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}

.gdlist ul li:hover a.img img {
	transform: scale(1.1);
}
.gdlist ul li:hover p { background:#00bdb3; color:#fff;}
.gdlist ul li:hover p a.tit { color:#fff;}
.gdlist ul li:hover p a.btn { background:#fff; color:#00bdb3;}

.nleft {float:left; width:870px; height:auto;}
.nright {float:right; width:300px; height:auto;}
.nnewssort {width:100%; height:40px; margin-top:20px; padding-bottom:10px;}
.nnewssort a { display:block; float:left; width:auto; font-size:18px; height:34px; margin-right:80px; border-bottom:2px solid #fff;}
.nnewssort a:hover { color:#00bdb3; border-bottom:2px solid #00bdb3;}
.nnewssort a.hover { color:#00bdb3; border-bottom:2px solid #00bdb3;}

.nnewslist { width:100%; height:auto;}
.nnewslist ul li { width:860px; height:145px; padding:4px; border:1px solid #e9e9e9; margin-top:20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.nnewslist ul li.f { margin-top:10px;}
.nnewslist ul li a.img { float:left; display:block; width:210px; height:145px; overflow:hidden;}
.nnewslist ul li a.img img { width:100%; height:145px;
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.nnewslist ul li p { float:left; width:610px; height:145px; overflow:hidden; margin-left:20px; font-size:13px;}
.nnewslist ul li p a.tit { font-size:16px; font-weight:bold; color:#121212; display:inline-block; margin-top:8px; line-height:1.5; height:28px; overflow:hidden;}
.nnewslist ul li p span.des { display:inline-block; max-height:70px; overflow:hidden; margin-top:2px;  color:#999; line-height:1.7; font-size:14px;}
.nnewslist ul li p span.des a { color:#00bdb3;}
.nnewslist ul li p span.d { display:inline-block; color:#666; line-height:1.5; margin-top:5px;}

.nnewslist ul li:hover { border:1px solid #00bdb3;}
.nnewslist ul li:hover p a.tit { color:#00bdb3;}
.nnewslist ul li a.img:hover img {
	transform: scale(1.1);
}

.nrbm {width:100%; height:auto; margin-top:10px;}
.nrbm .tbg {width:100%; height:75px; color:#fff; background:#484645; position:relative;}
.nrbm .tbg span { position:absolute; left:20px; top:13px; font-size:12px; color:#dddddd; line-height:1.6;}
.nrbm .tbg span i { font-style:normal; font-size:18px; font-weight:bold; color:#fff;}
.nrbm .nrbm_m {width:298px; height:auto; background:#f8f8f8; border:1px solid #eeeeee; border-top:none; padding:10px 0px 20px 0px;}
.nrbm .nrbm_m .brow { width:255px; height:32px; margin:0 auto; margin-top:10px;}
.nrbm .nrbm_m .brow input { width:233px; height:30px; border:1px solid #eeeeee; padding:0px 10px; background:#fff; font-family:'微软雅黑';}
.nrbm .nrbm_m .brow a { display:block; width:100%; height:35px; background:#484645; color:#fff; line-height:34px; text-align:center; font-size:14px;}
.nrbm .nrbm_m .brow a:hover { background:#00bdb3}

.nrhotrec { width:100%; height:28px; border-bottom:1px solid #00bdb3; color:#00bdb3; font-size:16px; margin-top:20px;}
.nrhotrec span { float:left;}
.nrhotrec a { float:right; color:#00bdb3;}

.nrhotnews {width:100%; height:auto;}
.nrhotnews ul {width:100%; margin:0 auto; padding-top:5px;}
.nrhotnews ul li {width:100%; height:30px; margin-top:10px; border-bottom:1px dotted #b9b9b9; overflow:hidden;}
.nrhotnews ul li span {float:left; width:16px; height:16px; display:block; text-align:center; line-height:16px; background:#ccc; color:#fff; font-family:arial;  margin-top:2px; overflow:hidden;}
.nrhotnews ul li span.red { background:#00bdb3;}
.nrhotnews ul li a {float:left; margin-left:8px; height:18px; font-size:14px; max-width:270px; overflow:hidden; }

.ncaseviewleft { width:850px;}
.vcaseBigImg {width:100%; height:auto; border:1px solid #a3a3a3; padding:20px 0px;}

.vcaseJxBox {width:100%; height:30px; position:relative; border-top:1px solid #cfcfcf; margin-top:50px; margin-bottom:5px;}
.vcaseJxBox p {padding:0px 20px; background:#fff; font-size:24px; position:absolute; top:-18px; left:255px;}
.vcaseJxBox p span {font-family:arial; font-size:18px;}
.vcaseJxTable { width:100%; height:auto; font-size:14px;}
.vcaseJxTable table { background:#dddddd;}
.vcaseJxTable table td { background:#fff; height:26px;}
.vcaseCon {width:100%; height:auto; line-height:2; font-size:14px; margin-top:30px; overflow:hidden;}
.vcaseCon img { max-width:100%;}
.vcaseCon a { color:#333;}
.vcaseCon a:hover { color:#e50000;}

.vcaseRteam {width:100%; height:auto;}
.vcaseRteam .tbg { width:100%; height:45px; background:#00bdb3; color:#fff; font-size:18px; font-weight:bold; text-indent:18px; line-height:44px;}
.vcaseRteam .box {width:100%; height:425px; position:relative;}
.vcaseRteam .box .img { display:block; width:100%; height:385px; overflow:hidden;}
.vcaseRteam .box .img img { width:100%;}
.vcaseRteam .box .bg {width:100%; height:120px; background:rgba(255,255,255,0.7); position:absolute; bottom:40px; left:0; z-index:2;}
.vcaseRteam .box .bg .nrow { display:block; width:80%; margin:0 auto; height:24px; font-size:14px; color:#555; margin-top:10px;}
.vcaseRteam .box .bg .nrow a { font-style:normal; font-size:18px; color:#222;}
.vcaseRteam .box .bg .des { height:64px; overflow:hidden; border-top:1px solid #fff; padding-top:5px; margin-top:7px;}

.vcaseRteam .box .btn { width:100%; height:40px; background:#423e3c; position:absolute; left:0; bottom:0; z-index:3;}
.vcaseRteam .box .btn a { display:block; float:left; width:50%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;}
.vcaseRteam .box .btn a.r { background:#00bdb3;}

.vcaseRlist {width:100%; height:auto;}
.vcaseRlist ul li { width:100%; height:280px; margin-left:0; margin-top:20px; float:none;}
.vcaseRlist ul li a.img { width:100%; height:220px; }
.vcaseRlist ul li a.img img { width:100%; height:220px;
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}

.vcaseRlist ul li .tit { height:35px; top:185px; line-height:34px;}
.vcaseRlist ul li .tit a { color:#fff;}
.vcaseRlist ul li .des { width:298px; height:60px; }

.vcaseRlist ul li .des span { float:left; margin-left:8px; margin-top:12px; font-size:12px; width:90px; height:12px; overflow:hidden; line-height:1}
.vcaseRlist ul li .des span.m { width:80px;}
.vcaseRlist ul li .des span.l { width:100px;}


.vtit {line-height:1.5; font-size:24px; color:#333; text-align:center; margin:0;  }
.vdes {color:#878787; font-size:12px; text-align:center; padding:10px 0px;}
.vdes a { color:#878787;}
.vdes a:hover { color:#e50000;}
.vcon {width:98%; margin:0 auto; height:auto; line-height:2; margin-top:10px; font-size:16px;}
.vmovie {width:600px; height:400px;  margin:0 auto; margin-bottom:10px;}

.news_detail_page {width:100%; margin:0 auto; height:auto; border-top:1px solid #c9c9c9; padding-top:10px; padding-bottom:20px;}
.news_detail_page p{ width:100%; line-height: 24px; font-size:14px;  color:#767676;}
.news_detail_page p span{color:#333; }
.news_detail_page p a { color:#666;}
.news_detail_page p a:hover { color:#e50000; text-decoration:underline}

.vteamH {width:100%; height:auto; min-height:385px; padding:25px 0px; background:url(/public/pcweb/images/tb17.gif) no-repeat right top; background-color:#f5f5f5;}
.vteamH .img { display:block; float:left; margin-left:25px; width:300px; height:385px; overflow:hidden;}
.vteamH .img img { width:100%;}
.vteamH_r {float:left; width:420px; height:auto; margin-left:35px; }
.vteamH_r p { width:100%; height:auto; line-height:1.6; padding-bottom:14px;}
.vteamH_r p span { display:block;}
.vteamH_r p .l { float:left; display:block; width:130px; height:auto; font-size:24px; color:#000; font-weight:bold;}
.vteamH_r p .l i { font-weight:normal; font-style:normal; font-family:arial; font-size:14px; color:#666;}
.vteamH_r p .r { display:block; float:left; width:290px; height:auto; line-height:1.6; font-size:14px; color:#666; padding-top:4px;}
.vteamH_r a.btn { display:block; width:300px; height:40px; background:#00bdb3; color:#fff; text-align:center; line-height:38px; font-size:14px; margin-top:10px;}
.vteamH_r a.btn:hover { background:#9d1414}

.vteam_m_blo_h { border:none; margin-bottom:0;}
.vteam_m_blo_h .indexblo_tit a { border:none;}

.vteamcaselist {}
.vteamcaselist ul li { width:270px; height:250px; margin-left:20px; margin-top:20px; }
.vteamcaselist ul li a.img { width:100%; height:195px; }
.vteamcaselist ul li a.img img { width:100%; height:195px;
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}

.vteamcaselist ul li .tit { height:30px; top:165px; line-height:29px;}
.vteamcaselist ul li .tit a { color:#fff;}
.vteamcaselist ul li .des { width:268px; height:55px; }

.vteamcaselist ul li .des span { float:left; margin-left:15px; margin-top:10px; font-size:12px; width:100px; height:12px; overflow:hidden; line-height:1}
.vteamcaselist ul li .des span.m { width:80px;}
.vteamcaselist ul li .des span.l { width:120px;}

.vteamrList { width:100%; height:auto;}
.vteamrList ul li { float:left; width:145px; height:240px; position:relative; margin-left:10px; margin-top:10px;}
.vteamrList ul li.f { margin-left:0;}
.vteamrList ul li .img { display:block; width:100%; height:210px; overflow:hidden;}
.vteamrList ul li .img img { width:100%; height:210px;
	transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.vteamrList ul li .bg { width:100%; height:60px; background:rgba(255,255,255,0.7); position:absolute; bottom:30px; left:0; z-index:2;}
.vteamrList ul li .bg .nrow { display:block; width:80%; margin:0 auto; height:20px; font-size:12px; color:#555; margin-top:6px;}
.vteamrList ul li .bg .nrow a { font-style:normal; font-size:16px; color:#222;}
.vteamrList ul li .bg .des { height:44px; overflow:hidden; border-top:1px solid #fff; padding-top:5px; margin-top:5px;}
.vteamrList ul li .btn { width:100%; height:30px; background:#423e3c; position:absolute; left:0; bottom:0; z-index:3;}
.vteamrList ul li .btn a { display:block; float:left; width:100%; height:30px; line-height:29px; text-align:center; font-size:13px; color:#fff;}

.vteamrList ul li:hover .img img {
	transform: scale(1.1);
}
.vteamrList ul li:hover .btn a { background:#00bdb3;}

.nab_intro {width:100%; height:645px; background:url(/public/pcweb/images/tb18.jpg) no-repeat center top;}
.nab_intro .intro_m {max-width:1060px; height:460px; margin:0 auto; background:rgba(255,255,255,0.6);}
.nab_intro_con {max-width:990px; height:auto; margin:0 auto; max-height:300px; line-height:2; font-size:16px; overflow:hidden; margin-top:40px;}

.nab_conbox {width:100%; height:auto; background:#f9f9f9; padding:60px 0px;}
.nab_conbox_main {max-width:990px; margin:0 auto; height:auto; min-height:300px; font-size:16px; line-height:2;}
/*
     FILE ARCHIVED ON 17:28:28 Aug 26, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:08:07 Jul 16, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.613
  exclusion.robots: 0.07
  exclusion.robots.policy: 0.052
  esindex: 0.016
  cdx.remote: 19.336
  LoadShardBlock: 211.302 (3)
  PetaboxLoader3.datanode: 517.653 (4)
  PetaboxLoader3.resolve: 166.268 (3)
  load_resource: 538.539
*/