@charset "utf-8";
/* CSS Document */
main {
  min-width: 1200px;
}



/*plate02*/
.plate02 {
  padding: 30px 0;
  background: #fff;
}
.plate02 .cont-box {
  width: 1240px;
}
.plate02 .part {  
  width: 270px;
  padding-top: 40px;
  height: 280px;
  display: block;
  text-align: center;
  margin-right: 40px;
}
.plate02 .part .icon {
  display: inline-block;  
  width: 72px;
  height: 68px;
  border-radius: 12px;
}
.plate02 .part .b-tit {
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  font-weight: 700;
  padding-top: 6px;
}
.plate02 .part .txt-row {
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  padding: 4px 36px;
}
.plate02 .part .more {
  display: inline-block;
  width: 80px;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  margin-top: 16px;
}
.plate02 .part01 {
  background: #ff9000;
}
.plate02 .part01:hover {
  background: #ff6100;
}
.plate02 .part01:hover .more {
  background: #ff9000;
}
.plate02 .part01 .icon {
  background: #fff url(../images/icon01.png) center no-repeat;
}
.plate02 .part01 .more {
  background: #ff6100;
}
.plate02 .part02 {
  background: #23b5da;
}
.plate02 .part02:hover {
  background: #1792b2;
}
.plate02 .part02:hover .more {
  background: #23b5da;
}
.plate02 .part02 .icon {
  background: #fff url(../images/icon02.png) center no-repeat;
}
.plate02 .part02 .more {
  background: #1792b2;
}
.plate02 .part03 {
  background: #3ac38b;
}
.plate02 .part03:hover {
  background: #1d8a5c;
}
.plate02 .part03:hover .more {
  background: #3ac38b;
}
.plate02 .part03 .icon {
  background: #fff url(../images/icon03.png) center no-repeat;
}
.plate02 .part03 .more {
  background: #1d8a5c;
}
.plate02 .part04 {
  background: #5884cb;
}
.plate02 .part04:hover {
  background: #2e5da5;
}
.plate02 .part04:hover .more {
  background: #5884cb;
}
.plate02 .part04 .icon {
  background: #fff url(../images/icon04.png) center no-repeat;
}
.plate02 .part04 .more {
  background: #2e5da5;
}

/*plate03*/
.plate03 {
  padding: 30px 0 30px 0;
  background: #f0f0f0;
  text-align: center;
}
.plate03 .tit-row {
  height: 54px;
  border-bottom: #ccc 1px solid;
}
.plate03 .line-row {
  height: 4px;
  margin-top: -13px;
}
.plate03 .line {
  display: inline-block;
  width: 100px;
  height: 4px;
  background-color: #02cafd;
}
.plate03 .tit-txt {
  padding-top: 30px;
  line-height: 20px;
  font-size: 15px;
  color: #333;
}
.plate03 .cont-row {
  margin-top: 50px;
  width: 100%;
  overflow: hidden;
}
.plate03 .cont-row .cont-list {
  width: 300%;
}
.plate03 .cont-row .page-part {
  width: 33.33%;
}
.plate03 .cont-row .page-box {
  width: 100%;
}
.plate03 .page-box li {
  width: 25%;
}
.plate03 .cont-row .unit {
  position: relative;
  display: block;
  width: 100%;
}
.plate03 .cont-row .unit:hover .mask {
  display: block;
}
.plate03 .unit img {
  display: block;
}
.plate03 .unit .mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: url(../images/blue8.png);
  width: 100%;
  height: 100%;
  display: none;
}
.plate03 .unit .icon {
  width: 40px;
  height: 40px;
  background: #fff url(../images/jia01.png) center no-repeat;
  border-radius: 20px;
  display: inline-block;
  margin-top: 30px;
}
.plate03 .unit .name-row {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  padding-top: 10px;
}
.plate03 .unit .sort {
  font-size: 15px;
  color: #93dcee;
  line-height: 30px;
}
.plate03 .control-row {
  padding-top: 40px;
}
.plate03 .control-box {
  display: inline-block;
}
.plate03 .control-box .pic-pre {
  background: url(../images/arrow-left01.png) center no-repeat;
  width: 52px;
  height: 52px;
  border-radius: 27px;
  border: #999 1px solid;
  display: block;
  margin-left: 6px;
  margin-right: 6px;
}
.plate03 .control-box .pic-pre:hover {
  background: #01cbfd url(../images/arrow-left01-1.png) center no-repeat;
  border: #01cbfd 1px solid;
}
.plate03 .control-box .pic-next {
  background: url(../images/arrow-right01.png) center no-repeat;
  width: 52px;
  height: 52px;
  border-radius: 27px;
  border: #999 1px solid;
  display: block;
  margin-left: 6px;
  margin-right: 6px;
}
.plate03 .control-box .pic-next:hover {
  background: #01cbfd url(../images/arrow-right01-1.png) center no-repeat;
  border: #01cbfd 1px solid;
}
.plate03 .control-box .pic-light-row {
  width: 52px;
  height: 52px;
  border-radius: 27px;
  border: #999 1px solid;
  display: block;
  margin-left: 6px;
  margin-right: 6px;
}
.plate03 .control-box .pic-light-box {
  display: inline-block;
  padding-top: 23px;
}
.plate03 .pic-light-box .pic-light {
  width: 6px;
  height: 6px;
  background: #999;
  display: block;
  border-radius: 3px;
  margin-left: 3px;
  margin-right: 3px;
}
.plate03 .pic-light-box .pic-light-next {
  background: #ff7c00;
} 
.plate03 .control-box .pic-more {
  background: url(../images/more-icon01.png) center no-repeat;
  width: 52px;
  height: 52px;
  border-radius: 27px;
  border: #ff7c00 1px solid;
  display: block;
  margin-left: 6px;
  margin-right: 6px;
}

