*{ margin:0; padding:0; }
body{ background:#f0f0f0; font-family:"黑体";}
ul, li{ padding:0; margin:0; list-style:none;}
.clear{ clear:both;}
.logo{ float:left; padding:0 0 0 0;}
.nav{ float:right; width:872px; padding:25px 0 0 0;}
.contentwhite{background-color:#fff;margin:0 auto;}
.contentgrey{background-color:#f0f0f0;margin:0 auto;}
img{ border:none;}
a{text-decoration: none;}
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.table_boder { border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;}
table{table-layout: fixed;}
td{	word-break: break-all;	word-wrap: break-word;}

#header{background-color:#fff;height:90px;z-index:-1}
#top{ width:1180px; margin:auto;}
#banner{position:relative; z-index:-1;height:400px;}
#banner_t{position:relative;z-index:999;}
#content{ width:1180px; margin:auto;padding:0 0 0 0;}
#content-pic{ width:1180px; margin:auto;padding:0 0 0 0;}
.space-blank{width:1140px; height: 35px; background-color: #f0f0f0;}
/*案例*/
.cases-left{float:left;width:300px;padding:20px 60px 15px 30px;}
.cases-right{float:right;width:720px;height:210px;padding:15px 50px 15px 0;font-family:'黑体';}
.cases-title{font-size:18px;font-weight:bold;color:#017dc7;}
.cases-tag1{font-size:12px;font-weight:bold;color:#333333;}
.cases-tag2{font-size:12px;color:#999999;}
.cases-content{font-size:14px;color:#666666;}
.cases-left-content{float:left;width:5px;padding:0 60px 5px 0;}
.cases-right-content{float:right;width:820px;padding:15px 50px 15px 0;font-family:'黑体';}
.cases-content a{color:#666666;}

/*案例二*/
.for-left{float:left;width:100px;padding:0 20px 15px 0;text-align:center;}
.for-main{float:left;width:235px;padding:20px 0 15px 0;}
.for-right{float:right;width:560px;height:180px;padding:20px 10px 0 0;font-family:'黑体';}
.for-title{font-size:18px;font-weight:bold;color:#017dc7;}
.for-tag1{font-size:12px;font-weight:bold;color:#333333;}
.for-tag2{font-size:12px;color:#999999;}
.for-content{font-size:14px;color:#666666;}
.for-content a{color:#666666;}

.contentwhite table td hr{margin:0 auto;border:none;border-top:1px solid #cdcdcd;}
.contentwhite #list_left{float:left;width:231px;vertical-align:top;}
.contentwhite #list_right{float:right;width:940px;vertical-align:top;}
.contentwhite #list_right_top{background-image:url(../web_imgs/pic_05.gif);height:35px;color:#017dc7;}
/*人才招聘*/
.contentwhite .job-list{margin: 0 auto 30px; width: 200px;background-color: #f0f0f0; border:1px solid #ddd; overflow: hidden;z-index:99;}
.contentwhite .job-list a{display: inline-block; height: 40px; text-decoration: none; color: #000; font-size: 14px; text-align: center; width: 200px; float:left; line-height: 40px; border-right: 1px solid #ddd; box-sizing: border-box;}
.contentwhite .job-list a:hover,.contentwhite .nav-list a.active{background-color: #017dc7; color: #fff; border-right: 1px solid #017dc7;}
.contentwhite .job-list a:last-child{border-right: 0;}
/*联系方式*/
.contentgrey .con-list{margin: 0 auto 30px; width: 600px;background-color: #fff; border:1px solid #ddd; overflow: hidden;z-index:99;}
.contentgrey .con-list a{display: inline-block; height: 40px; text-decoration: none; color: #000; font-size: 14px; text-align: center; width: 200px; float:left; line-height: 40px; border-right: 1px solid #ddd; box-sizing: border-box;}
.contentgrey .con-list a:hover,.contentwhite .nav-list a.active{background-color: #017dc7; color: #fff; border-right: 1px solid #017dc7;}
.contentgrey .con-list a:last-child{border-right: 0;}
/*关于我们*/
.contentgrey .abo-list{margin: 0 auto 30px; width: 1140px;background-color: #fff; border:1px solid #ddd; overflow: hidden;z-index:99;}
.contentgrey .abo-list a{display: inline-block; height: 40px; text-decoration: none; color: #000; font-size: 14px; text-align: center; width: 142px; float:left; line-height: 40px; border-right: 1px solid #ddd; box-sizing: border-box;}
.contentgrey .abo-list a:hover,.contentwhite .nav-list a.active{background-color: #017dc7; color: #fff; border-right: 1px solid #017dc7;}
.contentgrey .abo-list a:last-child{border-right: 0;}
#about_us div .abo-right{width:650px;float:right;}
#about_us div .abo-left{width:504px;float:left;}
#about_us div .abo-right p{font-family:'黑体';font-size:14px;line-height:30px;text-indent:2em;}
#service div .ser-right{width:650px;float:right;}
#service div .ser-left{width:504px;float:left;}
#service div .ser-left p{font-family:'黑体';font-size:14px;line-height:30px;text-indent:2em;}
.contentwhite .pos-list table td{width: 565px; background-color: #f1f1f1; margin: 0 0 70px 0; vertical-align:top;}
.contentwhite .pos-list table td .label{height: 105px; padding: 15px 20px; background-color: #017dc7;}
.contentwhite .pos-list table td .label .name{font-size: 18px; color: #fff; padding: 18px 0 10px;}
.contentwhite .pos-list table td .label .descr{color: #fff; height: 22px; line-height: 22px; font-size: 16px;}
.contentwhite .pos-list table td .text{padding:10px 20px 20px;}
.contentwhite .pos-list table td .text p{line-height: 22px; color: #666; font-size: 14px; margin: 0 0 5px 0;}
.contentwhite .pos-list table td .text .titles{color: #017dc7; font-size: 16px; margin: 20px 0 10px 0;}
.contentwhite .pos-list table td.space{height: 70px; background-color: #fff;}
.contentwhite .pos-list table td.center{width: 70px; background-color: #fff;}
/*在线留言*/
.form-area{overflow: hidden; width: 890px; margin: 0 auto;}
.form-area .form-list{margin: 0px 0px 10px 0px; height: 50px;}
.form-area .form-list span{float:left; width: 100px; height: 50px; line-height: 50px; color: #666; font-size: 16px; font-weight: 300; text-align: right;}
.form-area .form-list input[type=text]{height: 30px; line-height: 40px; background-color: #fff; border:1px solid #ddd; float:left; width: 768px; padding: 8px 10px; font-size: 20px; color: #666;}
.form-area .form-list textarea{border:1px solid #ddd;width: 786px;font-size: 20px;color: #666;line-height: 40px;font-family:"黑体";}
.form-area .form-list input[type=button]{height: 50px; width: 150px; font-size: 18px; border-radius: 5px; background-color: #ff9900; color: #fff; font-family: "Microsoft Yahei"; border: 0px;}
.form-area .form-list.txt{margin: 0 0 50px 0;}
.form-area .form-list.txt .text{color: #888; font-size: 16px;}
/*联系方式*/
.contact_arrive_dl dl{width:352px;text-align:center;margin-right:20px;margin-left:20px;}
.contact_arrive_type{font-family:"黑体";font-size:20px;	color:#017dc7;padding:15px 0;margin:30px 0;font-weight:bold;border-bottom:1px solid #017dc7;border-top:1px solid #017dc7;}
.contact_arrive_how{text-align:left;line-height:32px;font-size:14px;}
#list_pic_top{padding:10px 0 0 10px;font-family:"黑体";font-size:14px;color:#017dc7;}
#list_pic_top a	{text-decoration:none;font-family:"黑体";font-size:14px;color:#017dc7;}
#list_pic_top a:hover	{text-decoration:underline;}
.contentwhite #list_right_main{font-family:"黑体";}
.art_title{height: 70px; border-bottom: 1px solid #808080;vertical-align:bottom;}
.art_left{text-align: left; font-size: 18px; font-weight: bold; color: #017dc7;width: 85%;}
.art_right{text-align:right; font-size: 12px; color: #999999;}
.art_content{width:900px;font-weight: bold;font-size: 16px;font-family:'黑体';line-height:26px;text-indent:2em;color:#383838;}
.art_content p{width:900px;font-weight: bold;font-size: 16px;font-family:'黑体';line-height:26px;text-indent:2em;color:#383838;}
#footer{ background-color:#353535; z-index:500;}
#footer .inside{ width:1180px; margin:0 auto;text-align:center;color:#d1cdcd;font-family:"黑体";}
#footer .inside a{color:#d1cdcd;}
#footer .inside2{ width:1180px; margin:0 auto; text-align:center;color:#8a8686;font-size:14px;font-family:"黑体";}

/*分页*/
.tcdPageCode{margin:200px auto;padding: 100px 20px 0 100px;text-align: center;color: #ccc;}
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}

/*合作伙伴*/
.box{width:1000px;padding:0 0 0 158px;margin:0; float: left;}
.box ul li{padding:0 5px 5px 5px;width:165px;float: left;}
.box ul li img{border-left: 5px solid #f0f0f0;transform-style: preserve-3d;transition: all 1s;}
.box ul li img:hover{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}

/*在线客服代码*/
.rides-cs { background:#017dc7; position: fixed; top: 130px; right: 1px; _position: absolute; z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5333333', endColorstr='#E5333333');}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn { background: #F7F7F7; }
.rides-cs .cn h3 { font-size: 14px; color: #333; font-weight:600; line-height: 24px; padding: 5px}
.rides-cs .cn ul { padding: 0 0 0 8px;}
.rides-cs .cn ul li { line-height: 38px; height:38px; border-bottom: solid 1px #E6E4E4; overflow: hidden;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:0; left: 0;  background-image: url(../web_imgs/shopnc.png); background-repeat: no-repeat; display:block; width: 36px; height: 155px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

/*发展历程*/
#history1{padding-left:50px;float:left;transform-style: preserve-3d;transition: all 1s;}
#history2{padding-left:190px;float:left;transform-style: preserve-3d;transition: all 1s;}
#history3{padding-right:50px;float:right;transform-style: preserve-3d;transition: all 1s;}
#history4{padding-left:230px;float:left;transform-style: preserve-3d;transition: all 1s;}
#history5{padding-right:280px;float:right;transform-style: preserve-3d;transition: all 1s;}


.his_con{width:220px;height:200px;background-color:#e2f3fb;}
.his_con:hover{background-color:#fff;}
.his_con p{padding:20px 15px 0 15px;font-size:14px;font-family:'黑体';line-height:26px;text-indent:2em;color:#333}
.his_tit{width:220px;height:30px;background-color:#017dc7;}
.his_tit span{padding-left:60px;font-size:14px;font-family:'黑体';line-height:26px;text-indent:2em;font-weight:bold;color:#fff;}

/*回到顶部*/

/*---updown---一流资源网www.16css.com*/
#shangxia{position:fixed;top:80%;right:43%;display:block;margin-right:-540px; z-index:999;}
#shang,#comt,#xia{background:url(../web_imgs/huadong.png) no-repeat;position:relative;cursor:pointer;height:25px;width:29px;margin:10px 0 0;}
#comt{background-position:left -30px;height:32px;}
#xia{background-position:left -68px;}
#comt:hover{background-position:right -30px;}
#shang:hover{background-position:right 0;}
#xia:hover{background-position:right -68px ;}



/*菱形布局*/
#purecontainer {
  background: #f0f0f0;
  position: relative;
  padding-top: 68%;
  background-size: cover;
  overflow: hidden;
}
#purecontainer a {
  display: inline-block;
  position: absolute;
  width: 16%;
  height: 24%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
  overflow: hidden;  
  -webkit-transition: .6s opacity;
          transition: .6s opacity;
  color: #fff;
  font-family: Avenir, sans-serif;
  text-transform: uppercase;
  letter-spacing: .2rem;
  font-size: .5rem;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
#purecontainer a:hover, #purecontainer a .highlighted {
  opacity: 1;
}
#purecontainer a img {
  width: 100%; 
}
#purecontainer a .sp_title {
  display: inline-block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  z-index: 5;
  text-align: center;
  width: 100%;
  left: -15%;
  top: -70%;
  font-family:'黑体';
  font-size: 18px;
  font-weight:bold;
}
#purecontainer a .sp_con {
  display: inline-block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  z-index: 5;
  text-align: center;
  width: 100%;
  left: 5%;
  top: -70%;
  font-family:'黑体';
  font-size: 14px;  
}

a#pic1 {  left: 65%;    margin-top: 10%;opacity: 0.5;}
a#pic2 {  left: 19.6%;  margin-top: 10%;opacity: 0.5;}
a#pic3 {  left: 76.4%;  margin-top: 21.4%;}
a#pic4 {  left: 65%;  margin-top: 32.8%;opacity: 0.5;}
a#pic5 {  left: 53.6%;  margin-top: 21.4%;}
a#pic6 {  left: 42.3%;  margin-top: 10%;}
a#pic7 {  left: 42.3%;  margin-top: 32.8%;}
a#pic8 {  left: 31%;  margin-top: 21.4%;}
a#pic9 {  left: 8.2%;  margin-top: 21.4%;}
a#pic10 {  left: 19.6%;  margin-top: 32.8%;opacity: 0.5;}


@media all and (max-width: 800px) {
  #purecontainer a span {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 600px) {
  #purecontainer a span {
    font-size: 1rem;
  }
}
@media all and (min-width: 1500px)
{
	#purecontainer
	{
		background: #f0f0f0;
		background-size: cover;
	}
}