@charset "utf-8";
/* CSS Document */
* {margin: 0px;padding: 0px; font-family:"΢ÈíÑźÚ";}
.contain{ width:1180px; margin:0 auto;}
.make_main {
	 padding-top:70px;
}
.make_main .our_advan {
	 margin-bottom:30px;
}
.make_main .our_advan h2 {
	 width:500px;
	 height:103px;
	 background:url("../images/suzhou/advan_bg.jpg") no-repeat center;
	 margin:0 auto 10px;
	 text-align:center;
	 line-height:103px;
	 font-size:42px;
	 color:#3a3a3a;
	 font-weight:normal;
}
.make_main .our_advan h2 span {
	 color:#f42f2f;
}
.advan_list1 .cell {
	 float:left;
	 border-top:1px solid #ccc;
	 border-bottom:1px solid #ccc;
	 background:#fff;
}
.advan_list1 .cell_1,
.advan_list1 .cell_4 {
	 width:278px;
}
.advan_list1 .cell_2,
.advan_list1 .cell_3 {
	 width:308px;
}
 .advan_list1 .cell_1 .border_bottom {
	 padding:0 22px;
}
.advan_list1 .cell_2 .border_top {
	 padding:0 38px;
}
.advan_list1 .cell_3 .border_bottom {
	 padding:0 38px;
}
.advan_list1 .cell_4 .border_top {
	 padding:0 22px;
}
.advan_list1 .cell_1 .pic {
	 height:160px;
	 padding-top:38px;
}
.advan_list1 .cell_2 .pic {
	 height:160px;
	 padding-top:38px;
}
.advan_list1 .cell_3 .pic {
	 height:160px;
	 padding-top:38px;
}
.advan_list1 .cell_4 .pic {
	 height:160px;
	 padding-top:38px;
}
.advan_list1 .cell_1 {
	 border-left:1px solid #ccc;
}
.advan_list1 .cell_1 .border_bottom {
	 border-bottom:1px solid #ccc;
	 height:432px;
}
.advan_list1 .cell_2 {
	 border-left:1px solid #ccc;
	 border-right:1px solid #ccc;
}
.advan_list1 .cell_2 .border_top {
     border-bottom:1px solid #ccc;
	 height:432px;
}
.advan_list1 .cell_3 {
	 border-right:1px solid #ccc;
}
.advan_list1 .cell_3 .border_bottom {
	 border-bottom:1px solid #ccc;
	 height:432px;
}
.advan_list1 .cell_4 {
	 border-right:1px solid #ccc;
}
.advan_list1 .cell_4 .border_top {
	 border-bottom:1px solid #ccc;
	 height:432px;
}

.advan_list1 .advan_bg_com {
	 width:232px;
	 height:42px;
	 background:url("../images/suzhou/advan_bg1.png") no-repeat;
	 text-align:center;
	 line-height:42px;
	 color:#fff;
	 font-size:24px;
	 font-weight:normal;
	 margin-bottom:15px;
}
.advan_list1 p {
	 line-height:24px;
	 color:#777;
	 font-size:15px;
}
.advan_list1 .advan_bg2 {
	 background-position:0 -80px;
}
.advan_list1 .advan_bg3 {
	 background-position:0 -158px;
}
.advan_list1 .advan_bg4 {
	 background-position:0 -242px;
}
.make_main .our_advan h2 {
	 width:337px;
	 height:103px;
	 background:url("../images/suzhou/advan_bg.jpg") no-repeat center;
	 margin:0 auto 48px;
	 text-align:center;
	 line-height:103px;
	 font-size:42px;
	 color:#3a3a3a;
	 font-weight:normal;
}
.advan_list1 .advan_bg1 {
	 background-position:0 0;
}
.advan_list1 p {
	 line-height:24px;
	 color:#777;
	 font-size:15px;
}