/*plate04*/
.plate04 {
  padding: 30px 0;
  background: #fff;
  text-align: center;
}
.plate04 .tit-row {
  height: 54px;
  border-bottom: #ccc 1px solid;
}
.plate04 .line-row {
  height: 4px;
  margin-top: -13px;
}
.plate04 .line {
  display: inline-block;
  width: 100px;
  height: 4px;
  background-color: #02cafd;
}
.plate04 .tit-txt {
  width: 550px;
  display: inline-block;
  padding-top: 30px;
  line-height: 20px;
  font-size: 15px;
  color: #333;
}
.plate04 .cont-list {
  display: inline-block;
  padding-top: 50px;
}
.plate04 .cont-part {
  position: relative;
  width: 260px;
  margin-left: 26px;
  margin-right: 26px;
}
.plate04 .cont-part .part-bd {
  display: inline-block;
  border: #ccc 1px solid;
  height: 298px;
  width: 198px;
}
.plate04 .cont-part .part-bg {
  position: absolute;
  top: 20px;
  left: 0;
  width: 260px;
  background: #f0f0f0;
  height: 230px;
  padding-top: 30px;
}
.plate04 .part-bg .b-tit {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 40px;
  padding-top: 8px;
}
.plate04 .part-bg .b-txt {
  padding: 0 32px;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.plate04 .cont-part .part-bg01 {
  background: #00a3cc;
}
.plate04 .part-bg01 .b-tit {
  color: #fff;
}
.plate04 .part-bg01 .b-txt {
  color: #fff;
}

/*plate05*/
.plate05 {
  padding-top: 30px;
  height: 500px;
  background: url(../images/plate-bg01.jpg) center no-repeat;
  text-align: center;
}
.plate05 .tit-row {
  height: 60px;
  border-bottom: #fff 1px solid;
}
.plate05 .line-row {
  height: 4px;
  margin-top: -13px;
}
.plate05 .line {
  display: inline-block;
  width: 100px;
  height: 4px;
  background-color: #02cafd;
}
.plate05 .cont-row {
  padding: 60px 0;
}

/*plate06*/
.plate06 {
  padding: 30px 0;
  background: #fff;
  text-align: center;
}
.plate06 .tit-row {
  height: 54px;
  border-bottom: #ccc 1px solid;
}
.plate06 .line-row {
  height: 4px;
  margin-top: -13px;
}
.plate06 .line {
  display: inline-block;
  width: 100px;
  height: 4px;
  background-color: #02cafd;
}
.plate06 .tit-txt {
  width: 550px;
  display: inline-block;
  padding-top: 30px;
  line-height: 20px;
  font-size: 15px;
  color: #333;
}
.plate06 .link-row {
  padding-top: 40px;
}
.plate06 .link-list {
  display: inline-block;
}
.plate06 .news-link {
  display: block;
  width: 160px;
  line-height: 36px;
  color: #333;
  background-color: #f0f0f0;
  border-radius: 18px;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 14px;
}
.plate06 .news-link:hover {
  background: #ff7e00;
  color: #fff;  
}
.plate06 .link-next {
  background: #ff7e00;
  color: #fff;
}
.plate06 .cont-row {
  padding-top: 20px;
}
.plate06 .cont-row .cont-list {
  display: inline-block; 
}
.plate06 .cont-list > li {
  margin-left: 10px;
  margin-right: 10px;
}
.plate06 .cont-row .pic-news {
  width: 360px;
  height: 360px;
  background: #f0f0f0;
  display: block;
  text-align: left;
}
.plate06 .cont-row .pic-news:hover {
  background: #00a3cc;
}
.plate06 .cont-row .pic-news:hover .txt-tit {
  color: #fff;
}
.plate06 .cont-row .pic-news:hover .txt-date {
  color: #fff;
}
.plate06 .cont-row .pic-news:hover .txt-word {
  color: #fff;
}
.plate06 .pic-news .pic {
  width: 360px;
  height: 200px;
  overflow: hidden;
}
.plate06 .pic-news .pic > img{
	width: 360px;
	height: 200px;
}
.plate06 .pic-news .txt {
  padding: 10px 20px 0;
}
.plate06 .pic-news .txt-tit {
  font-size: 18px;
  color: #1a1a1a;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.plate06 .pic-news .txt-date {
  font-size: 12px;
  color: #999;
  line-height: 18px;
}
.plate06 .pic-news .txt-word {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-top: 8px;
}
.plate06 .cont-row .txt-news {
  width: 380px;
  height: 324px;
  background: #f0f0f0;
  display: block;
  text-align: left;
  padding: 18px 30px;
}
.plate06 .txt-news .news-unit {
  color: #333;
  font-size: 15px;
  line-height: 36px;
}
.plate06 .txt-news .news-unit:hover {
  color: #666;
  text-decoration: underline;
}
/*plate07*/
.plate07 {
  padding-top: 30px;
  background: url(../images/plate-bg02.jpg) center no-repeat;
  height: 310px;
  text-align: center;
}
.plate07 .a-tit {
  font-size: 24px;
  font-weight: normal;
  color: #fff;
  line-height: 40px;
}
.plate07 .txt-msg {
  color: #8098a4;
  font-size: 15px;
  line-height: 64px;
}
.plate07 .more {
  display: inline-block;
  width: 160px;
  line-height: 50px;
  background-color: #00a3cc;
  color: #fff;
  border-radius: 4px;
  font-size: 18px;
  margin-top: 30px;
}
.plate07 .more:hover {
  background: #01cbfd;
}


/*产品展示*/	
		.gb_nav > a{ margin-top: 45px; float: left; display: block; padding: 0 35px; border: solid 1px #999999; border-radius: 20px; margin-left: 20px; color: #333; line-height: 37px;}
		.gb_nav > a > span{ color: #ccc; transition:all 0.5s ease 0s; }
		.bg_bottom_nav{ height: 134px;}
		.gb_nav > a:hover{ border: 1px solid #33a3e2; color: #33a3e2; box-shadow:2px 2px 3px #999;}
		.gb_nav > a:hover span{ color: #33a3e2; margin-left:20px;}
		.gb_nav > .tj{border: 1px solid #33a3e2; color: #33a3e2;}
		.gb_nav > .tj > span{ color: #33A3E2;}
		.bg_bottom_nav > span{ margin-top: 55px; margin-left: 10px;}
/*小导航结束*/


/*产品*/
		.boxx{ padding-bottom: 35px;}
		.bg_conten_box{ background: #f0f0f0;}
		.bg_con{ display: block; width: 480px; height: 367px; border: solid 15px transparent; border-bottom: none; margin-top: 30px; overflow: hidden; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
		.bg_text{ background: white; padding-bottom: 7px;}
		.bg_conten > h3{ padding-top: 40px; font-weight: 100; font-size: 18px; color: #333;}
		.bg_con:hover{ border: solid 15px white; box-shadow: #666 0px 0px 10px; border-bottom: none; }
		.bg_con:hover .bg_text > a{ color: #33A3E2; font-weight: bold;}
		.bg_con > img{ display: block; width: 480px; height: 270px;}
		.bg_text > a{ text-align:left; display: block; font-size: 18px; color: #333; padding-left: 10px; padding-top: 15px;}
		.bg_text_bottom{ background: url(../images/gb_conten_bg.png) no-repeat; height: 19px; margin-top: 32px; margin-left: 270px; }
		.bg_text_bottom > a ,.bg_text_bottom > span{ color: #ccc; font-size: 12px; display: block; float: left; height: 20px; overflow: hidden; margin-top: 2px;}
		.baise{ background: white; height: 115px;}
		.tim > h2{ border-bottom: 2px solid #CCCCCC; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; font-size: 24px; color: #333; font-weight: 100; }
    .tim > span{ font-size: 24px; color: #cccccc; margin-top: 17px; margin-left: -3px;}
    .bg_con:hover {
    -webkit-box-shadow: 10px 15px 20px rgba(0,0,0,0.2);
    box-shadow: 10px 15px 20px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    }
/*产品结束*/
@media (max-width:1360px) {

  .bg_con {  width: 360px;  height: 278px;}

}
/*首页套餐*/
    .zdd{width: 1240px; margin: 0 auto;}
    .hezi{ width: 270px; height: 320px; margin-right: 40px; background: #ff9000; overflow: hidden;}
    .hezi > a{display: block; width: 100%; height: 320px; overflow: hidden;}
    .tupian{ display: block; width: 540px; height: 76px; background: #ff9100; margin-left: -270px;}
    .zuotu{ padding-top: 40px; width: 270px; height: 68px; }
    .youtu{ padding-top: 40px; width: 270px; height: 68px; }
   /* .zuotu > img ,.youtu > img{ width: 76px; height: 68px; margin: 0 97px; }*/
    .in_wenzi{ width: 540px; height: 221px; overflow: hidden;} 
    .zuobian{ width: 270px; height: 212px; background: #ff9100; text-align: center;}
    .youbian{width: 270px; height: 212px; background: red; text-align: center;}
    .zuobian > h4 ,.youbian > h4{ font-size: 16px; color: white; font-weight: bold; line-height: 40px; padding-top: 6px;}
    .zuobian > div ,.youbian > div{ padding: 4px 36px; font-size: 12px; color: white;}
    .zuobian > h6 ,.youbian > h6{ margin: 0 auto; width: 80px; height: 26px; line-height: 24px; margin-top: 16px; font-size: 12px; font-weight: 100; border-radius: 4px; text-align: center; color: white;}
    
    .bg_0{background: #ff6100;}
    .bgb_1{background: #ff9100;}
    .bg_1{background: #1792b2;}
    .bgb_2{background: #23b5d9;}
    .bg_2{background: #1d8a5c;}
    .bgb_3{background: #3ac48b;}
    .bg_3{background: #2e5da5;}
    .bgb_4{background: #5884cb;}
.zuotu > span ,.youtu > span { display: block; width: 76px; height: 68px; margin: 0 97px; background: white; border-radius: 8px; }
.zuotu > img ,.youtu > img{display: block; margin: 0 97px;}
.hezi:hover .xun{
            -webkit-transform: rotateZ(360deg);
            -moz-transform: rotateZ(360deg);
            -o-transform: rotateZ(360deg);
            -ms-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
            transition: .9s transform;
        }/*旋转360px*/

/*案例*/
    .zong{ height: 640px;}
    .box_we{ width: 300%; height: auto;}
    .he{ width: 33.33%; height: auto;}
    .xiaohezi{ display: block; /*width: 25%;*/ height: 285px; /*background: red;*/ overflow: hidden;/*5/3*/}
    .xiaohezi > img{ display: block; width: 100%;}
    .text_anli{ width: 100%; background: white; text-align: center; padding-top: 10px;}
    .ph_box{ height: 285px; position: relative; overflow: hidden;}
    .ph_box img{ display: block; width: 100%; height: 285px; }
    .ph_box .ds{ background: rgba(0,0,0,1); width: 100%; position: absolute; left: 0; top: 0;}
    .text_anli > h3{ color: #333; font-size: 18px; width: 80%; padding: 0 10%;}
    .text_anli > .dt_we{ display: block; background: url(../images/ahijian.png) no-repeat; margin-top: 10px; width: 240px; margin-left: 20%; height: 30px;}
    .dt_we > h6{ font-size: 12px; color: #ccc; height: 21px; overflow: hidden; margin-top: -3px;}
    .dt_we .h_1{ margin-left: 30px; width: 48px; }
    .dt_we .h_2{ margin-left: 30px; width: 38px;}
    .dt_we .h_3{ margin-left: 40px; width: 24px;}

/*新闻阴影*/
.plate06 .cont-list > li { -webkit-transition: all 0.2s linear; transition: all 0.2s linear;  }
.plate06 .cont-list > li:hover{ -webkit-box-shadow: 10px 15px 20px rgba(0,0,0,0.2);
    box-shadow: 10px 15px 20px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0); }