.web_build{width: 100%;}
.web_build .web_bg{width: 100%;height: 805px;background: url('../images/suzhou/bg_banner.png');background-position: center;background-repeat: no-repeat;position: relative;}
.web_bg .web_box{width: 1100px;margin: auto;height: 805px;}
.web_bg .web_box .outside{position: relative;z-index: 1;color: #fff;font-size: 16px;}
.web_bg .web_box li{list-style: none;}
.web_bg .web_box .outside li span{font-weight: bold;font-size: 16px;position: absolute;}
.web_bg .web_box .outside li label{line-height: 25px;position: absolute;display: block;}
.web_box .outside .style span{top: 69px;left: 270px;}
.web_box .outside .style label{top: 103px;left: 120px;width: 200px;text-align: right;}
.web_box .outside .layout span{top: 251px;left: 147px;}
.web_box .outside .layout label{top: 284px;left: 17px;width: 180px;text-align: right;}
.web_box .outside .function span{top: 594px;left: 270px;}
.web_box .outside .function label{top: 628px;left: 110px;width: 205px;text-align: right;}
.web_box .outside .manage span{top: 675px;left: 498px;}
.web_box .outside .manage label{top: 704px;left: 446px;width: 165px;text-align: center;}
.web_box .outside .optimization span{top: 595px;left: 723px;}
.web_box .outside .optimization label{top: 625px;left: 729px;width: 261px;text-align: left;}
.web_box .outside .program span{top: 245px;left: 835px;}
.web_box .outside .program label{top: 275px;left: 848px;width: 223px;text-align: left;}
.web_box .outside .experience span{top: 61px;left: 733px;}
.web_box .outside .experience label{top: 91px;left: 750px;width: 227px;text-align: left;}
.web_bg .web_box .center{position: relative;z-index: 12;color: #fff;}
.web_box .center .mto-title{font-size: 60px;top: 250px;position: absolute;left: 430px;}
.web_box .center .title_en{font-size: 14px;top: 338px;position: absolute;left: 379px;width: 354px;letter-spacing: 14px;line-height: 30px;}
.web_box .center .description{font-size: 15px;font-weight: bold;position: absolute;left: 257px;top: 398px;line-height: 28px;width: 585px;}



* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
.auto {max-width: 1200px;margin:0 auto;}

#Casebox {width: 100%;height: 580px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.webcase1 {background:#fff;}
.webcase2 {background:#01B760;}
.webcase3 {background:#fff;}
.webcase4 {background:#01B760;}
.webcase5 {background-image: url(../images/suzhou/web_bg05.jpg);}
.webcase6 {background-image: url(../images/suzhou/web_bg06.jpg);}
.Casebox {position: relative;}
.Casebox .main {width: auto;position: relative;}
.Casebox .main:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.Casebox .main .mainbox {float: left;width: 480px;height: 300px;margin-top: 120px;padding-left: 40px;background: url(../images/suzhou/web_t_bg01.png) no-repeat left top;}
.Casebox .main .mainbox .cont {padding-top: 30px;}
.Casebox .main .mainbox .cont .title {display: block;color: #ff5800;font-size: 38px;font-weight: bold;margin-bottom: 12px;}
.Casebox .main .mainbox .cont .title em {color: #181818;}
.Casebox .main .mainbox .cont p {color: #181818;font-size: 24px;}
.Casebox .main .mainbox .cont .p {color: #181818;font-size: 14px;line-height: 24px;margin-top: 10px;text-indent: 2em;text-align: justify;}
.Casebox .main .mainbox .caselist {position: absolute;top: 390px;}
.Casebox .main .mainbox .caselist .casemore {display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;border-radius: 3px;margin:0 20px 0 0;background: #ff5800;transition: all 0.4s ease 0s;}
.Casebox .main .mainbox .caselist .casemore .seemore {color: #fff;font-size: 16px;display: block;border-radius: 5px;}
.Casebox .main .mainbox .caselist .casemore2 {background: #181818;margin: 0;}
.Casebox .main .mainbox .caselist .casemore2:hover {background-color: #ff5800;}

.Casebox .main .mainbox2 {float: right;padding-right: 40px;padding-left: 0px;background: url(../images/suzhou/web_t_bg02.png) no-repeat right top;}
.Casebox .main .mainbox2 .cont p {color: #fff;}
.Casebox .main .mainbox2 .cont {text-align: right;}
.Casebox .main .mainbox2 .cont .title {color: #fff;}
.Casebox .main .mainbox2 .cont .p {float: right;color: #fff;}
.Casebox .main .mainbox2 .caselist {position: absolute;top: 390px;right: 50px !important;}
.Casebox .main .mainbox2 .caselist .casemore {background-color: #fff;}
.Casebox .main .mainbox2 .caselist .casemore .seemore {color: #333;}
.Casebox .main .mainbox2 .caselist .casemore:hover {background-color: #ff5800;}
.Casebox .main .mainbox2 .caselist .casemore:hover .seemore {color: #fff;}
.Casebox .main .mainbox2 .caselist .casemore2 {background: #181818;color: #fff;}
.Casebox .main .mainbox2 .caselist .casemore2 .seemore {color: #fff;}

.Casebox .main .img {float: right;}
.Casebox .main .img2 {float: left;} 
.webcase1 .Casebox .main .img {padding-top: 120px;}
.webcase2 .Casebox .main .img {padding-top: 90px;}
.webcase3 .Casebox .main .img {padding-top: 100px;}
.webcase4 .Casebox .main .img {padding-top: 100px;}
.webcase5 .Casebox .main .img {padding-top: 100px;}
/*网站报价*/
.pricing-plans{padding:40px 0px;background: #01B760;}
.pricing-plans .wrap {width: 1200px;margin: 0 auto;}
.pricing-plans .wrap .title {font-size:38px; font-weight: bold; text-align: center;color: #fff;margin-bottom: 20px;}
.cart{width: 100%;padding: 2% 0 20%;display: block;color: #FFF; margin-top: 8%;}
.cart a {color: #fff;display: block;width: 120px;height: 42px;line-height: 42px;background: #01B760;margin:0 auto;}
.pricing-grides{width: 22.75%;float: left;background: #313338;text-align: center;margin: 3.8% 3% 0 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.pricing-grides:hover {-webkit-transform: scale(1.04) translateY(-5px);z-index: 1;border-bottom: 0 none;background: #fff;}
.pricing-grides:hover h3 a,.pricing-grides:hover .cart a{background: #ff5800;}
.pricing-grides:nth-child(4){margin-right:0;}
.pricing-grides.nth-child {margin-right:0;}
.pricing-grides h3 a{background:#006acd;padding: 3% 2%;display: block;color: #FFF;font-size: 1.3em;box-shadow: 0px 1px 2px #696969;-webkit-box-shadow: 0px 1px 2px #696969;-moz-box-shadow: 0px 1px 2px #696969;-o-box-shadow: 0px 1px 2px #696969;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.price-value a{font-size: 1.6em;color: #A0A1A1;}
.price-value {padding: 7% 0;}
.pricing-grides {color: #C0BEBE;}
.pricing-grides:hover {color:#666}
.pricing-grides ul li{font-size:13px;text-align: center;display: block;padding: 1em 0em;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;}
.pricing-grides ul li:hover{background:#353A42;color:#fff;}
.client{margin-top:60px;width: 100%;text-align:center;}
.client .title {height: 32px;line-height: 32px;margin-bottom: 20px;}
.client .title i {color: #fff;font-size:25px;width: 100%;font-weight: 400;text-align: center;margin: 0% 7% 0 7%;}
.client .title img {vertical-align: middle;}
.client .data{width: 40%;float:left;}
.client .img{float: left;margin: 0% 8% 0 18%;}
.client .img1{float: right;margin: 0 18% 0 0;}
.client .data p{font-size: 14px;color:#fff;line-height: 28px;margin:0 auto 10px;}
.client .data p span{color:#fff;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.client .data p span:hover{color:#fff;}
.pricing-grides{
	background:#fff;
}
.pricing-grides h3 a{
	background:#000;
}
.pricing-grides ul li{
	color:#000;
}
.weblg{
    max-width: 1200px;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:70px;
}
.m-ichl-title .en {
    font-size: 16px;
    line-height: 24px;
    color: #999;
    text-transform: uppercase;
	text-align:center;
}
.m-ichl-title .cn {
    font-size: 36px;
    line-height: 62px;
    font-weight: bold;
    color: #1a1a1a;
	text-align:center;
}
.iclients-list li {
    float: left;
    width: 20%;
    margin-bottom: -4px;
}

.iabout-us {padding: 45px 0 15px; max-width: 1600px; width: 94%; margin: 0 auto; position: relative; z-index: 1; }
.iabout-us .intro {position: relative; padding: 20px 37% 86px 0; font-size: 16px; line-height: 30px;background:url(../images/suzhou/iabout-year.png) 900px bottom no-repeat;margin-top:-50px; }
.iabout-us .year {position: absolute; right: 15px; top: -120px; z-index: 3; }
.iabout-us .year img {width: 336px; height: 322px; }
.iabout-us .content {text-align: justify;margin-top:50px;}
.iabout-us .content i {display: inline; font-size: 16px; line-height: 30px; color: #e20000; }
/*有效沟通*/
.goudong .con {padding:60px 0;}
.goudong .con>p {color: #111;font-size:38px; font-weight: bold; text-align: center;}
.goudong .con>p i {color:#ff5800;}
.goudong .con>span {display: block;color:#333;font-size:18px;text-align: center;}
.goudong .con ul {margin-top:30px;}
.goudong .con ul li {width:360px;height:160px;padding:0 10px;background: #01B760;float: left;border-radius:5px;margin-right:30px;}
.goudong .con ul li:hover {background:#333;}
.goudong .con ul li.mno {margin-right:0px !important;}
.goudong .con ul li img {float:left;margin:26px 10px 0 10px;}
.goudong .con ul li h4 {color: #fff;font-size:16px;margin:25px 0 5px;}
.goudong .con ul li p {color:#eee;font-size:14px;line-height: 21px;}



.box_8{
	background: url(/templets/jianzhan/images/daohang/cont_8.jpg) no-repeat;
	background-position: top center;
	text-align: center;
	padding-top: 30px;
	height: 630px;
	box-sizing: border-box;
}
.main_8{
	width: 1200px;
	height: 484px;
	margin: 0 auto;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 20px;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.06);
	display: flex;
}
.main_8 .newsbox{
	width: 33.33%;
	border-right: 1px dashed #EBEBEB;
	box-sizing: border-box;
}

.main_8 .newsbox:nth-child(3n){
	border-right:0;
}
.main_8 .newsbox .head{
	border-bottom: 1px dashed #EBEBEB;
	height: 79px;
	line-height: 79px;
}
.main_8 .newsbox .head .blue{
	width:6px;
	height:24px;
	background: #01B760;
	float: left;
	margin-top: 28px;
	margin-left: 28px;
}
.main_8 .newsbox .head h3{
	font-size: 18px;
	color: #333;
	float: left;
	height: 79px;
	line-height: 79px;
	font-weight: Bold;
	margin-left: 10px;
}
.main_8 .newsbox .head .more{
	float: right;
	color: #727272;
	height: 79px;
	line-height: 79px;
	font-size: 12px;
	margin-right: 25px;
	display: block;
}
.main_8 .newsbox .head .more img{
	display: inline-block;
	margin-right: 7px;
}
.main_8 .newsbox .contbox{
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
.main_8 .newsbox .contbox .showbox{
	height: 145px;
	border-bottom: 1px dashed #EBEBEB;
	display: block;
}
.main_8 .newsbox .contbox .showbox img{
	width:140px;
	height:105px;
	float: left;
	margin-top: 20px;
}
.main_8 .newsbox .contbox .showbox .rightbox{
	width: 200px;
	height: 105px;
	float: right;
	margin-top: 20px;
	text-align: left;
}
.main_8 .newsbox .contbox .showbox .rightbox .title{
	font-size: 16px;
	color: #61697B;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main_8 .newsbox .contbox .showbox .rightbox .time{
	height: 26px;
	font-size: 12px;
	color: #999999;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main_8 .newsbox .contbox .showbox .rightbox .cont{
	width: 100%;
	height: 44px;
	line-height: 22px;
	color: #666666;
	font-size: 14px;
	white-space: normal !important;
    text-justify: distribute-all-lines;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.main_8 .newsbox .contbox .itembox{
	width: 360px;
	height: 58px;
	box-sizing: border-box;
	line-height: 58px;
	border-bottom: 1px dashed #EBEBEB;
	text-align: left;
	display: block;
}
.main_8 .newsbox .contbox .itembox .titlebox{
	width: 270px;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666666;
	float: left;
	font-size: 14px;
}
.main_8 .newsbox .contbox .itembox .titlebox img{
	display: inline-block;
	margin-right: 7px;
}
.main_8 .newsbox .contbox .itembox .timebox{
	color: #999;
	float: right;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90px;
	text-align: right;
}
.box_title{
	height: 36px;
	line-height: 36px;
	font-size: 36px;
	font-weight: bold;
	color: #233159;
	text-align: center;
	display: inline-block;
	position: relative;
}
.title_note{
	font-size: 14px;
	margin-top: 15px;
	color: #999;
}




.sy-content01 {
  background: #e9edee;
}
.pad {
  padding: 2% 0;
}
.wrappers {
  max-width: 1200px;
  width: 90%;
  margin: auto;
}
.sy-tit {
  position: relative;
  text-align: center;
  padding-bottom: 30px;
}
.f36 {
  font-size: 34px;
}
.sy-tit h3 {
  font-size: 14px;
  margin-top: 8px;
  color: #999;
}
.swiper-container {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 overflow:hidden;
 z-index:1
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transform: translate3d(0,0,0);
}
.sy-content01 .swiper-slide {
  padding-top: 15px;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.sy-content01 .swiper-slide > img {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -130px;
  transition: all 0.4s;
  max-width: 100%;
  border: none;
}
.sy-content01 .swiper-slide .box {
  padding: 0 32px 32px 32px;
  margin-top: 100px;
  background: #fff;
}
.sy-content01 .swiper-slide h3 {
  text-align: center;
  padding-top: 60px;
  font-weight: normal;
}
.f24 {
  font-size: 20px;
}
.sy-content01 .swiper-slide dl {
  height: 114px;
}
.sy-content01 .swiper-slide dl {
  margin-top: 25px;
  padding: 20px 0;
  border-top: 1px solid #eaeaea;
}
.clearfix {
  display: block;
  zoom: 1;
}
.sy-content01 .swiper-slide dd {
  font-size: 14px;
  line-height: 30px;
  float: left;
  width: 49%;
}
.textover {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sy-content01 .swiper-slide dd a {
  color: #999;
}
.sy-content01 .swiper-slide dd:nth-child(2n) {
  float: right;
}
.sy-content01 .swiper-slide dd {
  font-size: 14px;
  line-height: 30px;
  float: left;
  width: 49%;
}
.gd {
  width: 90px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  display: block;
  margin: auto;
  text-align: center;
  background: #01B760;
  border-radius: 30px;
}
.gd:hover {
  color: #fff;
}